@dr.pogodin/react-utils 1.47.0-alpha.3 → 1.47.0-alpha.4

package/build/development/client/getInj.js

@@ -1,45 +1,56 @@
 // Encapsulates retrieval of server-side data injection into HTML template.
-
 /* global document */
+import { getBuildInfo } from "../shared/utils/isomorphy/buildInfo.js";
+let inj;
+export default function getInj() {
+  inj ??= (async () => {
+    const metaElement = typeof document === 'undefined' ? null : document.querySelector('meta[itemprop="drpruinj"]');
+    if (metaElement) {
+      metaElement.remove();
 
-// Note: this way, only required part of "node-forge": AES, and some utils,
-// is bundled into client-side code.
-import forge from 'node-forge/lib/forge.js';
+      // NOTE: Since 2025 there is Uint8Array.fromBase64(), which should be
+      // preferred, but it is not supported by older environments yet.
+      const data = atob(metaElement.content);
 
-// eslint-disable-next-line import/no-unassigned-import
-import 'node-forge/lib/aes.js';
-import { getBuildInfo } from "../shared/utils/isomorphy/buildInfo.js"; // Safeguard is needed here, because the server-side version of Docusaurus docs
-// is compiled (at least now) with settings suggesting it is a client-side
-// environment, but there is no document.
-let inj = {};
-const metaElement = typeof document === 'undefined' ? null : document.querySelector('meta[itemprop="drpruinj"]');
-if (metaElement) {
-  metaElement.remove();
-  let data = forge.util.decode64(metaElement.content);
-  const {
-    key
-  } = getBuildInfo();
-  const d = forge.cipher.createDecipher('AES-CBC', key);
-  d.start({
-    iv: data.slice(0, key.length)
-  });
-  d.update(forge.util.createBuffer(data.slice(key.length)));
-  d.finish();
-  data = forge.util.decodeUtf8(d.output.data);
+      // TODO: Our current handling of this encryption / decryption follows
+      // a legacy approach, and can be enhanced by using Crypto features.
+      // Though, this is not strictly intended to be secure (it is more
+      // to obfurscate injected data, rather than really keeping them
+      // secure), thus it is fine like this for now.
+      const {
+        key
+      } = getBuildInfo();
+      const code = x => x.charCodeAt(0);
+      const dataBuffer = Uint8Array.from(data.slice(16), code);
+      const ivBuffer = Uint8Array.from(data.slice(0, 16), code);
+      const keyBuffer = Uint8Array.from(atob(key), code);
+      const cKey = await window.crypto.subtle.importKey('raw', keyBuffer, {
+        name: 'AES-CBC'
+      }, false, ['decrypt']);
+      const buffer = await window.crypto.subtle.decrypt({
+        iv: ivBuffer,
+        name: 'AES-CBC'
+      }, cKey, dataBuffer);
+      const decoder = new TextDecoder();
 
-  // TODO: Double-check, if there is a safer alternative to parse it?
-  // eslint-disable-next-line no-eval
-  inj = eval(`(${data})`);
-} else if (typeof window !== 'undefined' && window.REACT_UTILS_INJECTION) {
-  inj = window.REACT_UTILS_INJECTION;
-  delete window.REACT_UTILS_INJECTION;
-} else {
-  // Otherwise, a bunch of dependent stuff will easily fail in non-standard
-  // environments, where no client-side initialization is performed. Like tests,
-  // Docusaurus examples, etc.
-  inj = {};
-}
-export default function getInj() {
+      // eslint-disable-next-line no-eval
+      const res = eval(`(${decoder.decode(buffer)})`);
+
+      // NOTE: This is important, to be able to return the injection
+      // synchronously once it is initialized.
+      inj = res;
+      return res;
+    } else if (typeof window !== 'undefined' && window.REACT_UTILS_INJECTION) {
+      const res = window.REACT_UTILS_INJECTION;
+      delete window.REACT_UTILS_INJECTION;
+      return res;
+    }
+
+    // Otherwise, a bunch of dependent stuff will easily fail in non-standard
+    // environments, where no client-side initialization is performed. Like tests,
+    // Docusaurus examples, etc.
+    return {};
+  })();
   return inj;
 }
 //# sourceMappingURL=getInj.js.map

package/build/development/client/getInj.js.map

@@ -1 +1 @@
-{"version":3,"file":"getInj.js","names":["forge","getBuildInfo","inj","metaElement","document","querySelector","remove","data","util","decode64","content","key","d","cipher","createDecipher","start","iv","slice","length","update","createBuffer","finish","decodeUtf8","output","eval","window","REACT_UTILS_INJECTION","getInj"],"sources":["../../../src/client/getInj.ts"],"sourcesContent":["// Encapsulates retrieval of server-side data injection into HTML template.\n\n/* global document */\n\n// Note: this way, only required part of \"node-forge\": AES, and some utils,\n// is bundled into client-side code.\nimport forge from 'node-forge/lib/forge.js';\n\n// eslint-disable-next-line import/no-unassigned-import\nimport 'node-forge/lib/aes.js';\n\nimport type { InjT } from 'utils/globalState';\n\nimport { getBuildInfo } from 'utils/isomorphy/buildInfo';\n\n// Safeguard is needed here, because the server-side version of Docusaurus docs\n// is compiled (at least now) with settings suggesting it is a client-side\n// environment, but there is no document.\nlet inj: InjT = {};\n\nconst metaElement: HTMLMetaElement | null = typeof document === 'undefined'\n  ? null : document.querySelector('meta[itemprop=\"drpruinj\"]');\n\nif (metaElement) {\n  metaElement.remove();\n  let data = forge.util.decode64(metaElement.content);\n\n  const { key } = getBuildInfo();\n  const d = forge.cipher.createDecipher('AES-CBC', key);\n  d.start({ iv: data.slice(0, key.length) });\n  d.update(forge.util.createBuffer(data.slice(key.length)));\n  d.finish();\n\n  data = forge.util.decodeUtf8(d.output.data);\n\n  // TODO: Double-check, if there is a safer alternative to parse it?\n  // eslint-disable-next-line no-eval\n  inj = eval(`(${data})`) as InjT;\n} else if (typeof window !== 'undefined' && window.REACT_UTILS_INJECTION) {\n  inj = window.REACT_UTILS_INJECTION;\n  delete window.REACT_UTILS_INJECTION;\n} else {\n  // Otherwise, a bunch of dependent stuff will easily fail in non-standard\n  // environments, where no client-side initialization is performed. Like tests,\n  // Docusaurus examples, etc.\n  inj = {};\n}\n\nexport default function getInj(): InjT {\n  return inj;\n}\n"],"mappings":"AAAA;;AAEA;;AAEA;AACA;AACA,OAAOA,KAAK,MAAM,yBAAyB;;AAE3C;AACA,OAAO,uBAAuB;AAAA,SAIrBC,YAAY,kDAErB;AACA;AACA;AACA,IAAIC,GAAS,GAAG,CAAC,CAAC;AAElB,MAAMC,WAAmC,GAAG,OAAOC,QAAQ,KAAK,WAAW,GACvE,IAAI,GAAGA,QAAQ,CAACC,aAAa,CAAC,2BAA2B,CAAC;AAE9D,IAAIF,WAAW,EAAE;EACfA,WAAW,CAACG,MAAM,CAAC,CAAC;EACpB,IAAIC,IAAI,GAAGP,KAAK,CAACQ,IAAI,CAACC,QAAQ,CAACN,WAAW,CAACO,OAAO,CAAC;EAEnD,MAAM;IAAEC;EAAI,CAAC,GAAGV,YAAY,CAAC,CAAC;EAC9B,MAAMW,CAAC,GAAGZ,KAAK,CAACa,MAAM,CAACC,cAAc,CAAC,SAAS,EAAEH,GAAG,CAAC;EACrDC,CAAC,CAACG,KAAK,CAAC;IAAEC,EAAE,EAAET,IAAI,CAACU,KAAK,CAAC,CAAC,EAAEN,GAAG,CAACO,MAAM;EAAE,CAAC,CAAC;EAC1CN,CAAC,CAACO,MAAM,CAACnB,KAAK,CAACQ,IAAI,CAACY,YAAY,CAACb,IAAI,CAACU,KAAK,CAACN,GAAG,CAACO,MAAM,CAAC,CAAC,CAAC;EACzDN,CAAC,CAACS,MAAM,CAAC,CAAC;EAEVd,IAAI,GAAGP,KAAK,CAACQ,IAAI,CAACc,UAAU,CAACV,CAAC,CAACW,MAAM,CAAChB,IAAI,CAAC;;EAE3C;EACA;EACAL,GAAG,GAAGsB,IAAI,CAAC,IAAIjB,IAAI,GAAG,CAAS;AACjC,CAAC,MAAM,IAAI,OAAOkB,MAAM,KAAK,WAAW,IAAIA,MAAM,CAACC,qBAAqB,EAAE;EACxExB,GAAG,GAAGuB,MAAM,CAACC,qBAAqB;EAClC,OAAOD,MAAM,CAACC,qBAAqB;AACrC,CAAC,MAAM;EACL;EACA;EACA;EACAxB,GAAG,GAAG,CAAC,CAAC;AACV;AAEA,eAAe,SAASyB,MAAMA,CAAA,EAAS;EACrC,OAAOzB,GAAG;AACZ","ignoreList":[]}
+{"version":3,"file":"getInj.js","names":["getBuildInfo","inj","getInj","metaElement","document","querySelector","remove","data","atob","content","key","code","x","charCodeAt","dataBuffer","Uint8Array","from","slice","ivBuffer","keyBuffer","cKey","window","crypto","subtle","importKey","name","buffer","decrypt","iv","decoder","TextDecoder","res","eval","decode","REACT_UTILS_INJECTION"],"sources":["../../../src/client/getInj.ts"],"sourcesContent":["// Encapsulates retrieval of server-side data injection into HTML template.\n\n/* global document */\n\nimport type { InjT } from 'utils/globalState';\n\nimport { getBuildInfo } from 'utils/isomorphy/buildInfo';\n\nlet inj: InjT | Promise<InjT> | undefined;\n\nexport default function getInj(): InjT | Promise<InjT> {\n  inj ??= (async () => {\n    const metaElement: HTMLMetaElement | null = typeof document === 'undefined'\n      ? null : document.querySelector('meta[itemprop=\"drpruinj\"]');\n\n    if (metaElement) {\n      metaElement.remove();\n\n      // NOTE: Since 2025 there is Uint8Array.fromBase64(), which should be\n      // preferred, but it is not supported by older environments yet.\n      const data = atob(metaElement.content);\n\n      // TODO: Our current handling of this encryption / decryption follows\n      // a legacy approach, and can be enhanced by using Crypto features.\n      // Though, this is not strictly intended to be secure (it is more\n      // to obfurscate injected data, rather than really keeping them\n      // secure), thus it is fine like this for now.\n      const { key } = getBuildInfo();\n\n      const code = (x: string) => x.charCodeAt(0);\n      const dataBuffer = Uint8Array.from(data.slice(16), code);\n      const ivBuffer = Uint8Array.from(data.slice(0, 16), code);\n      const keyBuffer = Uint8Array.from(atob(key), code);\n\n      const cKey = await window.crypto.subtle.importKey(\n        'raw',\n        keyBuffer,\n        { name: 'AES-CBC' },\n        false,\n        ['decrypt'],\n      );\n\n      const buffer = await window.crypto.subtle.decrypt({\n        iv: ivBuffer,\n        name: 'AES-CBC',\n      }, cKey, dataBuffer);\n\n      const decoder = new TextDecoder();\n\n      // eslint-disable-next-line no-eval\n      const res = eval(`(${decoder.decode(buffer)})`) as InjT;\n\n      // NOTE: This is important, to be able to return the injection\n      // synchronously once it is initialized.\n      inj = res;\n\n      return res;\n    } else if (typeof window !== 'undefined' && window.REACT_UTILS_INJECTION) {\n      const res = window.REACT_UTILS_INJECTION;\n      delete window.REACT_UTILS_INJECTION;\n      return res;\n    }\n\n    // Otherwise, a bunch of dependent stuff will easily fail in non-standard\n    // environments, where no client-side initialization is performed. Like tests,\n    // Docusaurus examples, etc.\n    return {};\n  })();\n\n  return inj;\n}\n"],"mappings":"AAAA;AAEA;AAAA,SAISA,YAAY;AAErB,IAAIC,GAAqC;AAEzC,eAAe,SAASC,MAAMA,CAAA,EAAyB;EACrDD,GAAG,KAAK,CAAC,YAAY;IACnB,MAAME,WAAmC,GAAG,OAAOC,QAAQ,KAAK,WAAW,GACvE,IAAI,GAAGA,QAAQ,CAACC,aAAa,CAAC,2BAA2B,CAAC;IAE9D,IAAIF,WAAW,EAAE;MACfA,WAAW,CAACG,MAAM,CAAC,CAAC;;MAEpB;MACA;MACA,MAAMC,IAAI,GAAGC,IAAI,CAACL,WAAW,CAACM,OAAO,CAAC;;MAEtC;MACA;MACA;MACA;MACA;MACA,MAAM;QAAEC;MAAI,CAAC,GAAGV,YAAY,CAAC,CAAC;MAE9B,MAAMW,IAAI,GAAIC,CAAS,IAAKA,CAAC,CAACC,UAAU,CAAC,CAAC,CAAC;MAC3C,MAAMC,UAAU,GAAGC,UAAU,CAACC,IAAI,CAACT,IAAI,CAACU,KAAK,CAAC,EAAE,CAAC,EAAEN,IAAI,CAAC;MACxD,MAAMO,QAAQ,GAAGH,UAAU,CAACC,IAAI,CAACT,IAAI,CAACU,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,EAAEN,IAAI,CAAC;MACzD,MAAMQ,SAAS,GAAGJ,UAAU,CAACC,IAAI,CAACR,IAAI,CAACE,GAAG,CAAC,EAAEC,IAAI,CAAC;MAElD,MAAMS,IAAI,GAAG,MAAMC,MAAM,CAACC,MAAM,CAACC,MAAM,CAACC,SAAS,CAC/C,KAAK,EACLL,SAAS,EACT;QAAEM,IAAI,EAAE;MAAU,CAAC,EACnB,KAAK,EACL,CAAC,SAAS,CACZ,CAAC;MAED,MAAMC,MAAM,GAAG,MAAML,MAAM,CAACC,MAAM,CAACC,MAAM,CAACI,OAAO,CAAC;QAChDC,EAAE,EAAEV,QAAQ;QACZO,IAAI,EAAE;MACR,CAAC,EAAEL,IAAI,EAAEN,UAAU,CAAC;MAEpB,MAAMe,OAAO,GAAG,IAAIC,WAAW,CAAC,CAAC;;MAEjC;MACA,MAAMC,GAAG,GAAGC,IAAI,CAAC,IAAIH,OAAO,CAACI,MAAM,CAACP,MAAM,CAAC,GAAG,CAAS;;MAEvD;MACA;MACAzB,GAAG,GAAG8B,GAAG;MAET,OAAOA,GAAG;IACZ,CAAC,MAAM,IAAI,OAAOV,MAAM,KAAK,WAAW,IAAIA,MAAM,CAACa,qBAAqB,EAAE;MACxE,MAAMH,GAAG,GAAGV,MAAM,CAACa,qBAAqB;MACxC,OAAOb,MAAM,CAACa,qBAAqB;MACnC,OAAOH,GAAG;IACZ;;IAEA;IACA;IACA;IACA,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAAC;EAEJ,OAAO9B,GAAG;AACZ","ignoreList":[]}

package/build/development/client/index.js

@@ -12,11 +12,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @param Application Root application component
  * @param [options={}] Optional. Additional settings.
  */
-export default function Launch(Application, options = {}) {
+export default async function Launch(Application, options = {}) {
+  const inj = await getInj();
   const container = document.getElementById('react-view');
   if (!container) throw Error('Failed to find container for React app');
   const scene = /*#__PURE__*/_jsx(GlobalStateProvider, {
-    initialState: getInj().ISTATE ?? options.initialState,
+    initialState: inj.ISTATE ?? options.initialState,
     children: /*#__PURE__*/_jsx(BrowserRouter, {
       children: /*#__PURE__*/_jsx(HelmetProvider, {
         children: /*#__PURE__*/_jsx(Application, {})

package/build/development/client/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["createRoot","hydrateRoot","HelmetProvider","BrowserRouter","GlobalStateProvider","getInj","jsx","_jsx","Launch","Application","options","container","document","getElementById","Error","scene","initialState","ISTATE","children","dontHydrate","root","render"],"sources":["../../../src/client/index.tsx"],"sourcesContent":["// Initialization of client-side code.\n/* global document */\n\nimport type { ComponentType } from 'react';\nimport { createRoot, hydrateRoot } from 'react-dom/client';\nimport { HelmetProvider } from '@dr.pogodin/react-helmet';\nimport { BrowserRouter } from 'react-router';\n\nimport { GlobalStateProvider } from '@dr.pogodin/react-global-state';\n\nimport getInj from './getInj';\n\ntype OptionsT = {\n  dontHydrate?: boolean;\n  initialState?: unknown;\n};\n\n/**\n * Prepares and launches the app at client side.\n * @param Application Root application component\n * @param [options={}] Optional. Additional settings.\n */\nexport default function Launch(\n  Application: ComponentType,\n  options: OptionsT = {},\n): void {\n  const container = document.getElementById('react-view');\n  if (!container) throw Error('Failed to find container for React app');\n  const scene = (\n    <GlobalStateProvider initialState={getInj().ISTATE ?? options.initialState}>\n      <BrowserRouter>\n        <HelmetProvider>\n          <Application />\n        </HelmetProvider>\n      </BrowserRouter>\n    </GlobalStateProvider>\n  );\n\n  if (options.dontHydrate) {\n    const root = createRoot(container);\n    root.render(scene);\n  } else hydrateRoot(container, scene);\n}\n"],"mappings":"AAAA;AACA;;AAGA,SAASA,UAAU,EAAEC,WAAW,QAAQ,kBAAkB;AAC1D,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,aAAa,QAAQ,cAAc;AAE5C,SAASC,mBAAmB,QAAQ,gCAAgC;AAAA,OAE7DC,MAAM;AAAiB,SAAAC,GAAA,IAAAC,IAAA;AAO9B;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,MAAMA,CAC5BC,WAA0B,EAC1BC,OAAiB,GAAG,CAAC,CAAC,EAChB;EACN,MAAMC,SAAS,GAAGC,QAAQ,CAACC,cAAc,CAAC,YAAY,CAAC;EACvD,IAAI,CAACF,SAAS,EAAE,MAAMG,KAAK,CAAC,wCAAwC,CAAC;EACrE,MAAMC,KAAK,gBACTR,IAAA,CAACH,mBAAmB;IAACY,YAAY,EAAEX,MAAM,CAAC,CAAC,CAACY,MAAM,IAAIP,OAAO,CAACM,YAAa;IAAAE,QAAA,eACzEX,IAAA,CAACJ,aAAa;MAAAe,QAAA,eACZX,IAAA,CAACL,cAAc;QAAAgB,QAAA,eACbX,IAAA,CAACE,WAAW,IAAE;MAAC,CACD;IAAC,CACJ;EAAC,CACG,CACtB;EAED,IAAIC,OAAO,CAACS,WAAW,EAAE;IACvB,MAAMC,IAAI,GAAGpB,UAAU,CAACW,SAAS,CAAC;IAClCS,IAAI,CAACC,MAAM,CAACN,KAAK,CAAC;EACpB,CAAC,MAAMd,WAAW,CAACU,SAAS,EAAEI,KAAK,CAAC;AACtC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["createRoot","hydrateRoot","HelmetProvider","BrowserRouter","GlobalStateProvider","getInj","jsx","_jsx","Launch","Application","options","inj","container","document","getElementById","Error","scene","initialState","ISTATE","children","dontHydrate","root","render"],"sources":["../../../src/client/index.tsx"],"sourcesContent":["// Initialization of client-side code.\n/* global document */\n\nimport type { ComponentType } from 'react';\nimport { createRoot, hydrateRoot } from 'react-dom/client';\nimport { HelmetProvider } from '@dr.pogodin/react-helmet';\nimport { BrowserRouter } from 'react-router';\n\nimport { GlobalStateProvider } from '@dr.pogodin/react-global-state';\n\nimport getInj from './getInj';\n\ntype OptionsT = {\n  dontHydrate?: boolean;\n  initialState?: unknown;\n};\n\n/**\n * Prepares and launches the app at client side.\n * @param Application Root application component\n * @param [options={}] Optional. Additional settings.\n */\nexport default async function Launch(\n  Application: ComponentType,\n  options: OptionsT = {},\n): Promise<void> {\n  const inj = await getInj();\n\n  const container = document.getElementById('react-view');\n  if (!container) throw Error('Failed to find container for React app');\n  const scene = (\n    <GlobalStateProvider initialState={inj.ISTATE ?? options.initialState}>\n      <BrowserRouter>\n        <HelmetProvider>\n          <Application />\n        </HelmetProvider>\n      </BrowserRouter>\n    </GlobalStateProvider>\n  );\n\n  if (options.dontHydrate) {\n    const root = createRoot(container);\n    root.render(scene);\n  } else hydrateRoot(container, scene);\n}\n"],"mappings":"AAAA;AACA;;AAGA,SAASA,UAAU,EAAEC,WAAW,QAAQ,kBAAkB;AAC1D,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,aAAa,QAAQ,cAAc;AAE5C,SAASC,mBAAmB,QAAQ,gCAAgC;AAAA,OAE7DC,MAAM;AAAiB,SAAAC,GAAA,IAAAC,IAAA;AAO9B;AACA;AACA;AACA;AACA;AACA,eAAe,eAAeC,MAAMA,CAClCC,WAA0B,EAC1BC,OAAiB,GAAG,CAAC,CAAC,EACP;EACf,MAAMC,GAAG,GAAG,MAAMN,MAAM,CAAC,CAAC;EAE1B,MAAMO,SAAS,GAAGC,QAAQ,CAACC,cAAc,CAAC,YAAY,CAAC;EACvD,IAAI,CAACF,SAAS,EAAE,MAAMG,KAAK,CAAC,wCAAwC,CAAC;EACrE,MAAMC,KAAK,gBACTT,IAAA,CAACH,mBAAmB;IAACa,YAAY,EAAEN,GAAG,CAACO,MAAM,IAAIR,OAAO,CAACO,YAAa;IAAAE,QAAA,eACpEZ,IAAA,CAACJ,aAAa;MAAAgB,QAAA,eACZZ,IAAA,CAACL,cAAc;QAAAiB,QAAA,eACbZ,IAAA,CAACE,WAAW,IAAE;MAAC,CACD;IAAC,CACJ;EAAC,CACG,CACtB;EAED,IAAIC,OAAO,CAACU,WAAW,EAAE;IACvB,MAAMC,IAAI,GAAGrB,UAAU,CAACY,SAAS,CAAC;IAClCS,IAAI,CAACC,MAAM,CAACN,KAAK,CAAC;EACpB,CAAC,MAAMf,WAAW,CAACW,SAAS,EAAEI,KAAK,CAAC;AACtC","ignoreList":[]}

package/build/development/index.js

@@ -10,12 +10,12 @@ if (global.REACT_UTILS_LIBRARY_LOADED) {
 // TODO: This is a rapid workaround to get rid of __dirname. I guess, later
 // we'll re-implement requireWeak() to accept import.meta.url directly, and
 // this workaround won't be needed.
-let dirname = import.meta.url;
-dirname = dirname.slice(5, dirname.lastIndexOf('/'));
+// eslint-disable-next-line @typescript-eslint/prefer-destructuring
+const dirname = import.meta.dirname;
 const server = webpack.requireWeak("./server", dirname);
 const client = server ? undefined : clientModule;
 export { getGlobalState, GlobalStateProvider, newAsyncDataEnvelope, useAsyncCollection, useAsyncData, useGlobalState, withGlobalStateType } from '@dr.pogodin/react-global-state';
 export * from "./shared/components/index.js";
-export { assertEmptyObject, config, Barrier, Cached, Emitter, isomorphy, getSsrContext, Semaphore, splitComponent, themed, ThemeProvider, time, webpack, withRetries } from "./shared/utils/index.js";
+export { assertEmptyObject, Barrier, Cached, Emitter, getConfig, isomorphy, getSsrContext, Semaphore, splitComponent, themed, ThemeProvider, time, webpack, withRetries } from "./shared/utils/index.js";
 export { client, server };
 //# sourceMappingURL=index.js.map

package/build/development/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["clientModule","webpack","global","REACT_UTILS_LIBRARY_LOADED","Error","dirname","import","meta","url","slice","lastIndexOf","server","requireWeak","client","undefined","getGlobalState","GlobalStateProvider","newAsyncDataEnvelope","useAsyncCollection","useAsyncData","useGlobalState","withGlobalStateType","assertEmptyObject","config","Barrier","Cached","Emitter","isomorphy","getSsrContext","Semaphore","splitComponent","themed","ThemeProvider","time","withRetries"],"sources":["../../src/index.ts"],"sourcesContent":["import 'styles/global.scss';\n\nimport clientModule from './client';\nimport { webpack } from './shared/utils';\n\nimport type * as ServerFactoryM from './server';\n\n// It is a safeguard against multiple instances / versions of the library\n// being loaded into environment by mistake (e.g. because of different\n// packages pinning down different exact versions of the lib, thus preventing\n// a proper dedupe and using a single common library version).\nif (global.REACT_UTILS_LIBRARY_LOADED) {\n  throw Error('React utils library is already loaded');\n} else global.REACT_UTILS_LIBRARY_LOADED = true;\n\n// TODO: This is a rapid workaround to get rid of __dirname. I guess, later\n// we'll re-implement requireWeak() to accept import.meta.url directly, and\n// this workaround won't be needed.\nlet dirname = import.meta.url;\ndirname = dirname.slice(5, dirname.lastIndexOf('/'));\n\nconst server = webpack.requireWeak<typeof ServerFactoryM>('./server', dirname);\n\nconst client = server ? undefined : clientModule;\n\nexport {\n  type AsyncCollectionT,\n  type AsyncCollectionLoaderT,\n  type AsyncDataEnvelopeT,\n  type AsyncDataLoaderT,\n  type ForceT,\n  type UseAsyncDataOptionsT,\n  type UseAsyncDataResT,\n  type UseGlobalStateResT,\n  type ValueOrInitializerT,\n  getGlobalState,\n  GlobalStateProvider,\n  newAsyncDataEnvelope,\n  useAsyncCollection,\n  useAsyncData,\n  useGlobalState,\n  withGlobalStateType,\n} from '@dr.pogodin/react-global-state';\n\nexport * from 'components';\n\nexport {\n  type BeforeRenderResT,\n  type BeforeRenderT,\n  type ConfigT,\n  type ServerSsrContext,\n  type ServerT,\n} from './server';\n\nexport {\n  assertEmptyObject,\n  config,\n  Barrier,\n  Cached,\n  Emitter,\n  isomorphy,\n  getSsrContext,\n  type Listener,\n  type ObjectKey,\n  Semaphore,\n  splitComponent,\n  type Theme,\n  themed,\n  ThemeProvider,\n  time,\n  webpack,\n  withRetries,\n} from 'utils';\n\nexport { client, server };\n"],"mappings":"OAEOA,YAAY;AAAA,SACVC,OAAO,mCAIhB;AACA;AACA;AACA;AACA,IAAIC,MAAM,CAACC,0BAA0B,EAAE;EACrC,MAAMC,KAAK,CAAC,uCAAuC,CAAC;AACtD,CAAC,MAAMF,MAAM,CAACC,0BAA0B,GAAG,IAAI;;AAE/C;AACA;AACA;AACA,IAAIE,OAAO,GAAGC,MAAM,CAACC,IAAI,CAACC,GAAG;AAC7BH,OAAO,GAAGA,OAAO,CAACI,KAAK,CAAC,CAAC,EAAEJ,OAAO,CAACK,WAAW,CAAC,GAAG,CAAC,CAAC;AAEpD,MAAMC,MAAM,GAAGV,OAAO,CAACW,WAAW,aAAoCP,OAAO,CAAC;AAE9E,MAAMQ,MAAM,GAAGF,MAAM,GAAGG,SAAS,GAAGd,YAAY;AAEhD,SAUEe,cAAc,EACdC,mBAAmB,EACnBC,oBAAoB,EACpBC,kBAAkB,EAClBC,YAAY,EACZC,cAAc,EACdC,mBAAmB,QACd,gCAAgC;AAAA;AAAA,SAarCC,iBAAiB,EACjBC,MAAM,EACNC,OAAO,EACPC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,aAAa,EAGbC,SAAS,EACTC,cAAc,EAEdC,MAAM,EACNC,aAAa,EACbC,IAAI,EACJhC,OAAO,EACPiC,WAAW;AAGb,SAASrB,MAAM,EAAEF,MAAM","ignoreList":[]}
+{"version":3,"file":"index.js","names":["clientModule","webpack","global","REACT_UTILS_LIBRARY_LOADED","Error","dirname","import","meta","server","requireWeak","client","undefined","getGlobalState","GlobalStateProvider","newAsyncDataEnvelope","useAsyncCollection","useAsyncData","useGlobalState","withGlobalStateType","assertEmptyObject","Barrier","Cached","Emitter","getConfig","isomorphy","getSsrContext","Semaphore","splitComponent","themed","ThemeProvider","time","withRetries"],"sources":["../../src/index.ts"],"sourcesContent":["import 'styles/global.scss';\n\nimport clientModule from './client';\nimport { webpack } from './shared/utils';\n\nimport type * as ServerFactoryM from './server';\n\n// It is a safeguard against multiple instances / versions of the library\n// being loaded into environment by mistake (e.g. because of different\n// packages pinning down different exact versions of the lib, thus preventing\n// a proper dedupe and using a single common library version).\nif (global.REACT_UTILS_LIBRARY_LOADED) {\n  throw Error('React utils library is already loaded');\n} else global.REACT_UTILS_LIBRARY_LOADED = true;\n\n// TODO: This is a rapid workaround to get rid of __dirname. I guess, later\n// we'll re-implement requireWeak() to accept import.meta.url directly, and\n// this workaround won't be needed.\n// eslint-disable-next-line @typescript-eslint/prefer-destructuring\nconst dirname = import.meta.dirname;\n\nconst server = webpack.requireWeak<typeof ServerFactoryM>('./server', dirname);\n\nconst client = server ? undefined : clientModule;\n\nexport {\n  type AsyncCollectionT,\n  type AsyncCollectionLoaderT,\n  type AsyncDataEnvelopeT,\n  type AsyncDataLoaderT,\n  type ForceT,\n  type UseAsyncDataOptionsT,\n  type UseAsyncDataResT,\n  type UseGlobalStateResT,\n  type ValueOrInitializerT,\n  getGlobalState,\n  GlobalStateProvider,\n  newAsyncDataEnvelope,\n  useAsyncCollection,\n  useAsyncData,\n  useGlobalState,\n  withGlobalStateType,\n} from '@dr.pogodin/react-global-state';\n\nexport * from 'components';\n\nexport {\n  type BeforeRenderResT,\n  type BeforeRenderT,\n  type ConfigT,\n  type ServerSsrContext,\n  type ServerT,\n} from './server';\n\nexport {\n  assertEmptyObject,\n  Barrier,\n  Cached,\n  Emitter,\n  getConfig,\n  isomorphy,\n  getSsrContext,\n  type Listener,\n  type ObjectKey,\n  Semaphore,\n  splitComponent,\n  type Theme,\n  themed,\n  ThemeProvider,\n  time,\n  webpack,\n  withRetries,\n} from 'utils';\n\nexport { client, server };\n"],"mappings":"OAEOA,YAAY;AAAA,SACVC,OAAO,mCAIhB;AACA;AACA;AACA;AACA,IAAIC,MAAM,CAACC,0BAA0B,EAAE;EACrC,MAAMC,KAAK,CAAC,uCAAuC,CAAC;AACtD,CAAC,MAAMF,MAAM,CAACC,0BAA0B,GAAG,IAAI;;AAE/C;AACA;AACA;AACA;AACA,MAAME,OAAO,GAAGC,MAAM,CAACC,IAAI,CAACF,OAAO;AAEnC,MAAMG,MAAM,GAAGP,OAAO,CAACQ,WAAW,aAAoCJ,OAAO,CAAC;AAE9E,MAAMK,MAAM,GAAGF,MAAM,GAAGG,SAAS,GAAGX,YAAY;AAEhD,SAUEY,cAAc,EACdC,mBAAmB,EACnBC,oBAAoB,EACpBC,kBAAkB,EAClBC,YAAY,EACZC,cAAc,EACdC,mBAAmB,QACd,gCAAgC;AAAA;AAAA,SAarCC,iBAAiB,EACjBC,OAAO,EACPC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTC,aAAa,EAGbC,SAAS,EACTC,cAAc,EAEdC,MAAM,EACNC,aAAa,EACbC,IAAI,EACJ7B,OAAO,EACP8B,WAAW;AAGb,SAASrB,MAAM,EAAEF,MAAM","ignoreList":[]}

package/build/development/server/renderer.js

@@ -2,6 +2,8 @@
  * ExpressJS middleware for server-side rendering of a ReactJS app.
  */
 
+import { Buffer } from 'node:buffer';
+import { createCipheriv, randomBytes } from 'node:crypto';
 import fs from 'node:fs';
 import path from 'node:path';
 import { Writable } from 'node:stream';
@@ -11,7 +13,6 @@ import { GlobalStateProvider, SsrContext } from '@dr.pogodin/react-global-state'
 import { timer } from '@dr.pogodin/js-utils';
 import { cloneDeep, defaults, get, mapValues } from 'lodash-es';
 import config from 'config';
-import forge from 'node-forge';
 import { prerenderToNodeStream } from 'react-dom/static';
 import { HelmetProvider } from '@dr.pogodin/react-helmet';
 import { StaticRouter } from 'react-router';
@@ -85,27 +86,15 @@ function readChunkGroupsJson(buildDir) {
 
 /**
  * Prepares a new Cipher for data encryption.
- * @param key Encryption key (32-bit random key is expected, see
- *  node-forge documentation, in case of doubts).
- * @return Resolves to the object with two fields:
+ * @param key Encryption key (32-bit random, Base64-encoded key is expected).
+ * @return Returns a tuple of:
  *  1. cipher - a new Cipher, ready for encryption;
  *  2. iv - initial vector used by the cipher.
  */
-async function prepareCipher(key) {
-  return new Promise((resolve, reject) => {
-    forge.random.getBytes(32, (err, iv) => {
-      if (err) reject(err);else {
-        const cipher = forge.cipher.createCipher('AES-CBC', key);
-        cipher.start({
-          iv
-        });
-        resolve({
-          cipher,
-          iv
-        });
-      }
-    });
-  });
+function prepareCipher(key) {
+  const iv = randomBytes(16);
+  const cipher = createCipheriv('AES-256-CBC', Buffer.from(key, 'base64'), iv);
+  return [cipher, iv];
 }
 
 /**
@@ -299,17 +288,12 @@ export default function factory(webpackConfig, options) {
         }
       }
       const brr = ops.beforeRender(req, sanitizedConfig);
-      const [{
+      const {
         configToInject,
         extraScripts,
         initialState
-      }, {
-        cipher,
-        iv
-      }] = await Promise.all([
-      // NOTE: Written this way to avoid triggering the "await-thenable"
-      // ESLint rule.
-      brr instanceof Promise ? brr : Promise.resolve(brr), prepareCipher(buildInfo.key)]);
+      } = await brr;
+      const [cipher, iv] = prepareCipher(buildInfo.key);
       let helmet;
 
       // Gets the mapping between code chunk names and their asset files.
@@ -429,9 +413,7 @@ export default function factory(webpackConfig, options) {
         ignoreFunction: true,
         unsafe: true
       });
-      cipher.update(forge.util.createBuffer(payload, 'utf8'));
-      cipher.finish();
-      const INJ = forge.util.encode64(`${iv}${cipher.output.data}`);
+      const INJ = Buffer.concat([iv, cipher.update(payload, 'utf8'), cipher.final()]).toString('base64');
       const chunkSet = new Set();
 
       // TODO: "main" chunk has to be added explicitly,

package/build/development/server/renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.js","names":["fs","path","Writable","brotliCompress","brotliDecompress","winston","GlobalStateProvider","SsrContext","timer","cloneDeep","defaults","get","mapValues","config","forge","prerenderToNodeStream","HelmetProvider","StaticRouter","serializeJs","setBuildInfo","Cache","jsx","_jsx","SECRET","sanitizedConfig","SCRIPT_LOCATIONS","ServerSsrContext","chunks","status","constructor","req","chunkGroups","initialState","getBuildInfo","context","url","resolve","JSON","parse","readFileSync","readChunkGroupsJson","buildDir","res","prepareCipher","key","Promise","reject","random","getBytes","err","iv","cipher","createCipher","start","isBrotliAcceptable","acceptable","ops","split","op","type","priority","trim","parseFloat","groupExtraScripts","scripts","BODY_OPEN","DEFAULT","HEAD_OPEN","script","code","location","Error","newDefaultLogger","defaultLogLevel","format","transports","createLogger","combine","splat","timestamp","colorize","printf","level","message","stack","rest","Object","keys","length","stringify","Console","factory","webpackConfig","options","beforeRender","maxSsrRounds","ssrTimeout","staticCacheSize","logger","defaultLoggerLogLevel","buildInfo","publicPath","outputPath","output","manifestLink","existsSync","cache","staticCacheController","CHUNK_GROUPS","next","set","cookie","csrfToken","cacheRef","data","buffer","noCsp","send","done","failed","error","html","h","toString","regex","RegExp","nonce","replace","brr","configToInject","extraScripts","all","helmet","webpackStats","locals","toJson","namedChunkGroups","item","assets","map","name","App","Application","appHtmlMarkup","ssrContext","stream","ssrStart","Date","now","App2","renderPass","resolveArg","rejectArg","arg","undefined","helmetContext","state","children","onError","then","result","prelude","catch","ssrRound","bailed","dirty","timeout","race","allSettled","pending","logMsg","log","redirectTo","redirect","ready","pipe","destroy","write","chunk","_","payload","CONFIG","ISTATE","ignoreFunction","unsafe","update","util","createBuffer","finish","INJ","encode64","chunkSet","Set","forEach","asset","add","styleChunkString","scriptChunkString","endsWith","grouppedExtraScripts","faviconLink","favicon","title","meta","link","b"],"sources":["../../../src/server/renderer.tsx"],"sourcesContent":["/**\n * ExpressJS middleware for server-side rendering of a ReactJS app.\n */\n\nimport fs from 'node:fs';\nimport path from 'node:path';\nimport { Writable } from 'node:stream';\nimport { brotliCompress, brotliDecompress } from 'node:zlib';\n\nimport type { Request, RequestHandler } from 'express';\nimport type { ComponentType } from 'react';\nimport type { Configuration, Stats } from 'webpack';\nimport winston from 'winston';\n\nimport { GlobalStateProvider, SsrContext } from '@dr.pogodin/react-global-state';\nimport { timer } from '@dr.pogodin/js-utils';\n\nimport {\n  cloneDeep,\n  defaults,\n  get,\n  mapValues,\n} from 'lodash-es';\n\nimport config from 'config';\nimport forge from 'node-forge';\n\nimport { prerenderToNodeStream } from 'react-dom/static';\nimport { type HelmetDataContext, HelmetProvider } from '@dr.pogodin/react-helmet';\nimport { StaticRouter } from 'react-router';\nimport serializeJs from 'serialize-javascript';\nimport { type BuildInfoT, setBuildInfo } from 'utils/isomorphy/buildInfo';\n\nimport type { ChunkGroupsT, SsrContextT } from 'utils/globalState';\n\nimport Cache from './Cache';\n\n// @ts-expect-error \"Property 'SECRET' does not exist on type 'IConfig'.\"\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst { SECRET, ...sanitizedConfig } = config;\n\n// Note: These type definitions for logger are copied from Winston logger,\n// then simplified to make it easier to fit an alternative logger into this\n// interface.\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\ninterface LogMethodI {\n  // eslint-disable-next-line @typescript-eslint/prefer-function-type\n  (level: string, message: string, ...meta: unknown[]): void;\n}\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\ninterface LeveledLogMethodI {\n  // eslint-disable-next-line @typescript-eslint/prefer-function-type\n  (message: string, ...meta: unknown[]): void;\n}\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\nexport interface LoggerI {\n  debug: LeveledLogMethodI;\n  error: LeveledLogMethodI;\n  info: LeveledLogMethodI;\n  log: LogMethodI;\n  warn: LeveledLogMethodI;\n}\n\nexport enum SCRIPT_LOCATIONS {\n  BODY_OPEN = 'BODY_OPEN',\n  DEFAULT = 'DEFAULT',\n  HEAD_OPEN = 'HEAD_OPEN',\n}\n\nexport class ServerSsrContext<StateT>\n  extends SsrContext<StateT>\n  implements SsrContextT<StateT> {\n  chunkGroups: ChunkGroupsT;\n\n  chunks: string[] = [];\n\n  redirectTo?: string;\n\n  req: Request;\n\n  status: number = 200;\n\n  constructor(\n    req: Request,\n    chunkGroups: ChunkGroupsT,\n    initialState?: StateT,\n  ) {\n    super(cloneDeep(initialState) ?? ({} as StateT));\n    this.chunkGroups = chunkGroups;\n    this.req = req;\n  }\n}\n\ntype ScriptT = {\n  code: string;\n  location: SCRIPT_LOCATIONS;\n};\n\n/**\n * Reads build-time information about the app. This information is generated\n * by our standard Webpack config for apps, and it is written into\n * \".build-info\" file in the context folder specified in Webpack config.\n * At the moment, that file contains build timestamp and a random 32-bit key,\n * suitable for cryptographical use.\n * @param context Webpack context path used during the build.\n * @return Resolves to the build-time information.\n */\nfunction getBuildInfo(context: string) {\n  const url = path.resolve(context, '.build-info');\n  return JSON.parse(fs.readFileSync(url, 'utf8')) as BuildInfoT;\n}\n\n/**\n * Attempts to read from disk the named chunk groups mapping generated\n * by Webpack during the compilation.\n * It will not work for development builds, where these stats should be captured\n * via compilator callback.\n * @param buildDir\n * @return\n */\nfunction readChunkGroupsJson(buildDir: string) {\n  const url = path.resolve(buildDir, '__chunk_groups__.json');\n  let res;\n  try {\n    res = JSON.parse(fs.readFileSync(url, 'utf8')) as Record<string, string[]>;\n  } catch {\n    // TODO: Should we message the error here somehow?\n    res = null;\n  }\n  return res;\n}\n\n/**\n * Prepares a new Cipher for data encryption.\n * @param key Encryption key (32-bit random key is expected, see\n *  node-forge documentation, in case of doubts).\n * @return Resolves to the object with two fields:\n *  1. cipher - a new Cipher, ready for encryption;\n *  2. iv - initial vector used by the cipher.\n */\nasync function prepareCipher(key: string): Promise<{\n  cipher: forge.cipher.BlockCipher;\n  iv: string;\n}> {\n  return new Promise((resolve, reject) => {\n    forge.random.getBytes(32, (err, iv) => {\n      if (err) reject(err);\n      else {\n        const cipher = forge.cipher.createCipher('AES-CBC', key);\n        cipher.start({ iv });\n        resolve({ cipher, iv });\n      }\n    });\n  });\n}\n\n/**\n * Given an incoming HTTP requests, it deduces whether Brotli-encoded responses\n * are acceptable to the caller.\n * @param req\n */\nexport function isBrotliAcceptable(req: Request): boolean {\n  const acceptable = req.get('accept-encoding');\n  if (acceptable) {\n    const ops = acceptable.split(',');\n    for (const op of ops) {\n      const [type, priority] = op.trim().split(';q=');\n      if ((type === '*' || type === 'br')\n        && (!priority || parseFloat(priority) > 0)) {\n        return true;\n      }\n    }\n  }\n  return false;\n}\n\n/**\n * Given an array of extra script strings / objects, it returns an object with\n * arrays of scripts to inject in different HTML template locations. During\n * the script groupping it also filters out any empty scripts.\n * @param {({\n *  code: string;\n *  location: string;\n * }|string)[]} [scripts=[]]\n * @return {{\n *  BODY_OPEN: string[];\n *  DEFAULT: string[];\n *  HEAD_OPEN: string[];\n * }}\n */\nfunction groupExtraScripts(scripts: Array<string | ScriptT> = []) {\n  const res = {\n    [SCRIPT_LOCATIONS.BODY_OPEN]: '',\n    [SCRIPT_LOCATIONS.DEFAULT]: '',\n    [SCRIPT_LOCATIONS.HEAD_OPEN]: '',\n  };\n  for (const script of scripts) {\n    if (typeof script === 'string') {\n      if (script) res[SCRIPT_LOCATIONS.DEFAULT] += script;\n    } else if (script.code) {\n      if (script.location in res) res[script.location] += script.code;\n      else throw Error(`Invalid location \"${script.location}\"`);\n    }\n  }\n  return res;\n}\n\n/**\n * Creates a new default (Winston) logger.\n * @param {object} [options={}]\n * @param {string} [options.defaultLogLevel='info']\n * @return {object}\n */\nexport function newDefaultLogger({\n  defaultLogLevel = 'info',\n} = {}): winston.Logger {\n  const { format, transports } = winston;\n  return winston.createLogger({\n    format: format.combine(\n      format.splat(),\n      format.timestamp(),\n      format.colorize(),\n      format.printf(\n        ({\n          level,\n          message,\n          timestamp,\n          stack,\n          ...rest\n        }) => {\n          let res = `${level}\\t(at ${timestamp as string}):\\t${message as string}`;\n          if (Object.keys(rest).length) {\n            res += `\\n${JSON.stringify(rest, null, 2)}`;\n          }\n          if (stack) res += `\\n${stack as string}`;\n          return res;\n        },\n      ),\n    ),\n    level: defaultLogLevel,\n    transports: [new transports.Console()],\n  });\n}\n\nexport type ConfigT = {\n  [key: string]: ConfigT | string;\n};\n\nexport type BeforeRenderResT = {\n  configToInject?: ConfigT;\n  extraScripts?: Array<ScriptT | string>;\n  initialState?: unknown;\n};\n\nexport type BeforeRenderT = (\n  req: Request,\n  config: ConfigT,\n) => BeforeRenderResT | Promise<BeforeRenderResT>;\n\ntype CacheRefT = {\n  key: string;\n  maxage?: number;\n};\n\nexport type OptionsT = {\n  Application?: ComponentType;\n  beforeRender?: BeforeRenderT;\n  buildInfo?: BuildInfoT;\n  defaultLoggerLogLevel?: string;\n  favicon?: string;\n  logger?: LoggerI;\n  maxSsrRounds?: number;\n  noCsp?: boolean;\n  staticCacheSize?: number;\n  ssrTimeout?: number;\n  staticCacheController?: (req: Request) => CacheRefT | null | undefined;\n};\n\n/**\n * Creates the middleware.\n * @param webpackConfig\n * @param options Additional options:\n * @param [options.Application] The root ReactJS component of\n * the app to use for the server-side rendering. When not provided\n * the server-side rendering is disabled.\n * @param [options.buildInfo] \"Build info\" object to use. If provided,\n *  it will be used, instead of trying to load from the filesystem the one\n *  generated by the Webpack build. It is intended for test environments,\n *  where passing this stuff via file system is no bueno.\n * @param [options.favicon] `true` will include favicon\n *  link into the rendered HTML templates.\n * @param [options.noCsp] `true` means that no\n * Content-Security-Policy (CSP) is used by server, thus the renderer\n * may cut a few corners.\n * @param [options.maxSsrRounds=10] Maximum number of SSR rounds.\n * @param [options.ssrTimeout=1000] SSR timeout in milliseconds,\n * defaults to 1 second.\n * @param [options.staticCacheSize=1.e7] The maximum\n * static cache size in bytes. Defaults to ~10 MB.\n * @param [options.staticCacheController] When given, it activates,\n * and controls the static caching of generated HTML markup. When this function\n * is provided, on each incoming request it is triggered with the request\n * passed in as the argument. To attempt to serve the response from the cache\n * it should return the object with the following fields:\n * - `key: string` &ndash; the cache key for the response;\n * - `maxage?: number` &ndash; the maximum age of cached result in ms.\n *   If undefined - infinite age is assumed.\n * @return Created middleware.\n */\nexport default function factory(\n  webpackConfig: Configuration,\n  options: OptionsT,\n): RequestHandler {\n  const ops: OptionsT = defaults({ ...options }, {\n    beforeRender: async () => Promise.resolve({}),\n    maxSsrRounds: 10,\n    ssrTimeout: 1000,\n    staticCacheSize: 1.e7,\n  });\n\n  // Note: in normal use the default logger is created and set in the root\n  // server function, and this initialization is for testing uses, where\n  // renderer is imported directly.\n  ops.logger ??= newDefaultLogger({\n    defaultLogLevel: ops.defaultLoggerLogLevel,\n  });\n\n  const buildInfo = ops.buildInfo ?? getBuildInfo(webpackConfig.context!);\n  setBuildInfo(buildInfo);\n\n  // publicPath from webpack.output has a trailing slash at the end.\n  const { publicPath, path: outputPath } = webpackConfig.output!;\n\n  const manifestLink = fs.existsSync(`${outputPath}/manifest.json`)\n    ? `<link rel=\"manifest\" href=\"${publicPath as string}manifest.json\">` : '';\n\n  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions\n  interface BufferWithNonce extends ArrayBuffer {\n    nonce: string;\n  }\n\n  const cache = ops.staticCacheController\n    ? new Cache<{\n      buffer: BufferWithNonce;\n      status: number;\n    }>(ops.staticCacheSize!)\n    : null;\n\n  const CHUNK_GROUPS = readChunkGroupsJson(outputPath!);\n\n  // TODO: Look at it later.\n  // eslint-disable-next-line complexity\n  return async (req, res, next) => {\n    try {\n      // Ensures any caches always revalidate HTML markup before reuse.\n      res.set('Cache-Control', 'no-cache');\n\n      res.cookie('csrfToken', req.csrfToken());\n\n      let cacheRef: CacheRefT | null | undefined;\n      if (cache) {\n        cacheRef = ops.staticCacheController!(req);\n        if (cacheRef) {\n          const data = cache.get(cacheRef);\n          if (data !== null) {\n            const { buffer, status } = data;\n            if (ops.noCsp && isBrotliAcceptable(req)) {\n              res.set('Content-Type', 'text/html');\n              res.set('Content-Encoding', 'br');\n              if (status !== 200) res.status(status);\n              res.send(buffer);\n            } else {\n              await new Promise<void>((done, failed) => {\n                brotliDecompress(buffer, (error, html) => {\n                  if (error) failed(error);\n                  else {\n                    let h = html.toString();\n                    if (!ops.noCsp) {\n                      // TODO: Starting from Node v15 we'll be able to use string's\n                      // .replaceAll() method instead relying on reg. expression for\n                      // global matching.\n                      const regex = new RegExp(buffer.nonce, 'g');\n\n                      // TODO: It should be implemented more careful.\n                      h = h.replace(regex, (req as unknown as {\n                        nonce: string;\n                      }).nonce);\n                    }\n                    if (status !== 200) res.status(status);\n                    res.send(h);\n                    done();\n                  }\n                });\n              });\n            }\n            return;\n          }\n        }\n      }\n\n      const brr = ops.beforeRender!(req, sanitizedConfig as unknown as ConfigT);\n\n      const [{\n        configToInject,\n        extraScripts,\n        initialState,\n      }, {\n        cipher,\n        iv,\n      }] = await Promise.all([\n        // NOTE: Written this way to avoid triggering the \"await-thenable\"\n        // ESLint rule.\n        brr instanceof Promise ? brr : Promise.resolve(brr),\n\n        prepareCipher(buildInfo.key),\n      ]);\n\n      let helmet: HelmetDataContext['helmet'];\n\n      // Gets the mapping between code chunk names and their asset files.\n      // These data come from the Webpack compilation, either from the stats\n      // attached to the request (in dev mode), or from a file output during\n      // the build (in prod mode).\n      let chunkGroups: ChunkGroupsT;\n      const webpackStats = get(res.locals, 'webpack.devMiddleware.stats') as Stats | undefined;\n      if (webpackStats) {\n        chunkGroups = mapValues(\n          webpackStats.toJson({\n            all: false,\n            chunkGroups: true,\n          }).namedChunkGroups,\n          (item) => item.assets?.map(({ name }: { name: string }) => name)\n            ?? [],\n        );\n      } else if (CHUNK_GROUPS) chunkGroups = CHUNK_GROUPS;\n      else chunkGroups = {};\n\n      /* Optional server-side rendering. */\n      const App = ops.Application;\n      let appHtmlMarkup: string = '';\n      const ssrContext = new ServerSsrContext(req, chunkGroups, initialState);\n      let stream: NodeJS.ReadableStream;\n      if (App) {\n        const ssrStart = Date.now();\n\n        // TODO: Somehow, without it TS does not realise that\n        // App has been checked to exist.\n        const App2 = App;\n\n        const renderPass = async () => new Promise<NodeJS.ReadableStream>(\n          (resolveArg, rejectArg) => {\n            ssrContext.chunks = [];\n\n            // NOTE: JS does not have problems if resolve() and reject() methods\n            // of a Promise are called multiple times, with different arguments;\n            // it only respects the first call, and ignores subsequent ones.\n            // We, however, really want to assert that here, to safeguard against\n            // any future problems due to unexpected internal changes in React,\n            // if any.\n            let error: unknown;\n\n            const resolve = (arg: NodeJS.ReadableStream) => {\n              if (error !== undefined) throw Error('Internal error');\n              error = null;\n              resolveArg(arg);\n            };\n\n            const reject = (arg: unknown) => {\n              if (error !== undefined && error !== arg) {\n                throw Error('Internal error');\n              }\n              error = arg;\n              rejectArg(arg as Error);\n            };\n\n            // TODO: prerenderToNodeStream has (abort) \"signal\" option,\n            // and we should wire it up to the SSR timeout below.\n            const helmetContext = {} as HelmetDataContext;\n            void prerenderToNodeStream(\n              <GlobalStateProvider\n                initialState={ssrContext.state}\n                ssrContext={ssrContext}\n              >\n                <StaticRouter location={req.url}>\n                  <HelmetProvider context={helmetContext}>\n                    <App2 />\n                  </HelmetProvider>\n                </StaticRouter>\n              </GlobalStateProvider>,\n              { onError: reject },\n            ).then((result) => {\n              ({ helmet } = helmetContext);\n              resolve(result.prelude);\n            }).catch(reject);\n          },\n        );\n\n        let ssrRound = 0;\n        let bailed = false;\n        for (; ssrRound < ops.maxSsrRounds!; ++ssrRound) {\n          stream = await renderPass();\n\n          if (!ssrContext.dirty) break;\n\n          const timeout = ops.ssrTimeout! + ssrStart - Date.now();\n          bailed = timeout <= 0 || !await Promise.race([\n            Promise.allSettled(ssrContext.pending),\n            timer(timeout).then(() => false),\n          ]);\n          if (bailed) break;\n        }\n\n        let logMsg;\n        if (ssrContext.dirty) {\n          // NOTE: In the case of incomplete SSR one more round is necessary\n          // to ensure the correct hydration when some pending promises have\n          // resolved and placed their data into the initial global state.\n          stream = await renderPass();\n\n          logMsg = bailed ? `SSR timed out after ${ops.ssrTimeout} second(s)`\n            : `SSR bailed out after ${ops.maxSsrRounds} round(s)`;\n        } else logMsg = `SSR completed in ${ssrRound + 1} round(s)`;\n\n        ops.logger!.log(ssrContext.dirty ? 'warn' : 'info', logMsg);\n\n        if (ssrContext.redirectTo) {\n          res.redirect(ssrContext.status, ssrContext.redirectTo);\n          return;\n        }\n\n        await new Promise((ready) => {\n          stream!.pipe(new Writable({\n            destroy: ready,\n            write: (chunk: { toString: () => string }, _, done) => {\n              appHtmlMarkup += chunk.toString();\n              done();\n            },\n          }));\n        });\n      }\n\n      /* Encrypts data to be injected into HTML.\n       * Keep in mind, that this encryption is no way secure: as the JS bundle\n       * contains decryption key and is able to decode it at the client side.\n       * Hovewer, for a number of reasons, encryption of injected data is still\n       * better than injection of a plain text. */\n      const payload = serializeJs({\n        CHUNK_GROUPS: chunkGroups,\n        CONFIG: configToInject ?? sanitizedConfig,\n        ISTATE: ssrContext.state,\n      }, {\n        ignoreFunction: true,\n        unsafe: true,\n      });\n      cipher.update(forge.util.createBuffer(payload, 'utf8'));\n      cipher.finish();\n      const INJ = forge.util.encode64(`${iv}${cipher.output.data}`);\n\n      const chunkSet = new Set<string>();\n\n      // TODO: \"main\" chunk has to be added explicitly,\n      // because unlike all other chunks they are not managed by <CodeSplit>\n      // component, thus they are not added to the ssrContext.chunks\n      // automatically. Actually, names of these entry chunks should be\n      // read from Wepback config, as the end user may customize them,\n      // remove or add other entry points, but it requires additional\n      // efforts to figure out how to automatically order them right,\n      // thus for now this handles the default config.\n      [\n        'main',\n        ...ssrContext.chunks,\n      ].forEach((chunk) => {\n        const assets = chunkGroups[chunk];\n        if (assets) assets.forEach((asset) => chunkSet.add(asset));\n      });\n\n      let styleChunkString = '';\n      let scriptChunkString = '';\n      chunkSet.forEach((chunk) => {\n        if (chunk.endsWith('.css')) {\n          styleChunkString += `<link href=\"${publicPath as string}${chunk}\" rel=\"stylesheet\">`;\n        } else if (\n          chunk.endsWith('.js')\n          // In dev mode HMR adds JS updates into asset arrays,\n          // and they (updates) should be ignored.\n          && !chunk.endsWith('.hot-update.js')\n        ) {\n          scriptChunkString += `<script src=\"${publicPath as string}${chunk}\" type=\"application/javascript\"></script>`;\n        }\n      });\n\n      const grouppedExtraScripts = groupExtraScripts(extraScripts);\n\n      const faviconLink = ops.favicon\n        ? '<link rel=\"shortcut icon\" href=\"/favicon.ico\">'\n        : '';\n\n      const html = `<!DOCTYPE html>\n        <html lang=\"en\">\n          <head>\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.HEAD_OPEN]}\n            ${helmet?.title.toString() ?? ''}\n            ${helmet?.meta.toString() ?? ''}\n            <meta name=\"theme-color\" content=\"#FFFFFF\">\n            ${manifestLink}\n            ${helmet?.link.toString() ?? ''}${styleChunkString}\n            ${faviconLink}\n            <meta charset=\"utf-8\">\n            <meta\n              content=\"width=device-width,initial-scale=1.0\"\n              name=\"viewport\"\n            >\n            <meta itemprop=\"drpruinj\" content=\"${INJ}\">\n          </head>\n          <body>\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.BODY_OPEN]}\n            <div id=\"react-view\">${appHtmlMarkup}</div>\n            ${scriptChunkString}\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.DEFAULT]}\n          </body>\n        </html>`;\n\n      const status = ssrContext.status || 200;\n      if (status !== 200) res.status(status);\n\n      if (cacheRef && status < 500) {\n        // Note: waiting for the caching to complete is not strictly necessary,\n        // but it greately simplifies testing, and error reporting.\n        await new Promise<void>((done, failed) => {\n          brotliCompress(html, (error, buffer) => {\n            if (error) failed(error);\n            else {\n              const b = buffer as unknown as BufferWithNonce;\n              b.nonce = (req as unknown as {\n                nonce: string;\n              }).nonce;\n              cache!.add({ buffer: b, status }, cacheRef.key, buffer.length);\n              done();\n            }\n          });\n        });\n      }\n\n      // Note: as caching code above may throw in some cases, sending response\n      // before it completes will likely hide the error, making it difficult\n      // to debug. Thus, at least for now, lets send response after it.\n      res.send(html);\n    } catch (error) {\n      next(error);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"renderer.js","names":["Buffer","createCipheriv","randomBytes","fs","path","Writable","brotliCompress","brotliDecompress","winston","GlobalStateProvider","SsrContext","timer","cloneDeep","defaults","get","mapValues","config","prerenderToNodeStream","HelmetProvider","StaticRouter","serializeJs","setBuildInfo","Cache","jsx","_jsx","SECRET","sanitizedConfig","SCRIPT_LOCATIONS","ServerSsrContext","chunks","status","constructor","req","chunkGroups","initialState","getBuildInfo","context","url","resolve","JSON","parse","readFileSync","readChunkGroupsJson","buildDir","res","prepareCipher","key","iv","cipher","from","isBrotliAcceptable","acceptable","ops","split","op","type","priority","trim","parseFloat","groupExtraScripts","scripts","BODY_OPEN","DEFAULT","HEAD_OPEN","script","code","location","Error","newDefaultLogger","defaultLogLevel","format","transports","createLogger","combine","splat","timestamp","colorize","printf","level","message","stack","rest","Object","keys","length","stringify","Console","factory","webpackConfig","options","beforeRender","Promise","maxSsrRounds","ssrTimeout","staticCacheSize","logger","defaultLoggerLogLevel","buildInfo","publicPath","outputPath","output","manifestLink","existsSync","cache","staticCacheController","CHUNK_GROUPS","next","set","cookie","csrfToken","cacheRef","data","buffer","noCsp","send","done","failed","error","html","h","toString","regex","RegExp","nonce","replace","brr","configToInject","extraScripts","helmet","webpackStats","locals","toJson","all","namedChunkGroups","item","assets","map","name","App","Application","appHtmlMarkup","ssrContext","stream","ssrStart","Date","now","App2","renderPass","resolveArg","rejectArg","arg","undefined","reject","helmetContext","state","children","onError","then","result","prelude","catch","ssrRound","bailed","dirty","timeout","race","allSettled","pending","logMsg","log","redirectTo","redirect","ready","pipe","destroy","write","chunk","_","payload","CONFIG","ISTATE","ignoreFunction","unsafe","INJ","concat","update","final","chunkSet","Set","forEach","asset","add","styleChunkString","scriptChunkString","endsWith","grouppedExtraScripts","faviconLink","favicon","title","meta","link","b"],"sources":["../../../src/server/renderer.tsx"],"sourcesContent":["/**\n * ExpressJS middleware for server-side rendering of a ReactJS app.\n */\n\nimport { Buffer } from 'node:buffer';\nimport { type Cipheriv, createCipheriv, randomBytes } from 'node:crypto';\nimport fs from 'node:fs';\nimport path from 'node:path';\nimport { Writable } from 'node:stream';\nimport { brotliCompress, brotliDecompress } from 'node:zlib';\n\nimport type { Request, RequestHandler } from 'express';\nimport type { ComponentType } from 'react';\nimport type { Configuration, Stats } from 'webpack';\nimport winston from 'winston';\n\nimport { GlobalStateProvider, SsrContext } from '@dr.pogodin/react-global-state';\nimport { timer } from '@dr.pogodin/js-utils';\n\nimport {\n  cloneDeep,\n  defaults,\n  get,\n  mapValues,\n} from 'lodash-es';\n\nimport config from 'config';\n\nimport { prerenderToNodeStream } from 'react-dom/static';\nimport { type HelmetDataContext, HelmetProvider } from '@dr.pogodin/react-helmet';\nimport { StaticRouter } from 'react-router';\nimport serializeJs from 'serialize-javascript';\nimport { type BuildInfoT, setBuildInfo } from 'utils/isomorphy/buildInfo';\n\nimport type { ChunkGroupsT, SsrContextT } from 'utils/globalState';\n\nimport Cache from './Cache';\n\n// @ts-expect-error \"Property 'SECRET' does not exist on type 'IConfig'.\"\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst { SECRET, ...sanitizedConfig } = config;\n\n// Note: These type definitions for logger are copied from Winston logger,\n// then simplified to make it easier to fit an alternative logger into this\n// interface.\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\ninterface LogMethodI {\n  // eslint-disable-next-line @typescript-eslint/prefer-function-type\n  (level: string, message: string, ...meta: unknown[]): void;\n}\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\ninterface LeveledLogMethodI {\n  // eslint-disable-next-line @typescript-eslint/prefer-function-type\n  (message: string, ...meta: unknown[]): void;\n}\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\nexport interface LoggerI {\n  debug: LeveledLogMethodI;\n  error: LeveledLogMethodI;\n  info: LeveledLogMethodI;\n  log: LogMethodI;\n  warn: LeveledLogMethodI;\n}\n\nexport enum SCRIPT_LOCATIONS {\n  BODY_OPEN = 'BODY_OPEN',\n  DEFAULT = 'DEFAULT',\n  HEAD_OPEN = 'HEAD_OPEN',\n}\n\nexport class ServerSsrContext<StateT>\n  extends SsrContext<StateT>\n  implements SsrContextT<StateT> {\n  chunkGroups: ChunkGroupsT;\n\n  chunks: string[] = [];\n\n  redirectTo?: string;\n\n  req: Request;\n\n  status: number = 200;\n\n  constructor(\n    req: Request,\n    chunkGroups: ChunkGroupsT,\n    initialState?: StateT,\n  ) {\n    super(cloneDeep(initialState) ?? ({} as StateT));\n    this.chunkGroups = chunkGroups;\n    this.req = req;\n  }\n}\n\ntype ScriptT = {\n  code: string;\n  location: SCRIPT_LOCATIONS;\n};\n\n/**\n * Reads build-time information about the app. This information is generated\n * by our standard Webpack config for apps, and it is written into\n * \".build-info\" file in the context folder specified in Webpack config.\n * At the moment, that file contains build timestamp and a random 32-bit key,\n * suitable for cryptographical use.\n * @param context Webpack context path used during the build.\n * @return Resolves to the build-time information.\n */\nfunction getBuildInfo(context: string) {\n  const url = path.resolve(context, '.build-info');\n  return JSON.parse(fs.readFileSync(url, 'utf8')) as BuildInfoT;\n}\n\n/**\n * Attempts to read from disk the named chunk groups mapping generated\n * by Webpack during the compilation.\n * It will not work for development builds, where these stats should be captured\n * via compilator callback.\n * @param buildDir\n * @return\n */\nfunction readChunkGroupsJson(buildDir: string) {\n  const url = path.resolve(buildDir, '__chunk_groups__.json');\n  let res;\n  try {\n    res = JSON.parse(fs.readFileSync(url, 'utf8')) as Record<string, string[]>;\n  } catch {\n    // TODO: Should we message the error here somehow?\n    res = null;\n  }\n  return res;\n}\n\n/**\n * Prepares a new Cipher for data encryption.\n * @param key Encryption key (32-bit random, Base64-encoded key is expected).\n * @return Returns a tuple of:\n *  1. cipher - a new Cipher, ready for encryption;\n *  2. iv - initial vector used by the cipher.\n */\nfunction prepareCipher(key: string): [cipher: Cipheriv, iv: Buffer] {\n  const iv = randomBytes(16);\n  const cipher = createCipheriv('AES-256-CBC', Buffer.from(key, 'base64'), iv);\n  return [cipher, iv];\n}\n\n/**\n * Given an incoming HTTP requests, it deduces whether Brotli-encoded responses\n * are acceptable to the caller.\n * @param req\n */\nexport function isBrotliAcceptable(req: Request): boolean {\n  const acceptable = req.get('accept-encoding');\n  if (acceptable) {\n    const ops = acceptable.split(',');\n    for (const op of ops) {\n      const [type, priority] = op.trim().split(';q=');\n      if ((type === '*' || type === 'br')\n        && (!priority || parseFloat(priority) > 0)) {\n        return true;\n      }\n    }\n  }\n  return false;\n}\n\n/**\n * Given an array of extra script strings / objects, it returns an object with\n * arrays of scripts to inject in different HTML template locations. During\n * the script groupping it also filters out any empty scripts.\n * @param {({\n *  code: string;\n *  location: string;\n * }|string)[]} [scripts=[]]\n * @return {{\n *  BODY_OPEN: string[];\n *  DEFAULT: string[];\n *  HEAD_OPEN: string[];\n * }}\n */\nfunction groupExtraScripts(scripts: Array<string | ScriptT> = []) {\n  const res = {\n    [SCRIPT_LOCATIONS.BODY_OPEN]: '',\n    [SCRIPT_LOCATIONS.DEFAULT]: '',\n    [SCRIPT_LOCATIONS.HEAD_OPEN]: '',\n  };\n  for (const script of scripts) {\n    if (typeof script === 'string') {\n      if (script) res[SCRIPT_LOCATIONS.DEFAULT] += script;\n    } else if (script.code) {\n      if (script.location in res) res[script.location] += script.code;\n      else throw Error(`Invalid location \"${script.location}\"`);\n    }\n  }\n  return res;\n}\n\n/**\n * Creates a new default (Winston) logger.\n * @param {object} [options={}]\n * @param {string} [options.defaultLogLevel='info']\n * @return {object}\n */\nexport function newDefaultLogger({\n  defaultLogLevel = 'info',\n} = {}): winston.Logger {\n  const { format, transports } = winston;\n  return winston.createLogger({\n    format: format.combine(\n      format.splat(),\n      format.timestamp(),\n      format.colorize(),\n      format.printf(\n        ({\n          level,\n          message,\n          timestamp,\n          stack,\n          ...rest\n        }) => {\n          let res = `${level}\\t(at ${timestamp as string}):\\t${message as string}`;\n          if (Object.keys(rest).length) {\n            res += `\\n${JSON.stringify(rest, null, 2)}`;\n          }\n          if (stack) res += `\\n${stack as string}`;\n          return res;\n        },\n      ),\n    ),\n    level: defaultLogLevel,\n    transports: [new transports.Console()],\n  });\n}\n\nexport type ConfigT = {\n  [key: string]: ConfigT | string;\n};\n\nexport type BeforeRenderResT = {\n  configToInject?: ConfigT;\n  extraScripts?: Array<ScriptT | string>;\n  initialState?: unknown;\n};\n\nexport type BeforeRenderT = (\n  req: Request,\n  config: ConfigT,\n) => BeforeRenderResT | Promise<BeforeRenderResT>;\n\ntype CacheRefT = {\n  key: string;\n  maxage?: number;\n};\n\nexport type OptionsT = {\n  Application?: ComponentType;\n  beforeRender?: BeforeRenderT;\n  buildInfo?: BuildInfoT;\n  defaultLoggerLogLevel?: string;\n  favicon?: string;\n  logger?: LoggerI;\n  maxSsrRounds?: number;\n  noCsp?: boolean;\n  staticCacheSize?: number;\n  ssrTimeout?: number;\n  staticCacheController?: (req: Request) => CacheRefT | null | undefined;\n};\n\n/**\n * Creates the middleware.\n * @param webpackConfig\n * @param options Additional options:\n * @param [options.Application] The root ReactJS component of\n * the app to use for the server-side rendering. When not provided\n * the server-side rendering is disabled.\n * @param [options.buildInfo] \"Build info\" object to use. If provided,\n *  it will be used, instead of trying to load from the filesystem the one\n *  generated by the Webpack build. It is intended for test environments,\n *  where passing this stuff via file system is no bueno.\n * @param [options.favicon] `true` will include favicon\n *  link into the rendered HTML templates.\n * @param [options.noCsp] `true` means that no\n * Content-Security-Policy (CSP) is used by server, thus the renderer\n * may cut a few corners.\n * @param [options.maxSsrRounds=10] Maximum number of SSR rounds.\n * @param [options.ssrTimeout=1000] SSR timeout in milliseconds,\n * defaults to 1 second.\n * @param [options.staticCacheSize=1.e7] The maximum\n * static cache size in bytes. Defaults to ~10 MB.\n * @param [options.staticCacheController] When given, it activates,\n * and controls the static caching of generated HTML markup. When this function\n * is provided, on each incoming request it is triggered with the request\n * passed in as the argument. To attempt to serve the response from the cache\n * it should return the object with the following fields:\n * - `key: string` &ndash; the cache key for the response;\n * - `maxage?: number` &ndash; the maximum age of cached result in ms.\n *   If undefined - infinite age is assumed.\n * @return Created middleware.\n */\nexport default function factory(\n  webpackConfig: Configuration,\n  options: OptionsT,\n): RequestHandler {\n  const ops: OptionsT = defaults({ ...options }, {\n    beforeRender: async () => Promise.resolve({}),\n    maxSsrRounds: 10,\n    ssrTimeout: 1000,\n    staticCacheSize: 1.e7,\n  });\n\n  // Note: in normal use the default logger is created and set in the root\n  // server function, and this initialization is for testing uses, where\n  // renderer is imported directly.\n  ops.logger ??= newDefaultLogger({\n    defaultLogLevel: ops.defaultLoggerLogLevel,\n  });\n\n  const buildInfo = ops.buildInfo ?? getBuildInfo(webpackConfig.context!);\n  setBuildInfo(buildInfo);\n\n  // publicPath from webpack.output has a trailing slash at the end.\n  const { publicPath, path: outputPath } = webpackConfig.output!;\n\n  const manifestLink = fs.existsSync(`${outputPath}/manifest.json`)\n    ? `<link rel=\"manifest\" href=\"${publicPath as string}manifest.json\">` : '';\n\n  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions\n  interface BufferWithNonce extends ArrayBuffer {\n    nonce: string;\n  }\n\n  const cache = ops.staticCacheController\n    ? new Cache<{\n      buffer: BufferWithNonce;\n      status: number;\n    }>(ops.staticCacheSize!)\n    : null;\n\n  const CHUNK_GROUPS = readChunkGroupsJson(outputPath!);\n\n  // TODO: Look at it later.\n  // eslint-disable-next-line complexity\n  return async (req, res, next) => {\n    try {\n      // Ensures any caches always revalidate HTML markup before reuse.\n      res.set('Cache-Control', 'no-cache');\n\n      res.cookie('csrfToken', req.csrfToken());\n\n      let cacheRef: CacheRefT | null | undefined;\n      if (cache) {\n        cacheRef = ops.staticCacheController!(req);\n        if (cacheRef) {\n          const data = cache.get(cacheRef);\n          if (data !== null) {\n            const { buffer, status } = data;\n            if (ops.noCsp && isBrotliAcceptable(req)) {\n              res.set('Content-Type', 'text/html');\n              res.set('Content-Encoding', 'br');\n              if (status !== 200) res.status(status);\n              res.send(buffer);\n            } else {\n              await new Promise<void>((done, failed) => {\n                brotliDecompress(buffer, (error, html) => {\n                  if (error) failed(error);\n                  else {\n                    let h = html.toString();\n                    if (!ops.noCsp) {\n                      // TODO: Starting from Node v15 we'll be able to use string's\n                      // .replaceAll() method instead relying on reg. expression for\n                      // global matching.\n                      const regex = new RegExp(buffer.nonce, 'g');\n\n                      // TODO: It should be implemented more careful.\n                      h = h.replace(regex, (req as unknown as {\n                        nonce: string;\n                      }).nonce);\n                    }\n                    if (status !== 200) res.status(status);\n                    res.send(h);\n                    done();\n                  }\n                });\n              });\n            }\n            return;\n          }\n        }\n      }\n\n      const brr = ops.beforeRender!(req, sanitizedConfig as unknown as ConfigT);\n      const { configToInject, extraScripts, initialState } = await brr;\n\n      const [cipher, iv] = prepareCipher(buildInfo.key);\n\n      let helmet: HelmetDataContext['helmet'];\n\n      // Gets the mapping between code chunk names and their asset files.\n      // These data come from the Webpack compilation, either from the stats\n      // attached to the request (in dev mode), or from a file output during\n      // the build (in prod mode).\n      let chunkGroups: ChunkGroupsT;\n      const webpackStats = get(res.locals, 'webpack.devMiddleware.stats') as Stats | undefined;\n      if (webpackStats) {\n        chunkGroups = mapValues(\n          webpackStats.toJson({\n            all: false,\n            chunkGroups: true,\n          }).namedChunkGroups,\n          (item) => item.assets?.map(({ name }: { name: string }) => name)\n            ?? [],\n        );\n      } else if (CHUNK_GROUPS) chunkGroups = CHUNK_GROUPS;\n      else chunkGroups = {};\n\n      /* Optional server-side rendering. */\n      const App = ops.Application;\n      let appHtmlMarkup: string = '';\n      const ssrContext = new ServerSsrContext(req, chunkGroups, initialState);\n      let stream: NodeJS.ReadableStream;\n      if (App) {\n        const ssrStart = Date.now();\n\n        // TODO: Somehow, without it TS does not realise that\n        // App has been checked to exist.\n        const App2 = App;\n\n        const renderPass = async () => new Promise<NodeJS.ReadableStream>(\n          (resolveArg, rejectArg) => {\n            ssrContext.chunks = [];\n\n            // NOTE: JS does not have problems if resolve() and reject() methods\n            // of a Promise are called multiple times, with different arguments;\n            // it only respects the first call, and ignores subsequent ones.\n            // We, however, really want to assert that here, to safeguard against\n            // any future problems due to unexpected internal changes in React,\n            // if any.\n            let error: unknown;\n\n            const resolve = (arg: NodeJS.ReadableStream) => {\n              if (error !== undefined) throw Error('Internal error');\n              error = null;\n              resolveArg(arg);\n            };\n\n            const reject = (arg: unknown) => {\n              if (error !== undefined && error !== arg) {\n                throw Error('Internal error');\n              }\n              error = arg;\n              rejectArg(arg as Error);\n            };\n\n            // TODO: prerenderToNodeStream has (abort) \"signal\" option,\n            // and we should wire it up to the SSR timeout below.\n            const helmetContext = {} as HelmetDataContext;\n            void prerenderToNodeStream(\n              <GlobalStateProvider\n                initialState={ssrContext.state}\n                ssrContext={ssrContext}\n              >\n                <StaticRouter location={req.url}>\n                  <HelmetProvider context={helmetContext}>\n                    <App2 />\n                  </HelmetProvider>\n                </StaticRouter>\n              </GlobalStateProvider>,\n              { onError: reject },\n            ).then((result) => {\n              ({ helmet } = helmetContext);\n              resolve(result.prelude);\n            }).catch(reject);\n          },\n        );\n\n        let ssrRound = 0;\n        let bailed = false;\n        for (; ssrRound < ops.maxSsrRounds!; ++ssrRound) {\n          stream = await renderPass();\n\n          if (!ssrContext.dirty) break;\n\n          const timeout = ops.ssrTimeout! + ssrStart - Date.now();\n          bailed = timeout <= 0 || !await Promise.race([\n            Promise.allSettled(ssrContext.pending),\n            timer(timeout).then(() => false),\n          ]);\n          if (bailed) break;\n        }\n\n        let logMsg;\n        if (ssrContext.dirty) {\n          // NOTE: In the case of incomplete SSR one more round is necessary\n          // to ensure the correct hydration when some pending promises have\n          // resolved and placed their data into the initial global state.\n          stream = await renderPass();\n\n          logMsg = bailed ? `SSR timed out after ${ops.ssrTimeout} second(s)`\n            : `SSR bailed out after ${ops.maxSsrRounds} round(s)`;\n        } else logMsg = `SSR completed in ${ssrRound + 1} round(s)`;\n\n        ops.logger!.log(ssrContext.dirty ? 'warn' : 'info', logMsg);\n\n        if (ssrContext.redirectTo) {\n          res.redirect(ssrContext.status, ssrContext.redirectTo);\n          return;\n        }\n\n        await new Promise((ready) => {\n          stream!.pipe(new Writable({\n            destroy: ready,\n            write: (chunk: { toString: () => string }, _, done) => {\n              appHtmlMarkup += chunk.toString();\n              done();\n            },\n          }));\n        });\n      }\n\n      /* Encrypts data to be injected into HTML.\n       * Keep in mind, that this encryption is no way secure: as the JS bundle\n       * contains decryption key and is able to decode it at the client side.\n       * Hovewer, for a number of reasons, encryption of injected data is still\n       * better than injection of a plain text. */\n      const payload = serializeJs({\n        CHUNK_GROUPS: chunkGroups,\n        CONFIG: configToInject ?? sanitizedConfig,\n        ISTATE: ssrContext.state,\n      }, {\n        ignoreFunction: true,\n        unsafe: true,\n      });\n\n      const INJ = Buffer.concat([\n        iv,\n        cipher.update(payload, 'utf8'),\n        cipher.final(),\n      ]).toString('base64');\n\n      const chunkSet = new Set<string>();\n\n      // TODO: \"main\" chunk has to be added explicitly,\n      // because unlike all other chunks they are not managed by <CodeSplit>\n      // component, thus they are not added to the ssrContext.chunks\n      // automatically. Actually, names of these entry chunks should be\n      // read from Wepback config, as the end user may customize them,\n      // remove or add other entry points, but it requires additional\n      // efforts to figure out how to automatically order them right,\n      // thus for now this handles the default config.\n      [\n        'main',\n        ...ssrContext.chunks,\n      ].forEach((chunk) => {\n        const assets = chunkGroups[chunk];\n        if (assets) assets.forEach((asset) => chunkSet.add(asset));\n      });\n\n      let styleChunkString = '';\n      let scriptChunkString = '';\n      chunkSet.forEach((chunk) => {\n        if (chunk.endsWith('.css')) {\n          styleChunkString += `<link href=\"${publicPath as string}${chunk}\" rel=\"stylesheet\">`;\n        } else if (\n          chunk.endsWith('.js')\n          // In dev mode HMR adds JS updates into asset arrays,\n          // and they (updates) should be ignored.\n          && !chunk.endsWith('.hot-update.js')\n        ) {\n          scriptChunkString += `<script src=\"${publicPath as string}${chunk}\" type=\"application/javascript\"></script>`;\n        }\n      });\n\n      const grouppedExtraScripts = groupExtraScripts(extraScripts);\n\n      const faviconLink = ops.favicon\n        ? '<link rel=\"shortcut icon\" href=\"/favicon.ico\">'\n        : '';\n\n      const html = `<!DOCTYPE html>\n        <html lang=\"en\">\n          <head>\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.HEAD_OPEN]}\n            ${helmet?.title.toString() ?? ''}\n            ${helmet?.meta.toString() ?? ''}\n            <meta name=\"theme-color\" content=\"#FFFFFF\">\n            ${manifestLink}\n            ${helmet?.link.toString() ?? ''}${styleChunkString}\n            ${faviconLink}\n            <meta charset=\"utf-8\">\n            <meta\n              content=\"width=device-width,initial-scale=1.0\"\n              name=\"viewport\"\n            >\n            <meta itemprop=\"drpruinj\" content=\"${INJ}\">\n          </head>\n          <body>\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.BODY_OPEN]}\n            <div id=\"react-view\">${appHtmlMarkup}</div>\n            ${scriptChunkString}\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.DEFAULT]}\n          </body>\n        </html>`;\n\n      const status = ssrContext.status || 200;\n      if (status !== 200) res.status(status);\n\n      if (cacheRef && status < 500) {\n        // Note: waiting for the caching to complete is not strictly necessary,\n        // but it greately simplifies testing, and error reporting.\n        await new Promise<void>((done, failed) => {\n          brotliCompress(html, (error, buffer) => {\n            if (error) failed(error);\n            else {\n              const b = buffer as unknown as BufferWithNonce;\n              b.nonce = (req as unknown as {\n                nonce: string;\n              }).nonce;\n              cache!.add({ buffer: b, status }, cacheRef.key, buffer.length);\n              done();\n            }\n          });\n        });\n      }\n\n      // Note: as caching code above may throw in some cases, sending response\n      // before it completes will likely hide the error, making it difficult\n      // to debug. Thus, at least for now, lets send response after it.\n      res.send(html);\n    } catch (error) {\n      next(error);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/build/development/shared/components/Modal/index.js

@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useRef } from 'react';
-import ReactDom from 'react-dom';
+import { createPortal } from 'react-dom';
 import themed from '@dr.pogodin/react-themes';
 const baseTheme = {
   "context": "-dr-pogodin-react-utils___build-web-shared-components-Modal-base-theme___context___sCYXfW",
@@ -78,7 +78,7 @@ const BaseModal = ({
 
     tabIndex: 0
   }), []);
-  return /*#__PURE__*/ReactDom.createPortal(/*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/createPortal(/*#__PURE__*/_jsxs("div", {
     children: [focusLast, /*#__PURE__*/_jsx("div", {
       "aria-label": "Cancel",
       className: theme.overlay,

package/build/development/shared/components/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useEffect","useMemo","useRef","ReactDom","themed","baseTheme","S","jsx","_jsx","jsxs","_jsxs","BaseModal","cancelOnScrolling","children","containerStyle","dontDisableScrolling","onCancel","overlayStyle","style","testId","testIdForOverlay","theme","containerRef","overlayRef","window","addEventListener","removeEventListener","document","body","classList","add","scrollingDisabledByModal","remove","focusLast","onFocus","elems","current","querySelectorAll","i","length","focus","activeElement","tabIndex","createPortal","className","overlay","process","env","NODE_ENV","undefined","onClick","e","stopPropagation","onKeyDown","key","ref","node","role","container","onWheel","event"],"sources":["../../../../../src/shared/components/Modal/index.tsx"],"sourcesContent":["import {\n  type CSSProperties,\n  type FunctionComponent,\n  type ReactNode,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport ReactDom from 'react-dom';\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport baseTheme from './base-theme.scss';\nimport S from './styles.scss';\n\ntype PropsT = {\n  cancelOnScrolling?: boolean;\n  children?: ReactNode;\n  dontDisableScrolling?: boolean;\n  onCancel?: () => void;\n  overlayStyle?: CSSProperties;\n  style?: CSSProperties;\n  testId?: string;\n  testIdForOverlay?: string;\n  theme: Theme<'container' | 'overlay'>;\n\n  /** @deprecated */\n  containerStyle?: CSSProperties;\n};\n\n/**\n * The `<Modal>` component implements a simple themeable modal window, wrapped\n * into the default theme. `<BaseModal>` exposes the base non-themed component.\n * **Children:** Component children are rendered as the modal content.\n * @param {object} props Component properties. Beside props documented below,\n *  [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties) are supported as well.\n * @param {function} [props.onCancel] The callback to trigger when user\n * clicks outside the modal, or presses Escape. It is expected to hide the\n * modal.\n * @param {ModalTheme} [props.theme] _Ad hoc_ theme.\n */\nconst BaseModal: FunctionComponent<PropsT> = ({\n  cancelOnScrolling,\n  children,\n  containerStyle,\n  dontDisableScrolling,\n  onCancel,\n  overlayStyle,\n  style,\n  testId,\n  testIdForOverlay,\n  theme,\n}) => {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const overlayRef = useRef<HTMLDivElement | null>(null);\n\n  // Sets up modal cancellation of scrolling, if opted-in.\n  useEffect(() => {\n    if (cancelOnScrolling && onCancel) {\n      window.addEventListener('scroll', onCancel);\n      window.addEventListener('wheel', onCancel);\n    }\n    return () => {\n      if (cancelOnScrolling && onCancel) {\n        window.removeEventListener('scroll', onCancel);\n        window.removeEventListener('wheel', onCancel);\n      }\n    };\n  }, [cancelOnScrolling, onCancel]);\n\n  // Disables window scrolling, if it is not opted-out.\n  useEffect(() => {\n    if (!dontDisableScrolling) {\n      document.body.classList.add(S.scrollingDisabledByModal);\n    }\n    return () => {\n      if (!dontDisableScrolling) {\n        document.body.classList.remove(S.scrollingDisabledByModal);\n      }\n    };\n  }, [dontDisableScrolling]);\n\n  const focusLast = useMemo(() => (\n    <div\n      onFocus={() => {\n        const elems = containerRef.current!.querySelectorAll('*');\n        for (let i = elems.length - 1; i >= 0; --i) {\n          (elems[i] as HTMLElement).focus();\n          if (document.activeElement === elems[i]) return;\n        }\n        overlayRef.current?.focus();\n      }}\n      // TODO: Have a look at this later.\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n      tabIndex={0}\n    />\n  ), []);\n\n  return ReactDom.createPortal(\n    (\n      <div>\n        {focusLast}\n        <div\n          aria-label=\"Cancel\"\n          className={theme.overlay}\n          data-testid={\n            process.env.NODE_ENV === 'production'\n              ? undefined : testIdForOverlay\n          }\n          onClick={(e) => {\n            if (onCancel) {\n              onCancel();\n              e.stopPropagation();\n            }\n          }}\n          onKeyDown={(e) => {\n            if (e.key === 'Escape' && onCancel) {\n              onCancel();\n              e.stopPropagation();\n            }\n          }}\n          ref={(node) => {\n            if (node && node !== overlayRef.current) {\n              overlayRef.current = node;\n              node.focus();\n            }\n          }}\n          role=\"button\"\n          style={overlayStyle}\n          tabIndex={0}\n        />\n        {\n          // NOTE: These rules are disabled because our intention is to keep\n          // the element non-interactive (thus not on the keyboard focus chain),\n          // and it has `onClick` handler merely to stop propagation of click\n          // events to its parent container. This is needed because, for example\n          // when the modal is wrapped into an interactive element we don't want\n          // any clicks inside the modal to bubble-up to that parent element\n          // (because visually and logically the modal dialog does not belong\n          // to its parent container, where it technically belongs from\n          // the HTML mark-up perpective).\n        }\n        <div // eslint-disable-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions\n          aria-modal=\"true\"\n          className={theme.container}\n          data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n          onClick={(e) => {\n            e.stopPropagation();\n          }}\n          onWheel={(event) => {\n            event.stopPropagation();\n          }}\n          ref={containerRef}\n          role=\"dialog\"\n          style={style ?? containerStyle}\n        >\n          {children}\n        </div>\n        <div\n          onFocus={() => {\n            overlayRef.current?.focus();\n          }}\n          // TODO: Have a look at this later.\n          // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n          tabIndex={0}\n        />\n        {focusLast}\n      </div>\n    ),\n    document.body,\n  );\n};\n\nexport default themed(BaseModal, 'Modal', baseTheme);\n\n/* Non-themed version of the Modal. */\nexport { BaseModal };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useEffect","useMemo","useRef","createPortal","themed","baseTheme","S","jsx","_jsx","jsxs","_jsxs","BaseModal","cancelOnScrolling","children","containerStyle","dontDisableScrolling","onCancel","overlayStyle","style","testId","testIdForOverlay","theme","containerRef","overlayRef","window","addEventListener","removeEventListener","document","body","classList","add","scrollingDisabledByModal","remove","focusLast","onFocus","elems","current","querySelectorAll","i","length","focus","activeElement","tabIndex","className","overlay","process","env","NODE_ENV","undefined","onClick","e","stopPropagation","onKeyDown","key","ref","node","role","container","onWheel","event"],"sources":["../../../../../src/shared/components/Modal/index.tsx"],"sourcesContent":["import {\n  type CSSProperties,\n  type FunctionComponent,\n  type ReactNode,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport baseTheme from './base-theme.scss';\nimport S from './styles.scss';\n\ntype PropsT = {\n  cancelOnScrolling?: boolean;\n  children?: ReactNode;\n  dontDisableScrolling?: boolean;\n  onCancel?: () => void;\n  overlayStyle?: CSSProperties;\n  style?: CSSProperties;\n  testId?: string;\n  testIdForOverlay?: string;\n  theme: Theme<'container' | 'overlay'>;\n\n  /** @deprecated */\n  containerStyle?: CSSProperties;\n};\n\n/**\n * The `<Modal>` component implements a simple themeable modal window, wrapped\n * into the default theme. `<BaseModal>` exposes the base non-themed component.\n * **Children:** Component children are rendered as the modal content.\n * @param {object} props Component properties. Beside props documented below,\n *  [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties) are supported as well.\n * @param {function} [props.onCancel] The callback to trigger when user\n * clicks outside the modal, or presses Escape. It is expected to hide the\n * modal.\n * @param {ModalTheme} [props.theme] _Ad hoc_ theme.\n */\nconst BaseModal: FunctionComponent<PropsT> = ({\n  cancelOnScrolling,\n  children,\n  containerStyle,\n  dontDisableScrolling,\n  onCancel,\n  overlayStyle,\n  style,\n  testId,\n  testIdForOverlay,\n  theme,\n}) => {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const overlayRef = useRef<HTMLDivElement | null>(null);\n\n  // Sets up modal cancellation of scrolling, if opted-in.\n  useEffect(() => {\n    if (cancelOnScrolling && onCancel) {\n      window.addEventListener('scroll', onCancel);\n      window.addEventListener('wheel', onCancel);\n    }\n    return () => {\n      if (cancelOnScrolling && onCancel) {\n        window.removeEventListener('scroll', onCancel);\n        window.removeEventListener('wheel', onCancel);\n      }\n    };\n  }, [cancelOnScrolling, onCancel]);\n\n  // Disables window scrolling, if it is not opted-out.\n  useEffect(() => {\n    if (!dontDisableScrolling) {\n      document.body.classList.add(S.scrollingDisabledByModal);\n    }\n    return () => {\n      if (!dontDisableScrolling) {\n        document.body.classList.remove(S.scrollingDisabledByModal);\n      }\n    };\n  }, [dontDisableScrolling]);\n\n  const focusLast = useMemo(() => (\n    <div\n      onFocus={() => {\n        const elems = containerRef.current!.querySelectorAll('*');\n        for (let i = elems.length - 1; i >= 0; --i) {\n          (elems[i] as HTMLElement).focus();\n          if (document.activeElement === elems[i]) return;\n        }\n        overlayRef.current?.focus();\n      }}\n      // TODO: Have a look at this later.\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n      tabIndex={0}\n    />\n  ), []);\n\n  return createPortal(\n    (\n      <div>\n        {focusLast}\n        <div\n          aria-label=\"Cancel\"\n          className={theme.overlay}\n          data-testid={\n            process.env.NODE_ENV === 'production'\n              ? undefined : testIdForOverlay\n          }\n          onClick={(e) => {\n            if (onCancel) {\n              onCancel();\n              e.stopPropagation();\n            }\n          }}\n          onKeyDown={(e) => {\n            if (e.key === 'Escape' && onCancel) {\n              onCancel();\n              e.stopPropagation();\n            }\n          }}\n          ref={(node) => {\n            if (node && node !== overlayRef.current) {\n              overlayRef.current = node;\n              node.focus();\n            }\n          }}\n          role=\"button\"\n          style={overlayStyle}\n          tabIndex={0}\n        />\n        {\n          // NOTE: These rules are disabled because our intention is to keep\n          // the element non-interactive (thus not on the keyboard focus chain),\n          // and it has `onClick` handler merely to stop propagation of click\n          // events to its parent container. This is needed because, for example\n          // when the modal is wrapped into an interactive element we don't want\n          // any clicks inside the modal to bubble-up to that parent element\n          // (because visually and logically the modal dialog does not belong\n          // to its parent container, where it technically belongs from\n          // the HTML mark-up perpective).\n        }\n        <div // eslint-disable-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions\n          aria-modal=\"true\"\n          className={theme.container}\n          data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n          onClick={(e) => {\n            e.stopPropagation();\n          }}\n          onWheel={(event) => {\n            event.stopPropagation();\n          }}\n          ref={containerRef}\n          role=\"dialog\"\n          style={style ?? containerStyle}\n        >\n          {children}\n        </div>\n        <div\n          onFocus={() => {\n            overlayRef.current?.focus();\n          }}\n          // TODO: Have a look at this later.\n          // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n          tabIndex={0}\n        />\n        {focusLast}\n      </div>\n    ),\n    document.body,\n  );\n};\n\nexport default themed(BaseModal, 'Modal', baseTheme);\n\n/* Non-themed version of the Modal. */\nexport { BaseModal };\n"],"mappings":"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","ignoreList":[]}

package/build/development/shared/utils/config.js

@@ -3,15 +3,43 @@
 import { parse } from 'cookie';
 import clientGetInj from "../../client/getInj.js";
 import { IS_CLIENT_SIDE } from "./isomorphy/environment-check.js";
-import { requireWeak } from "./webpack.js"; // TODO: The internal type casting is somewhat messed up here,
-// to be corrected later.
-const config = (IS_CLIENT_SIDE ? clientGetInj().CONFIG : requireWeak('config')) ?? {};
+import { requireWeak } from "./webpack.js";
+let config;
 
-// The safeguard for "document" is necessary because in non-Node environments,
-// like React Native, IS_CLIENT_SIDE is "true", however "document" and a bunch
-// of other browser-world features are not available.
-if (IS_CLIENT_SIDE && typeof document !== 'undefined') {
-  config.CSRF = parse(document.cookie).csrfToken;
+/**
+ * Injects CSRF token into config (on client-side only).
+ *
+ * BEWARE: It mutates the argument, and also returns it as the result,
+ * for chaining.
+ */
+function injectCsrfToken(cfg) {
+  // The safeguard for "document" is necessary because in non-Node environments,
+  // like React Native, IS_CLIENT_SIDE is "true", however "document" and a bunch
+  // of other browser-world features are not available.
+  if (IS_CLIENT_SIDE && typeof document !== 'undefined') {
+    // eslint-disable-next-line no-param-reassign
+    cfg.CSRF = parse(document.cookie).csrfToken;
+  }
+  return cfg;
+}
+export function getConfig(sync) {
+  if (!config) {
+    if (IS_CLIENT_SIDE) {
+      const inj = clientGetInj();
+      config = inj instanceof Promise ? inj.then(injection => {
+        const res = injectCsrfToken(injection.CONFIG ?? {});
+        config = res;
+        return res;
+      }) : injectCsrfToken(inj.CONFIG ?? {});
+    } else {
+      const weak = requireWeak('config');
+      if (!weak) throw Error('Internal error');
+      config = weak;
+    }
+  }
+  if (sync && config instanceof Promise) {
+    throw Error('The config is not available yet');
+  }
+  return config;
 }
-export default config;
 //# sourceMappingURL=config.js.map