@dr.pogodin/react-global-state 0.19.1 → 0.19.2

package/build/cjs/useAsyncCollection.js

@@ -0,0 +1,270 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _uuid = require("uuid");
+var _GlobalStateProvider = require("./GlobalStateProvider");
+var _useAsyncData = require("./useAsyncData");
+var _useGlobalState = _interopRequireDefault(require("./useGlobalState"));
+var _utils = require("./utils");
+/**
+ * Loads and uses item(s) in an async collection.
+ */
+
+/**
+ * GarbageCollector: the piece of logic executed on mounting of
+ * an useAsyncCollection() hook, and on update of hook params, to update
+ * the state according to the new param values. It increments by 1 `numRefs`
+ * counters for the requested collection items.
+ */
+function gcOnWithhold(ids, path, gs) {
+  const collection = {
+    ...gs.get(path)
+  };
+  for (const id of ids) {
+    let envelope = collection[id];
+    if (envelope) envelope = {
+      ...envelope,
+      numRefs: 1 + envelope.numRefs
+    };else envelope = (0, _useAsyncData.newAsyncDataEnvelope)(null, {
+      numRefs: 1
+    });
+    collection[id] = envelope;
+  }
+  gs.set(path, collection);
+}
+function idsToStringSet(ids) {
+  const res = new Set();
+  for (const id of ids) {
+    res.add(id.toString());
+  }
+  return res;
+}
+
+/**
+ * GarbageCollector: the piece of logic executed on un-mounting of
+ * an useAsyncCollection() hook, and on update of hook params, to clean-up
+ * after the previous param values. It decrements by 1 `numRefs` counters
+ * for previously requested collection items, and also drops from the state
+ * stale records.
+ */
+function gcOnRelease(ids, path, gs, gcAge) {
+  const entries = Object.entries(gs.get(path));
+  const now = Date.now();
+  const idSet = idsToStringSet(ids);
+  const collection = {};
+  for (const [id, envelope] of entries) {
+    if (envelope) {
+      const toBeReleased = idSet.has(id);
+      let {
+        numRefs
+      } = envelope;
+      if (toBeReleased) --numRefs;
+      if (gcAge > now - envelope.timestamp || numRefs > 0) {
+        collection[id] = toBeReleased ? {
+          ...envelope,
+          numRefs
+        } : envelope;
+      } else if (process.env.NODE_ENV !== 'production' && (0, _utils.isDebugMode)()) {
+        // eslint-disable-next-line no-console
+        console.log(`useAsyncCollection(): Garbage collected at the path "${path}", ID = ${id}`);
+      }
+    }
+  }
+  gs.set(path, collection);
+}
+function normalizeIds(idOrIds) {
+  if (Array.isArray(idOrIds)) {
+    const res = [...idOrIds];
+    res.sort((a, b) => a.toString().localeCompare(b.toString()));
+    return res;
+  }
+  return [idOrIds];
+}
+
+/**
+ * Inits/updates, and returns the heap.
+ */
+function useHeap(ids, path, loader, gs) {
+  const ref = (0, _react.useRef)(undefined);
+  let heap = ref.current;
+  if (heap) {
+    // Update.
+    heap.ids = ids;
+    heap.path = path;
+    heap.loader = loader;
+    heap.globalState = gs;
+  } else {
+    // Initialization.
+    const reload = async customLoader => {
+      const heap2 = ref.current;
+      const localLoader = customLoader ?? heap2.loader;
+      // TODO: Revise - not sure all related typing is 100% correct,
+      // thus let's keep this runtime assertion.
+      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+      if (!localLoader || !heap2.globalState || !heap2.ids) {
+        throw Error('Internal error');
+      }
+      for (const id of heap2.ids) {
+        const itemPath = heap2.path ? `${heap2.path}.${id}` : `${id}`;
+        const promiseOrVoid = (0, _useAsyncData.load)(itemPath,
+        // TODO: Revise! Most probably we don't have fully correct loader
+        // typing, as it may return either promise or value, and those two
+        // cases call for different runtime behavior, which in turns only
+        // happens if the outer function on the next line matches the same
+        // async / sync signature.
+        // eslint-disable-next-line @typescript-eslint/promise-function-async
+        (oldData, meta) => localLoader(id, oldData, meta), heap2.globalState);
+        if (promiseOrVoid instanceof Promise) await promiseOrVoid;
+      }
+    };
+    heap = {
+      globalState: gs,
+      ids,
+      loader,
+      path,
+      reload,
+      // TODO: Revise! Most probably we don't have fully correct loader
+      // typing, as it may return either promise or value, and those two
+      // cases call for different runtime behavior, which in turns only
+      // happens if the outer function on the next line matches the same
+      // async / sync signature.
+      // eslint-disable-next-line @typescript-eslint/promise-function-async
+      reloadSingle: customLoader => ref.current.reload(
+      // TODO: Revise! Most probably we don't have fully correct loader
+      // typing, as it may return either promise or value, and those two
+      // cases call for different runtime behavior, which in turns only
+      // happens if the outer function on the next line matches the same
+      // async / sync signature.
+      // eslint-disable-next-line @typescript-eslint/promise-function-async
+      customLoader && ((id, ...args) => customLoader(...args)))
+    };
+    ref.current = heap;
+  }
+  return heap;
+}
+
+/**
+ * Resolves and stores at the given `path` of the global state elements of
+ * an asynchronous data collection.
+ */
+
+// TODO: This is largely similar to useAsyncData() logic, just more generic.
+// Perhaps, a bunch of logic blocks can be split into stand-alone functions,
+// and reused in both hooks.
+// eslint-disable-next-line complexity
+function useAsyncCollection(idOrIds, path, loader, options = {}) {
+  const ids = normalizeIds(idOrIds);
+  const maxage = options.maxage ?? _useAsyncData.DEFAULT_MAXAGE;
+  const refreshAge = options.refreshAge ?? maxage;
+  const garbageCollectAge = options.garbageCollectAge ?? maxage;
+  const globalState = (0, _GlobalStateProvider.getGlobalState)();
+  const heap = useHeap(ids, path, loader, globalState);
+
+  // Server-side logic.
+  if (globalState.ssrContext && !options.noSSR) {
+    const operationId = `S${(0, _uuid.v4)()}`;
+    for (const id of ids) {
+      const itemPath = path ? `${path}.${id}` : `${id}`;
+      const state = globalState.get(itemPath, {
+        initialValue: (0, _useAsyncData.newAsyncDataEnvelope)()
+      });
+      if (!state.timestamp && !state.operationId) {
+        const promiseOrVoid = (0, _useAsyncData.load)(itemPath, (...args) => loader(id, ...args), globalState, {
+          data: state.data,
+          timestamp: state.timestamp
+        }, operationId);
+        if (promiseOrVoid instanceof Promise) {
+          globalState.ssrContext.pending.push(promiseOrVoid);
+        }
+      }
+    }
+
+    // Client-side logic.
+  } else {
+    // Reference-counting & garbage collection.
+
+    const idsHash = (0, _utils.hash)(ids);
+
+    // TODO: Violation of rules of hooks is fine here,
+    // but perhaps it can be refactored to avoid the need for it.
+    (0, _react.useEffect)(() => {
+      // eslint-disable-line react-hooks/rules-of-hooks
+      gcOnWithhold(ids, path, globalState);
+      return () => {
+        gcOnRelease(ids, path, globalState, garbageCollectAge);
+      };
+
+      // `ids` are represented in the dependencies array by `idsHash` value,
+      // as useEffect() hook requires a constant size of dependencies array.
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [garbageCollectAge, globalState, idsHash, 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.
+    (0, _react.useEffect)(() => {
+      // eslint-disable-line react-hooks/rules-of-hooks
+      void (async () => {
+        for (const id of ids) {
+          const itemPath = path ? `${path}.${id}` : `${id}`;
+          const state2 = globalState.get(itemPath);
+          const {
+            deps
+          } = options;
+          if (deps && globalState.hasChangedDependencies(itemPath, deps) || refreshAge < Date.now() - (state2?.timestamp ?? 0) && (!state2?.operationId || state2.operationId.startsWith('S'))) {
+            if (!deps) globalState.dropDependencies(itemPath);
+            await (0, _useAsyncData.load)(itemPath,
+            // TODO: I guess, the loader is not correctly typed here -
+            // it can be synchronous, and in that case the following method
+            // should be kept synchronous to not alter the sync logic.
+            // eslint-disable-next-line @typescript-eslint/promise-function-async
+            (old, ...args) => loader(id, old, ...args), globalState, {
+              data: state2?.data,
+              timestamp: state2?.timestamp ?? 0
+            });
+          }
+        }
+      })();
+    });
+  }
+  const [localState] = (0, _useGlobalState.default)(path, {});
+  if (!Array.isArray(idOrIds)) {
+    // TODO: Revise related typings!
+    const e = localState[idOrIds];
+    const timestamp = e?.timestamp ?? 0;
+    return {
+      data: maxage < Date.now() - timestamp ? null : e?.data ?? null,
+      loading: !!e?.operationId,
+      reload: heap.reloadSingle,
+      timestamp
+    };
+  }
+  const res = {
+    items: {},
+    loading: false,
+    reload: heap.reload,
+    timestamp: Number.MAX_VALUE
+  };
+  for (const id of ids) {
+    // TODO: Revise related typing. Should `localState` have a more specific type?
+    const e = localState[id];
+    const loading = !!e?.operationId;
+    const timestamp = e?.timestamp ?? 0;
+    res.items[id] = {
+      data: maxage < Date.now() - timestamp ? null : e?.data ?? null,
+      loading,
+      timestamp
+    };
+    res.loading ||= loading;
+    if (res.timestamp > timestamp) res.timestamp = timestamp;
+  }
+  return res;
+}
+var _default = exports.default = useAsyncCollection; // eslint-disable-next-line @typescript-eslint/consistent-type-definitions
+//# sourceMappingURL=useAsyncCollection.js.map

package/build/cjs/useAsyncCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsyncCollection.js","names":["_react","require","_uuid","_GlobalStateProvider","_useAsyncData","_useGlobalState","_interopRequireDefault","_utils","gcOnWithhold","ids","path","gs","collection","get","id","envelope","numRefs","newAsyncDataEnvelope","set","idsToStringSet","res","Set","add","toString","gcOnRelease","gcAge","entries","Object","now","Date","idSet","toBeReleased","has","timestamp","process","env","NODE_ENV","isDebugMode","console","log","normalizeIds","idOrIds","Array","isArray","sort","a","b","localeCompare","useHeap","loader","ref","useRef","undefined","heap","current","globalState","reload","customLoader","heap2","localLoader","Error","itemPath","promiseOrVoid","load","oldData","meta","Promise","reloadSingle","args","useAsyncCollection","options","maxage","DEFAULT_MAXAGE","refreshAge","garbageCollectAge","getGlobalState","ssrContext","noSSR","operationId","uuid","state","initialValue","data","pending","push","idsHash","hash","useEffect","state2","deps","hasChangedDependencies","startsWith","dropDependencies","old","localState","useGlobalState","e","loading","items","Number","MAX_VALUE","_default","exports","default"],"sources":["../../src/useAsyncCollection.ts"],"sourcesContent":["/**\n * Loads and uses item(s) in an async collection.\n */\n\nimport { useEffect, useRef } from 'react';\nimport { v4 as uuid } from 'uuid';\n\nimport type GlobalState from './GlobalState';\nimport { getGlobalState } from './GlobalStateProvider';\n\nimport {\n  type AsyncDataEnvelopeT,\n  type AsyncDataReloaderT,\n  type DataInEnvelopeAtPathT,\n  type OperationIdT,\n  type UseAsyncDataOptionsT,\n  type UseAsyncDataResT,\n  DEFAULT_MAXAGE,\n  load,\n  newAsyncDataEnvelope,\n} from './useAsyncData';\n\nimport useGlobalState from './useGlobalState';\n\nimport {\n  type ForceT,\n  type LockT,\n  type TypeLock,\n  hash,\n  isDebugMode,\n} from './utils';\n\nexport type AsyncCollectionT<\n  DataT = unknown,\n  IdT extends number | string = number | string,\n> = Record<IdT, AsyncDataEnvelopeT<DataT>>;\n\nexport type AsyncCollectionLoaderT<\n  DataT,\n  IdT extends number | string = number | string,\n> =\n  (id: IdT, oldData: null | DataT, meta: {\n    isAborted: () => boolean;\n    oldDataTimestamp: number;\n    setAbortCallback: (cb: () => void) => void;\n  }) => (DataT | null) | Promise<DataT | null>;\n\nexport type AsyncCollectionReloaderT<\n  DataT,\n  IdT extends number | string = number | string,\n>\n  = (loader?: AsyncCollectionLoaderT<DataT, IdT>) => void | Promise<void>;\n\ntype CollectionItemT<DataT> = {\n  data: DataT | null;\n  loading: boolean;\n  timestamp: number;\n};\n\nexport type UseAsyncCollectionResT<\n  DataT,\n  IdT extends number | string = number | string,\n> = {\n  items: Record<IdT, CollectionItemT<DataT>>;\n  loading: boolean;\n  reload: AsyncCollectionReloaderT<DataT, IdT>;\n  timestamp: number;\n};\n\ntype HeapT<\n  DataT,\n  IdT extends number | string,\n> = {\n  // Note: these heap fields are necessary to make reload() a stable function.\n  globalState: GlobalState<unknown>;\n  ids: IdT[];\n  path: null | string | undefined;\n  loader: AsyncCollectionLoaderT<DataT, IdT>;\n  reload: AsyncCollectionReloaderT<DataT, IdT>;\n  reloadSingle: AsyncDataReloaderT<DataT>;\n};\n\n/**\n * GarbageCollector: the piece of logic executed on mounting of\n * an useAsyncCollection() hook, and on update of hook params, to update\n * the state according to the new param values. It increments by 1 `numRefs`\n * counters for the requested collection items.\n */\nfunction gcOnWithhold<IdT extends number | string>(\n  ids: IdT[],\n  path: null | string | undefined,\n  gs: GlobalState<unknown>,\n) {\n  const collection = { ...gs.get<ForceT, AsyncCollectionT>(path) };\n\n  for (const id of ids) {\n    let envelope = collection[id];\n    if (envelope) envelope = { ...envelope, numRefs: 1 + envelope.numRefs };\n    else envelope = newAsyncDataEnvelope<unknown>(null, { numRefs: 1 });\n    collection[id] = envelope;\n  }\n\n  gs.set<ForceT, AsyncCollectionT>(path, collection);\n}\n\nfunction idsToStringSet<IdT extends number | string>(ids: IdT[]): Set<string> {\n  const res = new Set<string>();\n  for (const id of ids) {\n    res.add(id.toString());\n  }\n  return res;\n}\n\n/**\n * GarbageCollector: the piece of logic executed on un-mounting of\n * an useAsyncCollection() hook, and on update of hook params, to clean-up\n * after the previous param values. It decrements by 1 `numRefs` counters\n * for previously requested collection items, and also drops from the state\n * stale records.\n */\nfunction gcOnRelease<IdT extends number | string>(\n  ids: IdT[],\n  path: null | string | undefined,\n  gs: GlobalState<unknown>,\n  gcAge: number,\n) {\n  type EnvelopeT = AsyncDataEnvelopeT<unknown>;\n\n  const entries = Object.entries<EnvelopeT | undefined>(\n    gs.get<ForceT, AsyncCollectionT>(path),\n  );\n\n  const now = Date.now();\n  const idSet = idsToStringSet(ids);\n  const collection: AsyncCollectionT = {};\n  for (const [id, envelope] of entries) {\n    if (envelope) {\n      const toBeReleased = idSet.has(id);\n\n      let { numRefs } = envelope;\n      if (toBeReleased) --numRefs;\n\n      if (gcAge > now - envelope.timestamp || numRefs > 0) {\n        collection[id as IdT] = toBeReleased\n          ? { ...envelope, numRefs }\n          : envelope;\n      } else if (process.env.NODE_ENV !== 'production' && isDebugMode()) {\n        // eslint-disable-next-line no-console\n        console.log(\n          `useAsyncCollection(): Garbage collected at the path \"${\n            path}\", ID = ${id}`,\n        );\n      }\n    }\n  }\n\n  gs.set<ForceT, AsyncCollectionT>(path, collection);\n}\n\nfunction normalizeIds<IdT extends number | string>(\n  idOrIds: IdT | IdT[],\n): IdT[] {\n  if (Array.isArray(idOrIds)) {\n    const res = [...idOrIds];\n    res.sort((a, b) => a.toString().localeCompare(b.toString()));\n    return res;\n  }\n  return [idOrIds];\n}\n\n/**\n * Inits/updates, and returns the heap.\n */\nfunction useHeap<\n  DataT,\n  IdT extends number | string,\n>(\n  ids: IdT[],\n  path: null | string | undefined,\n  loader: AsyncCollectionLoaderT<DataT, IdT>,\n  gs: GlobalState<unknown>,\n): HeapT<DataT, IdT> {\n  const ref = useRef<HeapT<DataT, IdT>>(undefined);\n\n  let heap = ref.current;\n\n  if (heap) {\n    // Update.\n    heap.ids = ids;\n    heap.path = path;\n    heap.loader = loader;\n    heap.globalState = gs;\n  } else {\n    // Initialization.\n    const reload = async (\n      customLoader?: AsyncCollectionLoaderT<DataT, IdT>,\n    ) => {\n      const heap2 = ref.current!;\n\n      const localLoader = customLoader ?? heap2.loader;\n      // TODO: Revise - not sure all related typing is 100% correct,\n      // thus let's keep this runtime assertion.\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n      if (!localLoader || !heap2.globalState || !heap2.ids) {\n        throw Error('Internal error');\n      }\n\n      for (const id of heap2.ids) {\n        const itemPath = heap2.path ? `${heap2.path}.${id}` : `${id}`;\n\n        const promiseOrVoid = load(\n          itemPath,\n          // TODO: Revise! Most probably we don't have fully correct loader\n          // typing, as it may return either promise or value, and those two\n          // cases call for different runtime behavior, which in turns only\n          // happens if the outer function on the next line matches the same\n          // async / sync signature.\n          // eslint-disable-next-line @typescript-eslint/promise-function-async\n          (oldData: DataT | null, meta) => localLoader(id, oldData, meta),\n          heap2.globalState,\n        );\n\n        if (promiseOrVoid instanceof Promise) await promiseOrVoid;\n      }\n    };\n    heap = {\n      globalState: gs,\n      ids,\n      loader,\n      path,\n      reload,\n      // TODO: Revise! Most probably we don't have fully correct loader\n      // typing, as it may return either promise or value, and those two\n      // cases call for different runtime behavior, which in turns only\n      // happens if the outer function on the next line matches the same\n      // async / sync signature.\n      // eslint-disable-next-line @typescript-eslint/promise-function-async\n      reloadSingle: (customLoader) => ref.current!.reload(\n        // TODO: Revise! Most probably we don't have fully correct loader\n        // typing, as it may return either promise or value, and those two\n        // cases call for different runtime behavior, which in turns only\n        // happens if the outer function on the next line matches the same\n        // async / sync signature.\n        // eslint-disable-next-line @typescript-eslint/promise-function-async\n        customLoader && ((id, ...args) => customLoader(...args)),\n      ),\n    };\n    ref.current = heap;\n  }\n\n  return heap;\n}\n\n/**\n * Resolves and stores at the given `path` of the global state elements of\n * an asynchronous data collection.\n */\n\nfunction useAsyncCollection<\n  StateT,\n  PathT extends null | string | undefined,\n  IdT extends number | string,\n\n  DataT extends DataInEnvelopeAtPathT<StateT, `${PathT}.${IdT}`> = DataInEnvelopeAtPathT<StateT, `${PathT}.${IdT}`>,\n>(\n  id: IdT,\n  path: PathT,\n  loader: AsyncCollectionLoaderT<DataT, IdT>,\n  options?: UseAsyncDataOptionsT,\n): UseAsyncDataResT<DataT>;\n\nfunction useAsyncCollection<\n  Forced extends ForceT | LockT = LockT,\n  DataT = unknown,\n  IdT extends number | string = number | string,\n>(\n  id: IdT,\n  path: null | string | undefined,\n  loader: AsyncCollectionLoaderT<TypeLock<Forced, void, DataT>, IdT>,\n  options?: UseAsyncDataOptionsT,\n): UseAsyncDataResT<TypeLock<Forced, void, DataT>>;\n\nfunction useAsyncCollection<\n  StateT,\n  PathT extends null | string | undefined,\n  IdT extends number | string,\n\n  DataT extends DataInEnvelopeAtPathT<StateT, `${PathT}.${IdT}`> = DataInEnvelopeAtPathT<StateT, `${PathT}.${IdT}`>,\n>(\n  id: IdT[],\n  path: PathT,\n  loader: AsyncCollectionLoaderT<DataT, IdT>,\n  options?: UseAsyncDataOptionsT,\n): UseAsyncCollectionResT<DataT, IdT>;\n\nfunction useAsyncCollection<\n  Forced extends ForceT | LockT = LockT,\n  DataT = unknown,\n  IdT extends number | string = number | string,\n>(\n  id: IdT[],\n  path: null | string | undefined,\n  loader: AsyncCollectionLoaderT<TypeLock<Forced, void, DataT>, IdT>,\n  options?: UseAsyncDataOptionsT,\n): UseAsyncCollectionResT<DataT, IdT>;\n\nfunction useAsyncCollection<\n  StateT,\n  PathT extends null | string | undefined,\n  IdT extends number | string,\n\n  DataT extends DataInEnvelopeAtPathT<StateT, `${PathT}.${IdT}`> = DataInEnvelopeAtPathT<StateT, `${PathT}.${IdT}`>,\n>(\n  id: IdT | IdT[],\n  path: PathT,\n  loader: AsyncCollectionLoaderT<DataT, IdT>,\n  options?: UseAsyncDataOptionsT,\n): UseAsyncDataResT<DataT> | UseAsyncCollectionResT<DataT, IdT>;\n\n// TODO: This is largely similar to useAsyncData() logic, just more generic.\n// Perhaps, a bunch of logic blocks can be split into stand-alone functions,\n// and reused in both hooks.\n// eslint-disable-next-line complexity\nfunction useAsyncCollection<\n  DataT,\n  IdT extends number | string,\n>(\n  idOrIds: IdT | IdT[],\n  path: null | string | undefined,\n  loader: AsyncCollectionLoaderT<DataT, IdT>,\n  options: UseAsyncDataOptionsT = {},\n): UseAsyncDataResT<DataT> | UseAsyncCollectionResT<DataT, IdT> {\n  const ids = normalizeIds(idOrIds);\n  const maxage: number = options.maxage ?? DEFAULT_MAXAGE;\n  const refreshAge: number = options.refreshAge ?? maxage;\n  const garbageCollectAge: number = options.garbageCollectAge ?? maxage;\n\n  const globalState = getGlobalState();\n\n  const heap = useHeap(ids, path, loader, globalState);\n\n  // Server-side logic.\n  if (globalState.ssrContext && !options.noSSR) {\n    const operationId: OperationIdT = `S${uuid()}`;\n    for (const id of ids) {\n      const itemPath = path ? `${path}.${id}` : `${id}`;\n      const state = globalState.get<ForceT, AsyncDataEnvelopeT<DataT>>(\n        itemPath,\n        {\n          initialValue: newAsyncDataEnvelope<DataT>(),\n        },\n      );\n      if (!state.timestamp && !state.operationId) {\n        const promiseOrVoid = load(\n          itemPath,\n          (...args):\n            DataT | null | Promise<DataT | null> => loader(id, ...args),\n          globalState,\n          {\n            data: state.data,\n            timestamp: state.timestamp,\n          },\n          operationId,\n        );\n\n        if (promiseOrVoid instanceof Promise) {\n          globalState.ssrContext.pending.push(promiseOrVoid);\n        }\n      }\n    }\n\n  // Client-side logic.\n  } else {\n    // Reference-counting & garbage collection.\n\n    const idsHash = hash(ids);\n\n    // TODO: Violation of rules of hooks is fine here,\n    // but perhaps it can be refactored to avoid the need for it.\n    useEffect(() => { // eslint-disable-line react-hooks/rules-of-hooks\n      gcOnWithhold(ids, path, globalState);\n      return () => {\n        gcOnRelease(ids, path, globalState, garbageCollectAge);\n      };\n\n      // `ids` are represented in the dependencies array by `idsHash` value,\n      // as useEffect() hook requires a constant size of dependencies array.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n      garbageCollectAge,\n      globalState,\n      idsHash,\n      path,\n    ]);\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    useEffect(() => { // eslint-disable-line react-hooks/rules-of-hooks\n      void (async () => {\n        for (const id of ids) {\n          const itemPath = path ? `${path}.${id}` : `${id}`;\n\n          type EnvT = AsyncDataEnvelopeT<DataT> | undefined;\n          const state2: EnvT = globalState.get<ForceT, EnvT>(itemPath);\n\n          const { deps } = options;\n          if (\n            (deps && globalState.hasChangedDependencies(itemPath, deps))\n            || (\n              refreshAge < Date.now() - (state2?.timestamp ?? 0)\n              && (!state2?.operationId || state2.operationId.startsWith('S'))\n            )\n          ) {\n            if (!deps) globalState.dropDependencies(itemPath);\n            await load(\n              itemPath,\n              // TODO: I guess, the loader is not correctly typed here -\n              // it can be synchronous, and in that case the following method\n              // should be kept synchronous to not alter the sync logic.\n              // eslint-disable-next-line @typescript-eslint/promise-function-async\n              (old, ...args) => loader(id, old as DataT, ...args),\n              globalState,\n              {\n                data: state2?.data,\n                timestamp: state2?.timestamp ?? 0,\n              },\n            );\n          }\n        }\n      })();\n    });\n  }\n\n  const [localState] = useGlobalState<\n    ForceT, Record<string, AsyncDataEnvelopeT<DataT>>\n  >(path, {});\n\n  if (!Array.isArray(idOrIds)) {\n    // TODO: Revise related typings!\n    const e = localState[idOrIds as string];\n    const timestamp = e?.timestamp ?? 0;\n    return {\n      data: maxage < Date.now() - timestamp ? null : e?.data ?? null,\n      loading: !!e?.operationId,\n      reload: heap.reloadSingle,\n      timestamp,\n    };\n  }\n\n  const res: UseAsyncCollectionResT<DataT, IdT> = {\n    items: {} as Record<IdT, CollectionItemT<DataT>>,\n    loading: false,\n    reload: heap.reload,\n    timestamp: Number.MAX_VALUE,\n  };\n\n  for (const id of ids) {\n    // TODO: Revise related typing. Should `localState` have a more specific type?\n    const e = localState[id as string];\n    const loading = !!e?.operationId;\n    const timestamp = e?.timestamp ?? 0;\n\n    res.items[id] = {\n      data: maxage < Date.now() - timestamp ? null : e?.data ?? null,\n      loading,\n      timestamp,\n    };\n    res.loading ||= loading;\n    if (res.timestamp > timestamp) res.timestamp = timestamp;\n  }\n\n  return res;\n}\n\nexport default useAsyncCollection;\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\nexport interface UseAsyncCollectionI<StateT> {\n  <PathT extends null | string | undefined, IdT extends number | string>(\n    id: IdT,\n    path: PathT,\n    loader: AsyncCollectionLoaderT<DataInEnvelopeAtPathT<StateT, `${PathT}.${IdT}`>, IdT>,\n    options?: UseAsyncDataOptionsT,\n  ): UseAsyncDataResT<DataInEnvelopeAtPathT<StateT, `${PathT}.${IdT}`>>;\n\n  <\n    Forced extends ForceT | LockT = LockT,\n    DataT = unknown,\n    IdT extends number | string = number | string,\n  >(\n    id: IdT,\n    path: null | string | undefined,\n    loader: AsyncCollectionLoaderT<TypeLock<Forced, void, DataT>, IdT>,\n    options?: UseAsyncDataOptionsT,\n  ): UseAsyncDataResT<TypeLock<Forced, void, DataT>>;\n\n  <PathT extends null | string | undefined, IdT extends number | string>(\n    id: IdT[],\n    path: PathT,\n    loader: AsyncCollectionLoaderT<DataInEnvelopeAtPathT<StateT, `${PathT}.${IdT}`>, IdT>,\n    options?: UseAsyncDataOptionsT,\n  ): UseAsyncCollectionResT<DataInEnvelopeAtPathT<StateT, `${PathT}.${IdT}`>, IdT>;\n\n  <\n    Forced extends ForceT | LockT = LockT,\n    DataT = unknown,\n    IdT extends number | string = number | string,\n  >(\n    id: IdT[],\n    path: null | string | undefined,\n    loader: AsyncCollectionLoaderT<TypeLock<Forced, void, DataT>, IdT>,\n    options?: UseAsyncDataOptionsT,\n  ): UseAsyncCollectionResT<DataT, IdT>;\n\n  <PathT extends null | string | undefined, IdT extends number | string>(\n    id: IdT | IdT[],\n    path: PathT,\n    loader: AsyncCollectionLoaderT<DataInEnvelopeAtPathT<StateT, `${PathT}.${IdT}`>, IdT>,\n    options?: UseAsyncDataOptionsT,\n  ): UseAsyncDataResT<DataInEnvelopeAtPathT<StateT, `${PathT}.${IdT}`>>\n    | UseAsyncCollectionResT<DataInEnvelopeAtPathT<StateT, `${PathT}.${IdT}`>, IdT>;\n}\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/useAsyncData.js

@@ -0,0 +1,260 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_MAXAGE = void 0;
+exports.load = load;
+exports.newAsyncDataEnvelope = newAsyncDataEnvelope;
+exports.useAsyncData = useAsyncData;
+var _react = require("react");
+var _uuid = require("uuid");
+var _jsUtils = require("@dr.pogodin/js-utils");
+var _GlobalStateProvider = require("./GlobalStateProvider");
+var _useGlobalState = _interopRequireDefault(require("./useGlobalState"));
+var _utils = require("./utils");
+/**
+ * Loads and uses async data into the GlobalState path.
+ */
+
+const DEFAULT_MAXAGE = exports.DEFAULT_MAXAGE = 5 * _jsUtils.MIN_MS; // 5 minutes.
+
+// NOTE: Here, and below it is important whether a loader and related
+// (re-)loading handlers return a promise or a value, as returning promises
+// mean the async mode, in which related global state values are updated
+// asynchronously (the new value comes into effect in a next rendering cycle),
+// while returning a non-promise value means a synchronous mode, in which
+// related global state values are updated immediately, within the current
+// rendering cycle.
+
+function newAsyncDataEnvelope(initialData = null, {
+  numRefs = 0,
+  timestamp = 0
+} = {}) {
+  return {
+    data: initialData,
+    numRefs,
+    operationId: '',
+    timestamp
+  };
+}
+function finalizeLoad(data, path, globalState, operationId) {
+  // NOTE: We don't really mean that it hasn't been aborted,
+  // the "false" flag rather says we don't need to trigger "on aborted"
+  // callback for this operation, if any is registered - just drop it.
+  //
+  // Also, in the synchronous state update mode, we don't really need to set up
+  // the abort callback at all (as there is no way to use it), but for now it is
+  // set up, thus it should be cleaned out here.
+  globalState.asyncDataLoadDone(operationId, false);
+  const state = globalState.get(path);
+  if (operationId === state?.operationId) {
+    if (process.env.NODE_ENV !== 'production' && (0, _utils.isDebugMode)()) {
+      /* eslint-disable no-console */
+      console.groupCollapsed(`ReactGlobalState: async data (re-)loaded. Path: "${path ?? ''}"`);
+      console.log('Data:', (0, _utils.cloneDeepForLog)(data, path ?? ''));
+      /* eslint-enable no-console */
+    }
+    globalState.set(path, {
+      ...state,
+      data,
+      operationId: '',
+      timestamp: Date.now()
+    });
+    if (process.env.NODE_ENV !== 'production' && (0, _utils.isDebugMode)()) {
+      /* eslint-disable no-console */
+      console.groupEnd();
+      /* eslint-enable no-console */
+    }
+  }
+}
+
+/**
+ * Executes the data loading operation.
+ * @param path Data segment path inside the global state.
+ * @param loader Data loader.
+ * @param globalState The global state instance.
+ * @param oldData Optional. Previously fetched data, currently stored in
+ *  the state, if already fetched by the caller; otherwise, they will be fetched
+ *  by the load() function itself.
+ * @param opIdPrefix operationId prefix to use, which should be
+ * 'C' at the client-side (default), or 'S' at the server-side (within SSR
+ * context).
+ * @return Resolves once the operation is done.
+ * @ignore
+ */
+function load(path, loader, globalState, old,
+// TODO: Should this parameter be just a binary flag (client or server),
+// and UUID always generated inside this function? Or do we need it in
+// the caller methods as well, in some cases (see useAsyncCollection()
+// use case as well).
+operationId = `C${(0, _uuid.v4)()}`) {
+  if (process.env.NODE_ENV !== 'production' && (0, _utils.isDebugMode)()) {
+    /* eslint-disable no-console */
+    console.log(`ReactGlobalState: async data (re-)loading. Path: "${path ?? ''}"`);
+    /* eslint-enable no-console */
+  }
+  const operationIdPath = path ? `${path}.operationId` : 'operationId';
+  {
+    const prevOperationId = globalState.get(operationIdPath);
+    if (prevOperationId) globalState.asyncDataLoadDone(prevOperationId, true);
+  }
+  globalState.set(operationIdPath, operationId);
+  let definedOld = old;
+  if (!definedOld) {
+    // TODO: Can we improve the typing, to avoid ForceT?
+    const e = globalState.get(path);
+    definedOld = {
+      data: e.data,
+      timestamp: e.timestamp
+    };
+  }
+  const dataOrPromise = loader(definedOld.data, {
+    isAborted: () => {
+      // TODO: Can we improve the typing, to avoid ForceT?
+      const opid = globalState.get(path).operationId;
+      return opid !== operationId;
+    },
+    oldDataTimestamp: definedOld.timestamp,
+    setAbortCallback(cb) {
+      const opid = globalState.get(path).operationId;
+      if (opid !== operationId) {
+        throw Error(`Operation #${operationId} has completed already`);
+      }
+      globalState.setAsyncDataAbortCallback(operationId, cb);
+    }
+  });
+  if (dataOrPromise instanceof Promise) {
+    return dataOrPromise.then(data => {
+      finalizeLoad(data, path, globalState, operationId);
+    }).finally(() => {
+      // NOTE: We don't really mean that it hasn't been aborted,
+      // the "false" flag rather says we don't need to trigger "on aborted"
+      // callback for this operation, if any is registered - just drop it.
+      globalState.asyncDataLoadDone(operationId, false);
+    });
+  }
+  finalizeLoad(dataOrPromise, path, globalState, operationId);
+  return undefined;
+}
+
+/**
+ * Resolves asynchronous data, and stores them at given `path` of global
+ * state.
+ */
+
+function useAsyncData(path, loader, options = {}) {
+  const maxage = options.maxage ?? DEFAULT_MAXAGE;
+  const refreshAge = options.refreshAge ?? maxage;
+  const garbageCollectAge = options.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).
+  const globalState = (0, _GlobalStateProvider.getGlobalState)();
+  const state = globalState.get(path, {
+    initialValue: newAsyncDataEnvelope()
+  });
+  const {
+    current: heap
+  } = (0, _react.useRef)({});
+  heap.globalState = globalState;
+  heap.path = path;
+  heap.loader = loader;
+  heap.reload ??= customLoader => {
+    const localLoader = customLoader ?? heap.loader;
+    if (!localLoader || !heap.globalState) throw Error('Internal error');
+    return load(heap.path, localLoader, heap.globalState);
+  };
+  if (globalState.ssrContext) {
+    if (!options.disabled && !options.noSSR && !state.operationId && !state.timestamp) {
+      const promiseOrVoid = load(path, loader, globalState, {
+        data: state.data,
+        timestamp: state.timestamp
+      }, `S${(0, _uuid.v4)()}`);
+      if (promiseOrVoid instanceof Promise) {
+        globalState.ssrContext.pending.push(promiseOrVoid);
+      }
+    }
+  } else {
+    const {
+      disabled
+    } = options;
+
+    // This takes care about the client-side reference counting, and garbage
+    // collection.
+    //
+    // Note: the Rules of Hook below are violated by conditional call to a hook,
+    // but as the condition is actually server-side or client-side environment,
+    // it is effectively non-conditional at the runtime.
+    //
+    // TODO: Though, maybe there is a way to refactor it into a cleaner code.
+    // The same applies to other useEffect() hooks below.
+    (0, _react.useEffect)(() => {
+      // eslint-disable-line react-hooks/rules-of-hooks
+      const numRefsPath = path ? `${path}.numRefs` : 'numRefs';
+      if (!disabled) {
+        const numRefs = globalState.get(numRefsPath);
+        globalState.set(numRefsPath, numRefs + 1);
+      }
+      return () => {
+        if (!disabled) {
+          const state2 = globalState.get(path);
+          if (state2.numRefs === 1 && garbageCollectAge < Date.now() - state2.timestamp) {
+            if (process.env.NODE_ENV !== 'production' && (0, _utils.isDebugMode)()) {
+              /* eslint-disable no-console */
+              console.log(`ReactGlobalState - useAsyncData garbage collected at path ${path ?? ''}`);
+              /* eslint-enable no-console */
+            }
+            globalState.dropDependencies(path ?? '');
+            globalState.set(path, {
+              ...state2,
+              data: null,
+              numRefs: 0,
+              timestamp: 0
+            });
+          } else {
+            globalState.set(numRefsPath, state2.numRefs - 1);
+          }
+        }
+      };
+    }, [disabled, 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.
+    (0, _react.useEffect)(() => {
+      // eslint-disable-line react-hooks/rules-of-hooks
+      if (!disabled) {
+        const state2 = globalState.get(path);
+        const {
+          deps
+        } = options;
+        if (
+        // The hook is called with a list of dependencies, that mismatch
+        // dependencies last used to retrieve the data at given path.
+        deps && globalState.hasChangedDependencies(path ?? '', deps)
+
+        // Data at the path are stale, and are not being loaded.
+        || refreshAge < Date.now() - state2.timestamp && (!state2.operationId || state2.operationId.startsWith('S'))) {
+          if (!deps) globalState.dropDependencies(path ?? '');
+          void load(path, loader, globalState, {
+            data: state2.data,
+            timestamp: state2.timestamp
+          });
+        }
+      }
+    });
+  }
+  const [localState] = (0, _useGlobalState.default)(path, newAsyncDataEnvelope());
+  return {
+    data: maxage < Date.now() - localState.timestamp ? null : localState.data,
+    loading: Boolean(localState.operationId),
+    reload: heap.reload,
+    timestamp: localState.timestamp
+  };
+}
+
+// eslint-disable-next-line @typescript-eslint/consistent-type-definitions
+//# sourceMappingURL=useAsyncData.js.map

package/build/cjs/useAsyncData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsyncData.js","names":["_react","require","_uuid","_jsUtils","_GlobalStateProvider","_useGlobalState","_interopRequireDefault","_utils","DEFAULT_MAXAGE","exports","MIN_MS","newAsyncDataEnvelope","initialData","numRefs","timestamp","data","operationId","finalizeLoad","path","globalState","asyncDataLoadDone","state","get","process","env","NODE_ENV","isDebugMode","console","groupCollapsed","log","cloneDeepForLog","set","Date","now","groupEnd","load","loader","old","uuid","operationIdPath","prevOperationId","definedOld","e","dataOrPromise","isAborted","opid","oldDataTimestamp","setAbortCallback","cb","Error","setAsyncDataAbortCallback","Promise","then","finally","undefined","useAsyncData","options","maxage","refreshAge","garbageCollectAge","getGlobalState","initialValue","current","heap","useRef","reload","customLoader","localLoader","ssrContext","disabled","noSSR","promiseOrVoid","pending","push","useEffect","numRefsPath","state2","dropDependencies","deps","hasChangedDependencies","startsWith","localState","useGlobalState","loading","Boolean"],"sources":["../../src/useAsyncData.ts"],"sourcesContent":["/**\n * Loads and uses async data into the GlobalState path.\n */\n\nimport { useEffect, useRef } from 'react';\nimport { v4 as uuid } from 'uuid';\n\nimport { MIN_MS } from '@dr.pogodin/js-utils';\n\nimport { getGlobalState } from './GlobalStateProvider';\nimport useGlobalState from './useGlobalState';\n\nimport {\n  type ForceT,\n  type LockT,\n  type TypeLock,\n  type ValueAtPathT,\n  cloneDeepForLog,\n  isDebugMode,\n} from './utils';\n\nimport type GlobalState from './GlobalState';\nimport type SsrContext from './SsrContext';\n\nexport const DEFAULT_MAXAGE = 5 * MIN_MS; // 5 minutes.\n\n// NOTE: Here, and below it is important whether a loader and related\n// (re-)loading handlers return a promise or a value, as returning promises\n// mean the async mode, in which related global state values are updated\n// asynchronously (the new value comes into effect in a next rendering cycle),\n// while returning a non-promise value means a synchronous mode, in which\n// related global state values are updated immediately, within the current\n// rendering cycle.\n\nexport type AsyncDataLoaderT<DataT>\n= (oldData: null | DataT, meta: {\n  isAborted: () => boolean;\n  oldDataTimestamp: number;\n  setAbortCallback: (cb: () => void) => void;\n}) => (DataT | null) | Promise<DataT | null>;\n\nexport type AsyncDataReloaderT<DataT>\n= (loader?: AsyncDataLoaderT<DataT>) => void | Promise<void>;\n\nexport type AsyncDataEnvelopeT<DataT> = {\n  data: null | DataT;\n  numRefs: number;\n  operationId: string;\n  timestamp: number;\n};\n\nexport type OperationIdT = `${'C' | 'S'}${string}`;\n\nexport function newAsyncDataEnvelope<DataT>(\n  initialData: DataT | null = null,\n  { numRefs = 0, timestamp = 0 } = {},\n): AsyncDataEnvelopeT<DataT> {\n  return {\n    data: initialData,\n    numRefs,\n    operationId: '',\n    timestamp,\n  };\n}\n\nexport type UseAsyncDataOptionsT = {\n  deps?: unknown[];\n  disabled?: boolean;\n  garbageCollectAge?: number;\n  maxage?: number;\n  noSSR?: boolean;\n  refreshAge?: number;\n};\n\nexport type UseAsyncDataResT<DataT> = {\n  data: DataT | null;\n  loading: boolean;\n  reload: AsyncDataReloaderT<DataT>;\n  timestamp: number;\n};\n\nfunction finalizeLoad<DataT>(\n  data: DataT,\n  path: null | string | undefined,\n  globalState: GlobalState<unknown, SsrContext<unknown>>,\n  operationId: OperationIdT,\n): void {\n  // NOTE: We don't really mean that it hasn't been aborted,\n  // the \"false\" flag rather says we don't need to trigger \"on aborted\"\n  // callback for this operation, if any is registered - just drop it.\n  //\n  // Also, in the synchronous state update mode, we don't really need to set up\n  // the abort callback at all (as there is no way to use it), but for now it is\n  // set up, thus it should be cleaned out here.\n  globalState.asyncDataLoadDone(operationId, false);\n\n  type EnvT = AsyncDataEnvelopeT<DataT> | undefined;\n  const state: EnvT = globalState.get<ForceT, EnvT>(path);\n\n  if (operationId === state?.operationId) {\n    if (process.env.NODE_ENV !== 'production' && isDebugMode()) {\n      /* eslint-disable no-console */\n      console.groupCollapsed(\n        `ReactGlobalState: async data (re-)loaded. Path: \"${\n          path ?? ''\n        }\"`,\n      );\n      console.log('Data:', cloneDeepForLog(data, path ?? ''));\n      /* eslint-enable no-console */\n    }\n    globalState.set<ForceT, AsyncDataEnvelopeT<DataT>>(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 * Executes the data loading operation.\n * @param path Data segment path inside the global state.\n * @param loader Data loader.\n * @param globalState The global state instance.\n * @param 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 opIdPrefix 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 Resolves once the operation is done.\n * @ignore\n */\nexport function load<DataT>(\n  path: null | string | undefined,\n  loader: AsyncDataLoaderT<DataT>,\n  globalState: GlobalState<unknown, SsrContext<unknown>>,\n  old?: { data: DataT | null; timestamp: number },\n\n  // TODO: Should this parameter be just a binary flag (client or server),\n  // and UUID always generated inside this function? Or do we need it in\n  // the caller methods as well, in some cases (see useAsyncCollection()\n  // use case as well).\n  operationId: OperationIdT = `C${uuid()}`,\n): void | Promise<void> {\n  if (process.env.NODE_ENV !== 'production' && isDebugMode()) {\n    /* eslint-disable no-console */\n    console.log(\n      `ReactGlobalState: async data (re-)loading. Path: \"${path ?? ''}\"`,\n    );\n    /* eslint-enable no-console */\n  }\n\n  const operationIdPath = path ? `${path}.operationId` : 'operationId';\n  {\n    const prevOperationId = globalState.get<ForceT, string>(operationIdPath);\n    if (prevOperationId) globalState.asyncDataLoadDone(prevOperationId, true);\n  }\n  globalState.set<ForceT, string>(operationIdPath, operationId);\n\n  let definedOld = old;\n  if (!definedOld) {\n    // TODO: Can we improve the typing, to avoid ForceT?\n    const e = globalState.get<ForceT, AsyncDataEnvelopeT<DataT>>(path);\n    definedOld = { data: e.data, timestamp: e.timestamp };\n  }\n\n  const dataOrPromise = loader(definedOld.data, {\n    isAborted: () => {\n      // TODO: Can we improve the typing, to avoid ForceT?\n      const opid = globalState.get<\n        ForceT, AsyncDataEnvelopeT<DataT>>(path).operationId;\n      return opid !== operationId;\n    },\n    oldDataTimestamp: definedOld.timestamp,\n    setAbortCallback(cb: () => void) {\n      const opid = globalState.get<\n        ForceT, AsyncDataEnvelopeT<DataT>>(path).operationId;\n      if (opid !== operationId) {\n        throw Error(`Operation #${operationId} has completed already`);\n      }\n      globalState.setAsyncDataAbortCallback(operationId, cb);\n    },\n  });\n\n  if (dataOrPromise instanceof Promise) {\n    return dataOrPromise.then((data) => {\n      finalizeLoad(data, path, globalState, operationId);\n    }).finally(() => {\n      // NOTE: We don't really mean that it hasn't been aborted,\n      // the \"false\" flag rather says we don't need to trigger \"on aborted\"\n      // callback for this operation, if any is registered - just drop it.\n      globalState.asyncDataLoadDone(operationId, false);\n    });\n  }\n\n  finalizeLoad(dataOrPromise, path, globalState, operationId);\n  return undefined;\n}\n\n/**\n * Resolves asynchronous data, and stores them at given `path` of global\n * state.\n */\n\nexport type DataInEnvelopeAtPathT<\n  StateT,\n  PathT extends null | string | undefined,\n> = Exclude<Extract<ValueAtPathT<StateT, PathT, void>, AsyncDataEnvelopeT<unknown>>['data'], null>;\n\ntype HeapT<DataT> = {\n  // Note: these heap fields are necessary to make reload() a stable function.\n  globalState?: GlobalState<unknown>;\n  path?: null | string;\n  loader?: AsyncDataLoaderT<DataT>;\n  reload?: AsyncDataReloaderT<DataT>;\n};\n\nfunction useAsyncData<\n  StateT,\n  PathT extends null | string | undefined,\n\n  DataT extends DataInEnvelopeAtPathT<\n    StateT, PathT> = DataInEnvelopeAtPathT<StateT, PathT>,\n>(\n  path: PathT,\n  loader: AsyncDataLoaderT<DataT>,\n  options?: UseAsyncDataOptionsT,\n): UseAsyncDataResT<DataT>;\n\nfunction useAsyncData<\n  Forced extends ForceT | LockT = LockT,\n  DataT = void,\n>(\n  path: null | string | undefined,\n  loader: AsyncDataLoaderT<TypeLock<Forced, void, DataT>>,\n  options?: UseAsyncDataOptionsT,\n): UseAsyncDataResT<TypeLock<Forced, void, DataT>>;\n\nfunction useAsyncData<DataT>(\n  path: null | string | undefined,\n  loader: AsyncDataLoaderT<DataT>,\n  options: UseAsyncDataOptionsT = {},\n): UseAsyncDataResT<DataT> {\n  const maxage: number = options.maxage ?? DEFAULT_MAXAGE;\n  const refreshAge: number = options.refreshAge ?? maxage;\n  const garbageCollectAge: number = options.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<ForceT, AsyncDataEnvelopeT<DataT>>(path, {\n    initialValue: newAsyncDataEnvelope<DataT>(),\n  });\n\n  const { current: heap } = useRef<HeapT<DataT>>({});\n  heap.globalState = globalState;\n  heap.path = path;\n  heap.loader = loader;\n\n  heap.reload ??= (\n    customLoader?: AsyncDataLoaderT<DataT>,\n  ): void | Promise<void> => {\n    const localLoader = customLoader ?? heap.loader;\n    if (!localLoader || !heap.globalState) throw Error('Internal error');\n    return load(heap.path, localLoader, heap.globalState);\n  };\n\n  if (globalState.ssrContext) {\n    if (\n      !options.disabled && !options.noSSR\n      && !state.operationId && !state.timestamp\n    ) {\n      const promiseOrVoid = load(path, loader, globalState, {\n        data: state.data,\n        timestamp: state.timestamp,\n      }, `S${uuid()}`);\n      if (promiseOrVoid instanceof Promise) {\n        globalState.ssrContext.pending.push(promiseOrVoid);\n      }\n    }\n  } else {\n    const { disabled } = options;\n\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      if (!disabled) {\n        const numRefs = globalState.get<ForceT, number>(numRefsPath);\n        globalState.set<ForceT, number>(numRefsPath, numRefs + 1);\n      }\n      return () => {\n        if (!disabled) {\n          const state2: AsyncDataEnvelopeT<DataT> = globalState.get<\n            ForceT, AsyncDataEnvelopeT<DataT>>(\n            path,\n          );\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.dropDependencies(path ?? '');\n            globalState.set<ForceT, AsyncDataEnvelopeT<DataT>>(path, {\n              ...state2,\n              data: null,\n              numRefs: 0,\n              timestamp: 0,\n            });\n          } else {\n            globalState.set<ForceT, number>(numRefsPath, state2.numRefs - 1);\n          }\n        }\n      };\n    }, [disabled, 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    useEffect(() => { // eslint-disable-line react-hooks/rules-of-hooks\n      if (!disabled) {\n        const state2: AsyncDataEnvelopeT<DataT> = globalState.get<\n          ForceT, AsyncDataEnvelopeT<DataT>>(path);\n\n        const { deps } = options;\n        if (\n          // The hook is called with a list of dependencies, that mismatch\n          // dependencies last used to retrieve the data at given path.\n          (deps && globalState.hasChangedDependencies(path ?? '', deps))\n\n          // Data at the path are stale, and are not being loaded.\n          || (\n            refreshAge < Date.now() - state2.timestamp\n            && (!state2.operationId || state2.operationId.startsWith('S'))\n          )\n        ) {\n          if (!deps) globalState.dropDependencies(path ?? '');\n          void load(path, loader, globalState, {\n            data: state2.data,\n            timestamp: state2.timestamp,\n          });\n        }\n      }\n    });\n  }\n\n  const [localState] = useGlobalState<ForceT, AsyncDataEnvelopeT<DataT>>(\n    path,\n    newAsyncDataEnvelope<DataT>(),\n  );\n\n  return {\n    data: maxage < Date.now() - localState.timestamp ? null : localState.data,\n    loading: Boolean(localState.operationId),\n    reload: heap.reload,\n    timestamp: localState.timestamp,\n  };\n}\n\nexport { useAsyncData };\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\nexport interface UseAsyncDataI<StateT> {\n  <PathT extends null | string | undefined>(\n    path: PathT,\n    loader: AsyncDataLoaderT<DataInEnvelopeAtPathT<StateT, PathT>>,\n    options?: UseAsyncDataOptionsT,\n  ): UseAsyncDataResT<DataInEnvelopeAtPathT<StateT, PathT>>;\n\n  <Forced extends ForceT | LockT = LockT, DataT = unknown>(\n    path: null | string | undefined,\n    loader: AsyncDataLoaderT<TypeLock<Forced, void, DataT>>,\n    options?: UseAsyncDataOptionsT,\n  ): UseAsyncDataResT<TypeLock<Forced, void, DataT>>;\n}\n"],"mappings":"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","ignoreList":[]}