@dr.pogodin/react-utils 1.15.7 → 1.16.2

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.15.7",
+  "version": "1.16.2",
   "bin": {
     "react-utils-build": "bin/build.js",
     "react-utils-setup": "bin/setup.js"
@@ -8,43 +8,43 @@
     "url": "https://github.com/birdofpreyru/react-utils/issues"
   },
   "dependencies": {
-    "@babel/runtime": "^7.17.8",
+    "@babel/runtime": "^7.17.9",
     "@dr.pogodin/babel-plugin-react-css-modules": "^6.8.0",
-    "@dr.pogodin/react-global-state": "^0.7.1",
-    "@dr.pogodin/react-themes": "^1.4.1",
+    "@dr.pogodin/react-global-state": "^0.8.1",
+    "@dr.pogodin/react-themes": "^1.4.2",
     "axios": "^0.26.1",
     "commander": "^9.0.0",
     "compression": "^1.7.4",
     "config": "^3.3.7",
     "cookie-parser": "^1.4.6",
     "cross-env": "^7.0.3",
-    "dayjs": "^1.11.0",
+    "dayjs": "^1.11.1",
     "express": "^4.17.3",
     "helmet": "^5.0.2",
     "http-status-codes": "^2.2.0",
     "joi": "^17.6.0",
     "lodash": "^4.17.21",
     "morgan": "^1.10.0",
-    "node-forge": "^1.3.0",
+    "node-forge": "^1.3.1",
     "prop-types": "^15.8.1",
     "qs": "^6.10.1",
     "raf": "^3.4.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "react-helmet": "^6.1.0",
-    "react-router-dom": "^6.2.2",
+    "react-router-dom": "^6.3.0",
     "request-ip": "^2.1.3",
     "rimraf": "^3.0.2",
     "serialize-javascript": "^6.0.0",
     "serve-favicon": "^2.5.0",
     "source-map-support": "^0.5.21",
     "uuid": "^8.3.2",
-    "winston": "^3.6.0"
+    "winston": "^3.7.2"
   },
   "description": "Collection of generic ReactJS components and utils",
   "devDependencies": {
     "@babel/cli": "^7.17.6",
-    "@babel/core": "^7.17.8",
+    "@babel/core": "^7.17.9",
     "@babel/eslint-parser": "^7.17.0",
     "@babel/eslint-plugin": "^7.17.7",
     "@babel/node": "^7.16.8",
@@ -53,22 +53,22 @@
     "@babel/preset-react": "^7.16.7",
     "@dr.pogodin/babel-plugin-transform-assets": "^1.1.1",
     "@dr.pogodin/babel-preset-svgr": "^1.4.0",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.4",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
     "autoprefixer": "^10.4.4",
     "babel-jest": "^27.5.1",
     "babel-loader": "^8.2.4",
     "babel-plugin-module-resolver": "^4.1.0",
-    "core-js": "^3.21.1",
+    "core-js": "^3.22.0",
     "css-loader": "^6.7.1",
     "css-minimizer-webpack-plugin": "^3.4.1",
-    "eslint": "^8.12.0",
+    "eslint": "^8.13.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-import-resolver-babel-module": "^5.3.1",
-    "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-jest": "^26.1.3",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jest": "^26.1.4",
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-react": "^7.29.4",
-    "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint-plugin-react-hooks": "^4.4.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^27.5.1",
     "mini-css-extract-plugin": "^2.6.0",
@@ -78,23 +78,23 @@
     "postcss-loader": "^6.2.1",
     "postcss-scss": "^4.0.3",
     "pretty": "^2.0.0",
-    "react-refresh": "^0.11.0",
-    "react-test-renderer": "^17.0.2",
+    "react-refresh": "^0.12.0",
+    "react-test-renderer": "^18.0.0",
     "regenerator-runtime": "^0.13.9",
     "resolve-url-loader": "^5.0.0",
-    "sass": "^1.49.9",
+    "sass": "^1.50.0",
     "sass-loader": "^12.6.0",
     "sitemap": "^7.1.1",
-    "stylelint": "^14.6.1",
+    "stylelint": "^14.7.1",
     "stylelint-config-standard-scss": "^3.0.0",
     "supertest": "^6.2.2",
-    "webpack": "^5.70.0",
+    "webpack": "^5.72.0",
     "webpack-dev-middleware": "^5.3.1",
     "webpack-hot-middleware": "^2.25.1",
     "webpack-merge": "^5.8.0",
-    "workbox-core": "^6.5.2",
-    "workbox-precaching": "^6.5.2",
-    "workbox-webpack-plugin": "^6.5.2"
+    "workbox-core": "^6.5.3",
+    "workbox-precaching": "^6.5.3",
+    "workbox-webpack-plugin": "^6.5.3"
   },
   "engines": {
     "node": ">=14.x",

package/build/development/shared/components/CodeSplit/ClientSide.js

@@ -1,155 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ClientSide;
-
-var _react = require("react");
-
-var _reactGlobalState = require("@dr.pogodin/react-global-state");
-
-var _Barrier = require("../../utils/Barrier");
-
-var _isomorphy = require("../../utils/isomorphy");
-
-var _time = _interopRequireDefault(require("../../utils/time"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-/**
- * Client-side implementation of a split code chunk.
- */
-
-/* global document, window */
-
-/* eslint-disable react/jsx-props-no-spreading */
-function ClientSide({
-  chunkName,
-  children,
-  getClientSide,
-  placeholder,
-  // Not used in <ClientSide>, but should not go into "...rest" either.
-  serverSide,
-  ...rest
-}) {
-  const {
-    current: heap
-  } = (0, _react.useRef)({
-    mounted: false,
-    pendingStyles: [],
-    renderInitialized: false
-  }); // publicPath from buildInfo does not have a trailing slash at the end.
-
-  const {
-    publicPath
-  } = (0, _isomorphy.getBuildInfo)(); // This code block initiates style loading as soon as possible, even prior to
-  // the component loading, and it collects all style load / failure promises
-  // into heap.pendingStyles array, allowing us to wait and thus avoid flash of
-  // unstyled content issue (that's why we don't rely on mini-css-extract-plugin
-  // to handle CSS chunk mounting and unmounting, which it is able to do).
-
-  if (!heap.mounted) {
-    heap.mounted = true;
-    window.CHUNK_GROUPS[chunkName].forEach(asset => {
-      if (!asset.endsWith('.css')) return;
-      const path = `${publicPath}/${asset}`;
-      let link = document.querySelector(`link[href="${path}"]`);
-
-      if (!link) {
-        link = document.createElement('link');
-        link.setAttribute('href', path);
-        link.setAttribute('rel', 'stylesheet');
-        const barrier = (0, _Barrier.newBarrier)();
-        link.onload = barrier.resolve; // Even if the style load failed, still allow to mount the component,
-        // abeit with broken styling.
-
-        link.onerror = barrier.resolve;
-        heap.pendingStyles.push(barrier);
-        const head = document.querySelector('head');
-        head.appendChild(link);
-      }
-
-      window.STYLESHEET_USAGE_COUNTERS ||= {};
-      window.STYLESHEET_USAGE_COUNTERS[path] ||= 0;
-      ++window.STYLESHEET_USAGE_COUNTERS[path];
-    });
-  } // Async loading of React component necessary to render the chunk.
-
-
-  const {
-    data
-  } = (0, _reactGlobalState.useAsyncData)(`dr_pogodin_react_utils___split_components.${chunkName}`, getClientSide, {
-    maxage: _time.default.YEAR_MS
-  });
-
-  const createRender = () => {
-    const Scene = data.default || data;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      "data-chunk-name": chunkName,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Scene, { ...rest,
-        children: children
-      })
-    });
-  };
-
-  const [render, setRender] = (0, _react.useState)(() => {
-    // No need to await anything, we can render the final component right away.
-    if (data && !heap.pendingStyles.length) {
-      heap.renderInitialized = true;
-      return createRender();
-    } // Try to reuse the markup rendered during SSR.
-
-
-    const node = document.querySelector(`[data-chunk-name=${chunkName}]`);
-
-    if (node) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        /* eslint-disable react/no-danger */
-        dangerouslySetInnerHTML: {
-          __html: node.innerHTML || ''
-        }
-        /* eslint-disable react/no-danger */
-        ,
-        "data-chunk-name": chunkName
-      });
-    } // Else render placeholder, or empty div.
-
-
-    const Scene = placeholder || (() => null);
-
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Scene, { ...rest,
-        children: children
-      })
-    });
-  }); // At this point, if we have data, the absense of heap.renderInitialized flag
-  // means we have to await styles loading; once it is done, and if we are still
-  // mounted, we can set the final render.
-
-  if (data && !heap.renderInitialized) {
-    heap.renderInitialized = true;
-    Promise.all(heap.pendingStyles).then(() => {
-      if (heap.mounted) setRender(createRender());
-    });
-  } // This effectively fires only once, just before the component unmounts.
-
-
-  (0, _react.useEffect)(() => () => {
-    heap.mounted = false;
-    window.CHUNK_GROUPS[chunkName].forEach(item => {
-      if (!item.endsWith('.css')) return;
-      const path = `${publicPath}/${item}`;
-
-      if (--window.STYLESHEET_USAGE_COUNTERS[path] <= 0) {
-        const link = document.querySelector(`link[href="${path}"]`);
-        const head = document.querySelector('head');
-        head.removeChild(link);
-      }
-    });
-  }, [chunkName, heap, publicPath]);
-  return render;
-}
-//# sourceMappingURL=ClientSide.js.map

