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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/build/development/client/getInj.js +48 -37
  2. package/build/development/client/getInj.js.map +1 -1
  3. package/build/development/client/index.js +3 -2
  4. package/build/development/client/index.js.map +1 -1
  5. package/build/development/index.js +3 -3
  6. package/build/development/index.js.map +1 -1
  7. package/build/development/server/renderer.js +12 -30
  8. package/build/development/server/renderer.js.map +1 -1
  9. package/build/development/shared/components/Modal/index.js +2 -2
  10. package/build/development/shared/components/Modal/index.js.map +1 -1
  11. package/build/development/shared/utils/config.js +37 -9
  12. package/build/development/shared/utils/config.js.map +1 -1
  13. package/build/development/shared/utils/index.js +2 -2
  14. package/build/development/shared/utils/index.js.map +1 -1
  15. package/build/development/shared/utils/splitComponent.js +2 -1
  16. package/build/development/shared/utils/splitComponent.js.map +1 -1
  17. package/build/production/client/getInj.js +12 -10
  18. package/build/production/client/getInj.js.map +1 -1
  19. package/build/production/client/index.js +1 -1
  20. package/build/production/client/index.js.map +1 -1
  21. package/build/production/index.js +2 -1
  22. package/build/production/index.js.map +1 -1
  23. package/build/production/server/renderer.js +6 -9
  24. package/build/production/server/renderer.js.map +1 -1
  25. package/build/production/shared/components/Modal/index.js +2 -2
  26. package/build/production/shared/components/Modal/index.js.map +1 -1
  27. package/build/production/shared/utils/config.js +8 -4
  28. package/build/production/shared/utils/config.js.map +1 -1
  29. package/build/production/shared/utils/index.js +1 -1
  30. package/build/production/shared/utils/index.js.map +1 -1
  31. package/build/production/shared/utils/splitComponent.js +1 -1
  32. package/build/production/shared/utils/splitComponent.js.map +1 -1
  33. package/build/types-code/client/getInj.d.ts +1 -2
  34. package/build/types-code/client/index.d.ts +1 -1
  35. package/build/types-code/index.d.ts +1 -1
  36. package/build/types-code/shared/utils/config.d.ts +4 -2
  37. package/build/types-code/shared/utils/index.d.ts +2 -2
  38. package/build/types-code/shared/utils/splitComponent.d.ts +6 -4
  39. package/build/web/client/getInj.js +48 -37
  40. package/build/web/client/getInj.js.map +1 -1
  41. package/build/web/client/index.js +3 -2
  42. package/build/web/client/index.js.map +1 -1
  43. package/build/web/index.js +3 -3
  44. package/build/web/index.js.map +1 -1
  45. package/build/web/server/renderer.js +12 -30
  46. package/build/web/server/renderer.js.map +1 -1
  47. package/build/web/shared/components/Modal/index.js +2 -2
  48. package/build/web/shared/components/Modal/index.js.map +1 -1
  49. package/build/web/shared/utils/config.js +36 -10
  50. package/build/web/shared/utils/config.js.map +1 -1
  51. package/build/web/shared/utils/index.js +2 -2
  52. package/build/web/shared/utils/index.js.map +1 -1
  53. package/build/web/shared/utils/splitComponent.js +2 -1
  54. package/build/web/shared/utils/splitComponent.js.map +1 -1
  55. package/config/jest/setup.js +8 -1
  56. package/config/webpack/app-base.js +2 -2
  57. package/config/webpack/lib-base.js +0 -1
  58. package/package.json +2 -4
  59. package/src/client/getInj.ts +60 -40
  60. package/src/client/index.tsx +5 -3
  61. package/src/index.ts +3 -3
  62. package/src/server/renderer.tsx +16 -35
  63. package/src/shared/components/Modal/index.tsx +2 -2
  64. package/src/shared/utils/config.ts +48 -12
  65. package/src/shared/utils/index.ts +2 -2
  66. package/src/shared/utils/splitComponent.tsx +14 -2
  67. package/types.d.ts +1 -6
@@ -1 +1 @@
1
- {"version":3,"file":"config.js","names":["parse","clientGetInj","IS_CLIENT_SIDE","requireWeak","config","CONFIG","document","CSRF","cookie","csrfToken"],"sources":["../../../../src/shared/utils/config.ts"],"sourcesContent":["/* global document */\n\nimport { parse } from 'cookie';\n\nimport clientGetInj from '../../client/getInj';\n\nimport { IS_CLIENT_SIDE } from './isomorphy/environment-check';\nimport { requireWeak } from './webpack';\n\n// TODO: The internal type casting is somewhat messed up here,\n// to be corrected later.\nconst config: Record<string, unknown> = (\n IS_CLIENT_SIDE ? clientGetInj().CONFIG : requireWeak('config')\n) as (Record<string, unknown> | undefined) ?? ({} as Record<string, unknown>);\n\n// The safeguard for \"document\" is necessary because in non-Node environments,\n// like React Native, IS_CLIENT_SIDE is \"true\", however \"document\" and a bunch\n// of other browser-world features are not available.\nif (IS_CLIENT_SIDE && typeof document !== 'undefined') {\n config.CSRF = parse(document.cookie).csrfToken;\n}\n\nexport default config;\n"],"mappings":"AAAA;;AAEA,SAASA,KAAK,QAAQ,QAAQ;AAAA,OAEvBC,YAAY;AAAA,SAEVC,cAAc;AAAA,SACdC,WAAW,wBAEpB;AACA;AACA,MAAMC,MAA+B,GAAG,CACtCF,cAAc,GAAGD,YAAY,CAAC,CAAC,CAACI,MAAM,GAAGF,WAAW,CAAC,QAAQ,CAAC,KACjB,CAAC,CAA6B;;AAE7E;AACA;AACA;AACA,IAAID,cAAc,IAAI,OAAOI,QAAQ,KAAK,WAAW,EAAE;EACrDF,MAAM,CAACG,IAAI,GAAGP,KAAK,CAACM,QAAQ,CAACE,MAAM,CAAC,CAACC,SAAS;AAChD;AAEA,eAAeL,MAAM","ignoreList":[]}
1
+ {"version":3,"file":"config.js","names":["parse","clientGetInj","IS_CLIENT_SIDE","requireWeak","config","injectCsrfToken","cfg","document","CSRF","cookie","csrfToken","getConfig","sync","inj","Promise","then","injection","res","CONFIG","weak","Error"],"sources":["../../../../src/shared/utils/config.ts"],"sourcesContent":["/* global document */\n\nimport { parse } from 'cookie';\n\nimport clientGetInj from '../../client/getInj';\n\nimport { IS_CLIENT_SIDE } from './isomorphy/environment-check';\nimport { requireWeak } from './webpack';\n\ntype ConfigT = Record<string, unknown>;\n\nlet config: ConfigT | Promise<ConfigT> | undefined;\n\n/**\n * Injects CSRF token into config (on client-side only).\n *\n * BEWARE: It mutates the argument, and also returns it as the result,\n * for chaining.\n */\nfunction injectCsrfToken(cfg: ConfigT): ConfigT {\n // The safeguard for \"document\" is necessary because in non-Node environments,\n // like React Native, IS_CLIENT_SIDE is \"true\", however \"document\" and a bunch\n // of other browser-world features are not available.\n if (IS_CLIENT_SIDE && typeof document !== 'undefined') {\n // eslint-disable-next-line no-param-reassign\n cfg.CSRF = parse(document.cookie).csrfToken;\n }\n\n return cfg;\n}\n\nexport function getConfig(sync: true): ConfigT;\n\nexport function getConfig(sync?: boolean): ConfigT | Promise<ConfigT>;\n\nexport function getConfig(sync?: boolean): ConfigT | Promise<ConfigT> {\n if (!config) {\n if (IS_CLIENT_SIDE) {\n const inj = clientGetInj();\n config = inj instanceof Promise\n ? inj.then((injection) => {\n const res = injectCsrfToken(injection.CONFIG ?? {});\n config = res;\n return res;\n })\n : injectCsrfToken(inj.CONFIG ?? {});\n } else {\n const weak = requireWeak<ConfigT>('config');\n if (!weak) throw Error('Internal error');\n config = weak;\n }\n }\n\n if (sync && (config instanceof Promise)) {\n throw Error('The config is not available yet');\n }\n\n return config;\n}\n"],"mappings":"AAAA;;AAEA,SAASA,KAAK,QAAQ,QAAQ;AAAA,OAEvBC,YAAY;AAAA,SAEVC,cAAc;AAAA,SACdC,WAAW;AAIpB,IAAIC,MAA8C;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,eAAeA,CAACC,GAAY,EAAW;EAC9C;EACA;EACA;EACA,IAAIJ,cAAc,IAAI,OAAOK,QAAQ,KAAK,WAAW,EAAE;IACrD;IACAD,GAAG,CAACE,IAAI,GAAGR,KAAK,CAACO,QAAQ,CAACE,MAAM,CAAC,CAACC,SAAS;EAC7C;EAEA,OAAOJ,GAAG;AACZ;AAMA,OAAO,SAASK,SAASA,CAACC,IAAc,EAA8B;EACpE,IAAI,CAACR,MAAM,EAAE;IACX,IAAIF,cAAc,EAAE;MAClB,MAAMW,GAAG,GAAGZ,YAAY,CAAC,CAAC;MAC1BG,MAAM,GAAGS,GAAG,YAAYC,OAAO,GAC3BD,GAAG,CAACE,IAAI,CAAEC,SAAS,IAAK;QACxB,MAAMC,GAAG,GAAGZ,eAAe,CAACW,SAAS,CAACE,MAAM,IAAI,CAAC,CAAC,CAAC;QACnDd,MAAM,GAAGa,GAAG;QACZ,OAAOA,GAAG;MACZ,CAAC,CAAC,GACAZ,eAAe,CAACQ,GAAG,CAACK,MAAM,IAAI,CAAC,CAAC,CAAC;IACvC,CAAC,MAAM;MACL,MAAMC,IAAI,GAAGhB,WAAW,CAAU,QAAQ,CAAC;MAC3C,IAAI,CAACgB,IAAI,EAAE,MAAMC,KAAK,CAAC,gBAAgB,CAAC;MACxChB,MAAM,GAAGe,IAAI;IACf;EACF;EAEA,IAAIP,IAAI,IAAKR,MAAM,YAAYU,OAAQ,EAAE;IACvC,MAAMM,KAAK,CAAC,iCAAiC,CAAC;EAChD;EAEA,OAAOhB,MAAM;AACf","ignoreList":[]}
@@ -1,5 +1,5 @@
1
1
  import themedImpl, { COMPOSE, PRIORITY, ThemeProvider } from '@dr.pogodin/react-themes';
2
- import config from "./config.js";
2
+ import { getConfig } from "./config.js";
3
3
  import * as isomorphy from "./isomorphy/index.js";
4
4
  import time from "./time.js";
5
5
  import * as webpack from "./webpack.js";
@@ -9,5 +9,5 @@ export { default as splitComponent } from "./splitComponent.js";
9
9
  const themed = themedImpl;
10
10
  themed.COMPOSE = COMPOSE;
11
11
  themed.PRIORITY = PRIORITY;
