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

package/build/web/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":"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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":"AAAA;;AAEA,SAKEA,QAAQ,EACRC,IAAI,EACJC,kBAAkB,QACb,OAAO;AAEd,SAASC,OAAO,QAAQ,sBAAsB;AAE9C,SAA4BC,aAAa;AAEzC,SACEC,cAAc,EACdC,cAAc,EACdC,YAAY;AACO,SAAAC,GAAA,IAAAC,IAAA;AAErB,SAASC,oBAAoBA,CAAA,EAAsC;EACjE,IAAI,CAACL,cAAc,EAAE,OAAOM,SAAS;EAErC,OAAO,CAAC,YAAY;IAClB,MAAM;MAAEC,OAAO,EAAEC;IAAO,CAAC,GAAG,MAAM,MAAM,CAAC,2EAA4E,CAAC;IAEtH,MAAMC,GAAG,GAAG,MAAMD,MAAM,CAAC,CAAC;IAC1B,OAAOC,GAAG,CAACC,YAAY,IAAI,CAAC,CAAC;EAC/B,CAAC,EAAE,CAAC;AACN;AAEA,MAAMC,SAAiC,GAAG,CAAC,CAAC;AAE5C,SAASC,aAAaA,CAAA,EAAG;EACvB,OAAOV,YAAY,CAAC,CAAC,CAACW,UAAU;AAClC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,cAAcA,CACrBC,IAAY,EACZC,YAAyB,EACzBC,QAAiB,EACU;EAC3B,IAAIC,GAA8B;EAClC,MAAMC,IAAI,GAAG,GAAGP,aAAa,CAAC,CAAC,IAAIG,IAAI,EAAE;EACzC,MAAMK,QAAQ,GAAG,GAAGC,QAAQ,CAACC,QAAQ,CAACC,MAAM,GAAGJ,IAAI,EAAE;EAErD,IAAI,CAACH,YAAY,CAACQ,GAAG,CAACJ,QAAQ,CAAC,EAAE;IAC/B,IAAIK,IAAI,GAAGJ,QAAQ,CAACK,aAAa,CAAC,cAAcP,IAAI,IAAI,CAAC;IAEzD,IAAI,CAACM,IAAI,EAAE;MACTA,IAAI,GAAGJ,QAAQ,CAACM,aAAa,CAAC,MAAM,CAAC;MACrCF,IAAI,CAACG,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC;MACtCH,IAAI,CAACG,YAAY,CAAC,MAAM,EAAET,IAAI,CAAC;MAC/BE,QAAQ,CAACQ,IAAI,CAACC,WAAW,CAACL,IAAI,CAAC;IACjC;IAEAP,GAAG,GAAG,IAAIpB,OAAO,CAAO,CAAC;IACzB2B,IAAI,CAACM,gBAAgB,CAAC,MAAM,EAAE,MAAM;MAClC,IAAI,CAACb,GAAG,EAAE,MAAMc,KAAK,CAAC,gBAAgB,CAAC;MACvC,KAAKd,GAAG,CAACe,OAAO,CAAC,CAAC;IACpB,CAAC,CAAC;IACFR,IAAI,CAACM,gBAAgB,CAAC,OAAO,EAAE,MAAM;MACnC,IAAI,CAACb,GAAG,EAAE,MAAMc,KAAK,CAAC,gBAAgB,CAAC;MACvC,KAAKd,GAAG,CAACe,OAAO,CAAC,CAAC;IACpB,CAAC,CAAC;EACJ;EAEA,IAAIhB,QAAQ,EAAE;IACZ,MAAMiB,OAAO,GAAGvB,SAAS,CAACQ,IAAI,CAAC,IAAI,CAAC;IACpCR,SAAS,CAACQ,IAAI,CAAC,GAAG,CAAC,GAAGe,OAAO;EAC/B;EAEA,OAAOhB,GAAG;AACZ;;AAEA;AACA;AACA;AACA;AACA,SAASiB,oBAAoBA,CAAA,EAAgB;EAC3C,MAAMjB,GAAG,GAAG,IAAIkB,GAAG,CAAS,CAAC;EAC7B,MAAM;IAAEC;EAAY,CAAC,GAAGhB,QAAQ;EAChC,KAAK,MAAM;IAAEiB;EAAK,CAAC,IAAID,WAAW,EAAE;IAClC,IAAIC,IAAI,EAAEpB,GAAG,CAACqB,GAAG,CAACD,IAAI,CAAC;EACzB;EACA,OAAOpB,GAAG;AACZ;AAEA,SAASsB,eAAeA,CACtBC,SAAiB,EACjBC,WAAyB,EACzB;EACA,IAAIA,WAAW,CAACD,SAAS,CAAC,EAAE;EAC5B,MAAMT,KAAK,CAAC,uBAAuBS,SAAS,GAAG,CAAC;AAClD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,eAAeE,eAAeA,CACnCF,SAAiB,EACjBC,WAAyB,EACzBzB,QAAiB,EACF;EACf,MAAM2B,QAAQ,GAAG,EAAE;EACnB,MAAMC,MAAM,GAAGH,WAAW,CAACD,SAAS,CAAC;EACrC,IAAI,CAACI,MAAM,EAAE,OAAOC,OAAO,CAACb,OAAO,CAAC,CAAC;EAErC,MAAMjB,YAAY,GAAGmB,oBAAoB,CAAC,CAAC;EAE3C,KAAK,MAAMY,KAAK,IAAIF,MAAM,EAAE;IAC1B,IAAIE,KAAK,CAACC,QAAQ,CAAC,MAAM,CAAC,EAAE;MAC1B,MAAMC,OAAO,GAAGnC,cAAc,CAACiC,KAAK,EAAE/B,YAAY,EAAEC,QAAQ,CAAC;MAC7D,IAAIgC,OAAO,EAAEL,QAAQ,CAACM,IAAI,CAACD,OAAO,CAAC;IACrC;EACF;EAEA,OAAOL,QAAQ,CAACO,MAAM,GAClBL,OAAO,CAACM,UAAU,CAACR,QAAQ,CAAC,CAACS,IAAI,CAAC,CAAC,GACnCP,OAAO,CAACb,OAAO,CAAC,CAAC;AACvB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASqB,eAAeA,CAC7Bb,SAAiB,EACjBC,WAAyB,EACnB;EACN,MAAMG,MAAM,GAAGH,WAAW,CAACD,SAAS,CAAC;EACrC,IAAI,CAACI,MAAM,EAAE;EAEb,KAAK,MAAME,KAAK,IAAIF,MAAM,EAAE;IAC1B,IAAIE,KAAK,CAACC,QAAQ,CAAC,MAAM,CAAC,EAAE;MAC1B,MAAM7B,IAAI,GAAG,GAAGP,aAAa,CAAC,CAAC,IAAImC,KAAK,EAAE;MAE1C,MAAMQ,YAAY,GAAG5C,SAAS,CAACQ,IAAI,CAAC;MACpC,IAAIoC,YAAY,EAAE;QAChB,IAAIA,YAAY,IAAI,CAAC,EAAE;UACrBlC,QAAQ,CAACQ,IAAI,CAACH,aAAa,CAAC,cAAcP,IAAI,IAAI,CAAC,CAAEqC,MAAM,CAAC,CAAC;UAC7D,OAAO7C,SAAS,CAACQ,IAAI,CAAC;QACxB,CAAC,MAAMR,SAAS,CAACQ,IAAI,CAAC,GAAGoC,YAAY,GAAG,CAAC;MAC3C;IACF;EACF;AACF;;AAEA;AACA,MAAME,cAAc,GAAG,IAAIrB,GAAG,CAAC,CAAC;AAgBhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASsB,cAAcA,CAEpC;EACAjB,SAAS;EACTkB,YAAY;EACZC;AAKF,CAAC,EAAsC;EACrC;EACA,IAAIH,cAAc,CAACjC,GAAG,CAACiB,SAAS,CAAC,EAAE;IACjC,MAAMT,KAAK,CAAC,iDAAiDS,SAAS,GAAG,CAAC;EAC5E,CAAC,MAAMgB,cAAc,CAAClB,GAAG,CAACE,SAAS,CAAC;EAEpC,MAAMoB,aAAa,gBAAGjE,IAAI,CAAC,YAAY;IACrC,MAAMkE,iBAAiB,GAAG,MAAMzD,oBAAoB,CAAC,CAAC;;IAEtD;IACA,IAAIL,cAAc,EAAE;MAClB,IAAI,CAAC8D,iBAAiB,EAAE,MAAM9B,KAAK,CAAC,gBAAgB,CAAC;MACrDQ,eAAe,CAACC,SAAS,EAAEqB,iBAAiB,CAAC;IAC/C;IAEA,MAAMC,QAAQ,GAAG,MAAMJ,YAAY,CAAC,CAAC;IACrC,MAAMK,SAAS,GAAG,SAAS,IAAID,QAAQ,GAAGA,QAAQ,CAACxD,OAAO,GAAGwD,QAAQ;;IAErE;IACA;IACA;IACA,IAAI/D,cAAc,EAAE;MAClB,IAAI,CAAC8D,iBAAiB,EAAE,MAAM9B,KAAK,CAAC,gBAAgB,CAAC;MACrD,MAAMW,eAAe,CAACF,SAAS,EAAEqB,iBAAiB,EAAE,KAAK,CAAC;IAC5D;IAEA,MAAMG,OAA2C,GAAGA,CAAC;MACnDC,QAAQ;MACRC,GAAG;MACH,GAAGC;IACL,CAAC,KAAK;MACJ;MACA;MACA,IAAInE,cAAc,EAAE;QAClB,MAAM;UAAEyC,WAAW;UAAE2B;QAAO,CAAC,GAAGtE,aAAa,CAAC,CAAE;QAChDyC,eAAe,CAACC,SAAS,EAAEC,WAAW,CAAC;QACvC,IAAI,CAAC2B,MAAM,CAACC,QAAQ,CAAC7B,SAAS,CAAC,EAAE4B,MAAM,CAACnB,IAAI,CAACT,SAAS,CAAC;MACzD;;MAEA;MACA;MACA5C,kBAAkB,CAAC,MAAM;QACvB,IAAI,CAACiE,iBAAiB,EAAE,MAAM9B,KAAK,CAAC,gBAAgB,CAAC;QACrD,KAAKW,eAAe,CAACF,SAAS,EAAEqB,iBAAiB,EAAE,IAAI,CAAC;QACxD,OAAO,MAAM;UACXR,eAAe,CAACb,SAAS,EAAEqB,iBAAiB,CAAC;QAC/C,CAAC;MACH,CAAC,EAAE,EAAE,CAAC;MAEN,oBACE1D,IAAA,CAAC4D;MACC;MAAA;QAAA,GACKI,IAAI;QACTD,GAAG,EAAEA,GAAI;QAAAD,QAAA,EAERA;MAAQ,CACA,CAAC;IAEhB,CAAC;IAED,OAAO;MAAE3D,OAAO,EAAE0D;IAAQ,CAAC;EAC7B,CAAC,CAAC;EAEF,MAAMM,SAAmD,GAAGA,CAAC;IAC3DL,QAAQ;IACR,GAAGE;EACY,CAAC,kBAChBhE,IAAA,CAACT,QAAQ;IAAC6E,QAAQ,EAAEZ,WAAY;IAAAM,QAAA,eAC9B9D,IAAA,CAACyD;IACC;IAAA;MAAA,GACIO,IAAI;MAAAF,QAAA,EAEPA;IAAQ,CACI;EAAC,CACR,CACX;EAED,OAAOK,SAAS;AAClB","ignoreList":[]}

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

