@dr.pogodin/react-utils 1.25.6 → 1.26.0

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

@@ -1 +1 @@
-{"version":3,"file":"splitComponent.js","names":["_propTypes","_interopRequireDefault","require","_react","_jsUtils","_reactGlobalState","_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","freeStyleSheets","remove","usedChunkNames","splitComponent","getComponent","placeholder","LazyComponent","lazy","Component","Wrapper","forwardRef","children","rest","ref","IS_SERVER_SIDE","chunks","getSsrContext","includes","useInsertionEffect","jsx","propTypes","PT","node","defaultProps","undefined","CodeSplit","Suspense","fallback"],"sources":["../../../../src/shared/utils/splitComponent.jsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* global document */\n\nimport PT from 'prop-types';\n\nimport {\n  forwardRef,\n  lazy,\n  Suspense,\n  useInsertionEffect,\n} from 'react';\n\nimport { Barrier } from '@dr.pogodin/js-utils';\nimport { getSsrContext } from '@dr.pogodin/react-global-state';\n\nimport {\n  IS_CLIENT_SIDE,\n  IS_SERVER_SIDE,\n  getBuildInfo,\n} from 'utils/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;\nif (IS_CLIENT_SIDE) {\n  // eslint-disable-next-line global-require\n  clientChunkGroups = require('client/getInj').default().CHUNK_GROUPS || {};\n}\n\nconst refCounts = {};\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 {string} name\n * @param {Set} loadedSheets\n * @param {boolean} refCount\n * @return {Promise}\n */\nfunction bookStyleSheet(name, loadedSheets, refCount) {\n  let res;\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();\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 {Set}\n */\nfunction getLoadedStyleSheets() {\n  const res = new Set();\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(chunkName, chunkGroups) {\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 {string} chunkName Chunk name.\n * @param {boolean} refCount\n * @return {Promise} Resolves once all pending stylesheets, necessary for\n *  the chunk, are either loaded, or failed to load.\n */\nexport function bookStyleSheets(chunkName, chunkGroups, refCount) {\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 ? Promise.allSettled(promises) : 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(chunkName, chunkGroups) {\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\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 {object} options\n * @param {string} options.chunkName\n * @param {function} options.getComponent\n * @param {React.Element} [options.placeholder]\n * @return {React.ElementType}\n */\nexport default function splitComponent({\n  chunkName,\n  getComponent,\n  placeholder,\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    let Component = await getComponent();\n    if (Component.default) Component = Component.default;\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(({ children, ...rest }, ref) => {\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 <Component ref={ref} {...rest}>{children}</Component>;\n    });\n\n    Wrapper.propTypes = {\n      children: PT.node,\n    };\n\n    Wrapper.defaultProps = {\n      children: undefined,\n    };\n\n    return { default: Wrapper };\n  });\n\n  function CodeSplit({ children, ...rest }) {\n    return (\n      <Suspense fallback={placeholder}>\n        <LazyComponent {...rest}>\n          {children}\n        </LazyComponent>\n      </Suspense>\n    );\n  }\n\n  CodeSplit.propTypes = {\n    children: PT.node,\n  };\n\n  CodeSplit.defaultProps = {\n    children: undefined,\n  };\n\n  return CodeSplit;\n}\n"],"mappings":"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"}
+{"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","defaultProps","undefined"],"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 React.WeakValidationMap<ComponentPropsT>;\n\n  CodeSplit.defaultProps = {\n    children: undefined,\n  } as Partial<ComponentPropsT>;\n\n  return CodeSplit;\n}\n"],"mappings":"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"}

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