package/build/development/shared/components/CodeSplit/ClientSide.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/shared/components/CodeSplit/ClientSide.jsx"],"names":["ClientSide","chunkName","children","getClientSide","placeholder","serverSide","rest","current","heap","mounted","pendingStyles","renderInitialized","publicPath","window","CHUNK_GROUPS","forEach","asset","endsWith","path","link","document","querySelector","createElement","setAttribute","barrier","onload","resolve","onerror","push","head","appendChild","STYLESHEET_USAGE_COUNTERS","data","maxage","time","YEAR_MS","createRender","Scene","default","render","setRender","length","node","__html","innerHTML","Promise","all","then","item","removeChild"],"mappings":"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","sourcesContent":["/**\n * Client-side implementation of a split code chunk.\n */\n/* global document, window */\n/* eslint-disable react/jsx-props-no-spreading */\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { useAsyncData } from '@dr.pogodin/react-global-state';\n\nimport { newBarrier } from 'utils/Barrier';\nimport { getBuildInfo } from 'utils/isomorphy';\nimport time from 'utils/time';\n\nexport default function ClientSide({\n  chunkName,\n  children,\n  getClientSide,\n  placeholder,\n\n  // Not used in <ClientSide>, but should not go into \"...rest\" either.\n  serverSide,\n\n  ...rest\n}) {\n  const { current: heap } = useRef({\n    mounted: false,\n    pendingStyles: [],\n    renderInitialized: false,\n  });\n\n  // publicPath from buildInfo does not have a trailing slash at the end.\n  const { publicPath } = getBuildInfo();\n\n  // This code block initiates style loading as soon as possible, even prior to\n  // the component loading, and it collects all style load / failure promises\n  // into heap.pendingStyles array, allowing us to wait and thus avoid flash of\n  // unstyled content issue (that's why we don't rely on mini-css-extract-plugin\n  // to handle CSS chunk mounting and unmounting, which it is able to do).\n  if (!heap.mounted) {\n    heap.mounted = true;\n    window.CHUNK_GROUPS[chunkName].forEach((asset) => {\n      if (!asset.endsWith('.css')) return;\n      const path = `${publicPath}/${asset}`;\n      let link = document.querySelector(`link[href=\"${path}\"]`);\n      if (!link) {\n        link = document.createElement('link');\n        link.setAttribute('href', path);\n        link.setAttribute('rel', 'stylesheet');\n\n        const barrier = newBarrier();\n        link.onload = barrier.resolve;\n\n        // Even if the style load failed, still allow to mount the component,\n        // abeit with broken styling.\n        link.onerror = barrier.resolve;\n\n        heap.pendingStyles.push(barrier);\n\n        const head = document.querySelector('head');\n        head.appendChild(link);\n      }\n      window.STYLESHEET_USAGE_COUNTERS ||= {};\n      window.STYLESHEET_USAGE_COUNTERS[path] ||= 0;\n      ++window.STYLESHEET_USAGE_COUNTERS[path];\n    });\n  }\n\n  // Async loading of React component necessary to render the chunk.\n  const { data } = useAsyncData(\n    `dr_pogodin_react_utils___split_components.${chunkName}`,\n    getClientSide,\n    { maxage: time.YEAR_MS },\n  );\n\n  const createRender = () => {\n    const Scene = data.default || data;\n    return (\n      <div data-chunk-name={chunkName}>\n        <Scene {...rest}>\n          {children}\n        </Scene>\n      </div>\n    );\n  };\n\n  const [render, setRender] = useState(() => {\n    // No need to await anything, we can render the final component right away.\n    if (data && !heap.pendingStyles.length) {\n      heap.renderInitialized = true;\n      return createRender();\n    }\n\n    // Try to reuse the markup rendered during SSR.\n    const node = document.querySelector(`[data-chunk-name=${chunkName}]`);\n    if (node) {\n      return (\n        <div\n          /* eslint-disable react/no-danger */\n          dangerouslySetInnerHTML={{ __html: node.innerHTML || '' }}\n          /* eslint-disable react/no-danger */\n          data-chunk-name={chunkName}\n        />\n      );\n    }\n\n    // Else render placeholder, or empty div.\n    const Scene = placeholder || (() => null);\n    return <div><Scene {...rest}>{children}</Scene></div>;\n  });\n\n  // At this point, if we have data, the absense of heap.renderInitialized flag\n  // means we have to await styles loading; once it is done, and if we are still\n  // mounted, we can set the final render.\n  if (data && !heap.renderInitialized) {\n    heap.renderInitialized = true;\n    Promise.all(heap.pendingStyles).then(() => {\n      if (heap.mounted) setRender(createRender());\n    });\n  }\n\n  // This effectively fires only once, just before the component unmounts.\n  useEffect(() => () => {\n    heap.mounted = false;\n    window.CHUNK_GROUPS[chunkName].forEach((item) => {\n      if (!item.endsWith('.css')) return;\n      const path = `${publicPath}/${item}`;\n      if (--window.STYLESHEET_USAGE_COUNTERS[path] <= 0) {\n        const link = document.querySelector(`link[href=\"${path}\"]`);\n        const head = document.querySelector('head');\n        head.removeChild(link);\n      }\n    });\n  }, [chunkName, heap, publicPath]);\n\n  return render;\n}\n"],"file":"ClientSide.js"}

package/build/development/shared/components/CodeSplit/ServerSide.js

@@ -1,111 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ServerSide;
-
-var _server = _interopRequireDefault(require("react-dom/server"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactGlobalState = require("@dr.pogodin/react-global-state");
-
-var _reactRouterDom = require("react-router-dom");
-
-var _server2 = require("react-router-dom/server");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-/**
- * Server-side implementation.
- */
-
-/* eslint-disable react/jsx-props-no-spreading */
-function ServerSide({
-  chunkName,
-  getClientSide,
-  serverSide,
-  placeholder,
-  children,
-  ...rest
-}) {
-  /* 1. The component, or its placeholder is rendered into HTML string.
-   *    The component is wrapped into <GlobalStateProvider>, and <StaticRouter>
-   *    to ensure that global state, and react router will work inside
-   *    the component, if present there. Also, if no server-side (sync) way
-   *    to load the component is provider, `useAsyncData(..)` is used to
-   *    attempt to load and use the component via SSR mechanics. */
-  let Scene;
-  if (serverSide) Scene = serverSide;else {
-    // In this case we are sure the condition won't change during the rendering
-    // loop, thus we can ignore the rule.
-
-    /* eslint-disable react-hooks/rules-of-hooks */
-    const {
-      data
-    } = (0, _reactGlobalState.useAsyncData)(`dr_pogodin_react_utils___split_components.${chunkName}`, getClientSide);
-    Scene = data ? data.default || data : placeholder || (() => null);
-    /* eslint-enable react-hooks/rules-of-hooks */
-  }
-  const globalState = (0, _reactGlobalState.getGlobalState)();
-  const {
-    pathname
-  } = (0, _reactRouterDom.useResolvedPath)('');
-
-  const html = _server.default.renderToString( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactGlobalState.GlobalStateProvider, {
-    stateProxy: globalState,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_server2.StaticRouter, {
-      basename: pathname,
-      location: globalState.ssrContext.req.url,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Scene, { ...rest,
-        children: children
-      })
-    })
-  }));
-  /* 2. `chunks` array is used to record CSS chunks to inject. */
-
-
-  const {
-    chunks
-  } = globalState.ssrContext;
-
-  if (chunks.includes(chunkName)) {
-    throw new Error(`CodeSplit: chunk name clash for (${chunkName})`);
-  } else chunks.push(chunkName);
-  /* The result is rendered using the container with `dangerouslySetInnerHTML`
-   * to allow reproduce the same rendering result at the client side, even prior
-   * to the async loading of the split code. */
-
-  /* eslint-disable react/no-danger */
-
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    dangerouslySetInnerHTML: {
-      __html: html
-    },
-    "data-chunk-name": chunkName
-  });
-  /* eslint-enable react/no-danger */
-}
-
-ServerSide.propTypes = {
-  children: _propTypes.default.node,
-  chunkName: _propTypes.default.string.isRequired,
-  // Note: it is not strictly required by <ServerSide> component per se,
-  // as it is expected that in most cases "serverSide" prop should be provided,
-  // however "getClientSide" prop is still used as a fallback at the server side
-  // and also it is required by the parent splitComponent() function, so no harm
-  // to declare it as required here.
-  getClientSide: _propTypes.default.func.isRequired,
-  placeholder: _propTypes.default.elementType,
-  serverSide: _propTypes.default.elementType
-};
-ServerSide.defaultProps = {
-  children: undefined,
-  placeholder: null,
-  serverSide: undefined
-};
-//# sourceMappingURL=ServerSide.js.map

