@dr.pogodin/react-utils 1.12.1 → 1.12.2

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

@@ -13,6 +13,8 @@ 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");
@@ -83,10 +85,14 @@ function ServerSide({
     /* 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
       })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shared/components/CodeSplit/ServerSide.jsx"],"names":["resolveRequire","base","path","p","require","resolve","paths","default","def","named","Object","entries","forEach","key","value","Error","ServerSide","chunkName","getComponentAsync","getComponentServer","placeholder","rest","Scene","data","globalState","html","ReactDom","renderToString","ssrContext","req","url","chunks","includes","push","__html","propTypes","PT","string","isRequired","func","elementType","defaultProps"],"mappings":";;;;;;;;;AAKA;;AACA;;AAEA;;AAKA;;;;AAbA;AACA;AACA;;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,cAAT,CAAwBC,IAAxB,EAA8BC,IAA9B,EAAoC;AAClC;AACA;AACA;AACA;AACA,QAAMC,CAAC,GAAGC,OAAO,CAACC,OAAR,CAAgBH,IAAhB,EAAsB;AAAEI,IAAAA,KAAK,EAAE,CAACL,IAAD;AAAT,GAAtB,CAAV;AACA;;;AACA,QAAM;AAAEM,IAAAA,OAAO,EAAEC,GAAX;AAAgB,OAAGC;AAAnB,MAA6BL,OAAO,CAACD,CAAD,CAA1C;AACA;;;AACA,MAAI,CAACK,GAAL,EAAU,OAAOC,KAAP;AAEVC,EAAAA,MAAM,CAACC,OAAP,CAAeF,KAAf,EAAsBG,OAAtB,CAA8B,CAAC,CAACC,GAAD,EAAMC,KAAN,CAAD,KAAkB;AAC9C,QAAIN,GAAG,CAACK,GAAD,CAAP,EAAc,MAAME,KAAK,CAAC,4CAAD,CAAX;AACdP,IAAAA,GAAG,CAACK,GAAD,CAAH,GAAWC,KAAX;AACD,GAHD;AAIA,SAAON,GAAP;AACD;;AAEc,SAASQ,UAAT,CAAoB;AACjCC,EAAAA,SADiC;AAEjCC,EAAAA,iBAFiC;AAGjCC,EAAAA,kBAHiC;AAIjCC,EAAAA,WAJiC;AAKjC,KAAGC;AAL8B,CAApB,EAMZ;AACD;AACF;AACA;AACA;AACA;AACA;AACE,MAAIC,KAAJ;AACA,MAAIH,kBAAJ,EAAwBG,KAAK,GAAGH,kBAAkB,CAACnB,cAAD,CAA1B,CAAxB,KACK;AACH;AACA;;AACA;AACA,UAAM;AAAEuB,MAAAA;AAAF,QAAW,oCACd,6CAA4CN,SAAU,EADxC,EAEfC,iBAFe,CAAjB;AAIAI,IAAAA,KAAK,GAAGC,IAAI,GAAIA,IAAI,CAAChB,OAAL,IAAgBgB,IAApB,GAA6BH,WAAW,KAAK,MAAM,IAAX,CAApD;AACA;AACD;AAED,QAAMI,WAAW,GAAG,uCAApB;;AACA,QAAMC,IAAI,GAAGC,gBAASC,cAAT,eACX,qBAAC,qCAAD;AAAqB,IAAA,UAAU,EAAEH,WAAjC;AAAA,2BACE,qBAAC,qBAAD;AAAc,MAAA,QAAQ,EAAEA,WAAW,CAACI,UAAZ,CAAuBC,GAAvB,CAA2BC,GAAnD;AAAA,6BACE,qBAAC,KAAD,OAAWT;AAAX;AADF;AADF,IADW,CAAb;AAQA;;;AACA,QAAM;AAAEU,IAAAA;AAAF,MAAaP,WAAW,CAACI,UAA/B;;AACA,MAAIG,MAAM,CAACC,QAAP,CAAgBf,SAAhB,CAAJ,EAAgC;AAC9B,UAAM,IAAIF,KAAJ,CAAW,oCAAmCE,SAAU,GAAxD,CAAN;AACD,GAFD,MAEOc,MAAM,CAACE,IAAP,CAAYhB,SAAZ;AAEP;AACF;AACA;;AACE;;;AACA,sBACE;AACE,IAAA,uBAAuB,EAAE;AAAEiB,MAAAA,MAAM,EAAET;AAAV,KAD3B;AAEE,uBAAiBR;AAFnB,IADF;AAMA;AACD;;AAEDD,UAAU,CAACmB,SAAX,GAAuB;AACrBlB,EAAAA,SAAS,EAAEmB,mBAAGC,MAAH,CAAUC,UADA;AAErBpB,EAAAA,iBAAiB,EAAEkB,mBAAGG,IAFD;AAGrBpB,EAAAA,kBAAkB,EAAEiB,mBAAGG,IAHF;AAIrBnB,EAAAA,WAAW,EAAEgB,mBAAGI;AAJK,CAAvB;AAOAxB,UAAU,CAACyB,YAAX,GAA0B;AACxBvB,EAAAA,iBAAiB,EAAE,IADK;AAExBC,EAAAA,kBAAkB,EAAE,IAFI;AAGxBC,EAAAA,WAAW,EAAE;AAHW,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';\nimport { StaticRouter } from 'react-router-dom/server';\n\n/**\n * A specially wrapped `require()`, which is passed as an argument into\n * the optional `getComponentServer` prop of <{@link CodeSplit}> component.\n * @param {string} base Path resolution base, you want to pass in `__dirname`\n * value from the host module using `<CodeSplit>`.\n * @param {string} path The path of module to require.\n * @return {object} Required module.\n */\nfunction resolveRequire(base, path) {\n  // NOTE: A part of code here attempts to correctly load ES6 modules\n  // transformed by Babel; namely if required module has \"default\" field,\n  // all other fields (presumed to be named exports) are attached to\n  // the \"default\".\n  const p = require.resolve(path, { paths: [base] });\n  /* eslint-disable global-require, import/no-dynamic-require */\n  const { default: def, ...named } = require(p);\n  /* eslint-enable global-require, import/no-dynamic-require */\n  if (!def) return named;\n\n  Object.entries(named).forEach(([key, value]) => {\n    if (def[key]) throw Error('Conflict between default and named exports');\n    def[key] = value;\n  });\n  return def;\n}\n\nexport default function ServerSide({\n  chunkName,\n  getComponentAsync,\n  getComponentServer,\n  placeholder,\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 (getComponentServer) Scene = getComponentServer(resolveRequire);\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      getComponentAsync,\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 html = ReactDom.renderToString((\n    <GlobalStateProvider stateProxy={globalState}>\n      <StaticRouter location={globalState.ssrContext.req.url}>\n        <Scene {...rest} />\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  chunkName: PT.string.isRequired,\n  getComponentAsync: PT.func,\n  getComponentServer: PT.func,\n  placeholder: PT.elementType,\n};\n\nServerSide.defaultProps = {\n  getComponentAsync: null,\n  getComponentServer: null,\n  placeholder: null,\n};\n"],"file":"ServerSide.js"}
+{"version":3,"sources":["../../../../../src/shared/components/CodeSplit/ServerSide.jsx"],"names":["resolveRequire","base","path","p","require","resolve","paths","default","def","named","Object","entries","forEach","key","value","Error","ServerSide","chunkName","getComponentAsync","getComponentServer","placeholder","rest","Scene","data","globalState","pathname","html","ReactDom","renderToString","ssrContext","req","url","chunks","includes","push","__html","propTypes","PT","string","isRequired","func","elementType","defaultProps"],"mappings":"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","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\n/**\n * A specially wrapped `require()`, which is passed as an argument into\n * the optional `getComponentServer` prop of <{@link CodeSplit}> component.\n * @param {string} base Path resolution base, you want to pass in `__dirname`\n * value from the host module using `<CodeSplit>`.\n * @param {string} path The path of module to require.\n * @return {object} Required module.\n */\nfunction resolveRequire(base, path) {\n  // NOTE: A part of code here attempts to correctly load ES6 modules\n  // transformed by Babel; namely if required module has \"default\" field,\n  // all other fields (presumed to be named exports) are attached to\n  // the \"default\".\n  const p = require.resolve(path, { paths: [base] });\n  /* eslint-disable global-require, import/no-dynamic-require */\n  const { default: def, ...named } = require(p);\n  /* eslint-enable global-require, import/no-dynamic-require */\n  if (!def) return named;\n\n  Object.entries(named).forEach(([key, value]) => {\n    if (def[key]) throw Error('Conflict between default and named exports');\n    def[key] = value;\n  });\n  return def;\n}\n\nexport default function ServerSide({\n  chunkName,\n  getComponentAsync,\n  getComponentServer,\n  placeholder,\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 (getComponentServer) Scene = getComponentServer(resolveRequire);\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      getComponentAsync,\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      </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  chunkName: PT.string.isRequired,\n  getComponentAsync: PT.func,\n  getComponentServer: PT.func,\n  placeholder: PT.elementType,\n};\n\nServerSide.defaultProps = {\n  getComponentAsync: null,\n  getComponentServer: null,\n  placeholder: null,\n};\n"],"file":"ServerSide.js"}

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

@@ -1,4 +1,4 @@
-"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 _server2=require("react-router-dom/server");var _jsxRuntime=require("react/jsx-runtime");/**
+"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 */ /**
  * A specially wrapped `require()`, which is passed as an argument into
@@ -18,7 +18,7 @@ const p=require.resolve(path,{paths:[base]});/* eslint-disable global-require, i
    *    to load the component is provider, `useAsyncData(..)` is used to
    *    attempt to load and use the component via SSR mechanics. */let Scene;if(getComponentServer)Scene=getComponentServer(resolveRequire);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}`,getComponentAsync);Scene=data?data.default||data:placeholder||(()=>null);/* eslint-enable react-hooks/rules-of-hooks */}const globalState=(0,_reactGlobalState.getGlobalState)();const html=_server.default.renderToString(/*#__PURE__*/(0,_jsxRuntime.jsx)(_reactGlobalState.GlobalStateProvider,{stateProxy:globalState,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_server2.StaticRouter,{location:globalState.ssrContext.req.url,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(Scene,{...rest})})}));/* 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`
+/* eslint-disable react-hooks/rules-of-hooks */const{data}=(0,_reactGlobalState.useAsyncData)(`dr_pogodin_react_utils___split_components.${chunkName}`,getComponentAsync);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})})}));/* 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={chunkName:_propTypes.default.string.isRequired,getComponentAsync:_propTypes.default.func,getComponentServer:_propTypes.default.func,placeholder:_propTypes.default.elementType};ServerSide.defaultProps={getComponentAsync:null,getComponentServer:null,placeholder:null};
 //# sourceMappingURL=ServerSide.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shared/components/CodeSplit/ServerSide.jsx"],"names":["resolveRequire","base","path","p","require","resolve","paths","default","def","named","Object","entries","forEach","key","value","Error","ServerSide","chunkName","getComponentAsync","getComponentServer","placeholder","rest","Scene","data","globalState","html","ReactDom","renderToString","ssrContext","req","url","chunks","includes","push","__html","propTypes","PT","string","isRequired","func","elementType","defaultProps"],"mappings":"oLAKA,gEACA,6DAEA,gEAKA,gD,6CAbA;AACA;AACA,G,CACA,iD,CAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,QAASA,CAAAA,cAAT,CAAwBC,IAAxB,CAA8BC,IAA9B,CAAoC,CAClC;AACA;AACA;AACA;AACA,KAAMC,CAAAA,CAAC,CAAGC,OAAO,CAACC,OAAR,CAAgBH,IAAhB,CAAsB,CAAEI,KAAK,CAAE,CAACL,IAAD,CAAT,CAAtB,CAAV,CACA,8DACA,KAAM,CAAEM,OAAO,CAAEC,GAAX,CAAgB,GAAGC,KAAnB,EAA6BL,OAAO,CAACD,CAAD,CAA1C,CACA,6DACA,GAAI,CAACK,GAAL,CAAU,MAAOC,CAAAA,KAAP,CAEVC,MAAM,CAACC,OAAP,CAAeF,KAAf,EAAsBG,OAAtB,CAA8B,CAAC,CAACC,GAAD,CAAMC,KAAN,CAAD,GAAkB,CAC9C,GAAIN,GAAG,CAACK,GAAD,CAAP,CAAc,KAAME,CAAAA,KAAK,CAAC,4CAAD,CAAX,CACdP,GAAG,CAACK,GAAD,CAAH,CAAWC,KACZ,CAHD,EAIA,MAAON,CAAAA,GACR,CAEc,QAASQ,CAAAA,UAAT,CAAoB,CACjCC,SADiC,CAEjCC,iBAFiC,CAGjCC,kBAHiC,CAIjCC,WAJiC,CAKjC,GAAGC,IAL8B,CAApB,CAMZ,CACD;AACF;AACA;AACA;AACA;AACA,mEACE,GAAIC,CAAAA,KAAJ,CACA,GAAIH,kBAAJ,CAAwBG,KAAK,CAAGH,kBAAkB,CAACnB,cAAD,CAA1B,CAAxB,IACK,CACH;AACA;AACA,+CACA,KAAM,CAAEuB,IAAF,EAAW,mCACd,6CAA4CN,SAAU,EADxC,CAEfC,iBAFe,CAAjB,CAIAI,KAAK,CAAGC,IAAI,CAAIA,IAAI,CAAChB,OAAL,EAAgBgB,IAApB,CAA6BH,WAAW,GAAK,IAAM,IAAX,CAApD,CACA,8CACD,CAED,KAAMI,CAAAA,WAAW,CAAG,sCAApB,CACA,KAAMC,CAAAA,IAAI,CAAGC,gBAASC,cAAT,cACX,oBAAC,qCAAD,EAAqB,UAAU,CAAEH,WAAjC,uBACE,oBAAC,qBAAD,EAAc,QAAQ,CAAEA,WAAW,CAACI,UAAZ,CAAuBC,GAAvB,CAA2BC,GAAnD,uBACE,oBAAC,KAAD,KAAWT,IAAX,EADF,EADF,EADW,CAAb,CAQA,+DACA,KAAM,CAAEU,MAAF,EAAaP,WAAW,CAACI,UAA/B,CACA,GAAIG,MAAM,CAACC,QAAP,CAAgBf,SAAhB,CAAJ,CAAgC,CAC9B,KAAM,IAAIF,CAAAA,KAAJ,CAAW,oCAAmCE,SAAU,GAAxD,CACP,CAFD,IAEOc,CAAAA,MAAM,CAACE,IAAP,CAAYhB,SAAZ,EAEP;AACF;AACA,+CAtCG,CAuCD,oCACA,mBACE,2BACE,uBAAuB,CAAE,CAAEiB,MAAM,CAAET,IAAV,CAD3B,CAEE,kBAAiBR,SAFnB,EADF,CAMA,mCACD,CAEDD,UAAU,CAACmB,SAAX,CAAuB,CACrBlB,SAAS,CAAEmB,mBAAGC,MAAH,CAAUC,UADA,CAErBpB,iBAAiB,CAAEkB,mBAAGG,IAFD,CAGrBpB,kBAAkB,CAAEiB,mBAAGG,IAHF,CAIrBnB,WAAW,CAAEgB,mBAAGI,WAJK,CAAvB,CAOAxB,UAAU,CAACyB,YAAX,CAA0B,CACxBvB,iBAAiB,CAAE,IADK,CAExBC,kBAAkB,CAAE,IAFI,CAGxBC,WAAW,CAAE,IAHW,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';\nimport { StaticRouter } from 'react-router-dom/server';\n\n/**\n * A specially wrapped `require()`, which is passed as an argument into\n * the optional `getComponentServer` prop of <{@link CodeSplit}> component.\n * @param {string} base Path resolution base, you want to pass in `__dirname`\n * value from the host module using `<CodeSplit>`.\n * @param {string} path The path of module to require.\n * @return {object} Required module.\n */\nfunction resolveRequire(base, path) {\n  // NOTE: A part of code here attempts to correctly load ES6 modules\n  // transformed by Babel; namely if required module has \"default\" field,\n  // all other fields (presumed to be named exports) are attached to\n  // the \"default\".\n  const p = require.resolve(path, { paths: [base] });\n  /* eslint-disable global-require, import/no-dynamic-require */\n  const { default: def, ...named } = require(p);\n  /* eslint-enable global-require, import/no-dynamic-require */\n  if (!def) return named;\n\n  Object.entries(named).forEach(([key, value]) => {\n    if (def[key]) throw Error('Conflict between default and named exports');\n    def[key] = value;\n  });\n  return def;\n}\n\nexport default function ServerSide({\n  chunkName,\n  getComponentAsync,\n  getComponentServer,\n  placeholder,\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 (getComponentServer) Scene = getComponentServer(resolveRequire);\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      getComponentAsync,\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 html = ReactDom.renderToString((\n    <GlobalStateProvider stateProxy={globalState}>\n      <StaticRouter location={globalState.ssrContext.req.url}>\n        <Scene {...rest} />\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  chunkName: PT.string.isRequired,\n  getComponentAsync: PT.func,\n  getComponentServer: PT.func,\n  placeholder: PT.elementType,\n};\n\nServerSide.defaultProps = {\n  getComponentAsync: null,\n  getComponentServer: null,\n  placeholder: null,\n};\n"],"file":"ServerSide.js"}
+{"version":3,"sources":["../../../../../src/shared/components/CodeSplit/ServerSide.jsx"],"names":["resolveRequire","base","path","p","require","resolve","paths","default","def","named","Object","entries","forEach","key","value","Error","ServerSide","chunkName","getComponentAsync","getComponentServer","placeholder","rest","Scene","data","globalState","pathname","html","ReactDom","renderToString","ssrContext","req","url","chunks","includes","push","__html","propTypes","PT","string","isRequired","func","elementType","defaultProps"],"mappings":"oLAKA,gEACA,6DAEA,gEAMA,gDACA,gD,6CAfA;AACA;AACA,G,CACA,iD,CAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,QAASA,CAAAA,cAAT,CAAwBC,IAAxB,CAA8BC,IAA9B,CAAoC,CAClC;AACA;AACA;AACA;AACA,KAAMC,CAAAA,CAAC,CAAGC,OAAO,CAACC,OAAR,CAAgBH,IAAhB,CAAsB,CAAEI,KAAK,CAAE,CAACL,IAAD,CAAT,CAAtB,CAAV,CACA,8DACA,KAAM,CAAEM,OAAO,CAAEC,GAAX,CAAgB,GAAGC,KAAnB,EAA6BL,OAAO,CAACD,CAAD,CAA1C,CACA,6DACA,GAAI,CAACK,GAAL,CAAU,MAAOC,CAAAA,KAAP,CAEVC,MAAM,CAACC,OAAP,CAAeF,KAAf,EAAsBG,OAAtB,CAA8B,CAAC,CAACC,GAAD,CAAMC,KAAN,CAAD,GAAkB,CAC9C,GAAIN,GAAG,CAACK,GAAD,CAAP,CAAc,KAAME,CAAAA,KAAK,CAAC,4CAAD,CAAX,CACdP,GAAG,CAACK,GAAD,CAAH,CAAWC,KACZ,CAHD,EAIA,MAAON,CAAAA,GACR,CAEc,QAASQ,CAAAA,UAAT,CAAoB,CACjCC,SADiC,CAEjCC,iBAFiC,CAGjCC,kBAHiC,CAIjCC,WAJiC,CAKjC,GAAGC,IAL8B,CAApB,CAMZ,CACD;AACF;AACA;AACA;AACA;AACA,mEACE,GAAIC,CAAAA,KAAJ,CACA,GAAIH,kBAAJ,CAAwBG,KAAK,CAAGH,kBAAkB,CAACnB,cAAD,CAA1B,CAAxB,IACK,CACH;AACA;AACA,+CACA,KAAM,CAAEuB,IAAF,EAAW,mCACd,6CAA4CN,SAAU,EADxC,CAEfC,iBAFe,CAAjB,CAIAI,KAAK,CAAGC,IAAI,CAAIA,IAAI,CAAChB,OAAL,EAAgBgB,IAApB,CAA6BH,WAAW,GAAK,IAAM,IAAX,CAApD,CACA,8CACD,CAED,KAAMI,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,KAAWV,IAAX,EAJF,EADF,EADW,CAAb,CAWA,+DACA,KAAM,CAAEW,MAAF,EAAaR,WAAW,CAACK,UAA/B,CACA,GAAIG,MAAM,CAACC,QAAP,CAAgBhB,SAAhB,CAAJ,CAAgC,CAC9B,KAAM,IAAIF,CAAAA,KAAJ,CAAW,oCAAmCE,SAAU,GAAxD,CACP,CAFD,IAEOe,CAAAA,MAAM,CAACE,IAAP,CAAYjB,SAAZ,EAEP;AACF;AACA,+CA1CG,CA2CD,oCACA,mBACE,2BACE,uBAAuB,CAAE,CAAEkB,MAAM,CAAET,IAAV,CAD3B,CAEE,kBAAiBT,SAFnB,EADF,CAMA,mCACD,CAEDD,UAAU,CAACoB,SAAX,CAAuB,CACrBnB,SAAS,CAAEoB,mBAAGC,MAAH,CAAUC,UADA,CAErBrB,iBAAiB,CAAEmB,mBAAGG,IAFD,CAGrBrB,kBAAkB,CAAEkB,mBAAGG,IAHF,CAIrBpB,WAAW,CAAEiB,mBAAGI,WAJK,CAAvB,CAOAzB,UAAU,CAAC0B,YAAX,CAA0B,CACxBxB,iBAAiB,CAAE,IADK,CAExBC,kBAAkB,CAAE,IAFI,CAGxBC,WAAW,CAAE,IAHW,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\n/**\n * A specially wrapped `require()`, which is passed as an argument into\n * the optional `getComponentServer` prop of <{@link CodeSplit}> component.\n * @param {string} base Path resolution base, you want to pass in `__dirname`\n * value from the host module using `<CodeSplit>`.\n * @param {string} path The path of module to require.\n * @return {object} Required module.\n */\nfunction resolveRequire(base, path) {\n  // NOTE: A part of code here attempts to correctly load ES6 modules\n  // transformed by Babel; namely if required module has \"default\" field,\n  // all other fields (presumed to be named exports) are attached to\n  // the \"default\".\n  const p = require.resolve(path, { paths: [base] });\n  /* eslint-disable global-require, import/no-dynamic-require */\n  const { default: def, ...named } = require(p);\n  /* eslint-enable global-require, import/no-dynamic-require */\n  if (!def) return named;\n\n  Object.entries(named).forEach(([key, value]) => {\n    if (def[key]) throw Error('Conflict between default and named exports');\n    def[key] = value;\n  });\n  return def;\n}\n\nexport default function ServerSide({\n  chunkName,\n  getComponentAsync,\n  getComponentServer,\n  placeholder,\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 (getComponentServer) Scene = getComponentServer(resolveRequire);\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      getComponentAsync,\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      </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  chunkName: PT.string.isRequired,\n  getComponentAsync: PT.func,\n  getComponentServer: PT.func,\n  placeholder: PT.elementType,\n};\n\nServerSide.defaultProps = {\n  getComponentAsync: null,\n  getComponentServer: null,\n  placeholder: null,\n};\n"],"file":"ServerSide.js"}

