@assistant-ui/tap 0.4.2 → 0.4.3
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/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/tapSubscribableResource.d.ts +16 -0
- package/dist/tapSubscribableResource.d.ts.map +1 -0
- package/dist/tapSubscribableResource.js +53 -0
- package/dist/tapSubscribableResource.js.map +1 -0
- package/package.json +4 -4
- package/src/__tests__/strictmode/tap-strictmode-rerender-sources.test.ts +1 -1
- package/src/index.ts +3 -0
- package/src/tapSubscribableResource.ts +91 -0
package/dist/index.d.ts
CHANGED
|
@@ -10,6 +10,7 @@ export { tapEffectEvent } from "./hooks/tap-effect-event.js";
|
|
|
10
10
|
export { tapResource } from "./hooks/tap-resource.js";
|
|
11
11
|
export { tapInlineResource } from "./hooks/tap-inline-resource.js";
|
|
12
12
|
export { tapResources } from "./hooks/tap-resources.js";
|
|
13
|
+
export { tapSubscribableResource } from "./tapSubscribableResource.js";
|
|
13
14
|
export { createResource } from "./core/createResource.js";
|
|
14
15
|
export { flushResourcesSync } from "./core/scheduler.js";
|
|
15
16
|
export { createResourceContext, tap, withContextProvider, } from "./core/context.js";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,2BAAwB;AAC3C,OAAO,EAAE,OAAO,EAAE,0BAAuB;AAGzC,OAAO,EAAE,QAAQ,EAAE,6BAA0B;AAC7C,OAAO,EAAE,SAAS,EAAE,8BAA2B;AAG/C,OAAO,EAAE,MAAM,EAAE,2BAAwB;AACzC,OAAO,EAAE,QAAQ,EAAE,6BAA0B;AAC7C,OAAO,EAAE,OAAO,EAAE,4BAAyB;AAC3C,OAAO,EAAE,WAAW,EAAE,gCAA6B;AACnD,OAAO,EAAE,cAAc,EAAE,oCAAiC;AAG1D,OAAO,EAAE,WAAW,EAAE,gCAA6B;AACnD,OAAO,EAAE,iBAAiB,EAAE,uCAAoC;AAChE,OAAO,EAAE,YAAY,EAAE,iCAA8B;AAGrD,OAAO,EAAE,cAAc,EAAE,iCAA8B;AACvD,OAAO,EAAE,kBAAkB,EAAE,4BAAyB;AAGtD,OAAO,EACL,qBAAqB,EACrB,GAAG,EACH,mBAAmB,GACpB,0BAAuB;AAGxB,YAAY,EACV,QAAQ,EACR,qBAAqB,EACrB,eAAe,GAChB,wBAAqB"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,2BAAwB;AAC3C,OAAO,EAAE,OAAO,EAAE,0BAAuB;AAGzC,OAAO,EAAE,QAAQ,EAAE,6BAA0B;AAC7C,OAAO,EAAE,SAAS,EAAE,8BAA2B;AAG/C,OAAO,EAAE,MAAM,EAAE,2BAAwB;AACzC,OAAO,EAAE,QAAQ,EAAE,6BAA0B;AAC7C,OAAO,EAAE,OAAO,EAAE,4BAAyB;AAC3C,OAAO,EAAE,WAAW,EAAE,gCAA6B;AACnD,OAAO,EAAE,cAAc,EAAE,oCAAiC;AAG1D,OAAO,EAAE,WAAW,EAAE,gCAA6B;AACnD,OAAO,EAAE,iBAAiB,EAAE,uCAAoC;AAChE,OAAO,EAAE,YAAY,EAAE,iCAA8B;AAGrD,OAAO,EAAE,uBAAuB,EAAE,qCAAkC;AAGpE,OAAO,EAAE,cAAc,EAAE,iCAA8B;AACvD,OAAO,EAAE,kBAAkB,EAAE,4BAAyB;AAGtD,OAAO,EACL,qBAAqB,EACrB,GAAG,EACH,mBAAmB,GACpB,0BAAuB;AAGxB,YAAY,EACV,QAAQ,EACR,qBAAqB,EACrB,eAAe,GAChB,wBAAqB"}
|
package/dist/index.js
CHANGED
|
@@ -13,6 +13,8 @@ export { tapEffectEvent } from "./hooks/tap-effect-event.js";
|
|
|
13
13
|
export { tapResource } from "./hooks/tap-resource.js";
|
|
14
14
|
export { tapInlineResource } from "./hooks/tap-inline-resource.js";
|
|
15
15
|
export { tapResources } from "./hooks/tap-resources.js";
|
|
16
|
+
// subscribable
|
|
17
|
+
export { tapSubscribableResource } from "./tapSubscribableResource.js";
|
|
16
18
|
// imperative
|
|
17
19
|
export { createResource } from "./core/createResource.js";
|
|
18
20
|
export { flushResourcesSync } from "./core/scheduler.js";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,2BAAwB;AAC3C,OAAO,EAAE,OAAO,EAAE,0BAAuB;AAEzC,kBAAkB;AAClB,OAAO,EAAE,QAAQ,EAAE,6BAA0B;AAC7C,OAAO,EAAE,SAAS,EAAE,8BAA2B;AAE/C,gBAAgB;AAChB,OAAO,EAAE,MAAM,EAAE,2BAAwB;AACzC,OAAO,EAAE,QAAQ,EAAE,6BAA0B;AAC7C,OAAO,EAAE,OAAO,EAAE,4BAAyB;AAC3C,OAAO,EAAE,WAAW,EAAE,gCAA6B;AACnD,OAAO,EAAE,cAAc,EAAE,oCAAiC;AAE1D,YAAY;AACZ,OAAO,EAAE,WAAW,EAAE,gCAA6B;AACnD,OAAO,EAAE,iBAAiB,EAAE,uCAAoC;AAChE,OAAO,EAAE,YAAY,EAAE,iCAA8B;AAErD,aAAa;AACb,OAAO,EAAE,cAAc,EAAE,iCAA8B;AACvD,OAAO,EAAE,kBAAkB,EAAE,4BAAyB;AAEtD,UAAU;AACV,OAAO,EACL,qBAAqB,EACrB,GAAG,EACH,mBAAmB,GACpB,0BAAuB"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,2BAAwB;AAC3C,OAAO,EAAE,OAAO,EAAE,0BAAuB;AAEzC,kBAAkB;AAClB,OAAO,EAAE,QAAQ,EAAE,6BAA0B;AAC7C,OAAO,EAAE,SAAS,EAAE,8BAA2B;AAE/C,gBAAgB;AAChB,OAAO,EAAE,MAAM,EAAE,2BAAwB;AACzC,OAAO,EAAE,QAAQ,EAAE,6BAA0B;AAC7C,OAAO,EAAE,OAAO,EAAE,4BAAyB;AAC3C,OAAO,EAAE,WAAW,EAAE,gCAA6B;AACnD,OAAO,EAAE,cAAc,EAAE,oCAAiC;AAE1D,YAAY;AACZ,OAAO,EAAE,WAAW,EAAE,gCAA6B;AACnD,OAAO,EAAE,iBAAiB,EAAE,uCAAoC;AAChE,OAAO,EAAE,YAAY,EAAE,iCAA8B;AAErD,eAAe;AACf,OAAO,EAAE,uBAAuB,EAAE,qCAAkC;AAEpE,aAAa;AACb,OAAO,EAAE,cAAc,EAAE,iCAA8B;AACvD,OAAO,EAAE,kBAAkB,EAAE,4BAAyB;AAEtD,UAAU;AACV,OAAO,EACL,qBAAqB,EACrB,GAAG,EACH,mBAAmB,GACpB,0BAAuB"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ResourceElement } from "./core/types.js";
|
|
2
|
+
export declare namespace tapSubscribableResource {
|
|
3
|
+
type Unsubscribe = () => void;
|
|
4
|
+
interface SubscribableResource<TState> {
|
|
5
|
+
/**
|
|
6
|
+
* Get the current state of the store.
|
|
7
|
+
*/
|
|
8
|
+
getValue(): TState;
|
|
9
|
+
/**
|
|
10
|
+
* Subscribe to the store.
|
|
11
|
+
*/
|
|
12
|
+
subscribe(listener: () => void): Unsubscribe;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
export declare const tapSubscribableResource: <TState>(element: ResourceElement<TState>) => tapSubscribableResource.SubscribableResource<TState>;
|
|
16
|
+
//# sourceMappingURL=tapSubscribableResource.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tapSubscribableResource.d.ts","sourceRoot":"","sources":["../src/tapSubscribableResource.ts"],"names":[],"mappings":"AAYA,OAAO,EAAgB,eAAe,EAAE,wBAAqB;AAE7D,yBAAiB,uBAAuB,CAAC;IACvC,KAAY,WAAW,GAAG,MAAM,IAAI,CAAC;IAErC,UAAiB,oBAAoB,CAAC,MAAM;QAC1C;;WAEG;QACH,QAAQ,IAAI,MAAM,CAAC;QAEnB;;WAEG;QACH,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,WAAW,CAAC;KAC9C;CACF;AAED,eAAO,MAAM,uBAAuB,GAAI,MAAM,EAC5C,SAAS,eAAe,CAAC,MAAM,CAAC,KAC/B,uBAAuB,CAAC,oBAAoB,CAAC,MAAM,CA0DrD,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { commitResourceFiber, createResourceFiber, renderResourceFiber, unmountResourceFiber, } from "./core/ResourceFiber.js";
|
|
2
|
+
import { flushResourcesSync, UpdateScheduler } from "./core/scheduler.js";
|
|
3
|
+
import { tapConst } from "./hooks/tap-const.js";
|
|
4
|
+
import { tapMemo } from "./hooks/tap-memo.js";
|
|
5
|
+
import { tapEffect } from "./hooks/tap-effect.js";
|
|
6
|
+
import { tapEffectEvent } from "./hooks/tap-effect-event.js";
|
|
7
|
+
import { tapRef } from "./hooks/tap-ref.js";
|
|
8
|
+
export const tapSubscribableResource = (element) => {
|
|
9
|
+
const scheduler = tapConst(() => new UpdateScheduler(() => handleUpdate()), []);
|
|
10
|
+
const fiber = tapMemo(() => {
|
|
11
|
+
void element.key;
|
|
12
|
+
return createResourceFiber(element.type, (callback) => {
|
|
13
|
+
if (callback()) {
|
|
14
|
+
lastRenderRef.current = null;
|
|
15
|
+
scheduler.markDirty();
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
}, [element.type, element.key]);
|
|
19
|
+
const lastRenderRef = tapRef(null);
|
|
20
|
+
lastRenderRef.current = renderResourceFiber(fiber, element.props);
|
|
21
|
+
const committedPropsRef = tapRef(element.props);
|
|
22
|
+
const valueRef = tapRef(lastRenderRef.current.output);
|
|
23
|
+
const subscribers = tapConst(() => new Set(), []);
|
|
24
|
+
const handleUpdate = tapEffectEvent(() => {
|
|
25
|
+
if (lastRenderRef.current === null) {
|
|
26
|
+
if (!fiber.isMounted)
|
|
27
|
+
return; // skip
|
|
28
|
+
lastRenderRef.current = renderResourceFiber(fiber, committedPropsRef.current);
|
|
29
|
+
}
|
|
30
|
+
if (scheduler.isDirty)
|
|
31
|
+
return;
|
|
32
|
+
committedPropsRef.current = lastRenderRef.current.props;
|
|
33
|
+
commitResourceFiber(fiber, lastRenderRef.current);
|
|
34
|
+
if (scheduler.isDirty)
|
|
35
|
+
return;
|
|
36
|
+
valueRef.current = lastRenderRef.current.output;
|
|
37
|
+
subscribers.forEach((callback) => callback());
|
|
38
|
+
});
|
|
39
|
+
tapEffect(() => () => unmountResourceFiber(fiber), [fiber]);
|
|
40
|
+
tapEffect(() => {
|
|
41
|
+
flushResourcesSync(() => {
|
|
42
|
+
scheduler.markDirty();
|
|
43
|
+
});
|
|
44
|
+
});
|
|
45
|
+
return tapMemo(() => ({
|
|
46
|
+
getValue: () => valueRef.current,
|
|
47
|
+
subscribe: (listener) => {
|
|
48
|
+
subscribers.add(listener);
|
|
49
|
+
return () => subscribers.delete(listener);
|
|
50
|
+
},
|
|
51
|
+
}), []);
|
|
52
|
+
};
|
|
53
|
+
//# sourceMappingURL=tapSubscribableResource.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tapSubscribableResource.js","sourceRoot":"","sources":["../src/tapSubscribableResource.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@assistant-ui/tap",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.3",
|
|
4
4
|
"description": "Zero-dependency reactive state management inspired by React hooks",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"state-management",
|
|
@@ -48,13 +48,13 @@
|
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@testing-library/dom": "^10.4.1",
|
|
50
50
|
"@testing-library/react": "^16.3.2",
|
|
51
|
-
"@types/react": "^19.2.
|
|
52
|
-
"@types/node": "^25.0
|
|
51
|
+
"@types/react": "^19.2.10",
|
|
52
|
+
"@types/node": "^25.2.0",
|
|
53
53
|
"@types/react-dom": "^19.2.3",
|
|
54
54
|
"@vitest/ui": "^4.0.18",
|
|
55
55
|
"react": "19.2.4",
|
|
56
56
|
"react-dom": "19.2.4",
|
|
57
|
-
"jsdom": "^
|
|
57
|
+
"jsdom": "^28.0.0",
|
|
58
58
|
"vitest": "^4.0.18",
|
|
59
59
|
"@assistant-ui/x-buildutils": "0.0.1"
|
|
60
60
|
},
|
|
@@ -399,7 +399,7 @@ describe("Tap Strict Mode - Rerender Sources", () => {
|
|
|
399
399
|
});
|
|
400
400
|
|
|
401
401
|
describe("Source 8: setState with function updater", () => {
|
|
402
|
-
it
|
|
402
|
+
it("should double-render with function updater in flushResourcesSync", () => {
|
|
403
403
|
const events: string[] = [];
|
|
404
404
|
|
|
405
405
|
const TestResource = resource(() => {
|
package/src/index.ts
CHANGED
|
@@ -17,6 +17,9 @@ export { tapResource } from "./hooks/tap-resource";
|
|
|
17
17
|
export { tapInlineResource } from "./hooks/tap-inline-resource";
|
|
18
18
|
export { tapResources } from "./hooks/tap-resources";
|
|
19
19
|
|
|
20
|
+
// subscribable
|
|
21
|
+
export { tapSubscribableResource } from "./tapSubscribableResource";
|
|
22
|
+
|
|
20
23
|
// imperative
|
|
21
24
|
export { createResource } from "./core/createResource";
|
|
22
25
|
export { flushResourcesSync } from "./core/scheduler";
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import {
|
|
2
|
+
commitResourceFiber,
|
|
3
|
+
createResourceFiber,
|
|
4
|
+
renderResourceFiber,
|
|
5
|
+
unmountResourceFiber,
|
|
6
|
+
} from "./core/ResourceFiber";
|
|
7
|
+
import { flushResourcesSync, UpdateScheduler } from "./core/scheduler";
|
|
8
|
+
import { tapConst } from "./hooks/tap-const";
|
|
9
|
+
import { tapMemo } from "./hooks/tap-memo";
|
|
10
|
+
import { tapEffect } from "./hooks/tap-effect";
|
|
11
|
+
import { tapEffectEvent } from "./hooks/tap-effect-event";
|
|
12
|
+
import { tapRef } from "./hooks/tap-ref";
|
|
13
|
+
import { RenderResult, ResourceElement } from "./core/types";
|
|
14
|
+
|
|
15
|
+
export namespace tapSubscribableResource {
|
|
16
|
+
export type Unsubscribe = () => void;
|
|
17
|
+
|
|
18
|
+
export interface SubscribableResource<TState> {
|
|
19
|
+
/**
|
|
20
|
+
* Get the current state of the store.
|
|
21
|
+
*/
|
|
22
|
+
getValue(): TState;
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* Subscribe to the store.
|
|
26
|
+
*/
|
|
27
|
+
subscribe(listener: () => void): Unsubscribe;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export const tapSubscribableResource = <TState>(
|
|
32
|
+
element: ResourceElement<TState>,
|
|
33
|
+
): tapSubscribableResource.SubscribableResource<TState> => {
|
|
34
|
+
const scheduler = tapConst(
|
|
35
|
+
() => new UpdateScheduler(() => handleUpdate()),
|
|
36
|
+
[],
|
|
37
|
+
);
|
|
38
|
+
const fiber = tapMemo(() => {
|
|
39
|
+
void element.key;
|
|
40
|
+
|
|
41
|
+
return createResourceFiber(element.type, (callback) => {
|
|
42
|
+
if (callback()) {
|
|
43
|
+
lastRenderRef.current = null;
|
|
44
|
+
scheduler.markDirty();
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
}, [element.type, element.key]);
|
|
48
|
+
|
|
49
|
+
const lastRenderRef = tapRef<RenderResult | null>(null);
|
|
50
|
+
lastRenderRef.current = renderResourceFiber(fiber, element.props);
|
|
51
|
+
|
|
52
|
+
const committedPropsRef = tapRef(element.props);
|
|
53
|
+
const valueRef = tapRef<TState>(lastRenderRef.current.output);
|
|
54
|
+
const subscribers = tapConst(() => new Set<() => void>(), []);
|
|
55
|
+
const handleUpdate = tapEffectEvent(() => {
|
|
56
|
+
if (lastRenderRef.current === null) {
|
|
57
|
+
if (!fiber.isMounted) return; // skip
|
|
58
|
+
|
|
59
|
+
lastRenderRef.current = renderResourceFiber(
|
|
60
|
+
fiber,
|
|
61
|
+
committedPropsRef.current,
|
|
62
|
+
);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
if (scheduler.isDirty) return;
|
|
66
|
+
committedPropsRef.current = lastRenderRef.current.props;
|
|
67
|
+
commitResourceFiber(fiber, lastRenderRef.current);
|
|
68
|
+
|
|
69
|
+
if (scheduler.isDirty) return;
|
|
70
|
+
valueRef.current = lastRenderRef.current.output;
|
|
71
|
+
subscribers.forEach((callback) => callback());
|
|
72
|
+
});
|
|
73
|
+
|
|
74
|
+
tapEffect(() => () => unmountResourceFiber(fiber), [fiber]);
|
|
75
|
+
tapEffect(() => {
|
|
76
|
+
flushResourcesSync(() => {
|
|
77
|
+
scheduler.markDirty();
|
|
78
|
+
});
|
|
79
|
+
});
|
|
80
|
+
|
|
81
|
+
return tapMemo(
|
|
82
|
+
() => ({
|
|
83
|
+
getValue: () => valueRef.current,
|
|
84
|
+
subscribe: (listener: () => void) => {
|
|
85
|
+
subscribers.add(listener);
|
|
86
|
+
return () => subscribers.delete(listener);
|
|
87
|
+
},
|
|
88
|
+
}),
|
|
89
|
+
[],
|
|
90
|
+
);
|
|
91
|
+
};
|