package/build/development/shared/components/CodeSplit/ServerSide.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/shared/components/CodeSplit/ServerSide.jsx"],"names":["ServerSide","chunkName","getClientSide","serverSide","placeholder","children","rest","Scene","data","default","globalState","pathname","html","ReactDom","renderToString","ssrContext","req","url","chunks","includes","Error","push","__html","propTypes","PT","node","string","isRequired","func","elementType","defaultProps","undefined"],"mappings":";;;;;;;;;AAKA;;AACA;;AAEA;;AAMA;;AACA;;;;AAfA;AACA;AACA;;AACA;AAce,SAASA,UAAT,CAAoB;AACjCC,EAAAA,SADiC;AAEjCC,EAAAA,aAFiC;AAGjCC,EAAAA,UAHiC;AAIjCC,EAAAA,WAJiC;AAKjCC,EAAAA,QALiC;AAMjC,KAAGC;AAN8B,CAApB,EAOZ;AACD;AACF;AACA;AACA;AACA;AACA;AACE,MAAIC,KAAJ;AACA,MAAIJ,UAAJ,EAAgBI,KAAK,GAAGJ,UAAR,CAAhB,KACK;AACH;AACA;;AACA;AACA,UAAM;AAAEK,MAAAA;AAAF,QAAW,oCACd,6CAA4CP,SAAU,EADxC,EAEfC,aAFe,CAAjB;AAIAK,IAAAA,KAAK,GAAGC,IAAI,GAAIA,IAAI,CAACC,OAAL,IAAgBD,IAApB,GAA6BJ,WAAW,KAAK,MAAM,IAAX,CAApD;AACA;AACD;AAED,QAAMM,WAAW,GAAG,uCAApB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAe,qCAAgB,EAAhB,CAArB;;AACA,QAAMC,IAAI,GAAGC,gBAASC,cAAT,eACX,qBAAC,qCAAD;AAAqB,IAAA,UAAU,EAAEJ,WAAjC;AAAA,2BACE,qBAAC,qBAAD;AACE,MAAA,QAAQ,EAAEC,QADZ;AAEE,MAAA,QAAQ,EAAED,WAAW,CAACK,UAAZ,CAAuBC,GAAvB,CAA2BC,GAFvC;AAAA,6BAIE,qBAAC,KAAD,OAAWX,IAAX;AAAA,kBACGD;AADH;AAJF;AADF,IADW,CAAb;AAaA;;;AACA,QAAM;AAAEa,IAAAA;AAAF,MAAaR,WAAW,CAACK,UAA/B;;AACA,MAAIG,MAAM,CAACC,QAAP,CAAgBlB,SAAhB,CAAJ,EAAgC;AAC9B,UAAM,IAAImB,KAAJ,CAAW,oCAAmCnB,SAAU,GAAxD,CAAN;AACD,GAFD,MAEOiB,MAAM,CAACG,IAAP,CAAYpB,SAAZ;AAEP;AACF;AACA;;AACE;;;AACA,sBACE;AACE,IAAA,uBAAuB,EAAE;AAAEqB,MAAAA,MAAM,EAAEV;AAAV,KAD3B;AAEE,uBAAiBX;AAFnB,IADF;AAMA;AACD;;AAEDD,UAAU,CAACuB,SAAX,GAAuB;AACrBlB,EAAAA,QAAQ,EAAEmB,mBAAGC,IADQ;AAErBxB,EAAAA,SAAS,EAAEuB,mBAAGE,MAAH,CAAUC,UAFA;AAIrB;AACA;AACA;AACA;AACA;AACAzB,EAAAA,aAAa,EAAEsB,mBAAGI,IAAH,CAAQD,UATF;AAWrBvB,EAAAA,WAAW,EAAEoB,mBAAGK,WAXK;AAYrB1B,EAAAA,UAAU,EAAEqB,mBAAGK;AAZM,CAAvB;AAeA7B,UAAU,CAAC8B,YAAX,GAA0B;AACxBzB,EAAAA,QAAQ,EAAE0B,SADc;AAExB3B,EAAAA,WAAW,EAAE,IAFW;AAGxBD,EAAAA,UAAU,EAAE4B;AAHY,CAA1B","sourcesContent":["/**\n * Server-side implementation.\n */\n/* eslint-disable react/jsx-props-no-spreading */\n\nimport ReactDom from 'react-dom/server';\nimport PT from 'prop-types';\n\nimport {\n  getGlobalState,\n  GlobalStateProvider,\n  useAsyncData,\n} from '@dr.pogodin/react-global-state';\n\nimport { useResolvedPath } from 'react-router-dom';\nimport { StaticRouter } from 'react-router-dom/server';\n\nexport default function ServerSide({\n  chunkName,\n  getClientSide,\n  serverSide,\n  placeholder,\n  children,\n  ...rest\n}) {\n  /* 1. The component, or its placeholder is rendered into HTML string.\n   *    The component is wrapped into <GlobalStateProvider>, and <StaticRouter>\n   *    to ensure that global state, and react router will work inside\n   *    the component, if present there. Also, if no server-side (sync) way\n   *    to load the component is provider, `useAsyncData(..)` is used to\n   *    attempt to load and use the component via SSR mechanics. */\n  let Scene;\n  if (serverSide) Scene = serverSide;\n  else {\n    // In this case we are sure the condition won't change during the rendering\n    // loop, thus we can ignore the rule.\n    /* eslint-disable react-hooks/rules-of-hooks */\n    const { data } = useAsyncData(\n      `dr_pogodin_react_utils___split_components.${chunkName}`,\n      getClientSide,\n    );\n    Scene = data ? (data.default || data) : (placeholder || (() => null));\n    /* eslint-enable react-hooks/rules-of-hooks */\n  }\n\n  const globalState = getGlobalState();\n  const { pathname } = useResolvedPath('');\n  const html = ReactDom.renderToString((\n    <GlobalStateProvider stateProxy={globalState}>\n      <StaticRouter\n        basename={pathname}\n        location={globalState.ssrContext.req.url}\n      >\n        <Scene {...rest}>\n          {children}\n        </Scene>\n      </StaticRouter>\n    </GlobalStateProvider>\n  ));\n\n  /* 2. `chunks` array is used to record CSS chunks to inject. */\n  const { chunks } = globalState.ssrContext;\n  if (chunks.includes(chunkName)) {\n    throw new Error(`CodeSplit: chunk name clash for (${chunkName})`);\n  } else chunks.push(chunkName);\n\n  /* The result is rendered using the container with `dangerouslySetInnerHTML`\n   * to allow reproduce the same rendering result at the client side, even prior\n   * to the async loading of the split code. */\n  /* eslint-disable react/no-danger */\n  return (\n    <div\n      dangerouslySetInnerHTML={{ __html: html }}\n      data-chunk-name={chunkName}\n    />\n  );\n  /* eslint-enable react/no-danger */\n}\n\nServerSide.propTypes = {\n  children: PT.node,\n  chunkName: PT.string.isRequired,\n\n  // Note: it is not strictly required by <ServerSide> component per se,\n  // as it is expected that in most cases \"serverSide\" prop should be provided,\n  // however \"getClientSide\" prop is still used as a fallback at the server side\n  // and also it is required by the parent splitComponent() function, so no harm\n  // to declare it as required here.\n  getClientSide: PT.func.isRequired,\n\n  placeholder: PT.elementType,\n  serverSide: PT.elementType,\n};\n\nServerSide.defaultProps = {\n  children: undefined,\n  placeholder: null,\n  serverSide: undefined,\n};\n"],"file":"ServerSide.js"}

package/build/production/shared/components/CodeSplit/ClientSide.js

@@ -1,21 +0,0 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=ClientSide;var _react=require("react");var _reactGlobalState=require("@dr.pogodin/react-global-state");var _Barrier=require("../../utils/Barrier");var _isomorphy=require("../../utils/isomorphy");var _time=_interopRequireDefault(require("../../utils/time"));var _jsxRuntime=require("react/jsx-runtime");/**
- * Client-side implementation of a split code chunk.
- */ /* global document, window */ /* eslint-disable react/jsx-props-no-spreading */function ClientSide({chunkName,children,getClientSide,placeholder,// Not used in <ClientSide>, but should not go into "...rest" either.
-serverSide,...rest}){const{current:heap}=(0,_react.useRef)({mounted:false,pendingStyles:[],renderInitialized:false});// publicPath from buildInfo does not have a trailing slash at the end.
-const{publicPath}=(0,_isomorphy.getBuildInfo)();// This code block initiates style loading as soon as possible, even prior to
-// the component loading, and it collects all style load / failure promises
-// into heap.pendingStyles array, allowing us to wait and thus avoid flash of
-// unstyled content issue (that's why we don't rely on mini-css-extract-plugin
-// to handle CSS chunk mounting and unmounting, which it is able to do).
-if(!heap.mounted){heap.mounted=true;window.CHUNK_GROUPS[chunkName].forEach(asset=>{if(!asset.endsWith(".css"))return;const path=`${publicPath}/${asset}`;let link=document.querySelector(`link[href="${path}"]`);if(!link){link=document.createElement("link");link.setAttribute("href",path);link.setAttribute("rel","stylesheet");const barrier=(0,_Barrier.newBarrier)();link.onload=barrier.resolve;// Even if the style load failed, still allow to mount the component,
-// abeit with broken styling.
-link.onerror=barrier.resolve;heap.pendingStyles.push(barrier);const head=document.querySelector("head");head.appendChild(link)}window.STYLESHEET_USAGE_COUNTERS||={};window.STYLESHEET_USAGE_COUNTERS[path]||=0;++window.STYLESHEET_USAGE_COUNTERS[path]})}// Async loading of React component necessary to render the chunk.
-const{data}=(0,_reactGlobalState.useAsyncData)(`dr_pogodin_react_utils___split_components.${chunkName}`,getClientSide,{maxage:_time.default.YEAR_MS});const createRender=()=>{const Scene=data.default||data;return/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{"data-chunk-name":chunkName,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(Scene,{...rest,children:children})})};const[render,setRender]=(0,_react.useState)(()=>{// No need to await anything, we can render the final component right away.
-if(data&&!heap.pendingStyles.length){heap.renderInitialized=true;return createRender()}// Try to reuse the markup rendered during SSR.
-const node=document.querySelector(`[data-chunk-name=${chunkName}]`);if(node){return/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{/* eslint-disable react/no-danger */dangerouslySetInnerHTML:{__html:node.innerHTML||""}/* eslint-disable react/no-danger */,"data-chunk-name":chunkName})}// Else render placeholder, or empty div.
-const Scene=placeholder||(()=>null);return/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(Scene,{...rest,children:children})})});// At this point, if we have data, the absense of heap.renderInitialized flag
-// means we have to await styles loading; once it is done, and if we are still
-// mounted, we can set the final render.
-if(data&&!heap.renderInitialized){heap.renderInitialized=true;Promise.all(heap.pendingStyles).then(()=>{if(heap.mounted)setRender(createRender())})}// This effectively fires only once, just before the component unmounts.
-(0,_react.useEffect)(()=>()=>{heap.mounted=false;window.CHUNK_GROUPS[chunkName].forEach(item=>{if(!item.endsWith(".css"))return;const path=`${publicPath}/${item}`;if(--window.STYLESHEET_USAGE_COUNTERS[path]<=0){const link=document.querySelector(`link[href="${path}"]`);const head=document.querySelector("head");head.removeChild(link)}})},[chunkName,heap,publicPath]);return render}
-//# sourceMappingURL=ClientSide.js.map

