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

package/build/production/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/production/shared/utils/config.js

@@ -1,7 +1,11 @@
-/* global document */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"))??{};// The safeguard for "document" is necessary because in non-Node environments,
+/* global document */import{parse}from"cookie";import clientGetInj from"../../client/getInj.js";import{IS_CLIENT_SIDE}from"./isomorphy/environment-check.js";import{requireWeak}from"./webpack.js";let config;/**
+ * 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"){config.CSRF=parse(document.cookie).csrfToken}export default config;
+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}
 //# sourceMappingURL=config.js.map

package/build/production/shared/utils/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","names":["parse","clientGetInj","IS_CLIENT_SIDE","requireWeak","config","CONFIG","document","CSRF","cookie","csrfToken"],"sources":["../../../../src/shared/utils/config.ts"],"sourcesContent":["/* global document */\n\nimport { parse } from 'cookie';\n\nimport clientGetInj from '../../client/getInj';\n\nimport { IS_CLIENT_SIDE } from './isomorphy/environment-check';\nimport { requireWeak } from './webpack';\n\n// TODO: The internal type casting is somewhat messed up here,\n// to be corrected later.\nconst config: Record<string, unknown> = (\n  IS_CLIENT_SIDE ? clientGetInj().CONFIG : requireWeak('config')\n) as (Record<string, unknown> | undefined) ?? ({} as Record<string, unknown>);\n\n// The safeguard for \"document\" is necessary because in non-Node environments,\n// like React Native, IS_CLIENT_SIDE is \"true\", however \"document\" and a bunch\n// of other browser-world features are not available.\nif (IS_CLIENT_SIDE && typeof document !== 'undefined') {\n  config.CSRF = parse(document.cookie).csrfToken;\n}\n\nexport default config;\n"],"mappings":"AAAA,qBAEA,OAASA,KAAK,KAAQ,QAAQ,OAEvB,CAAAC,YAAY,qCAEVC,cAAc,+CACdC,WAAW,oBAEpB;AACA;AACA,KAAM,CAAAC,MAA+B,CAAG,CACtCF,cAAc,CAAGD,YAAY,CAAC,CAAC,CAACI,MAAM,CAAGF,WAAW,CAAC,QAAQ,CAAC,GACjB,CAAC,CAA6B,CAE7E;AACA;AACA;AACA,GAAID,cAAc,EAAI,MAAO,CAAAI,QAAQ,GAAK,WAAW,CAAE,CACrDF,MAAM,CAACG,IAAI,CAAGP,KAAK,CAACM,QAAQ,CAACE,MAAM,CAAC,CAACC,SACvC,CAEA,cAAe,CAAAL,MAAM","ignoreList":[]}
+{"version":3,"file":"config.js","names":["parse","clientGetInj","IS_CLIENT_SIDE","requireWeak","config","injectCsrfToken","cfg","document","CSRF","cookie","csrfToken","getConfig","sync","inj","Promise","then","injection","res","CONFIG","weak","Error"],"sources":["../../../../src/shared/utils/config.ts"],"sourcesContent":["/* global document */\n\nimport { parse } from 'cookie';\n\nimport clientGetInj from '../../client/getInj';\n\nimport { IS_CLIENT_SIDE } from './isomorphy/environment-check';\nimport { requireWeak } from './webpack';\n\ntype ConfigT = Record<string, unknown>;\n\nlet config: ConfigT | Promise<ConfigT> | undefined;\n\n/**\n * Injects CSRF token into config (on client-side only).\n *\n * BEWARE: It mutates the argument, and also returns it as the result,\n * for chaining.\n */\nfunction injectCsrfToken(cfg: ConfigT): ConfigT {\n  // The safeguard for \"document\" is necessary because in non-Node environments,\n  // like React Native, IS_CLIENT_SIDE is \"true\", however \"document\" and a bunch\n  // of other browser-world features are not available.\n  if (IS_CLIENT_SIDE && typeof document !== 'undefined') {\n    // eslint-disable-next-line no-param-reassign\n    cfg.CSRF = parse(document.cookie).csrfToken;\n  }\n\n  return cfg;\n}\n\nexport function getConfig(sync: true): ConfigT;\n\nexport function getConfig(sync?: boolean): ConfigT | Promise<ConfigT>;\n\nexport function getConfig(sync?: boolean): ConfigT | Promise<ConfigT> {\n  if (!config) {\n    if (IS_CLIENT_SIDE) {\n      const inj = clientGetInj();\n      config = inj instanceof Promise\n        ? inj.then((injection) => {\n          const res = injectCsrfToken(injection.CONFIG ?? {});\n          config = res;\n          return res;\n        })\n        : injectCsrfToken(inj.CONFIG ?? {});\n    } else {\n      const weak = requireWeak<ConfigT>('config');\n      if (!weak) throw Error('Internal error');\n      config = weak;\n    }\n  }\n\n  if (sync && (config instanceof Promise)) {\n    throw Error('The config is not available yet');\n  }\n\n  return config;\n}\n"],"mappings":"AAAA,qBAEA,OAASA,KAAK,KAAQ,QAAQ,OAEvB,CAAAC,YAAY,qCAEVC,cAAc,+CACdC,WAAW,oBAIpB,GAAI,CAAAC,MAA8C,CAElD;AACA;AACA;AACA;AACA;AACA,GACA,QAAS,CAAAC,eAAeA,CAACC,GAAY,CAAW,CAC9C;AACA;AACA;AACA,GAAIJ,cAAc,EAAI,MAAO,CAAAK,QAAQ,GAAK,WAAW,CAAE,CACrD;AACAD,GAAG,CAACE,IAAI,CAAGR,KAAK,CAACO,QAAQ,CAACE,MAAM,CAAC,CAACC,SACpC,CAEA,MAAO,CAAAJ,GACT,CAMA,MAAO,SAAS,CAAAK,SAASA,CAACC,IAAc,CAA8B,CACpE,GAAI,CAACR,MAAM,CAAE,CACX,GAAIF,cAAc,CAAE,CAClB,KAAM,CAAAW,GAAG,CAAGZ,YAAY,CAAC,CAAC,CAC1BG,MAAM,CAAGS,GAAG,WAAY,CAAAC,OAAO,CAC3BD,GAAG,CAACE,IAAI,CAAEC,SAAS,EAAK,CACxB,KAAM,CAAAC,GAAG,CAAGZ,eAAe,CAACW,SAAS,CAACE,MAAM,EAAI,CAAC,CAAC,CAAC,CACnDd,MAAM,CAAGa,GAAG,CACZ,MAAO,CAAAA,GACT,CAAC,CAAC,CACAZ,eAAe,CAACQ,GAAG,CAACK,MAAM,EAAI,CAAC,CAAC,CACtC,CAAC,IAAM,CACL,KAAM,CAAAC,IAAI,CAAGhB,WAAW,CAAU,QAAQ,CAAC,CAC3C,GAAI,CAACgB,IAAI,CAAE,KAAM,CAAAC,KAAK,CAAC,gBAAgB,CAAC,CACxChB,MAAM,CAAGe,IACX,CACF,CAEA,GAAIP,IAAI,EAAKR,MAAM,WAAY,CAAAU,OAAQ,CAAE,CACvC,KAAM,CAAAM,KAAK,CAAC,iCAAiC,CAC/C,CAEA,MAAO,CAAAhB,MACT","ignoreList":[]}