@@ -1,4 +1,9 @@
-import { IS_CLIENT_SIDE } from "./isomorphy";
+// eslint-disable-next-line import/enforce-node-protocol-usage
+import { createRequire } from 'module';
+import { IS_CLIENT_SIDE, IS_SERVER_SIDE } from "./isomorphy";
+let require;
+if (IS_SERVER_SIDE) require = createRequire(import.meta.url);
+
 /**
  * Requires the specified module without including it into the bundle during
  * Webpack build.
@@ -23,15 +28,12 @@ basePathOrOptions) {
     } = ops);
   }
 
-  // eslint-disable-next-line no-eval
-  const req = eval('require');
-
   // eslint-disable-next-line @typescript-eslint/unbound-method
   const {
     resolve
-  } = req('path');
+  } = require('node:path');
   const path = basePath ? resolve(basePath, modulePath) : modulePath;
-  const module = req(path);
+  const module = require(path);
   if (!('default' in module) || !module.default) return module;
   const {
     default: def,
@@ -40,7 +42,9 @@ basePathOrOptions) {
   const res = def;
   Object.entries(named).forEach(([name, value]) => {
     const assigned = res[name];
-    if (assigned) res[name] = value;else if (assigned !== value) {
+    if (assigned === undefined) {
+      res[name] = value;
+    } else if (assigned !== value) {
       throw Error('Conflict between default and named exports');
     }
   });

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

@@ -1 +1 @@
-{"version":3,"file":"webpack.js","names":["IS_CLIENT_SIDE","requireWeak","modulePath","basePathOrOptions","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":"AAEA,SAASA,cAAc;AAUvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CACzBC,UAAkB;AAElB;AACA;AACA;AACAC,iBAAgD,EACrB;EAC3B,IAAIH,cAAc,EAAE,OAAO,IAAI;EAE/B,IAAII,QAA4B;EAChC,IAAIC,GAAwB;EAC5B,IAAI,OAAOF,iBAAiB,KAAK,QAAQ,EAAE;IACzCC,QAAQ,GAAGD,iBAAiB;EAC9B,CAAC,MAAM;IACLE,GAAG,GAAGF,iBAAiB,IAAI,CAAC,CAAC;IAC7B,CAAC;MAAEC;IAAS,CAAC,GAAGC,GAAG;EACrB;;EAEA;EACA,MAAMC,GAAG,GAAGC,IAAI,CAAC,SAAS,CAA8B;;EAExD;EACA,MAAM;IAAEC;EAAQ,CAAC,GAAGF,GAAG,CAAC,MAAM,CAAkB;EAEhD,MAAMG,IAAI,GAAGL,QAAQ,GAAGI,OAAO,CAACJ,QAAQ,EAAEF,UAAU,CAAC,GAAGA,UAAU;EAClE,MAAMQ,MAAM,GAAGJ,GAAG,CAACG,IAAI,CAAM;EAE7B,IAAI,EAAE,SAAS,IAAIC,MAAM,CAAC,IAAI,CAACA,MAAM,CAACC,OAAO,EAAE,OAAOD,MAAM;EAE5D,MAAM;IAAEC,OAAO,EAAEC,GAAG;IAAE,GAAGC;EAAM,CAAC,GAAGH,MAAM;EAEzC,MAAMI,GAAG,GAAGF,GAAyB;EAErCG,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAAC,CAACC,IAAI,EAAEC,KAAK,CAAC,KAAK;IAC/C,MAAMC,QAAQ,GAAGN,GAAG,CAACI,IAAI,CAA6B;IACtD,IAAIE,QAAQ,EAAGN,GAAG,CAACI,IAAI,CAA6B,GAAeC,KAAK,CAAC,KACpE,IAAIC,QAAQ,KAAKD,KAAK,EAAE;MAC3B,MAAME,KAAK,CAAC,4CAA4C,CAAC;IAC3D;EACF,CAAC,CAAC;EACF,OAAOP,GAAG;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASQ,WAAWA,CAACpB,UAAkB,EAAU;EACtD,OAAOA,UAAU;AACnB","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":"AAEA;AACA,SAASA,aAAa,QAAQ,QAAQ;AAEtC,SAASC,cAAc,EAAEC,cAAc;AAUvC,IAAIC,OAA+C;AAEnD,IAAID,cAAc,EAAEC,OAAO,GAAGH,aAAa,CAACI,MAAM,CAACC,IAAI,CAACC,GAAG,CAAC;;AAE5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CACzBC,UAAkB;AAElB;AACA;AACA;AACAC,iBAAgD,EACrB;EAC3B,IAAIR,cAAc,EAAE,OAAO,IAAI;EAE/B,IAAIS,QAA4B;EAChC,IAAIC,GAAwB;EAC5B,IAAI,OAAOF,iBAAiB,KAAK,QAAQ,EAAE;IACzCC,QAAQ,GAAGD,iBAAiB;EAC9B,CAAC,MAAM;IACLE,GAAG,GAAGF,iBAAiB,IAAI,CAAC,CAAC;IAC7B,CAAC;MAAEC;IAAS,CAAC,GAAGC,GAAG;EACrB;;EAEA;EACA,MAAM;IAAEC;EAAQ,CAAC,GAAGT,OAAO,CAAE,WAAW,CAAkB;EAE1D,MAAMU,IAAI,GAAGH,QAAQ,GAAGE,OAAO,CAACF,QAAQ,EAAEF,UAAU,CAAC,GAAGA,UAAU;EAElE,MAAMM,MAAM,GAAGX,OAAO,CAAEU,IAAI,CAAM;EAElC,IAAI,EAAE,SAAS,IAAIC,MAAM,CAAC,IAAI,CAACA,MAAM,CAACC,OAAO,EAAE,OAAOD,MAAM;EAE5D,MAAM;IAAEC,OAAO,EAAEC,GAAG;IAAE,GAAGC;EAAM,CAAC,GAAGH,MAAM;EAEzC,MAAMI,GAAG,GAAGF,GAAyB;EAErCG,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAAC,CAACC,IAAI,EAAEC,KAAK,CAAC,KAAK;IAC/C,MAAMC,QAAQ,GAAGN,GAAG,CAACI,IAAI,CAA6B;IACtD,IAAIE,QAAQ,KAAKC,SAAS,EAAE;MACzBP,GAAG,CAACI,IAAI,CAA6B,GAAeC,KAAK;IAC5D,CAAC,MAAM,IAAIC,QAAQ,KAAKD,KAAK,EAAE;MAC7B,MAAMG,KAAK,CAAC,4CAA4C,CAAC;IAC3D;EACF,CAAC,CAAC;EACF,OAAOR,GAAG;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASS,WAAWA,CAACnB,UAAkB,EAAU;EACtD,OAAOA,UAAU;AACnB","ignoreList":[]}

package/config/babel/node-ssr.js

@@ -32,12 +32,9 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = getConfig;
-const pull_1 = __importDefault(require("lodash/pull"));
+const lodash_es_1 = require("lodash-es");
 const webpack_1 = __importStar(require("./webpack"));
 /**
  * Creates a new base config.
@@ -57,6 +54,9 @@ function newBase(babel, options = {}) {
             extensions: ['gif', 'jpeg', 'jpg', 'png'],
             name: `${baseAssetsOutputPath}/images/[md4:hash:20].[ext]`,
         }]);
+    if (options.modules === false) {
+        config.plugins.push('babel-plugin-add-import-extension');
+    }
     const moduleResolverPluginOps = config.plugins.find((x) => Array.isArray(x) && x[0] === 'module-resolver')[1];
     moduleResolverPluginOps.transformFunctions = [
         'requireWeak',
@@ -65,7 +65,7 @@ function newBase(babel, options = {}) {
         'webpack.resolveWeak',
     ];
     if (babel.env() === webpack_1.ENVIRONMENTS.DEV) {
-        (0, pull_1.default)(config.plugins, 'react-refresh/babel');
+        (0, lodash_es_1.pull)(config.plugins, 'react-refresh/babel');
     }
     return config;
 }

package/config/jest/default.js

@@ -8,6 +8,7 @@ const globalLibDir = path.resolve(process.execPath, '../../lib/node_modules');
 const modulesToTransform = [
   '@dr.pogodin/react-global-state',
   '@dr.pogodin/react-utils',
+  'lodash-es',
   'uuid',
 ];
 

package/config/jest/setup.js

@@ -1,4 +1,6 @@
-/* global globalThis, require */
+/* global globalThis, require, window */
+
+import { subtle } from 'node:crypto';
 
 // eslint-disable-next-line import/no-unassigned-import
 import 'raf/polyfill';