package/build/production/shared/components/CodeSplit/ClientSide.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/shared/components/CodeSplit/ClientSide.jsx"],"names":["ClientSide","chunkName","children","getClientSide","placeholder","serverSide","rest","current","heap","mounted","pendingStyles","renderInitialized","publicPath","window","CHUNK_GROUPS","forEach","asset","endsWith","path","link","document","querySelector","createElement","setAttribute","barrier","onload","resolve","onerror","push","head","appendChild","STYLESHEET_USAGE_COUNTERS","data","maxage","time","YEAR_MS","createRender","Scene","default","render","setRender","length","node","__html","innerHTML","Promise","all","then","item","removeChild"],"mappings":"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","sourcesContent":["/**\n * Client-side implementation of a split code chunk.\n */\n/* global document, window */\n/* eslint-disable react/jsx-props-no-spreading */\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { useAsyncData } from '@dr.pogodin/react-global-state';\n\nimport { newBarrier } from 'utils/Barrier';\nimport { getBuildInfo } from 'utils/isomorphy';\nimport time from 'utils/time';\n\nexport default function ClientSide({\n  chunkName,\n  children,\n  getClientSide,\n  placeholder,\n\n  // Not used in <ClientSide>, but should not go into \"...rest\" either.\n  serverSide,\n\n  ...rest\n}) {\n  const { current: heap } = useRef({\n    mounted: false,\n    pendingStyles: [],\n    renderInitialized: false,\n  });\n\n  // publicPath from buildInfo does not have a trailing slash at the end.\n  const { publicPath } = getBuildInfo();\n\n  // This code block initiates style loading as soon as possible, even prior to\n  // the component loading, and it collects all style load / failure promises\n  // into heap.pendingStyles array, allowing us to wait and thus avoid flash of\n  // unstyled content issue (that's why we don't rely on mini-css-extract-plugin\n  // to handle CSS chunk mounting and unmounting, which it is able to do).\n  if (!heap.mounted) {\n    heap.mounted = true;\n    window.CHUNK_GROUPS[chunkName].forEach((asset) => {\n      if (!asset.endsWith('.css')) return;\n      const path = `${publicPath}/${asset}`;\n      let link = document.querySelector(`link[href=\"${path}\"]`);\n      if (!link) {\n        link = document.createElement('link');\n        link.setAttribute('href', path);\n        link.setAttribute('rel', 'stylesheet');\n\n        const barrier = newBarrier();\n        link.onload = barrier.resolve;\n\n        // Even if the style load failed, still allow to mount the component,\n        // abeit with broken styling.\n        link.onerror = barrier.resolve;\n\n        heap.pendingStyles.push(barrier);\n\n        const head = document.querySelector('head');\n        head.appendChild(link);\n      }\n      window.STYLESHEET_USAGE_COUNTERS ||= {};\n      window.STYLESHEET_USAGE_COUNTERS[path] ||= 0;\n      ++window.STYLESHEET_USAGE_COUNTERS[path];\n    });\n  }\n\n  // Async loading of React component necessary to render the chunk.\n  const { data } = useAsyncData(\n    `dr_pogodin_react_utils___split_components.${chunkName}`,\n    getClientSide,\n    { maxage: time.YEAR_MS },\n  );\n\n  const createRender = () => {\n    const Scene = data.default || data;\n    return (\n      <div data-chunk-name={chunkName}>\n        <Scene {...rest}>\n          {children}\n        </Scene>\n      </div>\n    );\n  };\n\n  const [render, setRender] = useState(() => {\n    // No need to await anything, we can render the final component right away.\n    if (data && !heap.pendingStyles.length) {\n      heap.renderInitialized = true;\n      return createRender();\n    }\n\n    // Try to reuse the markup rendered during SSR.\n    const node = document.querySelector(`[data-chunk-name=${chunkName}]`);\n    if (node) {\n      return (\n        <div\n          /* eslint-disable react/no-danger */\n          dangerouslySetInnerHTML={{ __html: node.innerHTML || '' }}\n          /* eslint-disable react/no-danger */\n          data-chunk-name={chunkName}\n        />\n      );\n    }\n\n    // Else render placeholder, or empty div.\n    const Scene = placeholder || (() => null);\n    return <div><Scene {...rest}>{children}</Scene></div>;\n  });\n\n  // At this point, if we have data, the absense of heap.renderInitialized flag\n  // means we have to await styles loading; once it is done, and if we are still\n  // mounted, we can set the final render.\n  if (data && !heap.renderInitialized) {\n    heap.renderInitialized = true;\n    Promise.all(heap.pendingStyles).then(() => {\n      if (heap.mounted) setRender(createRender());\n    });\n  }\n\n  // This effectively fires only once, just before the component unmounts.\n  useEffect(() => () => {\n    heap.mounted = false;\n    window.CHUNK_GROUPS[chunkName].forEach((item) => {\n      if (!item.endsWith('.css')) return;\n      const path = `${publicPath}/${item}`;\n      if (--window.STYLESHEET_USAGE_COUNTERS[path] <= 0) {\n        const link = document.querySelector(`link[href=\"${path}\"]`);\n        const head = document.querySelector('head');\n        head.removeChild(link);\n      }\n    });\n  }, [chunkName, heap, publicPath]);\n\n  return render;\n}\n"],"file":"ClientSide.js"}

package/build/production/shared/components/CodeSplit/ServerSide.js

@@ -1,18 +0,0 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=ServerSide;var _server=_interopRequireDefault(require("react-dom/server"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactGlobalState=require("@dr.pogodin/react-global-state");var _reactRouterDom=require("react-router-dom");var _server2=require("react-router-dom/server");var _jsxRuntime=require("react/jsx-runtime");/**
- * Server-side implementation.
- */ /* eslint-disable react/jsx-props-no-spreading */function ServerSide({chunkName,getClientSide,serverSide,placeholder,children,...rest}){/* 1. The component, or its placeholder is rendered into HTML string.
-   *    The component is wrapped into <GlobalStateProvider>, and <StaticRouter>
-   *    to ensure that global state, and react router will work inside
-   *    the component, if present there. Also, if no server-side (sync) way
-   *    to load the component is provider, `useAsyncData(..)` is used to
-   *    attempt to load and use the component via SSR mechanics. */let Scene;if(serverSide)Scene=serverSide;else{// In this case we are sure the condition won't change during the rendering
-// loop, thus we can ignore the rule.
-/* eslint-disable react-hooks/rules-of-hooks */const{data}=(0,_reactGlobalState.useAsyncData)(`dr_pogodin_react_utils___split_components.${chunkName}`,getClientSide);Scene=data?data.default||data:placeholder||(()=>null);/* eslint-enable react-hooks/rules-of-hooks */}const globalState=(0,_reactGlobalState.getGlobalState)();const{pathname}=(0,_reactRouterDom.useResolvedPath)("");const html=_server.default.renderToString(/*#__PURE__*/(0,_jsxRuntime.jsx)(_reactGlobalState.GlobalStateProvider,{stateProxy:globalState,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_server2.StaticRouter,{basename:pathname,location:globalState.ssrContext.req.url,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(Scene,{...rest,children:children})})}));/* 2. `chunks` array is used to record CSS chunks to inject. */const{chunks}=globalState.ssrContext;if(chunks.includes(chunkName)){throw new Error(`CodeSplit: chunk name clash for (${chunkName})`)}else chunks.push(chunkName);/* The result is rendered using the container with `dangerouslySetInnerHTML`
-   * to allow reproduce the same rendering result at the client side, even prior
-   * to the async loading of the split code. */ /* eslint-disable react/no-danger */return/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{dangerouslySetInnerHTML:{__html:html},"data-chunk-name":chunkName});/* eslint-enable react/no-danger */}ServerSide.propTypes={children:_propTypes.default.node,chunkName:_propTypes.default.string.isRequired,// Note: it is not strictly required by <ServerSide> component per se,
-// as it is expected that in most cases "serverSide" prop should be provided,
-// however "getClientSide" prop is still used as a fallback at the server side
-// and also it is required by the parent splitComponent() function, so no harm
-// to declare it as required here.
-getClientSide:_propTypes.default.func.isRequired,placeholder:_propTypes.default.elementType,serverSide:_propTypes.default.elementType};ServerSide.defaultProps={children:undefined,placeholder:null,serverSide:undefined};
-//# sourceMappingURL=ServerSide.js.map

package/build/production/shared/components/CodeSplit/ServerSide.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/shared/components/CodeSplit/ServerSide.jsx"],"names":["ServerSide","chunkName","getClientSide","serverSide","placeholder","children","rest","Scene","data","default","globalState","pathname","html","ReactDom","renderToString","ssrContext","req","url","chunks","includes","Error","push","__html","propTypes","PT","node","string","isRequired","func","elementType","defaultProps","undefined"],"mappings":"oLAKA,gEACA,6DAEA,gEAMA,gDACA,gD,6CAfA;AACA;AACA,G,CACA,iDAce,QAASA,CAAAA,UAAT,CAAoB,CACjCC,SADiC,CAEjCC,aAFiC,CAGjCC,UAHiC,CAIjCC,WAJiC,CAKjCC,QALiC,CAMjC,GAAGC,IAN8B,CAApB,CAOZ,CACD;AACF;AACA;AACA;AACA;AACA,mEACE,GAAIC,CAAAA,KAAJ,CACA,GAAIJ,UAAJ,CAAgBI,KAAK,CAAGJ,UAAR,CAAhB,IACK,CACH;AACA;AACA,+CACA,KAAM,CAAEK,IAAF,EAAW,mCACd,6CAA4CP,SAAU,EADxC,CAEfC,aAFe,CAAjB,CAIAK,KAAK,CAAGC,IAAI,CAAIA,IAAI,CAACC,OAAL,EAAgBD,IAApB,CAA6BJ,WAAW,GAAK,IAAM,IAAX,CAApD,CACA,8CACD,CAED,KAAMM,CAAAA,WAAW,CAAG,sCAApB,CACA,KAAM,CAAEC,QAAF,EAAe,oCAAgB,EAAhB,CAArB,CACA,KAAMC,CAAAA,IAAI,CAAGC,gBAASC,cAAT,cACX,oBAAC,qCAAD,EAAqB,UAAU,CAAEJ,WAAjC,uBACE,oBAAC,qBAAD,EACE,QAAQ,CAAEC,QADZ,CAEE,QAAQ,CAAED,WAAW,CAACK,UAAZ,CAAuBC,GAAvB,CAA2BC,GAFvC,uBAIE,oBAAC,KAAD,KAAWX,IAAX,UACGD,QADH,EAJF,EADF,EADW,CAAb,CAaA,+DACA,KAAM,CAAEa,MAAF,EAAaR,WAAW,CAACK,UAA/B,CACA,GAAIG,MAAM,CAACC,QAAP,CAAgBlB,SAAhB,CAAJ,CAAgC,CAC9B,KAAM,IAAImB,CAAAA,KAAJ,CAAW,oCAAmCnB,SAAU,GAAxD,CACP,CAFD,IAEOiB,CAAAA,MAAM,CAACG,IAAP,CAAYpB,SAAZ,EAEP;AACF;AACA,+CA5CG,CA6CD,oCACA,mBACE,2BACE,uBAAuB,CAAE,CAAEqB,MAAM,CAAEV,IAAV,CAD3B,CAEE,kBAAiBX,SAFnB,EADF,CAMA,mCACD,CAEDD,UAAU,CAACuB,SAAX,CAAuB,CACrBlB,QAAQ,CAAEmB,mBAAGC,IADQ,CAErBxB,SAAS,CAAEuB,mBAAGE,MAAH,CAAUC,UAFA,CAIrB;AACA;AACA;AACA;AACA;AACAzB,aAAa,CAAEsB,mBAAGI,IAAH,CAAQD,UATF,CAWrBvB,WAAW,CAAEoB,mBAAGK,WAXK,CAYrB1B,UAAU,CAAEqB,mBAAGK,WAZM,CAAvB,CAeA7B,UAAU,CAAC8B,YAAX,CAA0B,CACxBzB,QAAQ,CAAE0B,SADc,CAExB3B,WAAW,CAAE,IAFW,CAGxBD,UAAU,CAAE4B,SAHY,CAA1B","sourcesContent":["/**\n * Server-side implementation.\n */\n/* eslint-disable react/jsx-props-no-spreading */\n\nimport ReactDom from 'react-dom/server';\nimport PT from 'prop-types';\n\nimport {\n  getGlobalState,\n  GlobalStateProvider,\n  useAsyncData,\n} from '@dr.pogodin/react-global-state';\n\nimport { useResolvedPath } from 'react-router-dom';\nimport { StaticRouter } from 'react-router-dom/server';\n\nexport default function ServerSide({\n  chunkName,\n  getClientSide,\n  serverSide,\n  placeholder,\n  children,\n  ...rest\n}) {\n  /* 1. The component, or its placeholder is rendered into HTML string.\n   *    The component is wrapped into <GlobalStateProvider>, and <StaticRouter>\n   *    to ensure that global state, and react router will work inside\n   *    the component, if present there. Also, if no server-side (sync) way\n   *    to load the component is provider, `useAsyncData(..)` is used to\n   *    attempt to load and use the component via SSR mechanics. */\n  let Scene;\n  if (serverSide) Scene = serverSide;\n  else {\n    // In this case we are sure the condition won't change during the rendering\n    // loop, thus we can ignore the rule.\n    /* eslint-disable react-hooks/rules-of-hooks */\n    const { data } = useAsyncData(\n      `dr_pogodin_react_utils___split_components.${chunkName}`,\n      getClientSide,\n    );\n    Scene = data ? (data.default || data) : (placeholder || (() => null));\n    /* eslint-enable react-hooks/rules-of-hooks */\n  }\n\n  const globalState = getGlobalState();\n  const { pathname } = useResolvedPath('');\n  const html = ReactDom.renderToString((\n    <GlobalStateProvider stateProxy={globalState}>\n      <StaticRouter\n        basename={pathname}\n        location={globalState.ssrContext.req.url}\n      >\n        <Scene {...rest}>\n          {children}\n        </Scene>\n      </StaticRouter>\n    </GlobalStateProvider>\n  ));\n\n  /* 2. `chunks` array is used to record CSS chunks to inject. */\n  const { chunks } = globalState.ssrContext;\n  if (chunks.includes(chunkName)) {\n    throw new Error(`CodeSplit: chunk name clash for (${chunkName})`);\n  } else chunks.push(chunkName);\n\n  /* The result is rendered using the container with `dangerouslySetInnerHTML`\n   * to allow reproduce the same rendering result at the client side, even prior\n   * to the async loading of the split code. */\n  /* eslint-disable react/no-danger */\n  return (\n    <div\n      dangerouslySetInnerHTML={{ __html: html }}\n      data-chunk-name={chunkName}\n    />\n  );\n  /* eslint-enable react/no-danger */\n}\n\nServerSide.propTypes = {\n  children: PT.node,\n  chunkName: PT.string.isRequired,\n\n  // Note: it is not strictly required by <ServerSide> component per se,\n  // as it is expected that in most cases \"serverSide\" prop should be provided,\n  // however \"getClientSide\" prop is still used as a fallback at the server side\n  // and also it is required by the parent splitComponent() function, so no harm\n  // to declare it as required here.\n  getClientSide: PT.func.isRequired,\n\n  placeholder: PT.elementType,\n  serverSide: PT.elementType,\n};\n\nServerSide.defaultProps = {\n  children: undefined,\n  placeholder: null,\n  serverSide: undefined,\n};\n"],"file":"ServerSide.js"}