package/build/production/shared/utils/index.js

@@ -1,2 +1,2 @@
-import themedImpl,{COMPOSE,PRIORITY,ThemeProvider}from"@dr.pogodin/react-themes";import config from"./config.js";import*as isomorphy from"./isomorphy/index.js";import time from"./time.js";import*as webpack from"./webpack.js";export{assertEmptyObject,Barrier,Cached,Emitter,Semaphore,withRetries}from"@dr.pogodin/js-utils";export{getSsrContext}from"./globalState.js";export{default as splitComponent}from"./splitComponent.js";const themed=themedImpl;themed.COMPOSE=COMPOSE;themed.PRIORITY=PRIORITY;export{config,isomorphy,themed,ThemeProvider,time,webpack};
+import themedImpl,{COMPOSE,PRIORITY,ThemeProvider}from"@dr.pogodin/react-themes";import{getConfig}from"./config.js";import*as isomorphy from"./isomorphy/index.js";import time from"./time.js";import*as webpack from"./webpack.js";export{assertEmptyObject,Barrier,Cached,Emitter,Semaphore,withRetries}from"@dr.pogodin/js-utils";export{getSsrContext}from"./globalState.js";export{default as splitComponent}from"./splitComponent.js";const themed=themedImpl;themed.COMPOSE=COMPOSE;themed.PRIORITY=PRIORITY;export{getConfig,isomorphy,themed,ThemeProvider,time,webpack};
 //# sourceMappingURL=index.js.map

package/build/production/shared/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["themedImpl","COMPOSE","PRIORITY","ThemeProvider","config","isomorphy","time","webpack","assertEmptyObject","Barrier","Cached","Emitter","Semaphore","withRetries","getSsrContext","default","splitComponent","themed"],"sources":["../../../../src/shared/utils/index.ts"],"sourcesContent":["import themedImpl, {\n  COMPOSE,\n  PRIORITY,\n  type Theme,\n  ThemeProvider,\n} from '@dr.pogodin/react-themes';\n\nimport config from './config';\nimport * as isomorphy from './isomorphy';\nimport time from './time';\nimport * as webpack from './webpack';\n\nexport {\n  assertEmptyObject,\n  type Listener,\n  type ObjectKey,\n  Barrier,\n  Cached,\n  Emitter,\n  Semaphore,\n  withRetries,\n} from '@dr.pogodin/js-utils';\n\nexport { getSsrContext } from './globalState';\nexport { default as splitComponent } from './splitComponent';\n\ntype ThemedT = typeof themedImpl & {\n  COMPOSE: typeof COMPOSE;\n  PRIORITY: typeof PRIORITY;\n};\n\nconst themed: ThemedT = themedImpl as ThemedT;\n\nthemed.COMPOSE = COMPOSE;\nthemed.PRIORITY = PRIORITY;\n\nexport {\n  type Theme,\n  config,\n  isomorphy,\n  themed,\n  ThemeProvider,\n  time,\n  webpack,\n};\n"],"mappings":"AAAA,MAAO,CAAAA,UAAU,EACfC,OAAO,CACPC,QAAQ,CAERC,aAAa,KACR,0BAA0B,OAE1B,CAAAC,MAAM,yBACN,GAAK,CAAAC,SAAS,kCACd,CAAAC,IAAI,uBACJ,GAAK,CAAAC,OAAO,oBAEnB,OACEC,iBAAiB,CAGjBC,OAAO,CACPC,MAAM,CACNC,OAAO,CACPC,SAAS,CACTC,WAAW,KACN,sBAAsB,QAEpBC,aAAa,+BACbC,OAAO,GAAI,CAAAC,cAAc,2BAOlC,KAAM,CAAAC,MAAe,CAAGjB,UAAqB,CAE7CiB,MAAM,CAAChB,OAAO,CAAGA,OAAO,CACxBgB,MAAM,CAACf,QAAQ,CAAGA,QAAQ,CAE1B,OAEEE,MAAM,CACNC,SAAS,CACTY,MAAM,CACNd,aAAa,CACbG,IAAI,CACJC,OAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["themedImpl","COMPOSE","PRIORITY","ThemeProvider","getConfig","isomorphy","time","webpack","assertEmptyObject","Barrier","Cached","Emitter","Semaphore","withRetries","getSsrContext","default","splitComponent","themed"],"sources":["../../../../src/shared/utils/index.ts"],"sourcesContent":["import themedImpl, {\n  COMPOSE,\n  PRIORITY,\n  type Theme,\n  ThemeProvider,\n} from '@dr.pogodin/react-themes';\n\nimport { getConfig } from './config';\nimport * as isomorphy from './isomorphy';\nimport time from './time';\nimport * as webpack from './webpack';\n\nexport {\n  assertEmptyObject,\n  type Listener,\n  type ObjectKey,\n  Barrier,\n  Cached,\n  Emitter,\n  Semaphore,\n  withRetries,\n} from '@dr.pogodin/js-utils';\n\nexport { getSsrContext } from './globalState';\nexport { default as splitComponent } from './splitComponent';\n\ntype ThemedT = typeof themedImpl & {\n  COMPOSE: typeof COMPOSE;\n  PRIORITY: typeof PRIORITY;\n};\n\nconst themed: ThemedT = themedImpl as ThemedT;\n\nthemed.COMPOSE = COMPOSE;\nthemed.PRIORITY = PRIORITY;\n\nexport {\n  type Theme,\n  getConfig,\n  isomorphy,\n  themed,\n  ThemeProvider,\n  time,\n  webpack,\n};\n"],"mappings":"AAAA,MAAO,CAAAA,UAAU,EACfC,OAAO,CACPC,QAAQ,CAERC,aAAa,KACR,0BAA0B,QAExBC,SAAS,yBACX,GAAK,CAAAC,SAAS,kCACd,CAAAC,IAAI,uBACJ,GAAK,CAAAC,OAAO,oBAEnB,OACEC,iBAAiB,CAGjBC,OAAO,CACPC,MAAM,CACNC,OAAO,CACPC,SAAS,CACTC,WAAW,KACN,sBAAsB,QAEpBC,aAAa,+BACbC,OAAO,GAAI,CAAAC,cAAc,2BAOlC,KAAM,CAAAC,MAAe,CAAGjB,UAAqB,CAE7CiB,MAAM,CAAChB,OAAO,CAAGA,OAAO,CACxBgB,MAAM,CAACf,QAAQ,CAAGA,QAAQ,CAE1B,OAEEE,SAAS,CACTC,SAAS,CACTY,MAAM,CACNd,aAAa,CACbG,IAAI,CACJC,OAAO","ignoreList":[]}