@@ -11,3 +13,8 @@ if (!globalThis.TextEncoder || !globalThis.TextDecoder) {
   globalThis.TextEncoder = TextEncoder;
   globalThis.TextDecoder = TextDecoder;
 }
+
+// Polyfill of crypto.subtle in JSDOM environments.
+if (typeof window !== 'undefined') {
+  window.crypto.subtle = subtle;
+}

package/config/webpack/app-base.js

@@ -5,16 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = configFactory;
+const node_crypto_1 = require("node:crypto");
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
-const sitemap_1 = __importDefault(require("sitemap"));
-const clone_1 = __importDefault(require("lodash/clone"));
-const defaults_1 = __importDefault(require("lodash/defaults"));
-const isFunction_1 = __importDefault(require("lodash/isFunction"));
-const isObject_1 = __importDefault(require("lodash/isObject"));
+const sitemap_1 = require("sitemap");
+const clone_js_1 = __importDefault(require("lodash/clone.js"));
+const defaults_js_1 = __importDefault(require("lodash/defaults.js"));
+const isFunction_js_1 = __importDefault(require("lodash/isFunction.js"));
+const isObject_js_1 = __importDefault(require("lodash/isObject.js"));
 const autoprefixer_1 = __importDefault(require("autoprefixer"));
 const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
