@bquery/bquery 1.7.0 → 1.8.1
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/README.md +760 -716
- package/dist/{a11y-C5QOVvRn.js → a11y-DVBCy09c.js} +3 -3
- package/dist/a11y-DVBCy09c.js.map +1 -0
- package/dist/a11y.es.mjs +1 -1
- package/dist/component/library.d.ts.map +1 -1
- package/dist/{component-CuuTijA6.js → component-L3-JfOFz.js} +5 -5
- package/dist/component-L3-JfOFz.js.map +1 -0
- package/dist/component.es.mjs +1 -1
- package/dist/{config-BW35FKuA.js → config-DhT9auRm.js} +1 -1
- package/dist/{config-BW35FKuA.js.map → config-DhT9auRm.js.map} +1 -1
- package/dist/{constraints-3lV9yyBw.js → constraints-D5RHQLmP.js} +1 -1
- package/dist/constraints-D5RHQLmP.js.map +1 -0
- package/dist/core/collection.d.ts +86 -0
- package/dist/core/collection.d.ts.map +1 -1
- package/dist/core/element.d.ts +28 -0
- package/dist/core/element.d.ts.map +1 -1
- package/dist/core/shared.d.ts +6 -0
- package/dist/core/shared.d.ts.map +1 -1
- package/dist/core-DdtZHzsS.js +168 -0
- package/dist/core-DdtZHzsS.js.map +1 -0
- package/dist/{core-Cjl7GUu8.js → core-EMYSLzaT.js} +289 -259
- package/dist/core-EMYSLzaT.js.map +1 -0
- package/dist/core.es.mjs +48 -47
- package/dist/{custom-directives-7wAShnnd.js → custom-directives-Dr4C5lVV.js} +1 -1
- package/dist/custom-directives-Dr4C5lVV.js.map +1 -0
- package/dist/{devtools-D2fQLhDN.js → devtools-BhB2iDPT.js} +2 -2
- package/dist/devtools-BhB2iDPT.js.map +1 -0
- package/dist/devtools.es.mjs +1 -1
- package/dist/{dnd-B8EgyzaI.js → dnd-NwZBYh4l.js} +1 -1
- package/dist/dnd-NwZBYh4l.js.map +1 -0
- package/dist/dnd.es.mjs +1 -1
- package/dist/{env-NeVmr4Gf.js → env-CTdvLaH2.js} +1 -1
- package/dist/env-CTdvLaH2.js.map +1 -0
- package/dist/forms/create-form.d.ts.map +1 -1
- package/dist/forms/index.d.ts +3 -2
- package/dist/forms/index.d.ts.map +1 -1
- package/dist/forms/types.d.ts +46 -0
- package/dist/forms/types.d.ts.map +1 -1
- package/dist/forms/use-field.d.ts +34 -0
- package/dist/forms/use-field.d.ts.map +1 -0
- package/dist/forms/validators.d.ts +25 -0
- package/dist/forms/validators.d.ts.map +1 -1
- package/dist/forms-UcRHsYxC.js +227 -0
- package/dist/forms-UcRHsYxC.js.map +1 -0
- package/dist/forms.es.mjs +14 -12
- package/dist/full.d.ts +17 -26
- package/dist/full.d.ts.map +1 -1
- package/dist/full.es.mjs +206 -181
- package/dist/full.iife.js +33 -33
- package/dist/full.iife.js.map +1 -1
- package/dist/full.umd.js +33 -33
- package/dist/full.umd.js.map +1 -1
- package/dist/function-Cybd57JV.js +33 -0
- package/dist/function-Cybd57JV.js.map +1 -0
- package/dist/{i18n-BnnhTFOS.js → i18n-kuF6Ekj6.js} +3 -3
- package/dist/i18n-kuF6Ekj6.js.map +1 -0
- package/dist/i18n.es.mjs +1 -1
- package/dist/index.es.mjs +251 -228
- package/dist/media/breakpoints.d.ts.map +1 -1
- package/dist/media/types.d.ts +2 -2
- package/dist/media/types.d.ts.map +1 -1
- package/dist/{media-Di2Ta22s.js → media-i-fB5WxI.js} +3 -3
- package/dist/media-i-fB5WxI.js.map +1 -0
- package/dist/media.es.mjs +1 -1
- package/dist/{motion-qPj_TYGv.js → motion-BJsAuULb.js} +2 -2
- package/dist/motion-BJsAuULb.js.map +1 -0
- package/dist/motion.es.mjs +1 -1
- package/dist/{mount-SM07RUa6.js → mount-B4Y8bk8Z.js} +5 -5
- package/dist/mount-B4Y8bk8Z.js.map +1 -0
- package/dist/{platform-CPbCprb6.js → platform-Dw2gE3zI.js} +3 -3
- package/dist/{platform-CPbCprb6.js.map → platform-Dw2gE3zI.js.map} +1 -1
- package/dist/platform.es.mjs +2 -2
- package/dist/plugin/registry.d.ts.map +1 -1
- package/dist/{plugin-cPoOHFLY.js → plugin-C2WuC8SF.js} +20 -18
- package/dist/plugin-C2WuC8SF.js.map +1 -0
- package/dist/plugin.es.mjs +1 -1
- package/dist/reactive/async-data.d.ts +28 -3
- package/dist/reactive/async-data.d.ts.map +1 -1
- package/dist/reactive/computed.d.ts +3 -0
- package/dist/reactive/computed.d.ts.map +1 -1
- package/dist/reactive/effect.d.ts +3 -0
- package/dist/reactive/effect.d.ts.map +1 -1
- package/dist/reactive/http.d.ts +194 -0
- package/dist/reactive/http.d.ts.map +1 -0
- package/dist/reactive/index.d.ts +2 -2
- package/dist/reactive/index.d.ts.map +1 -1
- package/dist/reactive/pagination.d.ts +126 -0
- package/dist/reactive/pagination.d.ts.map +1 -0
- package/dist/reactive/polling.d.ts +55 -0
- package/dist/reactive/polling.d.ts.map +1 -0
- package/dist/reactive/readonly.d.ts +20 -1
- package/dist/reactive/readonly.d.ts.map +1 -1
- package/dist/reactive/rest.d.ts +293 -0
- package/dist/reactive/rest.d.ts.map +1 -0
- package/dist/reactive/scope.d.ts +140 -0
- package/dist/reactive/scope.d.ts.map +1 -0
- package/dist/reactive/signal.d.ts +16 -2
- package/dist/reactive/signal.d.ts.map +1 -1
- package/dist/reactive/to-value.d.ts +57 -0
- package/dist/reactive/to-value.d.ts.map +1 -0
- package/dist/reactive/websocket.d.ts +285 -0
- package/dist/reactive/websocket.d.ts.map +1 -0
- package/dist/reactive-DwkhUJfP.js +1148 -0
- package/dist/reactive-DwkhUJfP.js.map +1 -0
- package/dist/reactive.es.mjs +38 -19
- package/dist/{registry-CWf368tT.js → registry-B08iilIh.js} +1 -1
- package/dist/{registry-CWf368tT.js.map → registry-B08iilIh.js.map} +1 -1
- package/dist/router/constraints.d.ts.map +1 -1
- package/dist/router/index.d.ts +1 -1
- package/dist/router/index.d.ts.map +1 -1
- package/dist/router/router.d.ts.map +1 -1
- package/dist/router/state.d.ts +25 -2
- package/dist/router/state.d.ts.map +1 -1
- package/dist/router-CQikC9Ed.js +492 -0
- package/dist/router-CQikC9Ed.js.map +1 -0
- package/dist/router.es.mjs +9 -8
- package/dist/ssr/hydrate.d.ts.map +1 -1
- package/dist/{ssr-B2qd_WBB.js → ssr-_dAcGdzu.js} +4 -4
- package/dist/ssr-_dAcGdzu.js.map +1 -0
- package/dist/ssr.es.mjs +1 -1
- package/dist/store/persisted.d.ts.map +1 -1
- package/dist/{store-DWpyH6p5.js → store-Cb3gPRve.js} +7 -7
- package/dist/store-Cb3gPRve.js.map +1 -0
- package/dist/store.es.mjs +2 -2
- package/dist/storybook.es.mjs.map +1 -1
- package/dist/{testing-CsqjNUyy.js → testing-C5Sjfsna.js} +8 -8
- package/dist/testing-C5Sjfsna.js.map +1 -0
- package/dist/testing.es.mjs +1 -1
- package/dist/{type-guards-Do9DWgNp.js → type-guards-BMX2c0LP.js} +1 -1
- package/dist/{type-guards-Do9DWgNp.js.map → type-guards-BMX2c0LP.js.map} +1 -1
- package/dist/untrack-D0fnO5k2.js +36 -0
- package/dist/untrack-D0fnO5k2.js.map +1 -0
- package/dist/view/custom-directives.d.ts.map +1 -1
- package/dist/view.es.mjs +4 -4
- package/package.json +177 -177
- package/src/a11y/announce.ts +131 -131
- package/src/a11y/audit.ts +314 -314
- package/src/a11y/index.ts +68 -68
- package/src/a11y/media-preferences.ts +255 -255
- package/src/a11y/roving-tab-index.ts +164 -164
- package/src/a11y/skip-link.ts +255 -255
- package/src/a11y/trap-focus.ts +184 -184
- package/src/a11y/types.ts +183 -183
- package/src/component/component.ts +599 -599
- package/src/component/html.ts +153 -153
- package/src/component/index.ts +52 -52
- package/src/component/library.ts +540 -542
- package/src/component/scope.ts +212 -212
- package/src/component/types.ts +310 -310
- package/src/core/collection.ts +876 -707
- package/src/core/element.ts +1015 -981
- package/src/core/env.ts +60 -60
- package/src/core/index.ts +49 -49
- package/src/core/shared.ts +77 -62
- package/src/core/utils/index.ts +148 -148
- package/src/devtools/devtools.ts +410 -410
- package/src/devtools/index.ts +48 -48
- package/src/devtools/types.ts +104 -104
- package/src/dnd/draggable.ts +296 -296
- package/src/dnd/droppable.ts +228 -228
- package/src/dnd/index.ts +62 -62
- package/src/dnd/sortable.ts +307 -307
- package/src/dnd/types.ts +293 -293
- package/src/forms/create-form.ts +320 -278
- package/src/forms/index.ts +70 -65
- package/src/forms/types.ts +203 -154
- package/src/forms/use-field.ts +231 -0
- package/src/forms/validators.ts +294 -265
- package/src/full.ts +554 -480
- package/src/i18n/formatting.ts +67 -67
- package/src/i18n/i18n.ts +200 -200
- package/src/i18n/index.ts +67 -67
- package/src/i18n/translate.ts +182 -182
- package/src/i18n/types.ts +171 -171
- package/src/index.ts +108 -108
- package/src/media/battery.ts +116 -116
- package/src/media/breakpoints.ts +129 -131
- package/src/media/clipboard.ts +80 -80
- package/src/media/device-sensors.ts +158 -158
- package/src/media/geolocation.ts +119 -119
- package/src/media/index.ts +76 -76
- package/src/media/media-query.ts +92 -92
- package/src/media/network.ts +115 -115
- package/src/media/types.ts +177 -177
- package/src/media/viewport.ts +84 -84
- package/src/motion/index.ts +57 -57
- package/src/motion/morph.ts +151 -151
- package/src/motion/parallax.ts +120 -120
- package/src/motion/reduced-motion.ts +66 -66
- package/src/motion/types.ts +271 -271
- package/src/motion/typewriter.ts +164 -164
- package/src/plugin/index.ts +37 -37
- package/src/plugin/registry.ts +284 -269
- package/src/plugin/types.ts +137 -137
- package/src/reactive/async-data.ts +250 -29
- package/src/reactive/computed.ts +144 -130
- package/src/reactive/effect.ts +29 -6
- package/src/reactive/http.ts +790 -0
- package/src/reactive/index.ts +60 -0
- package/src/reactive/pagination.ts +317 -0
- package/src/reactive/polling.ts +179 -0
- package/src/reactive/readonly.ts +52 -8
- package/src/reactive/rest.ts +859 -0
- package/src/reactive/scope.ts +276 -0
- package/src/reactive/signal.ts +61 -1
- package/src/reactive/to-value.ts +71 -0
- package/src/reactive/websocket.ts +849 -0
- package/src/router/bq-link.ts +279 -279
- package/src/router/constraints.ts +204 -201
- package/src/router/index.ts +49 -49
- package/src/router/match.ts +312 -312
- package/src/router/path-pattern.ts +52 -52
- package/src/router/query.ts +38 -38
- package/src/router/router.ts +421 -402
- package/src/router/state.ts +51 -3
- package/src/router/types.ts +139 -139
- package/src/router/use-route.ts +68 -68
- package/src/router/utils.ts +157 -157
- package/src/security/index.ts +12 -12
- package/src/ssr/hydrate.ts +84 -82
- package/src/ssr/index.ts +70 -70
- package/src/ssr/render.ts +508 -508
- package/src/ssr/serialize.ts +296 -296
- package/src/ssr/types.ts +81 -81
- package/src/store/create-store.ts +467 -467
- package/src/store/index.ts +27 -27
- package/src/store/persisted.ts +245 -249
- package/src/store/types.ts +247 -247
- package/src/store/utils.ts +135 -135
- package/src/storybook/index.ts +480 -480
- package/src/testing/index.ts +42 -42
- package/src/testing/testing.ts +593 -593
- package/src/testing/types.ts +170 -170
- package/src/view/custom-directives.ts +28 -30
- package/src/view/evaluate.ts +292 -292
- package/src/view/process.ts +108 -108
- package/dist/a11y-C5QOVvRn.js.map +0 -1
- package/dist/component-CuuTijA6.js.map +0 -1
- package/dist/constraints-3lV9yyBw.js.map +0 -1
- package/dist/core-Cjl7GUu8.js.map +0 -1
- package/dist/core-DnlyjbF2.js +0 -112
- package/dist/core-DnlyjbF2.js.map +0 -1
- package/dist/custom-directives-7wAShnnd.js.map +0 -1
- package/dist/devtools-D2fQLhDN.js.map +0 -1
- package/dist/dnd-B8EgyzaI.js.map +0 -1
- package/dist/env-NeVmr4Gf.js.map +0 -1
- package/dist/forms-C3yovgH9.js +0 -141
- package/dist/forms-C3yovgH9.js.map +0 -1
- package/dist/i18n-BnnhTFOS.js.map +0 -1
- package/dist/media-Di2Ta22s.js.map +0 -1
- package/dist/motion-qPj_TYGv.js.map +0 -1
- package/dist/mount-SM07RUa6.js.map +0 -1
- package/dist/plugin-cPoOHFLY.js.map +0 -1
- package/dist/reactive-Cfv0RK6x.js +0 -233
- package/dist/reactive-Cfv0RK6x.js.map +0 -1
- package/dist/router-BrthaP_z.js +0 -473
- package/dist/router-BrthaP_z.js.map +0 -1
- package/dist/ssr-B2qd_WBB.js.map +0 -1
- package/dist/store-DWpyH6p5.js.map +0 -1
- package/dist/testing-CsqjNUyy.js.map +0 -1
- package/dist/untrack-DJVQQ2WM.js +0 -33
- package/dist/untrack-DJVQQ2WM.js.map +0 -1
package/src/store/types.ts
CHANGED
|
@@ -1,247 +1,247 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Store types for bQuery's state module.
|
|
3
|
-
* @module bquery/store
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Store state factory function.
|
|
8
|
-
*/
|
|
9
|
-
export type StateFactory<S> = () => S;
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* Getter definition - derives computed values from state.
|
|
13
|
-
*/
|
|
14
|
-
export type Getters<S, G> = {
|
|
15
|
-
[K in keyof G]: (state: S, getters: G) => G[K];
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* Action definition - methods that can modify state.
|
|
20
|
-
* The `this` context includes state, getters, and other actions.
|
|
21
|
-
*/
|
|
22
|
-
export type Actions<S, G, A> = {
|
|
23
|
-
[K in keyof A]: A[K];
|
|
24
|
-
} & ThisType<S & G & A>;
|
|
25
|
-
|
|
26
|
-
/**
|
|
27
|
-
* Store definition for createStore.
|
|
28
|
-
*/
|
|
29
|
-
export type StoreDefinition<
|
|
30
|
-
S extends Record<string, unknown> = Record<string, unknown>,
|
|
31
|
-
G extends Record<string, unknown> = Record<string, unknown>,
|
|
32
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
33
|
-
A extends Record<string, (...args: any[]) => any> = Record<string, never>,
|
|
34
|
-
> = {
|
|
35
|
-
/** Unique store identifier for devtools */
|
|
36
|
-
id: string;
|
|
37
|
-
/** State factory function */
|
|
38
|
-
state: StateFactory<S>;
|
|
39
|
-
/** Computed getters */
|
|
40
|
-
getters?: Getters<S, G>;
|
|
41
|
-
/** Action methods */
|
|
42
|
-
actions?: Actions<S, G, A>;
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
/**
|
|
46
|
-
* Store subscriber callback.
|
|
47
|
-
*/
|
|
48
|
-
export type StoreSubscriber<S> = (state: S) => void;
|
|
49
|
-
|
|
50
|
-
/**
|
|
51
|
-
* Patch payload for store updates.
|
|
52
|
-
*/
|
|
53
|
-
export type StorePatch<S> = Partial<S> | ((state: S) => void);
|
|
54
|
-
|
|
55
|
-
/**
|
|
56
|
-
* Action function record used by store definitions and lifecycle hooks.
|
|
57
|
-
*/
|
|
58
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
59
|
-
export type StoreActionRecord = Record<string, (...args: any[]) => any>;
|
|
60
|
-
|
|
61
|
-
type ActionName<A extends StoreActionRecord> = keyof A & string;
|
|
62
|
-
type ActionArgs<A extends StoreActionRecord, K extends ActionName<A>> = Parameters<A[K]>;
|
|
63
|
-
type ActionResult<A extends StoreActionRecord, K extends ActionName<A>> = Awaited<ReturnType<A[K]>>;
|
|
64
|
-
|
|
65
|
-
/**
|
|
66
|
-
* Context provided to `$onAction` callbacks.
|
|
67
|
-
*
|
|
68
|
-
* @example
|
|
69
|
-
* ```ts
|
|
70
|
-
* store.$onAction(({ name, args, after, onError }) => {
|
|
71
|
-
* console.log(`Action "${name}" called with`, args);
|
|
72
|
-
* after((result) => console.log(`Returned:`, result));
|
|
73
|
-
* onError((err) => console.error(`Failed:`, err));
|
|
74
|
-
* });
|
|
75
|
-
* ```
|
|
76
|
-
*
|
|
77
|
-
* Hook registration is synchronous: call `after()` and `onError()` before the
|
|
78
|
-
* callback returns. Promise-returning listeners may still observe errors, but
|
|
79
|
-
* any hooks registered after an `await` will not affect the current action.
|
|
80
|
-
*/
|
|
81
|
-
export type ActionContext<
|
|
82
|
-
S extends Record<string, unknown>,
|
|
83
|
-
G extends Record<string, unknown>,
|
|
84
|
-
A extends StoreActionRecord,
|
|
85
|
-
K extends ActionName<A> = ActionName<A>,
|
|
86
|
-
> = {
|
|
87
|
-
/** The name of the action being called */
|
|
88
|
-
name: K;
|
|
89
|
-
/** The store instance */
|
|
90
|
-
store: Store<S, G, A>;
|
|
91
|
-
/** The arguments passed to the action */
|
|
92
|
-
args: ActionArgs<A, K>;
|
|
93
|
-
/**
|
|
94
|
-
* Register a callback to run after the action completes successfully.
|
|
95
|
-
* For async actions, runs after the returned promise resolves.
|
|
96
|
-
*/
|
|
97
|
-
after: (callback: (result: ActionResult<A, K>) => void) => void;
|
|
98
|
-
/**
|
|
99
|
-
* Register a callback to run if the action throws or the returned
|
|
100
|
-
* promise rejects.
|
|
101
|
-
*/
|
|
102
|
-
onError: (callback: (error: unknown) => void) => void;
|
|
103
|
-
};
|
|
104
|
-
|
|
105
|
-
/**
|
|
106
|
-
* Callback for `$onAction`.
|
|
107
|
-
*/
|
|
108
|
-
export type OnActionCallback<
|
|
109
|
-
S extends Record<string, unknown>,
|
|
110
|
-
G extends Record<string, unknown>,
|
|
111
|
-
A extends StoreActionRecord,
|
|
112
|
-
> = <K extends ActionName<A>>(context: ActionContext<S, G, A, K>) => void;
|
|
113
|
-
|
|
114
|
-
/**
|
|
115
|
-
* The returned store instance with state, getters, and actions merged.
|
|
116
|
-
*/
|
|
117
|
-
export type Store<
|
|
118
|
-
S extends Record<string, unknown>,
|
|
119
|
-
G extends Record<string, unknown>,
|
|
120
|
-
A extends StoreActionRecord,
|
|
121
|
-
> = S &
|
|
122
|
-
G &
|
|
123
|
-
A & {
|
|
124
|
-
/** Store identifier */
|
|
125
|
-
$id: string;
|
|
126
|
-
/** Reset state to initial values */
|
|
127
|
-
$reset: () => void;
|
|
128
|
-
/** Subscribe to state changes */
|
|
129
|
-
$subscribe: (callback: StoreSubscriber<S>) => () => void;
|
|
130
|
-
/** Patch multiple state properties at once (shallow) */
|
|
131
|
-
$patch: (partial: StorePatch<S>) => void;
|
|
132
|
-
/**
|
|
133
|
-
* Patch with deep reactivity support.
|
|
134
|
-
* Unlike $patch, this method deep-clones nested objects before mutation,
|
|
135
|
-
* ensuring that all changes trigger reactive updates.
|
|
136
|
-
*/
|
|
137
|
-
$patchDeep: (partial: StorePatch<S>) => void;
|
|
138
|
-
/** Get raw state object (non-reactive snapshot) */
|
|
139
|
-
$state: S;
|
|
140
|
-
/**
|
|
141
|
-
* Hook into action calls. The callback receives an {@link ActionContext}
|
|
142
|
-
* with `after` and `onError` hooks for the full action lifecycle.
|
|
143
|
-
*
|
|
144
|
-
* @param callback - Invoked before each action execution
|
|
145
|
-
* @returns A function to remove the hook
|
|
146
|
-
*
|
|
147
|
-
* @example
|
|
148
|
-
* ```ts
|
|
149
|
-
* const unsub = store.$onAction(({ name, args, after, onError }) => {
|
|
150
|
-
* const start = Date.now();
|
|
151
|
-
* after(() => console.log(`${name} took ${Date.now() - start}ms`));
|
|
152
|
-
* onError((e) => console.error(`${name} failed`, e));
|
|
153
|
-
* });
|
|
154
|
-
* ```
|
|
155
|
-
*
|
|
156
|
-
* Register hooks synchronously before the callback returns. Async listeners
|
|
157
|
-
* that await before calling `after()` or `onError()` cannot affect the
|
|
158
|
-
* current action invocation.
|
|
159
|
-
*/
|
|
160
|
-
$onAction: (callback: OnActionCallback<S, G, A>) => () => void;
|
|
161
|
-
};
|
|
162
|
-
|
|
163
|
-
/**
|
|
164
|
-
* Plugin that can extend store functionality.
|
|
165
|
-
*/
|
|
166
|
-
export type StorePlugin<S = unknown> = (context: {
|
|
167
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
168
|
-
store: Store<any, any, any>;
|
|
169
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
170
|
-
options: StoreDefinition<any, any, any>;
|
|
171
|
-
}) => Partial<S> | void;
|
|
172
|
-
|
|
173
|
-
/**
|
|
174
|
-
* Serializer interface for persisted stores.
|
|
175
|
-
*
|
|
176
|
-
* @example
|
|
177
|
-
* ```ts
|
|
178
|
-
* const dateSerializer: StoreSerializer = {
|
|
179
|
-
* serialize: (state) => JSON.stringify(state, (_, v) =>
|
|
180
|
-
* v instanceof Date ? v.toISOString() : v),
|
|
181
|
-
* deserialize: (raw) => JSON.parse(raw),
|
|
182
|
-
* };
|
|
183
|
-
* ```
|
|
184
|
-
*/
|
|
185
|
-
export type StoreSerializer = {
|
|
186
|
-
/** Convert state to a string for storage */
|
|
187
|
-
serialize: (state: unknown) => string;
|
|
188
|
-
/** Convert a stored string back to state */
|
|
189
|
-
deserialize: (raw: string) => unknown;
|
|
190
|
-
};
|
|
191
|
-
|
|
192
|
-
/**
|
|
193
|
-
* Storage backend interface for persisted stores.
|
|
194
|
-
* Compatible with `localStorage`, `sessionStorage`, or any custom adapter.
|
|
195
|
-
*
|
|
196
|
-
* @example
|
|
197
|
-
* ```ts
|
|
198
|
-
* createPersistedStore(definition, {
|
|
199
|
-
* storage: sessionStorage,
|
|
200
|
-
* });
|
|
201
|
-
* ```
|
|
202
|
-
*/
|
|
203
|
-
export type StorageBackend = {
|
|
204
|
-
getItem: (key: string) => string | null;
|
|
205
|
-
setItem: (key: string, value: string) => void;
|
|
206
|
-
removeItem: (key: string) => void;
|
|
207
|
-
};
|
|
208
|
-
|
|
209
|
-
/**
|
|
210
|
-
* Options for `createPersistedStore`.
|
|
211
|
-
*
|
|
212
|
-
* @example
|
|
213
|
-
* ```ts
|
|
214
|
-
* createPersistedStore(definition, {
|
|
215
|
-
* key: 'my-store',
|
|
216
|
-
* storage: sessionStorage,
|
|
217
|
-
* serializer: { serialize: JSON.stringify, deserialize: JSON.parse },
|
|
218
|
-
* version: 2,
|
|
219
|
-
* migrate: (persisted, version) => {
|
|
220
|
-
* if (version < 2) return { ...persisted, newField: 'default' };
|
|
221
|
-
* return persisted;
|
|
222
|
-
* },
|
|
223
|
-
* });
|
|
224
|
-
* ```
|
|
225
|
-
*/
|
|
226
|
-
export type PersistedStoreOptions = {
|
|
227
|
-
/** Custom storage key. Defaults to `"bquery-store-${id}"`. */
|
|
228
|
-
key?: string;
|
|
229
|
-
/** Storage backend. Defaults to `localStorage`. */
|
|
230
|
-
storage?: StorageBackend;
|
|
231
|
-
/** Custom serializer/deserializer. Defaults to JSON. */
|
|
232
|
-
serializer?: StoreSerializer;
|
|
233
|
-
/**
|
|
234
|
-
* Schema version number. When this changes and `migrate` is provided,
|
|
235
|
-
* the migration function is called with the old state and version.
|
|
236
|
-
*/
|
|
237
|
-
version?: number;
|
|
238
|
-
/**
|
|
239
|
-
* Migration function called when the persisted version differs from
|
|
240
|
-
* the current `version`. Receives the deserialized state and the old
|
|
241
|
-
* version number. Must return the migrated state object.
|
|
242
|
-
*/
|
|
243
|
-
migrate?: (
|
|
244
|
-
persistedState: Record<string, unknown>,
|
|
245
|
-
oldVersion: number
|
|
246
|
-
) => Record<string, unknown>;
|
|
247
|
-
};
|
|
1
|
+
/**
|
|
2
|
+
* Store types for bQuery's state module.
|
|
3
|
+
* @module bquery/store
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Store state factory function.
|
|
8
|
+
*/
|
|
9
|
+
export type StateFactory<S> = () => S;
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Getter definition - derives computed values from state.
|
|
13
|
+
*/
|
|
14
|
+
export type Getters<S, G> = {
|
|
15
|
+
[K in keyof G]: (state: S, getters: G) => G[K];
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Action definition - methods that can modify state.
|
|
20
|
+
* The `this` context includes state, getters, and other actions.
|
|
21
|
+
*/
|
|
22
|
+
export type Actions<S, G, A> = {
|
|
23
|
+
[K in keyof A]: A[K];
|
|
24
|
+
} & ThisType<S & G & A>;
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* Store definition for createStore.
|
|
28
|
+
*/
|
|
29
|
+
export type StoreDefinition<
|
|
30
|
+
S extends Record<string, unknown> = Record<string, unknown>,
|
|
31
|
+
G extends Record<string, unknown> = Record<string, unknown>,
|
|
32
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
33
|
+
A extends Record<string, (...args: any[]) => any> = Record<string, never>,
|
|
34
|
+
> = {
|
|
35
|
+
/** Unique store identifier for devtools */
|
|
36
|
+
id: string;
|
|
37
|
+
/** State factory function */
|
|
38
|
+
state: StateFactory<S>;
|
|
39
|
+
/** Computed getters */
|
|
40
|
+
getters?: Getters<S, G>;
|
|
41
|
+
/** Action methods */
|
|
42
|
+
actions?: Actions<S, G, A>;
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Store subscriber callback.
|
|
47
|
+
*/
|
|
48
|
+
export type StoreSubscriber<S> = (state: S) => void;
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* Patch payload for store updates.
|
|
52
|
+
*/
|
|
53
|
+
export type StorePatch<S> = Partial<S> | ((state: S) => void);
|
|
54
|
+
|
|
55
|
+
/**
|
|
56
|
+
* Action function record used by store definitions and lifecycle hooks.
|
|
57
|
+
*/
|
|
58
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
59
|
+
export type StoreActionRecord = Record<string, (...args: any[]) => any>;
|
|
60
|
+
|
|
61
|
+
type ActionName<A extends StoreActionRecord> = keyof A & string;
|
|
62
|
+
type ActionArgs<A extends StoreActionRecord, K extends ActionName<A>> = Parameters<A[K]>;
|
|
63
|
+
type ActionResult<A extends StoreActionRecord, K extends ActionName<A>> = Awaited<ReturnType<A[K]>>;
|
|
64
|
+
|
|
65
|
+
/**
|
|
66
|
+
* Context provided to `$onAction` callbacks.
|
|
67
|
+
*
|
|
68
|
+
* @example
|
|
69
|
+
* ```ts
|
|
70
|
+
* store.$onAction(({ name, args, after, onError }) => {
|
|
71
|
+
* console.log(`Action "${name}" called with`, args);
|
|
72
|
+
* after((result) => console.log(`Returned:`, result));
|
|
73
|
+
* onError((err) => console.error(`Failed:`, err));
|
|
74
|
+
* });
|
|
75
|
+
* ```
|
|
76
|
+
*
|
|
77
|
+
* Hook registration is synchronous: call `after()` and `onError()` before the
|
|
78
|
+
* callback returns. Promise-returning listeners may still observe errors, but
|
|
79
|
+
* any hooks registered after an `await` will not affect the current action.
|
|
80
|
+
*/
|
|
81
|
+
export type ActionContext<
|
|
82
|
+
S extends Record<string, unknown>,
|
|
83
|
+
G extends Record<string, unknown>,
|
|
84
|
+
A extends StoreActionRecord,
|
|
85
|
+
K extends ActionName<A> = ActionName<A>,
|
|
86
|
+
> = {
|
|
87
|
+
/** The name of the action being called */
|
|
88
|
+
name: K;
|
|
89
|
+
/** The store instance */
|
|
90
|
+
store: Store<S, G, A>;
|
|
91
|
+
/** The arguments passed to the action */
|
|
92
|
+
args: ActionArgs<A, K>;
|
|
93
|
+
/**
|
|
94
|
+
* Register a callback to run after the action completes successfully.
|
|
95
|
+
* For async actions, runs after the returned promise resolves.
|
|
96
|
+
*/
|
|
97
|
+
after: (callback: (result: ActionResult<A, K>) => void) => void;
|
|
98
|
+
/**
|
|
99
|
+
* Register a callback to run if the action throws or the returned
|
|
100
|
+
* promise rejects.
|
|
101
|
+
*/
|
|
102
|
+
onError: (callback: (error: unknown) => void) => void;
|
|
103
|
+
};
|
|
104
|
+
|
|
105
|
+
/**
|
|
106
|
+
* Callback for `$onAction`.
|
|
107
|
+
*/
|
|
108
|
+
export type OnActionCallback<
|
|
109
|
+
S extends Record<string, unknown>,
|
|
110
|
+
G extends Record<string, unknown>,
|
|
111
|
+
A extends StoreActionRecord,
|
|
112
|
+
> = <K extends ActionName<A>>(context: ActionContext<S, G, A, K>) => void;
|
|
113
|
+
|
|
114
|
+
/**
|
|
115
|
+
* The returned store instance with state, getters, and actions merged.
|
|
116
|
+
*/
|
|
117
|
+
export type Store<
|
|
118
|
+
S extends Record<string, unknown>,
|
|
119
|
+
G extends Record<string, unknown>,
|
|
120
|
+
A extends StoreActionRecord,
|
|
121
|
+
> = S &
|
|
122
|
+
G &
|
|
123
|
+
A & {
|
|
124
|
+
/** Store identifier */
|
|
125
|
+
$id: string;
|
|
126
|
+
/** Reset state to initial values */
|
|
127
|
+
$reset: () => void;
|
|
128
|
+
/** Subscribe to state changes */
|
|
129
|
+
$subscribe: (callback: StoreSubscriber<S>) => () => void;
|
|
130
|
+
/** Patch multiple state properties at once (shallow) */
|
|
131
|
+
$patch: (partial: StorePatch<S>) => void;
|
|
132
|
+
/**
|
|
133
|
+
* Patch with deep reactivity support.
|
|
134
|
+
* Unlike $patch, this method deep-clones nested objects before mutation,
|
|
135
|
+
* ensuring that all changes trigger reactive updates.
|
|
136
|
+
*/
|
|
137
|
+
$patchDeep: (partial: StorePatch<S>) => void;
|
|
138
|
+
/** Get raw state object (non-reactive snapshot) */
|
|
139
|
+
$state: S;
|
|
140
|
+
/**
|
|
141
|
+
* Hook into action calls. The callback receives an {@link ActionContext}
|
|
142
|
+
* with `after` and `onError` hooks for the full action lifecycle.
|
|
143
|
+
*
|
|
144
|
+
* @param callback - Invoked before each action execution
|
|
145
|
+
* @returns A function to remove the hook
|
|
146
|
+
*
|
|
147
|
+
* @example
|
|
148
|
+
* ```ts
|
|
149
|
+
* const unsub = store.$onAction(({ name, args, after, onError }) => {
|
|
150
|
+
* const start = Date.now();
|
|
151
|
+
* after(() => console.log(`${name} took ${Date.now() - start}ms`));
|
|
152
|
+
* onError((e) => console.error(`${name} failed`, e));
|
|
153
|
+
* });
|
|
154
|
+
* ```
|
|
155
|
+
*
|
|
156
|
+
* Register hooks synchronously before the callback returns. Async listeners
|
|
157
|
+
* that await before calling `after()` or `onError()` cannot affect the
|
|
158
|
+
* current action invocation.
|
|
159
|
+
*/
|
|
160
|
+
$onAction: (callback: OnActionCallback<S, G, A>) => () => void;
|
|
161
|
+
};
|
|
162
|
+
|
|
163
|
+
/**
|
|
164
|
+
* Plugin that can extend store functionality.
|
|
165
|
+
*/
|
|
166
|
+
export type StorePlugin<S = unknown> = (context: {
|
|
167
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
168
|
+
store: Store<any, any, any>;
|
|
169
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
170
|
+
options: StoreDefinition<any, any, any>;
|
|
171
|
+
}) => Partial<S> | void;
|
|
172
|
+
|
|
173
|
+
/**
|
|
174
|
+
* Serializer interface for persisted stores.
|
|
175
|
+
*
|
|
176
|
+
* @example
|
|
177
|
+
* ```ts
|
|
178
|
+
* const dateSerializer: StoreSerializer = {
|
|
179
|
+
* serialize: (state) => JSON.stringify(state, (_, v) =>
|
|
180
|
+
* v instanceof Date ? v.toISOString() : v),
|
|
181
|
+
* deserialize: (raw) => JSON.parse(raw),
|
|
182
|
+
* };
|
|
183
|
+
* ```
|
|
184
|
+
*/
|
|
185
|
+
export type StoreSerializer = {
|
|
186
|
+
/** Convert state to a string for storage */
|
|
187
|
+
serialize: (state: unknown) => string;
|
|
188
|
+
/** Convert a stored string back to state */
|
|
189
|
+
deserialize: (raw: string) => unknown;
|
|
190
|
+
};
|
|
191
|
+
|
|
192
|
+
/**
|
|
193
|
+
* Storage backend interface for persisted stores.
|
|
194
|
+
* Compatible with `localStorage`, `sessionStorage`, or any custom adapter.
|
|
195
|
+
*
|
|
196
|
+
* @example
|
|
197
|
+
* ```ts
|
|
198
|
+
* createPersistedStore(definition, {
|
|
199
|
+
* storage: sessionStorage,
|
|
200
|
+
* });
|
|
201
|
+
* ```
|
|
202
|
+
*/
|
|
203
|
+
export type StorageBackend = {
|
|
204
|
+
getItem: (key: string) => string | null;
|
|
205
|
+
setItem: (key: string, value: string) => void;
|
|
206
|
+
removeItem: (key: string) => void;
|
|
207
|
+
};
|
|
208
|
+
|
|
209
|
+
/**
|
|
210
|
+
* Options for `createPersistedStore`.
|
|
211
|
+
*
|
|
212
|
+
* @example
|
|
213
|
+
* ```ts
|
|
214
|
+
* createPersistedStore(definition, {
|
|
215
|
+
* key: 'my-store',
|
|
216
|
+
* storage: sessionStorage,
|
|
217
|
+
* serializer: { serialize: JSON.stringify, deserialize: JSON.parse },
|
|
218
|
+
* version: 2,
|
|
219
|
+
* migrate: (persisted, version) => {
|
|
220
|
+
* if (version < 2) return { ...persisted, newField: 'default' };
|
|
221
|
+
* return persisted;
|
|
222
|
+
* },
|
|
223
|
+
* });
|
|
224
|
+
* ```
|
|
225
|
+
*/
|
|
226
|
+
export type PersistedStoreOptions = {
|
|
227
|
+
/** Custom storage key. Defaults to `"bquery-store-${id}"`. */
|
|
228
|
+
key?: string;
|
|
229
|
+
/** Storage backend. Defaults to `localStorage`. */
|
|
230
|
+
storage?: StorageBackend;
|
|
231
|
+
/** Custom serializer/deserializer. Defaults to JSON. */
|
|
232
|
+
serializer?: StoreSerializer;
|
|
233
|
+
/**
|
|
234
|
+
* Schema version number. When this changes and `migrate` is provided,
|
|
235
|
+
* the migration function is called with the old state and version.
|
|
236
|
+
*/
|
|
237
|
+
version?: number;
|
|
238
|
+
/**
|
|
239
|
+
* Migration function called when the persisted version differs from
|
|
240
|
+
* the current `version`. Receives the deserialized state and the old
|
|
241
|
+
* version number. Must return the migrated state object.
|
|
242
|
+
*/
|
|
243
|
+
migrate?: (
|
|
244
|
+
persistedState: Record<string, unknown>,
|
|
245
|
+
oldVersion: number
|
|
246
|
+
) => Record<string, unknown>;
|
|
247
|
+
};
|