shelving 1.272.0 → 1.273.0
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/db/cache/DBCache.d.ts +1 -1
- package/db/cache/DBCache.js +3 -2
- package/db/index.d.ts +1 -0
- package/db/index.js +1 -0
- package/db/provider/MemoryDBProvider.d.ts +15 -2
- package/db/provider/MemoryDBProvider.js +33 -47
- package/db/provider/StorageDBProvider.d.ts +79 -0
- package/db/provider/StorageDBProvider.js +163 -0
- package/package.json +1 -1
package/db/cache/DBCache.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import type { Identifier, Item } from "../../util/item.js";
|
|
|
3
3
|
import type { Query } from "../../util/query.js";
|
|
4
4
|
import type { Collection } from "../collection/Collection.js";
|
|
5
5
|
import type { DBProvider } from "../provider/DBProvider.js";
|
|
6
|
-
import
|
|
6
|
+
import { MemoryDBProvider } from "../provider/MemoryDBProvider.js";
|
|
7
7
|
import type { ItemStore } from "../store/ItemStore.js";
|
|
8
8
|
import type { QueryStore } from "../store/QueryStore.js";
|
|
9
9
|
import { CollectionCache } from "./CollectionCache.js";
|
package/db/cache/DBCache.js
CHANGED
|
@@ -2,6 +2,7 @@ import { awaitDispose } from "../../util/dispose.js";
|
|
|
2
2
|
import { setMapItem } from "../../util/map.js";
|
|
3
3
|
import { getSource } from "../../util/source.js";
|
|
4
4
|
import { CacheDBProvider } from "../provider/CacheDBProvider.js";
|
|
5
|
+
import { MemoryDBProvider } from "../provider/MemoryDBProvider.js";
|
|
5
6
|
import { CollectionCache } from "./CollectionCache.js";
|
|
6
7
|
/**
|
|
7
8
|
* Cache of `CollectionCache` objects for multiple collections.
|
|
@@ -28,8 +29,8 @@ export class DBCache {
|
|
|
28
29
|
memory;
|
|
29
30
|
constructor(provider) {
|
|
30
31
|
this.provider = provider;
|
|
31
|
-
// If the provider chain contains a `CacheDBProvider`, reuse its memory so we can seed stores synchronously.
|
|
32
|
-
this.memory = getSource(CacheDBProvider, provider)?.memory;
|
|
32
|
+
// If the provider is itself in-memory (e.g. `MemoryDBProvider` or `StorageDBProvider`), or the chain contains a `CacheDBProvider`, reuse its memory so we can seed stores synchronously.
|
|
33
|
+
this.memory = provider instanceof MemoryDBProvider ? provider : getSource(CacheDBProvider, provider)?.memory;
|
|
33
34
|
}
|
|
34
35
|
_get(collection) {
|
|
35
36
|
return this._collections.get(collection);
|
package/db/index.d.ts
CHANGED
|
@@ -14,6 +14,7 @@ export * from "./provider/MockDBProvider.js";
|
|
|
14
14
|
export * from "./provider/PostgreSQLProvider.js";
|
|
15
15
|
export * from "./provider/SQLiteProvider.js";
|
|
16
16
|
export * from "./provider/SQLProvider.js";
|
|
17
|
+
export * from "./provider/StorageDBProvider.js";
|
|
17
18
|
export * from "./provider/ThroughDBProvider.js";
|
|
18
19
|
export * from "./provider/ValidationDBProvider.js";
|
|
19
20
|
export * from "./store/ItemStore.js";
|
package/db/index.js
CHANGED
|
@@ -14,6 +14,7 @@ export * from "./provider/MockDBProvider.js";
|
|
|
14
14
|
export * from "./provider/PostgreSQLProvider.js";
|
|
15
15
|
export * from "./provider/SQLiteProvider.js";
|
|
16
16
|
export * from "./provider/SQLProvider.js";
|
|
17
|
+
export * from "./provider/StorageDBProvider.js";
|
|
17
18
|
export * from "./provider/ThroughDBProvider.js";
|
|
18
19
|
export * from "./provider/ValidationDBProvider.js";
|
|
19
20
|
export * from "./store/ItemStore.js";
|
|
@@ -16,7 +16,9 @@ import { DBProvider } from "./DBProvider.js";
|
|
|
16
16
|
*/
|
|
17
17
|
export declare class MemoryDBProvider<I extends Identifier = Identifier, T extends Data = Data> extends DBProvider<I, T> {
|
|
18
18
|
/** List of tables in `{ name: MemoryTable }` format. */
|
|
19
|
-
|
|
19
|
+
protected _tables: {
|
|
20
|
+
[K in string]?: MemoryTable<I, T>;
|
|
21
|
+
};
|
|
20
22
|
/**
|
|
21
23
|
* Get (or lazily create) the `MemoryTable` backing a collection.
|
|
22
24
|
*
|
|
@@ -25,6 +27,15 @@ export declare class MemoryDBProvider<I extends Identifier = Identifier, T exten
|
|
|
25
27
|
* @see https://shelving.cc/db/MemoryDBProvider/getTable
|
|
26
28
|
*/
|
|
27
29
|
getTable<II extends I, TT extends T>(collection: Collection<string, II, TT>): MemoryTable<II, TT>;
|
|
30
|
+
/**
|
|
31
|
+
* Create a new `MemoryTable` for a collection (without registering it — use `getTable()` for that).
|
|
32
|
+
* - Override point for subclasses that back collections with a specialised table, e.g. `StorageDBProvider`.
|
|
33
|
+
*
|
|
34
|
+
* @param collection Collection to create a table for.
|
|
35
|
+
* @example provider.createTable(users) // MemoryTable
|
|
36
|
+
* @see https://shelving.cc/db/MemoryDBProvider/createTable
|
|
37
|
+
*/
|
|
38
|
+
createTable<II extends I, TT extends T>(collection: Collection<string, II, TT>): MemoryTable<II, TT>;
|
|
28
39
|
getItem<II extends I, TT extends T>(collection: Collection<string, II, TT>, id: II): Promise<OptionalItem<II, TT>>;
|
|
29
40
|
getItemSequence<II extends I, TT extends T>(collection: Collection<string, II, TT>, id: II): OptionalItemSequence<II, TT>;
|
|
30
41
|
addItem<II extends I, TT extends T>(collection: Collection<string, II, TT>, data: TT): Promise<II>;
|
|
@@ -46,6 +57,7 @@ export declare class MemoryDBProvider<I extends Identifier = Identifier, T exten
|
|
|
46
57
|
* @see https://shelving.cc/db/MemoryDBProvider/setItems
|
|
47
58
|
*/
|
|
48
59
|
setItems<II extends I, TT extends T>(collection: Collection<string, II, TT>, items: Items<II, TT>): void;
|
|
60
|
+
[Symbol.asyncDispose](): Promise<void>;
|
|
49
61
|
}
|
|
50
62
|
/**
|
|
51
63
|
* In-memory table holding the items of a single collection for a `MemoryDBProvider`.
|
|
@@ -59,7 +71,7 @@ export declare class MemoryDBProvider<I extends Identifier = Identifier, T exten
|
|
|
59
71
|
*
|
|
60
72
|
* @see https://shelving.cc/db/MemoryTable
|
|
61
73
|
*/
|
|
62
|
-
export declare class MemoryTable<I extends Identifier, T extends Data> {
|
|
74
|
+
export declare class MemoryTable<I extends Identifier, T extends Data> implements AsyncDisposable {
|
|
63
75
|
/** Actual data in this table. */
|
|
64
76
|
protected readonly _data: Map<I, Item<I, T>>;
|
|
65
77
|
/**
|
|
@@ -203,4 +215,5 @@ export declare class MemoryTable<I extends Identifier, T extends Data> {
|
|
|
203
215
|
deleteQuery(query: Query<Item<I, T>>): void;
|
|
204
216
|
setItems(items: Items<I, T>): void;
|
|
205
217
|
setItemsSequence(sequence: AsyncIterable<Items<I, T>>): AsyncIterable<Items<I, T>>;
|
|
218
|
+
[Symbol.asyncDispose](): Promise<void>;
|
|
206
219
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { StringSchema } from "../../schema/StringSchema.js";
|
|
2
2
|
import { DeferredSequence } from "../../sequence/DeferredSequence.js";
|
|
3
3
|
import { requireArray } from "../../util/array.js";
|
|
4
|
+
import { awaitDispose } from "../../util/dispose.js";
|
|
4
5
|
import { isArrayEqual } from "../../util/equal.js";
|
|
5
6
|
import { getItem } from "../../util/item.js";
|
|
6
7
|
import { countItems } from "../../util/iterate.js";
|
|
@@ -28,7 +29,18 @@ export class MemoryDBProvider extends DBProvider {
|
|
|
28
29
|
* @see https://shelving.cc/db/MemoryDBProvider/getTable
|
|
29
30
|
*/
|
|
30
31
|
getTable(collection) {
|
|
31
|
-
return (this._tables[collection.name] ||=
|
|
32
|
+
return (this._tables[collection.name] ||= this.createTable(collection));
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* Create a new `MemoryTable` for a collection (without registering it — use `getTable()` for that).
|
|
36
|
+
* - Override point for subclasses that back collections with a specialised table, e.g. `StorageDBProvider`.
|
|
37
|
+
*
|
|
38
|
+
* @param collection Collection to create a table for.
|
|
39
|
+
* @example provider.createTable(users) // MemoryTable
|
|
40
|
+
* @see https://shelving.cc/db/MemoryDBProvider/createTable
|
|
41
|
+
*/
|
|
42
|
+
createTable(collection) {
|
|
43
|
+
return new MemoryTable(collection);
|
|
32
44
|
}
|
|
33
45
|
async getItem(collection, id) {
|
|
34
46
|
return this.getTable(collection).getItem(id);
|
|
@@ -77,6 +89,11 @@ export class MemoryDBProvider extends DBProvider {
|
|
|
77
89
|
setItems(collection, items) {
|
|
78
90
|
this.getTable(collection).setItems(items);
|
|
79
91
|
}
|
|
92
|
+
// Implement `AsyncDisposable`
|
|
93
|
+
async [Symbol.asyncDispose]() {
|
|
94
|
+
await awaitDispose(...Object.values(this._tables), // Dispose all tables.
|
|
95
|
+
super[Symbol.asyncDispose]());
|
|
96
|
+
}
|
|
80
97
|
}
|
|
81
98
|
/**
|
|
82
99
|
* In-memory table holding the items of a single collection for a `MemoryDBProvider`.
|
|
@@ -214,11 +231,7 @@ export class MemoryTable {
|
|
|
214
231
|
const oldItem = this._data.get(id);
|
|
215
232
|
if (!oldItem)
|
|
216
233
|
return;
|
|
217
|
-
|
|
218
|
-
if (this._data.get(id) !== nextItem) {
|
|
219
|
-
this._data.set(id, nextItem);
|
|
220
|
-
this.next.resolve();
|
|
221
|
-
}
|
|
234
|
+
this.setItem(id, updateData(oldItem, updates));
|
|
222
235
|
}
|
|
223
236
|
/**
|
|
224
237
|
* Delete an item by its id.
|
|
@@ -287,16 +300,8 @@ export class MemoryTable {
|
|
|
287
300
|
* @see https://shelving.cc/db/MemoryTable/setQuery
|
|
288
301
|
*/
|
|
289
302
|
setQuery(query, data) {
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
const item = getItem(id, data);
|
|
293
|
-
if (this._data.get(id) !== item) {
|
|
294
|
-
this._data.set(id, item);
|
|
295
|
-
changed = true;
|
|
296
|
-
}
|
|
297
|
-
}
|
|
298
|
-
if (changed)
|
|
299
|
-
this.next.resolve();
|
|
303
|
+
for (const { id } of queryWritableItems(this._data.values(), query))
|
|
304
|
+
this.setItem(id, data);
|
|
300
305
|
}
|
|
301
306
|
/**
|
|
302
307
|
* Apply partial updates to every item matching a query.
|
|
@@ -307,41 +312,16 @@ export class MemoryTable {
|
|
|
307
312
|
* @see https://shelving.cc/db/MemoryTable/updateQuery
|
|
308
313
|
*/
|
|
309
314
|
updateQuery(query, updates) {
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
const oldItem = this._data.get(id);
|
|
313
|
-
if (!oldItem)
|
|
314
|
-
continue;
|
|
315
|
-
const nextItem = updateData(oldItem, updates);
|
|
316
|
-
if (this._data.get(id) !== nextItem) {
|
|
317
|
-
this._data.set(id, nextItem);
|
|
318
|
-
changed = true;
|
|
319
|
-
}
|
|
320
|
-
}
|
|
321
|
-
if (changed)
|
|
322
|
-
this.next.resolve();
|
|
315
|
+
for (const { id } of queryWritableItems(this._data.values(), query))
|
|
316
|
+
this.updateItem(id, updates);
|
|
323
317
|
}
|
|
324
318
|
deleteQuery(query) {
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
if (this._data.has(id)) {
|
|
328
|
-
this._data.delete(id);
|
|
329
|
-
changed = true;
|
|
330
|
-
}
|
|
331
|
-
}
|
|
332
|
-
if (changed)
|
|
333
|
-
this.next.resolve();
|
|
319
|
+
for (const { id } of queryWritableItems(this._data.values(), query))
|
|
320
|
+
this.deleteItem(id);
|
|
334
321
|
}
|
|
335
322
|
setItems(items) {
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
if (this._data.get(item.id) !== item) {
|
|
339
|
-
this._data.set(item.id, item);
|
|
340
|
-
changed = true;
|
|
341
|
-
}
|
|
342
|
-
}
|
|
343
|
-
if (changed)
|
|
344
|
-
this.next.resolve();
|
|
323
|
+
for (const item of items)
|
|
324
|
+
this.setItem(item.id, item);
|
|
345
325
|
}
|
|
346
326
|
async *setItemsSequence(sequence) {
|
|
347
327
|
for await (const items of sequence) {
|
|
@@ -349,4 +329,10 @@ export class MemoryTable {
|
|
|
349
329
|
yield items;
|
|
350
330
|
}
|
|
351
331
|
}
|
|
332
|
+
// Implement `AsyncDisposable`
|
|
333
|
+
async [Symbol.asyncDispose]() {
|
|
334
|
+
await awaitDispose(
|
|
335
|
+
// Empty by default.
|
|
336
|
+
);
|
|
337
|
+
}
|
|
352
338
|
}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import type { Data } from "../../util/data.js";
|
|
2
|
+
import type { Identifier, Item } from "../../util/item.js";
|
|
3
|
+
import type { Collection } from "../collection/Collection.js";
|
|
4
|
+
import { MemoryDBProvider, MemoryTable } from "./MemoryDBProvider.js";
|
|
5
|
+
/**
|
|
6
|
+
* In-memory database provider that persists every collection to a `Storage` — `localStorage`, `sessionStorage`, or anything else with the same interface.
|
|
7
|
+
*
|
|
8
|
+
* - Extends `MemoryDBProvider`, so all reads, queries, and realtime sequences are served synchronously from memory, and it can seed `ItemStore` / `QueryStore` and act as the cache inside `CacheDBProvider`. The only difference is that collections are backed by `StorageTable` instead of `MemoryTable`.
|
|
9
|
+
* - The storage is a required argument (there is no default), so server code that constructs this provider must reference `localStorage` / `sessionStorage` itself — surfacing the mistake at the callsite instead of deep inside this class.
|
|
10
|
+
* - Treat the persisted data as best-effort: quota is shared across the origin (typically ~5MB) and users can clear it at any time. Data read back from storage is unvalidated — wrap this provider in `ValidationDBProvider` if it may have been written by an older version of your app.
|
|
11
|
+
* - If the storage is unusable (writes blocked by browser settings, or private browsing with zero quota), the provider degrades to memory-only operation — check the `persistent` flag to warn users their changes won't be saved.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* const provider = new StorageDBProvider(localStorage);
|
|
15
|
+
* if (!provider.persistent) console.warn("Changes won't be saved on this device.");
|
|
16
|
+
* const id = await provider.addItem(users, { name: "Dave" });
|
|
17
|
+
*
|
|
18
|
+
* @see https://shelving.cc/db/StorageDBProvider
|
|
19
|
+
*/
|
|
20
|
+
export declare class StorageDBProvider<I extends Identifier = Identifier, T extends Data = Data> extends MemoryDBProvider<I, T> {
|
|
21
|
+
/**
|
|
22
|
+
* Prefix for every storage key written by this provider.
|
|
23
|
+
*
|
|
24
|
+
* @see https://shelving.cc/db/StorageDBProvider/prefix
|
|
25
|
+
*/
|
|
26
|
+
readonly prefix: string;
|
|
27
|
+
/**
|
|
28
|
+
* Whether this provider is actually persisting to storage.
|
|
29
|
+
* - `false` when storage exists but is unusable (e.g. blocked by browser settings, or private browsing with zero quota) — the provider still works, but data only lives in memory and is lost when the page closes.
|
|
30
|
+
*
|
|
31
|
+
* @see https://shelving.cc/db/StorageDBProvider/persistent
|
|
32
|
+
*/
|
|
33
|
+
readonly persistent: boolean;
|
|
34
|
+
/** Storage being persisted to, or `undefined` when operating memory-only. */
|
|
35
|
+
private readonly _storage;
|
|
36
|
+
/**
|
|
37
|
+
* @param storage `Storage` instance to persist to, e.g. `localStorage` or `sessionStorage` (required so environments without one, e.g. the server, fail at the callsite).
|
|
38
|
+
* @param prefix Prefix for every storage key written by this provider, so it can share an origin's storage with other code (defaults to `"shelving:"`).
|
|
39
|
+
*/
|
|
40
|
+
constructor(storage: Storage, prefix?: string);
|
|
41
|
+
/** Back collections with a `StorageTable`, or a plain `MemoryTable` when operating memory-only. */
|
|
42
|
+
createTable<II extends I, TT extends T>(collection: Collection<string, II, TT>): MemoryTable<II, TT>;
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* `MemoryTable` that persists its items to a `Storage` instance — self-contained, so it can also be used independently of `StorageDBProvider`.
|
|
46
|
+
*
|
|
47
|
+
* - Hydrates itself from storage on construction, then persists each write *before* applying it to memory, so a failed write (e.g. `QuotaExceededError` when the origin's quota is full) throws and leaves memory and storage consistent.
|
|
48
|
+
* - Items are stored as JSON under keys formatted as `{prefix}{collection}:{id}`, so values must be JSON-serializable. The id in the key is authoritative — an `id` stored inside the JSON is overridden.
|
|
49
|
+
* - Listens for `storage` events, so changes made in other tabs/windows update memory and notify realtime sequences. Dispose the table (or its provider) to remove the listener.
|
|
50
|
+
*
|
|
51
|
+
* @see https://shelving.cc/db/StorageTable
|
|
52
|
+
*/
|
|
53
|
+
export declare class StorageTable<I extends Identifier, T extends Data> extends MemoryTable<I, T> {
|
|
54
|
+
/** Prefix for every storage key belonging to this table, e.g. `"shelving:users:"`. */
|
|
55
|
+
private readonly _prefix;
|
|
56
|
+
/** Storage this table persists to. */
|
|
57
|
+
private readonly _storage;
|
|
58
|
+
/** Attached `storage` event listener (so it can be detached on dispose), or `undefined` if none was attached. */
|
|
59
|
+
private readonly _listener;
|
|
60
|
+
constructor(collection: Collection<string, I, T>, storage: Storage, prefix?: string);
|
|
61
|
+
/** Load every persisted item of this table's collection into memory (directly, skipping the persist-back in `setItem()`). */
|
|
62
|
+
private _hydrate;
|
|
63
|
+
/** Storage key for an item of this table. */
|
|
64
|
+
private _key;
|
|
65
|
+
/** Identifier encoded in a storage key of this table. */
|
|
66
|
+
private _decodeKey;
|
|
67
|
+
/** Parse a stored JSON value into an item with the given id, or `undefined` if it's malformed. */
|
|
68
|
+
private _parse;
|
|
69
|
+
/**
|
|
70
|
+
* Apply a `storage` event (a change made in another tab/window) to this table.
|
|
71
|
+
* - Reuses `setItem()` / `deleteItem()` — re-persisting the value already in storage is a no-op, and same-tab writes don't fire `storage` events, so this can't loop.
|
|
72
|
+
*/
|
|
73
|
+
private _syncStorage;
|
|
74
|
+
/** Persist to storage first — a failure (e.g. `QuotaExceededError`) throws before memory changes, keeping the two consistent. */
|
|
75
|
+
setItem(id: I, data: Item<I, T> | T): void;
|
|
76
|
+
/** Remove from storage first, keeping storage and memory consistent. */
|
|
77
|
+
deleteItem(id: I): void;
|
|
78
|
+
[Symbol.asyncDispose](): Promise<void>;
|
|
79
|
+
}
|
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
import { UnsupportedError } from "../../error/UnsupportedError.js";
|
|
2
|
+
import { StringSchema } from "../../schema/StringSchema.js";
|
|
3
|
+
import { isData } from "../../util/data.js";
|
|
4
|
+
import { awaitDispose } from "../../util/dispose.js";
|
|
5
|
+
import { getItem } from "../../util/item.js";
|
|
6
|
+
import { MemoryDBProvider, MemoryTable } from "./MemoryDBProvider.js";
|
|
7
|
+
/**
|
|
8
|
+
* In-memory database provider that persists every collection to a `Storage` — `localStorage`, `sessionStorage`, or anything else with the same interface.
|
|
9
|
+
*
|
|
10
|
+
* - Extends `MemoryDBProvider`, so all reads, queries, and realtime sequences are served synchronously from memory, and it can seed `ItemStore` / `QueryStore` and act as the cache inside `CacheDBProvider`. The only difference is that collections are backed by `StorageTable` instead of `MemoryTable`.
|
|
11
|
+
* - The storage is a required argument (there is no default), so server code that constructs this provider must reference `localStorage` / `sessionStorage` itself — surfacing the mistake at the callsite instead of deep inside this class.
|
|
12
|
+
* - Treat the persisted data as best-effort: quota is shared across the origin (typically ~5MB) and users can clear it at any time. Data read back from storage is unvalidated — wrap this provider in `ValidationDBProvider` if it may have been written by an older version of your app.
|
|
13
|
+
* - If the storage is unusable (writes blocked by browser settings, or private browsing with zero quota), the provider degrades to memory-only operation — check the `persistent` flag to warn users their changes won't be saved.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* const provider = new StorageDBProvider(localStorage);
|
|
17
|
+
* if (!provider.persistent) console.warn("Changes won't be saved on this device.");
|
|
18
|
+
* const id = await provider.addItem(users, { name: "Dave" });
|
|
19
|
+
*
|
|
20
|
+
* @see https://shelving.cc/db/StorageDBProvider
|
|
21
|
+
*/
|
|
22
|
+
export class StorageDBProvider extends MemoryDBProvider {
|
|
23
|
+
/**
|
|
24
|
+
* Prefix for every storage key written by this provider.
|
|
25
|
+
*
|
|
26
|
+
* @see https://shelving.cc/db/StorageDBProvider/prefix
|
|
27
|
+
*/
|
|
28
|
+
prefix;
|
|
29
|
+
/**
|
|
30
|
+
* Whether this provider is actually persisting to storage.
|
|
31
|
+
* - `false` when storage exists but is unusable (e.g. blocked by browser settings, or private browsing with zero quota) — the provider still works, but data only lives in memory and is lost when the page closes.
|
|
32
|
+
*
|
|
33
|
+
* @see https://shelving.cc/db/StorageDBProvider/persistent
|
|
34
|
+
*/
|
|
35
|
+
persistent;
|
|
36
|
+
/** Storage being persisted to, or `undefined` when operating memory-only. */
|
|
37
|
+
_storage;
|
|
38
|
+
/**
|
|
39
|
+
* @param storage `Storage` instance to persist to, e.g. `localStorage` or `sessionStorage` (required so environments without one, e.g. the server, fail at the callsite).
|
|
40
|
+
* @param prefix Prefix for every storage key written by this provider, so it can share an origin's storage with other code (defaults to `"shelving:"`).
|
|
41
|
+
*/
|
|
42
|
+
constructor(storage, prefix = "shelving:") {
|
|
43
|
+
super();
|
|
44
|
+
this.prefix = prefix;
|
|
45
|
+
if (!storage)
|
|
46
|
+
throw new UnsupportedError("StorageDBProvider requires a Storage, e.g. localStorage or sessionStorage", {
|
|
47
|
+
caller: StorageDBProvider,
|
|
48
|
+
});
|
|
49
|
+
// Probe with a write+remove: private browsing can expose a `Storage` whose every write throws.
|
|
50
|
+
try {
|
|
51
|
+
const probe = `${prefix}?`;
|
|
52
|
+
storage.setItem(probe, "?");
|
|
53
|
+
storage.removeItem(probe);
|
|
54
|
+
this.persistent = true;
|
|
55
|
+
this._storage = storage;
|
|
56
|
+
}
|
|
57
|
+
catch {
|
|
58
|
+
// Unusable storage — degrade to memory-only.
|
|
59
|
+
this.persistent = false;
|
|
60
|
+
this._storage = undefined;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
/** Back collections with a `StorageTable`, or a plain `MemoryTable` when operating memory-only. */
|
|
64
|
+
createTable(collection) {
|
|
65
|
+
return this._storage ? new StorageTable(collection, this._storage, this.prefix) : super.createTable(collection);
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
/**
|
|
69
|
+
* `MemoryTable` that persists its items to a `Storage` instance — self-contained, so it can also be used independently of `StorageDBProvider`.
|
|
70
|
+
*
|
|
71
|
+
* - Hydrates itself from storage on construction, then persists each write *before* applying it to memory, so a failed write (e.g. `QuotaExceededError` when the origin's quota is full) throws and leaves memory and storage consistent.
|
|
72
|
+
* - Items are stored as JSON under keys formatted as `{prefix}{collection}:{id}`, so values must be JSON-serializable. The id in the key is authoritative — an `id` stored inside the JSON is overridden.
|
|
73
|
+
* - Listens for `storage` events, so changes made in other tabs/windows update memory and notify realtime sequences. Dispose the table (or its provider) to remove the listener.
|
|
74
|
+
*
|
|
75
|
+
* @see https://shelving.cc/db/StorageTable
|
|
76
|
+
*/
|
|
77
|
+
export class StorageTable extends MemoryTable {
|
|
78
|
+
/** Prefix for every storage key belonging to this table, e.g. `"shelving:users:"`. */
|
|
79
|
+
_prefix;
|
|
80
|
+
/** Storage this table persists to. */
|
|
81
|
+
_storage;
|
|
82
|
+
/** Attached `storage` event listener (so it can be detached on dispose), or `undefined` if none was attached. */
|
|
83
|
+
_listener;
|
|
84
|
+
constructor(collection, storage, prefix = "shelving:") {
|
|
85
|
+
super(collection);
|
|
86
|
+
this._storage = storage;
|
|
87
|
+
this._prefix = `${prefix}${collection.name}:`;
|
|
88
|
+
this._hydrate();
|
|
89
|
+
// Changes made in other tabs/windows arrive as `storage` events on the global scope.
|
|
90
|
+
if (typeof globalThis.addEventListener === "function") {
|
|
91
|
+
this._listener = event => this._syncStorage(event);
|
|
92
|
+
globalThis.addEventListener("storage", this._listener);
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
/** Load every persisted item of this table's collection into memory (directly, skipping the persist-back in `setItem()`). */
|
|
96
|
+
_hydrate() {
|
|
97
|
+
for (let i = 0; i < this._storage.length; i++) {
|
|
98
|
+
const key = this._storage.key(i);
|
|
99
|
+
if (key?.startsWith(this._prefix)) {
|
|
100
|
+
const id = this._decodeKey(key);
|
|
101
|
+
const item = this._parse(id, this._storage.getItem(key));
|
|
102
|
+
if (item)
|
|
103
|
+
this._data.set(id, item);
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
/** Storage key for an item of this table. */
|
|
108
|
+
_key(id) {
|
|
109
|
+
return `${this._prefix}${id}`;
|
|
110
|
+
}
|
|
111
|
+
/** Identifier encoded in a storage key of this table. */
|
|
112
|
+
_decodeKey(key) {
|
|
113
|
+
const raw = key.slice(this._prefix.length);
|
|
114
|
+
return (this.collection.id instanceof StringSchema ? raw : Number(raw)); // `as I` needed: TypeScript can't narrow I from the schema check.
|
|
115
|
+
}
|
|
116
|
+
/** Parse a stored JSON value into an item with the given id, or `undefined` if it's malformed. */
|
|
117
|
+
_parse(id, value) {
|
|
118
|
+
if (value) {
|
|
119
|
+
try {
|
|
120
|
+
const data = JSON.parse(value);
|
|
121
|
+
if (isData(data))
|
|
122
|
+
return getItem(id, data); // `as T` needed: stored values are unvalidated — wrap the provider in `ValidationDBProvider` to validate them.
|
|
123
|
+
}
|
|
124
|
+
catch {
|
|
125
|
+
// Malformed values are skipped, not deleted — they may belong to other code sharing the prefix.
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
/**
|
|
130
|
+
* Apply a `storage` event (a change made in another tab/window) to this table.
|
|
131
|
+
* - Reuses `setItem()` / `deleteItem()` — re-persisting the value already in storage is a no-op, and same-tab writes don't fire `storage` events, so this can't loop.
|
|
132
|
+
*/
|
|
133
|
+
_syncStorage({ storageArea, key, newValue }) {
|
|
134
|
+
if (storageArea !== this._storage)
|
|
135
|
+
return;
|
|
136
|
+
if (key === null) {
|
|
137
|
+
this.deleteQuery({}); // A `null` key means the other tab called `storage.clear()`.
|
|
138
|
+
}
|
|
139
|
+
else if (key.startsWith(this._prefix)) {
|
|
140
|
+
const id = this._decodeKey(key);
|
|
141
|
+
const item = newValue !== null ? this._parse(id, newValue) : undefined;
|
|
142
|
+
item ? this.setItem(id, item) : this.deleteItem(id);
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
/** Persist to storage first — a failure (e.g. `QuotaExceededError`) throws before memory changes, keeping the two consistent. */
|
|
146
|
+
setItem(id, data) {
|
|
147
|
+
const item = getItem(id, data);
|
|
148
|
+
if (this._data.get(id) !== item)
|
|
149
|
+
this._storage.setItem(this._key(id), JSON.stringify(item));
|
|
150
|
+
super.setItem(id, item);
|
|
151
|
+
}
|
|
152
|
+
/** Remove from storage first, keeping storage and memory consistent. */
|
|
153
|
+
deleteItem(id) {
|
|
154
|
+
if (this._data.has(id))
|
|
155
|
+
this._storage.removeItem(this._key(id));
|
|
156
|
+
super.deleteItem(id);
|
|
157
|
+
}
|
|
158
|
+
// Implement `AsyncDisposable`
|
|
159
|
+
async [Symbol.asyncDispose]() {
|
|
160
|
+
await awaitDispose(() => this._listener && globalThis.removeEventListener("storage", this._listener), // Stop listening for `storage` events.
|
|
161
|
+
super[Symbol.asyncDispose]());
|
|
162
|
+
}
|
|
163
|
+
}
|