-const node_forge_1 = __importDefault(require("node-forge"));
 const webpack_1 = require("webpack");
 const workbox_webpack_plugin_1 = __importDefault(require("workbox-webpack-plugin"));
 const utils_1 = require("@dr.pogodin/babel-plugin-react-css-modules/utils");
@@ -129,7 +129,7 @@ const utils_1 = require("@dr.pogodin/babel-plugin-react-css-modules/utils");
  */
 function configFactory(ops) {
     var _a, _b;
-    const o = (0, defaults_1.default)((0, clone_1.default)(ops), {
+    const o = (0, defaults_js_1.default)((0, clone_js_1.default)(ops), {
         babelLoaderOptions: {},
         cssLocalIdent: '[hash:base64:6]',
         outputPath: 'build/web-public',
@@ -144,12 +144,12 @@ function configFactory(ops) {
         const sitemapUrl = node_path_1.default.resolve(o.context, o.sitemap);
         // eslint-disable-next-line import/no-dynamic-require, @typescript-eslint/no-require-imports
         let source = require(sitemapUrl);
-        if ((0, isFunction_1.default)(source))
+        if ((0, isFunction_js_1.default)(source))
             source = source();
-        const sm = new sitemap_1.default.SitemapStream();
+        const sm = new sitemap_1.SitemapStream();
         source.forEach((item) => sm.write(item));
         sm.end();
-        void sitemap_1.default.streamToPromise(sm).then((sitemap) => {
+        void (0, sitemap_1.streamToPromise)(sm).then((sitemap) => {
             const outUrl = node_path_1.default.resolve(o.context, o.outputPath);
             if (!fs.existsSync(outUrl))
                 fs.mkdirSync(outUrl);
@@ -179,7 +179,7 @@ function configFactory(ops) {
     // build info object in case nothing could be loaded.
     buildInfo !== null && buildInfo !== void 0 ? buildInfo : (buildInfo = Object.freeze({
         /* A random 32-bit key, that can be used for encryption. */
-        key: node_forge_1.default.random.getBytesSync(32),
+        key: (0, node_crypto_1.randomBytes)(32).toString('base64'),
         /* Public path used during build. */
         publicPath: o.publicPath,
         /* `true` if client-side code should setup a service worker. */
@@ -210,7 +210,7 @@ function configFactory(ops) {
         plugins.push(new webpack_1.ProgressPlugin());
     /* Adds InjectManifest plugin from WorkBox, if opted to. */
     if (o.workbox) {
-        if (!(0, isObject_1.default)(o.workbox))
+        if (!(0, isObject_js_1.default)(o.workbox))
             o.workbox = {};
         plugins.push(new workbox_webpack_plugin_1.default.InjectManifest(Object.assign(Object.assign({ swSrc: node_path_1.default.resolve(__dirname, '../workbox/default.js') }, o.workbox), { swDest: '__service-worker.js' })));
     }
@@ -323,6 +323,7 @@ function configFactory(ops) {
                 '.json',
                 '.scss',
             ],
+            fallback: { module: false },
             symlinks: false,
         },
     };

package/config/webpack/app-development.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = configFactory;
-const clone_1 = __importDefault(require("lodash/clone"));
-const defaults_1 = __importDefault(require("lodash/defaults"));
+const clone_js_1 = __importDefault(require("lodash/clone.js"));
+const defaults_js_1 = __importDefault(require("lodash/defaults.js"));
 const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
 const react_refresh_webpack_plugin_1 = __importDefault(require("@pmmmwh/react-refresh-webpack-plugin"));
 const webpack_1 = __importDefault(require("webpack"));
@@ -18,7 +18,7 @@ const app_base_1 = __importDefault(require("./app-base"));
  * @param [ops.dontUseHmr]
  */
 function configFactory(ops) {
-    const o = (0, defaults_1.default)((0, clone_1.default)(ops), {
+    const o = (0, defaults_js_1.default)((0, clone_js_1.default)(ops), {
         cssLocalIdent: '[package]___[path][name]___[local]___[hash:base64:6]',
     });
     const entry = ['@dr.pogodin/react-utils/build/development/client/init'];

package/config/webpack/lib-base.js

@@ -42,8 +42,7 @@ function configFactory(ops) {
             'axios',
             'cookie',
             'dayjs',
-            'lodash',
-            /node-forge/,
+            'lodash-es',
             'qs',
             'react',
             /react-dom/,

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.47.0-alpha.2",
+  "version": "1.47.0-alpha.4",
   "bin": {
     "react-utils-build": "bin/build.js",
     "react-utils-setup": "bin/setup.js"
@@ -12,11 +12,11 @@
     "@dr.pogodin/babel-plugin-react-css-modules": "^6.13.8",
     "@dr.pogodin/csurf": "^1.16.6",
     "@dr.pogodin/js-utils": "^0.1.4",
-    "@dr.pogodin/react-global-state": "^0.21.0",
+    "@dr.pogodin/react-global-state": "^0.21.1",
     "@dr.pogodin/react-helmet": "^3.0.4",
     "@dr.pogodin/react-themes": "^1.9.3",
     "@jest/environment": "^30.2.0",
-    "axios": "^1.13.1",
+    "axios": "^1.13.2",
     "commander": "^14.0.2",
     "compression": "^1.8.1",
     "config": "^4.1.1",
@@ -27,9 +27,8 @@
     "express": "^5.1.0",
     "helmet": "^8.1.0",
     "http-status-codes": "^2.3.0",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "morgan": "^1.10.1",
-    "node-forge": "^1.3.1",
     "qs": "^6.14.0",
     "raf": "^3.4.1",
     "react": "^19.2.0",
@@ -69,8 +68,8 @@
     "@types/express": "^5.0.5",
     "@types/jest": "^30.0.0",
     "@types/lodash": "^4.17.20",
+    "@types/lodash-es": "^4.17.12",
     "@types/morgan": "^1.9.10",
-    "@types/node-forge": "^1.3.14",
     "@types/pretty": "^2.0.3",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
@@ -83,6 +82,7 @@
     "autoprefixer": "^10.4.21",
     "babel-jest": "^30.2.0",
     "babel-loader": "^10.0.0",
+    "babel-plugin-add-import-extension": "^1.6.0",
     "babel-plugin-module-resolver": "^5.0.2",
     "babel-plugin-transform-import-meta": "^2.3.3",
     "core-js": "^3.46.0",
@@ -104,7 +104,7 @@
     "resolve-url-loader": "^5.0.0",
     "sass": "^1.93.3",
     "sass-loader": "^16.0.6",
-    "sitemap": "^8.0.2",
+    "sitemap": "^9.0.0",
     "source-map-loader": "^5.0.0",
     "stylelint": "^16.25.0",
     "stylelint-config-standard-scss": "^16.0.0",
@@ -177,8 +177,8 @@
   "scripts": {
     "build": "rimraf build && npm run build:configs && npm run build:types-scss && npm run build:types-code && npm run build:web && npm run build:dev && npm run build:prod",
     "build:configs": "tsc --project tsconfig.configs.json",
-    "build:dev": "node bin/build -i build/web -t development --lib --webpack-config webpack.config.ts --no-webpack",
-    "build:prod": "node bin/build -i build/web -t production --lib --webpack-config webpack.config.ts --no-webpack",
+    "build:dev": "node bin/build -i build/web -t development --lib --babel-config babel.module.config.js --webpack-config webpack.config.ts --no-webpack",
+    "build:prod": "node bin/build -i build/web -t production --lib --babel-config babel.module.config.js --webpack-config webpack.config.ts --no-webpack",
     "build:types-code": "rimraf build/types-code && tsc --project tsconfig.types.json && tsc-alias -p tsconfig.types.json",
     "build:types-scss": "rimraf build/types-scss && typed-scss-modules .",
     "build:web": "rimraf build/web && babel ./src --config-file ./babel.libweb.config.js --out-dir build/web -x .js,.jsx,.ts,.tsx --source-maps --copy-files",

package/src/client/getInj.ts

@@ -2,50 +2,70 @@
 
 /* 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';
-
-// eslint-disable-next-line import/no-unassigned-import
-import 'node-forge/lib/aes';
-
 import type { InjT } from 'utils/globalState';
 
 import { getBuildInfo } from 'utils/isomorphy/buildInfo';
 
-// 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: InjT = {};
-
-const metaElement: HTMLMetaElement | null = typeof document === 'undefined'
-  ? null : document.querySelector('meta[itemprop="drpruinj"]');
-
-if (metaElement) {
-  metaElement.remove();
-  let data = forge.util.decode64(metaElement.content);
-
-  const { key } = getBuildInfo();
-  const d = forge.cipher.createDecipher('AES-CBC', key);
-  d.start({ iv: data.slice(0, key.length) });
-  d.update(forge.util.createBuffer(data.slice(key.length)));
-  d.finish();
-
-  data = forge.util.decodeUtf8(d.output.data);
-
-  // TODO: Double-check, if there is a safer alternative to parse it?
-  // eslint-disable-next-line no-eval
-  inj = eval(`(${data})`) as InjT;
-} 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 = {};
-}
+let inj: InjT | Promise<InjT> | undefined;
+
+export default function getInj(): InjT | Promise<InjT> {
+  inj ??= (async () => {
+    const metaElement: HTMLMetaElement | null = 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: string) => 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)})`) as InjT;
+
+      // 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 {};
+  })();
 
-export default function getInj(): InjT {
   return inj;
 }

package/src/client/index.tsx

@@ -20,14 +20,16 @@ type OptionsT = {
  * @param Application Root application component
  * @param [options={}] Optional. Additional settings.
  */
-export default function Launch(
+export default async function Launch(
   Application: ComponentType,
   options: OptionsT = {},
-): void {
+): Promise<void> {
+  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}>
+    <GlobalStateProvider initialState={inj.ISTATE ?? options.initialState}>
       <BrowserRouter>
         <HelmetProvider>
           <Application />

package/src/index.ts

@@ -16,8 +16,8 @@ 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<typeof ServerFactoryM>('./server', dirname);
 
@@ -54,10 +54,10 @@ export {
 
 export {
   assertEmptyObject,
-  config,
   Barrier,
   Cached,
   Emitter,
+  getConfig,
   isomorphy,
   getSsrContext,
   type Listener,

package/src/server/index.ts

@@ -1,20 +1,15 @@
 // eslint-disable-next-line import/no-unassigned-import
-import 'source-map-support/register';
+import 'source-map-support/register.js';
 
 import http from 'node:http';
 import https from 'node:https';
 
-import cloneDeep from 'lodash/cloneDeep';
-import defaults from 'lodash/defaults';
-import isFinite from 'lodash/isFinite';
-import isNumber from 'lodash/isNumber';
-import isString from 'lodash/isString';
-import toNumber from 'lodash/toNumber';
+import { cloneDeep, defaults } from 'lodash-es';
 
 // Polyfill required by ReactJS.
 // TODO: Double-check, if it is still required by React v19?
 // eslint-disable-next-line import/no-unassigned-import
-import 'raf/polyfill';
+import 'raf/polyfill.js';
 
 import type { Configuration } from 'webpack';
 
@@ -41,13 +36,12 @@ export { errors, getDefaultCspSettings, type ServerT };
  * Normalizes a port into a number, string, or false.
  * TODO: Drop this function?
  * @param value Port name or number.
- * @return Port number (Number), name (String), or false.
+ * @return Port number (Number), name (String).
  */
 function normalizePort(value: number | string) {
-  const port = toNumber(value);
-  if (isFinite(port)) return port; /* port number */
-  if (!isNumber(port)) return value; /* named pipe */
-  return false;
+  const port = typeof value === 'string' ? parseInt(value) : value;
+  if (Number.isFinite(port)) return port; /* port number */
+  return value; /* named pipe */
 }
 
 type OptionsT = ServerOptionsT & {
@@ -212,7 +206,7 @@ export default async function launchServer(
   /* Sets error handler for HTTP(S) server. */
   httpServer.on('error', (error: Error) => {
     if ((error as { syscall?: string }).syscall !== 'listen') throw error;
-    const bind = isString(ops.port) ? `Pipe ${ops.port}` : `Port ${ops.port}`;
+    const bind = typeof ops.port === 'string' ? `Pipe ${ops.port}` : `Port ${ops.port}`;
 
     /* Human-readable message for some specific listen errors. */
     switch ((error as { code?: string }).code) {
@@ -231,7 +225,7 @@ export default async function launchServer(
   /* Listening event handler for HTTP(S) server. */
   httpServer.on('listening', () => {
     const addr = httpServer.address()!;
-    const bind = isString(addr) ? `pipe ${addr}` : `port ${addr.port}`;
+    const bind = typeof addr === 'string' ? `pipe ${addr}` : `port ${addr.port}`;
     ops.logger!.info(`Server listening on ${bind} in ${
       process.env.NODE_ENV} mode`);
   });