@dr.pogodin/react-utils 1.46.2 → 1.47.0-alpha.11

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

@@ -1,15 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.bookStyleSheets=bookStyleSheets;exports.default=splitComponent;exports.freeStyleSheets=freeStyleSheets;var _react=require("react");var _jsUtils=require("@dr.pogodin/js-utils");var _globalState=require("./globalState");var _isomorphy=require("./isomorphy");var _jsxRuntime=require("react/jsx-runtime");/* global document */// Note: At the client side we can get chunk groups immediately when loading
-// the module; at the server-side we only can get them within React render flow.
-// Thus, we set and use the following variable at the client-side, and then when
-// needed on the server side, we'll fetch it differently.
-let clientChunkGroups;if(_isomorphy.IS_CLIENT_SIDE){// TODO: Rewrite to avoid these overrides of ESLint rules.
-/* eslint-disable @typescript-eslint/no-unsafe-assignment,
-    @typescript-eslint/no-require-imports,
-    @typescript-eslint/no-unsafe-call,
-    @typescript-eslint/no-unsafe-member-access */clientChunkGroups=require("../../client/getInj").default().CHUNK_GROUPS??{};/* eslint-enable @typescript-eslint/no-unsafe-assignment,
-    @typescript-eslint/no-require-imports,
-    @typescript-eslint/no-unsafe-call,
-    @typescript-eslint/no-unsafe-member-access */}const refCounts={};function getPublicPath(){return(0,_isomorphy.getBuildInfo)().publicPath}/**
+import"core-js/modules/es.array.push.js";import"core-js/modules/es.iterator.constructor.js";import"core-js/modules/es.set.difference.v2.js";import"core-js/modules/es.set.intersection.v2.js";import"core-js/modules/es.set.is-disjoint-from.v2.js";import"core-js/modules/es.set.is-subset-of.v2.js";import"core-js/modules/es.set.is-superset-of.v2.js";import"core-js/modules/es.set.symmetric-difference.v2.js";import"core-js/modules/es.set.union.v2.js";import"core-js/modules/es.array.push.js";import"core-js/modules/es.iterator.constructor.js";import"core-js/modules/es.set.difference.v2.js";import"core-js/modules/es.set.intersection.v2.js";import"core-js/modules/es.set.is-disjoint-from.v2.js";import"core-js/modules/es.set.is-subset-of.v2.js";import"core-js/modules/es.set.is-superset-of.v2.js";import"core-js/modules/es.set.symmetric-difference.v2.js";import"core-js/modules/es.set.union.v2.js";/* 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.
@@ -17,7 +6,7 @@ let clientChunkGroups;if(_isomorphy.IS_CLIENT_SIDE){// TODO: Rewrite to avoid th
  * @param loadedSheets
  * @param refCount
  * @return
- */function bookStyleSheet(name,loadedSheets,refCount){let res;const path=`${getPublicPath()}/${name}`;const fullPath=`${document.location.origin}${path}`;if(!loadedSheets.has(fullPath)){let link=document.querySelector(`link[href="${path}"]`);if(!link){link=document.createElement("link");link.setAttribute("rel","stylesheet");link.setAttribute("href",path);document.head.appendChild(link)}res=new _jsUtils.Barrier;link.addEventListener("load",()=>{if(!res)throw Error("Internal error");void res.resolve()});link.addEventListener("error",()=>{if(!res)throw Error("Internal error");void res.resolve()})}if(refCount){const current=refCounts[path]??0;refCounts[path]=1+current}return res}/**
+ */function bookStyleSheet(name,loadedSheets,refCount){let res;const path=`${getPublicPath()}/${name}`;const fullPath=`${document.location.origin}${path}`;if(!loadedSheets.has(fullPath)){let link=document.querySelector(`link[href="${path}"]`);if(!link){link=document.createElement("link");link.setAttribute("rel","stylesheet");link.setAttribute("href",path);document.head.appendChild(link)}res=new Barrier;link.addEventListener("load",()=>{if(!res)throw Error("Internal error");void res.resolve()});link.addEventListener("error",()=>{if(!res)throw Error("Internal error");void res.resolve()})}if(refCount){const current=refCounts[path]??0;refCounts[path]=1+current}return res}/**
  * Generates the set of URLs for currently loaded, linked stylesheets.
  * @return
  */function getLoadedStyleSheets(){const res=new Set;const{styleSheets}=document;for(const{href}of styleSheets){if(href)res.add(href)}return res}function assertChunkName(chunkName,chunkGroups){if(chunkGroups[chunkName])return;throw Error(`Unknown chunk name "${chunkName}"`)}/**
@@ -28,13 +17,13 @@ let clientChunkGroups;if(_isomorphy.IS_CLIENT_SIDE){// TODO: Rewrite to avoid th
  * @param refCount
  * @return Resolves once all pending stylesheets, necessary for
  *  the chunk, are either loaded, or failed to load.
- */async function bookStyleSheets(chunkName,chunkGroups,refCount){const promises=[];const assets=chunkGroups[chunkName];if(!assets)return Promise.resolve();const loadedSheets=getLoadedStyleSheets();for(const asset of assets){if(asset.endsWith(".css")){const promise=bookStyleSheet(asset,loadedSheets,refCount);if(promise)promises.push(promise)}}return promises.length?Promise.allSettled(promises).then():Promise.resolve()}/**
+ */export async function bookStyleSheets(chunkName,chunkGroups,refCount){const promises=[];const assets=chunkGroups[chunkName];if(!assets)return Promise.resolve();const loadedSheets=getLoadedStyleSheets();for(const asset of assets){if(asset.endsWith(".css")){const promise=bookStyleSheet(asset,loadedSheets,refCount);if(promise)promises.push(promise)}}return promises.length?Promise.allSettled(promises).then():Promise.resolve()}/**
  * Client-side only! Frees from the document all CSS stylesheets that are
  * required by the specified chunk, and have reference counter equal to one
  * (for chunks with larger reference counter values, it just decrements
  * the reference counter).
  * @param {string} chunkName
- */function freeStyleSheets(chunkName,chunkGroups){const assets=chunkGroups[chunkName];if(!assets)return;for(const asset of assets){if(asset.endsWith(".css")){const path=`${getPublicPath()}/${asset}`;const pathRefCount=refCounts[path];if(pathRefCount){if(pathRefCount<=1){document.head.querySelector(`link[href="${path}"]`).remove();delete refCounts[path]}else refCounts[path]=pathRefCount-1}}}}// Holds the set of chunk names already used for splitComponent() calls.
+ */export function freeStyleSheets(chunkName,chunkGroups){const assets=chunkGroups[chunkName];if(!assets)return;for(const asset of assets){if(asset.endsWith(".css")){const path=`${getPublicPath()}/${asset}`;const pathRefCount=refCounts[path];if(pathRefCount){if(pathRefCount<=1){document.head.querySelector(`link[href="${path}"]`).remove();delete refCounts[path]}else refCounts[path]=pathRefCount-1}}}}// Holds the set of chunk names already used for splitComponent() calls.
 const usedChunkNames=new Set;/**
  * Given an async component retrieval function `getComponent()` it creates
  * a special "code split" component, which uses <Suspense> to asynchronously
@@ -44,16 +33,16 @@ const usedChunkNames=new Set;/**
  * @param {function} options.getComponent
  * @param {React.Element} [options.placeholder]
  * @return {React.ElementType}
- */function splitComponent({chunkName,getComponent,placeholder}){// On the client side we can check right away if the chunk name is known.
-if(_isomorphy.IS_CLIENT_SIDE)assertChunkName(chunkName,clientChunkGroups);// The correct usage of splitComponent() assumes a single call per chunk.
-if(usedChunkNames.has(chunkName)){throw Error(`Repeated splitComponent() call for the chunk "${chunkName}"`)}else usedChunkNames.add(chunkName);const LazyComponent=/*#__PURE__*/(0,_react.lazy)(async()=>{const resolved=await getComponent();const Component="default"in resolved?resolved.default:resolved;// This pre-loads necessary stylesheets prior to the first mount of
+ */export default function splitComponent({chunkName,getComponent,placeholder}){// The correct usage of splitComponent() assumes a single call per chunk.
+if(usedChunkNames.has(chunkName)){throw Error(`Repeated splitComponent() call for the chunk "${chunkName}"`)}else usedChunkNames.add(chunkName);const LazyComponent=/*#__PURE__*/lazy(async()=>{const clientChunkGroups=await getClientChunkGroups();// On the client side we can check right away if the chunk name is known.
+if(IS_CLIENT_SIDE){if(!clientChunkGroups)throw Error("Internal error");assertChunkName(chunkName,clientChunkGroups)}const resolved=await getComponent();const Component="default"in resolved?resolved.default:resolved;// This pre-loads necessary stylesheets prior to the first mount of
 // the component (the lazy load function is executed by React one at
 // the frist mount).
-if(_isomorphy.IS_CLIENT_SIDE){await bookStyleSheets(chunkName,clientChunkGroups,false)}const Wrapper=({children,ref,...rest})=>{// On the server side we'll assert the chunk name here,
+if(IS_CLIENT_SIDE){if(!clientChunkGroups)throw Error("Internal error");await bookStyleSheets(chunkName,clientChunkGroups,false)}const Wrapper=({children,ref,...rest})=>{// On the server side we'll assert the chunk name here,
 // and also push it to the SSR chunks array.
-if(_isomorphy.IS_SERVER_SIDE){const{chunkGroups,chunks}=(0,_globalState.getSsrContext)();assertChunkName(chunkName,chunkGroups);if(!chunks.includes(chunkName))chunks.push(chunkName)}// This takes care about stylesheets management every time an instance of
+if(IS_SERVER_SIDE){const{chunkGroups,chunks}=getSsrContext();assertChunkName(chunkName,chunkGroups);if(!chunks.includes(chunkName))chunks.push(chunkName)}// This takes care about stylesheets management every time an instance of
 // this component is mounted / unmounted.
-(0,_react.useInsertionEffect)(()=>{void bookStyleSheets(chunkName,clientChunkGroups,true);return()=>{freeStyleSheets(chunkName,clientChunkGroups)}},[]);return/*#__PURE__*/(0,_jsxRuntime.jsx)(Component// eslint-disable-next-line react/jsx-props-no-spreading
-,{...rest,ref:ref,children:children})};return{default:Wrapper}});const CodeSplit=({children,...rest})=>/*#__PURE__*/(0,_jsxRuntime.jsx)(_react.Suspense,{fallback:placeholder,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(LazyComponent// eslint-disable-next-line react/jsx-props-no-spreading
+useInsertionEffect(()=>{if(!clientChunkGroups)throw Error("Internal error");void bookStyleSheets(chunkName,clientChunkGroups,true);return()=>{freeStyleSheets(chunkName,clientChunkGroups)}},[]);return/*#__PURE__*/_jsx(Component// eslint-disable-next-line react/jsx-props-no-spreading
+,{...rest,ref:ref,children:children})};return{default:Wrapper}});const CodeSplit=({children,...rest})=>/*#__PURE__*/_jsx(Suspense,{fallback:placeholder,children:/*#__PURE__*/_jsx(LazyComponent// eslint-disable-next-line react/jsx-props-no-spreading
 ,{...rest,children:children})});return CodeSplit}
 //# sourceMappingURL=splitComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"splitComponent.js","names":["_react","require","_jsUtils","_globalState","_isomorphy","_jsxRuntime","clientChunkGroups","IS_CLIENT_SIDE","default","CHUNK_GROUPS","refCounts","getPublicPath","getBuildInfo","publicPath","bookStyleSheet","name","loadedSheets","refCount","res","path","fullPath","document","location","origin","has","link","querySelector","createElement","setAttribute","head","appendChild","Barrier","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","lazy","resolved","Component","Wrapper","children","ref","rest","IS_SERVER_SIDE","chunks","getSsrContext","includes","useInsertionEffect","jsx","CodeSplit","Suspense","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\n// Note: At the client side we can get chunk groups immediately when loading\n// the module; at the server-side we only can get them within React render flow.\n// Thus, we set and use the following variable at the client-side, and then when\n// needed on the server side, we'll fetch it differently.\nlet clientChunkGroups: ChunkGroupsT;\n\nif (IS_CLIENT_SIDE) {\n  // TODO: Rewrite to avoid these overrides of ESLint rules.\n  /* eslint-disable @typescript-eslint/no-unsafe-assignment,\n    @typescript-eslint/no-require-imports,\n    @typescript-eslint/no-unsafe-call,\n    @typescript-eslint/no-unsafe-member-access */\n  clientChunkGroups = require('client/getInj').default().CHUNK_GROUPS ?? {};\n  /* eslint-enable @typescript-eslint/no-unsafe-assignment,\n    @typescript-eslint/no-require-imports,\n    @typescript-eslint/no-unsafe-call,\n    @typescript-eslint/no-unsafe-member-access */\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  // On the client side we can check right away if the chunk name is known.\n  if (IS_CLIENT_SIDE) assertChunkName(chunkName, clientChunkGroups);\n\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 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      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        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":[]}
+{"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/production/shared/utils/time.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;exports.useCurrent=useCurrent;exports.useTimezoneOffset=useTimezoneOffset;var _cookie=require("cookie");var _react=require("react");var _dayjs=_interopRequireDefault(require("dayjs"));var _jsUtils=require("@dr.pogodin/js-utils");var _reactGlobalState=require("@dr.pogodin/react-global-state");var _globalState=require("./globalState");/**
+import{serialize}from"cookie";import{useEffect}from"react";import dayjs from"dayjs";import{DAY_MS,HOUR_MS,MIN_MS,SEC_MS,YEAR_MS,timer}from"@dr.pogodin/js-utils";import{useGlobalState}from"@dr.pogodin/react-global-state";import{getSsrContext}from"./globalState.js";/**
  * This react hook wraps Date.now() function in a SSR friendly way,
  * ensuring that all calls to useCurrent() within the same render return
  * exactly the same time (which is retrieved from Date.now() first, and
@@ -7,7 +7,7 @@
  * with a finite precision to avoid infinite re-rendering loops.
  */// TODO: Should we request the state type as generic parameter, to be able
 // to verify the give globalStatePath is correct?
-function useCurrent({autorefresh=false,globalStatePath="currentTime",precision=5*_jsUtils.SEC_MS}={}){const[now,setter]=(0,_reactGlobalState.useGlobalState)(globalStatePath,Date.now);(0,_react.useEffect)(()=>{let timerId;const update=()=>{setter(old=>{const neu=Date.now();return Math.abs(neu-old)>precision?neu:old});if(autorefresh)timerId=setTimeout(update,precision)};update();return()=>{if(timerId)clearTimeout(timerId)}},[autorefresh,precision,setter]);return now}/**
+export function useCurrent({autorefresh=false,globalStatePath="currentTime",precision=5*SEC_MS}={}){const[now,setter]=useGlobalState(globalStatePath,Date.now);useEffect(()=>{let timerId;const update=()=>{setter(old=>{const neu=Date.now();return Math.abs(neu-old)>precision?neu:old});if(autorefresh)timerId=setTimeout(update,precision)};update();return()=>{if(timerId)clearTimeout(timerId)}},[autorefresh,precision,setter]);return now}/**
  * Wraps the standard Date.getTimezoneOffset() method in a SSR-friendly way.
  * This hook retrieves the offset value at the client side and uses a cookie
  * to pass it to the server in subsequent requests from that user. At the server
@@ -17,5 +17,5 @@ function useCurrent({autorefresh=false,globalStatePath="currentTime",precision=5
  * as the default value.
  */// TODO: Should we request the state type as generic parameter, to be able
 // to verify the give globalStatePath is correct?
-function useTimezoneOffset({cookieName="timezoneOffset",globalStatePath="timezoneOffset"}={}){const ssrContext=(0,_globalState.getSsrContext)(false);const[offset,setOffset]=(0,_reactGlobalState.useGlobalState)(globalStatePath,()=>{const value=cookieName&&ssrContext?.req.cookies[cookieName];return value?parseInt(value):0});(0,_react.useEffect)(()=>{const date=new Date;const value=date.getTimezoneOffset();setOffset(value);if(cookieName){document.cookie=(0,_cookie.serialize)(cookieName,value.toString(),{path:"/"})}},[cookieName,setOffset]);return offset}const time={DAY_MS:_jsUtils.DAY_MS,HOUR_MS:_jsUtils.HOUR_MS,MIN_MS:_jsUtils.MIN_MS,SEC_MS:_jsUtils.SEC_MS,YEAR_MS:_jsUtils.YEAR_MS,now:Date.now,timer:_jsUtils.timer,useCurrent,useTimezoneOffset};var _default=exports.default=Object.assign(_dayjs.default,time);
+export function useTimezoneOffset({cookieName="timezoneOffset",globalStatePath="timezoneOffset"}={}){const ssrContext=getSsrContext(false);const[offset,setOffset]=useGlobalState(globalStatePath,()=>{const value=cookieName&&ssrContext?.req.cookies[cookieName];return value?parseInt(value):0});useEffect(()=>{const date=new Date;const value=date.getTimezoneOffset();setOffset(value);if(cookieName){document.cookie=serialize(cookieName,value.toString(),{path:"/"})}},[cookieName,setOffset]);return offset}const time={DAY_MS,HOUR_MS,MIN_MS,SEC_MS,YEAR_MS,now:Date.now,timer,useCurrent,useTimezoneOffset};export default Object.assign(dayjs,time);
 //# sourceMappingURL=time.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"time.js","names":["_cookie","require","_react","_dayjs","_interopRequireDefault","_jsUtils","_reactGlobalState","_globalState","useCurrent","autorefresh","globalStatePath","precision","SEC_MS","now","setter","useGlobalState","Date","useEffect","timerId","update","old","neu","Math","abs","setTimeout","clearTimeout","useTimezoneOffset","cookieName","ssrContext","getSsrContext","offset","setOffset","value","req","cookies","parseInt","date","getTimezoneOffset","document","cookie","serialize","toString","path","time","DAY_MS","HOUR_MS","MIN_MS","YEAR_MS","timer","_default","exports","default","Object","assign","dayjs"],"sources":["../../../../src/shared/utils/time.ts"],"sourcesContent":["import { serialize } from 'cookie';\nimport { useEffect } from 'react';\nimport dayjs from 'dayjs';\n\nimport {\n  DAY_MS,\n  HOUR_MS,\n  MIN_MS,\n  SEC_MS,\n  YEAR_MS,\n  timer,\n} from '@dr.pogodin/js-utils';\n\nimport { type ForceT, useGlobalState } from '@dr.pogodin/react-global-state';\n\nimport { getSsrContext } from './globalState';\n\n/**\n * This react hook wraps Date.now() function in a SSR friendly way,\n * ensuring that all calls to useCurrent() within the same render return\n * exactly the same time (which is retrieved from Date.now() first, and\n * then stored in the global state to be reused in all other calls), which\n * is also passed and used in the first client side render, and then updated\n * with a finite precision to avoid infinite re-rendering loops.\n */\n// TODO: Should we request the state type as generic parameter, to be able\n// to verify the give globalStatePath is correct?\nexport function useCurrent({\n  autorefresh = false,\n  globalStatePath = 'currentTime',\n  precision = 5 * SEC_MS,\n} = {}): number {\n  const [now, setter] = useGlobalState<ForceT, number>(\n    globalStatePath,\n    Date.now,\n  );\n  useEffect(() => {\n    let timerId: NodeJS.Timeout | undefined;\n    const update = (): void => {\n      setter((old) => {\n        const neu = Date.now();\n        return Math.abs(neu - old) > precision ? neu : old;\n      });\n      if (autorefresh) timerId = setTimeout(update, precision);\n    };\n    update();\n    return (): void => {\n      if (timerId) clearTimeout(timerId);\n    };\n  }, [autorefresh, precision, setter]);\n  return now;\n}\n\n/**\n * Wraps the standard Date.getTimezoneOffset() method in a SSR-friendly way.\n * This hook retrieves the offset value at the client side and uses a cookie\n * to pass it to the server in subsequent requests from that user. At the server\n * side the value from cookie is used in renders and passed back to the client\n * via the global state. Prior to the value being known (in the very first\n * request from the user, when the cookie is still missing), zero value is used\n * as the default value.\n */\n// TODO: Should we request the state type as generic parameter, to be able\n// to verify the give globalStatePath is correct?\nexport function useTimezoneOffset({\n  cookieName = 'timezoneOffset',\n  globalStatePath = 'timezoneOffset',\n} = {}): number {\n  const ssrContext = getSsrContext(false);\n  const [offset, setOffset] = useGlobalState<ForceT, number>(\n    globalStatePath,\n    () => {\n      const value = cookieName\n        && ssrContext?.req.cookies[cookieName] as string;\n      return value ? parseInt(value) : 0;\n    },\n  );\n  useEffect(() => {\n    const date = new Date();\n    const value = date.getTimezoneOffset();\n    setOffset(value);\n    if (cookieName) {\n      document.cookie = serialize(cookieName, value.toString(), { path: '/' });\n    }\n  }, [cookieName, setOffset]);\n  return offset;\n}\n\nconst time = {\n  DAY_MS,\n  HOUR_MS,\n  MIN_MS,\n  SEC_MS,\n  YEAR_MS,\n  now: Date.now,\n  timer,\n  useCurrent,\n  useTimezoneOffset,\n};\n\nexport default Object.assign(dayjs, time);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"time.js","names":["serialize","useEffect","dayjs","DAY_MS","HOUR_MS","MIN_MS","SEC_MS","YEAR_MS","timer","useGlobalState","getSsrContext","useCurrent","autorefresh","globalStatePath","precision","now","setter","Date","timerId","update","old","neu","Math","abs","setTimeout","clearTimeout","useTimezoneOffset","cookieName","ssrContext","offset","setOffset","value","req","cookies","parseInt","date","getTimezoneOffset","document","cookie","toString","path","time","Object","assign"],"sources":["../../../../src/shared/utils/time.ts"],"sourcesContent":["import { serialize } from 'cookie';\nimport { useEffect } from 'react';\nimport dayjs from 'dayjs';\n\nimport {\n  DAY_MS,\n  HOUR_MS,\n  MIN_MS,\n  SEC_MS,\n  YEAR_MS,\n  timer,\n} from '@dr.pogodin/js-utils';\n\nimport { type ForceT, useGlobalState } from '@dr.pogodin/react-global-state';\n\nimport { getSsrContext } from './globalState';\n\n/**\n * This react hook wraps Date.now() function in a SSR friendly way,\n * ensuring that all calls to useCurrent() within the same render return\n * exactly the same time (which is retrieved from Date.now() first, and\n * then stored in the global state to be reused in all other calls), which\n * is also passed and used in the first client side render, and then updated\n * with a finite precision to avoid infinite re-rendering loops.\n */\n// TODO: Should we request the state type as generic parameter, to be able\n// to verify the give globalStatePath is correct?\nexport function useCurrent({\n  autorefresh = false,\n  globalStatePath = 'currentTime',\n  precision = 5 * SEC_MS,\n} = {}): number {\n  const [now, setter] = useGlobalState<ForceT, number>(\n    globalStatePath,\n    Date.now,\n  );\n  useEffect(() => {\n    let timerId: NodeJS.Timeout | undefined;\n    const update = (): void => {\n      setter((old) => {\n        const neu = Date.now();\n        return Math.abs(neu - old) > precision ? neu : old;\n      });\n      if (autorefresh) timerId = setTimeout(update, precision);\n    };\n    update();\n    return (): void => {\n      if (timerId) clearTimeout(timerId);\n    };\n  }, [autorefresh, precision, setter]);\n  return now;\n}\n\n/**\n * Wraps the standard Date.getTimezoneOffset() method in a SSR-friendly way.\n * This hook retrieves the offset value at the client side and uses a cookie\n * to pass it to the server in subsequent requests from that user. At the server\n * side the value from cookie is used in renders and passed back to the client\n * via the global state. Prior to the value being known (in the very first\n * request from the user, when the cookie is still missing), zero value is used\n * as the default value.\n */\n// TODO: Should we request the state type as generic parameter, to be able\n// to verify the give globalStatePath is correct?\nexport function useTimezoneOffset({\n  cookieName = 'timezoneOffset',\n  globalStatePath = 'timezoneOffset',\n} = {}): number {\n  const ssrContext = getSsrContext(false);\n  const [offset, setOffset] = useGlobalState<ForceT, number>(\n    globalStatePath,\n    () => {\n      const value = cookieName\n        && ssrContext?.req.cookies[cookieName] as string;\n      return value ? parseInt(value) : 0;\n    },\n  );\n  useEffect(() => {\n    const date = new Date();\n    const value = date.getTimezoneOffset();\n    setOffset(value);\n    if (cookieName) {\n      document.cookie = serialize(cookieName, value.toString(), { path: '/' });\n    }\n  }, [cookieName, setOffset]);\n  return offset;\n}\n\nconst time = {\n  DAY_MS,\n  HOUR_MS,\n  MIN_MS,\n  SEC_MS,\n  YEAR_MS,\n  now: Date.now,\n  timer,\n  useCurrent,\n  useTimezoneOffset,\n};\n\nexport default Object.assign(dayjs, time);\n"],"mappings":"AAAA,OAASA,SAAS,KAAQ,QAAQ,CAClC,OAASC,SAAS,KAAQ,OAAO,CACjC,MAAO,CAAAC,KAAK,KAAM,OAAO,CAEzB,OACEC,MAAM,CACNC,OAAO,CACPC,MAAM,CACNC,MAAM,CACNC,OAAO,CACPC,KAAK,KACA,sBAAsB,CAE7B,OAAsBC,cAAc,KAAQ,gCAAgC,QAEnEC,aAAa,wBAEtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA;AACA;AACA,MAAO,SAAS,CAAAC,UAAUA,CAAC,CACzBC,WAAW,CAAG,KAAK,CACnBC,eAAe,CAAG,aAAa,CAC/BC,SAAS,CAAG,CAAC,CAAGR,MAClB,CAAC,CAAG,CAAC,CAAC,CAAU,CACd,KAAM,CAACS,GAAG,CAAEC,MAAM,CAAC,CAAGP,cAAc,CAClCI,eAAe,CACfI,IAAI,CAACF,GACP,CAAC,CACDd,SAAS,CAAC,IAAM,CACd,GAAI,CAAAiB,OAAmC,CACvC,KAAM,CAAAC,MAAM,CAAGA,CAAA,GAAY,CACzBH,MAAM,CAAEI,GAAG,EAAK,CACd,KAAM,CAAAC,GAAG,CAAGJ,IAAI,CAACF,GAAG,CAAC,CAAC,CACtB,MAAO,CAAAO,IAAI,CAACC,GAAG,CAACF,GAAG,CAAGD,GAAG,CAAC,CAAGN,SAAS,CAAGO,GAAG,CAAGD,GACjD,CAAC,CAAC,CACF,GAAIR,WAAW,CAAEM,OAAO,CAAGM,UAAU,CAACL,MAAM,CAAEL,SAAS,CACzD,CAAC,CACDK,MAAM,CAAC,CAAC,CACR,MAAO,IAAY,CACjB,GAAID,OAAO,CAAEO,YAAY,CAACP,OAAO,CACnC,CACF,CAAC,CAAE,CAACN,WAAW,CAAEE,SAAS,CAAEE,MAAM,CAAC,CAAC,CACpC,MAAO,CAAAD,GACT,CAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA;AACA;AACA,MAAO,SAAS,CAAAW,iBAAiBA,CAAC,CAChCC,UAAU,CAAG,gBAAgB,CAC7Bd,eAAe,CAAG,gBACpB,CAAC,CAAG,CAAC,CAAC,CAAU,CACd,KAAM,CAAAe,UAAU,CAAGlB,aAAa,CAAC,KAAK,CAAC,CACvC,KAAM,CAACmB,MAAM,CAAEC,SAAS,CAAC,CAAGrB,cAAc,CACxCI,eAAe,CACf,IAAM,CACJ,KAAM,CAAAkB,KAAK,CAAGJ,UAAU,EACnBC,UAAU,EAAEI,GAAG,CAACC,OAAO,CAACN,UAAU,CAAW,CAClD,MAAO,CAAAI,KAAK,CAAGG,QAAQ,CAACH,KAAK,CAAC,CAAG,CACnC,CACF,CAAC,CACD9B,SAAS,CAAC,IAAM,CACd,KAAM,CAAAkC,IAAI,CAAG,GAAI,CAAAlB,IAAM,CACvB,KAAM,CAAAc,KAAK,CAAGI,IAAI,CAACC,iBAAiB,CAAC,CAAC,CACtCN,SAAS,CAACC,KAAK,CAAC,CAChB,GAAIJ,UAAU,CAAE,CACdU,QAAQ,CAACC,MAAM,CAAGtC,SAAS,CAAC2B,UAAU,CAAEI,KAAK,CAACQ,QAAQ,CAAC,CAAC,CAAE,CAAEC,IAAI,CAAE,GAAI,CAAC,CACzE,CACF,CAAC,CAAE,CAACb,UAAU,CAAEG,SAAS,CAAC,CAAC,CAC3B,MAAO,CAAAD,MACT,CAEA,KAAM,CAAAY,IAAI,CAAG,CACXtC,MAAM,CACNC,OAAO,CACPC,MAAM,CACNC,MAAM,CACNC,OAAO,CACPQ,GAAG,CAAEE,IAAI,CAACF,GAAG,CACbP,KAAK,CACLG,UAAU,CACVe,iBACF,CAAC,CAED,cAAe,CAAAgB,MAAM,CAACC,MAAM,CAACzC,KAAK,CAAEuC,IAAI,CAAC","ignoreList":[]}

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

@@ -1,20 +1,20 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.requireWeak=requireWeak;exports.resolveWeak=resolveWeak;var _isomorphy=require("./isomorphy");/**
+import"core-js/modules/es.iterator.constructor.js";import"core-js/modules/es.iterator.for-each.js";import"core-js/modules/es.iterator.constructor.js";import"core-js/modules/es.iterator.for-each.js";// eslint-disable-next-line import/enforce-node-protocol-usage
+import{createRequire}from"module";import{IS_CLIENT_SIDE,IS_SERVER_SIDE}from"./isomorphy/index.js";let require;if(IS_SERVER_SIDE)require=createRequire(import.meta.url);/**
  * Requires the specified module without including it into the bundle during
  * Webpack build.
  * @param modulePath
  * @param [basePath]
  * @return Required module.
- */function requireWeak(modulePath,// TODO: For now `basePath` can be provided directly as a string here,
+ */export function requireWeak(modulePath,// TODO: For now `basePath` can be provided directly as a string here,
 // for backward compatibility. Deprecate it in future, if any other
 // breaking changes are done for requireWeak().
-basePathOrOptions){if(_isomorphy.IS_CLIENT_SIDE)return null;let basePath;let ops;if(typeof basePathOrOptions==="string"){basePath=basePathOrOptions}else{ops=basePathOrOptions??{};({basePath}=ops)}// eslint-disable-next-line no-eval
-const req=eval("require");// eslint-disable-next-line @typescript-eslint/unbound-method
-const{resolve}=req("path");const path=basePath?resolve(basePath,modulePath):modulePath;const module=req(path);if(!("default"in module)||!module.default)return module;const{default:def,...named}=module;const res=def;Object.entries(named).forEach(([name,value])=>{const assigned=res[name];if(assigned)res[name]=value;else if(assigned!==value){throw Error("Conflict between default and named exports")}});return res}/**
+basePathOrOptions){if(IS_CLIENT_SIDE)return null;let basePath;let ops;if(typeof basePathOrOptions==="string"){basePath=basePathOrOptions}else{ops=basePathOrOptions??{};({basePath}=ops)}// eslint-disable-next-line @typescript-eslint/unbound-method
+const{resolve}=require("node:path");const path=basePath?resolve(basePath,modulePath):modulePath;const module=require(path);if(!("default"in module)||!module.default)return module;const{default:def,...named}=module;const res=def;Object.entries(named).forEach(([name,value])=>{const assigned=res[name];if(assigned===undefined){res[name]=value}else if(assigned!==value){throw Error("Conflict between default and named exports")}});return res}/**
  * Resolves specified module path with help of Babel's module resolver.
  * Yes, the function itself just returns its argument to the caller, but Babel
  * is configured to resolve the first argument of resolveWeak(..) function, thus
  * the result will be the resolved path.
  * @param {string} modulePath
  * @return {string} Absolute or relative path to the module.
- */function resolveWeak(modulePath){return modulePath}
+ */export function resolveWeak(modulePath){return modulePath}
 //# sourceMappingURL=webpack.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"webpack.js","names":["_isomorphy","require","requireWeak","modulePath","basePathOrOptions","IS_CLIENT_SIDE","basePath","ops","req","eval","resolve","path","module","default","def","named","res","Object","entries","forEach","name","value","assigned","Error","resolveWeak"],"sources":["../../../../src/shared/utils/webpack.ts"],"sourcesContent":["import type PathNS from 'node:path';\n\nimport { IS_CLIENT_SIDE } from './isomorphy';\n\ntype RequireWeakOptionsT = {\n  basePath?: string;\n};\n\ntype RequireWeakResT<T> = T extends { default: infer D }\n  ? (D extends null | undefined ? T : D & Omit<T, 'default'>)\n  : T;\n\n/**\n * Requires the specified module without including it into the bundle during\n * Webpack build.\n * @param modulePath\n * @param [basePath]\n * @return Required module.\n */\nexport function requireWeak<T extends object>(\n  modulePath: string,\n\n  // TODO: For now `basePath` can be provided directly as a string here,\n  // for backward compatibility. Deprecate it in future, if any other\n  // breaking changes are done for requireWeak().\n  basePathOrOptions?: string | RequireWeakOptionsT,\n): RequireWeakResT<T> | null {\n  if (IS_CLIENT_SIDE) return null;\n\n  let basePath: string | undefined;\n  let ops: RequireWeakOptionsT;\n  if (typeof basePathOrOptions === 'string') {\n    basePath = basePathOrOptions;\n  } else {\n    ops = basePathOrOptions ?? {};\n    ({ basePath } = ops);\n  }\n\n  // eslint-disable-next-line no-eval\n  const req = eval('require') as (path: string) => unknown;\n\n  // eslint-disable-next-line @typescript-eslint/unbound-method\n  const { resolve } = req('path') as typeof PathNS;\n\n  const path = basePath ? resolve(basePath, modulePath) : modulePath;\n  const module = req(path) as T;\n\n  if (!('default' in module) || !module.default) return module as RequireWeakResT<T>;\n\n  const { default: def, ...named } = module;\n\n  const res = def as RequireWeakResT<T>;\n\n  Object.entries(named).forEach(([name, value]) => {\n    const assigned = res[name as keyof RequireWeakResT<T>];\n    if (assigned) (res[name as keyof RequireWeakResT<T>] as unknown) = value;\n    else if (assigned !== value) {\n      throw Error('Conflict between default and named exports');\n    }\n  });\n  return res;\n}\n\n/**\n * Resolves specified module path with help of Babel's module resolver.\n * Yes, the function itself just returns its argument to the caller, but Babel\n * is configured to resolve the first argument of resolveWeak(..) function, thus\n * the result will be the resolved path.\n * @param {string} modulePath\n * @return {string} Absolute or relative path to the module.\n */\nexport function resolveWeak(modulePath: string): string {\n  return modulePath;\n}\n"],"mappings":"sIAEA,IAAAA,UAAA,CAAAC,OAAA,gBAUA;AACA;AACA;AACA;AACA;AACA;AACA,GACO,QAAS,CAAAC,WAAWA,CACzBC,UAAkB,CAElB;AACA;AACA;AACAC,iBAAgD,CACrB,CAC3B,GAAIC,yBAAc,CAAE,MAAO,KAAI,CAE/B,GAAI,CAAAC,QAA4B,CAChC,GAAI,CAAAC,GAAwB,CAC5B,GAAI,MAAO,CAAAH,iBAAiB,GAAK,QAAQ,CAAE,CACzCE,QAAQ,CAAGF,iBACb,CAAC,IAAM,CACLG,GAAG,CAAGH,iBAAiB,EAAI,CAAC,CAAC,CAC7B,CAAC,CAAEE,QAAS,CAAC,CAAGC,GAAG,CACrB,CAEA;AACA,KAAM,CAAAC,GAAG,CAAGC,IAAI,CAAC,SAAS,CAA8B,CAExD;AACA,KAAM,CAAEC,OAAQ,CAAC,CAAGF,GAAG,CAAC,MAAM,CAAkB,CAEhD,KAAM,CAAAG,IAAI,CAAGL,QAAQ,CAAGI,OAAO,CAACJ,QAAQ,CAAEH,UAAU,CAAC,CAAGA,UAAU,CAClE,KAAM,CAAAS,MAAM,CAAGJ,GAAG,CAACG,IAAI,CAAM,CAE7B,GAAI,EAAE,SAAS,EAAI,CAAAC,MAAM,CAAC,EAAI,CAACA,MAAM,CAACC,OAAO,CAAE,MAAO,CAAAD,MAAM,CAE5D,KAAM,CAAEC,OAAO,CAAEC,GAAG,CAAE,GAAGC,KAAM,CAAC,CAAGH,MAAM,CAEzC,KAAM,CAAAI,GAAG,CAAGF,GAAyB,CAErCG,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAAC,CAACC,IAAI,CAAEC,KAAK,CAAC,GAAK,CAC/C,KAAM,CAAAC,QAAQ,CAAGN,GAAG,CAACI,IAAI,CAA6B,CACtD,GAAIE,QAAQ,CAAGN,GAAG,CAACI,IAAI,CAA6B,CAAeC,KAAK,CAAC,IACpE,IAAIC,QAAQ,GAAKD,KAAK,CAAE,CAC3B,KAAM,CAAAE,KAAK,CAAC,4CAA4C,CAC1D,CACF,CAAC,CAAC,CACF,MAAO,CAAAP,GACT,CAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACO,QAAS,CAAAQ,WAAWA,CAACrB,UAAkB,CAAU,CACtD,MAAO,CAAAA,UACT","ignoreList":[]}
+{"version":3,"file":"webpack.js","names":["createRequire","IS_CLIENT_SIDE","IS_SERVER_SIDE","require","import","meta","url","requireWeak","modulePath","basePathOrOptions","basePath","ops","resolve","path","module","default","def","named","res","Object","entries","forEach","name","value","assigned","undefined","Error","resolveWeak"],"sources":["../../../../src/shared/utils/webpack.ts"],"sourcesContent":["import type PathNS from 'node:path';\n\n// eslint-disable-next-line import/enforce-node-protocol-usage\nimport { createRequire } from 'module';\n\nimport { IS_CLIENT_SIDE, IS_SERVER_SIDE } from './isomorphy';\n\ntype RequireWeakOptionsT = {\n  basePath?: string;\n};\n\ntype RequireWeakResT<T> = T extends { default: infer D }\n  ? (D extends null | undefined ? T : D & Omit<T, 'default'>)\n  : T;\n\nlet require: ((url: string) => unknown) | undefined;\n\nif (IS_SERVER_SIDE) require = createRequire(import.meta.url);\n\n/**\n * Requires the specified module without including it into the bundle during\n * Webpack build.\n * @param modulePath\n * @param [basePath]\n * @return Required module.\n */\nexport function requireWeak<T extends object>(\n  modulePath: string,\n\n  // TODO: For now `basePath` can be provided directly as a string here,\n  // for backward compatibility. Deprecate it in future, if any other\n  // breaking changes are done for requireWeak().\n  basePathOrOptions?: string | RequireWeakOptionsT,\n): RequireWeakResT<T> | null {\n  if (IS_CLIENT_SIDE) return null;\n\n  let basePath: string | undefined;\n  let ops: RequireWeakOptionsT;\n  if (typeof basePathOrOptions === 'string') {\n    basePath = basePathOrOptions;\n  } else {\n    ops = basePathOrOptions ?? {};\n    ({ basePath } = ops);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/unbound-method\n  const { resolve } = require!('node:path') as typeof PathNS;\n\n  const path = basePath ? resolve(basePath, modulePath) : modulePath;\n\n  const module = require!(path) as T;\n\n  if (!('default' in module) || !module.default) return module as RequireWeakResT<T>;\n\n  const { default: def, ...named } = module;\n\n  const res = def as RequireWeakResT<T>;\n\n  Object.entries(named).forEach(([name, value]) => {\n    const assigned = res[name as keyof RequireWeakResT<T>];\n    if (assigned === undefined) {\n      (res[name as keyof RequireWeakResT<T>] as unknown) = value;\n    } else if (assigned !== value) {\n      throw Error('Conflict between default and named exports');\n    }\n  });\n  return res;\n}\n\n/**\n * Resolves specified module path with help of Babel's module resolver.\n * Yes, the function itself just returns its argument to the caller, but Babel\n * is configured to resolve the first argument of resolveWeak(..) function, thus\n * the result will be the resolved path.\n * @param {string} modulePath\n * @return {string} Absolute or relative path to the module.\n */\nexport function resolveWeak(modulePath: string): string {\n  return modulePath;\n}\n"],"mappings":"sMAEA;AACA,OAASA,aAAa,KAAQ,QAAQ,QAE7BC,cAAc,CAAEC,cAAc,4BAUvC,GAAI,CAAAC,OAA+C,CAEnD,GAAID,cAAc,CAAEC,OAAO,CAAGH,aAAa,CAACI,MAAM,CAACC,IAAI,CAACC,GAAG,CAAC,CAE5D;AACA;AACA;AACA;AACA;AACA;AACA,GACA,MAAO,SAAS,CAAAC,WAAWA,CACzBC,UAAkB,CAElB;AACA;AACA;AACAC,iBAAgD,CACrB,CAC3B,GAAIR,cAAc,CAAE,MAAO,KAAI,CAE/B,GAAI,CAAAS,QAA4B,CAChC,GAAI,CAAAC,GAAwB,CAC5B,GAAI,MAAO,CAAAF,iBAAiB,GAAK,QAAQ,CAAE,CACzCC,QAAQ,CAAGD,iBACb,CAAC,IAAM,CACLE,GAAG,CAAGF,iBAAiB,EAAI,CAAC,CAAC,CAC7B,CAAC,CAAEC,QAAS,CAAC,CAAGC,GAAG,CACrB,CAEA;AACA,KAAM,CAAEC,OAAQ,CAAC,CAAGT,OAAO,CAAE,WAAW,CAAkB,CAE1D,KAAM,CAAAU,IAAI,CAAGH,QAAQ,CAAGE,OAAO,CAACF,QAAQ,CAAEF,UAAU,CAAC,CAAGA,UAAU,CAElE,KAAM,CAAAM,MAAM,CAAGX,OAAO,CAAEU,IAAI,CAAM,CAElC,GAAI,EAAE,SAAS,EAAI,CAAAC,MAAM,CAAC,EAAI,CAACA,MAAM,CAACC,OAAO,CAAE,MAAO,CAAAD,MAAM,CAE5D,KAAM,CAAEC,OAAO,CAAEC,GAAG,CAAE,GAAGC,KAAM,CAAC,CAAGH,MAAM,CAEzC,KAAM,CAAAI,GAAG,CAAGF,GAAyB,CAErCG,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAAC,CAACC,IAAI,CAAEC,KAAK,CAAC,GAAK,CAC/C,KAAM,CAAAC,QAAQ,CAAGN,GAAG,CAACI,IAAI,CAA6B,CACtD,GAAIE,QAAQ,GAAKC,SAAS,CAAE,CACzBP,GAAG,CAACI,IAAI,CAA6B,CAAeC,KACvD,CAAC,IAAM,IAAIC,QAAQ,GAAKD,KAAK,CAAE,CAC7B,KAAM,CAAAG,KAAK,CAAC,4CAA4C,CAC1D,CACF,CAAC,CAAC,CACF,MAAO,CAAAR,GACT,CAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,MAAO,SAAS,CAAAS,WAAWA,CAACnB,UAAkB,CAAU,CACtD,MAAO,CAAAA,UACT","ignoreList":[]}

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

@@ -1,3 +1,2 @@
-import 'node-forge/lib/aes';
 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 declare function launchClient(Application: ComponentType, options?: OptionsT): Promise<void>;
 export {};

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

@@ -1,10 +1,4 @@
-import 'styles/global.scss';
-import type * as ClientM from './client';
-import type * as ServerFactoryM from './server';
-declare const server: (typeof ServerFactoryM.default & Omit<typeof ServerFactoryM, "default">) | null;
-declare const client: typeof ClientM.default | 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 { client, server };
+export { assertEmptyObject, Barrier, Cached, Emitter, getConfig, isomorphy, getSsrContext, type Listener, type ObjectKey, Semaphore, splitComponent, type Theme, themed, ThemeProvider, time, webpack, withRetries, } from './shared/utils';

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

@@ -1,11 +1,12 @@
-import 'source-map-support/register';
+import 'source-map-support/register.js';
 import http from 'node:http';
-import 'raf/polyfill';
+import 'raf/polyfill.js';
 import type { Configuration } from 'webpack';
 import { type OptionsT as ServerOptionsT, type ServerT, getDefaultCspSettings } from './server';
-import { errors } from './utils';
+import { SCRIPT_LOCATIONS } from './renderer';
+export * from './utils';
 export type { BeforeRenderResT, BeforeRenderT, ConfigT, ServerSsrContext, } from './renderer';
-export { errors, getDefaultCspSettings, type ServerT };
+export { getDefaultCspSettings, SCRIPT_LOCATIONS, type ServerT, };
 type OptionsT = ServerOptionsT & {
     https?: {
         cert: string;
@@ -131,13 +132,7 @@ type OptionsT = ServerOptionsT & {
  * defaults to 1 second.
  * @return Resolves to an object with created Express and HTTP servers.
  */
-declare function launchServer(webpackConfig: Configuration, options?: OptionsT): Promise<{
+export declare function launchServer(webpackConfig: Configuration, options?: OptionsT): Promise<{
     expressServer: ServerT;
     httpServer: http.Server;
 }>;
-declare namespace launchServer {
-    var SCRIPT_LOCATIONS: typeof import("./renderer").SCRIPT_LOCATIONS;
-    var getDefaultCspSettings: typeof import("./server").getDefaultCspSettings;
-    var errors: typeof import("./utils/errors");
-}
-export default launchServer;

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

@@ -1 +1 @@
-export * as errors from './errors';
+export * from './errors';

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

@@ -0,0 +1,65 @@
+import "core-js/modules/es.array-buffer.detached.js";
+import "core-js/modules/es.array-buffer.transfer.js";
+import "core-js/modules/es.array-buffer.transfer-to-fixed-length.js";
+import "core-js/modules/es.typed-array.to-reversed.js";
+import "core-js/modules/es.typed-array.to-sorted.js";
+import "core-js/modules/es.typed-array.with.js";
+import "core-js/modules/web.dom-exception.stack.js";
+// Encapsulates retrieval of server-side data injection into HTML template.
+
+/* global document */
+
+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();
+
+      // 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: 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

@@ -0,0 +1 @@
+{"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/{src/client/index.tsx → build/web/client/index.js}

@@ -1,43 +1,32 @@
 // Initialization of client-side code.
 /* global document */
 
-import type { ComponentType } from 'react';
 import { createRoot, hydrateRoot } from 'react-dom/client';
 import { HelmetProvider } from '@dr.pogodin/react-helmet';
 import { BrowserRouter } from 'react-router';
-
 import { GlobalStateProvider } from '@dr.pogodin/react-global-state';
-
-import getInj from './getInj';
-
-type OptionsT = {
-  dontHydrate?: boolean;
-  initialState?: unknown;
-};
-
+import getInj from "./getInj";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Prepares and launches the app at client side.
  * @param Application Root application component
  * @param [options={}] Optional. Additional settings.
  */
-export default function Launch(
-  Application: ComponentType,
-  options: OptionsT = {},
-): void {
+export async function launchClient(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 = (
-    <GlobalStateProvider initialState={getInj().ISTATE ?? options.initialState}>
-      <BrowserRouter>
-        <HelmetProvider>
-          <Application />
-        </HelmetProvider>
-      </BrowserRouter>
-    </GlobalStateProvider>
-  );
-
+  const scene = /*#__PURE__*/_jsx(GlobalStateProvider, {
+    initialState: inj.ISTATE ?? options.initialState,
+    children: /*#__PURE__*/_jsx(BrowserRouter, {
+      children: /*#__PURE__*/_jsx(HelmetProvider, {
+        children: /*#__PURE__*/_jsx(Application, {})
+      })
+    })
+  });
   if (options.dontHydrate) {
     const root = createRoot(container);
     root.render(scene);
   } else hydrateRoot(container, scene);
 }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["createRoot","hydrateRoot","HelmetProvider","BrowserRouter","GlobalStateProvider","getInj","jsx","_jsx","launchClient","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 async function launchClient(\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,OAAO,eAAeC,YAAYA,CAChCC,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/{src/client/init.ts → build/web/client/init.js}

@@ -4,19 +4,10 @@
 
 /* global window */
 
-import { type BuildInfoT, getBuildInfo } from 'utils/isomorphy/buildInfo';
-
+import { getBuildInfo } from "../shared/utils/isomorphy/buildInfo";
 const buildInfo = getBuildInfo();
 
 // TODO: Should be moved into buildInfo module?
-declare global {
-  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions
-  interface Window {
-    __DEV_BUILD_INFO__: BuildInfoT | undefined;
-  }
-}
-
-declare const BUILD_INFO: BuildInfoT | undefined;
 
 if (process.env.NODE_ENV !== 'production') {
   // eslint-disable-next-line no-console
@@ -27,9 +18,13 @@ if (process.env.NODE_ENV !== 'production') {
 }
 
 /* TODO: A proper logger should be moved to `@dr.pogodin/react-utils`. */
-const { useServiceWorker } = buildInfo;
+const {
+  useServiceWorker
+} = buildInfo;
 if (useServiceWorker) {
-  const { navigator } = window;
+  const {
+    navigator
+  } = window;
   if ('serviceWorker' in navigator) {
     window.addEventListener('load', () => {
       void (async () => {
@@ -38,8 +33,7 @@ if (useServiceWorker) {
           // from the web app root, to allow it control any and all pages of the
           // web app (otherwise, it will be restricted to the scope of its path).
           // The server takes it into account.
-          const reg = await navigator
-            .serviceWorker.register('/__service-worker.js');
+          const reg = await navigator.serviceWorker.register('/__service-worker.js');
           // eslint-disable-next-line no-console
           console.log('SW registered:', reg);
         } catch (err) {
@@ -50,3 +44,4 @@ if (useServiceWorker) {
     });
   }
 }
+//# sourceMappingURL=init.js.map

package/build/web/client/init.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"init.js","names":["getBuildInfo","buildInfo","process","env","NODE_ENV","console","warn","window","__DEV_BUILD_INFO__","BUILD_INFO","useServiceWorker","navigator","addEventListener","reg","serviceWorker","register","log","err"],"sources":["../../../src/client/init.ts"],"sourcesContent":["/**\n * Initialization of client-side environment.\n */\n\n/* global window */\n\nimport { type BuildInfoT, getBuildInfo } from 'utils/isomorphy/buildInfo';\n\nconst buildInfo = getBuildInfo();\n\n// TODO: Should be moved into buildInfo module?\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions\n  interface Window {\n    __DEV_BUILD_INFO__: BuildInfoT | undefined;\n  }\n}\n\ndeclare const BUILD_INFO: BuildInfoT | undefined;\n\nif (process.env.NODE_ENV !== 'production') {\n  // eslint-disable-next-line no-console\n  console.warn('Dev mode: \"BUILD_INFO\" attached to the global \"window\"');\n\n  // eslint-disable-next-line no-underscore-dangle\n  window.__DEV_BUILD_INFO__ = BUILD_INFO;\n}\n\n/* TODO: A proper logger should be moved to `@dr.pogodin/react-utils`. */\nconst { useServiceWorker } = buildInfo;\nif (useServiceWorker) {\n  const { navigator } = window;\n  if ('serviceWorker' in navigator) {\n    window.addEventListener('load', () => {\n      void (async () => {\n        try {\n          // Note: no matter the \"publicPath\", we want to serve the service worker\n          // from the web app root, to allow it control any and all pages of the\n          // web app (otherwise, it will be restricted to the scope of its path).\n          // The server takes it into account.\n          const reg = await navigator\n            .serviceWorker.register('/__service-worker.js');\n          // eslint-disable-next-line no-console\n          console.log('SW registered:', reg);\n        } catch (err) {\n          // eslint-disable-next-line no-console\n          console.log('SW registration failed:', err);\n        }\n      })();\n    });\n  }\n}\n"],"mappings":"AAAA;AACA;AACA;;AAEA;;AAEA,SAA0BA,YAAY;AAEtC,MAAMC,SAAS,GAAGD,YAAY,CAAC,CAAC;;AAEhC;;AAUA,IAAIE,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;EACzC;EACAC,OAAO,CAACC,IAAI,CAAC,wDAAwD,CAAC;;EAEtE;EACAC,MAAM,CAACC,kBAAkB,GAAGC,UAAU;AACxC;;AAEA;AACA,MAAM;EAAEC;AAAiB,CAAC,GAAGT,SAAS;AACtC,IAAIS,gBAAgB,EAAE;EACpB,MAAM;IAAEC;EAAU,CAAC,GAAGJ,MAAM;EAC5B,IAAI,eAAe,IAAII,SAAS,EAAE;IAChCJ,MAAM,CAACK,gBAAgB,CAAC,MAAM,EAAE,MAAM;MACpC,KAAK,CAAC,YAAY;QAChB,IAAI;UACF;UACA;UACA;UACA;UACA,MAAMC,GAAG,GAAG,MAAMF,SAAS,CACxBG,aAAa,CAACC,QAAQ,CAAC,sBAAsB,CAAC;UACjD;UACAV,OAAO,CAACW,GAAG,CAAC,gBAAgB,EAAEH,GAAG,CAAC;QACpC,CAAC,CAAC,OAAOI,GAAG,EAAE;UACZ;UACAZ,OAAO,CAACW,GAAG,CAAC,yBAAyB,EAAEC,GAAG,CAAC;QAC7C;MACF,CAAC,EAAE,CAAC;IACN,CAAC,CAAC;EACJ;AACF","ignoreList":[]}