@praxisjs/core 1.0.0 → 1.2.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/CHANGELOG.md +41 -0
- package/dist/__tests__/batch.test.js +47 -0
- package/dist/__tests__/batch.test.js.map +1 -1
- package/dist/__tests__/computed.test.js +48 -0
- package/dist/__tests__/computed.test.js.map +1 -1
- package/dist/__tests__/effect.test.js +39 -1
- package/dist/__tests__/effect.test.js.map +1 -1
- package/dist/__tests__/persisted-signal.test.js +34 -0
- package/dist/__tests__/persisted-signal.test.js.map +1 -1
- package/dist/__tests__/reactive.test.js +51 -0
- package/dist/__tests__/reactive.test.js.map +1 -1
- package/dist/__tests__/resource.test.js +43 -0
- package/dist/__tests__/resource.test.js.map +1 -1
- package/dist/__tests__/signal.test.js +29 -0
- package/dist/__tests__/signal.test.js.map +1 -1
- package/dist/async/resource.d.ts.map +1 -1
- package/dist/async/resource.js +15 -2
- package/dist/async/resource.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/internal.d.ts +1 -1
- package/dist/internal.d.ts.map +1 -1
- package/dist/internal.js +1 -1
- package/dist/internal.js.map +1 -1
- package/dist/reactive/reactive.d.ts +3 -1
- package/dist/reactive/reactive.d.ts.map +1 -1
- package/dist/reactive/reactive.js +10 -2
- package/dist/reactive/reactive.js.map +1 -1
- package/dist/signal/batch.d.ts +3 -0
- package/dist/signal/batch.d.ts.map +1 -1
- package/dist/signal/batch.js +15 -4
- package/dist/signal/batch.js.map +1 -1
- package/dist/signal/computed.d.ts.map +1 -1
- package/dist/signal/computed.js +7 -3
- package/dist/signal/computed.js.map +1 -1
- package/dist/signal/effect.d.ts +1 -0
- package/dist/signal/effect.d.ts.map +1 -1
- package/dist/signal/effect.js +10 -0
- package/dist/signal/effect.js.map +1 -1
- package/dist/signal/index.d.ts +1 -1
- package/dist/signal/index.d.ts.map +1 -1
- package/dist/signal/index.js +1 -1
- package/dist/signal/index.js.map +1 -1
- package/dist/signal/signal.d.ts.map +1 -1
- package/dist/signal/signal.js +14 -1
- package/dist/signal/signal.js.map +1 -1
- package/package.json +1 -1
- package/src/__tests__/batch.test.ts +59 -1
- package/src/__tests__/computed.test.ts +50 -0
- package/src/__tests__/effect.test.ts +43 -1
- package/src/__tests__/persisted-signal.test.ts +43 -0
- package/src/__tests__/reactive.test.ts +59 -0
- package/src/__tests__/resource.test.ts +55 -0
- package/src/__tests__/signal.test.ts +31 -0
- package/src/async/resource.ts +13 -2
- package/src/index.ts +1 -0
- package/src/internal.ts +1 -0
- package/src/reactive/reactive.ts +11 -2
- package/src/signal/batch.ts +17 -4
- package/src/signal/computed.ts +6 -3
- package/src/signal/effect.ts +10 -0
- package/src/signal/index.ts +1 -1
- package/src/signal/signal.ts +12 -1
|
@@ -53,6 +53,13 @@ describe("when", () => {
|
|
|
53
53
|
s.set(0);
|
|
54
54
|
expect(fn).not.toHaveBeenCalled();
|
|
55
55
|
});
|
|
56
|
+
|
|
57
|
+
it("with source that fires immediately on subscription does not crash", () => {
|
|
58
|
+
const s = signal(1); // immediately truthy
|
|
59
|
+
const fn = vi.fn();
|
|
60
|
+
expect(() => when(s, fn)).not.toThrow();
|
|
61
|
+
expect(fn).toHaveBeenCalledWith(1);
|
|
62
|
+
});
|
|
56
63
|
});
|
|
57
64
|
|
|
58
65
|
// ---------- until ----------
|
|
@@ -70,6 +77,15 @@ describe("until", () => {
|
|
|
70
77
|
s.set(7);
|
|
71
78
|
expect(await promise).toBe(7);
|
|
72
79
|
});
|
|
80
|
+
|
|
81
|
+
it("the promise remains pending if source is always falsy (no-timeout behavior)", async () => {
|
|
82
|
+
const s = signal<number>(0);
|
|
83
|
+
let resolved = false;
|
|
84
|
+
until(s).then(() => { resolved = true; });
|
|
85
|
+
// Never set a truthy value
|
|
86
|
+
await new Promise((res) => setTimeout(res, 10));
|
|
87
|
+
expect(resolved).toBe(false);
|
|
88
|
+
});
|
|
73
89
|
});
|
|
74
90
|
|
|
75
91
|
// ---------- debounced ----------
|
|
@@ -125,6 +141,22 @@ describe("debounced", () => {
|
|
|
125
141
|
expect(d()).toBe("b");
|
|
126
142
|
vi.useRealTimers();
|
|
127
143
|
});
|
|
144
|
+
|
|
145
|
+
it("the inner effect is cleaned up when stop is called (no leak)", () => {
|
|
146
|
+
vi.useFakeTimers();
|
|
147
|
+
const s = signal(0);
|
|
148
|
+
const d = debounced(s, 100);
|
|
149
|
+
|
|
150
|
+
s.set(1);
|
|
151
|
+
// Stop the debounced effect before the timer fires
|
|
152
|
+
d.stop();
|
|
153
|
+
|
|
154
|
+
// Advance time — the timer should not fire and update the signal
|
|
155
|
+
vi.advanceTimersByTime(200);
|
|
156
|
+
expect(d()).toBe(0); // still initial value, effect was stopped
|
|
157
|
+
|
|
158
|
+
vi.useRealTimers();
|
|
159
|
+
});
|
|
128
160
|
});
|
|
129
161
|
|
|
130
162
|
// ---------- history ----------
|
|
@@ -242,4 +274,31 @@ describe("history", () => {
|
|
|
242
274
|
expect(h.canUndo()).toBe(false);
|
|
243
275
|
expect(h.canRedo()).toBe(false);
|
|
244
276
|
});
|
|
277
|
+
|
|
278
|
+
it("undo() called more times than history entries — state stays consistent", () => {
|
|
279
|
+
const s = signal(0);
|
|
280
|
+
const h = history(s);
|
|
281
|
+
s.set(1);
|
|
282
|
+
h.undo();
|
|
283
|
+
// No more history — undo is a no-op
|
|
284
|
+
h.undo();
|
|
285
|
+
h.undo();
|
|
286
|
+
expect(h.current()).toBe(0);
|
|
287
|
+
expect(h.canUndo()).toBe(false);
|
|
288
|
+
});
|
|
289
|
+
|
|
290
|
+
it("values() returns a snapshot — each call after source change yields a fresh array", () => {
|
|
291
|
+
const s = signal("a");
|
|
292
|
+
const h = history(s);
|
|
293
|
+
s.set("b");
|
|
294
|
+
s.set("c");
|
|
295
|
+
const snapshot1 = h.values();
|
|
296
|
+
expect(snapshot1).toEqual(["a", "b", "c"]);
|
|
297
|
+
// Trigger a change so the computed re-evaluates on next read
|
|
298
|
+
s.set("d");
|
|
299
|
+
const snapshot2 = h.values();
|
|
300
|
+
expect(snapshot2).toEqual(["a", "b", "c", "d"]);
|
|
301
|
+
// snapshot1 and snapshot2 are different array instances
|
|
302
|
+
expect(snapshot1).not.toBe(snapshot2);
|
|
303
|
+
});
|
|
245
304
|
});
|
|
@@ -108,3 +108,58 @@ describe("createResource", () => {
|
|
|
108
108
|
expect(fetcher).toHaveBeenCalledTimes(2);
|
|
109
109
|
});
|
|
110
110
|
});
|
|
111
|
+
|
|
112
|
+
describe("resource — additional cases", () => {
|
|
113
|
+
it("two concurrent refetch() calls — last result wins, stale result is discarded", async () => {
|
|
114
|
+
let resolveFirst!: (v: string) => void;
|
|
115
|
+
let resolveSecond!: (v: string) => void;
|
|
116
|
+
|
|
117
|
+
let call = 0;
|
|
118
|
+
const r = resource(
|
|
119
|
+
() => {
|
|
120
|
+
call++;
|
|
121
|
+
if (call === 1) return new Promise<string>((res) => { resolveFirst = res; });
|
|
122
|
+
return new Promise<string>((res) => { resolveSecond = res; });
|
|
123
|
+
},
|
|
124
|
+
{ immediate: false },
|
|
125
|
+
);
|
|
126
|
+
|
|
127
|
+
r.refetch(); // call 1
|
|
128
|
+
r.refetch(); // call 2 — supersedes call 1
|
|
129
|
+
|
|
130
|
+
resolveSecond("second");
|
|
131
|
+
resolveFirst("first"); // stale
|
|
132
|
+
|
|
133
|
+
await vi.waitFor(() => r.status() === "success");
|
|
134
|
+
expect(r.data()).toBe("second");
|
|
135
|
+
});
|
|
136
|
+
|
|
137
|
+
it("fetcher() throws synchronously — error is captured, does not crash", async () => {
|
|
138
|
+
const r = resource(() => {
|
|
139
|
+
throw new Error("sync throw");
|
|
140
|
+
});
|
|
141
|
+
await vi.waitFor(() => r.status() === "error");
|
|
142
|
+
expect((r.error() as Error).message).toBe("sync throw");
|
|
143
|
+
});
|
|
144
|
+
|
|
145
|
+
it("keepPreviousData: true — data is preserved while refetching", async () => {
|
|
146
|
+
let call = 0;
|
|
147
|
+
let resolve!: (v: number) => void;
|
|
148
|
+
const r = resource(
|
|
149
|
+
() => {
|
|
150
|
+
call++;
|
|
151
|
+
if (call === 1) return Promise.resolve(1);
|
|
152
|
+
return new Promise<number>((res) => { resolve = res; });
|
|
153
|
+
},
|
|
154
|
+
{ keepPreviousData: true },
|
|
155
|
+
);
|
|
156
|
+
|
|
157
|
+
await vi.waitFor(() => r.data() === 1);
|
|
158
|
+
r.refetch();
|
|
159
|
+
// During refetch with keepPreviousData, old data is preserved
|
|
160
|
+
expect(r.data()).toBe(1);
|
|
161
|
+
expect(r.status()).toBe("pending");
|
|
162
|
+
resolve(2);
|
|
163
|
+
await vi.waitFor(() => r.data() === 2);
|
|
164
|
+
});
|
|
165
|
+
});
|
|
@@ -106,4 +106,35 @@ describe("signal", () => {
|
|
|
106
106
|
expect(a).toContain(7);
|
|
107
107
|
expect(b).toContain(7);
|
|
108
108
|
});
|
|
109
|
+
|
|
110
|
+
it("subscriber B still fires when subscriber A throws", () => {
|
|
111
|
+
const s = signal(0);
|
|
112
|
+
const received: number[] = [];
|
|
113
|
+
s.subscribe((v) => { if (v !== 0) throw new Error("sub A throws"); });
|
|
114
|
+
s.subscribe((v) => received.push(v));
|
|
115
|
+
expect(() => s.set(1)).toThrow("sub A throws");
|
|
116
|
+
expect(received).toContain(1);
|
|
117
|
+
});
|
|
118
|
+
|
|
119
|
+
it("unsubscribe during notification does not crash", () => {
|
|
120
|
+
const s = signal(0);
|
|
121
|
+
let unsub: (() => void) | undefined;
|
|
122
|
+
unsub = s.subscribe(() => {
|
|
123
|
+
unsub?.();
|
|
124
|
+
});
|
|
125
|
+
expect(() => s.set(1)).not.toThrow();
|
|
126
|
+
});
|
|
127
|
+
|
|
128
|
+
it("set() with mutated object reference (same ref) does NOT notify — Object.is semantics", () => {
|
|
129
|
+
const obj = { count: 0 };
|
|
130
|
+
const s = signal(obj);
|
|
131
|
+
const calls: unknown[] = [];
|
|
132
|
+
s.subscribe((v) => calls.push(v));
|
|
133
|
+
const before = calls.length;
|
|
134
|
+
// Mutate the object in-place and set the same reference
|
|
135
|
+
obj.count = 99;
|
|
136
|
+
s.set(obj);
|
|
137
|
+
// Object.is(obj, obj) === true, so no notification
|
|
138
|
+
expect(calls.length).toBe(before);
|
|
139
|
+
});
|
|
109
140
|
});
|
package/src/async/resource.ts
CHANGED
|
@@ -59,12 +59,23 @@ export function resource<T>(
|
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
function execute() {
|
|
62
|
-
|
|
62
|
+
try {
|
|
63
|
+
_execute(fetcher());
|
|
64
|
+
} catch (err: unknown) {
|
|
65
|
+
_runId++;
|
|
66
|
+
_error.set(err instanceof Error ? err : new Error(String(err)));
|
|
67
|
+
_status.set("error");
|
|
68
|
+
}
|
|
63
69
|
}
|
|
64
70
|
|
|
65
71
|
if (immediate) {
|
|
66
72
|
effect(() => {
|
|
67
|
-
|
|
73
|
+
try {
|
|
74
|
+
_execute(fetcher());
|
|
75
|
+
} catch (err: unknown) {
|
|
76
|
+
_error.set(err instanceof Error ? err : new Error(String(err)));
|
|
77
|
+
_status.set("error");
|
|
78
|
+
}
|
|
68
79
|
});
|
|
69
80
|
}
|
|
70
81
|
|
package/src/index.ts
CHANGED
package/src/internal.ts
CHANGED
package/src/reactive/reactive.ts
CHANGED
|
@@ -43,14 +43,23 @@ export function debounced<T>(source: Signal<T> | Computed<T>, ms: number) {
|
|
|
43
43
|
const current = signal<T>(source());
|
|
44
44
|
let timeout: ReturnType<typeof setTimeout> | undefined;
|
|
45
45
|
|
|
46
|
-
effect(() => {
|
|
46
|
+
const stop = effect(() => {
|
|
47
47
|
const value = source();
|
|
48
48
|
if (timeout) clearTimeout(timeout);
|
|
49
49
|
timeout = setTimeout(() => {
|
|
50
50
|
current.set(value);
|
|
51
51
|
timeout = undefined;
|
|
52
52
|
}, ms);
|
|
53
|
+
return () => {
|
|
54
|
+
if (timeout) {
|
|
55
|
+
clearTimeout(timeout);
|
|
56
|
+
timeout = undefined;
|
|
57
|
+
}
|
|
58
|
+
};
|
|
53
59
|
});
|
|
54
60
|
|
|
55
|
-
|
|
61
|
+
const debouncedSignal = current as Signal<T> & { stop: () => void };
|
|
62
|
+
debouncedSignal.stop = stop;
|
|
63
|
+
|
|
64
|
+
return debouncedSignal;
|
|
56
65
|
}
|
package/src/signal/batch.ts
CHANGED
|
@@ -2,13 +2,26 @@ import type { Effect } from "./effect";
|
|
|
2
2
|
|
|
3
3
|
let batchQueue: Set<Effect> | null = null;
|
|
4
4
|
|
|
5
|
+
export function isBatching(): boolean {
|
|
6
|
+
return batchQueue !== null;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export function enqueueEffect(effect: Effect): void {
|
|
10
|
+
batchQueue?.add(effect);
|
|
11
|
+
}
|
|
12
|
+
|
|
5
13
|
export function batch(fn: () => void) {
|
|
6
|
-
|
|
14
|
+
const isOuter = batchQueue === null;
|
|
15
|
+
if (isOuter) {
|
|
16
|
+
batchQueue = new Set();
|
|
17
|
+
}
|
|
7
18
|
try {
|
|
8
19
|
fn();
|
|
9
20
|
} finally {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
21
|
+
if (isOuter) {
|
|
22
|
+
const effectsToRun = batchQueue ?? new Set<Effect>();
|
|
23
|
+
batchQueue = null;
|
|
24
|
+
effectsToRun.forEach((eff) => { eff(); });
|
|
25
|
+
}
|
|
13
26
|
}
|
|
14
27
|
}
|
package/src/signal/computed.ts
CHANGED
|
@@ -22,9 +22,12 @@ export function computed<T>(computeFn: () => T): Computed<T> {
|
|
|
22
22
|
if (dirty) {
|
|
23
23
|
const prevEffect = activeEffect;
|
|
24
24
|
runEffect(recompute);
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
25
|
+
try {
|
|
26
|
+
cachedValue = computeFn();
|
|
27
|
+
dirty = false;
|
|
28
|
+
} finally {
|
|
29
|
+
runEffect(prevEffect);
|
|
30
|
+
}
|
|
28
31
|
}
|
|
29
32
|
|
|
30
33
|
return cachedValue;
|
package/src/signal/effect.ts
CHANGED
|
@@ -19,6 +19,16 @@ export function runEffect(effect: Effect | null) {
|
|
|
19
19
|
activeEffect = effect;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
+
export function untrack<T>(fn: () => T): T {
|
|
23
|
+
const prev = activeEffect;
|
|
24
|
+
activeEffect = null;
|
|
25
|
+
try {
|
|
26
|
+
return fn();
|
|
27
|
+
} finally {
|
|
28
|
+
activeEffect = prev;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
22
32
|
// eslint-disable-next-line @typescript-eslint/no-invalid-void-type
|
|
23
33
|
type Cleanup = (() => void) | void;
|
|
24
34
|
|
package/src/signal/index.ts
CHANGED
package/src/signal/signal.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { Signal } from "@praxisjs/shared";
|
|
2
2
|
|
|
3
|
+
import { isBatching, enqueueEffect } from "./batch";
|
|
3
4
|
import { activeEffect, type Effect } from "./effect";
|
|
4
5
|
|
|
5
6
|
export function signal<T>(initialValue: T): Signal<T> {
|
|
@@ -16,9 +17,19 @@ export function signal<T>(initialValue: T): Signal<T> {
|
|
|
16
17
|
function set(newValue: T) {
|
|
17
18
|
if (Object.is(value, newValue)) return;
|
|
18
19
|
value = newValue;
|
|
20
|
+
if (isBatching()) {
|
|
21
|
+
[...subscribers].forEach((sub) => { enqueueEffect(sub); });
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
const errors: unknown[] = [];
|
|
19
25
|
[...subscribers].forEach((sub) => {
|
|
20
|
-
|
|
26
|
+
try {
|
|
27
|
+
sub();
|
|
28
|
+
} catch (e) {
|
|
29
|
+
errors.push(e);
|
|
30
|
+
}
|
|
21
31
|
});
|
|
32
|
+
if (errors.length > 0) throw errors[errors.length - 1];
|
|
22
33
|
}
|
|
23
34
|
|
|
24
35
|
function update(fn: (prev: T) => T) {
|