package/build/production/shared/utils/splitComponent.js

@@ -1,4 +1,4 @@
-/* global document */import{Suspense,lazy,useInsertionEffect}from"react";import{Barrier}from"@dr.pogodin/js-utils";import{getSsrContext}from"./globalState.js";import{IS_CLIENT_SIDE,IS_SERVER_SIDE,getBuildInfo}from"./isomorphy/index.js";import{jsx as _jsx}from"react/jsx-runtime";function getClientChunkGroups(){if(!IS_CLIENT_SIDE)return undefined;return(async()=>{const{default:getInj}=await import(/* webpackChunkName: "react-utils-client-side-code" */"../../client/getInj");return getInj().CHUNK_GROUPS??{}})()}const refCounts={};function getPublicPath(){return getBuildInfo().publicPath}/**
+/* global document */import{Suspense,lazy,useInsertionEffect}from"react";import{Barrier}from"@dr.pogodin/js-utils";import{getSsrContext}from"./globalState.js";import{IS_CLIENT_SIDE,IS_SERVER_SIDE,getBuildInfo}from"./isomorphy/index.js";import{jsx as _jsx}from"react/jsx-runtime";function getClientChunkGroups(){if(!IS_CLIENT_SIDE)return undefined;return(async()=>{const{default:getInj}=await import(/* webpackChunkName: "react-utils-client-side-code" */"../../client/getInj");const inj=await getInj();return inj.CHUNK_GROUPS??{}})()}const refCounts={};function getPublicPath(){return getBuildInfo().publicPath}/**
  * Client-side only! Ensures the specified CSS stylesheet is loaded into
  * the document; loads if it is missing; and does simple reference counting
  * to facilitate future clean-up.

package/build/production/shared/utils/splitComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"splitComponent.js","names":["Suspense","lazy","useInsertionEffect","Barrier","getSsrContext","IS_CLIENT_SIDE","IS_SERVER_SIDE","getBuildInfo","jsx","_jsx","getClientChunkGroups","undefined","default","getInj","CHUNK_GROUPS","refCounts","getPublicPath","publicPath","bookStyleSheet","name","loadedSheets","refCount","res","path","fullPath","document","location","origin","has","link","querySelector","createElement","setAttribute","head","appendChild","addEventListener","Error","resolve","current","getLoadedStyleSheets","Set","styleSheets","href","add","assertChunkName","chunkName","chunkGroups","bookStyleSheets","promises","assets","Promise","asset","endsWith","promise","push","length","allSettled","then","freeStyleSheets","pathRefCount","remove","usedChunkNames","splitComponent","getComponent","placeholder","LazyComponent","clientChunkGroups","resolved","Component","Wrapper","children","ref","rest","chunks","includes","CodeSplit","fallback"],"sources":["../../../../src/shared/utils/splitComponent.tsx"],"sourcesContent":["/* global document */\n\nimport {\n  type ComponentType,\n  type FunctionComponent,\n  type ReactNode,\n  type RefObject,\n  Suspense,\n  lazy,\n  useInsertionEffect,\n} from 'react';\n\nimport { Barrier } from '@dr.pogodin/js-utils';\n\nimport { type ChunkGroupsT, getSsrContext } from './globalState';\n\nimport {\n  IS_CLIENT_SIDE,\n  IS_SERVER_SIDE,\n  getBuildInfo,\n} from './isomorphy';\n\nfunction getClientChunkGroups(): Promise<ChunkGroupsT> | undefined {\n  if (!IS_CLIENT_SIDE) return undefined;\n\n  return (async () => {\n    const { default: getInj } = await import(/* webpackChunkName: \"react-utils-client-side-code\" */ '../../client/getInj');\n    return getInj().CHUNK_GROUPS ?? {};\n  })();\n}\n\nconst refCounts: Record<string, number> = {};\n\nfunction getPublicPath() {\n  return getBuildInfo().publicPath;\n}\n\n/**\n * Client-side only! Ensures the specified CSS stylesheet is loaded into\n * the document; loads if it is missing; and does simple reference counting\n * to facilitate future clean-up.\n * @param name\n * @param loadedSheets\n * @param refCount\n * @return\n */\nfunction bookStyleSheet(\n  name: string,\n  loadedSheets: Set<string>,\n  refCount: boolean,\n): Promise<void> | undefined {\n  let res: Barrier<void> | undefined;\n  const path = `${getPublicPath()}/${name}`;\n  const fullPath = `${document.location.origin}${path}`;\n\n  if (!loadedSheets.has(fullPath)) {\n    let link = document.querySelector(`link[href=\"${path}\"]`);\n\n    if (!link) {\n      link = document.createElement('link');\n      link.setAttribute('rel', 'stylesheet');\n      link.setAttribute('href', path);\n      document.head.appendChild(link);\n    }\n\n    res = new Barrier<void>();\n    link.addEventListener('load', () => {\n      if (!res) throw Error('Internal error');\n      void res.resolve();\n    });\n    link.addEventListener('error', () => {\n      if (!res) throw Error('Internal error');\n      void res.resolve();\n    });\n  }\n\n  if (refCount) {\n    const current = refCounts[path] ?? 0;\n    refCounts[path] = 1 + current;\n  }\n\n  return res;\n}\n\n/**\n * Generates the set of URLs for currently loaded, linked stylesheets.\n * @return\n */\nfunction getLoadedStyleSheets(): Set<string> {\n  const res = new Set<string>();\n  const { styleSheets } = document;\n  for (const { href } of styleSheets) {\n    if (href) res.add(href);\n  }\n  return res;\n}\n\nfunction assertChunkName(\n  chunkName: string,\n  chunkGroups: ChunkGroupsT,\n) {\n  if (chunkGroups[chunkName]) return;\n  throw Error(`Unknown chunk name \"${chunkName}\"`);\n}\n\n/**\n * Client-side only! Ensures all CSS stylesheets required for the specified\n * code chunk are loaded into the document; loads the missing ones; and does\n * simple reference counting to facilitate future clean-up.\n * @param chunkName Chunk name.\n * @param refCount\n * @return Resolves once all pending stylesheets, necessary for\n *  the chunk, are either loaded, or failed to load.\n */\nexport async function bookStyleSheets(\n  chunkName: string,\n  chunkGroups: ChunkGroupsT,\n  refCount: boolean,\n): Promise<void> {\n  const promises = [];\n  const assets = chunkGroups[chunkName];\n  if (!assets) return Promise.resolve();\n\n  const loadedSheets = getLoadedStyleSheets();\n\n  for (const asset of assets) {\n    if (asset.endsWith('.css')) {\n      const promise = bookStyleSheet(asset, loadedSheets, refCount);\n      if (promise) promises.push(promise);\n    }\n  }\n\n  return promises.length\n    ? Promise.allSettled(promises).then()\n    : Promise.resolve();\n}\n\n/**\n * Client-side only! Frees from the document all CSS stylesheets that are\n * required by the specified chunk, and have reference counter equal to one\n * (for chunks with larger reference counter values, it just decrements\n * the reference counter).\n * @param {string} chunkName\n */\nexport function freeStyleSheets(\n  chunkName: string,\n  chunkGroups: ChunkGroupsT,\n): void {\n  const assets = chunkGroups[chunkName];\n  if (!assets) return;\n\n  for (const asset of assets) {\n    if (asset.endsWith('.css')) {\n      const path = `${getPublicPath()}/${asset}`;\n\n      const pathRefCount = refCounts[path];\n      if (pathRefCount) {\n        if (pathRefCount <= 1) {\n          document.head.querySelector(`link[href=\"${path}\"]`)!.remove();\n          delete refCounts[path];\n        } else refCounts[path] = pathRefCount - 1;\n      }\n    }\n  }\n}\n\n// Holds the set of chunk names already used for splitComponent() calls.\nconst usedChunkNames = new Set();\n\ntype ComponentOrModule<PropsT> = ComponentType<PropsT> | {\n  default: ComponentType<PropsT>;\n};\n\n/**\n * Given an async component retrieval function `getComponent()` it creates\n * a special \"code split\" component, which uses <Suspense> to asynchronously\n * load on demand the code required by `getComponent()`.\n * @param options\n * @param options.chunkName\n * @param {function} options.getComponent\n * @param {React.Element} [options.placeholder]\n * @return {React.ElementType}\n */\nexport default function splitComponent<\n  ComponentPropsT extends { children?: ReactNode; ref?: RefObject<unknown> },\n>({\n  chunkName,\n  getComponent,\n  placeholder,\n}: {\n  chunkName: string;\n  getComponent: () => Promise<ComponentOrModule<ComponentPropsT>>;\n  placeholder?: ReactNode;\n}): FunctionComponent<ComponentPropsT> {\n  // The correct usage of splitComponent() assumes a single call per chunk.\n  if (usedChunkNames.has(chunkName)) {\n    throw Error(`Repeated splitComponent() call for the chunk \"${chunkName}\"`);\n  } else usedChunkNames.add(chunkName);\n\n  const LazyComponent = lazy(async () => {\n    const clientChunkGroups = await getClientChunkGroups();\n\n    // On the client side we can check right away if the chunk name is known.\n    if (IS_CLIENT_SIDE) {\n      if (!clientChunkGroups) throw Error('Internal error');\n      assertChunkName(chunkName, clientChunkGroups);\n    }\n\n    const resolved = await getComponent();\n    const Component = 'default' in resolved ? resolved.default : resolved;\n\n    // This pre-loads necessary stylesheets prior to the first mount of\n    // the component (the lazy load function is executed by React one at\n    // the frist mount).\n    if (IS_CLIENT_SIDE) {\n      if (!clientChunkGroups) throw Error('Internal error');\n      await bookStyleSheets(chunkName, clientChunkGroups, false);\n    }\n\n    const Wrapper: FunctionComponent<ComponentPropsT> = ({\n      children,\n      ref,\n      ...rest\n    }) => {\n      // On the server side we'll assert the chunk name here,\n      // and also push it to the SSR chunks array.\n      if (IS_SERVER_SIDE) {\n        const { chunkGroups, chunks } = getSsrContext()!;\n        assertChunkName(chunkName, chunkGroups);\n        if (!chunks.includes(chunkName)) chunks.push(chunkName);\n      }\n\n      // This takes care about stylesheets management every time an instance of\n      // this component is mounted / unmounted.\n      useInsertionEffect(() => {\n        if (!clientChunkGroups) throw Error('Internal error');\n        void bookStyleSheets(chunkName, clientChunkGroups, true);\n        return () => {\n          freeStyleSheets(chunkName, clientChunkGroups);\n        };\n      }, []);\n\n      return (\n        <Component\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...(rest as unknown as ComponentPropsT)}\n          ref={ref}\n        >\n          {children}\n        </Component>\n      );\n    };\n\n    return { default: Wrapper };\n  });\n\n  const CodeSplit: React.FunctionComponent<ComponentPropsT> = ({\n    children,\n    ...rest\n  }: ComponentPropsT) => (\n    <Suspense fallback={placeholder}>\n      <LazyComponent\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...rest as Parameters<typeof LazyComponent>[0]}\n      >\n        {children}\n      </LazyComponent>\n    </Suspense>\n  );\n\n  return CodeSplit;\n}\n"],"mappings":"AAAA,qBAEA,OAKEA,QAAQ,CACRC,IAAI,CACJC,kBAAkB,KACb,OAAO,CAEd,OAASC,OAAO,KAAQ,sBAAsB,QAElBC,aAAa,+BAGvCC,cAAc,CACdC,cAAc,CACdC,YAAY,4BACO,OAAAC,GAAA,IAAAC,IAAA,yBAErB,QAAS,CAAAC,oBAAoBA,CAAA,CAAsC,CACjE,GAAI,CAACL,cAAc,CAAE,MAAO,CAAAM,SAAS,CAErC,MAAO,CAAC,SAAY,CAClB,KAAM,CAAEC,OAAO,CAAEC,MAAO,CAAC,CAAG,KAAM,OAAM,CAAC,2EAA4E,CAAC,CACtH,MAAO,CAAAA,MAAM,CAAC,CAAC,CAACC,YAAY,EAAI,CAAC,CACnC,CAAC,EAAE,CACL,CAEA,KAAM,CAAAC,SAAiC,CAAG,CAAC,CAAC,CAE5C,QAAS,CAAAC,aAAaA,CAAA,CAAG,CACvB,MAAO,CAAAT,YAAY,CAAC,CAAC,CAACU,UACxB,CAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,QAAS,CAAAC,cAAcA,CACrBC,IAAY,CACZC,YAAyB,CACzBC,QAAiB,CACU,CAC3B,GAAI,CAAAC,GAA8B,CAClC,KAAM,CAAAC,IAAI,CAAG,GAAGP,aAAa,CAAC,CAAC,IAAIG,IAAI,EAAE,CACzC,KAAM,CAAAK,QAAQ,CAAG,GAAGC,QAAQ,CAACC,QAAQ,CAACC,MAAM,GAAGJ,IAAI,EAAE,CAErD,GAAI,CAACH,YAAY,CAACQ,GAAG,CAACJ,QAAQ,CAAC,CAAE,CAC/B,GAAI,CAAAK,IAAI,CAAGJ,QAAQ,CAACK,aAAa,CAAC,cAAcP,IAAI,IAAI,CAAC,CAEzD,GAAI,CAACM,IAAI,CAAE,CACTA,IAAI,CAAGJ,QAAQ,CAACM,aAAa,CAAC,MAAM,CAAC,CACrCF,IAAI,CAACG,YAAY,CAAC,KAAK,CAAE,YAAY,CAAC,CACtCH,IAAI,CAACG,YAAY,CAAC,MAAM,CAAET,IAAI,CAAC,CAC/BE,QAAQ,CAACQ,IAAI,CAACC,WAAW,CAACL,IAAI,CAChC,CAEAP,GAAG,CAAG,GAAI,CAAAnB,OAAe,CACzB0B,IAAI,CAACM,gBAAgB,CAAC,MAAM,CAAE,IAAM,CAClC,GAAI,CAACb,GAAG,CAAE,KAAM,CAAAc,KAAK,CAAC,gBAAgB,CAAC,CACvC,IAAK,CAAAd,GAAG,CAACe,OAAO,CAAC,CACnB,CAAC,CAAC,CACFR,IAAI,CAACM,gBAAgB,CAAC,OAAO,CAAE,IAAM,CACnC,GAAI,CAACb,GAAG,CAAE,KAAM,CAAAc,KAAK,CAAC,gBAAgB,CAAC,CACvC,IAAK,CAAAd,GAAG,CAACe,OAAO,CAAC,CACnB,CAAC,CACH,CAEA,GAAIhB,QAAQ,CAAE,CACZ,KAAM,CAAAiB,OAAO,CAAGvB,SAAS,CAACQ,IAAI,CAAC,EAAI,CAAC,CACpCR,SAAS,CAACQ,IAAI,CAAC,CAAG,CAAC,CAAGe,OACxB,CAEA,MAAO,CAAAhB,GACT,CAEA;AACA;AACA;AACA,GACA,QAAS,CAAAiB,oBAAoBA,CAAA,CAAgB,CAC3C,KAAM,CAAAjB,GAAG,CAAG,GAAI,CAAAkB,GAAa,CAC7B,KAAM,CAAEC,WAAY,CAAC,CAAGhB,QAAQ,CAChC,IAAK,KAAM,CAAEiB,IAAK,CAAC,EAAI,CAAAD,WAAW,CAAE,CAClC,GAAIC,IAAI,CAAEpB,GAAG,CAACqB,GAAG,CAACD,IAAI,CACxB,CACA,MAAO,CAAApB,GACT,CAEA,QAAS,CAAAsB,eAAeA,CACtBC,SAAiB,CACjBC,WAAyB,CACzB,CACA,GAAIA,WAAW,CAACD,SAAS,CAAC,CAAE,OAC5B,KAAM,CAAAT,KAAK,CAAC,uBAAuBS,SAAS,GAAG,CACjD,CAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,MAAO,eAAe,CAAAE,eAAeA,CACnCF,SAAiB,CACjBC,WAAyB,CACzBzB,QAAiB,CACF,CACf,KAAM,CAAA2B,QAAQ,CAAG,EAAE,CACnB,KAAM,CAAAC,MAAM,CAAGH,WAAW,CAACD,SAAS,CAAC,CACrC,GAAI,CAACI,MAAM,CAAE,MAAO,CAAAC,OAAO,CAACb,OAAO,CAAC,CAAC,CAErC,KAAM,CAAAjB,YAAY,CAAGmB,oBAAoB,CAAC,CAAC,CAE3C,IAAK,KAAM,CAAAY,KAAK,GAAI,CAAAF,MAAM,CAAE,CAC1B,GAAIE,KAAK,CAACC,QAAQ,CAAC,MAAM,CAAC,CAAE,CAC1B,KAAM,CAAAC,OAAO,CAAGnC,cAAc,CAACiC,KAAK,CAAE/B,YAAY,CAAEC,QAAQ,CAAC,CAC7D,GAAIgC,OAAO,CAAEL,QAAQ,CAACM,IAAI,CAACD,OAAO,CACpC,CACF,CAEA,MAAO,CAAAL,QAAQ,CAACO,MAAM,CAClBL,OAAO,CAACM,UAAU,CAACR,QAAQ,CAAC,CAACS,IAAI,CAAC,CAAC,CACnCP,OAAO,CAACb,OAAO,CAAC,CACtB,CAEA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,MAAO,SAAS,CAAAqB,eAAeA,CAC7Bb,SAAiB,CACjBC,WAAyB,CACnB,CACN,KAAM,CAAAG,MAAM,CAAGH,WAAW,CAACD,SAAS,CAAC,CACrC,GAAI,CAACI,MAAM,CAAE,OAEb,IAAK,KAAM,CAAAE,KAAK,GAAI,CAAAF,MAAM,CAAE,CAC1B,GAAIE,KAAK,CAACC,QAAQ,CAAC,MAAM,CAAC,CAAE,CAC1B,KAAM,CAAA7B,IAAI,CAAG,GAAGP,aAAa,CAAC,CAAC,IAAImC,KAAK,EAAE,CAE1C,KAAM,CAAAQ,YAAY,CAAG5C,SAAS,CAACQ,IAAI,CAAC,CACpC,GAAIoC,YAAY,CAAE,CAChB,GAAIA,YAAY,EAAI,CAAC,CAAE,CACrBlC,QAAQ,CAACQ,IAAI,CAACH,aAAa,CAAC,cAAcP,IAAI,IAAI,CAAC,CAAEqC,MAAM,CAAC,CAAC,CAC7D,MAAO,CAAA7C,SAAS,CAACQ,IAAI,CACvB,CAAC,IAAM,CAAAR,SAAS,CAACQ,IAAI,CAAC,CAAGoC,YAAY,CAAG,CAC1C,CACF,CACF,CACF,CAEA;AACA,KAAM,CAAAE,cAAc,CAAG,GAAI,CAAArB,GAAK,CAMhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,cAAe,SAAS,CAAAsB,cAAcA,CAEpC,CACAjB,SAAS,CACTkB,YAAY,CACZC,WAKF,CAAC,CAAsC,CACrC;AACA,GAAIH,cAAc,CAACjC,GAAG,CAACiB,SAAS,CAAC,CAAE,CACjC,KAAM,CAAAT,KAAK,CAAC,iDAAiDS,SAAS,GAAG,CAC3E,CAAC,IAAM,CAAAgB,cAAc,CAAClB,GAAG,CAACE,SAAS,CAAC,CAEpC,KAAM,CAAAoB,aAAa,cAAGhE,IAAI,CAAC,SAAY,CACrC,KAAM,CAAAiE,iBAAiB,CAAG,KAAM,CAAAxD,oBAAoB,CAAC,CAAC,CAEtD;AACA,GAAIL,cAAc,CAAE,CAClB,GAAI,CAAC6D,iBAAiB,CAAE,KAAM,CAAA9B,KAAK,CAAC,gBAAgB,CAAC,CACrDQ,eAAe,CAACC,SAAS,CAAEqB,iBAAiB,CAC9C,CAEA,KAAM,CAAAC,QAAQ,CAAG,KAAM,CAAAJ,YAAY,CAAC,CAAC,CACrC,KAAM,CAAAK,SAAS,CAAG,SAAS,EAAI,CAAAD,QAAQ,CAAGA,QAAQ,CAACvD,OAAO,CAAGuD,QAAQ,CAErE;AACA;AACA;AACA,GAAI9D,cAAc,CAAE,CAClB,GAAI,CAAC6D,iBAAiB,CAAE,KAAM,CAAA9B,KAAK,CAAC,gBAAgB,CAAC,CACrD,KAAM,CAAAW,eAAe,CAACF,SAAS,CAAEqB,iBAAiB,CAAE,KAAK,CAC3D,CAEA,KAAM,CAAAG,OAA2C,CAAGA,CAAC,CACnDC,QAAQ,CACRC,GAAG,CACH,GAAGC,IACL,CAAC,GAAK,CACJ;AACA;AACA,GAAIlE,cAAc,CAAE,CAClB,KAAM,CAAEwC,WAAW,CAAE2B,MAAO,CAAC,CAAGrE,aAAa,CAAC,CAAE,CAChDwC,eAAe,CAACC,SAAS,CAAEC,WAAW,CAAC,CACvC,GAAI,CAAC2B,MAAM,CAACC,QAAQ,CAAC7B,SAAS,CAAC,CAAE4B,MAAM,CAACnB,IAAI,CAACT,SAAS,CACxD,CAEA;AACA;AACA3C,kBAAkB,CAAC,IAAM,CACvB,GAAI,CAACgE,iBAAiB,CAAE,KAAM,CAAA9B,KAAK,CAAC,gBAAgB,CAAC,CACrD,IAAK,CAAAW,eAAe,CAACF,SAAS,CAAEqB,iBAAiB,CAAE,IAAI,CAAC,CACxD,MAAO,IAAM,CACXR,eAAe,CAACb,SAAS,CAAEqB,iBAAiB,CAC9C,CACF,CAAC,CAAE,EAAE,CAAC,CAEN,mBACEzD,IAAA,CAAC2D,SACC;AAAA,KACKI,IAAI,CACTD,GAAG,CAAEA,GAAI,CAAAD,QAAA,CAERA,QAAQ,CACA,CAEf,CAAC,CAED,MAAO,CAAE1D,OAAO,CAAEyD,OAAQ,CAC5B,CAAC,CAAC,CAEF,KAAM,CAAAM,SAAmD,CAAGA,CAAC,CAC3DL,QAAQ,CACR,GAAGE,IACY,CAAC,gBAChB/D,IAAA,CAACT,QAAQ,EAAC4E,QAAQ,CAAEZ,WAAY,CAAAM,QAAA,cAC9B7D,IAAA,CAACwD,aACC;AAAA,KACIO,IAAI,CAAAF,QAAA,CAEPA,QAAQ,CACI,CAAC,CACR,CACX,CAED,MAAO,CAAAK,SACT","ignoreList":[]}
+{"version":3,"file":"splitComponent.js","names":["Suspense","lazy","useInsertionEffect","Barrier","getSsrContext","IS_CLIENT_SIDE","IS_SERVER_SIDE","getBuildInfo","jsx","_jsx","getClientChunkGroups","undefined","default","getInj","inj","CHUNK_GROUPS","refCounts","getPublicPath","publicPath","bookStyleSheet","name","loadedSheets","refCount","res","path","fullPath","document","location","origin","has","link","querySelector","createElement","setAttribute","head","appendChild","addEventListener","Error","resolve","current","getLoadedStyleSheets","Set","styleSheets","href","add","assertChunkName","chunkName","chunkGroups","bookStyleSheets","promises","assets","Promise","asset","endsWith","promise","push","length","allSettled","then","freeStyleSheets","pathRefCount","remove","usedChunkNames","splitComponent","getComponent","placeholder","LazyComponent","clientChunkGroups","resolved","Component","Wrapper","children","ref","rest","chunks","includes","CodeSplit","fallback"],"sources":["../../../../src/shared/utils/splitComponent.tsx"],"sourcesContent":["/* global document */\n\nimport {\n  type ComponentType,\n  type FunctionComponent,\n  type ReactNode,\n  type RefObject,\n  Suspense,\n  lazy,\n  useInsertionEffect,\n} from 'react';\n\nimport { Barrier } from '@dr.pogodin/js-utils';\n\nimport { type ChunkGroupsT, getSsrContext } from './globalState';\n\nimport {\n  IS_CLIENT_SIDE,\n  IS_SERVER_SIDE,\n  getBuildInfo,\n} from './isomorphy';\n\nfunction getClientChunkGroups(): Promise<ChunkGroupsT> | undefined {\n  if (!IS_CLIENT_SIDE) return undefined;\n\n  return (async () => {\n    const { default: getInj } = await import(/* webpackChunkName: \"react-utils-client-side-code\" */ '../../client/getInj');\n\n    const inj = await getInj();\n    return inj.CHUNK_GROUPS ?? {};\n  })();\n}\n\nconst refCounts: Record<string, number> = {};\n\nfunction getPublicPath() {\n  return getBuildInfo().publicPath;\n}\n\n/**\n * Client-side only! Ensures the specified CSS stylesheet is loaded into\n * the document; loads if it is missing; and does simple reference counting\n * to facilitate future clean-up.\n * @param name\n * @param loadedSheets\n * @param refCount\n * @return\n */\nfunction bookStyleSheet(\n  name: string,\n  loadedSheets: Set<string>,\n  refCount: boolean,\n): Promise<void> | undefined {\n  let res: Barrier<void> | undefined;\n  const path = `${getPublicPath()}/${name}`;\n  const fullPath = `${document.location.origin}${path}`;\n\n  if (!loadedSheets.has(fullPath)) {\n    let link = document.querySelector(`link[href=\"${path}\"]`);\n\n    if (!link) {\n      link = document.createElement('link');\n      link.setAttribute('rel', 'stylesheet');\n      link.setAttribute('href', path);\n      document.head.appendChild(link);\n    }\n\n    res = new Barrier<void>();\n    link.addEventListener('load', () => {\n      if (!res) throw Error('Internal error');\n      void res.resolve();\n    });\n    link.addEventListener('error', () => {\n      if (!res) throw Error('Internal error');\n      void res.resolve();\n    });\n  }\n\n  if (refCount) {\n    const current = refCounts[path] ?? 0;\n    refCounts[path] = 1 + current;\n  }\n\n  return res;\n}\n\n/**\n * Generates the set of URLs for currently loaded, linked stylesheets.\n * @return\n */\nfunction getLoadedStyleSheets(): Set<string> {\n  const res = new Set<string>();\n  const { styleSheets } = document;\n  for (const { href } of styleSheets) {\n    if (href) res.add(href);\n  }\n  return res;\n}\n\nfunction assertChunkName(\n  chunkName: string,\n  chunkGroups: ChunkGroupsT,\n) {\n  if (chunkGroups[chunkName]) return;\n  throw Error(`Unknown chunk name \"${chunkName}\"`);\n}\n\n/**\n * Client-side only! Ensures all CSS stylesheets required for the specified\n * code chunk are loaded into the document; loads the missing ones; and does\n * simple reference counting to facilitate future clean-up.\n * @param chunkName Chunk name.\n * @param refCount\n * @return Resolves once all pending stylesheets, necessary for\n *  the chunk, are either loaded, or failed to load.\n */\nexport async function bookStyleSheets(\n  chunkName: string,\n  chunkGroups: ChunkGroupsT,\n  refCount: boolean,\n): Promise<void> {\n  const promises = [];\n  const assets = chunkGroups[chunkName];\n  if (!assets) return Promise.resolve();\n\n  const loadedSheets = getLoadedStyleSheets();\n\n  for (const asset of assets) {\n    if (asset.endsWith('.css')) {\n      const promise = bookStyleSheet(asset, loadedSheets, refCount);\n      if (promise) promises.push(promise);\n    }\n  }\n\n  return promises.length\n    ? Promise.allSettled(promises).then()\n    : Promise.resolve();\n}\n\n/**\n * Client-side only! Frees from the document all CSS stylesheets that are\n * required by the specified chunk, and have reference counter equal to one\n * (for chunks with larger reference counter values, it just decrements\n * the reference counter).\n * @param {string} chunkName\n */\nexport function freeStyleSheets(\n  chunkName: string,\n  chunkGroups: ChunkGroupsT,\n): void {\n  const assets = chunkGroups[chunkName];\n  if (!assets) return;\n\n  for (const asset of assets) {\n    if (asset.endsWith('.css')) {\n      const path = `${getPublicPath()}/${asset}`;\n\n      const pathRefCount = refCounts[path];\n      if (pathRefCount) {\n        if (pathRefCount <= 1) {\n          document.head.querySelector(`link[href=\"${path}\"]`)!.remove();\n          delete refCounts[path];\n        } else refCounts[path] = pathRefCount - 1;\n      }\n    }\n  }\n}\n\n// Holds the set of chunk names already used for splitComponent() calls.\nconst usedChunkNames = new Set();\n\ntype ComponentOrModule<PropsT> = ComponentType<PropsT> | {\n  default: ComponentType<PropsT>;\n};\n\ntype GenericComponentPropsT = {\n  children?: ReactNode;\n  ref?: RefObject<unknown>;\n\n  // NOTE: This is necessary, as without it this type (with only optional\n  // fields) will be conisdered as \"weak\" by TypeScript, and it will be\n  // a error to assign to it any type that does not use \"children\", or \"ref\".\n  [propName: string]: unknown;\n};\n\n/**\n * Given an async component retrieval function `getComponent()` it creates\n * a special \"code split\" component, which uses <Suspense> to asynchronously\n * load on demand the code required by `getComponent()`.\n * @param options\n * @param options.chunkName\n * @param {function} options.getComponent\n * @param {React.Element} [options.placeholder]\n * @return {React.ElementType}\n */\nexport default function splitComponent<\n  ComponentPropsT extends GenericComponentPropsT,\n>({\n  chunkName,\n  getComponent,\n  placeholder,\n}: {\n  chunkName: string;\n  getComponent: () => Promise<ComponentOrModule<ComponentPropsT>>;\n  placeholder?: ReactNode;\n}): FunctionComponent<ComponentPropsT> {\n  // The correct usage of splitComponent() assumes a single call per chunk.\n  if (usedChunkNames.has(chunkName)) {\n    throw Error(`Repeated splitComponent() call for the chunk \"${chunkName}\"`);\n  } else usedChunkNames.add(chunkName);\n\n  const LazyComponent = lazy(async () => {\n    const clientChunkGroups = await getClientChunkGroups();\n\n    // On the client side we can check right away if the chunk name is known.\n    if (IS_CLIENT_SIDE) {\n      if (!clientChunkGroups) throw Error('Internal error');\n      assertChunkName(chunkName, clientChunkGroups);\n    }\n\n    const resolved = await getComponent();\n    const Component = 'default' in resolved ? resolved.default : resolved;\n\n    // This pre-loads necessary stylesheets prior to the first mount of\n    // the component (the lazy load function is executed by React one at\n    // the frist mount).\n    if (IS_CLIENT_SIDE) {\n      if (!clientChunkGroups) throw Error('Internal error');\n      await bookStyleSheets(chunkName, clientChunkGroups, false);\n    }\n\n    const Wrapper: FunctionComponent<ComponentPropsT> = ({\n      children,\n      ref,\n      ...rest\n    }) => {\n      // On the server side we'll assert the chunk name here,\n      // and also push it to the SSR chunks array.\n      if (IS_SERVER_SIDE) {\n        const { chunkGroups, chunks } = getSsrContext()!;\n        assertChunkName(chunkName, chunkGroups);\n        if (!chunks.includes(chunkName)) chunks.push(chunkName);\n      }\n\n      // This takes care about stylesheets management every time an instance of\n      // this component is mounted / unmounted.\n      useInsertionEffect(() => {\n        if (!clientChunkGroups) throw Error('Internal error');\n        void bookStyleSheets(chunkName, clientChunkGroups, true);\n        return () => {\n          freeStyleSheets(chunkName, clientChunkGroups);\n        };\n      }, []);\n\n      return (\n        <Component\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...(rest as unknown as ComponentPropsT)}\n          ref={ref}\n        >\n          {children}\n        </Component>\n      );\n    };\n\n    return { default: Wrapper };\n  });\n\n  const CodeSplit: React.FunctionComponent<ComponentPropsT> = ({\n    children,\n    ...rest\n  }: ComponentPropsT) => (\n    <Suspense fallback={placeholder}>\n      <LazyComponent\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...rest as Parameters<typeof LazyComponent>[0]}\n      >\n        {children}\n      </LazyComponent>\n    </Suspense>\n  );\n\n  return CodeSplit;\n}\n"],"mappings":"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","ignoreList":[]}

