@solidjs/signals 0.13.13 → 2.0.0-beta.11
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 +8 -7
- package/dist/dev.js +1230 -598
- package/dist/node.cjs +2064 -1555
- package/dist/prod.js +1783 -1251
- package/dist/types/boundaries.d.ts +126 -5
- package/dist/types/core/action.d.ts +34 -0
- package/dist/types/core/constants.d.ts +26 -0
- package/dist/types/core/context.d.ts +10 -2
- package/dist/types/core/core.d.ts +129 -9
- package/dist/types/core/dev.d.ts +1 -1
- package/dist/types/core/effect.d.ts +4 -2
- package/dist/types/core/error.d.ts +24 -0
- package/dist/types/core/external.d.ts +19 -0
- package/dist/types/core/graph.d.ts +2 -0
- package/dist/types/core/index.d.ts +1 -1
- package/dist/types/core/owner.d.ts +93 -3
- package/dist/types/core/scheduler.d.ts +43 -2
- package/dist/types/core/types.d.ts +5 -6
- package/dist/types/index.d.ts +3 -3
- package/dist/types/map.d.ts +32 -3
- package/dist/types/signals.d.ts +362 -42
- package/dist/types/src/boundaries.d.ts +173 -0
- package/dist/types/src/core/action.d.ts +35 -0
- package/dist/types/src/core/async.d.ts +6 -0
- package/dist/types/src/core/constants.d.ts +51 -0
- package/dist/types/src/core/context.d.ts +36 -0
- package/dist/types/src/core/core.d.ts +174 -0
- package/dist/types/src/core/dev.d.ts +49 -0
- package/dist/types/src/core/effect.d.ts +32 -0
- package/dist/types/src/core/error.d.ts +38 -0
- package/dist/types/src/core/external.d.ts +45 -0
- package/dist/types/src/core/graph.d.ts +5 -0
- package/dist/types/src/core/heap.d.ts +14 -0
- package/dist/types/src/core/index.d.ts +12 -0
- package/dist/types/src/core/lanes.d.ts +54 -0
- package/dist/types/src/core/owner.d.ts +116 -0
- package/dist/types/src/core/scheduler.d.ts +122 -0
- package/dist/types/src/core/types.d.ts +85 -0
- package/dist/types/src/index.d.ts +9 -0
- package/dist/types/src/map.d.ts +53 -0
- package/dist/types/src/signals.d.ts +512 -0
- package/dist/types/src/store/index.d.ts +9 -0
- package/dist/types/src/store/optimistic.d.ts +45 -0
- package/dist/types/src/store/projection.d.ts +66 -0
- package/dist/types/src/store/reconcile.d.ts +23 -0
- package/dist/types/src/store/store.d.ts +125 -0
- package/dist/types/src/store/storePath.d.ts +58 -0
- package/dist/types/src/store/utils.d.ts +114 -0
- package/dist/types/store/optimistic.d.ts +38 -12
- package/dist/types/store/projection.d.ts +55 -15
- package/dist/types/store/reconcile.d.ts +22 -0
- package/dist/types/store/store.d.ts +72 -15
- package/dist/types/store/storePath.d.ts +28 -0
- package/dist/types/store/utils.d.ts +78 -7
- package/dist/types-cjs/boundaries.d.cts +173 -0
- package/dist/types-cjs/core/action.d.cts +35 -0
- package/dist/types-cjs/core/async.d.cts +6 -0
- package/dist/types-cjs/core/constants.d.cts +51 -0
- package/dist/types-cjs/core/context.d.cts +36 -0
- package/dist/types-cjs/core/core.d.cts +174 -0
- package/dist/types-cjs/core/dev.d.cts +49 -0
- package/dist/types-cjs/core/effect.d.cts +32 -0
- package/dist/types-cjs/core/error.d.cts +38 -0
- package/dist/types-cjs/core/external.d.cts +45 -0
- package/dist/types-cjs/core/graph.d.cts +5 -0
- package/dist/types-cjs/core/heap.d.cts +14 -0
- package/dist/types-cjs/core/index.d.cts +12 -0
- package/dist/types-cjs/core/lanes.d.cts +54 -0
- package/dist/types-cjs/core/owner.d.cts +116 -0
- package/dist/types-cjs/core/scheduler.d.cts +122 -0
- package/dist/types-cjs/core/types.d.cts +85 -0
- package/dist/types-cjs/index.d.cts +9 -0
- package/dist/types-cjs/map.d.cts +53 -0
- package/dist/types-cjs/package.json +3 -0
- package/dist/types-cjs/signals.d.cts +512 -0
- package/dist/types-cjs/src/boundaries.d.cts +173 -0
- package/dist/types-cjs/src/core/action.d.cts +35 -0
- package/dist/types-cjs/src/core/async.d.cts +6 -0
- package/dist/types-cjs/src/core/constants.d.cts +51 -0
- package/dist/types-cjs/src/core/context.d.cts +36 -0
- package/dist/types-cjs/src/core/core.d.cts +174 -0
- package/dist/types-cjs/src/core/dev.d.cts +49 -0
- package/dist/types-cjs/src/core/effect.d.cts +32 -0
- package/dist/types-cjs/src/core/error.d.cts +38 -0
- package/dist/types-cjs/src/core/external.d.cts +45 -0
- package/dist/types-cjs/src/core/graph.d.cts +5 -0
- package/dist/types-cjs/src/core/heap.d.cts +14 -0
- package/dist/types-cjs/src/core/index.d.cts +12 -0
- package/dist/types-cjs/src/core/lanes.d.cts +54 -0
- package/dist/types-cjs/src/core/owner.d.cts +116 -0
- package/dist/types-cjs/src/core/scheduler.d.cts +122 -0
- package/dist/types-cjs/src/core/types.d.cts +85 -0
- package/dist/types-cjs/src/index.d.cts +9 -0
- package/dist/types-cjs/src/map.d.cts +53 -0
- package/dist/types-cjs/src/signals.d.cts +512 -0
- package/dist/types-cjs/src/store/index.d.cts +9 -0
- package/dist/types-cjs/src/store/optimistic.d.cts +45 -0
- package/dist/types-cjs/src/store/projection.d.cts +66 -0
- package/dist/types-cjs/src/store/reconcile.d.cts +23 -0
- package/dist/types-cjs/src/store/store.d.cts +125 -0
- package/dist/types-cjs/src/store/storePath.d.cts +58 -0
- package/dist/types-cjs/src/store/utils.d.cts +114 -0
- package/dist/types-cjs/store/index.d.cts +9 -0
- package/dist/types-cjs/store/optimistic.d.cts +45 -0
- package/dist/types-cjs/store/projection.d.cts +66 -0
- package/dist/types-cjs/store/reconcile.d.cts +23 -0
- package/dist/types-cjs/store/store.d.cts +125 -0
- package/dist/types-cjs/store/storePath.d.cts +58 -0
- package/dist/types-cjs/store/utils.d.cts +114 -0
- package/package.json +35 -27
|
@@ -5,18 +5,29 @@ export interface BoundaryComputed<T> extends Computed<T> {
|
|
|
5
5
|
}
|
|
6
6
|
type RevealSlot = CollectionQueue | RevealController;
|
|
7
7
|
type BoolAccessor = () => boolean;
|
|
8
|
+
export type RevealOrder = "sequential" | "together" | "natural";
|
|
9
|
+
type OrderAccessor = () => RevealOrder;
|
|
8
10
|
export declare class RevealController {
|
|
9
|
-
|
|
11
|
+
_orderAccessor: OrderAccessor;
|
|
10
12
|
_collapsedAccessor: BoolAccessor;
|
|
11
13
|
_slots: RevealSlot[];
|
|
12
14
|
_parentController?: RevealController;
|
|
13
15
|
_disabled: Signal<boolean>;
|
|
14
16
|
_collapsed: Signal<boolean>;
|
|
15
17
|
_ready: boolean;
|
|
18
|
+
_minimallyReady: boolean;
|
|
16
19
|
_evaluating: boolean;
|
|
17
|
-
constructor(
|
|
20
|
+
constructor(order: OrderAccessor, collapsed: BoolAccessor);
|
|
18
21
|
_forEachOwnedSlot(fn: (slot: RevealSlot) => boolean | void): boolean;
|
|
19
22
|
isReady(): boolean;
|
|
23
|
+
/**
|
|
24
|
+
* "Minimally ready" = this group has something visible to show under its own policy.
|
|
25
|
+
* Used by an enclosing `together` group to decide when it can release.
|
|
26
|
+
* - `together`: fully ready (atomic).
|
|
27
|
+
* - `sequential`: the first owned slot is minimally ready (frontier can advance).
|
|
28
|
+
* - `natural`: any owned slot is minimally ready.
|
|
29
|
+
*/
|
|
30
|
+
isMinimallyReady(): boolean;
|
|
20
31
|
register(slot: RevealSlot): void;
|
|
21
32
|
unregister(slot: RevealSlot): void;
|
|
22
33
|
evaluate(disabledOverride?: boolean, collapsedOverride?: boolean): void;
|
|
@@ -37,14 +48,124 @@ export declare class CollectionQueue extends Queue {
|
|
|
37
48
|
notify(node: Effect<any>, type: number, flags: number, error?: any): boolean;
|
|
38
49
|
checkSources(): void;
|
|
39
50
|
}
|
|
51
|
+
/**
|
|
52
|
+
* Lower-level primitive that backs the `<Loading>` flow control. Catches
|
|
53
|
+
* pending async reads inside `fn` and renders `fallback` until they settle.
|
|
54
|
+
*
|
|
55
|
+
* App code should use `<Loading fallback={...}>` instead — reach for this only
|
|
56
|
+
* when authoring custom boundary components.
|
|
57
|
+
*
|
|
58
|
+
* @param fn the tracked subtree
|
|
59
|
+
* @param fallback the fallback shown while async reads in `fn` are unresolved
|
|
60
|
+
* @param options `on` — accessor whose value scopes the boundary; when set,
|
|
61
|
+
* transitions caused by writes to other reactive sources are *not* caught
|
|
62
|
+
*
|
|
63
|
+
* @example
|
|
64
|
+
* ```tsx
|
|
65
|
+
* // Custom boundary component built on top of the primitive.
|
|
66
|
+
* function MyLoading(props: { fallback: JSX.Element; children: JSX.Element }) {
|
|
67
|
+
* return createLoadingBoundary(
|
|
68
|
+
* () => props.children,
|
|
69
|
+
* () => props.fallback
|
|
70
|
+
* ) as unknown as JSX.Element;
|
|
71
|
+
* }
|
|
72
|
+
* ```
|
|
73
|
+
*/
|
|
40
74
|
export declare function createLoadingBoundary(fn: () => any, fallback: () => any, options?: {
|
|
41
75
|
on?: () => any;
|
|
42
|
-
}): import("./signals.js").
|
|
43
|
-
|
|
76
|
+
}): import("./signals.js").SourceAccessor<unknown>;
|
|
77
|
+
/**
|
|
78
|
+
* Lower-level primitive that backs the `<Errored>` flow control. Catches
|
|
79
|
+
* thrown errors inside `fn` and invokes `fallback(error, reset)` instead.
|
|
80
|
+
* `reset()` recomputes the failing sources so the boundary can attempt to
|
|
81
|
+
* recover.
|
|
82
|
+
*
|
|
83
|
+
* App code should use `<Errored fallback={...}>` instead — reach for this only
|
|
84
|
+
* when authoring custom boundary components.
|
|
85
|
+
*
|
|
86
|
+
* @example
|
|
87
|
+
* ```tsx
|
|
88
|
+
* // Custom boundary that wraps the primitive and adds telemetry.
|
|
89
|
+
* function TracedErrored(props: { fallback: (e: unknown) => JSX.Element; children: JSX.Element }) {
|
|
90
|
+
* return createErrorBoundary(
|
|
91
|
+
* () => props.children,
|
|
92
|
+
* (err, reset) => {
|
|
93
|
+
* reportError(err);
|
|
94
|
+
* return props.fallback(err);
|
|
95
|
+
* }
|
|
96
|
+
* ) as unknown as JSX.Element;
|
|
97
|
+
* }
|
|
98
|
+
* ```
|
|
99
|
+
*/
|
|
100
|
+
export declare function createErrorBoundary<U>(fn: () => any, fallback: (error: unknown, reset: () => void) => U): import("./signals.js").SourceAccessor<unknown>;
|
|
101
|
+
/**
|
|
102
|
+
* Coordinate the reveal timing of sibling loading boundaries.
|
|
103
|
+
*
|
|
104
|
+
* Accepts reactive accessors:
|
|
105
|
+
* - `order`: `"sequential"` (default) | `"together"` | `"natural"`.
|
|
106
|
+
* - `"sequential"` — classic frontier reveal: siblings reveal in registration order
|
|
107
|
+
* as each resolves; later siblings stay hidden until earlier ones complete.
|
|
108
|
+
* - `"together"` — every direct slot stays on its fallback until the whole group
|
|
109
|
+
* is "minimally ready" (each direct slot has produced its own first visible
|
|
110
|
+
* content under its own order), then the whole group releases at once.
|
|
111
|
+
* - `"natural"` — children reveal independently (as each resolves). At the top
|
|
112
|
+
* level this is a no-op compared to not using `createRevealOrder`; the mode
|
|
113
|
+
* exists for nesting, where the group registers as a single composite slot to
|
|
114
|
+
* any enclosing `createRevealOrder`.
|
|
115
|
+
* - `collapsed`: only meaningful when `order === "sequential"`. When set, tail siblings
|
|
116
|
+
* past the frontier suppress their own fallback output. Ignored under `"together"`
|
|
117
|
+
* and `"natural"` — those orders have no frontier.
|
|
118
|
+
*
|
|
119
|
+
* Nested `createRevealOrder` groups compose: the inner controller registers as a
|
|
120
|
+
* single slot in the outer controller and is held on its fallbacks until the outer
|
|
121
|
+
* releases that slot. Once released, the inner controller runs its own order locally
|
|
122
|
+
* over anything still pending. There is no opt-out from an outer hold.
|
|
123
|
+
*
|
|
124
|
+
* "Minimally ready" is what an order considers its first visible content:
|
|
125
|
+
* - `sequential` — frontier-0 is minimally ready (leaf: on resolve; nested: via its
|
|
126
|
+
* own minimal signal).
|
|
127
|
+
* - `together` — every direct slot is minimally ready.
|
|
128
|
+
* - `natural` — any direct slot has visible content (leaves on resolve; nested
|
|
129
|
+
* composites when fully ready, since natural treats composites as atomic).
|
|
130
|
+
*
|
|
131
|
+
* @example
|
|
132
|
+
* ```ts
|
|
133
|
+
* // Primitive form of `<Reveal>` — coordinate sibling loading boundaries
|
|
134
|
+
* // programmatically. App code uses the JSX `<Reveal>` component instead.
|
|
135
|
+
* // Both options are accessors so they can react to state changes.
|
|
136
|
+
* createRevealOrder(
|
|
137
|
+
* () => renderSiblings(),
|
|
138
|
+
* { order: () => mode(), collapsed: () => true }
|
|
139
|
+
* );
|
|
140
|
+
* ```
|
|
141
|
+
*/
|
|
44
142
|
export declare function createRevealOrder<T>(fn: () => T, options?: {
|
|
45
|
-
|
|
143
|
+
order?: OrderAccessor;
|
|
46
144
|
collapsed?: BoolAccessor;
|
|
47
145
|
}): T;
|
|
146
|
+
/**
|
|
147
|
+
* Resolves a children value to its renderable form: unwraps zero-arg functions
|
|
148
|
+
* (accessors), recursively flattens arrays, and optionally skips
|
|
149
|
+
* non-rendering values (`null`, `undefined`, `true`, `false`, `""`).
|
|
150
|
+
*
|
|
151
|
+
* Used internally by flow components and by the renderer to walk a children
|
|
152
|
+
* tree. App code rarely needs this directly — see `children()` in `solid-js`
|
|
153
|
+
* for the user-facing helper that memoizes the result.
|
|
154
|
+
*
|
|
155
|
+
* @param children value or array of values to flatten
|
|
156
|
+
* @param options
|
|
157
|
+
* - `skipNonRendered` — drop values that won't render
|
|
158
|
+
* - `doNotUnwrap` — leave function children as-is (caller will resolve)
|
|
159
|
+
*
|
|
160
|
+
* @example
|
|
161
|
+
* ```ts
|
|
162
|
+
* // Custom renderer walking a children tree manually. Most authors should
|
|
163
|
+
* // use `children()` from solid-js, which memoizes the resolved value.
|
|
164
|
+
* function renderChildren(value: unknown): unknown {
|
|
165
|
+
* return flatten(value, { skipNonRendered: true });
|
|
166
|
+
* }
|
|
167
|
+
* ```
|
|
168
|
+
*/
|
|
48
169
|
export declare function flatten(children: any, options?: {
|
|
49
170
|
skipNonRendered?: boolean;
|
|
50
171
|
doNotUnwrap?: boolean;
|
|
@@ -1 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Wraps a generator function so each invocation runs as a single transaction
|
|
3
|
+
* (a "transition") that batches every signal/store write between yields. The
|
|
4
|
+
* surrounding UI sees one atomic update per yielded step; nothing is committed
|
|
5
|
+
* until the action either completes or the next `yield` resolves.
|
|
6
|
+
*
|
|
7
|
+
* Yield promises (or any awaitable) inside the generator — the action waits
|
|
8
|
+
* for each before continuing, but the writes you made beforehand are already
|
|
9
|
+
* visible (or held by `<Loading>` if optimistic). Yield bare values for
|
|
10
|
+
* synchronous batched steps.
|
|
11
|
+
*
|
|
12
|
+
* Each call returns a `Promise` that resolves with the generator's return
|
|
13
|
+
* value, or rejects if it throws. Pair with `createOptimistic` /
|
|
14
|
+
* `createOptimisticStore` to apply tentative writes that auto-revert if the
|
|
15
|
+
* action fails.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```ts
|
|
19
|
+
* const [todos, setTodos] = createOptimisticStore<Todo[]>([]);
|
|
20
|
+
*
|
|
21
|
+
* const addTodo = action(function* (text: string) {
|
|
22
|
+
* const tempId = crypto.randomUUID();
|
|
23
|
+
* setTodos(t => { t.push({ id: tempId, text, pending: true }); }); // optimistic
|
|
24
|
+
* const saved = yield api.createTodo(text); // network round-trip
|
|
25
|
+
* setTodos(t => {
|
|
26
|
+
* const i = t.findIndex(x => x.id === tempId);
|
|
27
|
+
* if (i >= 0) t[i] = saved;
|
|
28
|
+
* });
|
|
29
|
+
* return saved;
|
|
30
|
+
* });
|
|
31
|
+
*
|
|
32
|
+
* await addTodo("buy milk");
|
|
33
|
+
* ```
|
|
34
|
+
*/
|
|
1
35
|
export declare function action<Args extends any[], Y, R>(genFn: (...args: Args) => Generator<Y, R, any> | AsyncGenerator<Y, R, any>): (...args: Args) => Promise<R>;
|
|
@@ -9,6 +9,14 @@ export declare const REACTIVE_DISPOSED: number;
|
|
|
9
9
|
export declare const REACTIVE_OPTIMISTIC_DIRTY: number;
|
|
10
10
|
export declare const REACTIVE_SNAPSHOT_STALE: number;
|
|
11
11
|
export declare const REACTIVE_LAZY: number;
|
|
12
|
+
export declare const REACTIVE_MANUAL_WRITE: number;
|
|
13
|
+
export declare const CONFIG_OWNED_WRITE: number;
|
|
14
|
+
export declare const CONFIG_NO_SNAPSHOT: number;
|
|
15
|
+
export declare const CONFIG_TRANSPARENT: number;
|
|
16
|
+
export declare const CONFIG_IN_SNAPSHOT_SCOPE: number;
|
|
17
|
+
export declare const CONFIG_CHILDREN_FORBIDDEN: number;
|
|
18
|
+
export declare const CONFIG_AUTO_DISPOSE: number;
|
|
19
|
+
export declare const CONFIG_SYNC: number;
|
|
12
20
|
export declare const STATUS_NONE = 0;
|
|
13
21
|
export declare const STATUS_PENDING: number;
|
|
14
22
|
export declare const STATUS_ERROR: number;
|
|
@@ -22,4 +30,22 @@ export declare const NO_SNAPSHOT: {};
|
|
|
22
30
|
export declare const STORE_SNAPSHOT_PROPS = "sp";
|
|
23
31
|
export declare const SUPPORTS_PROXY: boolean;
|
|
24
32
|
export declare const defaultContext: {};
|
|
33
|
+
/**
|
|
34
|
+
* Brand symbol used by `Refreshable<T>` values (projection stores, async
|
|
35
|
+
* memos) to expose their underlying computation to `refresh()`. Not part of
|
|
36
|
+
* the user-facing API.
|
|
37
|
+
*
|
|
38
|
+
* @internal
|
|
39
|
+
*/
|
|
25
40
|
export declare const $REFRESH: unique symbol;
|
|
41
|
+
/**
|
|
42
|
+
* Brand applied to values that participate in the `refresh()` re-run protocol.
|
|
43
|
+
* Accessors receive this handle internally; projected stores expose it through
|
|
44
|
+
* their public return type so user-defined hooks that wrap `createOptimisticStore`
|
|
45
|
+
* / `createProjection` / projection-form `createStore` can have their return
|
|
46
|
+
* types inferred without leaking the internal `$REFRESH` symbol into public type
|
|
47
|
+
* signatures (TS4058).
|
|
48
|
+
*/
|
|
49
|
+
export type Refreshable<T> = T & {
|
|
50
|
+
readonly [$REFRESH]: any;
|
|
51
|
+
};
|
|
@@ -14,15 +14,23 @@ export type ContextRecord = Record<string | symbol, unknown>;
|
|
|
14
14
|
*/
|
|
15
15
|
export declare function createContext<T>(defaultValue?: T, description?: string): Context<T>;
|
|
16
16
|
/**
|
|
17
|
-
*
|
|
17
|
+
* Low-level owner-targeted context read. The user-facing read API is
|
|
18
|
+
* `useContext` (in `solid-js`), which wraps this primitive. Exposed here for
|
|
19
|
+
* cross-package wiring (e.g. hydration-aware context plumbing).
|
|
18
20
|
*
|
|
19
21
|
* @throws `NoOwnerError` if there's no owner at the time of call.
|
|
20
22
|
* @throws `ContextNotFoundError` if a context value has not been set yet.
|
|
23
|
+
*
|
|
24
|
+
* @internal
|
|
21
25
|
*/
|
|
22
26
|
export declare function getContext<T>(context: Context<T>, owner?: Owner | null): T;
|
|
23
27
|
/**
|
|
24
|
-
*
|
|
28
|
+
* Low-level owner-targeted context write. The user-facing API is
|
|
29
|
+
* `createContext` (in `solid-js`); its provider component wraps this
|
|
30
|
+
* primitive. Exposed here for cross-package wiring.
|
|
25
31
|
*
|
|
26
32
|
* @throws `NoOwnerError` if there's no owner at the time of call.
|
|
33
|
+
*
|
|
34
|
+
* @internal
|
|
27
35
|
*/
|
|
28
36
|
export declare function setContext<T>(context: Context<T>, value?: T, owner?: Owner | null): void;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { type Refreshable } from "./constants.js";
|
|
2
2
|
import { type OptimisticLane } from "./lanes.js";
|
|
3
3
|
import type { Computed, FirewallSignal, NodeOptions, Owner, Signal } from "./types.js";
|
|
4
|
+
export declare const PRIMITIVE_IN_FORBIDDEN_SCOPE_MESSAGE = "[PRIMITIVE_IN_FORBIDDEN_SCOPE] Cannot create reactive primitives inside createTrackedEffect or owner-backed onSettled";
|
|
4
5
|
export declare let tracking: boolean;
|
|
5
6
|
export declare let stale: boolean;
|
|
6
7
|
export declare let refreshing: boolean;
|
|
@@ -17,11 +18,18 @@ export declare function releaseSnapshotScope(owner: Owner): void;
|
|
|
17
18
|
export declare function clearSnapshots(): void;
|
|
18
19
|
export declare function recompute(el: Computed<any>, create?: boolean): void;
|
|
19
20
|
export declare function computed<T>(fn: (prev?: T) => T | PromiseLike<T> | AsyncIterable<T>): Computed<T>;
|
|
20
|
-
export declare function computed<T>(fn: (prev: T) => T | PromiseLike<T> | AsyncIterable<T>,
|
|
21
|
+
export declare function computed<T>(fn: (prev: T) => T | PromiseLike<T> | AsyncIterable<T>, options?: NodeOptions<T>): Computed<T>;
|
|
22
|
+
/**
|
|
23
|
+
* Build an Effect node with all effect-specific fields baked into a single object literal,
|
|
24
|
+
* so V8 sees the full hidden class shape at construction time. Effects always run in lazy
|
|
25
|
+
* mode (recompute is called explicitly by `effect()`), so we hardcode the lazy bits and skip
|
|
26
|
+
* the auto-dispose CONFIG bit (effect() previously cleared it post-construction).
|
|
27
|
+
*/
|
|
28
|
+
export declare function createEffectNode<T>(fn: (prev?: T) => T, effectFn: (val: T, prev: T | undefined) => void | (() => void), errorFn: ((err: unknown, cleanup: () => void) => void | (() => void)) | undefined, type: number, notifyStatus: ((status?: number, error?: any) => void) | undefined, options: NodeOptions<T> | undefined): any;
|
|
21
29
|
export declare function signal<T>(v: T, options?: NodeOptions<T>): Signal<T>;
|
|
22
30
|
export declare function signal<T>(v: T, options?: NodeOptions<T>, firewall?: Computed<any>): FirewallSignal<T>;
|
|
23
31
|
export declare function optimisticSignal<T>(v: T, options?: NodeOptions<T>): Signal<T>;
|
|
24
|
-
export declare function optimisticComputed<T>(fn: (prev?: T) => T | PromiseLike<T> | AsyncIterable<T>,
|
|
32
|
+
export declare function optimisticComputed<T>(fn: (prev?: T) => T | PromiseLike<T> | AsyncIterable<T>, options?: NodeOptions<T>): Computed<T>;
|
|
25
33
|
export declare function isEqual<T>(a: T, b: T): boolean;
|
|
26
34
|
/**
|
|
27
35
|
* When set to a component name string, any reactive read that is not inside a nested tracking
|
|
@@ -30,14 +38,64 @@ export declare function isEqual<T>(a: T, b: T): boolean;
|
|
|
30
38
|
export declare let strictRead: string | false;
|
|
31
39
|
export declare function setStrictRead(v: string | false): string | false;
|
|
32
40
|
/**
|
|
33
|
-
*
|
|
41
|
+
* Runs `fn` outside of any reactive tracking — reads inside `fn` will not
|
|
42
|
+
* subscribe the current scope. Returns whatever `fn` returns.
|
|
43
|
+
*
|
|
44
|
+
* Use `untrack` inside a memo or effect when you need to read a signal once
|
|
45
|
+
* without making the surrounding computation depend on its future changes.
|
|
46
|
+
*
|
|
47
|
+
* Pass a `strictReadLabel` string to enable a dev-mode warning: any reactive
|
|
48
|
+
* read inside `fn` that isn't inside a nested tracking scope will log a
|
|
49
|
+
* warning naming the label.
|
|
34
50
|
*
|
|
35
|
-
*
|
|
36
|
-
*
|
|
51
|
+
* @example
|
|
52
|
+
* ```ts
|
|
53
|
+
* createEffect(
|
|
54
|
+
* () => trigger(), // tracks `trigger` only
|
|
55
|
+
* () => {
|
|
56
|
+
* const snapshot = untrack(() => state); // read once, untracked
|
|
57
|
+
* log(snapshot);
|
|
58
|
+
* }
|
|
59
|
+
* );
|
|
60
|
+
* ```
|
|
37
61
|
*/
|
|
38
62
|
export declare function untrack<T>(fn: () => T, strictReadLabel?: string | false): T;
|
|
39
63
|
export declare function read<T>(el: Signal<T> | Computed<T>): T;
|
|
40
64
|
export declare function setSignal<T>(el: Signal<T> | Computed<T>, v: T | ((prev: T) => T)): T;
|
|
65
|
+
/**
|
|
66
|
+
* Suppresses automatic recomputation of `el` until the scheduler drains. Used
|
|
67
|
+
* when a manual write should win over dependency changes queued in the same
|
|
68
|
+
* tick. The MANUAL_WRITE flag is cleared by the pending-node drain; projection
|
|
69
|
+
* computeds don't commit values, but they still need the same end-of-tick
|
|
70
|
+
* cleanup point.
|
|
71
|
+
*/
|
|
72
|
+
export declare function suppressComputedRecompute(el: Computed<unknown>): void;
|
|
73
|
+
/**
|
|
74
|
+
* User-facing setter for the memo form of `createSignal(fn)`. Behaves like
|
|
75
|
+
* `setSignal`, but also cancels any pending recompute of the memo so the
|
|
76
|
+
* manual value wins over a value that would otherwise be produced by an
|
|
77
|
+
* upstream change in the same tick.
|
|
78
|
+
*/
|
|
79
|
+
export declare function setMemo<T>(el: Computed<T>, v: T | ((prev: T) => T)): T;
|
|
80
|
+
/**
|
|
81
|
+
* Executes `fn` with the given `owner` set as the current owner. Any reactive
|
|
82
|
+
* primitives (`createSignal`, `createMemo`, `createEffect`, `onCleanup`,
|
|
83
|
+
* `cleanup`, etc.) created inside `fn` are attached to that owner, so they
|
|
84
|
+
* are disposed when the owner is disposed.
|
|
85
|
+
*
|
|
86
|
+
* The classic pattern: capture the current owner with `getOwner()` inside a
|
|
87
|
+
* component, then re-enter it from a callback (event handler, async resolve,
|
|
88
|
+
* setTimeout) so disposables created in the callback get cleaned up with the
|
|
89
|
+
* component.
|
|
90
|
+
*
|
|
91
|
+
* @example
|
|
92
|
+
* ```ts
|
|
93
|
+
* function delayed<T>(ms: number, fn: () => T) {
|
|
94
|
+
* const owner = getOwner();
|
|
95
|
+
* setTimeout(() => runWithOwner(owner, fn), ms);
|
|
96
|
+
* }
|
|
97
|
+
* ```
|
|
98
|
+
*/
|
|
41
99
|
export declare function runWithOwner<T>(owner: Owner | null, fn: () => T): T;
|
|
42
100
|
/**
|
|
43
101
|
* Update _pendingSignal when pending state changes. When the override clears
|
|
@@ -46,9 +104,71 @@ export declare function runWithOwner<T>(owner: Owner | null, fn: () => T): T;
|
|
|
46
104
|
*/
|
|
47
105
|
export declare function updatePendingSignal(el: Signal<any> | Computed<any>): void;
|
|
48
106
|
export declare function staleValues<T>(fn: () => T, set?: boolean): T;
|
|
107
|
+
/**
|
|
108
|
+
* Reads reactive expressions while bypassing any pending async overlay — i.e.
|
|
109
|
+
* always returns the most-recently-committed value, even when newer reads
|
|
110
|
+
* inside `fn` are still in flight.
|
|
111
|
+
*
|
|
112
|
+
* Useful inside a `<Loading>` boundary's children when you want to keep
|
|
113
|
+
* showing the previous resolved data instead of the fallback while the next
|
|
114
|
+
* value loads.
|
|
115
|
+
*
|
|
116
|
+
* @example
|
|
117
|
+
* ```tsx
|
|
118
|
+
* <Loading fallback={<Skeleton />}>
|
|
119
|
+
* {/* During a transition, render the previous user instead of skeleton: *\/}
|
|
120
|
+
* <UserCard user={latest(() => user())} />
|
|
121
|
+
* </Loading>
|
|
122
|
+
* ```
|
|
123
|
+
*/
|
|
49
124
|
export declare function latest<T>(fn: () => T): T;
|
|
125
|
+
/**
|
|
126
|
+
* Returns `true` if any reactive read inside `fn` is currently in a pending
|
|
127
|
+
* (async, not-yet-settled) state. Does not subscribe — pair with a tracked
|
|
128
|
+
* memo if you want to react to pending status changes.
|
|
129
|
+
*
|
|
130
|
+
* Useful for showing inline transition indicators alongside the previous
|
|
131
|
+
* value (rather than swapping to a `<Loading>` fallback).
|
|
132
|
+
*
|
|
133
|
+
* @example
|
|
134
|
+
* ```tsx
|
|
135
|
+
* const pending = createMemo(() => isPending(() => user()));
|
|
136
|
+
*
|
|
137
|
+
* <button disabled={pending()}>{pending() ? "Saving…" : "Save"}</button>
|
|
138
|
+
* ```
|
|
139
|
+
*/
|
|
50
140
|
export declare function isPending(fn: () => any): boolean;
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
141
|
+
/**
|
|
142
|
+
* Invalidates one reactive source, forcing it to re-execute even if its inputs
|
|
143
|
+
* haven't changed.
|
|
144
|
+
*
|
|
145
|
+
* Pass either a Solid-created accessor or a projected store created from
|
|
146
|
+
* `createStore(fn, ...)` / `createProjection(...)`. `refresh()` is a
|
|
147
|
+
* write-like invalidation operation: it does not read the target's value, and
|
|
148
|
+
* refreshing a plain signal accessor is a no-op.
|
|
149
|
+
*
|
|
150
|
+
* Use it to invalidate cached async values (e.g. force a re-fetch) without
|
|
151
|
+
* tearing the consumer down.
|
|
152
|
+
*
|
|
153
|
+
* @example
|
|
154
|
+
* ```ts
|
|
155
|
+
* const user = createMemo(async () => fetch(`/users/${id()}`).then(r => r.json()));
|
|
156
|
+
*
|
|
157
|
+
* // Re-fetch on demand
|
|
158
|
+
* <button onClick={() => refresh(user)}>Reload</button>
|
|
159
|
+
* ```
|
|
160
|
+
*/
|
|
161
|
+
export declare function refresh<T>(target: Refreshable<T>): void;
|
|
162
|
+
/**
|
|
163
|
+
* Returns `true` while a `refresh()` call is in progress. Useful for showing
|
|
164
|
+
* a "refreshing" indicator distinct from the initial-load `<Loading>`
|
|
165
|
+
* fallback.
|
|
166
|
+
*
|
|
167
|
+
* @example
|
|
168
|
+
* ```tsx
|
|
169
|
+
* <Show when={isRefreshing()}>
|
|
170
|
+
* <span class="badge">refreshing…</span>
|
|
171
|
+
* </Show>
|
|
172
|
+
* ```
|
|
173
|
+
*/
|
|
54
174
|
export declare function isRefreshing(): boolean;
|
package/dist/types/core/dev.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ export interface DevHooks {
|
|
|
6
6
|
onStoreNodeUpdate?: (state: any, property: PropertyKey, value: any, prev: any) => void;
|
|
7
7
|
}
|
|
8
8
|
export type DiagnosticSeverity = "warn" | "error";
|
|
9
|
-
export type DiagnosticCode = "STRICT_READ_UNTRACKED" | "PENDING_ASYNC_UNTRACKED_READ" | "PENDING_ASYNC_FORBIDDEN_SCOPE" | "SIGNAL_WRITE_IN_OWNED_SCOPE" | "RUN_WITH_DISPOSED_OWNER" | "NO_OWNER_CLEANUP" | "CLEANUP_IN_FORBIDDEN_SCOPE" | "NO_OWNER_EFFECT" | "NO_OWNER_BOUNDARY" | "ASYNC_OUTSIDE_LOADING_BOUNDARY";
|
|
9
|
+
export type DiagnosticCode = "STRICT_READ_UNTRACKED" | "PENDING_ASYNC_UNTRACKED_READ" | "PENDING_ASYNC_FORBIDDEN_SCOPE" | "SIGNAL_WRITE_IN_OWNED_SCOPE" | "RUN_WITH_DISPOSED_OWNER" | "NO_OWNER_CLEANUP" | "CLEANUP_IN_FORBIDDEN_SCOPE" | "PRIMITIVE_IN_FORBIDDEN_SCOPE" | "NO_OWNER_EFFECT" | "NO_OWNER_BOUNDARY" | "ASYNC_OUTSIDE_LOADING_BOUNDARY" | "INVALID_REFRESH_TARGET" | "MISSING_EFFECT_FN" | "SYNC_NODE_RECEIVED_ASYNC";
|
|
10
10
|
export type DiagnosticKind = "strict-read" | "async" | "write" | "lifecycle" | "owner";
|
|
11
11
|
export interface DiagnosticEvent {
|
|
12
12
|
sequence: number;
|
|
@@ -3,6 +3,7 @@ export interface Effect<T> extends Computed<T>, Owner {
|
|
|
3
3
|
_effectFn: (val: T, prev: T | undefined) => void | (() => void);
|
|
4
4
|
_errorFn?: (err: unknown, cleanup: () => void) => void;
|
|
5
5
|
_cleanup?: () => void;
|
|
6
|
+
_cleanupRegistered?: boolean;
|
|
6
7
|
_modified: boolean;
|
|
7
8
|
_prevValue: T | undefined;
|
|
8
9
|
_type: number;
|
|
@@ -12,9 +13,10 @@ export interface Effect<T> extends Computed<T>, Owner {
|
|
|
12
13
|
* automatically added to the queue of effects to re-execute, which will cause them to fetch their
|
|
13
14
|
* sources and recompute
|
|
14
15
|
*/
|
|
15
|
-
export declare function effect<T>(compute: (prev: T | undefined) => T, effect: (val: T, prev: T | undefined) => void | (() => void), error?: (err: unknown, cleanup: () => void) => void | (() => void),
|
|
16
|
-
|
|
16
|
+
export declare function effect<T>(compute: (prev: T | undefined) => T, effect: (val: T, prev: T | undefined) => void | (() => void), error?: (err: unknown, cleanup: () => void) => void | (() => void), options?: NodeOptions<any> & {
|
|
17
|
+
user?: boolean;
|
|
17
18
|
defer?: boolean;
|
|
19
|
+
schedule?: boolean;
|
|
18
20
|
}): void;
|
|
19
21
|
export interface TrackedEffect extends Computed<void> {
|
|
20
22
|
_cleanup?: () => void;
|
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Thrown by a tracked read whose value is currently pending (an async memo /
|
|
3
|
+
* `createSignal(asyncFn)` / projection / store derivation that hasn't settled
|
|
4
|
+
* yet). Surfacing through the reactive graph is what suspends the consumer
|
|
5
|
+
* scope — the nearest enclosing `<Loading>` boundary catches the throw and
|
|
6
|
+
* renders its fallback until the source resolves.
|
|
7
|
+
*
|
|
8
|
+
* App code rarely catches this directly; `<Loading>` is the canonical
|
|
9
|
+
* handler. The error type is exposed for advanced cases — e.g. interop layers
|
|
10
|
+
* that bridge Solid's pending-throw protocol to a different async strategy,
|
|
11
|
+
* or tests that want to assert on the suspension shape.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```ts
|
|
15
|
+
* // Advanced: distinguish "not ready yet" from a real error in custom
|
|
16
|
+
* // boundary plumbing. App code should rely on `<Loading>` / `<Errored>`.
|
|
17
|
+
* try {
|
|
18
|
+
* const value = readReactiveSource();
|
|
19
|
+
* } catch (err) {
|
|
20
|
+
* if (err instanceof NotReadyError) throw err; // re-throw to suspend
|
|
21
|
+
* reportError(err);
|
|
22
|
+
* }
|
|
23
|
+
* ```
|
|
24
|
+
*/
|
|
1
25
|
export declare class NotReadyError extends Error {
|
|
2
26
|
source: any;
|
|
3
27
|
constructor(source: any);
|
|
@@ -21,6 +21,25 @@ export declare let externalSourceConfig: {
|
|
|
21
21
|
* @param config.factory receives `(fn, trigger)` — wrap fn execution in external tracking,
|
|
22
22
|
* call trigger when external deps change. Return `{ track, dispose }`.
|
|
23
23
|
* @param config.untrack optional wrapper for `untrack` — disables external tracking too.
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* ```ts
|
|
27
|
+
* // Bridge an external "subscribe / notify" library into Solid's graph.
|
|
28
|
+
* // `factory` wraps every Solid compute so the external library can attach
|
|
29
|
+
* // its own dependency tracker; `trigger` re-runs the compute on external
|
|
30
|
+
* // change. `untrack` mirrors Solid's `untrack()` into the external library
|
|
31
|
+
* // so that reads inside `untrack(...)` don't get tracked twice.
|
|
32
|
+
* enableExternalSource({
|
|
33
|
+
* factory: (compute, trigger) => {
|
|
34
|
+
* const sub = externalLib.subscribe(trigger);
|
|
35
|
+
* return {
|
|
36
|
+
* track: prev => externalLib.run(() => compute(prev)),
|
|
37
|
+
* dispose: () => sub.unsubscribe()
|
|
38
|
+
* };
|
|
39
|
+
* },
|
|
40
|
+
* untrack: fn => externalLib.untracked(fn)
|
|
41
|
+
* });
|
|
42
|
+
* ```
|
|
24
43
|
*/
|
|
25
44
|
export declare function enableExternalSource(config: ExternalSourceConfig): void;
|
|
26
45
|
export declare function _resetExternalSourceConfig(): void;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
import type { Computed, Link, Signal } from "./types.js";
|
|
2
2
|
export declare function unlinkSubs(link: Link): Link | null;
|
|
3
|
+
export declare function trimStaleDeps(el: Computed<any>): void;
|
|
4
|
+
export declare function unobserved(el: Computed<unknown>): void;
|
|
3
5
|
export declare function link(dep: Signal<any> | Computed<any>, sub: Computed<any>): void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { ContextNotFoundError, NoOwnerError, NotReadyError } from "./error.js";
|
|
2
|
-
export { isEqual, untrack, runWithOwner, computed, signal, read, setSignal, optimisticSignal, optimisticComputed, isPending, latest, refresh, isRefreshing, staleValues, setSnapshotCapture, markSnapshotScope, releaseSnapshotScope, clearSnapshots } from "./core.js";
|
|
2
|
+
export { isEqual, untrack, runWithOwner, computed, signal, read, setSignal, setMemo, suppressComputedRecompute, optimisticSignal, optimisticComputed, isPending, latest, refresh, isRefreshing, staleValues, setSnapshotCapture, markSnapshotScope, releaseSnapshotScope, clearSnapshots } from "./core.js";
|
|
3
3
|
export { enableExternalSource, _resetExternalSourceConfig, type ExternalSourceFactory, type ExternalSource, type ExternalSourceConfig } from "./external.js";
|
|
4
4
|
export { createOwner, createRoot, dispose, getNextChildId, getObserver, getOwner, isDisposed, cleanup, peekNextChildId } from "./owner.js";
|
|
5
5
|
export { createContext, getContext, setContext, type Context, type ContextRecord } from "./context.js";
|
|
@@ -2,21 +2,111 @@ import type { Computed, Disposable, Owner, Root } from "./types.js";
|
|
|
2
2
|
export declare function markDisposal(el: Owner): void;
|
|
3
3
|
export declare function dispose(node: Computed<unknown>): void;
|
|
4
4
|
export declare function disposeChildren(node: Owner, self?: boolean, zombie?: boolean): void;
|
|
5
|
+
/**
|
|
6
|
+
* Allocates and returns the next stable child id for `owner`. Used by
|
|
7
|
+
* hydration plumbing and `createUniqueId`. Not part of the user-facing API.
|
|
8
|
+
*
|
|
9
|
+
* @internal
|
|
10
|
+
*/
|
|
5
11
|
export declare function getNextChildId(owner: Owner): string;
|
|
12
|
+
/**
|
|
13
|
+
* Returns the *next* child id for `owner` without consuming it. Used by
|
|
14
|
+
* hydration plumbing to peek at the id a future child will receive.
|
|
15
|
+
*
|
|
16
|
+
* @internal
|
|
17
|
+
*/
|
|
6
18
|
export declare function peekNextChildId(owner: Owner): string;
|
|
19
|
+
/**
|
|
20
|
+
* Returns the currently-tracking observer (the computation that subscribes to
|
|
21
|
+
* reactive reads at this point), or `null` if reads here would be untracked.
|
|
22
|
+
* Used by reactive primitives that need to know whether they're inside a
|
|
23
|
+
* tracking scope. App code rarely needs this — see `getOwner()` for the
|
|
24
|
+
* lifecycle owner instead.
|
|
25
|
+
*
|
|
26
|
+
* @example
|
|
27
|
+
* ```ts
|
|
28
|
+
* // Library predicate: only register a hot-path subscription when the
|
|
29
|
+
* // caller is inside a tracking scope (memo / effect compute / JSX).
|
|
30
|
+
* function trackIfTracked(source: () => unknown) {
|
|
31
|
+
* if (getObserver()) source();
|
|
32
|
+
* }
|
|
33
|
+
* ```
|
|
34
|
+
*/
|
|
7
35
|
export declare function getObserver(): Owner | null;
|
|
36
|
+
/**
|
|
37
|
+
* Returns the current reactive **owner** — the lifecycle node that the next
|
|
38
|
+
* `cleanup()` / `onCleanup()` / `createSignal()` etc. will be attached to.
|
|
39
|
+
*
|
|
40
|
+
* Returns `null` if called outside any owner. Capture the owner with
|
|
41
|
+
* `getOwner()` and re-enter it later with `runWithOwner(owner, fn)` to attach
|
|
42
|
+
* disposables created from a callback (event handler, async resolution, etc.)
|
|
43
|
+
* back to a component's lifecycle.
|
|
44
|
+
*
|
|
45
|
+
* @example
|
|
46
|
+
* ```ts
|
|
47
|
+
* function defer<T>(fn: () => T) {
|
|
48
|
+
* const owner = getOwner();
|
|
49
|
+
* queueMicrotask(() => runWithOwner(owner, fn));
|
|
50
|
+
* }
|
|
51
|
+
* ```
|
|
52
|
+
*/
|
|
8
53
|
export declare function getOwner(): Owner | null;
|
|
54
|
+
/**
|
|
55
|
+
* Low-level: registers `fn` as a disposal callback on the current owner.
|
|
56
|
+
* Most code should use `onCleanup()` from `solid-js`, which adds dev-mode
|
|
57
|
+
* checks. `cleanup()` is the unchecked primitive used by internals.
|
|
58
|
+
*/
|
|
9
59
|
export declare function cleanup(fn: Disposable): Disposable;
|
|
60
|
+
/**
|
|
61
|
+
* Returns `true` if the owner has been disposed (or marked zombie pending
|
|
62
|
+
* disposal). Pair with a captured owner to bail out of late callbacks whose
|
|
63
|
+
* surrounding component already unmounted.
|
|
64
|
+
*
|
|
65
|
+
* @example
|
|
66
|
+
* ```ts
|
|
67
|
+
* function onSettleSafe(fn: () => void) {
|
|
68
|
+
* const owner = getOwner();
|
|
69
|
+
* queueMicrotask(() => {
|
|
70
|
+
* if (owner && isDisposed(owner)) return; // component unmounted; skip
|
|
71
|
+
* runWithOwner(owner, fn);
|
|
72
|
+
* });
|
|
73
|
+
* }
|
|
74
|
+
* ```
|
|
75
|
+
*/
|
|
10
76
|
export declare function isDisposed(node: Owner): boolean;
|
|
77
|
+
/**
|
|
78
|
+
* Creates a fresh owner attached as a child of the current owner (or as a
|
|
79
|
+
* detached root if there is none). Used by framework internals to group
|
|
80
|
+
* cleanups; app code should use `createRoot()` (host a reactive scope outside
|
|
81
|
+
* a component) or `runWithOwner()` (re-enter a captured owner).
|
|
82
|
+
*
|
|
83
|
+
* @internal
|
|
84
|
+
*/
|
|
11
85
|
export declare function createOwner(options?: {
|
|
12
86
|
id?: string;
|
|
13
87
|
transparent?: boolean;
|
|
14
88
|
}): Root;
|
|
15
89
|
/**
|
|
16
|
-
* Creates a
|
|
90
|
+
* Creates a detached reactive root. The callback receives a `dispose()`
|
|
91
|
+
* function which, when called, tears down every signal, memo, effect, and
|
|
92
|
+
* `onCleanup` registered inside the root.
|
|
93
|
+
*
|
|
94
|
+
* Use this to host long-lived reactive scopes outside of a component (custom
|
|
95
|
+
* controllers, app bootstrapping, tests). Inside a component, prefer
|
|
96
|
+
* letting Solid's component lifecycle own things.
|
|
97
|
+
*
|
|
98
|
+
* @example
|
|
99
|
+
* ```ts
|
|
100
|
+
* const dispose = createRoot(dispose => {
|
|
101
|
+
* const [n, setN] = createSignal(0);
|
|
102
|
+
* createEffect(() => n(), value => console.log(value));
|
|
103
|
+
* setInterval(() => setN(x => x + 1), 1000);
|
|
104
|
+
* return dispose;
|
|
105
|
+
* });
|
|
17
106
|
*
|
|
18
|
-
*
|
|
19
|
-
*
|
|
107
|
+
* // Later, to tear everything down:
|
|
108
|
+
* dispose();
|
|
109
|
+
* ```
|
|
20
110
|
*
|
|
21
111
|
* @description https://docs.solidjs.com/reference/reactive-utilities/create-root
|
|
22
112
|
*/
|