@@ -9,10 +9,10 @@ exports.useCurrent = useCurrent;
 exports.useTimezoneOffset = useTimezoneOffset;
 var _cookie = _interopRequireDefault(require("cookie"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
-var _lodash = require("lodash");
 var _react = require("react");
 var _jsUtils = require("@dr.pogodin/js-utils");
 var _reactGlobalState = require("@dr.pogodin/react-global-state");
+var _globalState = require("./globalState");
 /* global document */
 
 /**
@@ -22,23 +22,25 @@ var _reactGlobalState = require("@dr.pogodin/react-global-state");
  * then stored in the global state to be reused in all other calls), which
  * is also passed and used in the first client side render, and then updated
  * with a finite precision to avoid infinite re-rendering loops.
- * @param {object} [options] Optional settings.
- * @param {string} [options.globalStatePath="currentTime"] Global state path
+ * @param [options] Optional settings.
+ * @param [options.globalStatePath="currentTime"] Global state path
  *  to keep the current time value.
- * @param {number} [options.precision= 5 * time.SEC_MS] Current time precision.
+ * @param [options.precision= 5 * time.SEC_MS] Current time precision.
  *  The hook won't update the current time stored in the global state unless it
  *  is different from Date.now() result by this number (in milliseconds).
  *  Default to 5 seconds.
- * @param {boolean} [options.autorefresh=false] Set `true` to automatically
+ * @param [options.autorefresh=false] Set `true` to automatically
  *  refresh time stored in the global state with the given `precision` (and
  *  thus automatically re-rendering components dependent on this hook, or
  *  the global state with the period equal to the `precision`.
- * @return {number} Unix timestamp in milliseconds.
+ * @return Unix timestamp in milliseconds.
  */
+// TODO: Should we request the state type as generic parameter, to be able
+// to verify the give globalStatePath is correct?
 function useCurrent({
   autorefresh = false,
   globalStatePath = 'currentTime',
-  precision = 5 * _dayjs.default.SEC_MS
+  precision = 5 * _jsUtils.SEC_MS
 } = {}) {
   const [now, setter] = (0, _reactGlobalState.useGlobalState)(globalStatePath, Date.now);
   (0, _react.useEffect)(() => {
@@ -77,11 +79,13 @@ function useCurrent({
  *  The global state path to store the offset. Defaults "timezoneOffset".
  * @return {number} Timezone offset.
  */
+// TODO: Should we request the state type as generic parameter, to be able
+// to verify the give globalStatePath is correct?
 function useTimezoneOffset({
   cookieName = 'timezoneOffset',
   globalStatePath = 'timezoneOffset'
 } = {}) {
-  const ssrContext = (0, _reactGlobalState.getSsrContext)(false);
+  const ssrContext = (0, _globalState.getSsrContext)(false);
   const [offset, setOffset] = (0, _reactGlobalState.useGlobalState)(globalStatePath, () => {
     const value = cookieName && ssrContext?.req?.cookies?.[cookieName];
     return value ? parseInt(value, 10) : 0;
@@ -91,14 +95,14 @@ function useTimezoneOffset({
     const value = date.getTimezoneOffset();
     setOffset(value);
     if (cookieName) {
-      document.cookie = _cookie.default.serialize(cookieName, value, {
+      document.cookie = _cookie.default.serialize(cookieName, value.toString(), {
         path: '/'
       });
     }
   }, [cookieName, setOffset]);
   return offset;
 }
-(0, _lodash.assign)(_dayjs.default, {
+const time = {
   DAY_MS: _jsUtils.DAY_MS,
   HOUR_MS: _jsUtils.HOUR_MS,
   MIN_MS: _jsUtils.MIN_MS,
@@ -108,6 +112,6 @@ function useTimezoneOffset({
   timer: _jsUtils.timer,
   useCurrent,
   useTimezoneOffset
-});
-var _default = exports.default = _dayjs.default;
+};
+var _default = exports.default = Object.assign(_dayjs.default, time);
 //# sourceMappingURL=time.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"time.js","names":["_cookie","_interopRequireDefault","require","_dayjs","_lodash","_react","_jsUtils","_reactGlobalState","useCurrent","autorefresh","globalStatePath","precision","dayjs","SEC_MS","now","setter","useGlobalState","Date","useEffect","timerId","update","old","neu","Math","abs","setTimeout","clearTimeout","useTimezoneOffset","cookieName","ssrContext","getSsrContext","offset","setOffset","value","req","cookies","parseInt","date","getTimezoneOffset","document","cookie","Cookie","serialize","path","assign","DAY_MS","HOUR_MS","MIN_MS","YEAR_MS","timer","_default","exports","default"],"sources":["../../../../src/shared/utils/time.js"],"sourcesContent":["/* global document */\n\nimport Cookie from 'cookie';\nimport dayjs from 'dayjs';\nimport { assign } from 'lodash';\nimport { useEffect } from 'react';\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 { getSsrContext, useGlobalState } from '@dr.pogodin/react-global-state';\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 * @param {object} [options] Optional settings.\n * @param {string} [options.globalStatePath=\"currentTime\"] Global state path\n *  to keep the current time value.\n * @param {number} [options.precision= 5 * time.SEC_MS] Current time precision.\n *  The hook won't update the current time stored in the global state unless it\n *  is different from Date.now() result by this number (in milliseconds).\n *  Default to 5 seconds.\n * @param {boolean} [options.autorefresh=false] Set `true` to automatically\n *  refresh time stored in the global state with the given `precision` (and\n *  thus automatically re-rendering components dependent on this hook, or\n *  the global state with the period equal to the `precision`.\n * @return {number} Unix timestamp in milliseconds.\n */\nexport function useCurrent({\n  autorefresh = false,\n  globalStatePath = 'currentTime',\n  precision = 5 * dayjs.SEC_MS,\n} = {}) {\n  const [now, setter] = useGlobalState(globalStatePath, Date.now);\n  useEffect(() => {\n    let timerId;\n    const update = () => {\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 () => {\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 * @param {object} [options] Optional settings.\n * @param {string} [options.cookieName=\"timezoneOffset\"] Optional. The name of\n *  cookie to use to store the timezone offset. Defaults \"timezoneOffset\". Set\n *  to a falsy value to forbid using cookies altogether (in that case the hook\n *  will always return zero value at the server-side, and in the first render\n *  at the client-side).\n * @param {string} [options.timezoneOffset=\"timezoneOffset\"] Optional.\n *  The global state path to store the offset. Defaults \"timezoneOffset\".\n * @return {number} Timezone offset.\n */\nexport function useTimezoneOffset({\n  cookieName = 'timezoneOffset',\n  globalStatePath = 'timezoneOffset',\n} = {}) {\n  const ssrContext = getSsrContext(false);\n  const [offset, setOffset] = useGlobalState(globalStatePath, () => {\n    const value = cookieName && ssrContext?.req?.cookies?.[cookieName];\n    return value ? parseInt(value, 10) : 0;\n  });\n  useEffect(() => {\n    const date = new Date();\n    const value = date.getTimezoneOffset();\n    setOffset(value);\n    if (cookieName) {\n      document.cookie = Cookie.serialize(cookieName, value, { path: '/' });\n    }\n  }, [cookieName, setOffset]);\n  return offset;\n}\n\nassign(dayjs, {\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 dayjs;\n"],"mappings":";;;;;;;;;AAEA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,QAAA,GAAAJ,OAAA;AASA,IAAAK,iBAAA,GAAAL,OAAA;AAhBA;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASM,UAAUA,CAAC;EACzBC,WAAW,GAAG,KAAK;EACnBC,eAAe,GAAG,aAAa;EAC/BC,SAAS,GAAG,CAAC,GAAGC,cAAK,CAACC;AACxB,CAAC,GAAG,CAAC,CAAC,EAAE;EACN,MAAM,CAACC,GAAG,EAAEC,MAAM,CAAC,GAAG,IAAAC,gCAAc,EAACN,eAAe,EAAEO,IAAI,CAACH,GAAG,CAAC;EAC/D,IAAAI,gBAAS,EAAC,MAAM;IACd,IAAIC,OAAO;IACX,MAAMC,MAAM,GAAGA,CAAA,KAAM;MACnBL,MAAM,CAAEM,GAAG,IAAK;QACd,MAAMC,GAAG,GAAGL,IAAI,CAACH,GAAG,CAAC,CAAC;QACtB,OAAOS,IAAI,CAACC,GAAG,CAACF,GAAG,GAAGD,GAAG,CAAC,GAAGV,SAAS,GAAGW,GAAG,GAAGD,GAAG;MACpD,CAAC,CAAC;MACF,IAAIZ,WAAW,EAAEU,OAAO,GAAGM,UAAU,CAACL,MAAM,EAAET,SAAS,CAAC;IAC1D,CAAC;IACDS,MAAM,CAAC,CAAC;IACR,OAAO,MAAM;MACX,IAAID,OAAO,EAAEO,YAAY,CAACP,OAAO,CAAC;IACpC,CAAC;EACH,CAAC,EAAE,CAACV,WAAW,EAAEE,SAAS,EAAEI,MAAM,CAAC,CAAC;EACpC,OAAOD,GAAG;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASa,iBAAiBA,CAAC;EAChCC,UAAU,GAAG,gBAAgB;EAC7BlB,eAAe,GAAG;AACpB,CAAC,GAAG,CAAC,CAAC,EAAE;EACN,MAAMmB,UAAU,GAAG,IAAAC,+BAAa,EAAC,KAAK,CAAC;EACvC,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAhB,gCAAc,EAACN,eAAe,EAAE,MAAM;IAChE,MAAMuB,KAAK,GAAGL,UAAU,IAAIC,UAAU,EAAEK,GAAG,EAAEC,OAAO,GAAGP,UAAU,CAAC;IAClE,OAAOK,KAAK,GAAGG,QAAQ,CAACH,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC;EACxC,CAAC,CAAC;EACF,IAAAf,gBAAS,EAAC,MAAM;IACd,MAAMmB,IAAI,GAAG,IAAIpB,IAAI,CAAC,CAAC;IACvB,MAAMgB,KAAK,GAAGI,IAAI,CAACC,iBAAiB,CAAC,CAAC;IACtCN,SAAS,CAACC,KAAK,CAAC;IAChB,IAAIL,UAAU,EAAE;MACdW,QAAQ,CAACC,MAAM,GAAGC,eAAM,CAACC,SAAS,CAACd,UAAU,EAAEK,KAAK,EAAE;QAAEU,IAAI,EAAE;MAAI,CAAC,CAAC;IACtE;EACF,CAAC,EAAE,CAACf,UAAU,EAAEI,SAAS,CAAC,CAAC;EAC3B,OAAOD,MAAM;AACf;AAEA,IAAAa,cAAM,EAAChC,cAAK,EAAE;EACZiC,MAAM,EAANA,eAAM;EACNC,OAAO,EAAPA,gBAAO;EACPC,MAAM,EAANA,eAAM;EACNlC,MAAM,EAANA,eAAM;EACNmC,OAAO,EAAPA,gBAAO;EACPlC,GAAG,EAAEG,IAAI,CAACH,GAAG;EACbmC,KAAK,EAALA,cAAK;EACLzC,UAAU;EACVmB;AACF,CAAC,CAAC;AAAC,IAAAuB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEYxC,cAAK"}
+{"version":3,"file":"time.js","names":["_cookie","_interopRequireDefault","require","_dayjs","_react","_jsUtils","_reactGlobalState","_globalState","useCurrent","autorefresh","globalStatePath","precision","SEC_MS","now","setter","useGlobalState","Date","useEffect","timerId","update","old","neu","Math","abs","setTimeout","clearTimeout","useTimezoneOffset","cookieName","ssrContext","getSsrContext","offset","setOffset","value","req","cookies","parseInt","date","getTimezoneOffset","document","cookie","Cookie","serialize","toString","path","time","DAY_MS","HOUR_MS","MIN_MS","YEAR_MS","timer","_default","exports","default","Object","assign","dayjs"],"sources":["../../../../src/shared/utils/time.ts"],"sourcesContent":["/* global document */\n\nimport Cookie from 'cookie';\nimport dayjs from 'dayjs';\nimport { useEffect } from 'react';\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 * @param [options] Optional settings.\n * @param [options.globalStatePath=\"currentTime\"] Global state path\n *  to keep the current time value.\n * @param [options.precision= 5 * time.SEC_MS] Current time precision.\n *  The hook won't update the current time stored in the global state unless it\n *  is different from Date.now() result by this number (in milliseconds).\n *  Default to 5 seconds.\n * @param [options.autorefresh=false] Set `true` to automatically\n *  refresh time stored in the global state with the given `precision` (and\n *  thus automatically re-rendering components dependent on this hook, or\n *  the global state with the period equal to the `precision`.\n * @return Unix timestamp in milliseconds.\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} = {}) {\n  const [now, setter] = useGlobalState<ForceT, number>(globalStatePath, Date.now);\n  useEffect(() => {\n    let timerId: NodeJS.Timeout;\n    const update = () => {\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 () => {\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 * @param {object} [options] Optional settings.\n * @param {string} [options.cookieName=\"timezoneOffset\"] Optional. The name of\n *  cookie to use to store the timezone offset. Defaults \"timezoneOffset\". Set\n *  to a falsy value to forbid using cookies altogether (in that case the hook\n *  will always return zero value at the server-side, and in the first render\n *  at the client-side).\n * @param {string} [options.timezoneOffset=\"timezoneOffset\"] Optional.\n *  The global state path to store the offset. Defaults \"timezoneOffset\".\n * @return {number} Timezone offset.\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} = {}) {\n  const ssrContext = getSsrContext(false);\n  const [offset, setOffset] = useGlobalState<ForceT, number>(globalStatePath, () => {\n    const value = cookieName && ssrContext?.req?.cookies?.[cookieName];\n    return value ? parseInt(value, 10) : 0;\n  });\n  useEffect(() => {\n    const date = new Date();\n    const value = date.getTimezoneOffset();\n    setOffset(value);\n    if (cookieName) {\n      document.cookie = 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":";;;;;;;;;AAEA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AASA,IAAAI,iBAAA,GAAAJ,OAAA;AAEA,IAAAK,YAAA,GAAAL,OAAA;AAjBA;;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASM,UAAUA,CAAC;EACzBC,WAAW,GAAG,KAAK;EACnBC,eAAe,GAAG,aAAa;EAC/BC,SAAS,GAAG,CAAC,GAAGC;AAClB,CAAC,GAAG,CAAC,CAAC,EAAE;EACN,MAAM,CAACC,GAAG,EAAEC,MAAM,CAAC,GAAG,IAAAC,gCAAc,EAAiBL,eAAe,EAAEM,IAAI,CAACH,GAAG,CAAC;EAC/E,IAAAI,gBAAS,EAAC,MAAM;IACd,IAAIC,OAAuB;IAC3B,MAAMC,MAAM,GAAGA,CAAA,KAAM;MACnBL,MAAM,CAAEM,GAAG,IAAK;QACd,MAAMC,GAAG,GAAGL,IAAI,CAACH,GAAG,CAAC,CAAC;QACtB,OAAOS,IAAI,CAACC,GAAG,CAACF,GAAG,GAAGD,GAAG,CAAC,GAAGT,SAAS,GAAGU,GAAG,GAAGD,GAAG;MACpD,CAAC,CAAC;MACF,IAAIX,WAAW,EAAES,OAAO,GAAGM,UAAU,CAACL,MAAM,EAAER,SAAS,CAAC;IAC1D,CAAC;IACDQ,MAAM,CAAC,CAAC;IACR,OAAO,MAAM;MACX,IAAID,OAAO,EAAEO,YAAY,CAACP,OAAO,CAAC;IACpC,CAAC;EACH,CAAC,EAAE,CAACT,WAAW,EAAEE,SAAS,EAAEG,MAAM,CAAC,CAAC;EACpC,OAAOD,GAAG;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASa,iBAAiBA,CAAC;EAChCC,UAAU,GAAG,gBAAgB;EAC7BjB,eAAe,GAAG;AACpB,CAAC,GAAG,CAAC,CAAC,EAAE;EACN,MAAMkB,UAAU,GAAG,IAAAC,0BAAa,EAAC,KAAK,CAAC;EACvC,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAhB,gCAAc,EAAiBL,eAAe,EAAE,MAAM;IAChF,MAAMsB,KAAK,GAAGL,UAAU,IAAIC,UAAU,EAAEK,GAAG,EAAEC,OAAO,GAAGP,UAAU,CAAC;IAClE,OAAOK,KAAK,GAAGG,QAAQ,CAACH,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC;EACxC,CAAC,CAAC;EACF,IAAAf,gBAAS,EAAC,MAAM;IACd,MAAMmB,IAAI,GAAG,IAAIpB,IAAI,CAAC,CAAC;IACvB,MAAMgB,KAAK,GAAGI,IAAI,CAACC,iBAAiB,CAAC,CAAC;IACtCN,SAAS,CAACC,KAAK,CAAC;IAChB,IAAIL,UAAU,EAAE;MACdW,QAAQ,CAACC,MAAM,GAAGC,eAAM,CAACC,SAAS,CAACd,UAAU,EAAEK,KAAK,CAACU,QAAQ,CAAC,CAAC,EAAE;QAAEC,IAAI,EAAE;MAAI,CAAC,CAAC;IACjF;EACF,CAAC,EAAE,CAAChB,UAAU,EAAEI,SAAS,CAAC,CAAC;EAC3B,OAAOD,MAAM;AACf;AAEA,MAAMc,IAAI,GAAG;EACXC,MAAM,EAANA,eAAM;EACNC,OAAO,EAAPA,gBAAO;EACPC,MAAM,EAANA,eAAM;EACNnC,MAAM,EAANA,eAAM;EACNoC,OAAO,EAAPA,gBAAO;EACPnC,GAAG,EAAEG,IAAI,CAACH,GAAG;EACboC,KAAK,EAALA,cAAK;EACLzC,UAAU;EACVkB;AACF,CAAC;AAAC,IAAAwB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaC,MAAM,CAACC,MAAM,CAACC,cAAK,EAAEX,IAAI,CAAC"}

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

@@ -9,9 +9,9 @@ var _isomorphy = require("./isomorphy");
 /**
  * Requires the specified module without including it into the bundle during
  * Webpack build.
- * @param {string} modulePath
- * @param {string} [basePath]
- * @return {object} Required module.
+ * @param modulePath
+ * @param [basePath]
+ * @return Required module.
  */
 function requireWeak(modulePath, basePath) {
   if (_isomorphy.IS_CLIENT_SIDE) return null;

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

@@ -1 +1 @@
-{"version":3,"file":"webpack.js","names":["_isomorphy","require","requireWeak","modulePath","basePath","IS_CLIENT_SIDE","resolve","eval","path","default","def","named","Object","entries","forEach","key","value","Error","resolveWeak"],"sources":["../../../../src/shared/utils/webpack.js"],"sourcesContent":["import { IS_CLIENT_SIDE } from './isomorphy';\n\n/**\n * Requires the specified module without including it into the bundle during\n * Webpack build.\n * @param {string} modulePath\n * @param {string} [basePath]\n * @return {object} Required module.\n */\nexport function requireWeak(modulePath, basePath) {\n  if (IS_CLIENT_SIDE) return null;\n\n  try {\n    /* eslint-disable no-eval */\n    const { resolve } = eval('require')('path');\n    const path = basePath ? resolve(basePath, modulePath) : modulePath;\n    const { default: def, ...named } = eval('require')(path);\n    /* eslint-enable no-eval */\n\n    if (!def) return named;\n\n    Object.entries(named).forEach(([key, value]) => {\n      if (def[key]) throw Error('Conflict between default and named exports');\n      def[key] = value;\n    });\n    return def;\n  } catch {\n    return null;\n  }\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) {\n  return modulePath;\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,WAAWA,CAACC,UAAU,EAAEC,QAAQ,EAAE;EAChD,IAAIC,yBAAc,EAAE,OAAO,IAAI;EAE/B,IAAI;IACF;IACA,MAAM;MAAEC;IAAQ,CAAC,GAAGC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC;IAC3C,MAAMC,IAAI,GAAGJ,QAAQ,GAAGE,OAAO,CAACF,QAAQ,EAAED,UAAU,CAAC,GAAGA,UAAU;IAClE,MAAM;MAAEM,OAAO,EAAEC,GAAG;MAAE,GAAGC;IAAM,CAAC,GAAGJ,IAAI,CAAC,SAAS,CAAC,CAACC,IAAI,CAAC;IACxD;;IAEA,IAAI,CAACE,GAAG,EAAE,OAAOC,KAAK;IAEtBC,MAAM,CAACC,OAAO,CAACF,KAAK,CAAC,CAACG,OAAO,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;MAC9C,IAAIN,GAAG,CAACK,GAAG,CAAC,EAAE,MAAME,KAAK,CAAC,4CAA4C,CAAC;MACvEP,GAAG,CAACK,GAAG,CAAC,GAAGC,KAAK;IAClB,CAAC,CAAC;IACF,OAAON,GAAG;EACZ,CAAC,CAAC,MAAM;IACN,OAAO,IAAI;EACb;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASQ,WAAWA,CAACf,UAAU,EAAE;EACtC,OAAOA,UAAU;AACnB"}
+{"version":3,"file":"webpack.js","names":["_isomorphy","require","requireWeak","modulePath","basePath","IS_CLIENT_SIDE","resolve","eval","path","default","def","named","Object","entries","forEach","key","value","Error","resolveWeak"],"sources":["../../../../src/shared/utils/webpack.ts"],"sourcesContent":["import { IS_CLIENT_SIDE } from './isomorphy';\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(\n  modulePath: string,\n  basePath?: string,\n): NodeJS.Module | null {\n  if (IS_CLIENT_SIDE) return null;\n\n  try {\n    /* eslint-disable no-eval */\n    const { resolve } = eval('require')('path');\n    const path = basePath ? resolve(basePath, modulePath) : modulePath;\n    const { default: def, ...named } = eval('require')(path);\n    /* eslint-enable no-eval */\n\n    if (!def) return named;\n\n    Object.entries(named).forEach(([key, value]) => {\n      if (def[key]) throw Error('Conflict between default and named exports');\n      def[key] = value;\n    });\n    return def;\n  } catch {\n    return null;\n  }\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":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,WAAWA,CACzBC,UAAkB,EAClBC,QAAiB,EACK;EACtB,IAAIC,yBAAc,EAAE,OAAO,IAAI;EAE/B,IAAI;IACF;IACA,MAAM;MAAEC;IAAQ,CAAC,GAAGC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC;IAC3C,MAAMC,IAAI,GAAGJ,QAAQ,GAAGE,OAAO,CAACF,QAAQ,EAAED,UAAU,CAAC,GAAGA,UAAU;IAClE,MAAM;MAAEM,OAAO,EAAEC,GAAG;MAAE,GAAGC;IAAM,CAAC,GAAGJ,IAAI,CAAC,SAAS,CAAC,CAACC,IAAI,CAAC;IACxD;;IAEA,IAAI,CAACE,GAAG,EAAE,OAAOC,KAAK;IAEtBC,MAAM,CAACC,OAAO,CAACF,KAAK,CAAC,CAACG,OAAO,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;MAC9C,IAAIN,GAAG,CAACK,GAAG,CAAC,EAAE,MAAME,KAAK,CAAC,4CAA4C,CAAC;MACvEP,GAAG,CAACK,GAAG,CAAC,GAAGC,KAAK;IAClB,CAAC,CAAC;IACF,OAAON,GAAG;EACZ,CAAC,CAAC,MAAM;IACN,OAAO,IAAI;EACb;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASQ,WAAWA,CAACf,UAAkB,EAAU;EACtD,OAAOA,UAAU;AACnB"}