@dr.pogodin/react-utils 1.35.5 → 1.36.1

package/build/development/shared/utils/jest/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_mockdate","_interopRequireDefault","require","_react","_client","_react2","_global","global","IS_REACT_ACT_ENVIRONMENT","originalProcessVersions","process","versions","mockClientSide","Object","defineProperty","value","unmockClientSide","writable","getMockUuid","seed","x","toString","padStart","slice","mockTimer","time","mockdate","set","Date","now","jest","advanceTimersByTime","mount","scene","root","element","document","createElement","body","appendChild","res","destroy","act","unmount","remove","createRoot","render","snapshot","undefined","Error","nodes","asFragment","childNodes","expect","length","toMatchSnapshot"],"sources":["../../../../../src/shared/utils/jest/index.tsx"],"sourcesContent":["/* global jest, document */\n/* eslint-disable import/no-extraneous-dependencies */\n\nimport mockdate from 'mockdate';\nimport { type ReactNode, act } from 'react';\nimport { type Root, createRoot } from 'react-dom/client';\n\nimport { type RenderResult, render } from '@testing-library/react';\n\n/**\n * An alias for [act(..)](https://reactjs.org/docs/test-utils.html#act)\n * from `react`.\n */\nexport { act };\n\nexport { default as getGlobal } from './global';\n\ndeclare global {\n  // eslint-disable-next-line no-var, vars-on-top\n  var IS_REACT_ACT_ENVIRONMENT: boolean | undefined;\n}\n\nglobal.IS_REACT_ACT_ENVIRONMENT = true;\n\nconst originalProcessVersions = process.versions;\n\n/**\n * Tricks **react-utils** into thinking the test is running within client-side\n * (browser) environment.\n */\nexport function mockClientSide() {\n  Object.defineProperty(process, 'versions', { value: null });\n}\n\n/**\n * Reverts the effect of {@link module:JU.mockClientSide mockClientSide(..)}.\n */\nexport function unmockClientSide() {\n  Object.defineProperty(process, 'versions', {\n    value: originalProcessVersions,\n    writable: false,\n  });\n}\n\n/**\n * Generates a mock UUID, or better said it determenistically transforms given\n * `seed` number into a UUID-formatted string.\n * @param {number} seed\n * @return {string}\n */\nexport function getMockUuid(seed = 0) {\n  const x = seed.toString(16).padStart(32, '0');\n  return `${x.slice(0, 8)}-${x.slice(8, 12)}-${x.slice(12, 16)}-${x.slice(16, 20)}-${x.slice(20)}`;\n}\n\n/**\n * Advances mock timers, and mock date by the specified time.\n * @param {number} time Time step [ms].\n * @returns {Promise} Wait for this to \"jump after\" any async code which should\n * be executed because of the mock time movement.\n */\nexport async function mockTimer(time: number) {\n  mockdate.set(time + Date.now());\n  jest.advanceTimersByTime(time);\n}\n\nexport type MountedSceneT = HTMLElement & {\n  destroy: () => void;\n};\n\n/**\n * Mounts `scene` to the DOM, and returns the root scene element.\n * @param scene\n * @return Created container DOM element with destroy() function\n *  attached.\n */\nexport function mount(scene: ReactNode): MountedSceneT {\n  let root: Root;\n  const element = document.createElement('div');\n  document.body.appendChild(element);\n\n  const res: MountedSceneT = (element as unknown) as MountedSceneT;\n  res.destroy = () => {\n    // NOTE: As it seems @testing-library may reset this flag to false\n    // when it is simulating user events.\n    global.IS_REACT_ACT_ENVIRONMENT = true;\n\n    act(() => root.unmount());\n    res.remove();\n  };\n\n  // NOTE: As it seems @testing-library may reset this flag to false\n  // when it is simulating user events.\n  global.IS_REACT_ACT_ENVIRONMENT = true;\n\n  act(() => {\n    root = createRoot(res);\n    root.render(scene);\n  });\n  return res;\n}\n\nexport function snapshot(element: React.ReactElement) {\n  let res: RenderResult | undefined;\n  act(() => {\n    res = render(element);\n  });\n  if (res === undefined) throw Error('Render failed');\n\n  const nodes = res.asFragment().childNodes;\n  expect(nodes.length > 1 ? [...nodes] : nodes[0]).toMatchSnapshot();\n  return res;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAQA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AAfA;AACA;;AAQA;AACA;AACA;AACA;;AAUAK,MAAM,CAACC,wBAAwB,GAAG,IAAI;AAEtC,MAAMC,uBAAuB,GAAGC,OAAO,CAACC,QAAQ;;AAEhD;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAAA,EAAG;EAC/BC,MAAM,CAACC,cAAc,CAACJ,OAAO,EAAE,UAAU,EAAE;IAAEK,KAAK,EAAE;EAAK,CAAC,CAAC;AAC7D;;AAEA;AACA;AACA;AACO,SAASC,gBAAgBA,CAAA,EAAG;EACjCH,MAAM,CAACC,cAAc,CAACJ,OAAO,EAAE,UAAU,EAAE;IACzCK,KAAK,EAAEN,uBAAuB;IAC9BQ,QAAQ,EAAE;EACZ,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,WAAWA,CAACC,IAAI,GAAG,CAAC,EAAE;EACpC,MAAMC,CAAC,GAAGD,IAAI,CAACE,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,EAAE,EAAE,GAAG,CAAC;EAC7C,OAAO,GAAGF,CAAC,CAACG,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAIH,CAAC,CAACG,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,IAAIH,CAAC,CAACG,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,IAAIH,CAAC,CAACG,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,IAAIH,CAAC,CAACG,KAAK,CAAC,EAAE,CAAC,EAAE;AAClG;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,eAAeC,SAASA,CAACC,IAAY,EAAE;EAC5CC,iBAAQ,CAACC,GAAG,CAACF,IAAI,GAAGG,IAAI,CAACC,GAAG,CAAC,CAAC,CAAC;EAC/BC,IAAI,CAACC,mBAAmB,CAACN,IAAI,CAAC;AAChC;AAMA;AACA;AACA;AACA;AACA;AACA;AACO,SAASO,KAAKA,CAACC,KAAgB,EAAiB;EACrD,IAAIC,IAAU;EACd,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAC7CD,QAAQ,CAACE,IAAI,CAACC,WAAW,CAACJ,OAAO,CAAC;EAElC,MAAMK,GAAkB,GAAIL,OAAoC;EAChEK,GAAG,CAACC,OAAO,GAAG,MAAM;IAClB;IACA;IACAlC,MAAM,CAACC,wBAAwB,GAAG,IAAI;IAEtC,IAAAkC,UAAG,EAAC,MAAMR,IAAI,CAACS,OAAO,CAAC,CAAC,CAAC;IACzBH,GAAG,CAACI,MAAM,CAAC,CAAC;EACd,CAAC;;EAED;EACA;EACArC,MAAM,CAACC,wBAAwB,GAAG,IAAI;EAEtC,IAAAkC,UAAG,EAAC,MAAM;IACRR,IAAI,GAAG,IAAAW,kBAAU,EAACL,GAAG,CAAC;IACtBN,IAAI,CAACY,MAAM,CAACb,KAAK,CAAC;EACpB,CAAC,CAAC;EACF,OAAOO,GAAG;AACZ;AAEO,SAASO,QAAQA,CAACZ,OAA2B,EAAE;EACpD,IAAIK,GAA6B;EACjC,IAAAE,UAAG,EAAC,MAAM;IACRF,GAAG,GAAG,IAAAM,cAAM,EAACX,OAAO,CAAC;EACvB,CAAC,CAAC;EACF,IAAIK,GAAG,KAAKQ,SAAS,EAAE,MAAMC,KAAK,CAAC,eAAe,CAAC;EAEnD,MAAMC,KAAK,GAAGV,GAAG,CAACW,UAAU,CAAC,CAAC,CAACC,UAAU;EACzCC,MAAM,CAACH,KAAK,CAACI,MAAM,GAAG,CAAC,GAAG,CAAC,GAAGJ,KAAK,CAAC,GAAGA,KAAK,CAAC,CAAC,CAAC,CAAC,CAACK,eAAe,CAAC,CAAC;EAClE,OAAOf,GAAG;AACZ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_mockdate","_interopRequireDefault","require","_react","_client","_react2","_global","global","IS_REACT_ACT_ENVIRONMENT","originalProcessVersions","process","versions","mockClientSide","Object","defineProperty","value","unmockClientSide","writable","getMockUuid","seed","x","toString","padStart","slice","mockTimer","time","mockdate","set","Date","now","jest","advanceTimersByTime","mount","scene","root","element","document","createElement","body","appendChild","res","destroy","act","unmount","remove","createRoot","render","snapshot","options","promise","await","undefined","Error","nodes","asFragment","childNodes","expect","length","toMatchSnapshot"],"sources":["../../../../../src/shared/utils/jest/index.tsx"],"sourcesContent":["/* global jest, document */\n/* eslint-disable import/no-extraneous-dependencies */\n\nimport mockdate from 'mockdate';\nimport { type ReactNode, act } from 'react';\nimport { type Root, createRoot } from 'react-dom/client';\n\nimport { type RenderResult, render } from '@testing-library/react';\n\n/**\n * An alias for [act(..)](https://reactjs.org/docs/test-utils.html#act)\n * from `react`.\n */\nexport { act };\n\nexport { default as getGlobal } from './global';\n\ndeclare global {\n  // eslint-disable-next-line no-var, vars-on-top\n  var IS_REACT_ACT_ENVIRONMENT: boolean | undefined;\n}\n\nglobal.IS_REACT_ACT_ENVIRONMENT = true;\n\nconst originalProcessVersions = process.versions;\n\n/**\n * Tricks **react-utils** into thinking the test is running within client-side\n * (browser) environment.\n */\nexport function mockClientSide() {\n  Object.defineProperty(process, 'versions', { value: null });\n}\n\n/**\n * Reverts the effect of {@link module:JU.mockClientSide mockClientSide(..)}.\n */\nexport function unmockClientSide() {\n  Object.defineProperty(process, 'versions', {\n    value: originalProcessVersions,\n    writable: false,\n  });\n}\n\n/**\n * Generates a mock UUID, or better said it determenistically transforms given\n * `seed` number into a UUID-formatted string.\n * @param {number} seed\n * @return {string}\n */\nexport function getMockUuid(seed = 0) {\n  const x = seed.toString(16).padStart(32, '0');\n  return `${x.slice(0, 8)}-${x.slice(8, 12)}-${x.slice(12, 16)}-${x.slice(16, 20)}-${x.slice(20)}`;\n}\n\n/**\n * Advances mock timers, and mock date by the specified time.\n * @param {number} time Time step [ms].\n * @returns {Promise} Wait for this to \"jump after\" any async code which should\n * be executed because of the mock time movement.\n */\nexport async function mockTimer(time: number) {\n  mockdate.set(time + Date.now());\n  jest.advanceTimersByTime(time);\n}\n\nexport type MountedSceneT = HTMLElement & {\n  destroy: () => void;\n};\n\n/**\n * Mounts `scene` to the DOM, and returns the root scene element.\n * @param scene\n * @return Created container DOM element with destroy() function\n *  attached.\n */\nexport function mount(scene: ReactNode): MountedSceneT {\n  let root: Root;\n  const element = document.createElement('div');\n  document.body.appendChild(element);\n\n  const res: MountedSceneT = (element as unknown) as MountedSceneT;\n  res.destroy = () => {\n    // NOTE: As it seems @testing-library may reset this flag to false\n    // when it is simulating user events.\n    global.IS_REACT_ACT_ENVIRONMENT = true;\n\n    act(() => root.unmount());\n    res.remove();\n  };\n\n  // NOTE: As it seems @testing-library may reset this flag to false\n  // when it is simulating user events.\n  global.IS_REACT_ACT_ENVIRONMENT = true;\n\n  act(() => {\n    root = createRoot(res);\n    root.render(scene);\n  });\n  return res;\n}\n\ntype SnapshotOptionsT = {\n  await?: Promise<void>;\n};\n\nexport async function snapshot(\n  element: React.ReactElement,\n  options?: SnapshotOptionsT,\n) {\n  let res: RenderResult | undefined;\n\n  const promise = act(() => {\n    res = render(element);\n    return options?.await;\n  });\n\n  if (res === undefined) throw Error('Render failed');\n  if (options?.await) await promise;\n\n  const nodes = res.asFragment().childNodes;\n  expect(nodes.length > 1 ? [...nodes] : nodes[0]).toMatchSnapshot();\n  return res;\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.bookStyleSheets = bookStyleSheets;
 exports.default = splitComponent;
 exports.freeStyleSheets = freeStyleSheets;
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = require("react");
 var _jsUtils = require("@dr.pogodin/js-utils");
 var _globalState = require("./globalState");
@@ -72,9 +70,7 @@ function getLoadedStyleSheets() {
     styleSheets
   } = document;
   for (let i = 0; i < styleSheets.length; ++i) {
-    const {
-      href
-    } = styleSheets[i];
+    const href = styleSheets[i]?.href;
     if (href) res.add(href);
   }
   return res;
@@ -96,10 +92,11 @@ function assertChunkName(chunkName, chunkGroups) {
 function bookStyleSheets(chunkName, chunkGroups, refCount) {
   const promises = [];
   const assets = chunkGroups[chunkName];
+  if (!assets) return Promise.resolve();
   const loadedSheets = getLoadedStyleSheets();
   for (let i = 0; i < assets.length; ++i) {
     const asset = assets[i];
-    if (asset.endsWith('.css')) {
+    if (asset?.endsWith('.css')) {
       const promise = bookStyleSheet(asset, loadedSheets, refCount);
       if (promise) promises.push(promise);
     }
@@ -116,12 +113,17 @@ function bookStyleSheets(chunkName, chunkGroups, refCount) {
  */
 function freeStyleSheets(chunkName, chunkGroups) {
   const assets = chunkGroups[chunkName];
+  if (!assets) return;
   for (let i = 0; i < assets.length; ++i) {
     const asset = assets[i];
-    if (asset.endsWith('.css')) {
+    if (asset?.endsWith('.css')) {
       const path = `${getPublicPath()}/${asset}`;
-      if (--refCounts[path] <= 0) {
-        document.head.querySelector(`link[href="${path}"]`).remove();
+      const pathRefCount = refCounts[path];
+      if (pathRefCount) {
+        if (pathRefCount <= 1) {
+          document.head.querySelector(`link[href="${path}"]`).remove();
+          delete refCounts[path];
+        } else refCounts[path] = pathRefCount - 1;
       }
     }
   }
@@ -202,9 +204,6 @@ function splitComponent({
       children: children
     })
   });
-  CodeSplit.propTypes = {
-    children: _propTypes.default.node
-  };
   return CodeSplit;
 }
 //# sourceMappingURL=splitComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"splitComponent.js","names":["_propTypes","_interopRequireDefault","require","_react","_jsUtils","_globalState","_isomorphy","_jsxRuntime","clientChunkGroups","IS_CLIENT_SIDE","default","CHUNK_GROUPS","refCounts","getPublicPath","getBuildInfo","publicPath","bookStyleSheet","name","loadedSheets","refCount","res","path","fullPath","document","location","origin","has","link","querySelector","createElement","setAttribute","head","appendChild","Barrier","addEventListener","resolve","current","getLoadedStyleSheets","Set","styleSheets","i","length","href","add","assertChunkName","chunkName","chunkGroups","Error","bookStyleSheets","promises","assets","asset","endsWith","promise","push","Promise","allSettled","then","freeStyleSheets","remove","usedChunkNames","splitComponent","getComponent","placeholder","LazyComponent","lazy","resolved","Component","Wrapper","forwardRef","children","rest","ref","IS_SERVER_SIDE","chunks","getSsrContext","includes","useInsertionEffect","jsx","CodeSplit","Suspense","fallback","propTypes","PT","node"],"sources":["../../../../src/shared/utils/splitComponent.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* global document */\n\nimport PT from 'prop-types';\n\nimport {\n  type ComponentType,\n  type ReactNode,\n  forwardRef,\n  lazy,\n  Suspense,\n  useInsertionEffect,\n} from 'react';\n\nimport { Barrier } from '@dr.pogodin/js-utils';\n\nimport { type ChunkGroupsT, getSsrContext } from './globalState';\n\nimport {\n  IS_CLIENT_SIDE,\n  IS_SERVER_SIDE,\n  getBuildInfo,\n} from './isomorphy';\n\n// Note: At the client side we can get chunk groups immediately when loading\n// the module; at the server-side we only can get them within React render flow.\n// Thus, we set and use the following variable at the client-side, and then when\n// needed on the server side, we'll fetch it differently.\nlet clientChunkGroups: ChunkGroupsT;\n\nif (IS_CLIENT_SIDE) {\n  // eslint-disable-next-line global-require\n  clientChunkGroups = require('client/getInj').default().CHUNK_GROUPS || {};\n}\n\nconst refCounts: { [path: 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', () => res!.resolve());\n    link.addEventListener('error', () => res!.resolve());\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 (let i = 0; i < styleSheets.length; ++i) {\n    const { href } = styleSheets[i];\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 function bookStyleSheets(\n  chunkName: string,\n  chunkGroups: ChunkGroupsT,\n  refCount: boolean,\n): Promise<void> {\n  const promises = [];\n  const assets = chunkGroups[chunkName];\n  const loadedSheets = getLoadedStyleSheets();\n\n  for (let i = 0; i < assets.length; ++i) {\n    const asset = assets[i];\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) {\n  const assets = chunkGroups[chunkName];\n  for (let i = 0; i < assets.length; ++i) {\n    const asset = assets[i];\n    if (asset.endsWith('.css')) {\n      const path = `${getPublicPath()}/${asset}`;\n      if (--refCounts[path] <= 0) {\n        document.head.querySelector(`link[href=\"${path}\"]`)!.remove();\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 },\n>({\n  chunkName,\n  getComponent,\n  placeholder,\n}: {\n  chunkName: string;\n  getComponent: () => Promise<ComponentOrModule<ComponentPropsT>>,\n  placeholder?: ReactNode,\n}) {\n  // On the client side we can check right away if the chunk name is known.\n  if (IS_CLIENT_SIDE) assertChunkName(chunkName, clientChunkGroups);\n\n  // The correct usage of splitComponent() assumes a single call per chunk.\n  if (usedChunkNames.has(chunkName)) {\n    throw Error(`Repeated splitComponent() call for the chunk \"${chunkName}\"`);\n  } else usedChunkNames.add(chunkName);\n\n  const LazyComponent = lazy(async () => {\n    const resolved = await getComponent();\n    const Component = 'default' in resolved ? resolved.default : resolved;\n\n    // This pre-loads necessary stylesheets prior to the first mount of\n    // the component (the lazy load function is executed by React one at\n    // the frist mount).\n    if (IS_CLIENT_SIDE) {\n      await bookStyleSheets(chunkName, clientChunkGroups, false);\n    }\n\n    const Wrapper = forwardRef((\n      { children, ...rest }: ComponentPropsT,\n      ref,\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        bookStyleSheets(chunkName, clientChunkGroups, true);\n        return () => freeStyleSheets(chunkName, clientChunkGroups);\n      }, []);\n\n      return (\n        <Component ref={ref} {...rest as ComponentPropsT}>\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 {...rest as Parameters<typeof LazyComponent>[0]}>\n        {children}\n      </LazyComponent>\n    </Suspense>\n  );\n\n  CodeSplit.propTypes = {\n    children: PT.node,\n  } as PT.WeakValidationMap<ComponentPropsT>;\n\n  return CodeSplit;\n}\n"],"mappings":";;;;;;;;;AAGA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AASA,IAAAE,QAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AAEA,IAAAI,UAAA,GAAAJ,OAAA;AAIqB,IAAAK,WAAA,GAAAL,OAAA;AAtBrB;AACA;;AAuBA;AACA;AACA;AACA;AACA,IAAIM,iBAA+B;AAEnC,IAAIC,yBAAc,EAAE;EAClB;EACAD,iBAAiB,GAAGN,OAAO,sBAAgB,CAAC,CAACQ,OAAO,CAAC,CAAC,CAACC,YAAY,IAAI,CAAC,CAAC;AAC3E;AAEA,MAAMC,SAAqC,GAAG,CAAC,CAAC;AAEhD,SAASC,aAAaA,CAAA,EAAG;EACvB,OAAO,IAAAC,uBAAY,EAAC,CAAC,CAACC,UAAU;AAClC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,cAAcA,CACrBC,IAAY,EACZC,YAAyB,EACzBC,QAAiB,EACU;EAC3B,IAAIC,GAA8B;EAClC,MAAMC,IAAI,GAAG,GAAGR,aAAa,CAAC,CAAC,IAAII,IAAI,EAAE;EACzC,MAAMK,QAAQ,GAAG,GAAGC,QAAQ,CAACC,QAAQ,CAACC,MAAM,GAAGJ,IAAI,EAAE;EAErD,IAAI,CAACH,YAAY,CAACQ,GAAG,CAACJ,QAAQ,CAAC,EAAE;IAC/B,IAAIK,IAAI,GAAGJ,QAAQ,CAACK,aAAa,CAAC,cAAcP,IAAI,IAAI,CAAC;IAEzD,IAAI,CAACM,IAAI,EAAE;MACTA,IAAI,GAAGJ,QAAQ,CAACM,aAAa,CAAC,MAAM,CAAC;MACrCF,IAAI,CAACG,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC;MACtCH,IAAI,CAACG,YAAY,CAAC,MAAM,EAAET,IAAI,CAAC;MAC/BE,QAAQ,CAACQ,IAAI,CAACC,WAAW,CAACL,IAAI,CAAC;IACjC;IAEAP,GAAG,GAAG,IAAIa,gBAAO,CAAO,CAAC;IACzBN,IAAI,CAACO,gBAAgB,CAAC,MAAM,EAAE,MAAMd,GAAG,CAAEe,OAAO,CAAC,CAAC,CAAC;IACnDR,IAAI,CAACO,gBAAgB,CAAC,OAAO,EAAE,MAAMd,GAAG,CAAEe,OAAO,CAAC,CAAC,CAAC;EACtD;EAEA,IAAIhB,QAAQ,EAAE;IACZ,MAAMiB,OAAO,GAAGxB,SAAS,CAACS,IAAI,CAAC,IAAI,CAAC;IACpCT,SAAS,CAACS,IAAI,CAAC,GAAG,CAAC,GAAGe,OAAO;EAC/B;EAEA,OAAOhB,GAAG;AACZ;;AAEA;AACA;AACA;AACA;AACA,SAASiB,oBAAoBA,CAAA,EAAgB;EAC3C,MAAMjB,GAAG,GAAG,IAAIkB,GAAG,CAAS,CAAC;EAC7B,MAAM;IAAEC;EAAY,CAAC,GAAGhB,QAAQ;EAChC,KAAK,IAAIiB,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,WAAW,CAACE,MAAM,EAAE,EAAED,CAAC,EAAE;IAC3C,MAAM;MAAEE;IAAK,CAAC,GAAGH,WAAW,CAACC,CAAC,CAAC;IAC/B,IAAIE,IAAI,EAAEtB,GAAG,CAACuB,GAAG,CAACD,IAAI,CAAC;EACzB;EACA,OAAOtB,GAAG;AACZ;AAEA,SAASwB,eAAeA,CACtBC,SAAiB,EACjBC,WAAyB,EACzB;EACA,IAAIA,WAAW,CAACD,SAAS,CAAC,EAAE;EAC5B,MAAME,KAAK,CAAC,uBAAuBF,SAAS,GAAG,CAAC;AAClD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,eAAeA,CAC7BH,SAAiB,EACjBC,WAAyB,EACzB3B,QAAiB,EACF;EACf,MAAM8B,QAAQ,GAAG,EAAE;EACnB,MAAMC,MAAM,GAAGJ,WAAW,CAACD,SAAS,CAAC;EACrC,MAAM3B,YAAY,GAAGmB,oBAAoB,CAAC,CAAC;EAE3C,KAAK,IAAIG,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGU,MAAM,CAACT,MAAM,EAAE,EAAED,CAAC,EAAE;IACtC,MAAMW,KAAK,GAAGD,MAAM,CAACV,CAAC,CAAC;IACvB,IAAIW,KAAK,CAACC,QAAQ,CAAC,MAAM,CAAC,EAAE;MAC1B,MAAMC,OAAO,GAAGrC,cAAc,CAACmC,KAAK,EAAEjC,YAAY,EAAEC,QAAQ,CAAC;MAC7D,IAAIkC,OAAO,EAAEJ,QAAQ,CAACK,IAAI,CAACD,OAAO,CAAC;IACrC;EACF;EAEA,OAAOJ,QAAQ,CAACR,MAAM,GAClBc,OAAO,CAACC,UAAU,CAACP,QAAQ,CAAC,CAACQ,IAAI,CAAC,CAAC,GACnCF,OAAO,CAACpB,OAAO,CAAC,CAAC;AACvB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASuB,eAAeA,CAC7Bb,SAAiB,EACjBC,WAAyB,EACzB;EACA,MAAMI,MAAM,GAAGJ,WAAW,CAACD,SAAS,CAAC;EACrC,KAAK,IAAIL,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGU,MAAM,CAACT,MAAM,EAAE,EAAED,CAAC,EAAE;IACtC,MAAMW,KAAK,GAAGD,MAAM,CAACV,CAAC,CAAC;IACvB,IAAIW,KAAK,CAACC,QAAQ,CAAC,MAAM,CAAC,EAAE;MAC1B,MAAM/B,IAAI,GAAG,GAAGR,aAAa,CAAC,CAAC,IAAIsC,KAAK,EAAE;MAC1C,IAAI,EAAEvC,SAAS,CAACS,IAAI,CAAC,IAAI,CAAC,EAAE;QAC1BE,QAAQ,CAACQ,IAAI,CAACH,aAAa,CAAC,cAAcP,IAAI,IAAI,CAAC,CAAEsC,MAAM,CAAC,CAAC;MAC/D;IACF;EACF;AACF;;AAEA;AACA,MAAMC,cAAc,GAAG,IAAItB,GAAG,CAAC,CAAC;AAMhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASuB,cAAcA,CAEpC;EACAhB,SAAS;EACTiB,YAAY;EACZC;AAKF,CAAC,EAAE;EACD;EACA,IAAItD,yBAAc,EAAEmC,eAAe,CAACC,SAAS,EAAErC,iBAAiB,CAAC;;EAEjE;EACA,IAAIoD,cAAc,CAAClC,GAAG,CAACmB,SAAS,CAAC,EAAE;IACjC,MAAME,KAAK,CAAC,iDAAiDF,SAAS,GAAG,CAAC;EAC5E,CAAC,MAAMe,cAAc,CAACjB,GAAG,CAACE,SAAS,CAAC;EAEpC,MAAMmB,aAAa,gBAAG,IAAAC,WAAI,EAAC,YAAY;IACrC,MAAMC,QAAQ,GAAG,MAAMJ,YAAY,CAAC,CAAC;IACrC,MAAMK,SAAS,GAAG,SAAS,IAAID,QAAQ,GAAGA,QAAQ,CAACxD,OAAO,GAAGwD,QAAQ;;IAErE;IACA;IACA;IACA,IAAIzD,yBAAc,EAAE;MAClB,MAAMuC,eAAe,CAACH,SAAS,EAAErC,iBAAiB,EAAE,KAAK,CAAC;IAC5D;IAEA,MAAM4D,OAAO,gBAAG,IAAAC,iBAAU,EAAC,CACzB;MAAEC,QAAQ;MAAE,GAAGC;IAAsB,CAAC,EACtCC,GAAG,KACA;MACH;MACA;MACA,IAAIC,yBAAc,EAAE;QAClB,MAAM;UAAE3B,WAAW;UAAE4B;QAAO,CAAC,GAAG,IAAAC,0BAAa,EAAC,CAAE;QAChD/B,eAAe,CAACC,SAAS,EAAEC,WAAW,CAAC;QACvC,IAAI,CAAC4B,MAAM,CAACE,QAAQ,CAAC/B,SAAS,CAAC,EAAE6B,MAAM,CAACpB,IAAI,CAACT,SAAS,CAAC;MACzD;;MAEA;MACA;MACA,IAAAgC,yBAAkB,EAAC,MAAM;QACvB7B,eAAe,CAACH,SAAS,EAAErC,iBAAiB,EAAE,IAAI,CAAC;QACnD,OAAO,MAAMkD,eAAe,CAACb,SAAS,EAAErC,iBAAiB,CAAC;MAC5D,CAAC,EAAE,EAAE,CAAC;MAEN,oBACE,IAAAD,WAAA,CAAAuE,GAAA,EAACX,SAAS;QAACK,GAAG,EAAEA,GAAI;QAAA,GAAKD,IAAI;QAAAD,QAAA,EAC1BA;MAAQ,CACA,CAAC;IAEhB,CAAC,CAAC;IAEF,OAAO;MAAE5D,OAAO,EAAE0D;IAAQ,CAAC;EAC7B,CAAC,CAAC;EAEF,MAAMW,SAAmD,GAAGA,CAAC;IAC3DT,QAAQ;IACR,GAAGC;EACY,CAAC,kBAChB,IAAAhE,WAAA,CAAAuE,GAAA,EAAC3E,MAAA,CAAA6E,QAAQ;IAACC,QAAQ,EAAElB,WAAY;IAAAO,QAAA,eAC9B,IAAA/D,WAAA,CAAAuE,GAAA,EAACd,aAAa;MAAA,GAAKO,IAAI;MAAAD,QAAA,EACpBA;IAAQ,CACI;EAAC,CACR,CACX;EAEDS,SAAS,CAACG,SAAS,GAAG;IACpBZ,QAAQ,EAAEa,kBAAE,CAACC;EACf,CAA0C;EAE1C,OAAOL,SAAS;AAClB","ignoreList":[]}
+{"version":3,"file":"splitComponent.js","names":["_react","require","_jsUtils","_globalState","_isomorphy","_jsxRuntime","clientChunkGroups","IS_CLIENT_SIDE","default","CHUNK_GROUPS","refCounts","getPublicPath","getBuildInfo","publicPath","bookStyleSheet","name","loadedSheets","refCount","res","path","fullPath","document","location","origin","has","link","querySelector","createElement","setAttribute","head","appendChild","Barrier","addEventListener","resolve","current","getLoadedStyleSheets","Set","styleSheets","i","length","href","add","assertChunkName","chunkName","chunkGroups","Error","bookStyleSheets","promises","assets","Promise","asset","endsWith","promise","push","allSettled","then","freeStyleSheets","pathRefCount","remove","usedChunkNames","splitComponent","getComponent","placeholder","LazyComponent","lazy","resolved","Component","Wrapper","forwardRef","children","rest","ref","IS_SERVER_SIDE","chunks","getSsrContext","includes","useInsertionEffect","jsx","CodeSplit","Suspense","fallback"],"sources":["../../../../src/shared/utils/splitComponent.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* global document */\n\nimport {\n  type ComponentType,\n  type ReactNode,\n  forwardRef,\n  lazy,\n  Suspense,\n  useInsertionEffect,\n} from 'react';\n\nimport { Barrier } from '@dr.pogodin/js-utils';\n\nimport { type ChunkGroupsT, getSsrContext } from './globalState';\n\nimport {\n  IS_CLIENT_SIDE,\n  IS_SERVER_SIDE,\n  getBuildInfo,\n} from './isomorphy';\n\n// Note: At the client side we can get chunk groups immediately when loading\n// the module; at the server-side we only can get them within React render flow.\n// Thus, we set and use the following variable at the client-side, and then when\n// needed on the server side, we'll fetch it differently.\nlet clientChunkGroups: ChunkGroupsT;\n\nif (IS_CLIENT_SIDE) {\n  // eslint-disable-next-line global-require\n  clientChunkGroups = require('client/getInj').default().CHUNK_GROUPS || {};\n}\n\nconst refCounts: { [path: 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', () => res!.resolve());\n    link.addEventListener('error', () => res!.resolve());\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 (let i = 0; i < styleSheets.length; ++i) {\n    const href = styleSheets[i]?.href;\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 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 (let i = 0; i < assets.length; ++i) {\n    const asset = assets[i];\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) {\n  const assets = chunkGroups[chunkName];\n  if (!assets) return;\n\n  for (let i = 0; i < assets.length; ++i) {\n    const asset = assets[i];\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 },\n>({\n  chunkName,\n  getComponent,\n  placeholder,\n}: {\n  chunkName: string;\n  getComponent: () => Promise<ComponentOrModule<ComponentPropsT>>,\n  placeholder?: ReactNode,\n}) {\n  // On the client side we can check right away if the chunk name is known.\n  if (IS_CLIENT_SIDE) assertChunkName(chunkName, clientChunkGroups);\n\n  // The correct usage of splitComponent() assumes a single call per chunk.\n  if (usedChunkNames.has(chunkName)) {\n    throw Error(`Repeated splitComponent() call for the chunk \"${chunkName}\"`);\n  } else usedChunkNames.add(chunkName);\n\n  const LazyComponent = lazy(async () => {\n    const resolved = await getComponent();\n    const Component = 'default' in resolved ? resolved.default : resolved;\n\n    // This pre-loads necessary stylesheets prior to the first mount of\n    // the component (the lazy load function is executed by React one at\n    // the frist mount).\n    if (IS_CLIENT_SIDE) {\n      await bookStyleSheets(chunkName, clientChunkGroups, false);\n    }\n\n    const Wrapper = forwardRef((\n      { children, ...rest }: ComponentPropsT,\n      ref,\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        bookStyleSheets(chunkName, clientChunkGroups, true);\n        return () => freeStyleSheets(chunkName, clientChunkGroups);\n      }, []);\n\n      return (\n        <Component ref={ref} {...rest as ComponentPropsT}>\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 {...rest as Parameters<typeof LazyComponent>[0]}>\n        {children}\n      </LazyComponent>\n    </Suspense>\n  );\n\n  return CodeSplit;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AASA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAIqB,IAAAI,WAAA,GAAAJ,OAAA;AApBrB;AACA;;AAqBA;AACA;AACA;AACA;AACA,IAAIK,iBAA+B;AAEnC,IAAIC,yBAAc,EAAE;EAClB;EACAD,iBAAiB,GAAGL,OAAO,sBAAgB,CAAC,CAACO,OAAO,CAAC,CAAC,CAACC,YAAY,IAAI,CAAC,CAAC;AAC3E;AAEA,MAAMC,SAAqC,GAAG,CAAC,CAAC;AAEhD,SAASC,aAAaA,CAAA,EAAG;EACvB,OAAO,IAAAC,uBAAY,EAAC,CAAC,CAACC,UAAU;AAClC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,cAAcA,CACrBC,IAAY,EACZC,YAAyB,EACzBC,QAAiB,EACU;EAC3B,IAAIC,GAA8B;EAClC,MAAMC,IAAI,GAAG,GAAGR,aAAa,CAAC,CAAC,IAAII,IAAI,EAAE;EACzC,MAAMK,QAAQ,GAAG,GAAGC,QAAQ,CAACC,QAAQ,CAACC,MAAM,GAAGJ,IAAI,EAAE;EAErD,IAAI,CAACH,YAAY,CAACQ,GAAG,CAACJ,QAAQ,CAAC,EAAE;IAC/B,IAAIK,IAAI,GAAGJ,QAAQ,CAACK,aAAa,CAAC,cAAcP,IAAI,IAAI,CAAC;IAEzD,IAAI,CAACM,IAAI,EAAE;MACTA,IAAI,GAAGJ,QAAQ,CAACM,aAAa,CAAC,MAAM,CAAC;MACrCF,IAAI,CAACG,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC;MACtCH,IAAI,CAACG,YAAY,CAAC,MAAM,EAAET,IAAI,CAAC;MAC/BE,QAAQ,CAACQ,IAAI,CAACC,WAAW,CAACL,IAAI,CAAC;IACjC;IAEAP,GAAG,GAAG,IAAIa,gBAAO,CAAO,CAAC;IACzBN,IAAI,CAACO,gBAAgB,CAAC,MAAM,EAAE,MAAMd,GAAG,CAAEe,OAAO,CAAC,CAAC,CAAC;IACnDR,IAAI,CAACO,gBAAgB,CAAC,OAAO,EAAE,MAAMd,GAAG,CAAEe,OAAO,CAAC,CAAC,CAAC;EACtD;EAEA,IAAIhB,QAAQ,EAAE;IACZ,MAAMiB,OAAO,GAAGxB,SAAS,CAACS,IAAI,CAAC,IAAI,CAAC;IACpCT,SAAS,CAACS,IAAI,CAAC,GAAG,CAAC,GAAGe,OAAO;EAC/B;EAEA,OAAOhB,GAAG;AACZ;;AAEA;AACA;AACA;AACA;AACA,SAASiB,oBAAoBA,CAAA,EAAgB;EAC3C,MAAMjB,GAAG,GAAG,IAAIkB,GAAG,CAAS,CAAC;EAC7B,MAAM;IAAEC;EAAY,CAAC,GAAGhB,QAAQ;EAChC,KAAK,IAAIiB,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,WAAW,CAACE,MAAM,EAAE,EAAED,CAAC,EAAE;IAC3C,MAAME,IAAI,GAAGH,WAAW,CAACC,CAAC,CAAC,EAAEE,IAAI;IACjC,IAAIA,IAAI,EAAEtB,GAAG,CAACuB,GAAG,CAACD,IAAI,CAAC;EACzB;EACA,OAAOtB,GAAG;AACZ;AAEA,SAASwB,eAAeA,CACtBC,SAAiB,EACjBC,WAAyB,EACzB;EACA,IAAIA,WAAW,CAACD,SAAS,CAAC,EAAE;EAC5B,MAAME,KAAK,CAAC,uBAAuBF,SAAS,GAAG,CAAC;AAClD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,eAAeA,CAC7BH,SAAiB,EACjBC,WAAyB,EACzB3B,QAAiB,EACF;EACf,MAAM8B,QAAQ,GAAG,EAAE;EACnB,MAAMC,MAAM,GAAGJ,WAAW,CAACD,SAAS,CAAC;EACrC,IAAI,CAACK,MAAM,EAAE,OAAOC,OAAO,CAAChB,OAAO,CAAC,CAAC;EAErC,MAAMjB,YAAY,GAAGmB,oBAAoB,CAAC,CAAC;EAE3C,KAAK,IAAIG,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGU,MAAM,CAACT,MAAM,EAAE,EAAED,CAAC,EAAE;IACtC,MAAMY,KAAK,GAAGF,MAAM,CAACV,CAAC,CAAC;IACvB,IAAIY,KAAK,EAAEC,QAAQ,CAAC,MAAM,CAAC,EAAE;MAC3B,MAAMC,OAAO,GAAGtC,cAAc,CAACoC,KAAK,EAAElC,YAAY,EAAEC,QAAQ,CAAC;MAC7D,IAAImC,OAAO,EAAEL,QAAQ,CAACM,IAAI,CAACD,OAAO,CAAC;IACrC;EACF;EAEA,OAAOL,QAAQ,CAACR,MAAM,GAClBU,OAAO,CAACK,UAAU,CAACP,QAAQ,CAAC,CAACQ,IAAI,CAAC,CAAC,GACnCN,OAAO,CAAChB,OAAO,CAAC,CAAC;AACvB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASuB,eAAeA,CAC7Bb,SAAiB,EACjBC,WAAyB,EACzB;EACA,MAAMI,MAAM,GAAGJ,WAAW,CAACD,SAAS,CAAC;EACrC,IAAI,CAACK,MAAM,EAAE;EAEb,KAAK,IAAIV,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGU,MAAM,CAACT,MAAM,EAAE,EAAED,CAAC,EAAE;IACtC,MAAMY,KAAK,GAAGF,MAAM,CAACV,CAAC,CAAC;IACvB,IAAIY,KAAK,EAAEC,QAAQ,CAAC,MAAM,CAAC,EAAE;MAC3B,MAAMhC,IAAI,GAAG,GAAGR,aAAa,CAAC,CAAC,IAAIuC,KAAK,EAAE;MAE1C,MAAMO,YAAY,GAAG/C,SAAS,CAACS,IAAI,CAAC;MACpC,IAAIsC,YAAY,EAAE;QAChB,IAAIA,YAAY,IAAI,CAAC,EAAE;UACrBpC,QAAQ,CAACQ,IAAI,CAACH,aAAa,CAAC,cAAcP,IAAI,IAAI,CAAC,CAAEuC,MAAM,CAAC,CAAC;UAC7D,OAAOhD,SAAS,CAACS,IAAI,CAAC;QACxB,CAAC,MAAMT,SAAS,CAACS,IAAI,CAAC,GAAGsC,YAAY,GAAG,CAAC;MAC3C;IACF;EACF;AACF;;AAEA;AACA,MAAME,cAAc,GAAG,IAAIvB,GAAG,CAAC,CAAC;AAMhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASwB,cAAcA,CAEpC;EACAjB,SAAS;EACTkB,YAAY;EACZC;AAKF,CAAC,EAAE;EACD;EACA,IAAIvD,yBAAc,EAAEmC,eAAe,CAACC,SAAS,EAAErC,iBAAiB,CAAC;;EAEjE;EACA,IAAIqD,cAAc,CAACnC,GAAG,CAACmB,SAAS,CAAC,EAAE;IACjC,MAAME,KAAK,CAAC,iDAAiDF,SAAS,GAAG,CAAC;EAC5E,CAAC,MAAMgB,cAAc,CAAClB,GAAG,CAACE,SAAS,CAAC;EAEpC,MAAMoB,aAAa,gBAAG,IAAAC,WAAI,EAAC,YAAY;IACrC,MAAMC,QAAQ,GAAG,MAAMJ,YAAY,CAAC,CAAC;IACrC,MAAMK,SAAS,GAAG,SAAS,IAAID,QAAQ,GAAGA,QAAQ,CAACzD,OAAO,GAAGyD,QAAQ;;IAErE;IACA;IACA;IACA,IAAI1D,yBAAc,EAAE;MAClB,MAAMuC,eAAe,CAACH,SAAS,EAAErC,iBAAiB,EAAE,KAAK,CAAC;IAC5D;IAEA,MAAM6D,OAAO,gBAAG,IAAAC,iBAAU,EAAC,CACzB;MAAEC,QAAQ;MAAE,GAAGC;IAAsB,CAAC,EACtCC,GAAG,KACA;MACH;MACA;MACA,IAAIC,yBAAc,EAAE;QAClB,MAAM;UAAE5B,WAAW;UAAE6B;QAAO,CAAC,GAAG,IAAAC,0BAAa,EAAC,CAAE;QAChDhC,eAAe,CAACC,SAAS,EAAEC,WAAW,CAAC;QACvC,IAAI,CAAC6B,MAAM,CAACE,QAAQ,CAAChC,SAAS,CAAC,EAAE8B,MAAM,CAACpB,IAAI,CAACV,SAAS,CAAC;MACzD;;MAEA;MACA;MACA,IAAAiC,yBAAkB,EAAC,MAAM;QACvB9B,eAAe,CAACH,SAAS,EAAErC,iBAAiB,EAAE,IAAI,CAAC;QACnD,OAAO,MAAMkD,eAAe,CAACb,SAAS,EAAErC,iBAAiB,CAAC;MAC5D,CAAC,EAAE,EAAE,CAAC;MAEN,oBACE,IAAAD,WAAA,CAAAwE,GAAA,EAACX,SAAS;QAACK,GAAG,EAAEA,GAAI;QAAA,GAAKD,IAAI;QAAAD,QAAA,EAC1BA;MAAQ,CACA,CAAC;IAEhB,CAAC,CAAC;IAEF,OAAO;MAAE7D,OAAO,EAAE2D;IAAQ,CAAC;EAC7B,CAAC,CAAC;EAEF,MAAMW,SAAmD,GAAGA,CAAC;IAC3DT,QAAQ;IACR,GAAGC;EACY,CAAC,kBAChB,IAAAjE,WAAA,CAAAwE,GAAA,EAAC7E,MAAA,CAAA+E,QAAQ;IAACC,QAAQ,EAAElB,WAAY;IAAAO,QAAA,eAC9B,IAAAhE,WAAA,CAAAwE,GAAA,EAACd,aAAa;MAAA,GAAKO,IAAI;MAAAD,QAAA,EACpBA;IAAQ,CACI;EAAC,CACR,CACX;EAED,OAAOS,SAAS;AAClB","ignoreList":[]}