@dr.pogodin/react-global-state 0.19.2 → 0.19.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/index.js.map +1 -1
- package/build/cjs/useAsyncCollection.js +55 -39
- package/build/cjs/useAsyncCollection.js.map +1 -1
- package/build/cjs/useAsyncData.js +35 -22
- package/build/cjs/useAsyncData.js.map +1 -1
- package/build/code/GlobalStateProvider.js +5 -7
- package/build/code/GlobalStateProvider.js.map +1 -1
- package/build/code/index.js.map +1 -1
- package/build/code/useAsyncCollection.js +57 -57
- package/build/code/useAsyncCollection.js.map +1 -1
- package/build/code/useAsyncData.js +47 -33
- package/build/code/useAsyncData.js.map +1 -1
- package/build/code/utils.js +1 -2
- package/build/code/utils.js.map +1 -1
- package/build/types/index.d.ts +1 -1
- package/build/types/useAsyncCollection.d.ts +1 -1
- package/build/types/useAsyncData.d.ts +2 -1
- package/package.json +22 -22
- package/tstyche.config.json +4 -4
|
@@ -72,7 +72,10 @@ function gcOnRelease(ids, path, gs, gcAge) {
|
|
|
72
72
|
}
|
|
73
73
|
function normalizeIds(idOrIds) {
|
|
74
74
|
if (Array.isArray(idOrIds)) {
|
|
75
|
-
|
|
75
|
+
// Removes ID duplicates.
|
|
76
|
+
const res = Array.from(new Set(idOrIds));
|
|
77
|
+
|
|
78
|
+
// Ensures stable ID order.
|
|
76
79
|
res.sort((a, b) => a.toString().localeCompare(b.toString()));
|
|
77
80
|
return res;
|
|
78
81
|
}
|
|
@@ -134,12 +137,11 @@ function useHeap(ids, path, loader, gs) {
|
|
|
134
137
|
// happens if the outer function on the next line matches the same
|
|
135
138
|
// async / sync signature.
|
|
136
139
|
// eslint-disable-next-line @typescript-eslint/promise-function-async
|
|
137
|
-
customLoader &&
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
})
|
|
140
|
+
customLoader && ((id, ...args) => customLoader(...args))),
|
|
141
|
+
// TODO: It should be revised it works correctly.
|
|
142
|
+
setSingle(data) {
|
|
143
|
+
void ref.current.reload(() => data);
|
|
144
|
+
}
|
|
143
145
|
};
|
|
144
146
|
ref.current = heap;
|
|
145
147
|
}
|
|
@@ -155,9 +157,8 @@ function useHeap(ids, path, loader, gs) {
|
|
|
155
157
|
// Perhaps, a bunch of logic blocks can be split into stand-alone functions,
|
|
156
158
|
// and reused in both hooks.
|
|
157
159
|
// eslint-disable-next-line complexity
|
|
158
|
-
function useAsyncCollection(idOrIds, path, loader) {
|
|
160
|
+
function useAsyncCollection(idOrIds, path, loader, options = {}) {
|
|
159
161
|
var _options$maxage, _options$refreshAge, _options$garbageColle;
|
|
160
|
-
let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
161
162
|
const ids = normalizeIds(idOrIds);
|
|
162
163
|
const maxage = (_options$maxage = options.maxage) !== null && _options$maxage !== void 0 ? _options$maxage : DEFAULT_MAXAGE;
|
|
163
164
|
const refreshAge = (_options$refreshAge = options.refreshAge) !== null && _options$refreshAge !== void 0 ? _options$refreshAge : maxage;
|
|
@@ -166,31 +167,32 @@ function useAsyncCollection(idOrIds, path, loader) {
|
|
|
166
167
|
const heap = useHeap(ids, path, loader, globalState);
|
|
167
168
|
|
|
168
169
|
// Server-side logic.
|
|
169
|
-
if (globalState.ssrContext
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
const
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
170
|
+
if (globalState.ssrContext) {
|
|
171
|
+
if (!options.disabled && !options.noSSR) {
|
|
172
|
+
const operationId = `S${uuid()}`;
|
|
173
|
+
for (const id of ids) {
|
|
174
|
+
const itemPath = path ? `${path}.${id}` : `${id}`;
|
|
175
|
+
const state = globalState.get(itemPath, {
|
|
176
|
+
initialValue: newAsyncDataEnvelope()
|
|
177
|
+
});
|
|
178
|
+
if (!state.timestamp && !state.operationId) {
|
|
179
|
+
const promiseOrVoid = load(itemPath, (...args) => loader(id, ...args), globalState, {
|
|
180
|
+
data: state.data,
|
|
181
|
+
timestamp: state.timestamp
|
|
182
|
+
}, operationId);
|
|
183
|
+
if (promiseOrVoid instanceof Promise) {
|
|
184
|
+
globalState.ssrContext.pending.push(promiseOrVoid);
|
|
180
185
|
}
|
|
181
|
-
return loader(id, ...args);
|
|
182
|
-
}, globalState, {
|
|
183
|
-
data: state.data,
|
|
184
|
-
timestamp: state.timestamp
|
|
185
|
-
}, operationId);
|
|
186
|
-
if (promiseOrVoid instanceof Promise) {
|
|
187
|
-
globalState.ssrContext.pending.push(promiseOrVoid);
|
|
188
186
|
}
|
|
189
187
|
}
|
|
190
188
|
}
|
|
191
189
|
|
|
192
190
|
// Client-side logic.
|
|
193
191
|
} else {
|
|
192
|
+
const {
|
|
193
|
+
disabled
|
|
194
|
+
} = options;
|
|
195
|
+
|
|
194
196
|
// Reference-counting & garbage collection.
|
|
195
197
|
|
|
196
198
|
const idsHash = hash(ids);
|
|
@@ -199,15 +201,15 @@ function useAsyncCollection(idOrIds, path, loader) {
|
|
|
199
201
|
// but perhaps it can be refactored to avoid the need for it.
|
|
200
202
|
useEffect(() => {
|
|
201
203
|
// eslint-disable-line react-hooks/rules-of-hooks
|
|
202
|
-
gcOnWithhold(ids, path, globalState);
|
|
204
|
+
if (!disabled) gcOnWithhold(ids, path, globalState);
|
|
203
205
|
return () => {
|
|
204
|
-
gcOnRelease(ids, path, globalState, garbageCollectAge);
|
|
206
|
+
if (!disabled) gcOnRelease(ids, path, globalState, garbageCollectAge);
|
|
205
207
|
};
|
|
206
208
|
|
|
207
209
|
// `ids` are represented in the dependencies array by `idsHash` value,
|
|
208
210
|
// as useEffect() hook requires a constant size of dependencies array.
|
|
209
211
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
210
|
-
}, [garbageCollectAge, globalState, idsHash, path]);
|
|
212
|
+
}, [disabled, garbageCollectAge, globalState, idsHash, path]);
|
|
211
213
|
|
|
212
214
|
// NOTE: a bunch of Rules of Hooks ignored belows because in our very
|
|
213
215
|
// special case the otherwise wrong behavior is actually what we need.
|
|
@@ -215,34 +217,31 @@ function useAsyncCollection(idOrIds, path, loader) {
|
|
|
215
217
|
// Data loading and refreshing.
|
|
216
218
|
useEffect(() => {
|
|
217
219
|
// eslint-disable-line react-hooks/rules-of-hooks
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
}
|
|
240
|
-
data: state2 === null || state2 === void 0 ? void 0 : state2.data,
|
|
241
|
-
timestamp: (_state2$timestamp2 = state2 === null || state2 === void 0 ? void 0 : state2.timestamp) !== null && _state2$timestamp2 !== void 0 ? _state2$timestamp2 : 0
|
|
242
|
-
});
|
|
220
|
+
if (!disabled) {
|
|
221
|
+
void (async () => {
|
|
222
|
+
for (const id of ids) {
|
|
223
|
+
var _state2$timestamp;
|
|
224
|
+
const itemPath = path ? `${path}.${id}` : `${id}`;
|
|
225
|
+
const state2 = globalState.get(itemPath);
|
|
226
|
+
const {
|
|
227
|
+
deps
|
|
228
|
+
} = options;
|
|
229
|
+
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'))) {
|
|
230
|
+
var _state2$timestamp2;
|
|
231
|
+
if (!deps) globalState.dropDependencies(itemPath);
|
|
232
|
+
await load(itemPath,
|
|
233
|
+
// TODO: I guess, the loader is not correctly typed here -
|
|
234
|
+
// it can be synchronous, and in that case the following method
|
|
235
|
+
// should be kept synchronous to not alter the sync logic.
|
|
236
|
+
// eslint-disable-next-line @typescript-eslint/promise-function-async
|
|
237
|
+
(old, ...args) => loader(id, old, ...args), globalState, {
|
|
238
|
+
data: state2 === null || state2 === void 0 ? void 0 : state2.data,
|
|
239
|
+
timestamp: (_state2$timestamp2 = state2 === null || state2 === void 0 ? void 0 : state2.timestamp) !== null && _state2$timestamp2 !== void 0 ? _state2$timestamp2 : 0
|
|
240
|
+
});
|
|
241
|
+
}
|
|
243
242
|
}
|
|
244
|
-
}
|
|
245
|
-
}
|
|
243
|
+
})();
|
|
244
|
+
}
|
|
246
245
|
});
|
|
247
246
|
}
|
|
248
247
|
const [localState] = useGlobalState(path, {});
|
|
@@ -255,6 +254,7 @@ function useAsyncCollection(idOrIds, path, loader) {
|
|
|
255
254
|
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,
|
|
256
255
|
loading: !!(e !== null && e !== void 0 && e.operationId),
|
|
257
256
|
reload: heap.reloadSingle,
|
|
257
|
+
set: heap.setSingle,
|
|
258
258
|
timestamp
|
|
259
259
|
};
|
|
260
260
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAsyncCollection.js","names":["useEffect","useRef","v4","uuid","getGlobalState","DEFAULT_MAXAGE","load","newAsyncDataEnvelope","useGlobalState","hash","isDebugMode","gcOnWithhold","ids","path","gs","collection","get","id","envelope","numRefs","set","idsToStringSet","res","Set","add","toString","gcOnRelease","gcAge","entries","Object","now","Date","idSet","toBeReleased","has","timestamp","process","env","NODE_ENV","console","log","normalizeIds","idOrIds","Array","isArray","sort","a","b","localeCompare","useHeap","loader","ref","undefined","heap","current","globalState","reload","customLoader","heap2","localLoader","Error","itemPath","promiseOrVoid","oldData","meta","Promise","reloadSingle","_len","arguments","length","args","_key","useAsyncCollection","_options$maxage","_options$refreshAge","_options$garbageColle","options","maxage","refreshAge","garbageCollectAge","ssrContext","noSSR","operationId","state","initialValue","_len2","_key2","data","pending","push","idsHash","_state2$timestamp","state2","deps","hasChangedDependencies","startsWith","_state2$timestamp2","dropDependencies","old","_len3","_key3","localState","_e$timestamp","_e$data","e","loading","items","Number","MAX_VALUE","_e$timestamp2","_e$data2"],"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":[]}
|
|
1
|
+
{"version":3,"file":"useAsyncCollection.js","names":["useEffect","useRef","v4","uuid","getGlobalState","DEFAULT_MAXAGE","load","newAsyncDataEnvelope","useGlobalState","hash","isDebugMode","gcOnWithhold","ids","path","gs","collection","get","id","envelope","numRefs","set","idsToStringSet","res","Set","add","toString","gcOnRelease","gcAge","entries","Object","now","Date","idSet","toBeReleased","has","timestamp","process","env","NODE_ENV","console","log","normalizeIds","idOrIds","Array","isArray","from","sort","a","b","localeCompare","useHeap","loader","ref","undefined","heap","current","globalState","reload","customLoader","heap2","localLoader","Error","itemPath","promiseOrVoid","oldData","meta","Promise","reloadSingle","args","setSingle","data","useAsyncCollection","options","_options$maxage","_options$refreshAge","_options$garbageColle","maxage","refreshAge","garbageCollectAge","ssrContext","disabled","noSSR","operationId","state","initialValue","pending","push","idsHash","_state2$timestamp","state2","deps","hasChangedDependencies","startsWith","_state2$timestamp2","dropDependencies","old","localState","_e$timestamp","_e$data","e","loading","items","Number","MAX_VALUE","_e$timestamp2","_e$data2"],"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> = (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> = (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 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 * 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 // TODO: It should be revised it works correctly.\n setSingle(data: DataT | null) {\n void ref.current!.reload(() => data);\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) {\n if (!options.disabled && !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\n // Client-side logic.\n } else {\n const { disabled } = options;\n\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 if (!disabled) gcOnWithhold(ids, path, globalState);\n return () => {\n if (!disabled) 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 disabled,\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 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 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\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 set: heap.setSingle,\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":[]}
|
|
@@ -18,12 +18,10 @@ export const DEFAULT_MAXAGE = 5 * MIN_MS; // 5 minutes.
|
|
|
18
18
|
// related global state values are updated immediately, within the current
|
|
19
19
|
// rendering cycle.
|
|
20
20
|
|
|
21
|
-
export function newAsyncDataEnvelope(
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
timestamp = 0
|
|
26
|
-
} = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
21
|
+
export function newAsyncDataEnvelope(initialData = null, {
|
|
22
|
+
numRefs = 0,
|
|
23
|
+
timestamp = 0
|
|
24
|
+
} = {}) {
|
|
27
25
|
return {
|
|
28
26
|
data: initialData,
|
|
29
27
|
numRefs,
|
|
@@ -31,7 +29,30 @@ export function newAsyncDataEnvelope() {
|
|
|
31
29
|
timestamp
|
|
32
30
|
};
|
|
33
31
|
}
|
|
34
|
-
|
|
32
|
+
/**
|
|
33
|
+
* Writes data into the global state, and prints console messages in the debug
|
|
34
|
+
* mode.
|
|
35
|
+
*/
|
|
36
|
+
function setState(data, path, gs, prevState = gs.get(path)) {
|
|
37
|
+
if (process.env.NODE_ENV !== 'production' && isDebugMode()) {
|
|
38
|
+
/* eslint-disable no-console */
|
|
39
|
+
console.groupCollapsed(`ReactGlobalState: async data (re-)loaded. Path: "${path !== null && path !== void 0 ? path : ''}"`);
|
|
40
|
+
console.log('Data:', cloneDeepForLog(data, path !== null && path !== void 0 ? path : ''));
|
|
41
|
+
/* eslint-enable no-console */
|
|
42
|
+
}
|
|
43
|
+
gs.set(path, {
|
|
44
|
+
...prevState,
|
|
45
|
+
data,
|
|
46
|
+
operationId: '',
|
|
47
|
+
timestamp: Date.now()
|
|
48
|
+
});
|
|
49
|
+
if (process.env.NODE_ENV !== 'production' && isDebugMode()) {
|
|
50
|
+
/* eslint-disable no-console */
|
|
51
|
+
console.groupEnd();
|
|
52
|
+
/* eslint-enable no-console */
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
function finalizeLoad(data, path, gs, operationId) {
|
|
35
56
|
// NOTE: We don't really mean that it hasn't been aborted,
|
|
36
57
|
// the "false" flag rather says we don't need to trigger "on aborted"
|
|
37
58
|
// callback for this operation, if any is registered - just drop it.
|
|
@@ -39,27 +60,9 @@ function finalizeLoad(data, path, globalState, operationId) {
|
|
|
39
60
|
// Also, in the synchronous state update mode, we don't really need to set up
|
|
40
61
|
// the abort callback at all (as there is no way to use it), but for now it is
|
|
41
62
|
// set up, thus it should be cleaned out here.
|
|
42
|
-
|
|
43
|
-
const state =
|
|
44
|
-
if (operationId === (state === null || state === void 0 ? void 0 : state.operationId))
|
|
45
|
-
if (process.env.NODE_ENV !== 'production' && isDebugMode()) {
|
|
46
|
-
/* eslint-disable no-console */
|
|
47
|
-
console.groupCollapsed(`ReactGlobalState: async data (re-)loaded. Path: "${path !== null && path !== void 0 ? path : ''}"`);
|
|
48
|
-
console.log('Data:', cloneDeepForLog(data, path !== null && path !== void 0 ? path : ''));
|
|
49
|
-
/* eslint-enable no-console */
|
|
50
|
-
}
|
|
51
|
-
globalState.set(path, {
|
|
52
|
-
...state,
|
|
53
|
-
data,
|
|
54
|
-
operationId: '',
|
|
55
|
-
timestamp: Date.now()
|
|
56
|
-
});
|
|
57
|
-
if (process.env.NODE_ENV !== 'production' && isDebugMode()) {
|
|
58
|
-
/* eslint-disable no-console */
|
|
59
|
-
console.groupEnd();
|
|
60
|
-
/* eslint-enable no-console */
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
+
gs.asyncDataLoadDone(operationId, false);
|
|
64
|
+
const state = gs.get(path);
|
|
65
|
+
if (operationId === (state === null || state === void 0 ? void 0 : state.operationId)) setState(data, path, gs, state);
|
|
63
66
|
}
|
|
64
67
|
|
|
65
68
|
/**
|
|
@@ -76,8 +79,12 @@ function finalizeLoad(data, path, globalState, operationId) {
|
|
|
76
79
|
* @return Resolves once the operation is done.
|
|
77
80
|
* @ignore
|
|
78
81
|
*/
|
|
79
|
-
export function load(path, loader, globalState, old
|
|
80
|
-
|
|
82
|
+
export function load(path, loader, globalState, old,
|
|
83
|
+
// TODO: Should this parameter be just a binary flag (client or server),
|
|
84
|
+
// and UUID always generated inside this function? Or do we need it in
|
|
85
|
+
// the caller methods as well, in some cases (see useAsyncCollection()
|
|
86
|
+
// use case as well).
|
|
87
|
+
operationId = `C${uuid()}`) {
|
|
81
88
|
if (process.env.NODE_ENV !== 'production' && isDebugMode()) {
|
|
82
89
|
/* eslint-disable no-console */
|
|
83
90
|
console.log(`ReactGlobalState: async data (re-)loading. Path: "${path !== null && path !== void 0 ? path : ''}"`);
|
|
@@ -132,9 +139,11 @@ export function load(path, loader, globalState, old) {
|
|
|
132
139
|
* state.
|
|
133
140
|
*/
|
|
134
141
|
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
142
|
+
// TODO: Perhaps split the heap management to a dedicated hook,
|
|
143
|
+
// as it is done inside useAsyncCollection().
|
|
144
|
+
|
|
145
|
+
function useAsyncData(path, loader, options = {}) {
|
|
146
|
+
var _options$maxage, _options$refreshAge, _options$garbageColle, _heap$reload, _heap$set;
|
|
138
147
|
const maxage = (_options$maxage = options.maxage) !== null && _options$maxage !== void 0 ? _options$maxage : DEFAULT_MAXAGE;
|
|
139
148
|
const refreshAge = (_options$refreshAge = options.refreshAge) !== null && _options$refreshAge !== void 0 ? _options$refreshAge : maxage;
|
|
140
149
|
const garbageCollectAge = (_options$garbageColle = options.garbageCollectAge) !== null && _options$garbageColle !== void 0 ? _options$garbageColle : maxage;
|
|
@@ -156,6 +165,10 @@ function useAsyncData(path, loader) {
|
|
|
156
165
|
if (!localLoader || !heap.globalState) throw Error('Internal error');
|
|
157
166
|
return load(heap.path, localLoader, heap.globalState);
|
|
158
167
|
};
|
|
168
|
+
(_heap$set = heap.set) !== null && _heap$set !== void 0 ? _heap$set : heap.set = data => {
|
|
169
|
+
if (!heap.globalState) throw Error('Internal error');
|
|
170
|
+
setState(data, heap.path, heap.globalState);
|
|
171
|
+
};
|
|
159
172
|
if (globalState.ssrContext) {
|
|
160
173
|
if (!options.disabled && !options.noSSR && !state.operationId && !state.timestamp) {
|
|
161
174
|
const promiseOrVoid = load(path, loader, globalState, {
|
|
@@ -242,6 +255,7 @@ function useAsyncData(path, loader) {
|
|
|
242
255
|
data: maxage < Date.now() - localState.timestamp ? null : localState.data,
|
|
243
256
|
loading: Boolean(localState.operationId),
|
|
244
257
|
reload: heap.reload,
|
|
258
|
+
set: heap.set,
|
|
245
259
|
timestamp: localState.timestamp
|
|
246
260
|
};
|
|
247
261
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAsyncData.js","names":["useEffect","useRef","v4","uuid","MIN_MS","getGlobalState","useGlobalState","cloneDeepForLog","isDebugMode","DEFAULT_MAXAGE","newAsyncDataEnvelope","initialData","arguments","length","undefined","numRefs","timestamp","data","operationId","finalizeLoad","path","globalState","asyncDataLoadDone","state","get","process","env","NODE_ENV","console","groupCollapsed","log","set","Date","now","groupEnd","load","loader","old","operationIdPath","prevOperationId","definedOld","e","dataOrPromise","isAborted","opid","oldDataTimestamp","setAbortCallback","cb","Error","setAsyncDataAbortCallback","Promise","then","finally","useAsyncData","_options$maxage","_options$refreshAge","_options$garbageColle","_heap$reload","options","maxage","refreshAge","garbageCollectAge","initialValue","current","heap","reload","customLoader","localLoader","ssrContext","disabled","noSSR","promiseOrVoid","pending","push","numRefsPath","state2","dropDependencies","deps","hasChangedDependencies","startsWith","localState","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":[]}
|
|
1
|
+
{"version":3,"file":"useAsyncData.js","names":["useEffect","useRef","v4","uuid","MIN_MS","getGlobalState","useGlobalState","cloneDeepForLog","isDebugMode","DEFAULT_MAXAGE","newAsyncDataEnvelope","initialData","numRefs","timestamp","data","operationId","setState","path","gs","prevState","get","process","env","NODE_ENV","console","groupCollapsed","log","set","Date","now","groupEnd","finalizeLoad","asyncDataLoadDone","state","load","loader","globalState","old","operationIdPath","prevOperationId","definedOld","e","dataOrPromise","isAborted","opid","oldDataTimestamp","setAbortCallback","cb","Error","setAsyncDataAbortCallback","Promise","then","finally","undefined","useAsyncData","options","_options$maxage","_options$refreshAge","_options$garbageColle","_heap$reload","_heap$set","maxage","refreshAge","garbageCollectAge","initialValue","current","heap","reload","customLoader","localLoader","ssrContext","disabled","noSSR","promiseOrVoid","pending","push","numRefsPath","state2","dropDependencies","deps","hasChangedDependencies","startsWith","localState","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 set: (data: DataT | null) => void;\n timestamp: number;\n};\n\n/**\n * Writes data into the global state, and prints console messages in the debug\n * mode.\n */\nfunction setState<\n DataT,\n EnvT extends AsyncDataEnvelopeT<DataT>,\n>(\n data: DataT,\n path: string | null | undefined,\n gs: GlobalState<unknown, SsrContext<unknown>>,\n prevState: EnvT = gs.get<ForceT, EnvT>(path),\n) {\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\n gs.set<ForceT, AsyncDataEnvelopeT<DataT>>(path, {\n ...prevState,\n data,\n operationId: '',\n timestamp: Date.now(),\n });\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\nfunction finalizeLoad<DataT>(\n data: DataT,\n path: null | string | undefined,\n gs: 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 gs.asyncDataLoadDone(operationId, false);\n\n type EnvT = AsyncDataEnvelopeT<DataT> | undefined;\n const state: EnvT = gs.get<ForceT, EnvT>(path);\n\n if (operationId === state?.operationId) setState(data, path, gs, state);\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\n// TODO: Perhaps split the heap management to a dedicated hook,\n// as it is done inside useAsyncCollection().\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 set?: (data: DataT | null) => void;\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 heap.set ??= (data: DataT | null) => {\n if (!heap.globalState) throw Error('Internal error');\n setState(data, heap.path, 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 set: heap.set,\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":[]}
|
package/build/code/utils.js
CHANGED
|
@@ -44,8 +44,7 @@ const cloneDeepBailKeys = new Set();
|
|
|
44
44
|
* (to avoid situations when large payload in the global state slows down
|
|
45
45
|
* development versions of the app due to the logging overhead).
|
|
46
46
|
*/
|
|
47
|
-
export function cloneDeepForLog(value) {
|
|
48
|
-
let key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
47
|
+
export function cloneDeepForLog(value, key = '') {
|
|
49
48
|
if (cloneDeepBailKeys.has(key)) {
|
|
50
49
|
// eslint-disable-next-line no-console
|
|
51
50
|
console.warn(`The logged value won't be clonned (key "${key}").`);
|
package/build/code/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","names":["cloneDeep","isDebugMode","process","env","NODE_ENV","REACT_GLOBAL_STATE_DEBUG","cloneDeepBailKeys","Set","cloneDeepForLog","value","key","
|
|
1
|
+
{"version":3,"file":"utils.js","names":["cloneDeep","isDebugMode","process","env","NODE_ENV","REACT_GLOBAL_STATE_DEBUG","cloneDeepBailKeys","Set","cloneDeepForLog","value","key","has","console","warn","start","Date","now","res","time","add","escape","x","replace","toString","hash","items","map","join"],"sources":["../../src/utils.ts"],"sourcesContent":["import { type GetFieldType, cloneDeep } from 'lodash';\n\nexport type CallbackT = () => void;\n\n// TODO: This (ForceT, LockT, and TypeLock) probably should be moved to JS Utils\n// lib.\n\nexport declare const force: unique symbol;\nexport declare const lock: unique symbol;\n\nexport type ForceT = typeof force;\nexport type LockT = typeof lock;\n\nexport type TypeLock<\n Unlocked extends ForceT | LockT,\n\n // TODO: Revise later.\n // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n LockedT extends never | void,\n UnlockedT,\n> = Unlocked extends ForceT ? UnlockedT : LockedT;\n\n/**\n * Given the type of state, `StateT`, and the type of state path, `PathT`,\n * it evaluates the type of value at that path of the state, if it can be\n * evaluated from the path type (it is possible when `PathT` is a string\n * literal type, and `StateT` elements along this path have appropriate\n * types); otherwise it falls back to the specified `UnknownT` type,\n * which should be set either `never` (for input arguments), or `void`\n * (for return types) - `never` and `void` in those places forbid assignments,\n * and are not auto-inferred to more permissible types.\n *\n * BEWARE: When StateT is any the construct resolves to any for any string\n * paths.\n */\nexport type ValueAtPathT<\n StateT,\n PathT extends null | string | undefined,\n\n // TODO: Revise later.\n // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents, @typescript-eslint/no-invalid-void-type\n UnknownT extends never | undefined | void,\n> = unknown extends StateT\n ? UnknownT\n : string extends PathT\n ? UnknownT\n : PathT extends null | undefined\n ? StateT\n : GetFieldType<StateT, PathT> extends undefined\n ? UnknownT : GetFieldType<StateT, PathT>;\n\nexport type ValueOrInitializerT<ValueT> = ValueT | (() => ValueT);\n\n/**\n * Returns 'true' if debug logging should be performed; 'false' otherwise.\n *\n * BEWARE: The actual safeguards for the debug logging still should read\n * if (process.env.NODE_ENV !== 'production' && isDebugMode()) {\n * // Some debug logging\n * }\n * to ensure that debug code is stripped out by Webpack in production mode.\n *\n * @returns\n * @ignore\n */\nexport function isDebugMode(): boolean {\n try {\n return process.env.NODE_ENV !== 'production'\n && !!process.env.REACT_GLOBAL_STATE_DEBUG;\n } catch {\n return false;\n }\n}\n\nconst cloneDeepBailKeys = new Set<string>();\n\n/**\n * Deep-clones given value for logging purposes, or returns the value itself\n * if the previous clone attempt, with the same key, took more than 300ms\n * (to avoid situations when large payload in the global state slows down\n * development versions of the app due to the logging overhead).\n */\nexport function cloneDeepForLog<T>(value: T, key: string = ''): T {\n if (cloneDeepBailKeys.has(key)) {\n // eslint-disable-next-line no-console\n console.warn(`The logged value won't be clonned (key \"${key}\").`);\n return value;\n }\n\n const start = Date.now();\n const res = cloneDeep(value);\n const time = Date.now() - start;\n if (time > 300) {\n // eslint-disable-next-line no-console\n console.warn(`${time}ms spent to clone the logged value (key \"${key}\").`);\n cloneDeepBailKeys.add(key);\n }\n\n return res;\n}\n\n/**\n * Converts given value to an escaped string. For now, we are good with the most\n * trivial escape logic:\n * - '%' characters are replaced by '%0' code pair;\n * - '/' characters are replaced by '%1' code pair.\n */\nexport function escape(x: number | string): string {\n return typeof x === 'string'\n ? x.replace(/%/g, '%0').replace(/\\//g, '%1')\n : x.toString();\n}\n\n/**\n * Hashes given string array. For our current needs we are fine to go with\n * the most trivial implementation, which probably should not be called \"hash\"\n * in the strict sense: we just escape each given string to not include '/'\n * characters, and then we join all those strings using '/' as the separator.\n */\nexport function hash(items: Array<number | string>): string {\n return items.map(escape).join('/');\n}\n"],"mappings":"AAAA,SAA4BA,SAAS,QAAQ,QAAQ;;AAIrD;AACA;;AAiBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAAA,EAAY;EACrC,IAAI;IACF,OAAOC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,IACvC,CAAC,CAACF,OAAO,CAACC,GAAG,CAACE,wBAAwB;EAC7C,CAAC,CAAC,MAAM;IACN,OAAO,KAAK;EACd;AACF;AAEA,MAAMC,iBAAiB,GAAG,IAAIC,GAAG,CAAS,CAAC;;AAE3C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAIC,KAAQ,EAAEC,GAAW,GAAG,EAAE,EAAK;EAChE,IAAIJ,iBAAiB,CAACK,GAAG,CAACD,GAAG,CAAC,EAAE;IAC9B;IACAE,OAAO,CAACC,IAAI,CAAC,2CAA2CH,GAAG,KAAK,CAAC;IACjE,OAAOD,KAAK;EACd;EAEA,MAAMK,KAAK,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC;EACxB,MAAMC,GAAG,GAAGjB,SAAS,CAACS,KAAK,CAAC;EAC5B,MAAMS,IAAI,GAAGH,IAAI,CAACC,GAAG,CAAC,CAAC,GAAGF,KAAK;EAC/B,IAAII,IAAI,GAAG,GAAG,EAAE;IACd;IACAN,OAAO,CAACC,IAAI,CAAC,GAAGK,IAAI,4CAA4CR,GAAG,KAAK,CAAC;IACzEJ,iBAAiB,CAACa,GAAG,CAACT,GAAG,CAAC;EAC5B;EAEA,OAAOO,GAAG;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,MAAMA,CAACC,CAAkB,EAAU;EACjD,OAAO,OAAOA,CAAC,KAAK,QAAQ,GACxBA,CAAC,CAACC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAACA,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,GAC1CD,CAAC,CAACE,QAAQ,CAAC,CAAC;AAClB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,IAAIA,CAACC,KAA6B,EAAU;EAC1D,OAAOA,KAAK,CAACC,GAAG,CAACN,MAAM,CAAC,CAACO,IAAI,CAAC,GAAG,CAAC;AACpC","ignoreList":[]}
|
package/build/types/index.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import SsrContext from './SsrContext';
|
|
|
4
4
|
import useAsyncCollection, { type UseAsyncCollectionI, type UseAsyncCollectionResT } from './useAsyncCollection';
|
|
5
5
|
import { type AsyncDataEnvelopeT, type AsyncDataLoaderT, type AsyncDataReloaderT, type UseAsyncDataI, type UseAsyncDataOptionsT, type UseAsyncDataResT, newAsyncDataEnvelope, useAsyncData } from './useAsyncData';
|
|
6
6
|
import useGlobalState, { type UseGlobalStateI } from './useGlobalState';
|
|
7
|
-
export type { AsyncCollectionLoaderT, AsyncCollectionT } from './useAsyncCollection';
|
|
7
|
+
export type { AsyncCollectionLoaderT, AsyncCollectionReloaderT, AsyncCollectionT, } from './useAsyncCollection';
|
|
8
8
|
export type { SetterT, UseGlobalStateResT } from './useGlobalState';
|
|
9
9
|
export type { ForceT, ValueOrInitializerT } from './utils';
|
|
10
10
|
export { type AsyncDataEnvelopeT, type AsyncDataLoaderT, type AsyncDataReloaderT, type UseAsyncCollectionResT, type UseAsyncDataOptionsT, type UseAsyncDataResT, getGlobalState, getSsrContext, GlobalState, GlobalStateProvider, newAsyncDataEnvelope, SsrContext, useAsyncCollection, useAsyncData, useGlobalState, };
|