@dr.pogodin/react-global-state 0.9.0 → 0.9.2

package/build/module/useAsyncData.js

@@ -1,22 +1,14 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /**
  * Loads and uses async data into the GlobalState path.
  */
+
 import { cloneDeep } from 'lodash';
 import { useEffect } from 'react';
 import { v4 as uuid } from 'uuid';
 import { getGlobalState } from "./GlobalStateProvider";
 import useGlobalState from "./useGlobalState";
 import { isDebugMode } from "./utils";
-var DEFAULT_MAXAGE = 5 * 60 * 1000; // 5 minutes.
+const DEFAULT_MAXAGE = 5 * 60 * 1000; // 5 minutes.
 
 /**
  * Executes the data loading operation.
@@ -32,10 +24,41 @@ var DEFAULT_MAXAGE = 5 * 60 * 1000; // 5 minutes.
  * @return {Promise} Resolves once the operation is done.
  * @ignore
  */
+async function load(path, loader, globalState, oldData) {
+  let opIdPrefix = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'C';
+  if (process.env.NODE_ENV !== 'production' && isDebugMode()) {
+    /* eslint-disable no-console */
+    console.log(`ReactGlobalState: useAsyncData data (re-)loading. Path: "${path || ''}"`);
+    /* eslint-enable no-console */
+  }
 
-function load(_x, _x2, _x3, _x4) {
-  return _load.apply(this, arguments);
+  const operationId = opIdPrefix + uuid();
+  const operationIdPath = path ? `${path}.operationId` : 'operationId';
+  globalState.set(operationIdPath, operationId);
+  const data = await loader(oldData || globalState.get(path).data);
+  const state = globalState.get(path);
+  if (operationId === state.operationId) {
+    if (process.env.NODE_ENV !== 'production' && isDebugMode()) {
+      /* eslint-disable no-console */
+      console.groupCollapsed(`ReactGlobalState: useAsyncData data (re-)loaded. Path: "${path || ''}"`);
+      console.log('Data:', cloneDeep(data));
+      /* eslint-enable no-console */
+    }
+
+    globalState.set(path, {
+      ...state,
+      data,
+      operationId: '',
+      timestamp: Date.now()
+    });
+    if (process.env.NODE_ENV !== 'production' && isDebugMode()) {
+      /* eslint-disable no-console */
+      console.groupEnd();
+      /* eslint-enable no-console */
+    }
+  }
 }
+
 /**
  * Resolves asynchronous data, and stores them at given `path` of global
  * state. When multiple components rely on asynchronous data at the same `path`,
@@ -87,81 +110,21 @@ function load(_x, _x2, _x3, _x4) {
  * _e.g._ {@link useGlobalState}, but doing so you may interfere with related
  * `useAsyncData()` hooks logic.
  */
-
-
-function _load() {
-  _load = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(path, loader, globalState, oldData) {
-    var opIdPrefix,
-        operationId,
-        operationIdPath,
-        data,
-        state,
-        _args = arguments;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            opIdPrefix = _args.length > 4 && _args[4] !== undefined ? _args[4] : 'C';
-
-            if (process.env.NODE_ENV !== 'production' && isDebugMode()) {
-              /* eslint-disable no-console */
-              console.log("ReactGlobalState: useAsyncData data (re-)loading. Path: \"".concat(path || '', "\""));
-              /* eslint-enable no-console */
-            }
-
-            operationId = opIdPrefix + uuid();
-            operationIdPath = path ? "".concat(path, ".operationId") : 'operationId';
-            globalState.set(operationIdPath, operationId);
-            _context.next = 7;
-            return loader(oldData || globalState.get(path).data);
-
-          case 7:
-            data = _context.sent;
-            state = globalState.get(path);
-
-            if (operationId === state.operationId) {
-              if (process.env.NODE_ENV !== 'production' && isDebugMode()) {
-                /* eslint-disable no-console */
-                console.groupCollapsed("ReactGlobalState: useAsyncData data (re-)loaded. Path: \"".concat(path || '', "\""));
-                console.log('Data:', cloneDeep(data));
-                /* eslint-enable no-console */
-              }
-
-              globalState.set(path, _objectSpread(_objectSpread({}, state), {}, {
-                data: data,
-                operationId: '',
-                timestamp: Date.now()
-              }));
-
-              if (process.env.NODE_ENV !== 'production' && isDebugMode()) {
-                /* eslint-disable no-console */
-                console.groupEnd();
-                /* eslint-enable no-console */
-              }
-            }
-
-          case 10:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-  return _load.apply(this, arguments);
-}
-
 export default function useAsyncData(path, loader) {
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var garbageCollectAge = options.garbageCollectAge,
-      maxage = options.maxage,
-      refreshAge = options.refreshAge;
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  let {
+    garbageCollectAge,
+    maxage,
+    refreshAge
+  } = options;
   if (maxage === undefined) maxage = DEFAULT_MAXAGE;
   if (refreshAge === undefined) refreshAge = maxage;
-  if (garbageCollectAge === undefined) garbageCollectAge = maxage; // Note: here we can't depend on useGlobalState() to init the initial value,
-  // because that way we'll have issues with SSR (see details below).
+  if (garbageCollectAge === undefined) garbageCollectAge = maxage;
 
-  var globalState = getGlobalState();
-  var state = globalState.get(path, {
+  // Note: here we can't depend on useGlobalState() to init the initial value,
+  // because that way we'll have issues with SSR (see details below).
+  const globalState = getGlobalState();
+  const state = globalState.get(path, {
     initialValue: {
       data: null,
       numRefs: 0,
@@ -169,7 +132,6 @@ export default function useAsyncData(path, loader) {
       timestamp: 0
     }
   });
-
   if (globalState.ssrContext && !options.noSSR) {
     if (!state.timestamp && !state.operationId) {
       globalState.ssrContext.pending.push(load(path, loader, globalState, state.data, 'S'));
@@ -184,58 +146,57 @@ export default function useAsyncData(path, loader) {
     //
     // TODO: Though, maybe there is a way to refactor it into a cleaner code.
     // The same applies to other useEffect() hooks below.
-    useEffect(function () {
+    useEffect(() => {
       // eslint-disable-line react-hooks/rules-of-hooks
-      var numRefsPath = path ? "".concat(path, ".numRefs") : 'numRefs';
-      var numRefs = globalState.get(numRefsPath);
+      const numRefsPath = path ? `${path}.numRefs` : 'numRefs';
+      const numRefs = globalState.get(numRefsPath);
       globalState.set(numRefsPath, numRefs + 1);
-      return function () {
-        var state2 = globalState.get(path);
-
+      return () => {
+        const state2 = globalState.get(path);
         if (state2.numRefs === 1 && garbageCollectAge < Date.now() - state2.timestamp) {
           if (process.env.NODE_ENV !== 'production' && isDebugMode()) {
             /* eslint-disable no-console */
-            console.log("ReactGlobalState - useAsyncData garbage collected at path ".concat(path || ''));
+            console.log(`ReactGlobalState - useAsyncData garbage collected at path ${path || ''}`);
             /* eslint-enable no-console */
           }
 
-          globalState.set(path, _objectSpread(_objectSpread({}, state2), {}, {
+          globalState.set(path, {
+            ...state2,
             data: null,
             numRefs: 0,
             timestamp: 0
-          }));
+          });
         } else globalState.set(numRefsPath, state2.numRefs - 1);
       };
-    }, [garbageCollectAge, globalState, path]); // Note: a bunch of Rules of Hooks ignored belows because in our very
+    }, [garbageCollectAge, globalState, path]);
+
+    // Note: a bunch of Rules of Hooks ignored belows because in our very
     // special case the otherwise wrong behavior is actually what we need.
-    // Data loading and refreshing.
 
-    var loadTriggered = false;
-    useEffect(function () {
+    // Data loading and refreshing.
+    let loadTriggered = false;
+    useEffect(() => {
       // eslint-disable-line react-hooks/rules-of-hooks
-      var state2 = globalState.get(path);
-
+      const state2 = globalState.get(path);
       if (refreshAge < Date.now() - state2.timestamp && (!state2.operationId || state2.operationId.charAt() === 'S')) {
         load(path, loader, globalState, state2.data);
         loadTriggered = true; // eslint-disable-line react-hooks/exhaustive-deps
       }
     });
-    var deps = options.deps || [];
-    useEffect(function () {
+
+    const deps = options.deps || [];
+    useEffect(() => {
       // eslint-disable-line react-hooks/rules-of-hooks
       if (!loadTriggered && deps.length) load(path, loader, globalState);
     }, deps); // eslint-disable-line react-hooks/exhaustive-deps
   }
 
-  var _useGlobalState = useGlobalState(path, {
+  const [localState] = useGlobalState(path, {
     data: null,
     numRefs: 0,
     operationId: '',
     timestamp: 0
-  }),
-      _useGlobalState2 = _slicedToArray(_useGlobalState, 1),
-      localState = _useGlobalState2[0];
-
+  });
   return {
     data: maxage < Date.now() - localState.timestamp ? null : localState.data,
     loading: Boolean(localState.operationId),

package/build/module/useAsyncData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAsyncData.js","names":["cloneDeep","useEffect","v4","uuid","getGlobalState","useGlobalState","isDebugMode","DEFAULT_MAXAGE","load","path","loader","globalState","oldData","opIdPrefix","process","env","NODE_ENV","console","log","operationId","operationIdPath","set","get","data","state","groupCollapsed","timestamp","Date","now","groupEnd","useAsyncData","options","garbageCollectAge","maxage","refreshAge","undefined","initialValue","numRefs","ssrContext","noSSR","pending","push","numRefsPath","state2","loadTriggered","charAt","deps","length","localState","loading","Boolean"],"sources":["../../src/useAsyncData.js"],"sourcesContent":["/**\n * Loads and uses async data into the GlobalState path.\n */\n\nimport { cloneDeep } from 'lodash';\nimport { useEffect } from 'react';\nimport { v4 as uuid } from 'uuid';\n\nimport { getGlobalState } from './GlobalStateProvider';\nimport useGlobalState from './useGlobalState';\nimport { isDebugMode } from './utils';\n\nconst DEFAULT_MAXAGE = 5 * 60 * 1000; // 5 minutes.\n\n/**\n * Executes the data loading operation.\n * @param {string} path Data segment path inside the global state.\n * @param {function} loader Data loader.\n * @param {GlobalState} globalState The global state instance.\n * @param {any} [oldData] Optional. Previously fetched data, currently stored in\n *  the state, if already fetched by the caller; otherwise, they will be fetched\n *  by the load() function itself.\n * @param {string} [opIdPrefix='C'] operationId prefix to use, which should be\n * 'C' at the client-side (default), or 'S' at the server-side (within SSR\n * context).\n * @return {Promise} Resolves once the operation is done.\n * @ignore\n */\nasync function load(path, loader, globalState, oldData, opIdPrefix = 'C') {\n  if (process.env.NODE_ENV !== 'production' && isDebugMode()) {\n    /* eslint-disable no-console */\n    console.log(\n      `ReactGlobalState: useAsyncData data (re-)loading. Path: \"${path || ''}\"`,\n    );\n    /* eslint-enable no-console */\n  }\n  const operationId = opIdPrefix + uuid();\n  const operationIdPath = path ? `${path}.operationId` : 'operationId';\n  globalState.set(operationIdPath, operationId);\n  const data = await loader(oldData || globalState.get(path).data);\n  const state = globalState.get(path);\n  if (operationId === state.operationId) {\n    if (process.env.NODE_ENV !== 'production' && isDebugMode()) {\n      /* eslint-disable no-console */\n      console.groupCollapsed(\n        `ReactGlobalState: useAsyncData data (re-)loaded. Path: \"${\n          path || ''\n        }\"`,\n      );\n      console.log('Data:', cloneDeep(data));\n      /* eslint-enable no-console */\n    }\n    globalState.set(path, {\n      ...state,\n      data,\n      operationId: '',\n      timestamp: Date.now(),\n    });\n    if (process.env.NODE_ENV !== 'production' && isDebugMode()) {\n      /* eslint-disable no-console */\n      console.groupEnd();\n      /* eslint-enable no-console */\n    }\n  }\n}\n\n/**\n * Resolves asynchronous data, and stores them at given `path` of global\n * state. When multiple components rely on asynchronous data at the same `path`,\n * the data are resolved once, and reused until their age is within specified\n * bounds. Once the data are stale, the hook allows to refresh them. It also\n * garbage-collects stale data from the global state when the last component\n * relying on them is unmounted.\n * @param {string} path Dot-delimitered state path, where data envelop is\n * stored.\n * @param {AsyncDataLoader} loader Asynchronous function which resolves (loads)\n * data, which should be stored at the global state `path`. When multiple\n * components\n * use `useAsyncData()` hook for the same `path`, the library assumes that all\n * hook instances are called with the same `loader` (_i.e._ whichever of these\n * loaders is used to resolve async data, the result is acceptable to be reused\n * in all related components).\n * @param {object} [options] Additional options.\n * @param {any[]}  [options.deps=[]] An array of dependencies, which trigger\n * data reload when changed. Given dependency changes are watched shallowly\n * (similarly to the standard React's\n * [useEffect()](https://reactjs.org/docs/hooks-reference.html#useeffect)).\n * @param {boolean} [options.noSSR] If `true`, this hook won't load data during\n * server-side rendering.\n * @param {number} [options.garbageCollectAge=maxage] The maximum age of data\n * (in milliseconds), after which they are dropped from the state when the last\n * component referencing them via `useAsyncData()` hook unmounts. Defaults to\n * `maxage` option value.\n * @param {number} [options.maxage=5 x 60 x 1000] The maximum age of\n * data (in milliseconds) acceptable to the hook's caller. If loaded data are\n * older than this value, `null` is returned instead. Defaults to 5 minutes.\n * @param {number} [options.refreshAge=maxage] The maximum age of data\n * (in milliseconds), after which their refreshment will be triggered when\n * any component referencing them via `useAsyncData()` hook (re-)renders.\n * Defaults to `maxage` value.\n * @return {{\n *   data: any,\n *   loading: boolean,\n *   timestamp: number\n * }} Returns an object with three fields: `data` holds the actual result of\n * last `loader` invokation, if any, and if satisfies `maxage` limit; `loading`\n * is a boolean flag, which is `true` if data are being loaded (the hook is\n * waiting for `loader` function resolution); `timestamp` (in milliseconds)\n * is Unix timestamp of related data currently loaded into the global state.\n *\n * Note that loaded data, if any, are stored at the given `path` of global state\n * along with related meta-information, using slightly different state segment\n * structure (see {@link AsyncDataEnvelope}). That segment of the global state\n * can be accessed, and even modified using other hooks,\n * _e.g._ {@link useGlobalState}, but doing so you may interfere with related\n * `useAsyncData()` hooks logic.\n */\nexport default function useAsyncData(\n  path,\n  loader,\n  options = {},\n) {\n  let { garbageCollectAge, maxage, refreshAge } = options;\n  if (maxage === undefined) maxage = DEFAULT_MAXAGE;\n  if (refreshAge === undefined) refreshAge = maxage;\n  if (garbageCollectAge === undefined) garbageCollectAge = maxage;\n\n  // Note: here we can't depend on useGlobalState() to init the initial value,\n  // because that way we'll have issues with SSR (see details below).\n  const globalState = getGlobalState();\n  const state = globalState.get(path, {\n    initialValue: {\n      data: null,\n      numRefs: 0,\n      operationId: '',\n      timestamp: 0,\n    },\n  });\n\n  if (globalState.ssrContext && !options.noSSR) {\n    if (!state.timestamp && !state.operationId) {\n      globalState.ssrContext.pending.push(\n        load(path, loader, globalState, state.data, 'S'),\n      );\n    }\n  } else {\n    // This takes care about the client-side reference counting, and garbage\n    // collection.\n    //\n    // Note: the Rules of Hook below are violated by conditional call to a hook,\n    // but as the condition is actually server-side or client-side environment,\n    // it is effectively non-conditional at the runtime.\n    //\n    // TODO: Though, maybe there is a way to refactor it into a cleaner code.\n    // The same applies to other useEffect() hooks below.\n    useEffect(() => { // eslint-disable-line react-hooks/rules-of-hooks\n      const numRefsPath = path ? `${path}.numRefs` : 'numRefs';\n      const numRefs = globalState.get(numRefsPath);\n      globalState.set(numRefsPath, numRefs + 1);\n      return () => {\n        const state2 = globalState.get(path);\n        if (\n          state2.numRefs === 1\n          && garbageCollectAge < Date.now() - state2.timestamp\n        ) {\n          if (process.env.NODE_ENV !== 'production' && isDebugMode()) {\n            /* eslint-disable no-console */\n            console.log(\n              `ReactGlobalState - useAsyncData garbage collected at path ${\n                path || ''\n              }`,\n            );\n            /* eslint-enable no-console */\n          }\n          globalState.set(path, {\n            ...state2,\n            data: null,\n            numRefs: 0,\n            timestamp: 0,\n          });\n        } else globalState.set(numRefsPath, state2.numRefs - 1);\n      };\n    }, [garbageCollectAge, globalState, path]);\n\n    // Note: a bunch of Rules of Hooks ignored belows because in our very\n    // special case the otherwise wrong behavior is actually what we need.\n\n    // Data loading and refreshing.\n    let loadTriggered = false;\n    useEffect(() => { // eslint-disable-line react-hooks/rules-of-hooks\n      const state2 = globalState.get(path);\n      if (refreshAge < Date.now() - state2.timestamp\n      && (!state2.operationId || state2.operationId.charAt() === 'S')) {\n        load(path, loader, globalState, state2.data);\n        loadTriggered = true; // eslint-disable-line react-hooks/exhaustive-deps\n      }\n    });\n\n    const deps = options.deps || [];\n    useEffect(() => { // eslint-disable-line react-hooks/rules-of-hooks\n      if (!loadTriggered && deps.length) load(path, loader, globalState);\n    }, deps); // eslint-disable-line react-hooks/exhaustive-deps\n  }\n\n  const [localState] = useGlobalState(path, {\n    data: null,\n    numRefs: 0,\n    operationId: '',\n    timestamp: 0,\n  });\n\n  return {\n    data: maxage < Date.now() - localState.timestamp ? null : localState.data,\n    loading: Boolean(localState.operationId),\n    timestamp: localState.timestamp,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useAsyncData.js","names":["cloneDeep","useEffect","v4","uuid","getGlobalState","useGlobalState","isDebugMode","DEFAULT_MAXAGE","load","path","loader","globalState","oldData","opIdPrefix","process","env","NODE_ENV","console","log","operationId","operationIdPath","set","data","get","state","groupCollapsed","timestamp","Date","now","groupEnd","useAsyncData","options","garbageCollectAge","maxage","refreshAge","undefined","initialValue","numRefs","ssrContext","noSSR","pending","push","numRefsPath","state2","loadTriggered","charAt","deps","length","localState","loading","Boolean"],"sources":["../../src/useAsyncData.js"],"sourcesContent":["/**\n * Loads and uses async data into the GlobalState path.\n */\n\nimport { cloneDeep } from 'lodash';\nimport { useEffect } from 'react';\nimport { v4 as uuid } from 'uuid';\n\nimport { getGlobalState } from './GlobalStateProvider';\nimport useGlobalState from './useGlobalState';\nimport { isDebugMode } from './utils';\n\nconst DEFAULT_MAXAGE = 5 * 60 * 1000; // 5 minutes.\n\n/**\n * Executes the data loading operation.\n * @param {string} path Data segment path inside the global state.\n * @param {function} loader Data loader.\n * @param {GlobalState} globalState The global state instance.\n * @param {any} [oldData] Optional. Previously fetched data, currently stored in\n *  the state, if already fetched by the caller; otherwise, they will be fetched\n *  by the load() function itself.\n * @param {string} [opIdPrefix='C'] operationId prefix to use, which should be\n * 'C' at the client-side (default), or 'S' at the server-side (within SSR\n * context).\n * @return {Promise} Resolves once the operation is done.\n * @ignore\n */\nasync function load(path, loader, globalState, oldData, opIdPrefix = 'C') {\n  if (process.env.NODE_ENV !== 'production' && isDebugMode()) {\n    /* eslint-disable no-console */\n    console.log(\n      `ReactGlobalState: useAsyncData data (re-)loading. Path: \"${path || ''}\"`,\n    );\n    /* eslint-enable no-console */\n  }\n  const operationId = opIdPrefix + uuid();\n  const operationIdPath = path ? `${path}.operationId` : 'operationId';\n  globalState.set(operationIdPath, operationId);\n  const data = await loader(oldData || globalState.get(path).data);\n  const state = globalState.get(path);\n  if (operationId === state.operationId) {\n    if (process.env.NODE_ENV !== 'production' && isDebugMode()) {\n      /* eslint-disable no-console */\n      console.groupCollapsed(\n        `ReactGlobalState: useAsyncData data (re-)loaded. Path: \"${\n          path || ''\n        }\"`,\n      );\n      console.log('Data:', cloneDeep(data));\n      /* eslint-enable no-console */\n    }\n    globalState.set(path, {\n      ...state,\n      data,\n      operationId: '',\n      timestamp: Date.now(),\n    });\n    if (process.env.NODE_ENV !== 'production' && isDebugMode()) {\n      /* eslint-disable no-console */\n      console.groupEnd();\n      /* eslint-enable no-console */\n    }\n  }\n}\n\n/**\n * Resolves asynchronous data, and stores them at given `path` of global\n * state. When multiple components rely on asynchronous data at the same `path`,\n * the data are resolved once, and reused until their age is within specified\n * bounds. Once the data are stale, the hook allows to refresh them. It also\n * garbage-collects stale data from the global state when the last component\n * relying on them is unmounted.\n * @param {string} path Dot-delimitered state path, where data envelop is\n * stored.\n * @param {AsyncDataLoader} loader Asynchronous function which resolves (loads)\n * data, which should be stored at the global state `path`. When multiple\n * components\n * use `useAsyncData()` hook for the same `path`, the library assumes that all\n * hook instances are called with the same `loader` (_i.e._ whichever of these\n * loaders is used to resolve async data, the result is acceptable to be reused\n * in all related components).\n * @param {object} [options] Additional options.\n * @param {any[]}  [options.deps=[]] An array of dependencies, which trigger\n * data reload when changed. Given dependency changes are watched shallowly\n * (similarly to the standard React's\n * [useEffect()](https://reactjs.org/docs/hooks-reference.html#useeffect)).\n * @param {boolean} [options.noSSR] If `true`, this hook won't load data during\n * server-side rendering.\n * @param {number} [options.garbageCollectAge=maxage] The maximum age of data\n * (in milliseconds), after which they are dropped from the state when the last\n * component referencing them via `useAsyncData()` hook unmounts. Defaults to\n * `maxage` option value.\n * @param {number} [options.maxage=5 x 60 x 1000] The maximum age of\n * data (in milliseconds) acceptable to the hook's caller. If loaded data are\n * older than this value, `null` is returned instead. Defaults to 5 minutes.\n * @param {number} [options.refreshAge=maxage] The maximum age of data\n * (in milliseconds), after which their refreshment will be triggered when\n * any component referencing them via `useAsyncData()` hook (re-)renders.\n * Defaults to `maxage` value.\n * @return {{\n *   data: any,\n *   loading: boolean,\n *   timestamp: number\n * }} Returns an object with three fields: `data` holds the actual result of\n * last `loader` invokation, if any, and if satisfies `maxage` limit; `loading`\n * is a boolean flag, which is `true` if data are being loaded (the hook is\n * waiting for `loader` function resolution); `timestamp` (in milliseconds)\n * is Unix timestamp of related data currently loaded into the global state.\n *\n * Note that loaded data, if any, are stored at the given `path` of global state\n * along with related meta-information, using slightly different state segment\n * structure (see {@link AsyncDataEnvelope}). That segment of the global state\n * can be accessed, and even modified using other hooks,\n * _e.g._ {@link useGlobalState}, but doing so you may interfere with related\n * `useAsyncData()` hooks logic.\n */\nexport default function useAsyncData(\n  path,\n  loader,\n  options = {},\n) {\n  let { garbageCollectAge, maxage, refreshAge } = options;\n  if (maxage === undefined) maxage = DEFAULT_MAXAGE;\n  if (refreshAge === undefined) refreshAge = maxage;\n  if (garbageCollectAge === undefined) garbageCollectAge = maxage;\n\n  // Note: here we can't depend on useGlobalState() to init the initial value,\n  // because that way we'll have issues with SSR (see details below).\n  const globalState = getGlobalState();\n  const state = globalState.get(path, {\n    initialValue: {\n      data: null,\n      numRefs: 0,\n      operationId: '',\n      timestamp: 0,\n    },\n  });\n\n  if (globalState.ssrContext && !options.noSSR) {\n    if (!state.timestamp && !state.operationId) {\n      globalState.ssrContext.pending.push(\n        load(path, loader, globalState, state.data, 'S'),\n      );\n    }\n  } else {\n    // This takes care about the client-side reference counting, and garbage\n    // collection.\n    //\n    // Note: the Rules of Hook below are violated by conditional call to a hook,\n    // but as the condition is actually server-side or client-side environment,\n    // it is effectively non-conditional at the runtime.\n    //\n    // TODO: Though, maybe there is a way to refactor it into a cleaner code.\n    // The same applies to other useEffect() hooks below.\n    useEffect(() => { // eslint-disable-line react-hooks/rules-of-hooks\n      const numRefsPath = path ? `${path}.numRefs` : 'numRefs';\n      const numRefs = globalState.get(numRefsPath);\n      globalState.set(numRefsPath, numRefs + 1);\n      return () => {\n        const state2 = globalState.get(path);\n        if (\n          state2.numRefs === 1\n          && garbageCollectAge < Date.now() - state2.timestamp\n        ) {\n          if (process.env.NODE_ENV !== 'production' && isDebugMode()) {\n            /* eslint-disable no-console */\n            console.log(\n              `ReactGlobalState - useAsyncData garbage collected at path ${\n                path || ''\n              }`,\n            );\n            /* eslint-enable no-console */\n          }\n          globalState.set(path, {\n            ...state2,\n            data: null,\n            numRefs: 0,\n            timestamp: 0,\n          });\n        } else globalState.set(numRefsPath, state2.numRefs - 1);\n      };\n    }, [garbageCollectAge, globalState, path]);\n\n    // Note: a bunch of Rules of Hooks ignored belows because in our very\n    // special case the otherwise wrong behavior is actually what we need.\n\n    // Data loading and refreshing.\n    let loadTriggered = false;\n    useEffect(() => { // eslint-disable-line react-hooks/rules-of-hooks\n      const state2 = globalState.get(path);\n      if (refreshAge < Date.now() - state2.timestamp\n      && (!state2.operationId || state2.operationId.charAt() === 'S')) {\n        load(path, loader, globalState, state2.data);\n        loadTriggered = true; // eslint-disable-line react-hooks/exhaustive-deps\n      }\n    });\n\n    const deps = options.deps || [];\n    useEffect(() => { // eslint-disable-line react-hooks/rules-of-hooks\n      if (!loadTriggered && deps.length) load(path, loader, globalState);\n    }, deps); // eslint-disable-line react-hooks/exhaustive-deps\n  }\n\n  const [localState] = useGlobalState(path, {\n    data: null,\n    numRefs: 0,\n    operationId: '',\n    timestamp: 0,\n  });\n\n  return {\n    data: maxage < Date.now() - localState.timestamp ? null : localState.data,\n    loading: Boolean(localState.operationId),\n    timestamp: localState.timestamp,\n  };\n}\n"],"mappings":"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"}

package/build/module/useGlobalState.js

@@ -1,8 +1,10 @@
 // Hook for updates of global state.
+
 import { cloneDeep, isFunction } from 'lodash';
 import { useEffect, useRef, useSyncExternalStore } from 'react';
 import { getGlobalState } from "./GlobalStateProvider";
 import { isDebugMode } from "./utils";
+
 /**
  * The primary hook for interacting with the global state, modeled after
  * the standard React's
@@ -53,20 +55,17 @@ import { isDebugMode } from "./utils";
  *   Also, similar to the standard React's state setters, `setValue()` is
  *   stable function: it does not change between component re-renders.
  */
-
 export default function useGlobalState(path, initialValue) {
-  var ref = useRef();
-
+  const ref = useRef();
   if (!ref.current) {
     ref.current = {
       callbacks: [],
-      setter: function setter(value) {
-        var rc = ref.current;
-        var newState = isFunction(value) ? value(rc.state) : value;
-
+      setter: value => {
+        const rc = ref.current;
+        const newState = isFunction(value) ? value(rc.state) : value;
         if (process.env.NODE_ENV !== 'production' && isDebugMode()) {
           /* eslint-disable no-console */
-          console.groupCollapsed("ReactGlobalState - useGlobalState setter triggered for path ".concat(rc.path || ''));
+          console.groupCollapsed(`ReactGlobalState - useGlobalState setter triggered for path ${rc.path || ''}`);
           console.log('New value:', cloneDeep(newState));
           console.groupEnd();
           /* eslint-enable no-console */
@@ -74,43 +73,35 @@ export default function useGlobalState(path, initialValue) {
 
         rc.globalState.set(rc.path, newState);
       },
-      watcher: function watcher() {
-        var rc = ref.current;
-        var state = rc.globalState.get(rc.path);
-
+      watcher: () => {
+        const rc = ref.current;
+        const state = rc.globalState.get(rc.path);
         if (state !== rc.state) {
-          for (var i = 0; i < rc.callbacks.length; ++i) {
+          for (let i = 0; i < rc.callbacks.length; ++i) {
             rc.callbacks[i]();
           }
         }
       }
     };
   }
-
-  var rc = ref.current;
-  var globalState = getGlobalState();
+  const rc = ref.current;
+  const globalState = getGlobalState();
   rc.globalState = globalState;
   rc.path = path;
-  rc.state = useSyncExternalStore(function (cb) {
+  rc.state = useSyncExternalStore(cb => {
     rc.callbacks.push(cb);
-  }, function () {
-    return rc.globalState.get(rc.path, {
-      initialValue: initialValue
-    });
-  }, function () {
-    return rc.globalState.get(rc.path, {
-      initialValue: initialValue,
-      initialState: true
-    });
-  });
-  useEffect(function () {
+  }, () => rc.globalState.get(rc.path, {
+    initialValue
+  }), () => rc.globalState.get(rc.path, {
+    initialValue,
+    initialState: true
+  }));
+  useEffect(() => {
     globalState.watch(rc.watcher);
     rc.watcher();
-    return function () {
-      return globalState.unWatch(rc.watcher);
-    };
+    return () => globalState.unWatch(rc.watcher);
   }, [globalState, rc]);
-  useEffect(function () {
+  useEffect(() => {
     rc.watcher();
   }, [path, rc]);
   return [rc.state, rc.setter];

package/build/module/useGlobalState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalState.js","names":["cloneDeep","isFunction","useEffect","useRef","useSyncExternalStore","getGlobalState","isDebugMode","useGlobalState","path","initialValue","ref","current","callbacks","setter","value","rc","newState","state","process","env","NODE_ENV","console","groupCollapsed","log","groupEnd","globalState","set","watcher","get","i","length","cb","push","initialState","watch","unWatch"],"sources":["../../src/useGlobalState.js"],"sourcesContent":["// Hook for updates of global state.\n\nimport { cloneDeep, isFunction } from 'lodash';\nimport { useEffect, useRef, useSyncExternalStore } from 'react';\n\nimport { getGlobalState } from './GlobalStateProvider';\nimport { isDebugMode } from './utils';\n\n/**\n * The primary hook for interacting with the global state, modeled after\n * the standard React's\n * [useState](https://reactjs.org/docs/hooks-reference.html#usestate).\n * It subscribes a component to a given `path` of global state, and provides\n * a function to update it. Each time the value at `path` changes, the hook\n * triggers re-render of its host component.\n *\n * **Note:**\n * - For performance, the library does not copy objects written to / read from\n *   global state paths. You MUST NOT manually mutate returned state values,\n *   or change objects already written into the global state, without explicitly\n *   clonning them first yourself.\n * - State update notifications are asynchronous. When your code does multiple\n *   global state updates in the same React rendering cycle, all state update\n *   notifications are queued and dispatched together, after the current\n *   rendering cycle. In other words, in any given rendering cycle the global\n *   state values are \"fixed\", and all changes becomes visible at once in the\n *   next triggered rendering pass.\n *\n * @param {string} [path] Dot-delimitered state path. It can be undefined to\n * subscribe for entire state.\n *\n * Under-the-hood state values are read and written using `lodash`\n * [_.get()](https://lodash.com/docs/4.17.15#get) and\n * [_.set()](https://lodash.com/docs/4.17.15#set) methods, thus it is safe\n * to access state paths which have not been created before.\n * @param {any} [initialValue] Initial value to set at the `path`, or its\n * factory:\n * - If a function is given, it will act similar to\n *   [the lazy initial state of the standard React's useState()](https://reactjs.org/docs/hooks-reference.html#lazy-initial-state):\n *   only if the value at `path` is `undefined`, the function will be executed,\n *   and the value it returns will be written to the `path`.\n * - Otherwise, the given value itself will be written to the `path`,\n *   if the current value at `path` is `undefined`.\n * @return {Array} It returs an array with two elements: `[value, setValue]`:\n *\n * - The `value` is the current value at given `path`.\n *\n * - The `setValue()` is setter function to write a new value to the `path`.\n *\n *   Similar to the standard React's `useState()`, it supports\n *   [functional value updates](https://reactjs.org/docs/hooks-reference.html#functional-updates):\n *   if `setValue()` is called with a function as argument, that function will\n *   be called and its return value will be written to `path`. Otherwise,\n *   the argument of `setValue()` itself is written to `path`.\n *\n *   Also, similar to the standard React's state setters, `setValue()` is\n *   stable function: it does not change between component re-renders.\n */\nexport default function useGlobalState(path, initialValue) {\n  const ref = useRef();\n  if (!ref.current) {\n    ref.current = {\n      callbacks: [],\n      setter: (value) => {\n        const rc = ref.current;\n        const newState = isFunction(value) ? value(rc.state) : value;\n        if (process.env.NODE_ENV !== 'production' && isDebugMode()) {\n          /* eslint-disable no-console */\n          console.groupCollapsed(\n            `ReactGlobalState - useGlobalState setter triggered for path ${\n              rc.path || ''\n            }`,\n          );\n          console.log('New value:', cloneDeep(newState));\n          console.groupEnd();\n          /* eslint-enable no-console */\n        }\n        rc.globalState.set(rc.path, newState);\n      },\n      watcher: () => {\n        const rc = ref.current;\n        const state = rc.globalState.get(rc.path);\n        if (state !== rc.state) {\n          for (let i = 0; i < rc.callbacks.length; ++i) {\n            rc.callbacks[i]();\n          }\n        }\n      },\n    };\n  }\n\n  const rc = ref.current;\n  const globalState = getGlobalState();\n  rc.globalState = globalState;\n  rc.path = path;\n\n  rc.state = useSyncExternalStore(\n    (cb) => { rc.callbacks.push(cb); },\n    () => rc.globalState.get(rc.path, { initialValue }),\n    () => rc.globalState.get(rc.path, { initialValue, initialState: true }),\n  );\n\n  useEffect(() => {\n    globalState.watch(rc.watcher);\n    rc.watcher();\n    return () => globalState.unWatch(rc.watcher);\n  }, [globalState, rc]);\n\n  useEffect(() => {\n    rc.watcher();\n  }, [path, rc]);\n\n  return [rc.state, rc.setter];\n}\n"],"mappings":"AAAA;AAEA,SAASA,SAAT,EAAoBC,UAApB,QAAsC,QAAtC;AACA,SAASC,SAAT,EAAoBC,MAApB,EAA4BC,oBAA5B,QAAwD,OAAxD;AAEA,SAASC,cAAT;AACA,SAASC,WAAT;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,cAAT,CAAwBC,IAAxB,EAA8BC,YAA9B,EAA4C;EACzD,IAAMC,GAAG,GAAGP,MAAM,EAAlB;;EACA,IAAI,CAACO,GAAG,CAACC,OAAT,EAAkB;IAChBD,GAAG,CAACC,OAAJ,GAAc;MACZC,SAAS,EAAE,EADC;MAEZC,MAAM,EAAE,gBAACC,KAAD,EAAW;QACjB,IAAMC,EAAE,GAAGL,GAAG,CAACC,OAAf;QACA,IAAMK,QAAQ,GAAGf,UAAU,CAACa,KAAD,CAAV,GAAoBA,KAAK,CAACC,EAAE,CAACE,KAAJ,CAAzB,GAAsCH,KAAvD;;QACA,IAAII,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAAzB,IAAyCd,WAAW,EAAxD,EAA4D;UAC1D;UACAe,OAAO,CAACC,cAAR,uEAEIP,EAAE,CAACP,IAAH,IAAW,EAFf;UAKAa,OAAO,CAACE,GAAR,CAAY,YAAZ,EAA0BvB,SAAS,CAACgB,QAAD,CAAnC;UACAK,OAAO,CAACG,QAAR;UACA;QACD;;QACDT,EAAE,CAACU,WAAH,CAAeC,GAAf,CAAmBX,EAAE,CAACP,IAAtB,EAA4BQ,QAA5B;MACD,CAjBW;MAkBZW,OAAO,EAAE,mBAAM;QACb,IAAMZ,EAAE,GAAGL,GAAG,CAACC,OAAf;QACA,IAAMM,KAAK,GAAGF,EAAE,CAACU,WAAH,CAAeG,GAAf,CAAmBb,EAAE,CAACP,IAAtB,CAAd;;QACA,IAAIS,KAAK,KAAKF,EAAE,CAACE,KAAjB,EAAwB;UACtB,KAAK,IAAIY,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGd,EAAE,CAACH,SAAH,CAAakB,MAAjC,EAAyC,EAAED,CAA3C,EAA8C;YAC5Cd,EAAE,CAACH,SAAH,CAAaiB,CAAb;UACD;QACF;MACF;IA1BW,CAAd;EA4BD;;EAED,IAAMd,EAAE,GAAGL,GAAG,CAACC,OAAf;EACA,IAAMc,WAAW,GAAGpB,cAAc,EAAlC;EACAU,EAAE,CAACU,WAAH,GAAiBA,WAAjB;EACAV,EAAE,CAACP,IAAH,GAAUA,IAAV;EAEAO,EAAE,CAACE,KAAH,GAAWb,oBAAoB,CAC7B,UAAC2B,EAAD,EAAQ;IAAEhB,EAAE,CAACH,SAAH,CAAaoB,IAAb,CAAkBD,EAAlB;EAAwB,CADL,EAE7B;IAAA,OAAMhB,EAAE,CAACU,WAAH,CAAeG,GAAf,CAAmBb,EAAE,CAACP,IAAtB,EAA4B;MAAEC,YAAY,EAAZA;IAAF,CAA5B,CAAN;EAAA,CAF6B,EAG7B;IAAA,OAAMM,EAAE,CAACU,WAAH,CAAeG,GAAf,CAAmBb,EAAE,CAACP,IAAtB,EAA4B;MAAEC,YAAY,EAAZA,YAAF;MAAgBwB,YAAY,EAAE;IAA9B,CAA5B,CAAN;EAAA,CAH6B,CAA/B;EAMA/B,SAAS,CAAC,YAAM;IACduB,WAAW,CAACS,KAAZ,CAAkBnB,EAAE,CAACY,OAArB;IACAZ,EAAE,CAACY,OAAH;IACA,OAAO;MAAA,OAAMF,WAAW,CAACU,OAAZ,CAAoBpB,EAAE,CAACY,OAAvB,CAAN;IAAA,CAAP;EACD,CAJQ,EAIN,CAACF,WAAD,EAAcV,EAAd,CAJM,CAAT;EAMAb,SAAS,CAAC,YAAM;IACda,EAAE,CAACY,OAAH;EACD,CAFQ,EAEN,CAACnB,IAAD,EAAOO,EAAP,CAFM,CAAT;EAIA,OAAO,CAACA,EAAE,CAACE,KAAJ,EAAWF,EAAE,CAACF,MAAd,CAAP;AACD"}
+{"version":3,"file":"useGlobalState.js","names":["cloneDeep","isFunction","useEffect","useRef","useSyncExternalStore","getGlobalState","isDebugMode","useGlobalState","path","initialValue","ref","current","callbacks","setter","value","rc","newState","state","process","env","NODE_ENV","console","groupCollapsed","log","groupEnd","globalState","set","watcher","get","i","length","cb","push","initialState","watch","unWatch"],"sources":["../../src/useGlobalState.js"],"sourcesContent":["// Hook for updates of global state.\n\nimport { cloneDeep, isFunction } from 'lodash';\nimport { useEffect, useRef, useSyncExternalStore } from 'react';\n\nimport { getGlobalState } from './GlobalStateProvider';\nimport { isDebugMode } from './utils';\n\n/**\n * The primary hook for interacting with the global state, modeled after\n * the standard React's\n * [useState](https://reactjs.org/docs/hooks-reference.html#usestate).\n * It subscribes a component to a given `path` of global state, and provides\n * a function to update it. Each time the value at `path` changes, the hook\n * triggers re-render of its host component.\n *\n * **Note:**\n * - For performance, the library does not copy objects written to / read from\n *   global state paths. You MUST NOT manually mutate returned state values,\n *   or change objects already written into the global state, without explicitly\n *   clonning them first yourself.\n * - State update notifications are asynchronous. When your code does multiple\n *   global state updates in the same React rendering cycle, all state update\n *   notifications are queued and dispatched together, after the current\n *   rendering cycle. In other words, in any given rendering cycle the global\n *   state values are \"fixed\", and all changes becomes visible at once in the\n *   next triggered rendering pass.\n *\n * @param {string} [path] Dot-delimitered state path. It can be undefined to\n * subscribe for entire state.\n *\n * Under-the-hood state values are read and written using `lodash`\n * [_.get()](https://lodash.com/docs/4.17.15#get) and\n * [_.set()](https://lodash.com/docs/4.17.15#set) methods, thus it is safe\n * to access state paths which have not been created before.\n * @param {any} [initialValue] Initial value to set at the `path`, or its\n * factory:\n * - If a function is given, it will act similar to\n *   [the lazy initial state of the standard React's useState()](https://reactjs.org/docs/hooks-reference.html#lazy-initial-state):\n *   only if the value at `path` is `undefined`, the function will be executed,\n *   and the value it returns will be written to the `path`.\n * - Otherwise, the given value itself will be written to the `path`,\n *   if the current value at `path` is `undefined`.\n * @return {Array} It returs an array with two elements: `[value, setValue]`:\n *\n * - The `value` is the current value at given `path`.\n *\n * - The `setValue()` is setter function to write a new value to the `path`.\n *\n *   Similar to the standard React's `useState()`, it supports\n *   [functional value updates](https://reactjs.org/docs/hooks-reference.html#functional-updates):\n *   if `setValue()` is called with a function as argument, that function will\n *   be called and its return value will be written to `path`. Otherwise,\n *   the argument of `setValue()` itself is written to `path`.\n *\n *   Also, similar to the standard React's state setters, `setValue()` is\n *   stable function: it does not change between component re-renders.\n */\nexport default function useGlobalState(path, initialValue) {\n  const ref = useRef();\n  if (!ref.current) {\n    ref.current = {\n      callbacks: [],\n      setter: (value) => {\n        const rc = ref.current;\n        const newState = isFunction(value) ? value(rc.state) : value;\n        if (process.env.NODE_ENV !== 'production' && isDebugMode()) {\n          /* eslint-disable no-console */\n          console.groupCollapsed(\n            `ReactGlobalState - useGlobalState setter triggered for path ${\n              rc.path || ''\n            }`,\n          );\n          console.log('New value:', cloneDeep(newState));\n          console.groupEnd();\n          /* eslint-enable no-console */\n        }\n        rc.globalState.set(rc.path, newState);\n      },\n      watcher: () => {\n        const rc = ref.current;\n        const state = rc.globalState.get(rc.path);\n        if (state !== rc.state) {\n          for (let i = 0; i < rc.callbacks.length; ++i) {\n            rc.callbacks[i]();\n          }\n        }\n      },\n    };\n  }\n\n  const rc = ref.current;\n  const globalState = getGlobalState();\n  rc.globalState = globalState;\n  rc.path = path;\n\n  rc.state = useSyncExternalStore(\n    (cb) => { rc.callbacks.push(cb); },\n    () => rc.globalState.get(rc.path, { initialValue }),\n    () => rc.globalState.get(rc.path, { initialValue, initialState: true }),\n  );\n\n  useEffect(() => {\n    globalState.watch(rc.watcher);\n    rc.watcher();\n    return () => globalState.unWatch(rc.watcher);\n  }, [globalState, rc]);\n\n  useEffect(() => {\n    rc.watcher();\n  }, [path, rc]);\n\n  return [rc.state, rc.setter];\n}\n"],"mappings":"AAAA;;AAEA,SAASA,SAAS,EAAEC,UAAU,QAAQ,QAAQ;AAC9C,SAASC,SAAS,EAAEC,MAAM,EAAEC,oBAAoB,QAAQ,OAAO;AAE/D,SAASC,cAAc;AACvB,SAASC,WAAW;;AAEpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,cAAc,CAACC,IAAI,EAAEC,YAAY,EAAE;EACzD,MAAMC,GAAG,GAAGP,MAAM,EAAE;EACpB,IAAI,CAACO,GAAG,CAACC,OAAO,EAAE;IAChBD,GAAG,CAACC,OAAO,GAAG;MACZC,SAAS,EAAE,EAAE;MACbC,MAAM,EAAGC,KAAK,IAAK;QACjB,MAAMC,EAAE,GAAGL,GAAG,CAACC,OAAO;QACtB,MAAMK,QAAQ,GAAGf,UAAU,CAACa,KAAK,CAAC,GAAGA,KAAK,CAACC,EAAE,CAACE,KAAK,CAAC,GAAGH,KAAK;QAC5D,IAAII,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,IAAId,WAAW,EAAE,EAAE;UAC1D;UACAe,OAAO,CAACC,cAAc,CACnB,+DACCP,EAAE,CAACP,IAAI,IAAI,EACZ,EAAC,CACH;UACDa,OAAO,CAACE,GAAG,CAAC,YAAY,EAAEvB,SAAS,CAACgB,QAAQ,CAAC,CAAC;UAC9CK,OAAO,CAACG,QAAQ,EAAE;UAClB;QACF;;QACAT,EAAE,CAACU,WAAW,CAACC,GAAG,CAACX,EAAE,CAACP,IAAI,EAAEQ,QAAQ,CAAC;MACvC,CAAC;MACDW,OAAO,EAAE,MAAM;QACb,MAAMZ,EAAE,GAAGL,GAAG,CAACC,OAAO;QACtB,MAAMM,KAAK,GAAGF,EAAE,CAACU,WAAW,CAACG,GAAG,CAACb,EAAE,CAACP,IAAI,CAAC;QACzC,IAAIS,KAAK,KAAKF,EAAE,CAACE,KAAK,EAAE;UACtB,KAAK,IAAIY,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGd,EAAE,CAACH,SAAS,CAACkB,MAAM,EAAE,EAAED,CAAC,EAAE;YAC5Cd,EAAE,CAACH,SAAS,CAACiB,CAAC,CAAC,EAAE;UACnB;QACF;MACF;IACF,CAAC;EACH;EAEA,MAAMd,EAAE,GAAGL,GAAG,CAACC,OAAO;EACtB,MAAMc,WAAW,GAAGpB,cAAc,EAAE;EACpCU,EAAE,CAACU,WAAW,GAAGA,WAAW;EAC5BV,EAAE,CAACP,IAAI,GAAGA,IAAI;EAEdO,EAAE,CAACE,KAAK,GAAGb,oBAAoB,CAC5B2B,EAAE,IAAK;IAAEhB,EAAE,CAACH,SAAS,CAACoB,IAAI,CAACD,EAAE,CAAC;EAAE,CAAC,EAClC,MAAMhB,EAAE,CAACU,WAAW,CAACG,GAAG,CAACb,EAAE,CAACP,IAAI,EAAE;IAAEC;EAAa,CAAC,CAAC,EACnD,MAAMM,EAAE,CAACU,WAAW,CAACG,GAAG,CAACb,EAAE,CAACP,IAAI,EAAE;IAAEC,YAAY;IAAEwB,YAAY,EAAE;EAAK,CAAC,CAAC,CACxE;EAED/B,SAAS,CAAC,MAAM;IACduB,WAAW,CAACS,KAAK,CAACnB,EAAE,CAACY,OAAO,CAAC;IAC7BZ,EAAE,CAACY,OAAO,EAAE;IACZ,OAAO,MAAMF,WAAW,CAACU,OAAO,CAACpB,EAAE,CAACY,OAAO,CAAC;EAC9C,CAAC,EAAE,CAACF,WAAW,EAAEV,EAAE,CAAC,CAAC;EAErBb,SAAS,CAAC,MAAM;IACda,EAAE,CAACY,OAAO,EAAE;EACd,CAAC,EAAE,CAACnB,IAAI,EAAEO,EAAE,CAAC,CAAC;EAEd,OAAO,CAACA,EAAE,CAACE,KAAK,EAAEF,EAAE,CAACF,MAAM,CAAC;AAC9B"}

package/build/module/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["isDebugMode","process","env","NODE_ENV","REACT_GLOBAL_STATE_DEBUG","error"],"sources":["../../src/utils.js"],"sourcesContent":["// Auxiliary stuff.\n\n/**\n * Returns 'true' if debug logging should be performed; 'false' otherwise.\n *\n * BEWARE: The actual safeguards for the debug logging still should read\n *  if (process.env.NODE_ENV !== 'production' && isDebugMode()) {\n *    // Some debug logging\n *  }\n * to ensure that debug code is stripped out by Webpack in production mode.\n *\n * @returns {boolean}\n * @ignore\n */\nexport function isDebugMode() {\n  try {\n    return process.env.NODE_ENV !== 'production'\n      && !!process.env.REACT_GLOBAL_STATE_DEBUG;\n  } catch (error) {\n    return false;\n  }\n}\n\nexport default null;\n"],"mappings":"AAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,WAAT,GAAuB;EAC5B,IAAI;IACF,OAAOC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAAzB,IACF,CAAC,CAACF,OAAO,CAACC,GAAR,CAAYE,wBADnB;EAED,CAHD,CAGE,OAAOC,KAAP,EAAc;IACd,OAAO,KAAP;EACD;AACF;AAED,eAAe,IAAf"}
+{"version":3,"file":"utils.js","names":["isDebugMode","process","env","NODE_ENV","REACT_GLOBAL_STATE_DEBUG","error"],"sources":["../../src/utils.js"],"sourcesContent":["// Auxiliary stuff.\n\n/**\n * Returns 'true' if debug logging should be performed; 'false' otherwise.\n *\n * BEWARE: The actual safeguards for the debug logging still should read\n *  if (process.env.NODE_ENV !== 'production' && isDebugMode()) {\n *    // Some debug logging\n *  }\n * to ensure that debug code is stripped out by Webpack in production mode.\n *\n * @returns {boolean}\n * @ignore\n */\nexport function isDebugMode() {\n  try {\n    return process.env.NODE_ENV !== 'production'\n      && !!process.env.REACT_GLOBAL_STATE_DEBUG;\n  } catch (error) {\n    return false;\n  }\n}\n\nexport default null;\n"],"mappings":"AAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,WAAW,GAAG;EAC5B,IAAI;IACF,OAAOC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,IACvC,CAAC,CAACF,OAAO,CAACC,GAAG,CAACE,wBAAwB;EAC7C,CAAC,CAAC,OAAOC,KAAK,EAAE;IACd,OAAO,KAAK;EACd;AACF;AAEA,eAAe,IAAI"}

package/build/node/GlobalState.js

@@ -4,29 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _lodash = require("lodash");
-
 var _utils = require("./utils");
-
 const ERR_NO_SSR_WATCH = 'GlobalState must not be watched at server side';
-
 class GlobalState {
   #initialState;
   #nextNotifierId = null;
   #ssrContext;
   #currentState;
   #watchers = [];
+
   /**
    * Creates a new global state object.
    * @param {any} [initialState] Intial global state content.
    * @param {SsrContext} [ssrContext] Server-side rendering context.
    */
-
   constructor(initialState, ssrContext) {
     this.#currentState = initialState;
     this.#initialState = initialState;
-
     if (ssrContext) {
       /* eslint-disable no-param-reassign */
       ssrContext.dirty = false;
@@ -36,7 +31,6 @@ class GlobalState {
 
       this.#ssrContext = ssrContext;
     }
-
     if (process.env.NODE_ENV !== 'production' && (0, _utils.isDebugMode)()) {
       /* eslint-disable no-console */
       let msg = 'New ReactGlobalState created';
@@ -47,6 +41,7 @@ class GlobalState {
       /* eslint-enable no-console */
     }
   }
+
   /**
    * Gets current or initial value at the specified "path" of the global state.
    * Allows to get the entire global state, and automatically set default value
@@ -62,22 +57,19 @@ class GlobalState {
    *  state (no matter "initialState" flag), if "undefined" is stored there.
    * @return {any} Retrieved value.
    */
-
-
   get(path, {
     initialState,
     initialValue
   } = {}) {
     const state = initialState ? this.#initialState : this.#currentState;
     let value = (0, _lodash.isNil)(path) ? state : (0, _lodash.get)(state, path);
-
     if (value === undefined && initialValue !== undefined) {
       value = (0, _lodash.isFunction)(initialValue) ? initialValue() : initialValue;
       if (!initialState || this.get(path) === undefined) this.set(path, value);
     }
-
     return value;
   }
+
   /**
    * Writes the `value` to given global state `path`.
    * @param {string} [path] Dot-delimitered state path. If not given, entire
@@ -85,8 +77,6 @@ class GlobalState {
    * @param {any} value The value.
    * @return {any} Given `value` itself.
    */
-
-
   set(path, value) {
     if (value !== this.get(path)) {
       if (process.env.NODE_ENV !== 'production' && (0, _utils.isDebugMode)()) {
@@ -103,11 +93,11 @@ class GlobalState {
         let segIdx = 0;
         let pos = root;
         const pathSegments = (0, _lodash.toPath)(`state.${path}`);
-
         for (; segIdx < pathSegments.length - 1; segIdx += 1) {
           const seg = pathSegments[segIdx];
           const next = pos[seg];
-          if (Array.isArray(next)) pos[seg] = [...next];else if ((0, _lodash.isObject)(next)) pos[seg] = { ...next
+          if (Array.isArray(next)) pos[seg] = [...next];else if ((0, _lodash.isObject)(next)) pos[seg] = {
+            ...next
           };else {
             // We arrived to a state sub-segment, where the remaining part of
             // the update path does not exist yet. We rely on lodash's set()
@@ -117,14 +107,11 @@ class GlobalState {
           }
           pos = pos[seg];
         }
-
         if (segIdx === pathSegments.length - 1) {
           pos[pathSegments[segIdx]] = value;
         }
-
         this.#currentState = root.state;
       }
-
       if (this.#ssrContext) {
         this.#ssrContext.dirty = true;
         this.#ssrContext.state = this.#currentState;
@@ -134,7 +121,6 @@ class GlobalState {
           [...this.#watchers].forEach(w => w());
         });
       }
-
       if (process.env.NODE_ENV !== 'production' && (0, _utils.isDebugMode)()) {
         /* eslint-disable no-console */
         console.log('New state:', (0, _lodash.cloneDeep)(this.#currentState));
@@ -145,6 +131,7 @@ class GlobalState {
 
     return value;
   }
+
   /**
    * Unsubscribes `callback` from watching state updates; no operation if
    * `callback` is not subscribed to the state updates.
@@ -152,22 +139,19 @@ class GlobalState {
    * @throws if {@link SsrContext} is attached to the state instance: the state
    * watching functionality is intended for client-side (non-SSR) only.
    */
-
-
   unWatch(callback) {
     if (this.#ssrContext) throw new Error(ERR_NO_SSR_WATCH);
     const watchers = this.#watchers;
     const pos = watchers.indexOf(callback);
-
     if (pos >= 0) {
       watchers[pos] = watchers[watchers.length - 1];
       watchers.pop();
     }
   }
-
   get ssrContext() {
     return this.#ssrContext;
   }
+
   /**
    * Subscribes `callback` to watch state updates; no operation if
    * `callback` is already subscribed to this state instance.
@@ -178,18 +162,13 @@ class GlobalState {
    * @throws if {@link SsrContext} is attached to the state instance: the state
    * watching functionality is intended for client-side (non-SSR) only.
    */
-
-
   watch(callback) {
     if (this.#ssrContext) throw new Error(ERR_NO_SSR_WATCH);
     const watchers = this.#watchers;
-
     if (watchers.indexOf(callback) < 0) {
       watchers.push(callback);
     }
   }
-
 }
-
 exports.default = GlobalState;
 //# sourceMappingURL=GlobalState.js.map