package/build/types-code/client/getInj.d.ts

@@ -1,3 +1,2 @@
-import 'node-forge/lib/aes.js';
 import type { InjT } from '../shared/utils/globalState';
-export default function getInj(): InjT;
+export default function getInj(): InjT | Promise<InjT>;

package/build/types-code/client/index.d.ts

@@ -8,5 +8,5 @@ type OptionsT = {
  * @param Application Root application component
  * @param [options={}] Optional. Additional settings.
  */
-export default function Launch(Application: ComponentType, options?: OptionsT): void;
+export default function Launch(Application: ComponentType, options?: OptionsT): Promise<void>;
 export {};

package/build/types-code/index.d.ts

@@ -6,5 +6,5 @@ declare const client: typeof clientModule | undefined;
 export { type AsyncCollectionT, type AsyncCollectionLoaderT, type AsyncDataEnvelopeT, type AsyncDataLoaderT, type ForceT, type UseAsyncDataOptionsT, type UseAsyncDataResT, type UseGlobalStateResT, type ValueOrInitializerT, getGlobalState, GlobalStateProvider, newAsyncDataEnvelope, useAsyncCollection, useAsyncData, useGlobalState, withGlobalStateType, } from '@dr.pogodin/react-global-state';
 export * from './shared/components';
 export { type BeforeRenderResT, type BeforeRenderT, type ConfigT, type ServerSsrContext, type ServerT, } from './server';
-export { assertEmptyObject, config, Barrier, Cached, Emitter, isomorphy, getSsrContext, type Listener, type ObjectKey, Semaphore, splitComponent, type Theme, themed, ThemeProvider, time, webpack, withRetries, } from './shared/utils';
+export { assertEmptyObject, Barrier, Cached, Emitter, getConfig, isomorphy, getSsrContext, type Listener, type ObjectKey, Semaphore, splitComponent, type Theme, themed, ThemeProvider, time, webpack, withRetries, } from './shared/utils';
 export { client, server };

package/build/types-code/shared/utils/config.d.ts

@@ -1,2 +1,4 @@
-declare const config: Record<string, unknown>;
-export default config;
+type ConfigT = Record<string, unknown>;
+export declare function getConfig(sync: true): ConfigT;
+export declare function getConfig(sync?: boolean): ConfigT | Promise<ConfigT>;
+export {};

package/build/types-code/shared/utils/index.d.ts

@@ -1,5 +1,5 @@
 import themedImpl, { COMPOSE, PRIORITY, type Theme, ThemeProvider } from '@dr.pogodin/react-themes';
-import config from './config';
+import { getConfig } from './config';
 import * as isomorphy from './isomorphy';
 import time from './time';
 import * as webpack from './webpack';
@@ -11,4 +11,4 @@ type ThemedT = typeof themedImpl & {
     PRIORITY: typeof PRIORITY;
 };
 declare const themed: ThemedT;
-export { type Theme, config, isomorphy, themed, ThemeProvider, time, webpack, };
+export { type Theme, getConfig, isomorphy, themed, ThemeProvider, time, webpack, };

package/build/types-code/shared/utils/splitComponent.d.ts

@@ -21,6 +21,11 @@ export declare function freeStyleSheets(chunkName: string, chunkGroups: ChunkGro
 type ComponentOrModule<PropsT> = ComponentType<PropsT> | {
     default: ComponentType<PropsT>;
 };
+type GenericComponentPropsT = {
+    children?: ReactNode;
+    ref?: RefObject<unknown>;
+    [propName: string]: unknown;
+};
 /**
  * Given an async component retrieval function `getComponent()` it creates
  * a special "code split" component, which uses <Suspense> to asynchronously
@@ -31,10 +36,7 @@ type ComponentOrModule<PropsT> = ComponentType<PropsT> | {
  * @param {React.Element} [options.placeholder]
  * @return {React.ElementType}
  */
-export default function splitComponent<ComponentPropsT extends {
-    children?: ReactNode;
-    ref?: RefObject<unknown>;
-}>({ chunkName, getComponent, placeholder, }: {
+export default function splitComponent<ComponentPropsT extends GenericComponentPropsT>({ chunkName, getComponent, placeholder, }: {
     chunkName: string;
     getComponent: () => Promise<ComponentOrModule<ComponentPropsT>>;
     placeholder?: ReactNode;

package/build/web/client/getInj.js

@@ -2,46 +2,57 @@
 
 /* global document */
 
-// 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';
-
-// eslint-disable-next-line import/no-unassigned-import
-import 'node-forge/lib/aes.js';
 import { getBuildInfo } from "../shared/utils/isomorphy/buildInfo";
+let inj;
+export default function getInj() {
+  inj ??= (async () => {
+    const metaElement = typeof document === 'undefined' ? null : document.querySelector('meta[itemprop="drpruinj"]');
+    if (metaElement) {
+      metaElement.remove();
 
-// 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);
+      // 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);
 
-  // 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() {
+      // 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();
+
+      // 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/web/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;AAI9B,SAASC,YAAY;;AAErB;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;;AAIA,SAASA,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/web/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/web/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;AAEpE,OAAOC,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;AAEpE,OAAOC,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/web/index.js

@@ -12,12 +12,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";
-export { assertEmptyObject, config, Barrier, Cached, Emitter, isomorphy, getSsrContext, Semaphore, splitComponent, themed, ThemeProvider, time, webpack, withRetries } from "./shared/utils";
+export { assertEmptyObject, Barrier, Cached, Emitter, getConfig, isomorphy, getSsrContext, Semaphore, splitComponent, themed, ThemeProvider, time, webpack, withRetries } from "./shared/utils";
 export { client, server };
 //# sourceMappingURL=index.js.map

package/build/web/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":"AAAA;AAEA,OAAOA,YAAY;AACnB,SAASC,OAAO;AAIhB;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,CAAwB,UAAU,EAAEP,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;AAEvC;AAUA,SACEC,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":"AAAA;AAEA,OAAOA,YAAY;AACnB,SAASC,OAAO;AAIhB;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,CAAwB,UAAU,EAAEJ,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;AAEvC;AAUA,SACEC,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/web/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';
@@ -87,27 +88,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];
 }
 
 /**
@@ -301,17 +290,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.
@@ -431,9 +415,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,