12
- export { config, isomorphy, themed, ThemeProvider, time, webpack };
12
+ export { getConfig, isomorphy, themed, ThemeProvider, time, webpack };
13
13
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["themedImpl","COMPOSE","PRIORITY","ThemeProvider","config","isomorphy","time","webpack","assertEmptyObject","Barrier","Cached","Emitter","Semaphore","withRetries","getSsrContext","default","splitComponent","themed"],"sources":["../../../../src/shared/utils/index.ts"],"sourcesContent":["import themedImpl, {\n COMPOSE,\n PRIORITY,\n type Theme,\n ThemeProvider,\n} from '@dr.pogodin/react-themes';\n\nimport config from './config';\nimport * as isomorphy from './isomorphy';\nimport time from './time';\nimport * as webpack from './webpack';\n\nexport {\n assertEmptyObject,\n type Listener,\n type ObjectKey,\n Barrier,\n Cached,\n Emitter,\n Semaphore,\n withRetries,\n} from '@dr.pogodin/js-utils';\n\nexport { getSsrContext } from './globalState';\nexport { default as splitComponent } from './splitComponent';\n\ntype ThemedT = typeof themedImpl & {\n COMPOSE: typeof COMPOSE;\n PRIORITY: typeof PRIORITY;\n};\n\nconst themed: ThemedT = themedImpl as ThemedT;\n\nthemed.COMPOSE = COMPOSE;\nthemed.PRIORITY = PRIORITY;\n\nexport {\n type Theme,\n config,\n isomorphy,\n themed,\n ThemeProvider,\n time,\n webpack,\n};\n"],"mappings":"AAAA,OAAOA,UAAU,IACfC,OAAO,EACPC,QAAQ,EAERC,aAAa,QACR,0BAA0B;AAAA,OAE1BC,MAAM;AAAA,OACN,KAAKC,SAAS;AAAA,OACdC,IAAI;AAAA,OACJ,KAAKC,OAAO;AAEnB,SACEC,iBAAiB,EAGjBC,OAAO,EACPC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,WAAW,QACN,sBAAsB;AAAA,SAEpBC,aAAa;AAAA,SACbC,OAAO,IAAIC,cAAc;AAOlC,MAAMC,MAAe,GAAGjB,UAAqB;AAE7CiB,MAAM,CAAChB,OAAO,GAAGA,OAAO;AACxBgB,MAAM,CAACf,QAAQ,GAAGA,QAAQ;AAE1B,SAEEE,MAAM,EACNC,SAAS,EACTY,MAAM,EACNd,aAAa,EACbG,IAAI,EACJC,OAAO","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["themedImpl","COMPOSE","PRIORITY","ThemeProvider","getConfig","isomorphy","time","webpack","assertEmptyObject","Barrier","Cached","Emitter","Semaphore","withRetries","getSsrContext","default","splitComponent","themed"],"sources":["../../../../src/shared/utils/index.ts"],"sourcesContent":["import themedImpl, {\n COMPOSE,\n PRIORITY,\n type Theme,\n ThemeProvider,\n} from '@dr.pogodin/react-themes';\n\nimport { getConfig } from './config';\nimport * as isomorphy from './isomorphy';\nimport time from './time';\nimport * as webpack from './webpack';\n\nexport {\n assertEmptyObject,\n type Listener,\n type ObjectKey,\n Barrier,\n Cached,\n Emitter,\n Semaphore,\n withRetries,\n} from '@dr.pogodin/js-utils';\n\nexport { getSsrContext } from './globalState';\nexport { default as splitComponent } from './splitComponent';\n\ntype ThemedT = typeof themedImpl & {\n COMPOSE: typeof COMPOSE;\n PRIORITY: typeof PRIORITY;\n};\n\nconst themed: ThemedT = themedImpl as ThemedT;\n\nthemed.COMPOSE = COMPOSE;\nthemed.PRIORITY = PRIORITY;\n\nexport {\n type Theme,\n getConfig,\n isomorphy,\n themed,\n ThemeProvider,\n time,\n webpack,\n};\n"],"mappings":"AAAA,OAAOA,UAAU,IACfC,OAAO,EACPC,QAAQ,EAERC,aAAa,QACR,0BAA0B;AAAA,SAExBC,SAAS;AAAA,OACX,KAAKC,SAAS;AAAA,OACdC,IAAI;AAAA,OACJ,KAAKC,OAAO;AAEnB,SACEC,iBAAiB,EAGjBC,OAAO,EACPC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,WAAW,QACN,sBAAsB;AAAA,SAEpBC,aAAa;AAAA,SACbC,OAAO,IAAIC,cAAc;AAOlC,MAAMC,MAAe,GAAGjB,UAAqB;AAE7CiB,MAAM,CAAChB,OAAO,GAAGA,OAAO;AACxBgB,MAAM,CAACf,QAAQ,GAAGA,QAAQ;AAE1B,SAEEE,SAAS,EACTC,SAAS,EACTY,MAAM,EACNd,aAAa,EACbG,IAAI,EACJC,OAAO","ignoreList":[]}
@@ -11,7 +11,8 @@ function getClientChunkGroups() {
11
11
  const {
12
12
  default: getInj
13
13
  } = await import(/* webpackChunkName: "react-utils-client-side-code" */"../../client/getInj");
14
- return getInj().CHUNK_GROUPS ?? {};
14
+ const inj = await getInj();
15
+ return inj.CHUNK_GROUPS ?? {};
15
16
  })();
16
17
  }
17
18
  const refCounts = {};
@@ -1 +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":[]}
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","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":[]}
@@ -1,14 +1,16 @@
1
1
  // Encapsulates retrieval of server-side data injection into HTML template.
