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

package/{src/shared/utils/splitComponent.tsx → build/web/shared/utils/splitComponent.js}

@@ -1,46 +1,30 @@
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.set.difference.v2.js";
+import "core-js/modules/es.set.intersection.v2.js";
+import "core-js/modules/es.set.is-disjoint-from.v2.js";
+import "core-js/modules/es.set.is-subset-of.v2.js";
+import "core-js/modules/es.set.is-superset-of.v2.js";
+import "core-js/modules/es.set.symmetric-difference.v2.js";
+import "core-js/modules/es.set.union.v2.js";
 /* global document */
 
-import {
-  type ComponentType,
-  type FunctionComponent,
-  type ReactNode,
-  type RefObject,
-  Suspense,
-  lazy,
-  useInsertionEffect,
-} from 'react';
-
+import { Suspense, lazy, useInsertionEffect } from 'react';
 import { Barrier } from '@dr.pogodin/js-utils';
-
-import { type ChunkGroupsT, getSsrContext } from './globalState';
-
-import {
-  IS_CLIENT_SIDE,
-  IS_SERVER_SIDE,
-  getBuildInfo,
-} from './isomorphy';
-
-// Note: At the client side we can get chunk groups immediately when loading
-// the module; at the server-side we only can get them within React render flow.
-// Thus, we set and use the following variable at the client-side, and then when
-// needed on the server side, we'll fetch it differently.
-let clientChunkGroups: ChunkGroupsT;
-
-if (IS_CLIENT_SIDE) {
-  // TODO: Rewrite to avoid these overrides of ESLint rules.
-  /* eslint-disable @typescript-eslint/no-unsafe-assignment,
-    @typescript-eslint/no-require-imports,
-    @typescript-eslint/no-unsafe-call,
-    @typescript-eslint/no-unsafe-member-access */
-  clientChunkGroups = require('client/getInj').default().CHUNK_GROUPS ?? {};
-  /* eslint-enable @typescript-eslint/no-unsafe-assignment,
-    @typescript-eslint/no-require-imports,
-    @typescript-eslint/no-unsafe-call,
-    @typescript-eslint/no-unsafe-member-access */
+import { getSsrContext } from "./globalState";
+import { IS_CLIENT_SIDE, IS_SERVER_SIDE, getBuildInfo } from "./isomorphy";
+import { jsx as _jsx } from "react/jsx-runtime";
+function getClientChunkGroups() {
+  if (!IS_CLIENT_SIDE) return undefined;
+  return (async () => {
+    const {
+      default: getInj
+    } = await import(/* webpackChunkName: "react-utils-client-side-code" */"../../client/getInj");
+    const inj = await getInj();
+    return inj.CHUNK_GROUPS ?? {};
+  })();
 }
-
-const refCounts: Record<string, number> = {};
-
+const refCounts = {};
 function getPublicPath() {
   return getBuildInfo().publicPath;
 }
@@ -54,26 +38,19 @@ function getPublicPath() {
  * @param refCount
  * @return
  */
-function bookStyleSheet(
-  name: string,
-  loadedSheets: Set<string>,
-  refCount: boolean,
-): Promise<void> | undefined {
-  let res: Barrier<void> | undefined;
+function bookStyleSheet(name, loadedSheets, refCount) {
+  let res;
   const path = `${getPublicPath()}/${name}`;
   const fullPath = `${document.location.origin}${path}`;
-
   if (!loadedSheets.has(fullPath)) {
     let link = document.querySelector(`link[href="${path}"]`);
-
     if (!link) {
       link = document.createElement('link');
       link.setAttribute('rel', 'stylesheet');
       link.setAttribute('href', path);
       document.head.appendChild(link);
     }
-
-    res = new Barrier<void>();
+    res = new Barrier();
     link.addEventListener('load', () => {
       if (!res) throw Error('Internal error');
       void res.resolve();
@@ -83,12 +60,10 @@ function bookStyleSheet(
       void res.resolve();
     });
   }
-
   if (refCount) {
     const current = refCounts[path] ?? 0;
     refCounts[path] = 1 + current;
   }
-
   return res;
 }
 
@@ -96,19 +71,19 @@ function bookStyleSheet(
  * Generates the set of URLs for currently loaded, linked stylesheets.
  * @return
  */
-function getLoadedStyleSheets(): Set<string> {
-  const res = new Set<string>();
-  const { styleSheets } = document;
-  for (const { href } of styleSheets) {
+function getLoadedStyleSheets() {
+  const res = new Set();
+  const {
+    styleSheets
+  } = document;
+  for (const {
+    href
+  } of styleSheets) {
     if (href) res.add(href);
   }
   return res;
 }
-
-function assertChunkName(
-  chunkName: string,
-  chunkGroups: ChunkGroupsT,
-) {
+function assertChunkName(chunkName, chunkGroups) {
   if (chunkGroups[chunkName]) return;
   throw Error(`Unknown chunk name "${chunkName}"`);
 }
@@ -122,27 +97,18 @@ function assertChunkName(
  * @return Resolves once all pending stylesheets, necessary for
  *  the chunk, are either loaded, or failed to load.
  */
-export async function bookStyleSheets(
-  chunkName: string,
-  chunkGroups: ChunkGroupsT,
-  refCount: boolean,
-): Promise<void> {
+export async function bookStyleSheets(chunkName, chunkGroups, refCount) {
   const promises = [];
   const assets = chunkGroups[chunkName];
   if (!assets) return Promise.resolve();
-
   const loadedSheets = getLoadedStyleSheets();
-
   for (const asset of assets) {
     if (asset.endsWith('.css')) {
       const promise = bookStyleSheet(asset, loadedSheets, refCount);
       if (promise) promises.push(promise);
     }
   }
-
-  return promises.length
-    ? Promise.allSettled(promises).then()
-    : Promise.resolve();
+  return promises.length ? Promise.allSettled(promises).then() : Promise.resolve();
 }
 
 /**
@@ -152,21 +118,16 @@ export async function bookStyleSheets(
  * the reference counter).
  * @param {string} chunkName
  */
-export function freeStyleSheets(
-  chunkName: string,
-  chunkGroups: ChunkGroupsT,
-): void {
+export function freeStyleSheets(chunkName, chunkGroups) {
   const assets = chunkGroups[chunkName];
   if (!assets) return;
-
   for (const asset of assets) {
     if (asset.endsWith('.css')) {
       const path = `${getPublicPath()}/${asset}`;
-
       const pathRefCount = refCounts[path];
       if (pathRefCount) {
         if (pathRefCount <= 1) {
-          document.head.querySelector(`link[href="${path}"]`)!.remove();
+          document.head.querySelector(`link[href="${path}"]`).remove();
           delete refCounts[path];
         } else refCounts[path] = pathRefCount - 1;
       }
@@ -176,11 +137,6 @@ export function freeStyleSheets(
 
 // Holds the set of chunk names already used for splitComponent() calls.
 const usedChunkNames = new Set();
-
-type ComponentOrModule<PropsT> = ComponentType<PropsT> | {
-  default: ComponentType<PropsT>;
-};
-
 /**
  * Given an async component retrieval function `getComponent()` it creates
  * a special "code split" component, which uses <Suspense> to asynchronously
@@ -191,26 +147,23 @@ type ComponentOrModule<PropsT> = ComponentType<PropsT> | {
  * @param {React.Element} [options.placeholder]
  * @return {React.ElementType}
  */
-export default function splitComponent<
-  ComponentPropsT extends { children?: ReactNode; ref?: RefObject<unknown> },
->({
+export default function splitComponent({
   chunkName,
   getComponent,
-  placeholder,
-}: {
-  chunkName: string;
-  getComponent: () => Promise<ComponentOrModule<ComponentPropsT>>;
-  placeholder?: ReactNode;
-}): FunctionComponent<ComponentPropsT> {
-  // On the client side we can check right away if the chunk name is known.
-  if (IS_CLIENT_SIDE) assertChunkName(chunkName, clientChunkGroups);
-
+  placeholder
+}) {
   // The correct usage of splitComponent() assumes a single call per chunk.
   if (usedChunkNames.has(chunkName)) {
     throw Error(`Repeated splitComponent() call for the chunk "${chunkName}"`);
   } else usedChunkNames.add(chunkName);
+  const LazyComponent = /*#__PURE__*/lazy(async () => {
+    const clientChunkGroups = await getClientChunkGroups();
 
-  const LazyComponent = lazy(async () => {
+    // On the client side we can check right away if the chunk name is known.
+    if (IS_CLIENT_SIDE) {
+      if (!clientChunkGroups) throw Error('Internal error');
+      assertChunkName(chunkName, clientChunkGroups);
+    }
     const resolved = await getComponent();
     const Component = 'default' in resolved ? resolved.default : resolved;
 
@@ -218,10 +171,10 @@ export default function splitComponent<
     // the component (the lazy load function is executed by React one at
     // the frist mount).
     if (IS_CLIENT_SIDE) {
+      if (!clientChunkGroups) throw Error('Internal error');
       await bookStyleSheets(chunkName, clientChunkGroups, false);
     }
-
-    const Wrapper: FunctionComponent<ComponentPropsT> = ({
+    const Wrapper = ({
       children,
       ref,
       ...rest
@@ -229,7 +182,10 @@ export default function splitComponent<
       // On the server side we'll assert the chunk name here,
       // and also push it to the SSR chunks array.
       if (IS_SERVER_SIDE) {
-        const { chunkGroups, chunks } = getSsrContext()!;
+        const {
+          chunkGroups,
+          chunks
+        } = getSsrContext();
         assertChunkName(chunkName, chunkGroups);
         if (!chunks.includes(chunkName)) chunks.push(chunkName);
       }
@@ -237,39 +193,36 @@ export default function splitComponent<
       // This takes care about stylesheets management every time an instance of
       // this component is mounted / unmounted.
       useInsertionEffect(() => {
+        if (!clientChunkGroups) throw Error('Internal error');
         void bookStyleSheets(chunkName, clientChunkGroups, true);
         return () => {
           freeStyleSheets(chunkName, clientChunkGroups);
         };
       }, []);
-
-      return (
-        <Component
-          // eslint-disable-next-line react/jsx-props-no-spreading
-          {...(rest as unknown as ComponentPropsT)}
-          ref={ref}
-        >
-          {children}
-        </Component>
-      );
+      return /*#__PURE__*/_jsx(Component
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      , {
+        ...rest,
+        ref: ref,
+        children: children
+      });
+    };
+    return {
+      default: Wrapper
     };
-
-    return { default: Wrapper };
   });
-
-  const CodeSplit: React.FunctionComponent<ComponentPropsT> = ({
+  const CodeSplit = ({
     children,
     ...rest
-  }: ComponentPropsT) => (
-    <Suspense fallback={placeholder}>
-      <LazyComponent
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        {...rest as Parameters<typeof LazyComponent>[0]}
-      >
-        {children}
-      </LazyComponent>
-    </Suspense>
-  );
-
+  }) => /*#__PURE__*/_jsx(Suspense, {
+    fallback: placeholder,
+    children: /*#__PURE__*/_jsx(LazyComponent
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , {
+      ...rest,
+      children: children
+    })
+  });
   return CodeSplit;
 }
+//# sourceMappingURL=splitComponent.js.map

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

@@ -0,0 +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":[]}

package/{src/shared/utils/time.ts → build/web/shared/utils/time.js}

@@ -1,19 +1,9 @@
 import { serialize } from 'cookie';
 import { useEffect } from 'react';
 import dayjs from 'dayjs';
-
-import {
-  DAY_MS,
-  HOUR_MS,
-  MIN_MS,
-  SEC_MS,
-  YEAR_MS,
-  timer,
-} from '@dr.pogodin/js-utils';
-
-import { type ForceT, useGlobalState } from '@dr.pogodin/react-global-state';
-
-import { getSsrContext } from './globalState';
+import { DAY_MS, HOUR_MS, MIN_MS, SEC_MS, YEAR_MS, timer } from '@dr.pogodin/js-utils';
+import { useGlobalState } from '@dr.pogodin/react-global-state';
+import { getSsrContext } from "./globalState";
 
 /**
  * This react hook wraps Date.now() function in a SSR friendly way,
@@ -28,23 +18,20 @@ import { getSsrContext } from './globalState';
 export function useCurrent({
   autorefresh = false,
   globalStatePath = 'currentTime',
-  precision = 5 * SEC_MS,
-} = {}): number {
-  const [now, setter] = useGlobalState<ForceT, number>(
-    globalStatePath,
-    Date.now,
-  );
+  precision = 5 * SEC_MS
+} = {}) {
+  const [now, setter] = useGlobalState(globalStatePath, Date.now);
   useEffect(() => {
-    let timerId: NodeJS.Timeout | undefined;
-    const update = (): void => {
-      setter((old) => {
+    let timerId;
+    const update = () => {
+      setter(old => {
         const neu = Date.now();
         return Math.abs(neu - old) > precision ? neu : old;
       });
       if (autorefresh) timerId = setTimeout(update, precision);
     };
     update();
-    return (): void => {
+    return () => {
       if (timerId) clearTimeout(timerId);
     };
   }, [autorefresh, precision, setter]);
@@ -64,28 +51,25 @@ export function useCurrent({
 // to verify the give globalStatePath is correct?
 export function useTimezoneOffset({
   cookieName = 'timezoneOffset',
-  globalStatePath = 'timezoneOffset',
-} = {}): number {
+  globalStatePath = 'timezoneOffset'
+} = {}) {
   const ssrContext = getSsrContext(false);
-  const [offset, setOffset] = useGlobalState<ForceT, number>(
-    globalStatePath,
-    () => {
-      const value = cookieName
-        && ssrContext?.req.cookies[cookieName] as string;
-      return value ? parseInt(value) : 0;
-    },
-  );
+  const [offset, setOffset] = useGlobalState(globalStatePath, () => {
+    const value = cookieName && ssrContext?.req.cookies[cookieName];
+    return value ? parseInt(value) : 0;
+  });
   useEffect(() => {
     const date = new Date();
     const value = date.getTimezoneOffset();
     setOffset(value);
     if (cookieName) {
-      document.cookie = serialize(cookieName, value.toString(), { path: '/' });
+      document.cookie = serialize(cookieName, value.toString(), {
+        path: '/'
+      });
     }
   }, [cookieName, setOffset]);
   return offset;
 }
-
 const time = {
   DAY_MS,
   HOUR_MS,
@@ -95,7 +79,7 @@ const time = {
   now: Date.now,
   timer,
   useCurrent,
-  useTimezoneOffset,
+  useTimezoneOffset
 };
-
 export default Object.assign(dayjs, time);
+//# sourceMappingURL=time.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time.js","names":["serialize","useEffect","dayjs","DAY_MS","HOUR_MS","MIN_MS","SEC_MS","YEAR_MS","timer","useGlobalState","getSsrContext","useCurrent","autorefresh","globalStatePath","precision","now","setter","Date","timerId","update","old","neu","Math","abs","setTimeout","clearTimeout","useTimezoneOffset","cookieName","ssrContext","offset","setOffset","value","req","cookies","parseInt","date","getTimezoneOffset","document","cookie","toString","path","time","Object","assign"],"sources":["../../../../src/shared/utils/time.ts"],"sourcesContent":["import { serialize } from 'cookie';\nimport { useEffect } from 'react';\nimport dayjs from 'dayjs';\n\nimport {\n  DAY_MS,\n  HOUR_MS,\n  MIN_MS,\n  SEC_MS,\n  YEAR_MS,\n  timer,\n} from '@dr.pogodin/js-utils';\n\nimport { type ForceT, useGlobalState } from '@dr.pogodin/react-global-state';\n\nimport { getSsrContext } from './globalState';\n\n/**\n * This react hook wraps Date.now() function in a SSR friendly way,\n * ensuring that all calls to useCurrent() within the same render return\n * exactly the same time (which is retrieved from Date.now() first, and\n * then stored in the global state to be reused in all other calls), which\n * is also passed and used in the first client side render, and then updated\n * with a finite precision to avoid infinite re-rendering loops.\n */\n// TODO: Should we request the state type as generic parameter, to be able\n// to verify the give globalStatePath is correct?\nexport function useCurrent({\n  autorefresh = false,\n  globalStatePath = 'currentTime',\n  precision = 5 * SEC_MS,\n} = {}): number {\n  const [now, setter] = useGlobalState<ForceT, number>(\n    globalStatePath,\n    Date.now,\n  );\n  useEffect(() => {\n    let timerId: NodeJS.Timeout | undefined;\n    const update = (): void => {\n      setter((old) => {\n        const neu = Date.now();\n        return Math.abs(neu - old) > precision ? neu : old;\n      });\n      if (autorefresh) timerId = setTimeout(update, precision);\n    };\n    update();\n    return (): void => {\n      if (timerId) clearTimeout(timerId);\n    };\n  }, [autorefresh, precision, setter]);\n  return now;\n}\n\n/**\n * Wraps the standard Date.getTimezoneOffset() method in a SSR-friendly way.\n * This hook retrieves the offset value at the client side and uses a cookie\n * to pass it to the server in subsequent requests from that user. At the server\n * side the value from cookie is used in renders and passed back to the client\n * via the global state. Prior to the value being known (in the very first\n * request from the user, when the cookie is still missing), zero value is used\n * as the default value.\n */\n// TODO: Should we request the state type as generic parameter, to be able\n// to verify the give globalStatePath is correct?\nexport function useTimezoneOffset({\n  cookieName = 'timezoneOffset',\n  globalStatePath = 'timezoneOffset',\n} = {}): number {\n  const ssrContext = getSsrContext(false);\n  const [offset, setOffset] = useGlobalState<ForceT, number>(\n    globalStatePath,\n    () => {\n      const value = cookieName\n        && ssrContext?.req.cookies[cookieName] as string;\n      return value ? parseInt(value) : 0;\n    },\n  );\n  useEffect(() => {\n    const date = new Date();\n    const value = date.getTimezoneOffset();\n    setOffset(value);\n    if (cookieName) {\n      document.cookie = serialize(cookieName, value.toString(), { path: '/' });\n    }\n  }, [cookieName, setOffset]);\n  return offset;\n}\n\nconst time = {\n  DAY_MS,\n  HOUR_MS,\n  MIN_MS,\n  SEC_MS,\n  YEAR_MS,\n  now: Date.now,\n  timer,\n  useCurrent,\n  useTimezoneOffset,\n};\n\nexport default Object.assign(dayjs, time);\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,QAAQ;AAClC,SAASC,SAAS,QAAQ,OAAO;AACjC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SACEC,MAAM,EACNC,OAAO,EACPC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,KAAK,QACA,sBAAsB;AAE7B,SAAsBC,cAAc,QAAQ,gCAAgC;AAE5E,SAASC,aAAa;;AAEtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,WAAW,GAAG,KAAK;EACnBC,eAAe,GAAG,aAAa;EAC/BC,SAAS,GAAG,CAAC,GAAGR;AAClB,CAAC,GAAG,CAAC,CAAC,EAAU;EACd,MAAM,CAACS,GAAG,EAAEC,MAAM,CAAC,GAAGP,cAAc,CAClCI,eAAe,EACfI,IAAI,CAACF,GACP,CAAC;EACDd,SAAS,CAAC,MAAM;IACd,IAAIiB,OAAmC;IACvC,MAAMC,MAAM,GAAGA,CAAA,KAAY;MACzBH,MAAM,CAAEI,GAAG,IAAK;QACd,MAAMC,GAAG,GAAGJ,IAAI,CAACF,GAAG,CAAC,CAAC;QACtB,OAAOO,IAAI,CAACC,GAAG,CAACF,GAAG,GAAGD,GAAG,CAAC,GAAGN,SAAS,GAAGO,GAAG,GAAGD,GAAG;MACpD,CAAC,CAAC;MACF,IAAIR,WAAW,EAAEM,OAAO,GAAGM,UAAU,CAACL,MAAM,EAAEL,SAAS,CAAC;IAC1D,CAAC;IACDK,MAAM,CAAC,CAAC;IACR,OAAO,MAAY;MACjB,IAAID,OAAO,EAAEO,YAAY,CAACP,OAAO,CAAC;IACpC,CAAC;EACH,CAAC,EAAE,CAACN,WAAW,EAAEE,SAAS,EAAEE,MAAM,CAAC,CAAC;EACpC,OAAOD,GAAG;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASW,iBAAiBA,CAAC;EAChCC,UAAU,GAAG,gBAAgB;EAC7Bd,eAAe,GAAG;AACpB,CAAC,GAAG,CAAC,CAAC,EAAU;EACd,MAAMe,UAAU,GAAGlB,aAAa,CAAC,KAAK,CAAC;EACvC,MAAM,CAACmB,MAAM,EAAEC,SAAS,CAAC,GAAGrB,cAAc,CACxCI,eAAe,EACf,MAAM;IACJ,MAAMkB,KAAK,GAAGJ,UAAU,IACnBC,UAAU,EAAEI,GAAG,CAACC,OAAO,CAACN,UAAU,CAAW;IAClD,OAAOI,KAAK,GAAGG,QAAQ,CAACH,KAAK,CAAC,GAAG,CAAC;EACpC,CACF,CAAC;EACD9B,SAAS,CAAC,MAAM;IACd,MAAMkC,IAAI,GAAG,IAAIlB,IAAI,CAAC,CAAC;IACvB,MAAMc,KAAK,GAAGI,IAAI,CAACC,iBAAiB,CAAC,CAAC;IACtCN,SAAS,CAACC,KAAK,CAAC;IAChB,IAAIJ,UAAU,EAAE;MACdU,QAAQ,CAACC,MAAM,GAAGtC,SAAS,CAAC2B,UAAU,EAAEI,KAAK,CAACQ,QAAQ,CAAC,CAAC,EAAE;QAAEC,IAAI,EAAE;MAAI,CAAC,CAAC;IAC1E;EACF,CAAC,EAAE,CAACb,UAAU,EAAEG,SAAS,CAAC,CAAC;EAC3B,OAAOD,MAAM;AACf;AAEA,MAAMY,IAAI,GAAG;EACXtC,MAAM;EACNC,OAAO;EACPC,MAAM;EACNC,MAAM;EACNC,OAAO;EACPQ,GAAG,EAAEE,IAAI,CAACF,GAAG;EACbP,KAAK;EACLG,UAAU;EACVe;AACF,CAAC;AAED,eAAegB,MAAM,CAACC,MAAM,CAACzC,KAAK,EAAEuC,IAAI,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"webpack.js","names":["createRequire","IS_CLIENT_SIDE","IS_SERVER_SIDE","require","import","meta","url","requireWeak","modulePath","basePathOrOptions","basePath","ops","resolve","path","module","default","def","named","res","Object","entries","forEach","name","value","assigned","undefined","Error","resolveWeak"],"sources":["../../../../src/shared/utils/webpack.ts"],"sourcesContent":["import type PathNS from 'node:path';\n\n// eslint-disable-next-line import/enforce-node-protocol-usage\nimport { createRequire } from 'module';\n\nimport { IS_CLIENT_SIDE, IS_SERVER_SIDE } from './isomorphy';\n\ntype RequireWeakOptionsT = {\n  basePath?: string;\n};\n\ntype RequireWeakResT<T> = T extends { default: infer D }\n  ? (D extends null | undefined ? T : D & Omit<T, 'default'>)\n  : T;\n\nlet require: ((url: string) => unknown) | undefined;\n\nif (IS_SERVER_SIDE) require = createRequire(import.meta.url);\n\n/**\n * Requires the specified module without including it into the bundle during\n * Webpack build.\n * @param modulePath\n * @param [basePath]\n * @return Required module.\n */\nexport function requireWeak<T extends object>(\n  modulePath: string,\n\n  // TODO: For now `basePath` can be provided directly as a string here,\n  // for backward compatibility. Deprecate it in future, if any other\n  // breaking changes are done for requireWeak().\n  basePathOrOptions?: string | RequireWeakOptionsT,\n): RequireWeakResT<T> | null {\n  if (IS_CLIENT_SIDE) return null;\n\n  let basePath: string | undefined;\n  let ops: RequireWeakOptionsT;\n  if (typeof basePathOrOptions === 'string') {\n    basePath = basePathOrOptions;\n  } else {\n    ops = basePathOrOptions ?? {};\n    ({ basePath } = ops);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/unbound-method\n  const { resolve } = require!('node:path') as typeof PathNS;\n\n  const path = basePath ? resolve(basePath, modulePath) : modulePath;\n\n  const module = require!(path) as T;\n\n  if (!('default' in module) || !module.default) return module as RequireWeakResT<T>;\n\n  const { default: def, ...named } = module;\n\n  const res = def as RequireWeakResT<T>;\n\n  Object.entries(named).forEach(([name, value]) => {\n    const assigned = res[name as keyof RequireWeakResT<T>];\n    if (assigned === undefined) {\n      (res[name as keyof RequireWeakResT<T>] as unknown) = value;\n    } else if (assigned !== value) {\n      throw Error('Conflict between default and named exports');\n    }\n  });\n  return res;\n}\n\n/**\n * Resolves specified module path with help of Babel's module resolver.\n * Yes, the function itself just returns its argument to the caller, but Babel\n * is configured to resolve the first argument of resolveWeak(..) function, thus\n * the result will be the resolved path.\n * @param {string} modulePath\n * @return {string} Absolute or relative path to the module.\n */\nexport function resolveWeak(modulePath: string): string {\n  return modulePath;\n}\n"],"mappings":";;AAEA;AACA,SAASA,aAAa,QAAQ,QAAQ;AAEtC,SAASC,cAAc,EAAEC,cAAc;AAUvC,IAAIC,OAA+C;AAEnD,IAAID,cAAc,EAAEC,OAAO,GAAGH,aAAa,CAACI,MAAM,CAACC,IAAI,CAACC,GAAG,CAAC;;AAE5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CACzBC,UAAkB;AAElB;AACA;AACA;AACAC,iBAAgD,EACrB;EAC3B,IAAIR,cAAc,EAAE,OAAO,IAAI;EAE/B,IAAIS,QAA4B;EAChC,IAAIC,GAAwB;EAC5B,IAAI,OAAOF,iBAAiB,KAAK,QAAQ,EAAE;IACzCC,QAAQ,GAAGD,iBAAiB;EAC9B,CAAC,MAAM;IACLE,GAAG,GAAGF,iBAAiB,IAAI,CAAC,CAAC;IAC7B,CAAC;MAAEC;IAAS,CAAC,GAAGC,GAAG;EACrB;;EAEA;EACA,MAAM;IAAEC;EAAQ,CAAC,GAAGT,OAAO,CAAE,WAAW,CAAkB;EAE1D,MAAMU,IAAI,GAAGH,QAAQ,GAAGE,OAAO,CAACF,QAAQ,EAAEF,UAAU,CAAC,GAAGA,UAAU;EAElE,MAAMM,MAAM,GAAGX,OAAO,CAAEU,IAAI,CAAM;EAElC,IAAI,EAAE,SAAS,IAAIC,MAAM,CAAC,IAAI,CAACA,MAAM,CAACC,OAAO,EAAE,OAAOD,MAAM;EAE5D,MAAM;IAAEC,OAAO,EAAEC,GAAG;IAAE,GAAGC;EAAM,CAAC,GAAGH,MAAM;EAEzC,MAAMI,GAAG,GAAGF,GAAyB;EAErCG,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAAC,CAACC,IAAI,EAAEC,KAAK,CAAC,KAAK;IAC/C,MAAMC,QAAQ,GAAGN,GAAG,CAACI,IAAI,CAA6B;IACtD,IAAIE,QAAQ,KAAKC,SAAS,EAAE;MACzBP,GAAG,CAACI,IAAI,CAA6B,GAAeC,KAAK;IAC5D,CAAC,MAAM,IAAIC,QAAQ,KAAKD,KAAK,EAAE;MAC7B,MAAMG,KAAK,CAAC,4CAA4C,CAAC;IAC3D;EACF,CAAC,CAAC;EACF,OAAOR,GAAG;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASS,WAAWA,CAACnB,UAAkB,EAAU;EACtD,OAAOA,UAAU;AACnB","ignoreList":[]}

package/config/babel/node-ssr.js

@@ -34,7 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = getConfig;
-const lodash_1 = require("lodash");
+const lodash_es_1 = require("lodash-es");
 const webpack_1 = __importStar(require("./webpack"));
 /**
  * Creates a new base config.
@@ -48,12 +48,21 @@ const webpack_1 = __importStar(require("./webpack"));
  */
 function newBase(babel, options = {}) {
     var _a;
-    const config = (0, webpack_1.default)(babel, Object.assign({ modules: 'cjs', targets: 'current node' }, options));
+    const config = (0, webpack_1.default)(babel, Object.assign({ 
+        // NOTE: It make sense to have "modules": false here,
+        // but it needs a bunch of build configuration updates,
+        // and ends-up with conflict of Jest with ES modules (as now
+        // Jest relies on babel.config.js, which transpiles everything
+        // into CJS).
+        modules: 'cjs', targets: 'maintained node versions' }, options));
     const baseAssetsOutputPath = (_a = options.baseAssetsOutputPath) !== null && _a !== void 0 ? _a : '';
     config.plugins.push(['@dr.pogodin/transform-assets', {
             extensions: ['gif', 'jpeg', 'jpg', 'png'],
             name: `${baseAssetsOutputPath}/images/[md4:hash:20].[ext]`,
         }]);
+    if (options.modules === false) {
+        config.plugins.push('babel-plugin-add-import-extension');
+    }
     const moduleResolverPluginOps = config.plugins.find((x) => Array.isArray(x) && x[0] === 'module-resolver')[1];
     moduleResolverPluginOps.transformFunctions = [
         'requireWeak',
@@ -62,7 +71,7 @@ function newBase(babel, options = {}) {
         'webpack.resolveWeak',
     ];
     if (babel.env() === webpack_1.ENVIRONMENTS.DEV) {
-        (0, lodash_1.pull)(config.plugins, 'react-refresh/babel');
+        (0, lodash_es_1.pull)(config.plugins, 'react-refresh/babel');
     }
     return config;
 }

package/config/babel/webpack.js

@@ -30,13 +30,18 @@ function newBaseConfig(options) {
                         './src',
                     ],
                 }],
-            '@babel/transform-runtime',
+            ['@babel/transform-runtime', {
+                    useESModules: true,
+                }],
         ],
         presets: [
             ['@babel/env', {
+                    bugfixes: true,
+                    corejs: '3.46',
                     // Leaves it to the Webpack to deal with modules.
                     modules: (_a = options.modules) !== null && _a !== void 0 ? _a : false,
                     targets: (_b = options.targets) !== null && _b !== void 0 ? _b : 'defaults',
+                    useBuiltIns: 'usage',
                 }],
             // TODO: Starting from Babel 8, "automatic" will be the default runtime,
             // thus once upgraded to Babel 8, runtime should be removed from

package/config/jest/default.js

@@ -5,6 +5,13 @@ const path = require('node:path');
 
 const globalLibDir = path.resolve(process.execPath, '../../lib/node_modules');
 
+const modulesToTransform = [
+  '@dr.pogodin/react-global-state',
+  '@dr.pogodin/react-utils',
+  'lodash-es',
+  'uuid',
+];
+
 module.exports = {
   collectCoverage: true,
   collectCoverageFrom: [
@@ -36,7 +43,6 @@ module.exports = {
     '\\.((j|t)sx?|svg)$': 'babel-jest',
   },
   transformIgnorePatterns: [
-    '/node_modules/(?!@dr.pogodin/react-utils|uuid)',
+    `/node_modules/(?!${modulesToTransform.join('|')})`,
   ],
-
 };

package/config/jest/setup.js

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