package/package.json

@@ -9,7 +9,7 @@
   "dependencies": {
     "@babel/runtime": "^7.16.3",
     "@dr.pogodin/babel-plugin-react-css-modules": "^6.5.3",
-    "@dr.pogodin/react-global-state": "^0.6.4",
+    "@dr.pogodin/react-global-state": "^0.6.5",
     "@dr.pogodin/react-themes": "^1.3.3",
     "autoprefix": "^1.0.1",
     "axios": "^0.24.0",
@@ -65,7 +65,7 @@
     "core-js": "^3.19.3",
     "css-loader": "^6.5.1",
     "css-minimizer-webpack-plugin": "^3.2.0",
-    "eslint": "^8.4.0",
+    "eslint": "^8.4.1",
     "eslint-config-airbnb": "^19.0.2",
     "eslint-import-resolver-babel-module": "^5.3.1",
     "eslint-plugin-import": "^2.25.3",
@@ -87,7 +87,7 @@
     "regenerator-runtime": "^0.13.9",
     "resolve-url-loader": "^4.0.0",
     "sass": "^1.44.0",
-    "sass-loader": "^12.3.0",
+    "sass-loader": "^12.4.0",
     "sitemap": "^7.0.0",
     "stylelint": "^14.1.0",
     "stylelint-config-standard-scss": "^3.0.0",
@@ -132,5 +132,5 @@
     "lint:scss": "stylelint -- **/*.{css,scss}",
     "test": "npm run lint && npm run jest"
   },
-  "version": "1.12.1"
+  "version": "1.12.2"
 }