2
- /* global document */// Note: this way, only required part of "node-forge": AES, and some utils,
3
- // is bundled into client-side code.
4
- import forge from"node-forge/lib/forge.js";// eslint-disable-next-line import/no-unassigned-import
5
- import"node-forge/lib/aes.js";import{getBuildInfo}from"../shared/utils/isomorphy/buildInfo.js";// Safeguard is needed here, because the server-side version of Docusaurus docs
6
- // is compiled (at least now) with settings suggesting it is a client-side
7
- // environment, but there is no document.
8
- let inj={};const metaElement=typeof document==="undefined"?null:document.querySelector("meta[itemprop=\"drpruinj\"]");if(metaElement){metaElement.remove();let data=forge.util.decode64(metaElement.content);const{key}=getBuildInfo();const d=forge.cipher.createDecipher("AES-CBC",key);d.start({iv:data.slice(0,key.length)});d.update(forge.util.createBuffer(data.slice(key.length)));d.finish();data=forge.util.decodeUtf8(d.output.data);// TODO: Double-check, if there is a safer alternative to parse it?
9
- // eslint-disable-next-line no-eval
10
- inj=eval(`(${data})`)}else if(typeof window!=="undefined"&&window.REACT_UTILS_INJECTION){inj=window.REACT_UTILS_INJECTION;delete window.REACT_UTILS_INJECTION}else{// Otherwise, a bunch of dependent stuff will easily fail in non-standard
2
+ /* global document */import{getBuildInfo}from"../shared/utils/isomorphy/buildInfo.js";let inj;export default function getInj(){inj??=(async()=>{const metaElement=typeof document==="undefined"?null:document.querySelector("meta[itemprop=\"drpruinj\"]");if(metaElement){metaElement.remove();// NOTE: Since 2025 there is Uint8Array.fromBase64(), which should be
3
+ // preferred, but it is not supported by older environments yet.
4
+ const data=atob(metaElement.content);// TODO: Our current handling of this encryption / decryption follows
5
+ // a legacy approach, and can be enhanced by using Crypto features.
6
+ // Though, this is not strictly intended to be secure (it is more
7
+ // to obfurscate injected data, rather than really keeping them
8
+ // secure), thus it is fine like this for now.
9
+ 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
10
+ const res=eval(`(${decoder.decode(buffer)})`);// NOTE: This is important, to be able to return the injection
11
+ // synchronously once it is initialized.
12
+ 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
11
13
  // environments, where no client-side initialization is performed. Like tests,
12
14
  // Docusaurus examples, etc.
13
- inj={}}export default function getInj(){return inj}
15
+ return{}})();return inj}
14
16
  //# sourceMappingURL=getInj.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"getInj.js","names":["forge","getBuildInfo","inj","metaElement","document","querySelector","remove","data","util","decode64","content","key","d","cipher","createDecipher","start","iv","slice","length","update","createBuffer","finish","decodeUtf8","output","eval","window","REACT_UTILS_INJECTION","getInj"],"sources":["../../../src/client/getInj.ts"],"sourcesContent":["// Encapsulates retrieval of server-side data injection into HTML template.\n\n/* global document */\n\n// Note: this way, only required part of \"node-forge\": AES, and some utils,\n// is bundled into client-side code.\nimport forge from 'node-forge/lib/forge.js';\n\n// eslint-disable-next-line import/no-unassigned-import\nimport 'node-forge/lib/aes.js';\n\nimport type { InjT } from 'utils/globalState';\n\nimport { getBuildInfo } from 'utils/isomorphy/buildInfo';\n\n// Safeguard is needed here, because the server-side version of Docusaurus docs\n// is compiled (at least now) with settings suggesting it is a client-side\n// environment, but there is no document.\nlet inj: InjT = {};\n\nconst metaElement: HTMLMetaElement | null = typeof document === 'undefined'\n ? null : document.querySelector('meta[itemprop=\"drpruinj\"]');\n\nif (metaElement) {\n metaElement.remove();\n let data = forge.util.decode64(metaElement.content);\n\n const { key } = getBuildInfo();\n const d = forge.cipher.createDecipher('AES-CBC', key);\n d.start({ iv: data.slice(0, key.length) });\n d.update(forge.util.createBuffer(data.slice(key.length)));\n d.finish();\n\n data = forge.util.decodeUtf8(d.output.data);\n\n // TODO: Double-check, if there is a safer alternative to parse it?\n // eslint-disable-next-line no-eval\n inj = eval(`(${data})`) as InjT;\n} else if (typeof window !== 'undefined' && window.REACT_UTILS_INJECTION) {\n inj = window.REACT_UTILS_INJECTION;\n delete window.REACT_UTILS_INJECTION;\n} else {\n // Otherwise, a bunch of dependent stuff will easily fail in non-standard\n // environments, where no client-side initialization is performed. Like tests,\n // Docusaurus examples, etc.\n inj = {};\n}\n\nexport default function getInj(): InjT {\n return inj;\n}\n"],"mappings":"AAAA;AAEA,qBAEA;AACA;AACA,MAAO,CAAAA,KAAK,KAAM,yBAAyB,CAE3C;AACA,MAAO,uBAAuB,QAIrBC,YAAY,8CAErB;AACA;AACA;AACA,GAAI,CAAAC,GAAS,CAAG,CAAC,CAAC,CAElB,KAAM,CAAAC,WAAmC,CAAG,MAAO,CAAAC,QAAQ,GAAK,WAAW,CACvE,IAAI,CAAGA,QAAQ,CAACC,aAAa,CAAC,6BAA2B,CAAC,CAE9D,GAAIF,WAAW,CAAE,CACfA,WAAW,CAACG,MAAM,CAAC,CAAC,CACpB,GAAI,CAAAC,IAAI,CAAGP,KAAK,CAACQ,IAAI,CAACC,QAAQ,CAACN,WAAW,CAACO,OAAO,CAAC,CAEnD,KAAM,CAAEC,GAAI,CAAC,CAAGV,YAAY,CAAC,CAAC,CAC9B,KAAM,CAAAW,CAAC,CAAGZ,KAAK,CAACa,MAAM,CAACC,cAAc,CAAC,SAAS,CAAEH,GAAG,CAAC,CACrDC,CAAC,CAACG,KAAK,CAAC,CAAEC,EAAE,CAAET,IAAI,CAACU,KAAK,CAAC,CAAC,CAAEN,GAAG,CAACO,MAAM,CAAE,CAAC,CAAC,CAC1CN,CAAC,CAACO,MAAM,CAACnB,KAAK,CAACQ,IAAI,CAACY,YAAY,CAACb,IAAI,CAACU,KAAK,CAACN,GAAG,CAACO,MAAM,CAAC,CAAC,CAAC,CACzDN,CAAC,CAACS,MAAM,CAAC,CAAC,CAEVd,IAAI,CAAGP,KAAK,CAACQ,IAAI,CAACc,UAAU,CAACV,CAAC,CAACW,MAAM,CAAChB,IAAI,CAAC,CAE3C;AACA;AACAL,GAAG,CAAGsB,IAAI,CAAC,IAAIjB,IAAI,GAAG,CACxB,CAAC,IAAM,IAAI,MAAO,CAAAkB,MAAM,GAAK,WAAW,EAAIA,MAAM,CAACC,qBAAqB,CAAE,CACxExB,GAAG,CAAGuB,MAAM,CAACC,qBAAqB,CAClC,MAAO,CAAAD,MAAM,CAACC,qBAChB,CAAC,IAAM,CACL;AACA;AACA;AACAxB,GAAG,CAAG,CAAC,CACT,CAEA,cAAe,SAAS,CAAAyB,MAAMA,CAAA,CAAS,CACrC,MAAO,CAAAzB,GACT","ignoreList":[]}
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,4BAISA,YAAY,8CAErB,GAAI,CAAAC,GAAqC,CAEzC,cAAe,SAAS,CAAAC,MAAMA,CAAA,CAAyB,CACrDD,GAAG,GAAK,CAAC,SAAY,CACnB,KAAM,CAAAE,WAAmC,CAAG,MAAO,CAAAC,QAAQ,GAAK,WAAW,CACvE,IAAI,CAAGA,QAAQ,CAACC,aAAa,CAAC,6BAA2B,CAAC,CAE9D,GAAIF,WAAW,CAAE,CACfA,WAAW,CAACG,MAAM,CAAC,CAAC,CAEpB;AACA;AACA,KAAM,CAAAC,IAAI,CAAGC,IAAI,CAACL,WAAW,CAACM,OAAO,CAAC,CAEtC;AACA;AACA;AACA;AACA;AACA,KAAM,CAAEC,GAAI,CAAC,CAAGV,YAAY,CAAC,CAAC,CAE9B,KAAM,CAAAW,IAAI,CAAIC,CAAS,EAAKA,CAAC,CAACC,UAAU,CAAC,CAAC,CAAC,CAC3C,KAAM,CAAAC,UAAU,CAAGC,UAAU,CAACC,IAAI,CAACT,IAAI,CAACU,KAAK,CAAC,EAAE,CAAC,CAAEN,IAAI,CAAC,CACxD,KAAM,CAAAO,QAAQ,CAAGH,UAAU,CAACC,IAAI,CAACT,IAAI,CAACU,KAAK,CAAC,CAAC,CAAE,EAAE,CAAC,CAAEN,IAAI,CAAC,CACzD,KAAM,CAAAQ,SAAS,CAAGJ,UAAU,CAACC,IAAI,CAACR,IAAI,CAACE,GAAG,CAAC,CAAEC,IAAI,CAAC,CAElD,KAAM,CAAAS,IAAI,CAAG,KAAM,CAAAC,MAAM,CAACC,MAAM,CAACC,MAAM,CAACC,SAAS,CAC/C,KAAK,CACLL,SAAS,CACT,CAAEM,IAAI,CAAE,SAAU,CAAC,CACnB,KAAK,CACL,CAAC,SAAS,CACZ,CAAC,CAED,KAAM,CAAAC,MAAM,CAAG,KAAM,CAAAL,MAAM,CAACC,MAAM,CAACC,MAAM,CAACI,OAAO,CAAC,CAChDC,EAAE,CAAEV,QAAQ,CACZO,IAAI,CAAE,SACR,CAAC,CAAEL,IAAI,CAAEN,UAAU,CAAC,CAEpB,KAAM,CAAAe,OAAO,CAAG,GAAI,CAAAC,WAAa,CAEjC;AACA,KAAM,CAAAC,GAAG,CAAGC,IAAI,CAAC,IAAIH,OAAO,CAACI,MAAM,CAACP,MAAM,CAAC,GAAG,CAAS,CAEvD;AACA;AACAzB,GAAG,CAAG8B,GAAG,CAET,MAAO,CAAAA,GACT,CAAC,IAAM,IAAI,MAAO,CAAAV,MAAM,GAAK,WAAW,EAAIA,MAAM,CAACa,qBAAqB,CAAE,CACxE,KAAM,CAAAH,GAAG,CAAGV,MAAM,CAACa,qBAAqB,CACxC,MAAO,CAAAb,MAAM,CAACa,qBAAqB,CACnC,MAAO,CAAAH,GACT,CAEA;AACA;AACA;AACA,MAAO,CAAC,CACV,CAAC,EAAE,CAAC,CAEJ,MAAO,CAAA9B,GACT","ignoreList":[]}
@@ -3,5 +3,5 @@
3
3
  * Prepares and launches the app at client side.
4
4
  * @param Application Root application component
5
5
  * @param [options={}] Optional. Additional settings.
6
- */export default function Launch(Application,options={}){const container=document.getElementById("react-view");if(!container)throw Error("Failed to find container for React app");const scene=/*#__PURE__*/_jsx(GlobalStateProvider,{initialState:getInj().ISTATE??options.initialState,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)}
6
+ */export default async function Launch(Application,options={}){const inj=await getInj();const container=document.getElementById("react-view");if(!container)throw Error("Failed to find container for React app");const scene=/*#__PURE__*/_jsx(GlobalStateProvider,{initialState: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)}
7
7
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["createRoot","hydrateRoot","HelmetProvider","BrowserRouter","GlobalStateProvider","getInj","jsx","_jsx","Launch","Application","options","container","document","getElementById","Error","scene","initialState","ISTATE","children","dontHydrate","root","render"],"sources":["../../../src/client/index.tsx"],"sourcesContent":["// Initialization of client-side code.\n/* global document */\n\nimport type { ComponentType } from 'react';\nimport { createRoot, hydrateRoot } from 'react-dom/client';\nimport { HelmetProvider } from '@dr.pogodin/react-helmet';\nimport { BrowserRouter } from 'react-router';\n\nimport { GlobalStateProvider } from '@dr.pogodin/react-global-state';\n\nimport getInj from './getInj';\n\ntype OptionsT = {\n dontHydrate?: boolean;\n initialState?: unknown;\n};\n\n/**\n * Prepares and launches the app at client side.\n * @param Application Root application component\n * @param [options={}] Optional. Additional settings.\n */\nexport default function Launch(\n Application: ComponentType,\n options: OptionsT = {},\n): void {\n const container = document.getElementById('react-view');\n if (!container) throw Error('Failed to find container for React app');\n const scene = (\n <GlobalStateProvider initialState={getInj().ISTATE ?? options.initialState}>\n <BrowserRouter>\n <HelmetProvider>\n <Application />\n </HelmetProvider>\n </BrowserRouter>\n </GlobalStateProvider>\n );\n\n if (options.dontHydrate) {\n const root = createRoot(container);\n root.render(scene);\n } else hydrateRoot(container, scene);\n}\n"],"mappings":"AAAA;AACA,qBAGA,OAASA,UAAU,CAAEC,WAAW,KAAQ,kBAAkB,CAC1D,OAASC,cAAc,KAAQ,0BAA0B,CACzD,OAASC,aAAa,KAAQ,cAAc,CAE5C,OAASC,mBAAmB,KAAQ,gCAAgC,OAE7D,CAAAC,MAAM,mBAAiB,OAAAC,GAAA,IAAAC,IAAA,yBAO9B;AACA;AACA;AACA;AACA,GACA,cAAe,SAAS,CAAAC,MAAMA,CAC5BC,WAA0B,CAC1BC,OAAiB,CAAG,CAAC,CAAC,CAChB,CACN,KAAM,CAAAC,SAAS,CAAGC,QAAQ,CAACC,cAAc,CAAC,YAAY,CAAC,CACvD,GAAI,CAACF,SAAS,CAAE,KAAM,CAAAG,KAAK,CAAC,wCAAwC,CAAC,CACrE,KAAM,CAAAC,KAAK,cACTR,IAAA,CAACH,mBAAmB,EAACY,YAAY,CAAEX,MAAM,CAAC,CAAC,CAACY,MAAM,EAAIP,OAAO,CAACM,YAAa,CAAAE,QAAA,cACzEX,IAAA,CAACJ,aAAa,EAAAe,QAAA,cACZX,IAAA,CAACL,cAAc,EAAAgB,QAAA,cACbX,IAAA,CAACE,WAAW,GAAE,CAAC,CACD,CAAC,CACJ,CAAC,CACG,CACtB,CAED,GAAIC,OAAO,CAACS,WAAW,CAAE,CACvB,KAAM,CAAAC,IAAI,CAAGpB,UAAU,CAACW,SAAS,CAAC,CAClCS,IAAI,CAACC,MAAM,CAACN,KAAK,CACnB,CAAC,IAAM,CAAAd,WAAW,CAACU,SAAS,CAAEI,KAAK,CACrC","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["createRoot","hydrateRoot","HelmetProvider","BrowserRouter","GlobalStateProvider","getInj","jsx","_jsx","Launch","Application","options","inj","container","document","getElementById","Error","scene","initialState","ISTATE","children","dontHydrate","root","render"],"sources":["../../../src/client/index.tsx"],"sourcesContent":["// Initialization of client-side code.\n/* global document */\n\nimport type { ComponentType } from 'react';\nimport { createRoot, hydrateRoot } from 'react-dom/client';\nimport { HelmetProvider } from '@dr.pogodin/react-helmet';\nimport { BrowserRouter } from 'react-router';\n\nimport { GlobalStateProvider } from '@dr.pogodin/react-global-state';\n\nimport getInj from './getInj';\n\ntype OptionsT = {\n dontHydrate?: boolean;\n initialState?: unknown;\n};\n\n/**\n * Prepares and launches the app at client side.\n * @param Application Root application component\n * @param [options={}] Optional. Additional settings.\n */\nexport default async function Launch(\n Application: ComponentType,\n options: OptionsT = {},\n): Promise<void> {\n const inj = await getInj();\n\n const container = document.getElementById('react-view');\n if (!container) throw Error('Failed to find container for React app');\n const scene = (\n <GlobalStateProvider initialState={inj.ISTATE ?? options.initialState}>\n <BrowserRouter>\n <HelmetProvider>\n <Application />\n </HelmetProvider>\n </BrowserRouter>\n </GlobalStateProvider>\n );\n\n if (options.dontHydrate) {\n const root = createRoot(container);\n root.render(scene);\n } else hydrateRoot(container, scene);\n}\n"],"mappings":"AAAA;AACA,qBAGA,OAASA,UAAU,CAAEC,WAAW,KAAQ,kBAAkB,CAC1D,OAASC,cAAc,KAAQ,0BAA0B,CACzD,OAASC,aAAa,KAAQ,cAAc,CAE5C,OAASC,mBAAmB,KAAQ,gCAAgC,OAE7D,CAAAC,MAAM,mBAAiB,OAAAC,GAAA,IAAAC,IAAA,yBAO9B;AACA;AACA;AACA;AACA,GACA,cAAe,eAAe,CAAAC,MAAMA,CAClCC,WAA0B,CAC1BC,OAAiB,CAAG,CAAC,CAAC,CACP,CACf,KAAM,CAAAC,GAAG,CAAG,KAAM,CAAAN,MAAM,CAAC,CAAC,CAE1B,KAAM,CAAAO,SAAS,CAAGC,QAAQ,CAACC,cAAc,CAAC,YAAY,CAAC,CACvD,GAAI,CAACF,SAAS,CAAE,KAAM,CAAAG,KAAK,CAAC,wCAAwC,CAAC,CACrE,KAAM,CAAAC,KAAK,cACTT,IAAA,CAACH,mBAAmB,EAACa,YAAY,CAAEN,GAAG,CAACO,MAAM,EAAIR,OAAO,CAACO,YAAa,CAAAE,QAAA,cACpEZ,IAAA,CAACJ,aAAa,EAAAgB,QAAA,cACZZ,IAAA,CAACL,cAAc,EAAAiB,QAAA,cACbZ,IAAA,CAACE,WAAW,GAAE,CAAC,CACD,CAAC,CACJ,CAAC,CACG,CACtB,CAED,GAAIC,OAAO,CAACU,WAAW,CAAE,CACvB,KAAM,CAAAC,IAAI,CAAGrB,UAAU,CAACY,SAAS,CAAC,CAClCS,IAAI,CAACC,MAAM,CAACN,KAAK,CACnB,CAAC,IAAM,CAAAf,WAAW,CAACW,SAAS,CAAEI,KAAK,CACrC","ignoreList":[]}
@@ -5,5 +5,6 @@ import clientModule from"./client/index.js";import{webpack}from"./shared/utils/i
5
5
  if(global.REACT_UTILS_LIBRARY_LOADED){throw Error("React utils library is already loaded")}else global.REACT_UTILS_LIBRARY_LOADED=true;// TODO: This is a rapid workaround to get rid of __dirname. I guess, later
6
6
  // we'll re-implement requireWeak() to accept import.meta.url directly, and
7
7
  // this workaround won't be needed.
8
- let dirname=import.meta.url;dirname=dirname.slice(5,dirname.lastIndexOf("/"));const server=webpack.requireWeak("./server",dirname);const client=server?undefined:clientModule;export{getGlobalState,GlobalStateProvider,newAsyncDataEnvelope,useAsyncCollection,useAsyncData,useGlobalState,withGlobalStateType}from"@dr.pogodin/react-global-state";export*from"./shared/components/index.js";export{assertEmptyObject,config,Barrier,Cached,Emitter,isomorphy,getSsrContext,Semaphore,splitComponent,themed,ThemeProvider,time,webpack,withRetries}from"./shared/utils/index.js";export{client,server};
8
+ // eslint-disable-next-line @typescript-eslint/prefer-destructuring
9
+ const dirname=import.meta.dirname;const server=webpack.requireWeak("./server",dirname);const client=server?undefined:clientModule;export{getGlobalState,GlobalStateProvider,newAsyncDataEnvelope,useAsyncCollection,useAsyncData,useGlobalState,withGlobalStateType}from"@dr.pogodin/react-global-state";export*from"./shared/components/index.js";export{assertEmptyObject,Barrier,Cached,Emitter,getConfig,isomorphy,getSsrContext,Semaphore,splitComponent,themed,ThemeProvider,time,webpack,withRetries}from"./shared/utils/index.js";export{client,server};
9
10
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["clientModule","webpack","global","REACT_UTILS_LIBRARY_LOADED","Error","dirname","import","meta","url","slice","lastIndexOf","server","requireWeak","client","undefined","getGlobalState","GlobalStateProvider","newAsyncDataEnvelope","useAsyncCollection","useAsyncData","useGlobalState","withGlobalStateType","assertEmptyObject","config","Barrier","Cached","Emitter","isomorphy","getSsrContext","Semaphore","splitComponent","themed","ThemeProvider","time","withRetries"],"sources":["../../src/index.ts"],"sourcesContent":["import 'styles/global.scss';\n\nimport clientModule from './client';\nimport { webpack } from './shared/utils';\n\nimport type * as ServerFactoryM from './server';\n\n// It is a safeguard against multiple instances / versions of the library\n// being loaded into environment by mistake (e.g. because of different\n// packages pinning down different exact versions of the lib, thus preventing\n// a proper dedupe and using a single common library version).\nif (global.REACT_UTILS_LIBRARY_LOADED) {\n throw Error('React utils library is already loaded');\n} else global.REACT_UTILS_LIBRARY_LOADED = true;\n\n// TODO: This is a rapid workaround to get rid of __dirname. I guess, later\n// we'll re-implement requireWeak() to accept import.meta.url directly, and\n// this workaround won't be needed.\nlet dirname = import.meta.url;\ndirname = dirname.slice(5, dirname.lastIndexOf('/'));\n\nconst server = webpack.requireWeak<typeof ServerFactoryM>('./server', dirname);\n\nconst client = server ? undefined : clientModule;\n\nexport {\n type AsyncCollectionT,\n type AsyncCollectionLoaderT,\n type AsyncDataEnvelopeT,\n type AsyncDataLoaderT,\n type ForceT,\n type UseAsyncDataOptionsT,\n type UseAsyncDataResT,\n type UseGlobalStateResT,\n type ValueOrInitializerT,\n getGlobalState,\n GlobalStateProvider,\n newAsyncDataEnvelope,\n useAsyncCollection,\n useAsyncData,\n useGlobalState,\n withGlobalStateType,\n} from '@dr.pogodin/react-global-state';\n\nexport * from 'components';\n\nexport {\n type BeforeRenderResT,\n type BeforeRenderT,\n type ConfigT,\n type ServerSsrContext,\n type ServerT,\n} from './server';\n\nexport {\n assertEmptyObject,\n config,\n Barrier,\n Cached,\n Emitter,\n isomorphy,\n getSsrContext,\n type Listener,\n type ObjectKey,\n Semaphore,\n splitComponent,\n type Theme,\n themed,\n ThemeProvider,\n time,\n webpack,\n withRetries,\n} from 'utils';\n\nexport { client, server };\n"],"mappings":"MAEO,CAAAA,YAAY,gCACVC,OAAO,+BAIhB;AACA;AACA;AACA;AACA,GAAIC,MAAM,CAACC,0BAA0B,CAAE,CACrC,KAAM,CAAAC,KAAK,CAAC,uCAAuC,CACrD,CAAC,IAAM,CAAAF,MAAM,CAACC,0BAA0B,CAAG,IAAI,CAE/C;AACA;AACA;AACA,GAAI,CAAAE,OAAO,CAAGC,MAAM,CAACC,IAAI,CAACC,GAAG,CAC7BH,OAAO,CAAGA,OAAO,CAACI,KAAK,CAAC,CAAC,CAAEJ,OAAO,CAACK,WAAW,CAAC,GAAG,CAAC,CAAC,CAEpD,KAAM,CAAAC,MAAM,CAAGV,OAAO,CAACW,WAAW,YAAoCP,OAAO,CAAC,CAE9E,KAAM,CAAAQ,MAAM,CAAGF,MAAM,CAAGG,SAAS,CAAGd,YAAY,CAEhD,OAUEe,cAAc,CACdC,mBAAmB,CACnBC,oBAAoB,CACpBC,kBAAkB,CAClBC,YAAY,CACZC,cAAc,CACdC,mBAAmB,KACd,gCAAgC,kDAarCC,iBAAiB,CACjBC,MAAM,CACNC,OAAO,CACPC,MAAM,CACNC,OAAO,CACPC,SAAS,CACTC,aAAa,CAGbC,SAAS,CACTC,cAAc,CAEdC,MAAM,CACNC,aAAa,CACbC,IAAI,CACJhC,OAAO,CACPiC,WAAW,+BAGb,OAASrB,MAAM,CAAEF,MAAM","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["clientModule","webpack","global","REACT_UTILS_LIBRARY_LOADED","Error","dirname","import","meta","server","requireWeak","client","undefined","getGlobalState","GlobalStateProvider","newAsyncDataEnvelope","useAsyncCollection","useAsyncData","useGlobalState","withGlobalStateType","assertEmptyObject","Barrier","Cached","Emitter","getConfig","isomorphy","getSsrContext","Semaphore","splitComponent","themed","ThemeProvider","time","withRetries"],"sources":["../../src/index.ts"],"sourcesContent":["import 'styles/global.scss';\n\nimport clientModule from './client';\nimport { webpack } from './shared/utils';\n\nimport type * as ServerFactoryM from './server';\n\n// It is a safeguard against multiple instances / versions of the library\n// being loaded into environment by mistake (e.g. because of different\n// packages pinning down different exact versions of the lib, thus preventing\n// a proper dedupe and using a single common library version).\nif (global.REACT_UTILS_LIBRARY_LOADED) {\n throw Error('React utils library is already loaded');\n} else global.REACT_UTILS_LIBRARY_LOADED = true;\n\n// TODO: This is a rapid workaround to get rid of __dirname. I guess, later\n// we'll re-implement requireWeak() to accept import.meta.url directly, and\n// this workaround won't be needed.\n// eslint-disable-next-line @typescript-eslint/prefer-destructuring\nconst dirname = import.meta.dirname;\n\nconst server = webpack.requireWeak<typeof ServerFactoryM>('./server', dirname);\n\nconst client = server ? undefined : clientModule;\n\nexport {\n type AsyncCollectionT,\n type AsyncCollectionLoaderT,\n type AsyncDataEnvelopeT,\n type AsyncDataLoaderT,\n type ForceT,\n type UseAsyncDataOptionsT,\n type UseAsyncDataResT,\n type UseGlobalStateResT,\n type ValueOrInitializerT,\n getGlobalState,\n GlobalStateProvider,\n newAsyncDataEnvelope,\n useAsyncCollection,\n useAsyncData,\n useGlobalState,\n withGlobalStateType,\n} from '@dr.pogodin/react-global-state';\n\nexport * from 'components';\n\nexport {\n type BeforeRenderResT,\n type BeforeRenderT,\n type ConfigT,\n type ServerSsrContext,\n type ServerT,\n} from './server';\n\nexport {\n assertEmptyObject,\n Barrier,\n Cached,\n Emitter,\n getConfig,\n isomorphy,\n getSsrContext,\n type Listener,\n type ObjectKey,\n Semaphore,\n splitComponent,\n type Theme,\n themed,\n ThemeProvider,\n time,\n webpack,\n withRetries,\n} from 'utils';\n\nexport { client, server };\n"],"mappings":"MAEO,CAAAA,YAAY,gCACVC,OAAO,+BAIhB;AACA;AACA;AACA;AACA,GAAIC,MAAM,CAACC,0BAA0B,CAAE,CACrC,KAAM,CAAAC,KAAK,CAAC,uCAAuC,CACrD,CAAC,IAAM,CAAAF,MAAM,CAACC,0BAA0B,CAAG,IAAI,CAE/C;AACA;AACA;AACA;AACA,KAAM,CAAAE,OAAO,CAAGC,MAAM,CAACC,IAAI,CAACF,OAAO,CAEnC,KAAM,CAAAG,MAAM,CAAGP,OAAO,CAACQ,WAAW,YAAoCJ,OAAO,CAAC,CAE9E,KAAM,CAAAK,MAAM,CAAGF,MAAM,CAAGG,SAAS,CAAGX,YAAY,CAEhD,OAUEY,cAAc,CACdC,mBAAmB,CACnBC,oBAAoB,CACpBC,kBAAkB,CAClBC,YAAY,CACZC,cAAc,CACdC,mBAAmB,KACd,gCAAgC,kDAarCC,iBAAiB,CACjBC,OAAO,CACPC,MAAM,CACNC,OAAO,CACPC,SAAS,CACTC,SAAS,CACTC,aAAa,CAGbC,SAAS,CACTC,cAAc,CAEdC,MAAM,CACNC,aAAa,CACbC,IAAI,CACJ7B,OAAO,CACP8B,WAAW,+BAGb,OAASrB,MAAM,CAAEF,MAAM","ignoreList":[]}
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * ExpressJS middleware for server-side rendering of a ReactJS app.
3
- */import fs from"node:fs";import path from"node:path";import{Writable}from"node:stream";import{brotliCompress,brotliDecompress}from"node:zlib";import winston from"winston";import{GlobalStateProvider,SsrContext}from"@dr.pogodin/react-global-state";import{timer}from"@dr.pogodin/js-utils";import{cloneDeep,defaults,get,mapValues}from"lodash-es";import config from"config";import forge from"node-forge";import{prerenderToNodeStream}from"react-dom/static";import{HelmetProvider}from"@dr.pogodin/react-helmet";import{StaticRouter}from"react-router";import serializeJs from"serialize-javascript";import{setBuildInfo}from"../shared/utils/isomorphy/buildInfo.js";import Cache from"./Cache.js";// @ts-expect-error "Property 'SECRET' does not exist on type 'IConfig'."
3
+ */import{Buffer}from"node:buffer";import{createCipheriv,randomBytes}from"node:crypto";import fs from"node:fs";import path from"node:path";import{Writable}from"node:stream";import{brotliCompress,brotliDecompress}from"node:zlib";import winston from"winston";import{GlobalStateProvider,SsrContext}from"@dr.pogodin/react-global-state";import{timer}from"@dr.pogodin/js-utils";import{cloneDeep,defaults,get,mapValues}from"lodash-es";import config from"config";import{prerenderToNodeStream}from"react-dom/static";import{HelmetProvider}from"@dr.pogodin/react-helmet";import{StaticRouter}from"react-router";import serializeJs from"serialize-javascript";import{setBuildInfo}from"../shared/utils/isomorphy/buildInfo.js";import Cache from"./Cache.js";// @ts-expect-error "Property 'SECRET' does not exist on type 'IConfig'."
4
4
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
5
5
  import{jsx as _jsx}from"react/jsx-runtime";const{SECRET,...sanitizedConfig}=config;// Note: These type definitions for logger are copied from Winston logger,
6
6
  // then simplified to make it easier to fit an alternative logger into this
@@ -26,12 +26,11 @@ export let SCRIPT_LOCATIONS=/*#__PURE__*/function(SCRIPT_LOCATIONS){SCRIPT_LOCAT
26
26
  */function readChunkGroupsJson(buildDir){const url=path.resolve(buildDir,"__chunk_groups__.json");let res;try{res=JSON.parse(fs.readFileSync(url,"utf8"))}catch{// TODO: Should we message the error here somehow?
27
27
  res=null}return res}/**
28
28
  * Prepares a new Cipher for data encryption.
29
- * @param key Encryption key (32-bit random key is expected, see
30
- * node-forge documentation, in case of doubts).
31
- * @return Resolves to the object with two fields:
29
+ * @param key Encryption key (32-bit random, Base64-encoded key is expected).
30
+ * @return Returns a tuple of:
32
31
  * 1. cipher - a new Cipher, ready for encryption;
33
32
  * 2. iv - initial vector used by the cipher.
34
- */async function prepareCipher(key){return new Promise((resolve,reject)=>{forge.random.getBytes(32,(err,iv)=>{if(err)reject(err);else{const cipher=forge.cipher.createCipher("AES-CBC",key);cipher.start({iv});resolve({cipher,iv})}})})}/**
33
+ */function prepareCipher(key){const iv=randomBytes(16);const cipher=createCipheriv("AES-256-CBC",Buffer.from(key,"base64"),iv);return[cipher,iv]}/**
35
34
  * Given an incoming HTTP requests, it deduces whether Brotli-encoded responses
36
35
  * are acceptable to the caller.
37
36
  * @param req
@@ -95,9 +94,7 @@ res.set("Cache-Control","no-cache");res.cookie("csrfToken",req.csrfToken());let
95
94
  // .replaceAll() method instead relying on reg. expression for
96
95
  // global matching.
97
96
  const regex=new RegExp(buffer.nonce,"g");// TODO: It should be implemented more careful.
98
- h=h.replace(regex,req.nonce)}if(status!==200)res.status(status);res.send(h);done()}})})}return}}}const brr=ops.beforeRender(req,sanitizedConfig);const[{configToInject,extraScripts,initialState},{cipher,iv}]=await Promise.all([// NOTE: Written this way to avoid triggering the "await-thenable"
99
- // ESLint rule.
100
- brr instanceof Promise?brr:Promise.resolve(brr),prepareCipher(buildInfo.key)]);let helmet;// Gets the mapping between code chunk names and their asset files.
97
+ h=h.replace(regex,req.nonce)}if(status!==200)res.status(status);res.send(h);done()}})})}return}}}const brr=ops.beforeRender(req,sanitizedConfig);const{configToInject,extraScripts,initialState}=await brr;const[cipher,iv]=prepareCipher(buildInfo.key);let helmet;// Gets the mapping between code chunk names and their asset files.
101
98
  // These data come from the Webpack compilation, either from the stats
102
99
  // attached to the request (in dev mode), or from a file output during
103
100
  // the build (in prod mode).
@@ -118,7 +115,7 @@ stream=await renderPass();logMsg=bailed?`SSR timed out after ${ops.ssrTimeout} s
118
115
  * Keep in mind, that this encryption is no way secure: as the JS bundle
119
116
  * contains decryption key and is able to decode it at the client side.
120
117
  * Hovewer, for a number of reasons, encryption of injected data is still
121
- * better than injection of a plain text. */const payload=serializeJs({CHUNK_GROUPS:chunkGroups,CONFIG:configToInject??sanitizedConfig,ISTATE:ssrContext.state},{ignoreFunction:true,unsafe:true});cipher.update(forge.util.createBuffer(payload,"utf8"));cipher.finish();const INJ=forge.util.encode64(`${iv}${cipher.output.data}`);const chunkSet=new Set;// TODO: "main" chunk has to be added explicitly,
118
+ * better than injection of a plain text. */const payload=serializeJs({CHUNK_GROUPS:chunkGroups,CONFIG:configToInject??sanitizedConfig,ISTATE:ssrContext.state},{ignoreFunction:true,unsafe:true});const INJ=Buffer.concat([iv,cipher.update(payload,"utf8"),cipher.final()]).toString("base64");const chunkSet=new Set;// TODO: "main" chunk has to be added explicitly,
122
119
  // because unlike all other chunks they are not managed by <CodeSplit>
123
120
  // component, thus they are not added to the ssrContext.chunks
124
121
  // automatically. Actually, names of these entry chunks should be
@@ -1 +1 @@
1
- {"version":3,"file":"renderer.js","names":["fs","path","Writable","brotliCompress","brotliDecompress","winston","GlobalStateProvider","SsrContext","timer","cloneDeep","defaults","get","mapValues","config","forge","prerenderToNodeStream","HelmetProvider","StaticRouter","serializeJs","setBuildInfo","Cache","jsx","_jsx","SECRET","sanitizedConfig","SCRIPT_LOCATIONS","ServerSsrContext","chunks","status","constructor","req","chunkGroups","initialState","getBuildInfo","context","url","resolve","JSON","parse","readFileSync","readChunkGroupsJson","buildDir","res","prepareCipher","key","Promise","reject","random","getBytes","err","iv","cipher","createCipher","start","isBrotliAcceptable","acceptable","ops","split","op","type","priority","trim","parseFloat","groupExtraScripts","scripts","BODY_OPEN","DEFAULT","HEAD_OPEN","script","code","location","Error","newDefaultLogger","defaultLogLevel","format","transports","createLogger","combine","splat","timestamp","colorize","printf","level","message","stack","rest","Object","keys","length","stringify","Console","factory","webpackConfig","options","beforeRender","maxSsrRounds","ssrTimeout","staticCacheSize","logger","defaultLoggerLogLevel","buildInfo","publicPath","outputPath","output","manifestLink","existsSync","cache","staticCacheController","CHUNK_GROUPS","next","set","cookie","csrfToken","cacheRef","data","buffer","noCsp","send","done","failed","error","html","h","toString","regex","RegExp","nonce","replace","brr","configToInject","extraScripts","all","helmet","webpackStats","locals","toJson","namedChunkGroups","item","assets","map","name","App","Application","appHtmlMarkup","ssrContext","stream","ssrStart","Date","now","App2","renderPass","resolveArg","rejectArg","arg","undefined","helmetContext","state","children","onError","then","result","prelude","catch","ssrRound","bailed","dirty","timeout","race","allSettled","pending","logMsg","log","redirectTo","redirect","ready","pipe","destroy","write","chunk","_","payload","CONFIG","ISTATE","ignoreFunction","unsafe","update","util","createBuffer","finish","INJ","encode64","chunkSet","Set","forEach","asset","add","styleChunkString","scriptChunkString","endsWith","grouppedExtraScripts","faviconLink","favicon","title","meta","link","b"],"sources":["../../../src/server/renderer.tsx"],"sourcesContent":["/**\n * ExpressJS middleware for server-side rendering of a ReactJS app.\n */\n\nimport fs from 'node:fs';\nimport path from 'node:path';\nimport { Writable } from 'node:stream';\nimport { brotliCompress, brotliDecompress } from 'node:zlib';\n\nimport type { Request, RequestHandler } from 'express';\nimport type { ComponentType } from 'react';\nimport type { Configuration, Stats } from 'webpack';\nimport winston from 'winston';\n\nimport { GlobalStateProvider, SsrContext } from '@dr.pogodin/react-global-state';\nimport { timer } from '@dr.pogodin/js-utils';\n\nimport {\n cloneDeep,\n defaults,\n get,\n mapValues,\n} from 'lodash-es';\n\nimport config from 'config';\nimport forge from 'node-forge';\n\nimport { prerenderToNodeStream } from 'react-dom/static';\nimport { type HelmetDataContext, HelmetProvider } from '@dr.pogodin/react-helmet';\nimport { StaticRouter } from 'react-router';\nimport serializeJs from 'serialize-javascript';\nimport { type BuildInfoT, setBuildInfo } from 'utils/isomorphy/buildInfo';\n\nimport type { ChunkGroupsT, SsrContextT } from 'utils/globalState';\n\nimport Cache from './Cache';\n\n// @ts-expect-error \"Property 'SECRET' does not exist on type 'IConfig'.\"\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst { SECRET, ...sanitizedConfig } = config;\n\n// Note: These type definitions for logger are copied from Winston logger,\n// then simplified to make it easier to fit an alternative logger into this\n// interface.\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\ninterface LogMethodI {\n // eslint-disable-next-line @typescript-eslint/prefer-function-type\n (level: string, message: string, ...meta: unknown[]): void;\n}\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\ninterface LeveledLogMethodI {\n // eslint-disable-next-line @typescript-eslint/prefer-function-type\n (message: string, ...meta: unknown[]): void;\n}\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\nexport interface LoggerI {\n debug: LeveledLogMethodI;\n error: LeveledLogMethodI;\n info: LeveledLogMethodI;\n log: LogMethodI;\n warn: LeveledLogMethodI;\n}\n\nexport enum SCRIPT_LOCATIONS {\n BODY_OPEN = 'BODY_OPEN',\n DEFAULT = 'DEFAULT',\n HEAD_OPEN = 'HEAD_OPEN',\n}\n\nexport class ServerSsrContext<StateT>\n extends SsrContext<StateT>\n implements SsrContextT<StateT> {\n chunkGroups: ChunkGroupsT;\n\n chunks: string[] = [];\n\n redirectTo?: string;\n\n req: Request;\n\n status: number = 200;\n\n constructor(\n req: Request,\n chunkGroups: ChunkGroupsT,\n initialState?: StateT,\n ) {\n super(cloneDeep(initialState) ?? ({} as StateT));\n this.chunkGroups = chunkGroups;\n this.req = req;\n }\n}\n\ntype ScriptT = {\n code: string;\n location: SCRIPT_LOCATIONS;\n};\n\n/**\n * Reads build-time information about the app. This information is generated\n * by our standard Webpack config for apps, and it is written into\n * \".build-info\" file in the context folder specified in Webpack config.\n * At the moment, that file contains build timestamp and a random 32-bit key,\n * suitable for cryptographical use.\n * @param context Webpack context path used during the build.\n * @return Resolves to the build-time information.\n */\nfunction getBuildInfo(context: string) {\n const url = path.resolve(context, '.build-info');\n return JSON.parse(fs.readFileSync(url, 'utf8')) as BuildInfoT;\n}\n\n/**\n * Attempts to read from disk the named chunk groups mapping generated\n * by Webpack during the compilation.\n * It will not work for development builds, where these stats should be captured\n * via compilator callback.\n * @param buildDir\n * @return\n */\nfunction readChunkGroupsJson(buildDir: string) {\n const url = path.resolve(buildDir, '__chunk_groups__.json');\n let res;\n try {\n res = JSON.parse(fs.readFileSync(url, 'utf8')) as Record<string, string[]>;\n } catch {\n // TODO: Should we message the error here somehow?\n res = null;\n }\n return res;\n}\n\n/**\n * Prepares a new Cipher for data encryption.\n * @param key Encryption key (32-bit random key is expected, see\n * node-forge documentation, in case of doubts).\n * @return Resolves to the object with two fields:\n * 1. cipher - a new Cipher, ready for encryption;\n * 2. iv - initial vector used by the cipher.\n */\nasync function prepareCipher(key: string): Promise<{\n cipher: forge.cipher.BlockCipher;\n iv: string;\n}> {\n return new Promise((resolve, reject) => {\n forge.random.getBytes(32, (err, iv) => {\n if (err) reject(err);\n else {\n const cipher = forge.cipher.createCipher('AES-CBC', key);\n cipher.start({ iv });\n resolve({ cipher, iv });\n }\n });\n });\n}\n\n/**\n * Given an incoming HTTP requests, it deduces whether Brotli-encoded responses\n * are acceptable to the caller.\n * @param req\n */\nexport function isBrotliAcceptable(req: Request): boolean {\n const acceptable = req.get('accept-encoding');\n if (acceptable) {\n const ops = acceptable.split(',');\n for (const op of ops) {\n const [type, priority] = op.trim().split(';q=');\n if ((type === '*' || type === 'br')\n && (!priority || parseFloat(priority) > 0)) {\n return true;\n }\n }\n }\n return false;\n}\n\n/**\n * Given an array of extra script strings / objects, it returns an object with\n * arrays of scripts to inject in different HTML template locations. During\n * the script groupping it also filters out any empty scripts.\n * @param {({\n * code: string;\n * location: string;\n * }|string)[]} [scripts=[]]\n * @return {{\n * BODY_OPEN: string[];\n * DEFAULT: string[];\n * HEAD_OPEN: string[];\n * }}\n */\nfunction groupExtraScripts(scripts: Array<string | ScriptT> = []) {\n const res = {\n [SCRIPT_LOCATIONS.BODY_OPEN]: '',\n [SCRIPT_LOCATIONS.DEFAULT]: '',\n [SCRIPT_LOCATIONS.HEAD_OPEN]: '',\n };\n for (const script of scripts) {\n if (typeof script === 'string') {\n if (script) res[SCRIPT_LOCATIONS.DEFAULT] += script;\n } else if (script.code) {\n if (script.location in res) res[script.location] += script.code;\n else throw Error(`Invalid location \"${script.location}\"`);\n }\n }\n return res;\n}\n\n/**\n * Creates a new default (Winston) logger.\n * @param {object} [options={}]\n * @param {string} [options.defaultLogLevel='info']\n * @return {object}\n */\nexport function newDefaultLogger({\n defaultLogLevel = 'info',\n} = {}): winston.Logger {\n const { format, transports } = winston;\n return winston.createLogger({\n format: format.combine(\n format.splat(),\n format.timestamp(),\n format.colorize(),\n format.printf(\n ({\n level,\n message,\n timestamp,\n stack,\n ...rest\n }) => {\n let res = `${level}\\t(at ${timestamp as string}):\\t${message as string}`;\n if (Object.keys(rest).length) {\n res += `\\n${JSON.stringify(rest, null, 2)}`;\n }\n if (stack) res += `\\n${stack as string}`;\n return res;\n },\n ),\n ),\n level: defaultLogLevel,\n transports: [new transports.Console()],\n });\n}\n\nexport type ConfigT = {\n [key: string]: ConfigT | string;\n};\n\nexport type BeforeRenderResT = {\n configToInject?: ConfigT;\n extraScripts?: Array<ScriptT | string>;\n initialState?: unknown;\n};\n\nexport type BeforeRenderT = (\n req: Request,\n config: ConfigT,\n) => BeforeRenderResT | Promise<BeforeRenderResT>;\n\ntype CacheRefT = {\n key: string;\n maxage?: number;\n};\n\nexport type OptionsT = {\n Application?: ComponentType;\n beforeRender?: BeforeRenderT;\n buildInfo?: BuildInfoT;\n defaultLoggerLogLevel?: string;\n favicon?: string;\n logger?: LoggerI;\n maxSsrRounds?: number;\n noCsp?: boolean;\n staticCacheSize?: number;\n ssrTimeout?: number;\n staticCacheController?: (req: Request) => CacheRefT | null | undefined;\n};\n\n/**\n * Creates the middleware.\n * @param webpackConfig\n * @param options Additional options:\n * @param [options.Application] The root ReactJS component of\n * the app to use for the server-side rendering. When not provided\n * the server-side rendering is disabled.\n * @param [options.buildInfo] \"Build info\" object to use. If provided,\n * it will be used, instead of trying to load from the filesystem the one\n * generated by the Webpack build. It is intended for test environments,\n * where passing this stuff via file system is no bueno.\n * @param [options.favicon] `true` will include favicon\n * link into the rendered HTML templates.\n * @param [options.noCsp] `true` means that no\n * Content-Security-Policy (CSP) is used by server, thus the renderer\n * may cut a few corners.\n * @param [options.maxSsrRounds=10] Maximum number of SSR rounds.\n * @param [options.ssrTimeout=1000] SSR timeout in milliseconds,\n * defaults to 1 second.\n * @param [options.staticCacheSize=1.e7] The maximum\n * static cache size in bytes. Defaults to ~10 MB.\n * @param [options.staticCacheController] When given, it activates,\n * and controls the static caching of generated HTML markup. When this function\n * is provided, on each incoming request it is triggered with the request\n * passed in as the argument. To attempt to serve the response from the cache\n * it should return the object with the following fields:\n * - `key: string` &ndash; the cache key for the response;\n * - `maxage?: number` &ndash; the maximum age of cached result in ms.\n * If undefined - infinite age is assumed.\n * @return Created middleware.\n */\nexport default function factory(\n webpackConfig: Configuration,\n options: OptionsT,\n): RequestHandler {\n const ops: OptionsT = defaults({ ...options }, {\n beforeRender: async () => Promise.resolve({}),\n maxSsrRounds: 10,\n ssrTimeout: 1000,\n staticCacheSize: 1.e7,\n });\n\n // Note: in normal use the default logger is created and set in the root\n // server function, and this initialization is for testing uses, where\n // renderer is imported directly.\n ops.logger ??= newDefaultLogger({\n defaultLogLevel: ops.defaultLoggerLogLevel,\n });\n\n const buildInfo = ops.buildInfo ?? getBuildInfo(webpackConfig.context!);\n setBuildInfo(buildInfo);\n\n // publicPath from webpack.output has a trailing slash at the end.\n const { publicPath, path: outputPath } = webpackConfig.output!;\n\n const manifestLink = fs.existsSync(`${outputPath}/manifest.json`)\n ? `<link rel=\"manifest\" href=\"${publicPath as string}manifest.json\">` : '';\n\n // eslint-disable-next-line @typescript-eslint/consistent-type-definitions\n interface BufferWithNonce extends ArrayBuffer {\n nonce: string;\n }\n\n const cache = ops.staticCacheController\n ? new Cache<{\n buffer: BufferWithNonce;\n status: number;\n }>(ops.staticCacheSize!)\n : null;\n\n const CHUNK_GROUPS = readChunkGroupsJson(outputPath!);\n\n // TODO: Look at it later.\n // eslint-disable-next-line complexity\n return async (req, res, next) => {\n try {\n // Ensures any caches always revalidate HTML markup before reuse.\n res.set('Cache-Control', 'no-cache');\n\n res.cookie('csrfToken', req.csrfToken());\n\n let cacheRef: CacheRefT | null | undefined;\n if (cache) {\n cacheRef = ops.staticCacheController!(req);\n if (cacheRef) {\n const data = cache.get(cacheRef);\n if (data !== null) {\n const { buffer, status } = data;\n if (ops.noCsp && isBrotliAcceptable(req)) {\n res.set('Content-Type', 'text/html');\n res.set('Content-Encoding', 'br');\n if (status !== 200) res.status(status);\n res.send(buffer);\n } else {\n await new Promise<void>((done, failed) => {\n brotliDecompress(buffer, (error, html) => {\n if (error) failed(error);\n else {\n let h = html.toString();\n if (!ops.noCsp) {\n // TODO: Starting from Node v15 we'll be able to use string's\n // .replaceAll() method instead relying on reg. expression for\n // global matching.\n const regex = new RegExp(buffer.nonce, 'g');\n\n // TODO: It should be implemented more careful.\n h = h.replace(regex, (req as unknown as {\n nonce: string;\n }).nonce);\n }\n if (status !== 200) res.status(status);\n res.send(h);\n done();\n }\n });\n });\n }\n return;\n }\n }\n }\n\n const brr = ops.beforeRender!(req, sanitizedConfig as unknown as ConfigT);\n\n const [{\n configToInject,\n extraScripts,\n initialState,\n }, {\n cipher,\n iv,\n }] = await Promise.all([\n // NOTE: Written this way to avoid triggering the \"await-thenable\"\n // ESLint rule.\n brr instanceof Promise ? brr : Promise.resolve(brr),\n\n prepareCipher(buildInfo.key),\n ]);\n\n let helmet: HelmetDataContext['helmet'];\n\n // Gets the mapping between code chunk names and their asset files.\n // These data come from the Webpack compilation, either from the stats\n // attached to the request (in dev mode), or from a file output during\n // the build (in prod mode).\n let chunkGroups: ChunkGroupsT;\n const webpackStats = get(res.locals, 'webpack.devMiddleware.stats') as Stats | undefined;\n if (webpackStats) {\n chunkGroups = mapValues(\n webpackStats.toJson({\n all: false,\n chunkGroups: true,\n }).namedChunkGroups,\n (item) => item.assets?.map(({ name }: { name: string }) => name)\n ?? [],\n );\n } else if (CHUNK_GROUPS) chunkGroups = CHUNK_GROUPS;\n else chunkGroups = {};\n\n /* Optional server-side rendering. */\n const App = ops.Application;\n let appHtmlMarkup: string = '';\n const ssrContext = new ServerSsrContext(req, chunkGroups, initialState);\n let stream: NodeJS.ReadableStream;\n if (App) {\n const ssrStart = Date.now();\n\n // TODO: Somehow, without it TS does not realise that\n // App has been checked to exist.\n const App2 = App;\n\n const renderPass = async () => new Promise<NodeJS.ReadableStream>(\n (resolveArg, rejectArg) => {\n ssrContext.chunks = [];\n\n // NOTE: JS does not have problems if resolve() and reject() methods\n // of a Promise are called multiple times, with different arguments;\n // it only respects the first call, and ignores subsequent ones.\n // We, however, really want to assert that here, to safeguard against\n // any future problems due to unexpected internal changes in React,\n // if any.\n let error: unknown;\n\n const resolve = (arg: NodeJS.ReadableStream) => {\n if (error !== undefined) throw Error('Internal error');\n error = null;\n resolveArg(arg);\n };\n\n const reject = (arg: unknown) => {\n if (error !== undefined && error !== arg) {\n throw Error('Internal error');\n }\n error = arg;\n rejectArg(arg as Error);\n };\n\n // TODO: prerenderToNodeStream has (abort) \"signal\" option,\n // and we should wire it up to the SSR timeout below.\n const helmetContext = {} as HelmetDataContext;\n void prerenderToNodeStream(\n <GlobalStateProvider\n initialState={ssrContext.state}\n ssrContext={ssrContext}\n >\n <StaticRouter location={req.url}>\n <HelmetProvider context={helmetContext}>\n <App2 />\n </HelmetProvider>\n </StaticRouter>\n </GlobalStateProvider>,\n { onError: reject },\n ).then((result) => {\n ({ helmet } = helmetContext);\n resolve(result.prelude);\n }).catch(reject);\n },\n );\n\n let ssrRound = 0;\n let bailed = false;\n for (; ssrRound < ops.maxSsrRounds!; ++ssrRound) {\n stream = await renderPass();\n\n if (!ssrContext.dirty) break;\n\n const timeout = ops.ssrTimeout! + ssrStart - Date.now();\n bailed = timeout <= 0 || !await Promise.race([\n Promise.allSettled(ssrContext.pending),\n timer(timeout).then(() => false),\n ]);\n if (bailed) break;\n }\n\n let logMsg;\n if (ssrContext.dirty) {\n // NOTE: In the case of incomplete SSR one more round is necessary\n // to ensure the correct hydration when some pending promises have\n // resolved and placed their data into the initial global state.\n stream = await renderPass();\n\n logMsg = bailed ? `SSR timed out after ${ops.ssrTimeout} second(s)`\n : `SSR bailed out after ${ops.maxSsrRounds} round(s)`;\n } else logMsg = `SSR completed in ${ssrRound + 1} round(s)`;\n\n ops.logger!.log(ssrContext.dirty ? 'warn' : 'info', logMsg);\n\n if (ssrContext.redirectTo) {\n res.redirect(ssrContext.status, ssrContext.redirectTo);\n return;\n }\n\n await new Promise((ready) => {\n stream!.pipe(new Writable({\n destroy: ready,\n write: (chunk: { toString: () => string }, _, done) => {\n appHtmlMarkup += chunk.toString();\n done();\n },\n }));\n });\n }\n\n /* Encrypts data to be injected into HTML.\n * Keep in mind, that this encryption is no way secure: as the JS bundle\n * contains decryption key and is able to decode it at the client side.\n * Hovewer, for a number of reasons, encryption of injected data is still\n * better than injection of a plain text. */\n const payload = serializeJs({\n CHUNK_GROUPS: chunkGroups,\n CONFIG: configToInject ?? sanitizedConfig,\n ISTATE: ssrContext.state,\n }, {\n ignoreFunction: true,\n unsafe: true,\n });\n cipher.update(forge.util.createBuffer(payload, 'utf8'));\n cipher.finish();\n const INJ = forge.util.encode64(`${iv}${cipher.output.data}`);\n\n const chunkSet = new Set<string>();\n\n // TODO: \"main\" chunk has to be added explicitly,\n // because unlike all other chunks they are not managed by <CodeSplit>\n // component, thus they are not added to the ssrContext.chunks\n // automatically. Actually, names of these entry chunks should be\n // read from Wepback config, as the end user may customize them,\n // remove or add other entry points, but it requires additional\n // efforts to figure out how to automatically order them right,\n // thus for now this handles the default config.\n [\n 'main',\n ...ssrContext.chunks,\n ].forEach((chunk) => {\n const assets = chunkGroups[chunk];\n if (assets) assets.forEach((asset) => chunkSet.add(asset));\n });\n\n let styleChunkString = '';\n let scriptChunkString = '';\n chunkSet.forEach((chunk) => {\n if (chunk.endsWith('.css')) {\n styleChunkString += `<link href=\"${publicPath as string}${chunk}\" rel=\"stylesheet\">`;\n } else if (\n chunk.endsWith('.js')\n // In dev mode HMR adds JS updates into asset arrays,\n // and they (updates) should be ignored.\n && !chunk.endsWith('.hot-update.js')\n ) {\n scriptChunkString += `<script src=\"${publicPath as string}${chunk}\" type=\"application/javascript\"></script>`;\n }\n });\n\n const grouppedExtraScripts = groupExtraScripts(extraScripts);\n\n const faviconLink = ops.favicon\n ? '<link rel=\"shortcut icon\" href=\"/favicon.ico\">'\n : '';\n\n const html = `<!DOCTYPE html>\n <html lang=\"en\">\n <head>\n ${grouppedExtraScripts[SCRIPT_LOCATIONS.HEAD_OPEN]}\n ${helmet?.title.toString() ?? ''}\n ${helmet?.meta.toString() ?? ''}\n <meta name=\"theme-color\" content=\"#FFFFFF\">\n ${manifestLink}\n ${helmet?.link.toString() ?? ''}${styleChunkString}\n ${faviconLink}\n <meta charset=\"utf-8\">\n <meta\n content=\"width=device-width,initial-scale=1.0\"\n name=\"viewport\"\n >\n <meta itemprop=\"drpruinj\" content=\"${INJ}\">\n </head>\n <body>\n ${grouppedExtraScripts[SCRIPT_LOCATIONS.BODY_OPEN]}\n <div id=\"react-view\">${appHtmlMarkup}</div>\n ${scriptChunkString}\n ${grouppedExtraScripts[SCRIPT_LOCATIONS.DEFAULT]}\n </body>\n </html>`;\n\n const status = ssrContext.status || 200;\n if (status !== 200) res.status(status);\n\n if (cacheRef && status < 500) {\n // Note: waiting for the caching to complete is not strictly necessary,\n // but it greately simplifies testing, and error reporting.\n await new Promise<void>((done, failed) => {\n brotliCompress(html, (error, buffer) => {\n if (error) failed(error);\n else {\n const b = buffer as unknown as BufferWithNonce;\n b.nonce = (req as unknown as {\n nonce: string;\n }).nonce;\n cache!.add({ buffer: b, status }, cacheRef.key, buffer.length);\n done();\n }\n });\n });\n }\n\n // Note: as caching code above may throw in some cases, sending response\n // before it completes will likely hide the error, making it difficult\n // to debug. Thus, at least for now, lets send response after it.\n res.send(html);\n } catch (error) {\n next(error);\n }\n };\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"renderer.js","names":["Buffer","createCipheriv","randomBytes","fs","path","Writable","brotliCompress","brotliDecompress","winston","GlobalStateProvider","SsrContext","timer","cloneDeep","defaults","get","mapValues","config","prerenderToNodeStream","HelmetProvider","StaticRouter","serializeJs","setBuildInfo","Cache","jsx","_jsx","SECRET","sanitizedConfig","SCRIPT_LOCATIONS","ServerSsrContext","chunks","status","constructor","req","chunkGroups","initialState","getBuildInfo","context","url","resolve","JSON","parse","readFileSync","readChunkGroupsJson","buildDir","res","prepareCipher","key","iv","cipher","from","isBrotliAcceptable","acceptable","ops","split","op","type","priority","trim","parseFloat","groupExtraScripts","scripts","BODY_OPEN","DEFAULT","HEAD_OPEN","script","code","location","Error","newDefaultLogger","defaultLogLevel","format","transports","createLogger","combine","splat","timestamp","colorize","printf","level","message","stack","rest","Object","keys","length","stringify","Console","factory","webpackConfig","options","beforeRender","Promise","maxSsrRounds","ssrTimeout","staticCacheSize","logger","defaultLoggerLogLevel","buildInfo","publicPath","outputPath","output","manifestLink","existsSync","cache","staticCacheController","CHUNK_GROUPS","next","set","cookie","csrfToken","cacheRef","data","buffer","noCsp","send","done","failed","error","html","h","toString","regex","RegExp","nonce","replace","brr","configToInject","extraScripts","helmet","webpackStats","locals","toJson","all","namedChunkGroups","item","assets","map","name","App","Application","appHtmlMarkup","ssrContext","stream","ssrStart","Date","now","App2","renderPass","resolveArg","rejectArg","arg","undefined","reject","helmetContext","state","children","onError","then","result","prelude","catch","ssrRound","bailed","dirty","timeout","race","allSettled","pending","logMsg","log","redirectTo","redirect","ready","pipe","destroy","write","chunk","_","payload","CONFIG","ISTATE","ignoreFunction","unsafe","INJ","concat","update","final","chunkSet","Set","forEach","asset","add","styleChunkString","scriptChunkString","endsWith","grouppedExtraScripts","faviconLink","favicon","title","meta","link","b"],"sources":["../../../src/server/renderer.tsx"],"sourcesContent":["/**\n * ExpressJS middleware for server-side rendering of a ReactJS app.\n */\n\nimport { Buffer } from 'node:buffer';\nimport { type Cipheriv, createCipheriv, randomBytes } from 'node:crypto';\nimport fs from 'node:fs';\nimport path from 'node:path';\nimport { Writable } from 'node:stream';\nimport { brotliCompress, brotliDecompress } from 'node:zlib';\n\nimport type { Request, RequestHandler } from 'express';\nimport type { ComponentType } from 'react';\nimport type { Configuration, Stats } from 'webpack';\nimport winston from 'winston';\n\nimport { GlobalStateProvider, SsrContext } from '@dr.pogodin/react-global-state';\nimport { timer } from '@dr.pogodin/js-utils';\n\nimport {\n cloneDeep,\n defaults,\n get,\n mapValues,\n} from 'lodash-es';\n\nimport config from 'config';\n\nimport { prerenderToNodeStream } from 'react-dom/static';\nimport { type HelmetDataContext, HelmetProvider } from '@dr.pogodin/react-helmet';\nimport { StaticRouter } from 'react-router';\nimport serializeJs from 'serialize-javascript';\nimport { type BuildInfoT, setBuildInfo } from 'utils/isomorphy/buildInfo';\n\nimport type { ChunkGroupsT, SsrContextT } from 'utils/globalState';\n\nimport Cache from './Cache';\n\n// @ts-expect-error \"Property 'SECRET' does not exist on type 'IConfig'.\"\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst { SECRET, ...sanitizedConfig } = config;\n\n// Note: These type definitions for logger are copied from Winston logger,\n// then simplified to make it easier to fit an alternative logger into this\n// interface.\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\ninterface LogMethodI {\n // eslint-disable-next-line @typescript-eslint/prefer-function-type\n (level: string, message: string, ...meta: unknown[]): void;\n}\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\ninterface LeveledLogMethodI {\n // eslint-disable-next-line @typescript-eslint/prefer-function-type\n (message: string, ...meta: unknown[]): void;\n}\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\nexport interface LoggerI {\n debug: LeveledLogMethodI;\n error: LeveledLogMethodI;\n info: LeveledLogMethodI;\n log: LogMethodI;\n warn: LeveledLogMethodI;\n}\n\nexport enum SCRIPT_LOCATIONS {\n BODY_OPEN = 'BODY_OPEN',\n DEFAULT = 'DEFAULT',\n HEAD_OPEN = 'HEAD_OPEN',\n}\n\nexport class ServerSsrContext<StateT>\n extends SsrContext<StateT>\n implements SsrContextT<StateT> {\n chunkGroups: ChunkGroupsT;\n\n chunks: string[] = [];\n\n redirectTo?: string;\n\n req: Request;\n\n status: number = 200;\n\n constructor(\n req: Request,\n chunkGroups: ChunkGroupsT,\n initialState?: StateT,\n ) {\n super(cloneDeep(initialState) ?? ({} as StateT));\n this.chunkGroups = chunkGroups;\n this.req = req;\n }\n}\n\ntype ScriptT = {\n code: string;\n location: SCRIPT_LOCATIONS;\n};\n\n/**\n * Reads build-time information about the app. This information is generated\n * by our standard Webpack config for apps, and it is written into\n * \".build-info\" file in the context folder specified in Webpack config.\n * At the moment, that file contains build timestamp and a random 32-bit key,\n * suitable for cryptographical use.\n * @param context Webpack context path used during the build.\n * @return Resolves to the build-time information.\n */\nfunction getBuildInfo(context: string) {\n const url = path.resolve(context, '.build-info');\n return JSON.parse(fs.readFileSync(url, 'utf8')) as BuildInfoT;\n}\n\n/**\n * Attempts to read from disk the named chunk groups mapping generated\n * by Webpack during the compilation.\n * It will not work for development builds, where these stats should be captured\n * via compilator callback.\n * @param buildDir\n * @return\n */\nfunction readChunkGroupsJson(buildDir: string) {\n const url = path.resolve(buildDir, '__chunk_groups__.json');\n let res;\n try {\n res = JSON.parse(fs.readFileSync(url, 'utf8')) as Record<string, string[]>;\n } catch {\n // TODO: Should we message the error here somehow?\n res = null;\n }\n return res;\n}\n\n/**\n * Prepares a new Cipher for data encryption.\n * @param key Encryption key (32-bit random, Base64-encoded key is expected).\n * @return Returns a tuple of:\n * 1. cipher - a new Cipher, ready for encryption;\n * 2. iv - initial vector used by the cipher.\n */\nfunction prepareCipher(key: string): [cipher: Cipheriv, iv: Buffer] {\n const iv = randomBytes(16);\n const cipher = createCipheriv('AES-256-CBC', Buffer.from(key, 'base64'), iv);\n return [cipher, iv];\n}\n\n/**\n * Given an incoming HTTP requests, it deduces whether Brotli-encoded responses\n * are acceptable to the caller.\n * @param req\n */\nexport function isBrotliAcceptable(req: Request): boolean {\n const acceptable = req.get('accept-encoding');\n if (acceptable) {\n const ops = acceptable.split(',');\n for (const op of ops) {\n const [type, priority] = op.trim().split(';q=');\n if ((type === '*' || type === 'br')\n && (!priority || parseFloat(priority) > 0)) {\n return true;\n }\n }\n }\n return false;\n}\n\n/**\n * Given an array of extra script strings / objects, it returns an object with\n * arrays of scripts to inject in different HTML template locations. During\n * the script groupping it also filters out any empty scripts.\n * @param {({\n * code: string;\n * location: string;\n * }|string)[]} [scripts=[]]\n * @return {{\n * BODY_OPEN: string[];\n * DEFAULT: string[];\n * HEAD_OPEN: string[];\n * }}\n */\nfunction groupExtraScripts(scripts: Array<string | ScriptT> = []) {\n const res = {\n [SCRIPT_LOCATIONS.BODY_OPEN]: '',\n [SCRIPT_LOCATIONS.DEFAULT]: '',\n [SCRIPT_LOCATIONS.HEAD_OPEN]: '',\n };\n for (const script of scripts) {\n if (typeof script === 'string') {\n if (script) res[SCRIPT_LOCATIONS.DEFAULT] += script;\n } else if (script.code) {\n if (script.location in res) res[script.location] += script.code;\n else throw Error(`Invalid location \"${script.location}\"`);\n }\n }\n return res;\n}\n\n/**\n * Creates a new default (Winston) logger.\n * @param {object} [options={}]\n * @param {string} [options.defaultLogLevel='info']\n * @return {object}\n */\nexport function newDefaultLogger({\n defaultLogLevel = 'info',\n} = {}): winston.Logger {\n const { format, transports } = winston;\n return winston.createLogger({\n format: format.combine(\n format.splat(),\n format.timestamp(),\n format.colorize(),\n format.printf(\n ({\n level,\n message,\n timestamp,\n stack,\n ...rest\n }) => {\n let res = `${level}\\t(at ${timestamp as string}):\\t${message as string}`;\n if (Object.keys(rest).length) {\n res += `\\n${JSON.stringify(rest, null, 2)}`;\n }\n if (stack) res += `\\n${stack as string}`;\n return res;\n },\n ),\n ),\n level: defaultLogLevel,\n transports: [new transports.Console()],\n });\n}\n\nexport type ConfigT = {\n [key: string]: ConfigT | string;\n};\n\nexport type BeforeRenderResT = {\n configToInject?: ConfigT;\n extraScripts?: Array<ScriptT | string>;\n initialState?: unknown;\n};\n\nexport type BeforeRenderT = (\n req: Request,\n config: ConfigT,\n) => BeforeRenderResT | Promise<BeforeRenderResT>;\n\ntype CacheRefT = {\n key: string;\n maxage?: number;\n};\n\nexport type OptionsT = {\n Application?: ComponentType;\n beforeRender?: BeforeRenderT;\n buildInfo?: BuildInfoT;\n defaultLoggerLogLevel?: string;\n favicon?: string;\n logger?: LoggerI;\n maxSsrRounds?: number;\n noCsp?: boolean;\n staticCacheSize?: number;\n ssrTimeout?: number;\n staticCacheController?: (req: Request) => CacheRefT | null | undefined;\n};\n\n/**\n * Creates the middleware.\n * @param webpackConfig\n * @param options Additional options:\n * @param [options.Application] The root ReactJS component of\n * the app to use for the server-side rendering. When not provided\n * the server-side rendering is disabled.\n * @param [options.buildInfo] \"Build info\" object to use. If provided,\n * it will be used, instead of trying to load from the filesystem the one\n * generated by the Webpack build. It is intended for test environments,\n * where passing this stuff via file system is no bueno.\n * @param [options.favicon] `true` will include favicon\n * link into the rendered HTML templates.\n * @param [options.noCsp] `true` means that no\n * Content-Security-Policy (CSP) is used by server, thus the renderer\n * may cut a few corners.\n * @param [options.maxSsrRounds=10] Maximum number of SSR rounds.\n * @param [options.ssrTimeout=1000] SSR timeout in milliseconds,\n * defaults to 1 second.\n * @param [options.staticCacheSize=1.e7] The maximum\n * static cache size in bytes. Defaults to ~10 MB.\n * @param [options.staticCacheController] When given, it activates,\n * and controls the static caching of generated HTML markup. When this function\n * is provided, on each incoming request it is triggered with the request\n * passed in as the argument. To attempt to serve the response from the cache\n * it should return the object with the following fields:\n * - `key: string` &ndash; the cache key for the response;\n * - `maxage?: number` &ndash; the maximum age of cached result in ms.\n * If undefined - infinite age is assumed.\n * @return Created middleware.\n */\nexport default function factory(\n webpackConfig: Configuration,\n options: OptionsT,\n): RequestHandler {\n const ops: OptionsT = defaults({ ...options }, {\n beforeRender: async () => Promise.resolve({}),\n maxSsrRounds: 10,\n ssrTimeout: 1000,\n staticCacheSize: 1.e7,\n });\n\n // Note: in normal use the default logger is created and set in the root\n // server function, and this initialization is for testing uses, where\n // renderer is imported directly.\n ops.logger ??= newDefaultLogger({\n defaultLogLevel: ops.defaultLoggerLogLevel,\n });\n\n const buildInfo = ops.buildInfo ?? getBuildInfo(webpackConfig.context!);\n setBuildInfo(buildInfo);\n\n // publicPath from webpack.output has a trailing slash at the end.\n const { publicPath, path: outputPath } = webpackConfig.output!;\n\n const manifestLink = fs.existsSync(`${outputPath}/manifest.json`)\n ? `<link rel=\"manifest\" href=\"${publicPath as string}manifest.json\">` : '';\n\n // eslint-disable-next-line @typescript-eslint/consistent-type-definitions\n interface BufferWithNonce extends ArrayBuffer {\n nonce: string;\n }\n\n const cache = ops.staticCacheController\n ? new Cache<{\n buffer: BufferWithNonce;\n status: number;\n }>(ops.staticCacheSize!)\n : null;\n\n const CHUNK_GROUPS = readChunkGroupsJson(outputPath!);\n\n // TODO: Look at it later.\n // eslint-disable-next-line complexity\n return async (req, res, next) => {\n try {\n // Ensures any caches always revalidate HTML markup before reuse.\n res.set('Cache-Control', 'no-cache');\n\n res.cookie('csrfToken', req.csrfToken());\n\n let cacheRef: CacheRefT | null | undefined;\n if (cache) {\n cacheRef = ops.staticCacheController!(req);\n if (cacheRef) {\n const data = cache.get(cacheRef);\n if (data !== null) {\n const { buffer, status } = data;\n if (ops.noCsp && isBrotliAcceptable(req)) {\n res.set('Content-Type', 'text/html');\n res.set('Content-Encoding', 'br');\n if (status !== 200) res.status(status);\n res.send(buffer);\n } else {\n await new Promise<void>((done, failed) => {\n brotliDecompress(buffer, (error, html) => {\n if (error) failed(error);\n else {\n let h = html.toString();\n if (!ops.noCsp) {\n // TODO: Starting from Node v15 we'll be able to use string's\n // .replaceAll() method instead relying on reg. expression for\n // global matching.\n const regex = new RegExp(buffer.nonce, 'g');\n\n // TODO: It should be implemented more careful.\n h = h.replace(regex, (req as unknown as {\n nonce: string;\n }).nonce);\n }\n if (status !== 200) res.status(status);\n res.send(h);\n done();\n }\n });\n });\n }\n return;\n }\n }\n }\n\n const brr = ops.beforeRender!(req, sanitizedConfig as unknown as ConfigT);\n const { configToInject, extraScripts, initialState } = await brr;\n\n const [cipher, iv] = prepareCipher(buildInfo.key);\n\n let helmet: HelmetDataContext['helmet'];\n\n // Gets the mapping between code chunk names and their asset files.\n // These data come from the Webpack compilation, either from the stats\n // attached to the request (in dev mode), or from a file output during\n // the build (in prod mode).\n let chunkGroups: ChunkGroupsT;\n const webpackStats = get(res.locals, 'webpack.devMiddleware.stats') as Stats | undefined;\n if (webpackStats) {\n chunkGroups = mapValues(\n webpackStats.toJson({\n all: false,\n chunkGroups: true,\n }).namedChunkGroups,\n (item) => item.assets?.map(({ name }: { name: string }) => name)\n ?? [],\n );\n } else if (CHUNK_GROUPS) chunkGroups = CHUNK_GROUPS;\n else chunkGroups = {};\n\n /* Optional server-side rendering. */\n const App = ops.Application;\n let appHtmlMarkup: string = '';\n const ssrContext = new ServerSsrContext(req, chunkGroups, initialState);\n let stream: NodeJS.ReadableStream;\n if (App) {\n const ssrStart = Date.now();\n\n // TODO: Somehow, without it TS does not realise that\n // App has been checked to exist.\n const App2 = App;\n\n const renderPass = async () => new Promise<NodeJS.ReadableStream>(\n (resolveArg, rejectArg) => {\n ssrContext.chunks = [];\n\n // NOTE: JS does not have problems if resolve() and reject() methods\n // of a Promise are called multiple times, with different arguments;\n // it only respects the first call, and ignores subsequent ones.\n // We, however, really want to assert that here, to safeguard against\n // any future problems due to unexpected internal changes in React,\n // if any.\n let error: unknown;\n\n const resolve = (arg: NodeJS.ReadableStream) => {\n if (error !== undefined) throw Error('Internal error');\n error = null;\n resolveArg(arg);\n };\n\n const reject = (arg: unknown) => {\n if (error !== undefined && error !== arg) {\n throw Error('Internal error');\n }\n error = arg;\n rejectArg(arg as Error);\n };\n\n // TODO: prerenderToNodeStream has (abort) \"signal\" option,\n // and we should wire it up to the SSR timeout below.\n const helmetContext = {} as HelmetDataContext;\n void prerenderToNodeStream(\n <GlobalStateProvider\n initialState={ssrContext.state}\n ssrContext={ssrContext}\n >\n <StaticRouter location={req.url}>\n <HelmetProvider context={helmetContext}>\n <App2 />\n </HelmetProvider>\n </StaticRouter>\n </GlobalStateProvider>,\n { onError: reject },\n ).then((result) => {\n ({ helmet } = helmetContext);\n resolve(result.prelude);\n }).catch(reject);\n },\n );\n\n let ssrRound = 0;\n let bailed = false;\n for (; ssrRound < ops.maxSsrRounds!; ++ssrRound) {\n stream = await renderPass();\n\n if (!ssrContext.dirty) break;\n\n const timeout = ops.ssrTimeout! + ssrStart - Date.now();\n bailed = timeout <= 0 || !await Promise.race([\n Promise.allSettled(ssrContext.pending),\n timer(timeout).then(() => false),\n ]);\n if (bailed) break;\n }\n\n let logMsg;\n if (ssrContext.dirty) {\n // NOTE: In the case of incomplete SSR one more round is necessary\n // to ensure the correct hydration when some pending promises have\n // resolved and placed their data into the initial global state.\n stream = await renderPass();\n\n logMsg = bailed ? `SSR timed out after ${ops.ssrTimeout} second(s)`\n : `SSR bailed out after ${ops.maxSsrRounds} round(s)`;\n } else logMsg = `SSR completed in ${ssrRound + 1} round(s)`;\n\n ops.logger!.log(ssrContext.dirty ? 'warn' : 'info', logMsg);\n\n if (ssrContext.redirectTo) {\n res.redirect(ssrContext.status, ssrContext.redirectTo);\n return;\n }\n\n await new Promise((ready) => {\n stream!.pipe(new Writable({\n destroy: ready,\n write: (chunk: { toString: () => string }, _, done) => {\n appHtmlMarkup += chunk.toString();\n done();\n },\n }));\n });\n }\n\n /* Encrypts data to be injected into HTML.\n * Keep in mind, that this encryption is no way secure: as the JS bundle\n * contains decryption key and is able to decode it at the client side.\n * Hovewer, for a number of reasons, encryption of injected data is still\n * better than injection of a plain text. */\n const payload = serializeJs({\n CHUNK_GROUPS: chunkGroups,\n CONFIG: configToInject ?? sanitizedConfig,\n ISTATE: ssrContext.state,\n }, {\n ignoreFunction: true,\n unsafe: true,\n });\n\n const INJ = Buffer.concat([\n iv,\n cipher.update(payload, 'utf8'),\n cipher.final(),\n ]).toString('base64');\n\n const chunkSet = new Set<string>();\n\n // TODO: \"main\" chunk has to be added explicitly,\n // because unlike all other chunks they are not managed by <CodeSplit>\n // component, thus they are not added to the ssrContext.chunks\n // automatically. Actually, names of these entry chunks should be\n // read from Wepback config, as the end user may customize them,\n // remove or add other entry points, but it requires additional\n // efforts to figure out how to automatically order them right,\n // thus for now this handles the default config.\n [\n 'main',\n ...ssrContext.chunks,\n ].forEach((chunk) => {\n const assets = chunkGroups[chunk];\n if (assets) assets.forEach((asset) => chunkSet.add(asset));\n });\n\n let styleChunkString = '';\n let scriptChunkString = '';\n chunkSet.forEach((chunk) => {\n if (chunk.endsWith('.css')) {\n styleChunkString += `<link href=\"${publicPath as string}${chunk}\" rel=\"stylesheet\">`;\n } else if (\n chunk.endsWith('.js')\n // In dev mode HMR adds JS updates into asset arrays,\n // and they (updates) should be ignored.\n && !chunk.endsWith('.hot-update.js')\n ) {\n scriptChunkString += `<script src=\"${publicPath as string}${chunk}\" type=\"application/javascript\"></script>`;\n }\n });\n\n const grouppedExtraScripts = groupExtraScripts(extraScripts);\n\n const faviconLink = ops.favicon\n ? '<link rel=\"shortcut icon\" href=\"/favicon.ico\">'\n : '';\n\n const html = `<!DOCTYPE html>\n <html lang=\"en\">\n <head>\n ${grouppedExtraScripts[SCRIPT_LOCATIONS.HEAD_OPEN]}\n ${helmet?.title.toString() ?? ''}\n ${helmet?.meta.toString() ?? ''}\n <meta name=\"theme-color\" content=\"#FFFFFF\">\n ${manifestLink}\n ${helmet?.link.toString() ?? ''}${styleChunkString}\n ${faviconLink}\n <meta charset=\"utf-8\">\n <meta\n content=\"width=device-width,initial-scale=1.0\"\n name=\"viewport\"\n >\n <meta itemprop=\"drpruinj\" content=\"${INJ}\">\n </head>\n <body>\n ${grouppedExtraScripts[SCRIPT_LOCATIONS.BODY_OPEN]}\n <div id=\"react-view\">${appHtmlMarkup}</div>\n ${scriptChunkString}\n ${grouppedExtraScripts[SCRIPT_LOCATIONS.DEFAULT]}\n </body>\n </html>`;\n\n const status = ssrContext.status || 200;\n if (status !== 200) res.status(status);\n\n if (cacheRef && status < 500) {\n // Note: waiting for the caching to complete is not strictly necessary,\n // but it greately simplifies testing, and error reporting.\n await new Promise<void>((done, failed) => {\n brotliCompress(html, (error, buffer) => {\n if (error) failed(error);\n else {\n const b = buffer as unknown as BufferWithNonce;\n b.nonce = (req as unknown as {\n nonce: string;\n }).nonce;\n cache!.add({ buffer: b, status }, cacheRef.key, buffer.length);\n done();\n }\n });\n });\n }\n\n // Note: as caching code above may throw in some cases, sending response\n // before it completes will likely hide the error, making it difficult\n // to debug. Thus, at least for now, lets send response after it.\n res.send(html);\n } catch (error) {\n next(error);\n }\n };\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,4 +1,4 @@
1
- import{useEffect,useMemo,useRef}from"react";import ReactDom from"react-dom";import themed from"@dr.pogodin/react-themes";const baseTheme={"context":"sCYXfW","ad":"e0BH-f","hoc":"vqUuSP","overlay":"uAH4as","container":"zqpc6q"};const S={"scrollingDisabledByModal":"yfvOIZ"};import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";/**
1
+ import{useEffect,useMemo,useRef}from"react";import{createPortal}from"react-dom";import themed from"@dr.pogodin/react-themes";const baseTheme={"context":"sCYXfW","ad":"e0BH-f","hoc":"vqUuSP","overlay":"uAH4as","container":"zqpc6q"};const S={"scrollingDisabledByModal":"yfvOIZ"};import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";/**
2
2
  * The `<Modal>` component implements a simple themeable modal window, wrapped
3
3
  * into the default theme. `<BaseModal>` exposes the base non-themed component.
4
4
  * **Children:** Component children are rendered as the modal content.
@@ -12,7 +12,7 @@ import{useEffect,useMemo,useRef}from"react";import ReactDom from"react-dom";impo
12
12
  useEffect(()=>{if(cancelOnScrolling&&onCancel){window.addEventListener("scroll",onCancel);window.addEventListener("wheel",onCancel)}return()=>{if(cancelOnScrolling&&onCancel){window.removeEventListener("scroll",onCancel);window.removeEventListener("wheel",onCancel)}}},[cancelOnScrolling,onCancel]);// Disables window scrolling, if it is not opted-out.
13
13
  useEffect(()=>{if(!dontDisableScrolling){document.body.classList.add(S.scrollingDisabledByModal)}return()=>{if(!dontDisableScrolling){document.body.classList.remove(S.scrollingDisabledByModal)}}},[dontDisableScrolling]);const focusLast=useMemo(()=>/*#__PURE__*/_jsx("div",{onFocus:()=>{const elems=containerRef.current.querySelectorAll("*");for(let i=elems.length-1;i>=0;--i){elems[i].focus();if(document.activeElement===elems[i])return}overlayRef.current?.focus()}// TODO: Have a look at this later.
14
14
  // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
15
- ,tabIndex:0}),[]);return/*#__PURE__*/ReactDom.createPortal(/*#__PURE__*/_jsxs("div",{children:[focusLast,/*#__PURE__*/_jsx("div",{"aria-label":"Cancel",className:theme.overlay,"data-testid":process.env.NODE_ENV==="production"?undefined:testIdForOverlay,onClick:e=>{if(onCancel){onCancel();e.stopPropagation()}},onKeyDown:e=>{if(e.key==="Escape"&&onCancel){onCancel();e.stopPropagation()}},ref:node=>{if(node&&node!==overlayRef.current){overlayRef.current=node;node.focus()}},role:"button",style:overlayStyle,tabIndex:0}),/*#__PURE__*/_jsx("div",{// eslint-disable-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
15
+ ,tabIndex:0}),[]);return/*#__PURE__*/createPortal(/*#__PURE__*/_jsxs("div",{children:[focusLast,/*#__PURE__*/_jsx("div",{"aria-label":"Cancel",className:theme.overlay,"data-testid":process.env.NODE_ENV==="production"?undefined:testIdForOverlay,onClick:e=>{if(onCancel){onCancel();e.stopPropagation()}},onKeyDown:e=>{if(e.key==="Escape"&&onCancel){onCancel();e.stopPropagation()}},ref:node=>{if(node&&node!==overlayRef.current){overlayRef.current=node;node.focus()}},role:"button",style:overlayStyle,tabIndex:0}),/*#__PURE__*/_jsx("div",{// eslint-disable-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
16
16
  "aria-modal":"true",className:theme.container,"data-testid":process.env.NODE_ENV==="production"?undefined:testId,onClick:e=>{e.stopPropagation()},onWheel:event=>{event.stopPropagation()},ref:containerRef,role:"dialog",style:style??containerStyle,children:children}),/*#__PURE__*/_jsx("div",{onFocus:()=>{overlayRef.current?.focus()}// TODO: Have a look at this later.
17
17
  // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
18
18
  ,tabIndex:0}),focusLast]}),document.body)};export default themed(BaseModal,"Modal",baseTheme);/* Non-themed version of the Modal. */export{BaseModal};