@dr.pogodin/react-global-state 0.23.0 → 0.25.0

package/build/{code → logic}/useAsyncCollection.js

@@ -3,10 +3,10 @@
  */
 
 import { useEffect, useRef, useState } from 'react';
-import { getGlobalState } from "./GlobalStateProvider.js";
+import { useGlobalStateObject } from "./GlobalStateProvider.js";
 import { DEFAULT_MAXAGE, loadAsyncData, newAsyncDataEnvelope } from "./useAsyncData.js";
 import useGlobalState from "./useGlobalState.js";
-import { hash, isDebugMode } from "./utils.js";
+import { areEqual, isDebugMode } from "./utils.js";
 /**
  * GarbageCollector: the piece of logic executed on mounting of
  * an useAsyncCollection() hook, and on update of hook params, to update
@@ -91,12 +91,11 @@ function normalizeIds(idOrIds) {
 // and reused in both hooks.
 // eslint-disable-next-line complexity
 function useAsyncCollection(idOrIds, path, loader, options = {}) {
-  var _options$maxage, _options$refreshAge, _options$garbageColle, _ref$current;
   const ids = normalizeIds(idOrIds);
-  const maxage = (_options$maxage = options.maxage) !== null && _options$maxage !== void 0 ? _options$maxage : DEFAULT_MAXAGE;
-  const refreshAge = (_options$refreshAge = options.refreshAge) !== null && _options$refreshAge !== void 0 ? _options$refreshAge : maxage;
-  const garbageCollectAge = (_options$garbageColle = options.garbageCollectAge) !== null && _options$garbageColle !== void 0 ? _options$garbageColle : maxage;
-  const globalState = getGlobalState();
+  const maxage = options.maxage ?? DEFAULT_MAXAGE;
+  const refreshAge = options.refreshAge ?? maxage;
+  const garbageCollectAge = options.garbageCollectAge ?? maxage;
+  const globalState = useGlobalStateObject();
 
   // Server-side logic.
   if (globalState.ssrContext) {
@@ -118,67 +117,59 @@ function useAsyncCollection(idOrIds, path, loader, options = {}) {
         }
       }
     }
+  }
+  const {
+    disabled
+  } = options;
 
-    // Client-side logic.
-  } else {
-    const {
-      disabled
-    } = options;
-
-    // Reference-counting & garbage collection.
-
-    const idsHash = hash(ids);
+  // Reference-counting & garbage collection.
 
-    // TODO: Violation of rules of hooks is fine here,
-    // but perhaps it can be refactored to avoid the need for it.
-    useEffect(() => {
-      // eslint-disable-line react-hooks/rules-of-hooks
-      if (!disabled) gcOnWithhold(ids, path, globalState);
-      return () => {
-        if (!disabled) gcOnRelease(ids, path, globalState, garbageCollectAge);
-      };
+  const idsString = JSON.stringify(ids);
+  useEffect(() => {
+    const localIds = JSON.parse(idsString);
+    if (!disabled) gcOnWithhold(localIds, path, globalState);
+    return () => {
+      if (!disabled) {
+        gcOnRelease(localIds, 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
-    }, [disabled, garbageCollectAge, globalState, idsHash, path]);
+    // `ids` are represented in the dependencies array by `idsHash` value,
+    // as useEffect() hook requires a constant size of dependencies array.
+  }, [disabled, garbageCollectAge, globalState, idsString, 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.
+  // 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.
-    useEffect(() => {
-      // eslint-disable-line react-hooks/rules-of-hooks
-      if (!disabled) {
-        void (async () => {
-          for (const id of ids) {
-            var _state2$timestamp;
-            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 = state2 === null || state2 === void 0 ? void 0 : state2.timestamp) !== null && _state2$timestamp !== void 0 ? _state2$timestamp : 0) && (!(state2 !== null && state2 !== void 0 && state2.operationId) || state2.operationId.startsWith('S'))) {
-              var _state2$data, _state2$timestamp2;
-              if (!deps) globalState.dropDependencies(itemPath);
-              await loadAsyncData(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 = state2 === null || state2 === void 0 ? void 0 : state2.data) !== null && _state2$data !== void 0 ? _state2$data : null,
-                timestamp: (_state2$timestamp2 = state2 === null || state2 === void 0 ? void 0 : state2.timestamp) !== null && _state2$timestamp2 !== void 0 ? _state2$timestamp2 : 0
-              });
-            }
+  // Data loading and refreshing.
+  useEffect(() => {
+    if (!disabled) {
+      void (async () => {
+        for (const id_0 of ids) {
+          const itemPath_0 = path ? `${path}.${id_0}` : `${id_0}`;
+          const state2 = globalState.get(itemPath_0);
+          const {
+            deps
+          } = options;
+          if (deps && globalState.hasChangedDependencies(itemPath_0, deps) || refreshAge < Date.now() - (state2?.timestamp ?? 0) && (!state2?.operationId || state2.operationId.startsWith('S'))) {
+            if (!deps) globalState.dropDependencies(itemPath_0);
+            await loadAsyncData(itemPath_0,
+            // 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_0) => loader(id_0, old, ...args_0), globalState, {
+              data: state2?.data ?? null,
+              timestamp: state2?.timestamp ?? 0
+            });
           }
-        })();
-      }
-    });
-  }
+        }
+      })();
+    }
+  });
   const [localState] = useGlobalState(path, {});
   const ref = useRef(null);
-  (_ref$current = ref.current) !== null && _ref$current !== void 0 ? _ref$current : ref.current = {
+  ref.current ??= {
     globalState,
     ids,
     loader,
@@ -196,7 +187,7 @@ function useAsyncCollection(idOrIds, path, loader, options = {}) {
     const reload = async customLoader => {
       const rc = ref.current;
       if (!rc) throw Error('Internal error');
-      const localLoader = customLoader !== null && customLoader !== void 0 ? customLoader : rc.loader;
+      const localLoader = customLoader ?? rc.loader;
 
       // TODO: Revise - not sure all related typing is 100% correct,
       // thus let's keep this runtime assertion.
@@ -204,17 +195,17 @@ function useAsyncCollection(idOrIds, path, loader, options = {}) {
       if (!localLoader || !rc.globalState || !rc.ids) {
         throw Error('Internal error');
       }
-      for (const id of rc.ids) {
-        const itemPath = rc.path ? `${rc.path}.${id}` : `${id}`;
-        const promiseOrVoid = loadAsyncData(itemPath,
+      for (const id_1 of rc.ids) {
+        const itemPath_1 = rc.path ? `${rc.path}.${id_1}` : `${id_1}`;
+        const promiseOrVoid_0 = loadAsyncData(itemPath_1,
         // 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), rc.globalState);
-        if (promiseOrVoid instanceof Promise) await promiseOrVoid;
+        (oldData, meta) => localLoader(id_1, oldData, meta), rc.globalState);
+        if (promiseOrVoid_0 instanceof Promise) await promiseOrVoid_0;
       }
     };
 
@@ -224,14 +215,14 @@ function useAsyncCollection(idOrIds, path, loader, options = {}) {
     // happens if the outer function on the next line matches the same
     // async / sync signature.
     // eslint-disable-next-line @typescript-eslint/promise-function-async
-    const reloadSingle = customLoader => reload(
+    const reloadSingle = customLoader_0 => 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)));
+    customLoader_0 && ((id_2, ...args_1) => customLoader_0(...args_1)));
     const setSingle = data => {
       void reload(() => data);
     };
@@ -241,14 +232,29 @@ function useAsyncCollection(idOrIds, path, loader, options = {}) {
       setSingle
     };
   });
+  const [stale, setStale] = useState({});
+
+  // TODO: Merge into the data-reloading effect above?
+  useEffect(() => {
+    const now = Date.now();
+    const nowStale = {};
+    for (const [key, e] of Object.entries(localState)) {
+      nowStale[key] = maxage < now - e.timestamp;
+    }
+    const id_3 = areEqual(stale, nowStale) ? null : requestAnimationFrame(() => {
+      setStale(nowStale);
+    });
+    return () => {
+      if (id_3 !== null) cancelAnimationFrame(id_3);
+    };
+  });
   if (!Array.isArray(idOrIds)) {
-    var _e$timestamp, _e$data;
     // TODO: Revise related typings!
-    const e = localState[idOrIds];
-    const timestamp = (_e$timestamp = e === null || e === void 0 ? void 0 : e.timestamp) !== null && _e$timestamp !== void 0 ? _e$timestamp : 0;
+    const e_0 = localState[idOrIds];
+    const timestamp = e_0?.timestamp ?? 0;
     return {
-      data: maxage < Date.now() - timestamp ? null : (_e$data = e === null || e === void 0 ? void 0 : e.data) !== null && _e$data !== void 0 ? _e$data : null,
-      loading: !!(e !== null && e !== void 0 && e.operationId),
+      data: stale[idOrIds] ? null : e_0?.data ?? null,
+      loading: !!e_0?.operationId,
       reload: stable.reloadSingle,
       set: stable.setSingle,
       timestamp
@@ -260,19 +266,18 @@ function useAsyncCollection(idOrIds, path, loader, options = {}) {
     reload: stable.reload,
     timestamp: Number.MAX_VALUE
   };
-  for (const id of ids) {
-    var _e$timestamp2, _e$data2;
+  for (const id_4 of ids) {
     // TODO: Revise related typing. Should `localState` have a more specific type?
-    const e = localState[id];
-    const loading = !!(e !== null && e !== void 0 && e.operationId);
-    const timestamp = (_e$timestamp2 = e === null || e === void 0 ? void 0 : e.timestamp) !== null && _e$timestamp2 !== void 0 ? _e$timestamp2 : 0;
-    res.items[id] = {
-      data: maxage < Date.now() - timestamp ? null : (_e$data2 = e === null || e === void 0 ? void 0 : e.data) !== null && _e$data2 !== void 0 ? _e$data2 : null,
+    const e_1 = localState[id_4];
+    const loading = !!e_1?.operationId;
+    const timestamp_0 = e_1?.timestamp ?? 0;
+    res.items[id_4] = {
+      data: stale[id_4] ? null : e_1?.data ?? null,
       loading,
-      timestamp
+      timestamp: timestamp_0
     };
-    res.loading || (res.loading = loading);
-    if (res.timestamp > timestamp) res.timestamp = timestamp;
+    res.loading ||= loading;
+    if (res.timestamp > timestamp_0) res.timestamp = timestamp_0;
   }
   return res;
 }

package/build/logic/useAsyncCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsyncCollection.js","names":["id","itemPath","args","promiseOrVoid","customLoader","e","timestamp"],"sources":["../../src/useAsyncCollection.ts"],"sourcesContent":["/**\n * Loads and uses item(s) in an async collection.\n */\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport type GlobalState from './GlobalState';\nimport { useGlobalStateObject } from './GlobalStateProvider';\n\nimport {\n  type AsyncDataEnvelopeT,\n  type AsyncDataReloaderT,\n  DEFAULT_MAXAGE,\n  type DataInEnvelopeAtPathT,\n  type OperationIdT,\n  type UseAsyncDataOptionsT,\n  type UseAsyncDataResT,\n  loadAsyncData,\n  newAsyncDataEnvelope,\n} from './useAsyncData';\n\nimport useGlobalState from './useGlobalState';\n\nimport {\n  type ForceT,\n  type LockT,\n  type TypeLock,\n  areEqual,\n  isDebugMode,\n} from './utils';\n\nexport type AsyncCollectionT<\n  DataT = unknown,\n  IdT extends number | string = number | string,\n> = Partial<Record<IdT, AsyncDataEnvelopeT<DataT>>>;\n\nexport type AsyncCollectionLoaderT<\n  DataT,\n  IdT extends number | string = number | string,\n> = (id: IdT, oldData: DataT | null, meta: {\n  abortSignal: AbortSignal;\n  oldDataTimestamp: number;\n}) => DataT | Promise<DataT | null> | null;\n\nexport type AsyncCollectionReloaderT<\n  DataT,\n  IdT extends number | string = number | string,\n> = (loader?: AsyncCollectionLoaderT<DataT, IdT>) => Promise<void> | 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 CurrentT<DataT, IdT extends number | string> = {\n  globalState: GlobalState<unknown>;\n  ids: IdT[];\n  loader: AsyncCollectionLoaderT<DataT, IdT>;\n  path: null | string | undefined;\n};\n\ntype StableT<DataT, IdT extends number | string> = {\n  reload: AsyncCollectionReloaderT<DataT, IdT>;\n  reloadSingle: AsyncDataReloaderT<DataT>;\n  setSingle: (data: DataT | null) => void;\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    // Removes ID duplicates.\n    const res = Array.from(new Set(idOrIds));\n\n    // Ensures stable ID order.\n    res.sort((a, b) => a.toString().localeCompare(b.toString()));\n\n    return res;\n  }\n  return [idOrIds];\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): UseAsyncCollectionResT<DataT, IdT> | UseAsyncDataResT<DataT>;\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): UseAsyncCollectionResT<DataT, IdT> | UseAsyncDataResT<DataT> {\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 = useGlobalStateObject();\n\n  // Server-side logic.\n  if (globalState.ssrContext) {\n    if (!options.disabled && !options.noSSR) {\n      const operationId: OperationIdT = `S${globalThis.crypto.randomUUID()}`;\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 = loadAsyncData<ForceT, DataT>(\n            itemPath,\n            (...args):\n              DataT | Promise<DataT | null> | 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  }\n\n  const { disabled } = options;\n\n  // Reference-counting & garbage collection.\n\n  const idsString = JSON.stringify(ids);\n\n  useEffect(() => {\n    const localIds = JSON.parse(idsString) as IdT[];\n\n    if (!disabled) gcOnWithhold(localIds, path, globalState);\n    return () => {\n      if (!disabled) {\n        gcOnRelease(localIds, path, globalState, garbageCollectAge);\n      }\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  }, [\n    disabled,\n    garbageCollectAge,\n    globalState,\n    idsString,\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(() => {\n    if (!disabled) {\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 loadAsyncData<ForceT, DataT>(\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, ...args),\n              globalState,\n              {\n                data: state2?.data ?? null,\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  const ref = useRef<CurrentT<DataT, IdT>>(null);\n\n  ref.current ??= {\n    globalState,\n    ids,\n    loader,\n    path,\n  };\n\n  useEffect(() => {\n    ref.current = {\n      globalState,\n      ids,\n      loader,\n      path,\n    };\n  }, [globalState, ids, loader, path]);\n\n  const [stable] = useState<StableT<DataT, IdT>>(() => {\n    const reload = async (\n      customLoader?: AsyncCollectionLoaderT<DataT, IdT>,\n    ) => {\n      const rc = ref.current;\n      if (!rc) throw Error('Internal error');\n\n      const localLoader = customLoader ?? rc.loader;\n\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 || !rc.globalState || !rc.ids) {\n        throw Error('Internal error');\n      }\n\n      for (const id of rc.ids) {\n        const itemPath = rc.path ? `${rc.path}.${id}` : `${id}`;\n\n        const promiseOrVoid = loadAsyncData<ForceT, DataT>(\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          rc.globalState,\n        );\n\n        if (promiseOrVoid instanceof Promise) await promiseOrVoid;\n      }\n    };\n\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    const reloadSingle: AsyncDataReloaderT<DataT> = (customLoader) => 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    const setSingle = (data: DataT | null) => {\n      void reload(() => data);\n    };\n\n    return { reload, reloadSingle, setSingle };\n  });\n\n  const [stale, setStale] = useState({} as Record<IdT, boolean>);\n\n  // TODO: Merge into the data-reloading effect above?\n  useEffect(() => {\n    const now = Date.now();\n    const nowStale = {} as Record<IdT, boolean>;\n    for (const [key, e] of Object.entries(localState)) {\n      nowStale[key as IdT] = maxage < now - e.timestamp;\n    }\n\n    const id = areEqual(stale, nowStale) ? null : requestAnimationFrame(() => {\n      setStale(nowStale);\n    });\n\n    return () => {\n      if (id !== null) cancelAnimationFrame(id);\n    };\n  });\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: stale[idOrIds] ? null : e?.data ?? null,\n      loading: !!e?.operationId,\n      reload: stable.reloadSingle,\n      set: stable.setSingle,\n      timestamp,\n    };\n  }\n\n  const res: UseAsyncCollectionResT<DataT, IdT> = {\n    items: {} as Record<IdT, CollectionItemT<DataT>>,\n    loading: false,\n    reload: stable.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: stale[id] ? 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  ): UseAsyncCollectionResT<DataInEnvelopeAtPathT<StateT, `${PathT}.${IdT}`>, IdT>\n    | UseAsyncDataResT<DataInEnvelopeAtPathT<StateT, `${PathT}.${IdT}`>>;\n}\n"],"mappings":"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","ignoreList":[]}

package/build/{code → logic}/useAsyncData.js

@@ -1,10 +1,11 @@
+import { c as _c } from "react/compiler-runtime";
 /**
  * Loads and uses async data into the GlobalState path.
  */
 
-import { useEffect, useRef } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { MIN_MS } from '@dr.pogodin/js-utils';
-import { getGlobalState } from "./GlobalStateProvider.js";
+import { useGlobalStateObject } from "./GlobalStateProvider.js";
 import useGlobalState from "./useGlobalState.js";
 import { cloneDeepForLog, isDebugMode } from "./utils.js";
 export const DEFAULT_MAXAGE = 5 * MIN_MS; // 5 minutes.
@@ -35,8 +36,8 @@ export function newAsyncDataEnvelope(initialData = null, {
 function setState(data, path, gs, prevState = gs.get(path)) {
   if (process.env.NODE_ENV !== 'production' && isDebugMode()) {
     /* eslint-disable no-console */
-    console.groupCollapsed(`ReactGlobalState: async data (re-)loaded. Path: "${path !== null && path !== void 0 ? path : ''}"`);
-    console.log('Data:', cloneDeepForLog(data, path !== null && path !== void 0 ? path : ''));
+    console.groupCollapsed(`ReactGlobalState: async data (re-)loaded. Path: "${path ?? ''}"`);
+    console.log('Data:', cloneDeepForLog(data, path ?? ''));
     /* eslint-enable no-console */
   }
   gs.set(path, {
@@ -61,7 +62,7 @@ function finalizeLoad(data, path, gs, operationId) {
   // set up, thus it should be cleaned out here.
   gs.asyncDataLoadDone(operationId, false);
   const state = gs.get(path);
-  if (operationId === (state === null || state === void 0 ? void 0 : state.operationId)) setState(data, path, gs, state);
+  if (operationId === state?.operationId) setState(data, path, gs, state);
 }
 /**
  * Executes the data loading operation.
@@ -85,7 +86,7 @@ export function loadAsyncData(path, loader, globalState, old,
 operationId = `C${globalThis.crypto.randomUUID()}`) {
   if (process.env.NODE_ENV !== 'production' && isDebugMode()) {
     /* eslint-disable no-console */
-    console.log(`ReactGlobalState: async data (re-)loading. Path: "${path !== null && path !== void 0 ? path : ''}"`);
+    console.log(`ReactGlobalState: async data (re-)loading. Path: "${path ?? ''}"`);
     /* eslint-enable no-console */
   }
   const operationIdPath = path ? `${path}.operationId` : 'operationId';
@@ -133,33 +134,72 @@ operationId = `C${globalThis.crypto.randomUUID()}`) {
 // TODO: Perhaps split the heap management to a dedicated hook,
 // as it is done inside useAsyncCollection().
 
-function useAsyncData(path, loader, options = {}) {
-  var _options$maxage, _options$refreshAge, _options$garbageColle, _heap$reload, _heap$set;
-  const maxage = (_options$maxage = options.maxage) !== null && _options$maxage !== void 0 ? _options$maxage : DEFAULT_MAXAGE;
-  const refreshAge = (_options$refreshAge = options.refreshAge) !== null && _options$refreshAge !== void 0 ? _options$refreshAge : maxage;
-  const garbageCollectAge = (_options$garbageColle = options.garbageCollectAge) !== null && _options$garbageColle !== void 0 ? _options$garbageColle : 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 = getGlobalState();
+function useAsyncData(path, loader, t0) {
+  const $ = _c(38);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const options = t1;
+  const maxage = options.maxage ?? DEFAULT_MAXAGE;
+  const refreshAge = options.refreshAge ?? maxage;
+  const garbageCollectAge = options.garbageCollectAge ?? maxage;
+  const globalState = useGlobalStateObject();
   const state = globalState.get(path, {
     initialValue: newAsyncDataEnvelope()
   });
+  let t2;
+  if ($[2] !== globalState || $[3] !== loader || $[4] !== path) {
+    t2 = {
+      globalState,
+      loader,
+      path
+    };
+    $[2] = globalState;
+    $[3] = loader;
+    $[4] = path;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
   const {
     current: heap
-  } = useRef({});
-  heap.globalState = globalState;
-  heap.path = path;
-  heap.loader = loader;
-  (_heap$reload = heap.reload) !== null && _heap$reload !== void 0 ? _heap$reload : heap.reload = customLoader => {
-    const localLoader = customLoader !== null && customLoader !== void 0 ? customLoader : heap.loader;
-    if (!localLoader || !heap.globalState) throw Error('Internal error');
-    return loadAsyncData(heap.path, localLoader, heap.globalState);
-  };
-  (_heap$set = heap.set) !== null && _heap$set !== void 0 ? _heap$set : heap.set = data => {
-    if (!heap.globalState) throw Error('Internal error');
-    setState(data, heap.path, heap.globalState);
-  };
+  } = useRef(t2);
+  let t3;
+  if ($[6] !== globalState || $[7] !== loader || $[8] !== path) {
+    t3 = () => {
+      heap.globalState = globalState;
+      heap.path = path;
+      heap.loader = loader;
+    };
+    $[6] = globalState;
+    $[7] = loader;
+    $[8] = path;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  useEffect(t3);
+  let t4;
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = () => ({
+      reload: customLoader => {
+        const localLoader = customLoader ?? heap.loader;
+        return loadAsyncData(heap.path, localLoader, heap.globalState);
+      },
+      set: data => {
+        setState(data, heap.path, heap.globalState);
+      }
+    });
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  const [stable] = useState(t4);
   if (globalState.ssrContext) {
     if (!options.disabled && !options.noSSR && !state.operationId && !state.timestamp) {
       const promiseOrVoid = loadAsyncData(path, loader, globalState, {
@@ -170,23 +210,15 @@ function useAsyncData(path, loader, options = {}) {
         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.
-    useEffect(() => {
-      // eslint-disable-line react-hooks/rules-of-hooks
-      const numRefsPath = path ? `${path}.numRefs` : 'numRefs';
+  }
+  const {
+    disabled
+  } = options;
+  let t5;
+  let t6;
+  if ($[11] !== disabled || $[12] !== garbageCollectAge || $[13] !== globalState || $[14] !== path) {
+    t5 = () => {
+      const numRefsPath = path ? `${path}.numRefs` : "numRefs";
       if (!disabled) {
         const numRefs = globalState.get(numRefsPath);
         globalState.set(numRefsPath, numRefs + 1);
@@ -195,12 +227,10 @@ function useAsyncData(path, loader, options = {}) {
         if (!disabled) {
           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 ${path !== null && path !== void 0 ? path : ''}`);
-              /* eslint-enable no-console */
+            if (process.env.NODE_ENV !== "production" && isDebugMode()) {
+              console.log(`ReactGlobalState - useAsyncData garbage collected at path ${path ?? ""}`);
             }
-            globalState.dropDependencies(path !== null && path !== void 0 ? path : '');
+            globalState.dropDependencies(path ?? "");
             globalState.set(path, {
               ...state2,
               data: null,
@@ -212,43 +242,109 @@ function useAsyncData(path, loader, options = {}) {
           }
         }
       };
-    }, [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.
-    useEffect(() => {
-      // eslint-disable-line react-hooks/rules-of-hooks
+    };
+    t6 = [disabled, garbageCollectAge, globalState, path];
+    $[11] = disabled;
+    $[12] = garbageCollectAge;
+    $[13] = globalState;
+    $[14] = path;
+    $[15] = t5;
+    $[16] = t6;
+  } else {
+    t5 = $[15];
+    t6 = $[16];
+  }
+  useEffect(t5, t6);
+  let t7;
+  if ($[17] !== disabled || $[18] !== globalState || $[19] !== loader || $[20] !== options || $[21] !== path || $[22] !== refreshAge) {
+    t7 = () => {
       if (!disabled) {
-        const state2 = globalState.get(path);
+        const state2_0 = 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 !== null && path !== void 0 ? 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 !== null && path !== void 0 ? path : '');
-          void loadAsyncData(path, loader, globalState, {
-            data: state2.data,
-            timestamp: state2.timestamp
+        if (deps && globalState.hasChangedDependencies(path ?? "", deps) || refreshAge < Date.now() - state2_0.timestamp && (!state2_0.operationId || state2_0.operationId.startsWith("S"))) {
+          if (!deps) {
+            globalState.dropDependencies(path ?? "");
+          }
+          loadAsyncData(path, loader, globalState, {
+            data: state2_0.data,
+            timestamp: state2_0.timestamp
           });
         }
       }
-    });
+    };
+    $[17] = disabled;
+    $[18] = globalState;
+    $[19] = loader;
+    $[20] = options;
+    $[21] = path;
+    $[22] = refreshAge;
+    $[23] = t7;
+  } else {
+    t7 = $[23];
   }
-  const [localState] = useGlobalState(path, newAsyncDataEnvelope());
-  return {
-    data: maxage < Date.now() - localState.timestamp ? null : localState.data,
-    loading: Boolean(localState.operationId),
-    reload: heap.reload,
-    set: heap.set,
-    timestamp: localState.timestamp
-  };
+  useEffect(t7);
+  let t8;
+  if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = newAsyncDataEnvelope();
+    $[24] = t8;
+  } else {
+    t8 = $[24];
+  }
+  const [localState] = useGlobalState(path, t8);
+  let t9;
+  if ($[25] !== localState.timestamp || $[26] !== maxage) {
+    t9 = () => maxage < Date.now() - localState.timestamp;
+    $[25] = localState.timestamp;
+    $[26] = maxage;
+    $[27] = t9;
+  } else {
+    t9 = $[27];
+  }
+  const [stale, setStale] = useState(t9);
+  let t10;
+  if ($[28] !== localState.timestamp || $[29] !== maxage || $[30] !== stale) {
+    t10 = () => {
+      const nowStale = maxage < Date.now() - localState.timestamp;
+      const id = stale === nowStale ? null : requestAnimationFrame(() => {
+        setStale(nowStale);
+      });
+      return () => {
+        if (id !== null) {
+          cancelAnimationFrame(id);
+        }
+      };
+    };
+    $[28] = localState.timestamp;
+    $[29] = maxage;
+    $[30] = stale;
+    $[31] = t10;
+  } else {
+    t10 = $[31];
+  }
+  useEffect(t10);
+  const t11 = stale ? null : localState.data;
+  const t12 = !!localState.operationId;
+  let t13;
+  if ($[32] !== localState.timestamp || $[33] !== stable.reload || $[34] !== stable.set || $[35] !== t11 || $[36] !== t12) {
+    t13 = {
+      data: t11,
+      loading: t12,
+      reload: stable.reload,
+      set: stable.set,
+      timestamp: localState.timestamp
+    };
+    $[32] = localState.timestamp;
+    $[33] = stable.reload;
+    $[34] = stable.set;
+    $[35] = t11;
+    $[36] = t12;
+    $[37] = t13;
+  } else {
+    t13 = $[37];
+  }
+  return t13;
 }
 export { useAsyncData };