Added umd, esm, and cjs builds

.github/workflows/build-and-commit.yml

@@ -18,7 +18,7 @@ jobs:
     - name: Set up Node.js
       uses: actions/setup-node@v2
       with:
-        node-version: '21'  # Change this to the version of Node.js you are using
+        node-version: '14'  # Change this to the version of Node.js you are using
     - name: Install dependencies
       run: npm install
     - name: Build project
@@ -34,5 +34,18 @@ jobs:
           git commit -m "Build: Commit changes after build"
           git push
         fi
+  test:
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+    - name: Set up Node.js
+      uses: actions/setup-node@v2
+      with:
+        node-version: '14'  # Change this to the version of Node.js you are using
+    - name: Install dependencies
+      run: npm install
     - name: Run Cypress tests
       run: npm run test
+

babel.config.js

@@ -0,0 +1,27 @@
+const presets = ["@babel/preset-env", "@babel/preset-react"];
+module.exports = {
+  env: {
+    esm: {
+      presets,
+      plugins: [],
+    },
+    cjs: {
+      presets,
+      plugins: ["@babel/plugin-transform-modules-commonjs"],
+    },
+    umd: {
+      presets,
+      plugins: [
+        "@babel/plugin-transform-modules-umd",
+        [
+          "@babel/plugin-transform-runtime",
+          {
+            helpers: true,
+            regenerator: true,
+            useESModules: false,
+          },
+        ],
+      ],
+    },
+  },
+};

dist/cjs/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _jdenticon = _interopRequireDefault(require("jdenticon"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var Jdenticon = function Jdenticon(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? 'test' : _ref$value,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '100%' : _ref$size;
+  var icon = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    _jdenticon["default"].update(icon.current, value);
+  }, [value]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("svg", {
+    "data-jdenticon-value": value,
+    height: size,
+    ref: icon,
+    width: size
+  }));
+};
+Jdenticon.propTypes = {
+  size: _propTypes["default"].string,
+  value: _propTypes["default"].string.isRequired
+};
+var _default = exports["default"] = Jdenticon;

dist/esm/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _jdenticon = _interopRequireDefault(require("jdenticon"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var Jdenticon = function Jdenticon(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? 'test' : _ref$value,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '100%' : _ref$size;
+  var icon = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    _jdenticon["default"].update(icon.current, value);
+  }, [value]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("svg", {
+    "data-jdenticon-value": value,
+    height: size,
+    ref: icon,
+    width: size
+  }));
+};
+Jdenticon.propTypes = {
+  size: _propTypes["default"].string,
+  value: _propTypes["default"].string.isRequired
+};
+var _default = exports["default"] = Jdenticon;