@assistant-ui/tap 0.3.4 → 0.3.5
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/core/ResourceFiber.d.ts +1 -1
- package/dist/core/ResourceFiber.d.ts.map +1 -1
- package/dist/core/ResourceFiber.js +35 -40
- package/dist/core/ResourceFiber.js.map +1 -1
- package/dist/core/callResourceFn.js +15 -12
- package/dist/core/callResourceFn.js.map +1 -1
- package/dist/core/commit.d.ts +1 -1
- package/dist/core/commit.d.ts.map +1 -1
- package/dist/core/commit.js +57 -54
- package/dist/core/commit.js.map +1 -1
- package/dist/core/context.js +16 -21
- package/dist/core/context.js.map +1 -1
- package/dist/core/createResource.d.ts +1 -1
- package/dist/core/createResource.d.ts.map +1 -1
- package/dist/core/createResource.js +54 -67
- package/dist/core/createResource.js.map +1 -1
- package/dist/core/execution-context.d.ts +1 -1
- package/dist/core/execution-context.d.ts.map +1 -1
- package/dist/core/execution-context.js +21 -25
- package/dist/core/execution-context.js.map +1 -1
- package/dist/core/resource.d.ts +1 -1
- package/dist/core/resource.d.ts.map +1 -1
- package/dist/core/resource.js +8 -12
- package/dist/core/resource.js.map +1 -1
- package/dist/core/scheduler.js +73 -72
- package/dist/core/scheduler.js.map +1 -1
- package/dist/core/types.d.ts +3 -3
- package/dist/core/types.d.ts.map +1 -1
- package/dist/core/types.js +1 -0
- package/dist/core/types.js.map +1 -1
- package/dist/hooks/depsShallowEqual.js +8 -10
- package/dist/hooks/depsShallowEqual.js.map +1 -1
- package/dist/hooks/tap-callback.js +2 -6
- package/dist/hooks/tap-callback.js.map +1 -1
- package/dist/hooks/tap-effect-event.js +21 -10
- package/dist/hooks/tap-effect-event.js.map +1 -1
- package/dist/hooks/tap-effect.js +30 -31
- package/dist/hooks/tap-effect.js.map +1 -1
- package/dist/hooks/tap-inline-resource.d.ts +1 -1
- package/dist/hooks/tap-inline-resource.d.ts.map +1 -1
- package/dist/hooks/tap-inline-resource.js +2 -6
- package/dist/hooks/tap-inline-resource.js.map +1 -1
- package/dist/hooks/tap-memo.js +10 -14
- package/dist/hooks/tap-memo.js.map +1 -1
- package/dist/hooks/tap-ref.js +5 -9
- package/dist/hooks/tap-ref.js.map +1 -1
- package/dist/hooks/tap-resource.d.ts +1 -1
- package/dist/hooks/tap-resource.d.ts.map +1 -1
- package/dist/hooks/tap-resource.js +13 -28
- package/dist/hooks/tap-resource.js.map +1 -1
- package/dist/hooks/tap-resources.d.ts +1 -1
- package/dist/hooks/tap-resources.d.ts.map +1 -1
- package/dist/hooks/tap-resources.js +63 -64
- package/dist/hooks/tap-resources.js.map +1 -1
- package/dist/hooks/tap-state.js +47 -44
- package/dist/hooks/tap-state.js.map +1 -1
- package/dist/index.d.ts +14 -14
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +18 -31
- package/dist/index.js.map +1 -1
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/index.js +1 -5
- package/dist/react/index.js.map +1 -1
- package/dist/react/use-resource.d.ts +1 -1
- package/dist/react/use-resource.d.ts.map +1 -1
- package/dist/react/use-resource.js +16 -26
- package/dist/react/use-resource.js.map +1 -1
- package/package.json +44 -30
- package/react/package.json +5 -0
- package/src/__tests__/basic/resourceHandle.test.ts +56 -0
- package/src/__tests__/basic/tapEffect.basic.test.ts +247 -0
- package/src/__tests__/basic/tapResources.basic.test.ts +222 -0
- package/src/__tests__/basic/tapState.basic.test.ts +240 -0
- package/src/__tests__/errors/errors.effect-errors.test.ts +222 -0
- package/src/__tests__/errors/errors.render-errors.test.ts +190 -0
- package/src/__tests__/lifecycle/lifecycle.dependencies.test.ts +241 -0
- package/src/__tests__/lifecycle/lifecycle.mount-unmount.test.ts +211 -0
- package/src/__tests__/rules/rules.hook-count.test.ts +200 -0
- package/src/__tests__/rules/rules.hook-order.test.ts +192 -0
- package/src/__tests__/test-utils.ts +219 -0
- package/src/core/ResourceFiber.ts +58 -0
- package/src/core/callResourceFn.ts +21 -0
- package/src/core/commit.ts +73 -0
- package/src/core/context.ts +28 -0
- package/src/core/createResource.ts +116 -0
- package/src/core/execution-context.ts +34 -0
- package/src/core/resource.ts +16 -0
- package/src/core/scheduler.ts +95 -0
- package/src/core/types.ts +59 -0
- package/src/hooks/depsShallowEqual.ts +10 -0
- package/src/hooks/tap-callback.ts +8 -0
- package/src/hooks/tap-effect-event.ts +29 -0
- package/src/hooks/tap-effect.ts +59 -0
- package/src/hooks/tap-inline-resource.ts +8 -0
- package/src/hooks/tap-memo.ts +16 -0
- package/src/hooks/tap-ref.ts +16 -0
- package/src/hooks/tap-resource.ts +44 -0
- package/src/hooks/tap-resources.ts +112 -0
- package/src/hooks/tap-state.ts +83 -0
- package/src/index.ts +31 -0
- package/src/react/index.ts +1 -0
- package/src/react/use-resource.ts +35 -0
- package/dist/__tests__/test-utils.d.ts +0 -79
- package/dist/__tests__/test-utils.d.ts.map +0 -1
- package/dist/__tests__/test-utils.js +0 -138
- package/dist/__tests__/test-utils.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ExtractResourceOutput, RenderResult, ResourceElement, ResourceFiber } from "../core/types";
|
|
1
|
+
import { ExtractResourceOutput, RenderResult, ResourceElement, ResourceFiber } from "../core/types.js";
|
|
2
2
|
export type TapResourcesRenderResult<R, K extends string | number | symbol> = {
|
|
3
3
|
add: [K, ResourceFiber<R, any>][];
|
|
4
4
|
remove: K[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tap-resources.d.ts","sourceRoot":"","sources":["../../src/hooks/tap-resources.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,aAAa,EACd,
|
|
1
|
+
{"version":3,"file":"tap-resources.d.ts","sourceRoot":"","sources":["../../src/hooks/tap-resources.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,aAAa,EACd,yBAAsB;AAYvB,MAAM,MAAM,wBAAwB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI;IAC5E,GAAG,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC;IAClC,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,MAAM,EAAE,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CACtB,CAAC;AAEF,wBAAgB,YAAY,CAC1B,CAAC,SAAS,MAAM,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,CAAC,EAC/C,CAAC,SAAS,eAAe,CAAC,GAAG,EAAE,GAAG,CAAC,EAEnC,GAAG,EAAE,CAAC,EACN,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,EAC9C,cAAc,EAAE,GAAG,EAAE,GACpB;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,qBAAqB,CAAC,CAAC,CAAC;CAAE,CAgF9C"}
|
|
@@ -1,71 +1,70 @@
|
|
|
1
|
-
// src/hooks/tap-resources.ts
|
|
2
1
|
import { tapEffect } from "./tap-effect.js";
|
|
3
2
|
import { tapMemo } from "./tap-memo.js";
|
|
4
3
|
import { tapState } from "./tap-state.js";
|
|
5
4
|
import { tapCallback } from "./tap-callback.js";
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}
|
|
37
|
-
if (fibers.size > results2.commit.length - results2.add.length + results2.remove.length) {
|
|
38
|
-
for (const key of fibers.keys()) {
|
|
39
|
-
if (!(key in map)) {
|
|
40
|
-
results2.remove.push(key);
|
|
5
|
+
import { createResourceFiber, unmountResourceFiber, renderResourceFiber, commitResourceFiber, } from "../core/ResourceFiber.js";
|
|
6
|
+
export function tapResources(map, getElement, getElementDeps) {
|
|
7
|
+
const [version, setVersion] = tapState(0);
|
|
8
|
+
const rerender = tapCallback(() => setVersion((v) => v + 1), []);
|
|
9
|
+
const [fibers] = tapState(() => new Map());
|
|
10
|
+
const getElementMemo = tapMemo(() => getElement, getElementDeps);
|
|
11
|
+
// Process each element
|
|
12
|
+
const results = tapMemo(() => {
|
|
13
|
+
const results = {
|
|
14
|
+
remove: [],
|
|
15
|
+
add: [],
|
|
16
|
+
commit: [],
|
|
17
|
+
return: {},
|
|
18
|
+
};
|
|
19
|
+
// Create/update fibers and render
|
|
20
|
+
for (const key in map) {
|
|
21
|
+
const value = map[key];
|
|
22
|
+
const element = getElementMemo(value, key);
|
|
23
|
+
let fiber = fibers.get(key);
|
|
24
|
+
// Create new fiber if needed or type changed
|
|
25
|
+
if (!fiber || fiber.resource !== element.type) {
|
|
26
|
+
if (fiber)
|
|
27
|
+
results.remove.push(key);
|
|
28
|
+
fiber = createResourceFiber(element.type, rerender);
|
|
29
|
+
results.add.push([key, fiber]);
|
|
30
|
+
}
|
|
31
|
+
// Render with current props
|
|
32
|
+
const renderResult = renderResourceFiber(fiber, element.props);
|
|
33
|
+
results.commit.push([key, renderResult]);
|
|
34
|
+
results.return[key] = renderResult.state;
|
|
41
35
|
}
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
};
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
36
|
+
// Clean up removed fibers (only if there might be stale ones)
|
|
37
|
+
if (fibers.size >
|
|
38
|
+
results.commit.length - results.add.length + results.remove.length) {
|
|
39
|
+
for (const key of fibers.keys()) {
|
|
40
|
+
if (!(key in map)) {
|
|
41
|
+
results.remove.push(key);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
return results;
|
|
46
|
+
}, [map, getElementMemo, version]);
|
|
47
|
+
// Cleanup on unmount
|
|
48
|
+
tapEffect(() => {
|
|
49
|
+
return () => {
|
|
50
|
+
for (const key of fibers.keys()) {
|
|
51
|
+
unmountResourceFiber(fibers.get(key));
|
|
52
|
+
fibers.delete(key);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
}, []);
|
|
56
|
+
tapEffect(() => {
|
|
57
|
+
for (const key of results.remove) {
|
|
58
|
+
unmountResourceFiber(fibers.get(key));
|
|
59
|
+
fibers.delete(key);
|
|
60
|
+
}
|
|
61
|
+
for (const [key, fiber] of results.add) {
|
|
62
|
+
fibers.set(key, fiber);
|
|
63
|
+
}
|
|
64
|
+
for (const [key, result] of results.commit) {
|
|
65
|
+
commitResourceFiber(fibers.get(key), result);
|
|
66
|
+
}
|
|
67
|
+
}, [results]);
|
|
68
|
+
return results.return;
|
|
67
69
|
}
|
|
68
|
-
export {
|
|
69
|
-
tapResources
|
|
70
|
-
};
|
|
71
70
|
//# sourceMappingURL=tap-resources.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/hooks/tap-resources.ts"],"
|
|
1
|
+
{"version":3,"file":"tap-resources.js","sourceRoot":"","sources":["../../src/hooks/tap-resources.ts"],"names":[],"mappings":"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"}
|
package/dist/hooks/tap-state.js
CHANGED
|
@@ -1,50 +1,53 @@
|
|
|
1
|
-
// src/hooks/tap-state.ts
|
|
2
1
|
import { getCurrentResourceFiber } from "../core/execution-context.js";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
2
|
+
const rerender = (fiber) => {
|
|
3
|
+
if (fiber.renderContext) {
|
|
4
|
+
throw new Error("Resource updated during render");
|
|
5
|
+
}
|
|
6
|
+
if (fiber.isMounted) {
|
|
7
|
+
// Only schedule rerender if currently mounted
|
|
8
|
+
fiber.scheduleRerender();
|
|
9
|
+
}
|
|
10
|
+
else if (fiber.isNeverMounted) {
|
|
11
|
+
throw new Error("Resource updated before mount");
|
|
12
|
+
}
|
|
12
13
|
};
|
|
13
14
|
function getStateCell(initialValue) {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
15
|
+
const fiber = getCurrentResourceFiber();
|
|
16
|
+
const index = fiber.currentIndex++;
|
|
17
|
+
// Check if we're trying to use more hooks than in previous renders
|
|
18
|
+
if (!fiber.isFirstRender && index >= fiber.cells.length) {
|
|
19
|
+
throw new Error("Rendered more hooks than during the previous render. " +
|
|
20
|
+
"Hooks must be called in the exact same order in every render.");
|
|
21
|
+
}
|
|
22
|
+
if (!fiber.cells[index]) {
|
|
23
|
+
// Initialize the value immediately
|
|
24
|
+
const value = typeof initialValue === "function"
|
|
25
|
+
? initialValue()
|
|
26
|
+
: initialValue;
|
|
27
|
+
const cell = {
|
|
28
|
+
type: "state",
|
|
29
|
+
value,
|
|
30
|
+
set: (updater) => {
|
|
31
|
+
const currentValue = cell.value;
|
|
32
|
+
const nextValue = typeof updater === "function"
|
|
33
|
+
? updater(currentValue)
|
|
34
|
+
: updater;
|
|
35
|
+
if (!Object.is(currentValue, nextValue)) {
|
|
36
|
+
cell.value = nextValue;
|
|
37
|
+
rerender(fiber);
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
};
|
|
41
|
+
fiber.cells[index] = cell;
|
|
42
|
+
}
|
|
43
|
+
const cell = fiber.cells[index];
|
|
44
|
+
if (cell.type !== "state") {
|
|
45
|
+
throw new Error("Hook order changed between renders");
|
|
46
|
+
}
|
|
47
|
+
return cell;
|
|
42
48
|
}
|
|
43
|
-
function tapState(initial) {
|
|
44
|
-
|
|
45
|
-
|
|
49
|
+
export function tapState(initial) {
|
|
50
|
+
const cell = getStateCell(initial);
|
|
51
|
+
return [cell.value, cell.set];
|
|
46
52
|
}
|
|
47
|
-
export {
|
|
48
|
-
tapState
|
|
49
|
-
};
|
|
50
53
|
//# sourceMappingURL=tap-state.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"tap-state.js","sourceRoot":"","sources":["../../src/hooks/tap-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,qCAAkC;AAOpE,MAAM,QAAQ,GAAG,CAAC,KAA8B,EAAE,EAAE;IAClD,IAAI,KAAK,CAAC,aAAa,EAAE,CAAC;QACxB,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,8CAA8C;QAC9C,KAAK,CAAC,gBAAgB,EAAE,CAAC;IAC3B,CAAC;SAAM,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;QAChC,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;IACnD,CAAC;AACH,CAAC,CAAC;AAEF,SAAS,YAAY,CACnB,YAA2B;IAE3B,MAAM,KAAK,GAAG,uBAAuB,EAAE,CAAC;IACxC,MAAM,KAAK,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IAEnC,mEAAmE;IACnE,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QACxD,MAAM,IAAI,KAAK,CACb,uDAAuD;YACrD,+DAA+D,CAClE,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QACxB,mCAAmC;QACnC,MAAM,KAAK,GACT,OAAO,YAAY,KAAK,UAAU;YAChC,CAAC,CAAE,YAAwB,EAAE;YAC7B,CAAC,CAAC,YAAY,CAAC;QAEnB,MAAM,IAAI,GAA6B;YACrC,IAAI,EAAE,OAAO;YACb,KAAK;YACL,GAAG,EAAE,CAAC,OAAiC,EAAE,EAAE;gBACzC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC;gBAChC,MAAM,SAAS,GACb,OAAO,OAAO,KAAK,UAAU;oBAC3B,CAAC,CAAE,OAA0B,CAAC,YAAY,CAAC;oBAC3C,CAAC,CAAC,OAAO,CAAC;gBAEd,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,EAAE,CAAC;oBACxC,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;oBACvB,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAClB,CAAC;YACH,CAAC;SACF,CAAC;QAEF,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;IAC5B,CAAC;IAED,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChC,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC;IACxD,CAAC;IAED,OAAO,IAAgC,CAAC;AAC1C,CAAC;AASD,MAAM,UAAU,QAAQ,CACtB,OAAuB;IAEvB,MAAM,IAAI,GAAG,YAAY,CAAC,OAAwB,CAAC,CAAC;IAEpD,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;AAChC,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
export { resource } from "./core/resource";
|
|
2
|
-
export { tapState } from "./hooks/tap-state";
|
|
3
|
-
export { tapEffect } from "./hooks/tap-effect";
|
|
4
|
-
export { tapRef } from "./hooks/tap-ref";
|
|
5
|
-
export { tapMemo } from "./hooks/tap-memo";
|
|
6
|
-
export { tapCallback } from "./hooks/tap-callback";
|
|
7
|
-
export { tapEffectEvent } from "./hooks/tap-effect-event";
|
|
8
|
-
export { tapResource } from "./hooks/tap-resource";
|
|
9
|
-
export { tapInlineResource } from "./hooks/tap-inline-resource";
|
|
10
|
-
export { tapResources } from "./hooks/tap-resources";
|
|
11
|
-
export { createResource } from "./core/createResource";
|
|
12
|
-
export { flushSync } from "./core/scheduler";
|
|
13
|
-
export { createContext, tapContext, withContextProvider } from "./core/context";
|
|
14
|
-
export type { Resource, ContravariantResource, ResourceElement, ExtractResourceOutput, } from "./core/types";
|
|
1
|
+
export { resource } from "./core/resource.js";
|
|
2
|
+
export { tapState } from "./hooks/tap-state.js";
|
|
3
|
+
export { tapEffect } from "./hooks/tap-effect.js";
|
|
4
|
+
export { tapRef } from "./hooks/tap-ref.js";
|
|
5
|
+
export { tapMemo } from "./hooks/tap-memo.js";
|
|
6
|
+
export { tapCallback } from "./hooks/tap-callback.js";
|
|
7
|
+
export { tapEffectEvent } from "./hooks/tap-effect-event.js";
|
|
8
|
+
export { tapResource } from "./hooks/tap-resource.js";
|
|
9
|
+
export { tapInlineResource } from "./hooks/tap-inline-resource.js";
|
|
10
|
+
export { tapResources } from "./hooks/tap-resources.js";
|
|
11
|
+
export { createResource } from "./core/createResource.js";
|
|
12
|
+
export { flushSync } from "./core/scheduler.js";
|
|
13
|
+
export { createContext, tapContext, withContextProvider } from "./core/context.js";
|
|
14
|
+
export type { Resource, ContravariantResource, ResourceElement, ExtractResourceOutput, } from "./core/types.js";
|
|
15
15
|
//# sourceMappingURL=index.d.ts.map
|
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,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,2BAAwB;AAG3C,OAAO,EAAE,QAAQ,EAAE,6BAA0B;AAC7C,OAAO,EAAE,SAAS,EAAE,8BAA2B;AAG/C,OAAO,EAAE,MAAM,EAAE,2BAAwB;AACzC,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,SAAS,EAAE,4BAAyB;AAG7C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,mBAAmB,EAAE,0BAAuB;AAGhF,YAAY,EACV,QAAQ,EACR,qBAAqB,EACrB,eAAe,EACf,qBAAqB,GACtB,wBAAqB"}
|
package/dist/index.js
CHANGED
|
@@ -1,32 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
export {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
resource,
|
|
20
|
-
tapCallback,
|
|
21
|
-
tapContext,
|
|
22
|
-
tapEffect,
|
|
23
|
-
tapEffectEvent,
|
|
24
|
-
tapInlineResource,
|
|
25
|
-
tapMemo,
|
|
26
|
-
tapRef,
|
|
27
|
-
tapResource,
|
|
28
|
-
tapResources,
|
|
29
|
-
tapState,
|
|
30
|
-
withContextProvider
|
|
31
|
-
};
|
|
1
|
+
export { resource } from "./core/resource.js";
|
|
2
|
+
// primitive hooks
|
|
3
|
+
export { tapState } from "./hooks/tap-state.js";
|
|
4
|
+
export { tapEffect } from "./hooks/tap-effect.js";
|
|
5
|
+
// utility hooks
|
|
6
|
+
export { tapRef } from "./hooks/tap-ref.js";
|
|
7
|
+
export { tapMemo } from "./hooks/tap-memo.js";
|
|
8
|
+
export { tapCallback } from "./hooks/tap-callback.js";
|
|
9
|
+
export { tapEffectEvent } from "./hooks/tap-effect-event.js";
|
|
10
|
+
// resources
|
|
11
|
+
export { tapResource } from "./hooks/tap-resource.js";
|
|
12
|
+
export { tapInlineResource } from "./hooks/tap-inline-resource.js";
|
|
13
|
+
export { tapResources } from "./hooks/tap-resources.js";
|
|
14
|
+
// imperative
|
|
15
|
+
export { createResource } from "./core/createResource.js";
|
|
16
|
+
export { flushSync } from "./core/scheduler.js";
|
|
17
|
+
// context
|
|
18
|
+
export { createContext, tapContext, withContextProvider } from "./core/context.js";
|
|
32
19
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,2BAAwB;AAE3C,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,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,SAAS,EAAE,4BAAyB;AAE7C,UAAU;AACV,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,mBAAmB,EAAE,0BAAuB"}
|
package/dist/react/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { useResource } from "./use-resource";
|
|
1
|
+
export { useResource } from "./use-resource.js";
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAuB"}
|
package/dist/react/index.js
CHANGED
package/dist/react/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/index.ts"],"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAuB"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { ExtractResourceOutput, ResourceElement } from "../core/types";
|
|
1
|
+
import { ExtractResourceOutput, ResourceElement } from "../core/types.js";
|
|
2
2
|
export declare function useResource<E extends ResourceElement<any, any>>(element: E): ExtractResourceOutput<E>;
|
|
3
3
|
//# sourceMappingURL=use-resource.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-resource.d.ts","sourceRoot":"","sources":["../../src/react/use-resource.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"use-resource.d.ts","sourceRoot":"","sources":["../../src/react/use-resource.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,yBAAsB;AAevE,wBAAgB,WAAW,CAAC,CAAC,SAAS,eAAe,CAAC,GAAG,EAAE,GAAG,CAAC,EAC7D,OAAO,EAAE,CAAC,GACT,qBAAqB,CAAC,CAAC,CAAC,CAgB1B"}
|
|
@@ -1,29 +1,19 @@
|
|
|
1
|
-
// src/react/use-resource.ts
|
|
2
1
|
import { useEffect, useLayoutEffect, useMemo, useState } from "react";
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
return () => unmountResourceFiber(fiber);
|
|
20
|
-
}, [fiber]);
|
|
21
|
-
useIsomorphicLayoutEffect(() => {
|
|
22
|
-
commitResourceFiber(fiber, result);
|
|
23
|
-
});
|
|
24
|
-
return result.state;
|
|
2
|
+
import { createResourceFiber, unmountResourceFiber, renderResourceFiber, commitResourceFiber, } from "../core/ResourceFiber.js";
|
|
3
|
+
const shouldAvoidLayoutEffect = globalThis.__ASSISTANT_UI_DISABLE_LAYOUT_EFFECT__ === true;
|
|
4
|
+
const useIsomorphicLayoutEffect = shouldAvoidLayoutEffect
|
|
5
|
+
? useEffect
|
|
6
|
+
: useLayoutEffect;
|
|
7
|
+
export function useResource(element) {
|
|
8
|
+
const [, rerender] = useState({});
|
|
9
|
+
const fiber = useMemo(() => createResourceFiber(element.type, () => rerender({})), [element.type]);
|
|
10
|
+
const result = renderResourceFiber(fiber, element.props);
|
|
11
|
+
useIsomorphicLayoutEffect(() => {
|
|
12
|
+
return () => unmountResourceFiber(fiber);
|
|
13
|
+
}, [fiber]);
|
|
14
|
+
useIsomorphicLayoutEffect(() => {
|
|
15
|
+
commitResourceFiber(fiber, result);
|
|
16
|
+
});
|
|
17
|
+
return result.state;
|
|
25
18
|
}
|
|
26
|
-
export {
|
|
27
|
-
useResource
|
|
28
|
-
};
|
|
29
19
|
//# sourceMappingURL=use-resource.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/use-resource.ts"],"
|
|
1
|
+
{"version":3,"file":"use-resource.js","sourceRoot":"","sources":["../../src/react/use-resource.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,GACpB,iCAA8B;AAE/B,MAAM,uBAAuB,GAC1B,UAAkB,CAAC,sCAAsC,KAAK,IAAI,CAAC;AAEtE,MAAM,yBAAyB,GAAG,uBAAuB;IACvD,CAAC,CAAC,SAAS;IACX,CAAC,CAAC,eAAe,CAAC;AAEpB,MAAM,UAAU,WAAW,CACzB,OAAU;IAEV,MAAM,CAAC,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAClC,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,mBAAmB,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAC3D,CAAC,OAAO,CAAC,IAAI,CAAC,CACf,CAAC;IAEF,MAAM,MAAM,GAAG,mBAAmB,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACzD,yBAAyB,CAAC,GAAG,EAAE;QAC7B,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,yBAAyB,CAAC,GAAG,EAAE;QAC7B,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC,KAAK,CAAC;AACtB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,58 +1,72 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@assistant-ui/tap",
|
|
3
|
-
"version": "0.3.
|
|
4
|
-
"type": "module",
|
|
3
|
+
"version": "0.3.5",
|
|
5
4
|
"description": "Zero-dependency reactive state management inspired by React hooks",
|
|
6
|
-
"
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
"keywords": [
|
|
6
|
+
"state-management",
|
|
7
|
+
"reactive",
|
|
8
|
+
"hooks",
|
|
9
|
+
"signals",
|
|
10
|
+
"tap"
|
|
11
|
+
],
|
|
9
12
|
"author": "AgentbaseAI Inc.",
|
|
10
13
|
"license": "MIT",
|
|
11
|
-
"
|
|
14
|
+
"type": "module",
|
|
15
|
+
"exports": {
|
|
16
|
+
".": {
|
|
17
|
+
"aui-source": "./src/index.ts",
|
|
18
|
+
"types": "./dist/index.d.ts",
|
|
19
|
+
"default": "./dist/index.js"
|
|
20
|
+
},
|
|
21
|
+
"./react": {
|
|
22
|
+
"aui-source": "./src/react/index.ts",
|
|
23
|
+
"types": "./dist/react/index.d.ts",
|
|
24
|
+
"default": "./dist/react/index.js"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
"main": "./dist/index.js",
|
|
28
|
+
"types": "./dist/index.d.ts",
|
|
29
|
+
"files": [
|
|
30
|
+
"dist",
|
|
31
|
+
"src",
|
|
32
|
+
"react",
|
|
33
|
+
"README.md"
|
|
34
|
+
],
|
|
35
|
+
"sideEffects": false,
|
|
12
36
|
"peerDependencies": {
|
|
13
|
-
"react": "*"
|
|
37
|
+
"@types/react": "*",
|
|
38
|
+
"react": "^18 || ^19"
|
|
14
39
|
},
|
|
15
40
|
"peerDependenciesMeta": {
|
|
41
|
+
"@types/react": {
|
|
42
|
+
"optional": true
|
|
43
|
+
},
|
|
16
44
|
"react": {
|
|
17
45
|
"optional": true
|
|
18
46
|
}
|
|
19
47
|
},
|
|
20
48
|
"devDependencies": {
|
|
21
|
-
"@types/
|
|
22
|
-
"@
|
|
23
|
-
"
|
|
24
|
-
"tsx": "^4.21.0",
|
|
25
|
-
"typescript": "^5.9.3",
|
|
26
|
-
"vitest": "^4.0.15",
|
|
49
|
+
"@types/react": "^19.2.7",
|
|
50
|
+
"@vitest/ui": "^4.0.16",
|
|
51
|
+
"vitest": "^4.0.16",
|
|
27
52
|
"@assistant-ui/x-buildutils": "0.0.1"
|
|
28
53
|
},
|
|
29
|
-
"exports": {
|
|
30
|
-
".": {
|
|
31
|
-
"import": "./dist/index.js",
|
|
32
|
-
"types": "./dist/index.d.ts"
|
|
33
|
-
},
|
|
34
|
-
"./react": {
|
|
35
|
-
"import": "./dist/react/index.js",
|
|
36
|
-
"types": "./dist/react/index.d.ts"
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
"files": [
|
|
40
|
-
"dist"
|
|
41
|
-
],
|
|
42
54
|
"publishConfig": {
|
|
43
55
|
"access": "public",
|
|
44
56
|
"provenance": true
|
|
45
57
|
},
|
|
58
|
+
"homepage": "https://www.assistant-ui.com/",
|
|
46
59
|
"repository": {
|
|
47
60
|
"type": "git",
|
|
48
|
-
"url": "https://github.com/assistant-ui/assistant-ui
|
|
61
|
+
"url": "git+https://github.com/assistant-ui/assistant-ui.git",
|
|
62
|
+
"directory": "packages/tap"
|
|
49
63
|
},
|
|
50
64
|
"bugs": {
|
|
51
65
|
"url": "https://github.com/assistant-ui/assistant-ui/issues"
|
|
52
66
|
},
|
|
53
67
|
"scripts": {
|
|
54
|
-
"build": "
|
|
55
|
-
"test": "vitest",
|
|
56
|
-
"test:
|
|
68
|
+
"build": "aui-build",
|
|
69
|
+
"test": "vitest run",
|
|
70
|
+
"test:watch": "vitest"
|
|
57
71
|
}
|
|
58
72
|
}
|