@assistant-ui/tap 0.3.6 → 0.4.2
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 +24 -23
- package/dist/core/ResourceFiber.d.ts +1 -1
- package/dist/core/ResourceFiber.d.ts.map +1 -1
- package/dist/core/ResourceFiber.js +15 -8
- package/dist/core/ResourceFiber.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 +40 -50
- package/dist/core/commit.js.map +1 -1
- package/dist/core/context.d.ts +2 -2
- package/dist/core/context.d.ts.map +1 -1
- package/dist/core/context.js +2 -2
- package/dist/core/context.js.map +1 -1
- package/dist/core/createResource.d.ts +3 -2
- package/dist/core/createResource.d.ts.map +1 -1
- package/dist/core/createResource.js +48 -22
- package/dist/core/createResource.js.map +1 -1
- package/dist/core/env.d.ts +2 -0
- package/dist/core/env.d.ts.map +1 -0
- package/dist/core/env.js +3 -0
- package/dist/core/env.js.map +1 -0
- package/dist/core/execution-context.d.ts +1 -0
- package/dist/core/execution-context.d.ts.map +1 -1
- package/dist/core/execution-context.js +8 -0
- package/dist/core/execution-context.js.map +1 -1
- package/dist/core/resource.d.ts +4 -3
- package/dist/core/resource.d.ts.map +1 -1
- package/dist/core/resource.js.map +1 -1
- package/dist/core/scheduler.d.ts +1 -1
- package/dist/core/scheduler.d.ts.map +1 -1
- package/dist/core/scheduler.js +4 -1
- package/dist/core/scheduler.js.map +1 -1
- package/dist/core/types.d.ts +22 -21
- package/dist/core/types.d.ts.map +1 -1
- package/dist/core/types.js +1 -1
- package/dist/core/types.js.map +1 -1
- package/dist/core/withKey.d.ts +3 -0
- package/dist/core/withKey.d.ts.map +1 -0
- package/dist/core/withKey.js +4 -0
- package/dist/core/withKey.js.map +1 -0
- package/dist/hooks/tap-callback.d.ts.map +1 -1
- package/dist/hooks/tap-callback.js +1 -0
- package/dist/hooks/tap-callback.js.map +1 -1
- package/dist/hooks/tap-const.d.ts +2 -0
- package/dist/hooks/tap-const.d.ts.map +1 -0
- package/dist/hooks/tap-const.js +6 -0
- package/dist/hooks/tap-const.js.map +1 -0
- package/dist/hooks/tap-effect-event.d.ts.map +1 -1
- package/dist/hooks/tap-effect-event.js +11 -0
- package/dist/hooks/tap-effect-event.js.map +1 -1
- package/dist/hooks/tap-effect.d.ts.map +1 -1
- package/dist/hooks/tap-effect.js +46 -31
- package/dist/hooks/tap-effect.js.map +1 -1
- package/dist/hooks/tap-inline-resource.d.ts +2 -2
- package/dist/hooks/tap-inline-resource.d.ts.map +1 -1
- package/dist/hooks/tap-memo.d.ts.map +1 -1
- package/dist/hooks/tap-memo.js +9 -1
- package/dist/hooks/tap-memo.js.map +1 -1
- package/dist/hooks/tap-resource.d.ts +3 -3
- package/dist/hooks/tap-resource.d.ts.map +1 -1
- package/dist/hooks/tap-resource.js +17 -9
- package/dist/hooks/tap-resource.js.map +1 -1
- package/dist/hooks/tap-resources.d.ts +2 -10
- package/dist/hooks/tap-resources.d.ts.map +1 -1
- package/dist/hooks/tap-resources.js +74 -43
- package/dist/hooks/tap-resources.js.map +1 -1
- package/dist/hooks/tap-state.d.ts.map +1 -1
- package/dist/hooks/tap-state.js +37 -24
- package/dist/hooks/tap-state.js.map +1 -1
- package/dist/hooks/utils/depsShallowEqual.d.ts.map +1 -0
- package/dist/hooks/utils/depsShallowEqual.js.map +1 -0
- package/dist/hooks/utils/tapHook.d.ts +6 -0
- package/dist/hooks/utils/tapHook.d.ts.map +1 -0
- package/dist/hooks/utils/tapHook.js +24 -0
- package/dist/hooks/utils/tapHook.js.map +1 -0
- package/dist/index.d.ts +5 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/dist/react/use-resource.d.ts +2 -2
- package/dist/react/use-resource.d.ts.map +1 -1
- package/dist/react/use-resource.js +24 -10
- package/dist/react/use-resource.js.map +1 -1
- package/package.json +10 -3
- package/src/__tests__/basic/resourceHandle.test.ts +4 -4
- package/src/__tests__/basic/tapEffect.basic.test.ts +3 -2
- package/src/__tests__/basic/tapResources.basic.test.ts +84 -64
- package/src/__tests__/basic/tapState.basic.test.ts +8 -8
- package/src/__tests__/errors/errors.effect-errors.test.ts +8 -3
- package/src/__tests__/lifecycle/lifecycle.dependencies.test.ts +3 -2
- package/src/__tests__/lifecycle/lifecycle.mount-unmount.test.ts +2 -2
- package/src/__tests__/react/concurrent-mode.test.tsx +243 -0
- package/src/__tests__/strictmode/react-strictmode-behavior.test.tsx +709 -0
- package/src/__tests__/strictmode/react-strictmode-rerender-sources.test.tsx +392 -0
- package/src/__tests__/strictmode/strictmode.test.ts +274 -0
- package/src/__tests__/strictmode/tap-strictmode-rerender-sources.test.ts +723 -0
- package/src/__tests__/test-utils.ts +8 -6
- package/src/core/ResourceFiber.ts +21 -11
- package/src/core/commit.ts +37 -57
- package/src/core/context.ts +2 -2
- package/src/core/createResource.ts +64 -25
- package/src/core/env.ts +3 -0
- package/src/core/execution-context.ts +9 -0
- package/src/core/resource.ts +9 -3
- package/src/core/scheduler.ts +4 -1
- package/src/core/types.ts +25 -26
- package/src/core/withKey.ts +8 -0
- package/src/hooks/tap-callback.ts +1 -0
- package/src/hooks/tap-const.ts +6 -0
- package/src/hooks/tap-effect-event.ts +15 -0
- package/src/hooks/tap-effect.ts +51 -38
- package/src/hooks/tap-inline-resource.ts +2 -2
- package/src/hooks/tap-memo.ts +10 -1
- package/src/hooks/tap-resource.ts +24 -20
- package/src/hooks/tap-resources.ts +86 -63
- package/src/hooks/tap-state.ts +49 -26
- package/src/hooks/utils/tapHook.ts +35 -0
- package/src/index.ts +8 -3
- package/src/react/use-resource.ts +27 -16
- package/dist/hooks/depsShallowEqual.d.ts.map +0 -1
- package/dist/hooks/depsShallowEqual.js.map +0 -1
- /package/dist/hooks/{depsShallowEqual.d.ts → utils/depsShallowEqual.d.ts} +0 -0
- /package/dist/hooks/{depsShallowEqual.js → utils/depsShallowEqual.js} +0 -0
- /package/src/hooks/{depsShallowEqual.ts → utils/depsShallowEqual.ts} +0 -0
package/dist/core/scheduler.js
CHANGED
|
@@ -53,6 +53,9 @@ const flushScheduled = () => {
|
|
|
53
53
|
throw errors[0];
|
|
54
54
|
}
|
|
55
55
|
else {
|
|
56
|
+
for (const error of errors) {
|
|
57
|
+
console.error(error);
|
|
58
|
+
}
|
|
56
59
|
throw new AggregateError(errors, "Errors occurred during flushSync");
|
|
57
60
|
}
|
|
58
61
|
}
|
|
@@ -62,7 +65,7 @@ const flushScheduled = () => {
|
|
|
62
65
|
flushState.isScheduled = false;
|
|
63
66
|
}
|
|
64
67
|
};
|
|
65
|
-
export const
|
|
68
|
+
export const flushResourcesSync = (callback) => {
|
|
66
69
|
const prev = flushState;
|
|
67
70
|
flushState = {
|
|
68
71
|
schedulers: new Set([]),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scheduler.js","sourceRoot":"","sources":["../../src/core/scheduler.ts"],"names":[],"mappings":"AAOA,MAAM,eAAe,GAAG,EAAE,CAAC;AAC3B,IAAI,UAAU,GAAqB;IACjC,UAAU,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC;IACvB,WAAW,EAAE,KAAK;CACnB,CAAC;AAEF,MAAM,OAAO,eAAe;IAGG;IAFrB,QAAQ,GAAG,KAAK,CAAC;IAEzB,YAA6B,KAAW;QAAX,UAAK,GAAL,KAAK,CAAM;IAAG,CAAC;IAE5C,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED,SAAS;QACP,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QAErB,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAChC,aAAa,EAAE,CAAC;IAClB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;CACF;AAED,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,IAAI,UAAU,CAAC,WAAW;QAAE,OAAO;IACnC,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC;IAC9B,cAAc,CAAC,cAAc,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,IAAI,UAAU,GAAG,CAAC,CAAC;QAEnB,KAAK,MAAM,SAAS,IAAI,UAAU,CAAC,UAAU,EAAE,CAAC;YAC9C,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YACxC,IAAI,CAAC,SAAS,CAAC,OAAO;gBAAE,SAAS;YAEjC,UAAU,EAAE,CAAC;YAEb,IAAI,UAAU,GAAG,eAAe,EAAE,CAAC;gBACjC,MAAM,IAAI,KAAK,CACb,iEAAiE;oBAC/D,6CAA6C,CAChD,CAAC;YACJ,CAAC;YAED,IAAI,CAAC;gBACH,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACrB,CAAC;QACH,CAAC;QAED,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtB,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACxB,MAAM,MAAM,CAAC,CAAC,CAAC,CAAC;YAClB,CAAC;iBAAM,CAAC;gBACN,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,kCAAkC,CAAC,CAAC;YACvE,CAAC;QACH,CAAC;IACH,CAAC;YAAS,CAAC;QACT,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QAC9B,UAAU,CAAC,WAAW,GAAG,KAAK,CAAC;IACjC,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"scheduler.js","sourceRoot":"","sources":["../../src/core/scheduler.ts"],"names":[],"mappings":"AAOA,MAAM,eAAe,GAAG,EAAE,CAAC;AAC3B,IAAI,UAAU,GAAqB;IACjC,UAAU,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC;IACvB,WAAW,EAAE,KAAK;CACnB,CAAC;AAEF,MAAM,OAAO,eAAe;IAGG;IAFrB,QAAQ,GAAG,KAAK,CAAC;IAEzB,YAA6B,KAAW;QAAX,UAAK,GAAL,KAAK,CAAM;IAAG,CAAC;IAE5C,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED,SAAS;QACP,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QAErB,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAChC,aAAa,EAAE,CAAC;IAClB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;CACF;AAED,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,IAAI,UAAU,CAAC,WAAW;QAAE,OAAO;IACnC,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC;IAC9B,cAAc,CAAC,cAAc,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,IAAI,UAAU,GAAG,CAAC,CAAC;QAEnB,KAAK,MAAM,SAAS,IAAI,UAAU,CAAC,UAAU,EAAE,CAAC;YAC9C,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YACxC,IAAI,CAAC,SAAS,CAAC,OAAO;gBAAE,SAAS;YAEjC,UAAU,EAAE,CAAC;YAEb,IAAI,UAAU,GAAG,eAAe,EAAE,CAAC;gBACjC,MAAM,IAAI,KAAK,CACb,iEAAiE;oBAC/D,6CAA6C,CAChD,CAAC;YACJ,CAAC;YAED,IAAI,CAAC;gBACH,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACrB,CAAC;QACH,CAAC;QAED,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtB,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACxB,MAAM,MAAM,CAAC,CAAC,CAAC,CAAC;YAClB,CAAC;iBAAM,CAAC;gBACN,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;oBAC3B,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBACvB,CAAC;gBACD,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,kCAAkC,CAAC,CAAC;YACvE,CAAC;QACH,CAAC;IACH,CAAC;YAAS,CAAC;QACT,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QAC9B,UAAU,CAAC,WAAW,GAAG,KAAK,CAAC;IACjC,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAI,QAAiB,EAAK,EAAE;IAC5D,MAAM,IAAI,GAAG,UAAU,CAAC;IACxB,UAAU,GAAG;QACX,UAAU,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC;QACvB,WAAW,EAAE,IAAI;KAClB,CAAC;IAEF,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAC;QAC1B,cAAc,EAAE,CAAC;QAEjB,OAAO,MAAM,CAAC;IAChB,CAAC;YAAS,CAAC;QACT,UAAU,GAAG,IAAI,CAAC;IACpB,CAAC;AACH,CAAC,CAAC"}
|
package/dist/core/types.d.ts
CHANGED
|
@@ -1,39 +1,41 @@
|
|
|
1
1
|
import type { tapEffect } from "../hooks/tap-effect.js";
|
|
2
2
|
import type { tapState } from "../hooks/tap-state.js";
|
|
3
|
-
import { fnSymbol } from "./callResourceFn.js";
|
|
3
|
+
import type { fnSymbol } from "./callResourceFn.js";
|
|
4
4
|
export type ResourceElement<R, P = any> = {
|
|
5
|
-
type: Resource<R, P> & {
|
|
5
|
+
readonly type: Resource<R, P> & {
|
|
6
6
|
[fnSymbol]: (props: P) => R;
|
|
7
7
|
};
|
|
8
|
-
props: P;
|
|
8
|
+
readonly props: P;
|
|
9
|
+
readonly key?: string | number;
|
|
9
10
|
};
|
|
10
|
-
type
|
|
11
|
-
export type
|
|
12
|
-
export type
|
|
13
|
-
export type ExtractResourceOutput<T> = T extends ResourceElement<infer R, any> ? R : never;
|
|
11
|
+
export type Resource<R, P> = (props: P) => ResourceElement<R, P>;
|
|
12
|
+
export type ContravariantResource<R, P> = (props: P) => ResourceElement<R>;
|
|
13
|
+
export type ExtractResourceReturnType<T> = T extends ResourceElement<infer R, any> ? R : T extends Resource<infer R, any> ? R : never;
|
|
14
14
|
export type Cell = {
|
|
15
|
-
type: "state";
|
|
15
|
+
readonly type: "state";
|
|
16
16
|
value: any;
|
|
17
17
|
set: (updater: tapState.StateUpdater<any>) => void;
|
|
18
18
|
} | {
|
|
19
|
-
type: "effect";
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
deps?: readonly unknown[] | undefined;
|
|
19
|
+
readonly type: "effect";
|
|
20
|
+
cleanup: tapEffect.Destructor | void;
|
|
21
|
+
deps: readonly unknown[] | null | undefined;
|
|
23
22
|
};
|
|
24
23
|
export interface EffectTask {
|
|
25
|
-
effect: tapEffect.EffectCallback;
|
|
26
|
-
deps
|
|
27
|
-
|
|
24
|
+
readonly effect: tapEffect.EffectCallback;
|
|
25
|
+
readonly deps: readonly unknown[] | undefined;
|
|
26
|
+
readonly cell: Cell & {
|
|
27
|
+
type: "effect";
|
|
28
|
+
};
|
|
28
29
|
}
|
|
29
30
|
export interface RenderResult {
|
|
30
|
-
|
|
31
|
-
props: any;
|
|
32
|
-
commitTasks:
|
|
31
|
+
readonly output: any;
|
|
32
|
+
readonly props: any;
|
|
33
|
+
readonly commitTasks: (() => void)[];
|
|
33
34
|
}
|
|
34
35
|
export interface ResourceFiber<R, P> {
|
|
35
|
-
readonly
|
|
36
|
-
readonly
|
|
36
|
+
readonly dispatchUpdate: (callback: () => boolean) => void;
|
|
37
|
+
readonly type: Resource<R, P>;
|
|
38
|
+
readonly devStrictMode: "root" | "child" | null;
|
|
37
39
|
cells: Cell[];
|
|
38
40
|
currentIndex: number;
|
|
39
41
|
renderContext: RenderResult | undefined;
|
|
@@ -41,5 +43,4 @@ export interface ResourceFiber<R, P> {
|
|
|
41
43
|
isFirstRender: boolean;
|
|
42
44
|
isNeverMounted: boolean;
|
|
43
45
|
}
|
|
44
|
-
export {};
|
|
45
46
|
//# sourceMappingURL=types.d.ts.map
|
package/dist/core/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,+BAA4B;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,8BAA2B;AACnD,OAAO,EAAE,QAAQ,EAAE,4BAAyB;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,+BAA4B;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,8BAA2B;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,4BAAyB;AAEjD,MAAM,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,IAAI;IACxC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAA;KAAE,CAAC;IAChE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;IAClB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACjE,MAAM,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,eAAe,CAAC,CAAC,CAAC,CAAC;AAE3E,MAAM,MAAM,yBAAyB,CAAC,CAAC,IACrC,CAAC,SAAS,eAAe,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GACnC,CAAC,GACD,CAAC,SAAS,QAAQ,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAC9B,CAAC,GACD,KAAK,CAAC;AAEd,MAAM,MAAM,IAAI,GACZ;IACE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,GAAG,CAAC;IACX,GAAG,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;CACpD,GACD;IACE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,OAAO,EAAE,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC;IACrC,IAAI,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEN,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC,cAAc,CAAC;IAC1C,QAAQ,CAAC,IAAI,EAAE,SAAS,OAAO,EAAE,GAAG,SAAS,CAAC;IAC9C,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC;CAC1C;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC;IACpB,QAAQ,CAAC,WAAW,EAAE,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;CACtC;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,EAAE,CAAC;IACjC,QAAQ,CAAC,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,OAAO,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9B,QAAQ,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IAEhD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IAErB,aAAa,EAAE,YAAY,GAAG,SAAS,CAAC;IAExC,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;CACzB"}
|
package/dist/core/types.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
export {};
|
|
2
2
|
//# sourceMappingURL=types.js.map
|
package/dist/core/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"withKey.d.ts","sourceRoot":"","sources":["../../src/core/withKey.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,mBAAgB;AAE1C,wBAAgB,OAAO,CAAC,CAAC,SAAS,eAAe,CAAC,GAAG,EAAE,GAAG,CAAC,EACzD,GAAG,EAAE,MAAM,GAAG,MAAM,EACpB,OAAO,EAAE,CAAC,GACT,CAAC,CAEH"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"withKey.js","sourceRoot":"","sources":["../../src/core/withKey.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,OAAO,CACrB,GAAoB,EACpB,OAAU;IAEV,OAAO,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,CAAC;AAC7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tap-callback.d.ts","sourceRoot":"","sources":["../../src/hooks/tap-callback.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAC3D,IAAI,CAAC,EACL,MAAM,SAAS,OAAO,EAAE,KACvB,
|
|
1
|
+
{"version":3,"file":"tap-callback.d.ts","sourceRoot":"","sources":["../../src/hooks/tap-callback.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAC3D,IAAI,CAAC,EACL,MAAM,SAAS,OAAO,EAAE,KACvB,CAGF,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { tapMemo } from "./tap-memo.js";
|
|
2
2
|
export const tapCallback = (fn, deps) => {
|
|
3
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies: user provided deps instead of callback identity
|
|
3
4
|
return tapMemo(() => fn, deps);
|
|
4
5
|
};
|
|
5
6
|
//# sourceMappingURL=tap-callback.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tap-callback.js","sourceRoot":"","sources":["../../src/hooks/tap-callback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,sBAAmB;AAErC,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,EAAK,EACL,IAAwB,EACrB,EAAE;IACL,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;AACjC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"tap-callback.js","sourceRoot":"","sources":["../../src/hooks/tap-callback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,sBAAmB;AAErC,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,EAAK,EACL,IAAwB,EACrB,EAAE;IACL,2GAA2G;IAC3G,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;AACjC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tap-const.d.ts","sourceRoot":"","sources":["../../src/hooks/tap-const.ts"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,SAAS,KAAK,EAAE,GAAG,CAAC,CAGzE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tap-const.js","sourceRoot":"","sources":["../../src/hooks/tap-const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,uBAAoB;AAEvC,MAAM,UAAU,QAAQ,CAAI,QAAiB,EAAE,KAAuB;IACpE,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACnC,OAAO,KAAK,CAAC;AACf,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tap-effect-event.d.ts","sourceRoot":"","sources":["../../src/hooks/tap-effect-event.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tap-effect-event.d.ts","sourceRoot":"","sources":["../../src/hooks/tap-effect-event.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAC9D,QAAQ,EAAE,CAAC,GACV,CAAC,CAoBH"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { tapRef } from "./tap-ref.js";
|
|
2
2
|
import { tapEffect } from "./tap-effect.js";
|
|
3
|
+
import { isDevelopment } from "../core/env.js";
|
|
4
|
+
import { tapCallback } from "./tap-callback.js";
|
|
5
|
+
import { getCurrentResourceFiber } from "../core/execution-context.js";
|
|
3
6
|
/**
|
|
4
7
|
* Creates a stable function reference that always calls the most recent version of the callback.
|
|
5
8
|
* Similar to React's useEffectEvent hook.
|
|
@@ -20,6 +23,14 @@ export function tapEffectEvent(callback) {
|
|
|
20
23
|
tapEffect(() => {
|
|
21
24
|
callbackRef.current = callback;
|
|
22
25
|
});
|
|
26
|
+
if (isDevelopment) {
|
|
27
|
+
const fiber = getCurrentResourceFiber();
|
|
28
|
+
return tapCallback(((...args) => {
|
|
29
|
+
if (fiber.renderContext)
|
|
30
|
+
throw new Error("tapEffectEvent cannot be called during render");
|
|
31
|
+
return callbackRef.current(...args);
|
|
32
|
+
}), [fiber]);
|
|
33
|
+
}
|
|
23
34
|
return callbackRef.current;
|
|
24
35
|
}
|
|
25
36
|
//# sourceMappingURL=tap-effect-event.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tap-effect-event.js","sourceRoot":"","sources":["../../src/hooks/tap-effect-event.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,qBAAkB;AACnC,OAAO,EAAE,SAAS,EAAE,wBAAqB;
|
|
1
|
+
{"version":3,"file":"tap-effect-event.js","sourceRoot":"","sources":["../../src/hooks/tap-effect-event.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,qBAAkB;AACnC,OAAO,EAAE,SAAS,EAAE,wBAAqB;AACzC,OAAO,EAAE,aAAa,EAAE,uBAAoB;AAC5C,OAAO,EAAE,WAAW,EAAE,0BAAuB;AAC7C,OAAO,EAAE,uBAAuB,EAAE,qCAAkC;AAEpE;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,cAAc,CAC5B,QAAW;IAEX,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,IAAI,aAAa,EAAE,CAAC;QAClB,MAAM,KAAK,GAAG,uBAAuB,EAAE,CAAC;QACxC,OAAO,WAAW,CAChB,CAAC,CAAC,GAAG,IAAmB,EAAE,EAAE;YAC1B,IAAI,KAAK,CAAC,aAAa;gBACrB,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;YACnE,OAAO,WAAW,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;QACtC,CAAC,CAAM,EACP,CAAC,KAAK,CAAC,CACR,CAAC;IACJ,CAAC;IAED,OAAO,WAAW,CAAC,OAAO,CAAC;AAC7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tap-effect.d.ts","sourceRoot":"","sources":["../../src/hooks/tap-effect.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tap-effect.d.ts","sourceRoot":"","sources":["../../src/hooks/tap-effect.ts"],"names":[],"mappings":"AAUA,yBAAiB,SAAS,CAAC;IACzB,KAAY,UAAU,GAAG,MAAM,IAAI,CAAC;IACpC,KAAY,cAAc,GAAG,MAAM,IAAI,GAAG,UAAU,CAAC;CACtD;AAED,wBAAgB,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC;AAClE,wBAAgB,SAAS,CACvB,MAAM,EAAE,SAAS,CAAC,cAAc,EAChC,IAAI,EAAE,SAAS,OAAO,EAAE,GACvB,IAAI,CAAC"}
|
package/dist/hooks/tap-effect.js
CHANGED
|
@@ -1,35 +1,50 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
"Hooks must be called in the exact same order in every render.");
|
|
9
|
-
}
|
|
10
|
-
if (!fiber.cells[index]) {
|
|
11
|
-
// Create the effect cell
|
|
12
|
-
const cell = {
|
|
13
|
-
type: "effect",
|
|
14
|
-
mounted: false,
|
|
15
|
-
};
|
|
16
|
-
fiber.cells[index] = cell;
|
|
17
|
-
}
|
|
18
|
-
const cell = fiber.cells[index];
|
|
19
|
-
if (cell.type !== "effect") {
|
|
20
|
-
throw new Error("Hook order changed between renders");
|
|
21
|
-
}
|
|
22
|
-
return index;
|
|
23
|
-
}
|
|
1
|
+
import { depsShallowEqual } from "./utils/depsShallowEqual.js";
|
|
2
|
+
import { tapHook, registerRenderMountTask } from "./utils/tapHook.js";
|
|
3
|
+
const newEffect = () => ({
|
|
4
|
+
type: "effect",
|
|
5
|
+
cleanup: undefined,
|
|
6
|
+
deps: null, // null means the effect has never been run
|
|
7
|
+
});
|
|
24
8
|
export function tapEffect(effect, deps) {
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
9
|
+
const cell = tapHook("effect", newEffect);
|
|
10
|
+
if (deps && cell.deps && depsShallowEqual(cell.deps, deps))
|
|
11
|
+
return;
|
|
12
|
+
if (cell.deps !== null && !!deps !== !!cell.deps)
|
|
13
|
+
throw new Error("tapEffect called with and without dependencies across re-renders");
|
|
14
|
+
registerRenderMountTask(() => {
|
|
15
|
+
const errors = [];
|
|
16
|
+
try {
|
|
17
|
+
cell.cleanup?.();
|
|
18
|
+
}
|
|
19
|
+
catch (error) {
|
|
20
|
+
errors.push(error);
|
|
21
|
+
}
|
|
22
|
+
finally {
|
|
23
|
+
cell.cleanup = undefined;
|
|
24
|
+
}
|
|
25
|
+
try {
|
|
26
|
+
const cleanup = effect();
|
|
27
|
+
if (cleanup !== undefined && typeof cleanup !== "function") {
|
|
28
|
+
throw new Error("An effect function must either return a cleanup function or nothing. " +
|
|
29
|
+
`Received: ${typeof cleanup}`);
|
|
30
|
+
}
|
|
31
|
+
cell.cleanup = cleanup;
|
|
32
|
+
}
|
|
33
|
+
catch (error) {
|
|
34
|
+
errors.push(error);
|
|
35
|
+
}
|
|
36
|
+
cell.deps = deps;
|
|
37
|
+
if (errors.length > 0) {
|
|
38
|
+
if (errors.length === 1) {
|
|
39
|
+
throw errors[0];
|
|
40
|
+
}
|
|
41
|
+
else {
|
|
42
|
+
for (const error of errors) {
|
|
43
|
+
console.error(error);
|
|
44
|
+
}
|
|
45
|
+
throw new AggregateError(errors, "Errors during commit");
|
|
46
|
+
}
|
|
47
|
+
}
|
|
33
48
|
});
|
|
34
49
|
}
|
|
35
50
|
//# sourceMappingURL=tap-effect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tap-effect.js","sourceRoot":"","sources":["../../src/hooks/tap-effect.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tap-effect.js","sourceRoot":"","sources":["../../src/hooks/tap-effect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,oCAAiC;AAC5D,OAAO,EAAE,OAAO,EAAE,uBAAuB,EAAE,2BAAwB;AAEnE,MAAM,SAAS,GAAG,GAA8B,EAAE,CAAC,CAAC;IAClD,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,IAAI,EAAE,2CAA2C;CACxD,CAAC,CAAC;AAYH,MAAM,UAAU,SAAS,CACvB,MAAgC,EAChC,IAAyB;IAEzB,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAE1C,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;QAAE,OAAO;IACnE,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI;QAC9C,MAAM,IAAI,KAAK,CACb,kEAAkE,CACnE,CAAC;IAEJ,uBAAuB,CAAC,GAAG,EAAE;QAC3B,MAAM,MAAM,GAAc,EAAE,CAAC;QAE7B,IAAI,CAAC;YACH,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;QACnB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;QAC3B,CAAC;QAED,IAAI,CAAC;YACH,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC;YAEzB,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;gBAC3D,MAAM,IAAI,KAAK,CACb,uEAAuE;oBACrE,aAAa,OAAO,OAAO,EAAE,CAChC,CAAC;YACJ,CAAC;YAED,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACzB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAEjB,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtB,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACxB,MAAM,MAAM,CAAC,CAAC,CAAC,CAAC;YAClB,CAAC;iBAAM,CAAC;gBACN,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;oBAC3B,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBACvB,CAAC;gBACD,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;YAC3D,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare function tapInlineResource<E extends ResourceElement<any, any>>(element: E):
|
|
1
|
+
import { ExtractResourceReturnType, ResourceElement } from "../core/types.js";
|
|
2
|
+
export declare function tapInlineResource<E extends ResourceElement<any, any>>(element: E): ExtractResourceReturnType<E>;
|
|
3
3
|
//# sourceMappingURL=tap-inline-resource.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tap-inline-resource.d.ts","sourceRoot":"","sources":["../../src/hooks/tap-inline-resource.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"tap-inline-resource.d.ts","sourceRoot":"","sources":["../../src/hooks/tap-inline-resource.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,eAAe,EAAE,yBAAsB;AAG3E,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,eAAe,CAAC,GAAG,EAAE,GAAG,CAAC,EACnE,OAAO,EAAE,CAAC,GACT,yBAAyB,CAAC,CAAC,CAAC,CAE9B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tap-memo.d.ts","sourceRoot":"","sources":["../../src/hooks/tap-memo.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tap-memo.d.ts","sourceRoot":"","sources":["../../src/hooks/tap-memo.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO,GAAI,CAAC,EAAE,IAAI,MAAM,CAAC,EAAE,MAAM,SAAS,OAAO,EAAE,MAmB/D,CAAC"}
|
package/dist/hooks/tap-memo.js
CHANGED
|
@@ -1,8 +1,16 @@
|
|
|
1
|
+
import { isDevelopment } from "../core/env.js";
|
|
2
|
+
import { getCurrentResourceFiber } from "../core/execution-context.js";
|
|
1
3
|
import { tapRef } from "./tap-ref.js";
|
|
2
|
-
import { depsShallowEqual } from "./depsShallowEqual.js";
|
|
4
|
+
import { depsShallowEqual } from "./utils/depsShallowEqual.js";
|
|
3
5
|
export const tapMemo = (fn, deps) => {
|
|
4
6
|
const dataRef = tapRef();
|
|
5
7
|
if (!dataRef.current) {
|
|
8
|
+
if (isDevelopment) {
|
|
9
|
+
const fiber = getCurrentResourceFiber();
|
|
10
|
+
if (fiber.devStrictMode) {
|
|
11
|
+
void fn();
|
|
12
|
+
}
|
|
13
|
+
}
|
|
6
14
|
dataRef.current = { value: fn(), deps };
|
|
7
15
|
}
|
|
8
16
|
if (!depsShallowEqual(dataRef.current.deps, deps)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tap-memo.js","sourceRoot":"","sources":["../../src/hooks/tap-memo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,qBAAkB;AACnC,OAAO,EAAE,gBAAgB,EAAE,
|
|
1
|
+
{"version":3,"file":"tap-memo.js","sourceRoot":"","sources":["../../src/hooks/tap-memo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,uBAAoB;AAC5C,OAAO,EAAE,uBAAuB,EAAE,qCAAkC;AACpE,OAAO,EAAE,MAAM,EAAE,qBAAkB;AACnC,OAAO,EAAE,gBAAgB,EAAE,oCAAiC;AAE5D,MAAM,CAAC,MAAM,OAAO,GAAG,CAAI,EAAW,EAAE,IAAwB,EAAE,EAAE;IAClE,MAAM,OAAO,GAAG,MAAM,EAA0C,CAAC;IACjE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QACrB,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,KAAK,GAAG,uBAAuB,EAAE,CAAC;YACxC,IAAI,KAAK,CAAC,aAAa,EAAE,CAAC;gBACxB,KAAK,EAAE,EAAE,CAAC;YACZ,CAAC;QACH,CAAC;QAED,OAAO,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC;IAC1C,CAAC;IAED,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;QAClD,OAAO,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,EAAE,CAAC;QAC7B,OAAO,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;IAC9B,CAAC;IAED,OAAO,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;AAC/B,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare function tapResource<E extends ResourceElement<any, any>>(element: E):
|
|
3
|
-
export declare function tapResource<E extends ResourceElement<any, any>>(element: E,
|
|
1
|
+
import { ExtractResourceReturnType, ResourceElement } from "../core/types.js";
|
|
2
|
+
export declare function tapResource<E extends ResourceElement<any, any>>(element: E): ExtractResourceReturnType<E>;
|
|
3
|
+
export declare function tapResource<E extends ResourceElement<any, any>>(element: E, propsDeps: readonly unknown[]): ExtractResourceReturnType<E>;
|
|
4
4
|
//# sourceMappingURL=tap-resource.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tap-resource.d.ts","sourceRoot":"","sources":["../../src/hooks/tap-resource.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"tap-resource.d.ts","sourceRoot":"","sources":["../../src/hooks/tap-resource.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,eAAe,EAAE,yBAAsB;AAY3E,wBAAgB,WAAW,CAAC,CAAC,SAAS,eAAe,CAAC,GAAG,EAAE,GAAG,CAAC,EAC7D,OAAO,EAAE,CAAC,GACT,yBAAyB,CAAC,CAAC,CAAC,CAAC;AAChC,wBAAgB,WAAW,CAAC,CAAC,SAAS,eAAe,CAAC,GAAG,EAAE,GAAG,CAAC,EAC7D,OAAO,EAAE,CAAC,EACV,SAAS,EAAE,SAAS,OAAO,EAAE,GAC5B,yBAAyB,CAAC,CAAC,CAAC,CAAC"}
|
|
@@ -2,17 +2,25 @@ import { tapEffect } from "./tap-effect.js";
|
|
|
2
2
|
import { createResourceFiber, unmountResourceFiber, renderResourceFiber, commitResourceFiber, } from "../core/ResourceFiber.js";
|
|
3
3
|
import { tapMemo } from "./tap-memo.js";
|
|
4
4
|
import { tapState } from "./tap-state.js";
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
return () =>
|
|
12
|
-
|
|
5
|
+
import { tapConst } from "./tap-const.js";
|
|
6
|
+
export function tapResource(element, propsDeps) {
|
|
7
|
+
const [version, setVersion] = tapState(0);
|
|
8
|
+
const rerender = tapConst(() => () => setVersion((v) => v + 1), []);
|
|
9
|
+
const fiber = tapMemo(() => {
|
|
10
|
+
void element.key;
|
|
11
|
+
return createResourceFiber(element.type, (callback) => {
|
|
12
|
+
if (callback())
|
|
13
|
+
rerender();
|
|
14
|
+
});
|
|
15
|
+
}, [element.type, element.key]);
|
|
16
|
+
const result = propsDeps
|
|
17
|
+
? // biome-ignore lint/correctness/useExhaustiveDependencies: user provided deps instead of prop identity
|
|
18
|
+
tapMemo(() => renderResourceFiber(fiber, element.props), [fiber, ...propsDeps, version])
|
|
19
|
+
: renderResourceFiber(fiber, element.props);
|
|
20
|
+
tapEffect(() => () => unmountResourceFiber(fiber), [fiber]);
|
|
13
21
|
tapEffect(() => {
|
|
14
22
|
commitResourceFiber(fiber, result);
|
|
15
23
|
}, [fiber, result]);
|
|
16
|
-
return result.
|
|
24
|
+
return result.output;
|
|
17
25
|
}
|
|
18
26
|
//# sourceMappingURL=tap-resource.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tap-resource.js","sourceRoot":"","sources":["../../src/hooks/tap-resource.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,wBAAqB;AACzC,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,GACpB,iCAA8B;AAC/B,OAAO,EAAE,OAAO,EAAE,sBAAmB;AACrC,OAAO,EAAE,QAAQ,EAAE,uBAAoB;AASvC,MAAM,UAAU,WAAW,CACzB,OAAU,EACV,
|
|
1
|
+
{"version":3,"file":"tap-resource.js","sourceRoot":"","sources":["../../src/hooks/tap-resource.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,wBAAqB;AACzC,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,GACpB,iCAA8B;AAC/B,OAAO,EAAE,OAAO,EAAE,sBAAmB;AACrC,OAAO,EAAE,QAAQ,EAAE,uBAAoB;AACvC,OAAO,EAAE,QAAQ,EAAE,uBAAoB;AASvC,MAAM,UAAU,WAAW,CACzB,OAAU,EACV,SAA8B;IAE9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEpE,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,KAAK,OAAO,CAAC,GAAG,CAAC;QACjB,OAAO,mBAAmB,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE;YACpD,IAAI,QAAQ,EAAE;gBAAE,QAAQ,EAAE,CAAC;QAC7B,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAEhC,MAAM,MAAM,GAAG,SAAS;QACtB,CAAC,CAAC,uGAAuG;YACvG,OAAO,CACL,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,EAC/C,CAAC,KAAK,EAAE,GAAG,SAAS,EAAE,OAAO,CAAC,CAC/B;QACH,CAAC,CAAC,mBAAmB,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5D,SAAS,CAAC,GAAG,EAAE;QACb,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpB,OAAO,MAAM,CAAC,MAAM,CAAC;AACvB,CAAC"}
|
|
@@ -1,11 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export
|
|
3
|
-
add: [K, ResourceFiber<R, any>][];
|
|
4
|
-
remove: K[];
|
|
5
|
-
commit: [K, RenderResult][];
|
|
6
|
-
return: Record<K, R>;
|
|
7
|
-
};
|
|
8
|
-
export declare function tapResources<M extends Record<string | number | symbol, any>, E extends ResourceElement<any, any>>(map: M, getElement: (t: M[keyof M], key: keyof M) => E, getElementDeps: any[]): {
|
|
9
|
-
[K in keyof M]: ExtractResourceOutput<E>;
|
|
10
|
-
};
|
|
1
|
+
import { ExtractResourceReturnType, ResourceElement } from "../core/types.js";
|
|
2
|
+
export declare function tapResources<E extends ResourceElement<any, any>>(getElements: () => readonly E[], getElementsDeps?: readonly unknown[]): ExtractResourceReturnType<E>[];
|
|
11
3
|
//# sourceMappingURL=tap-resources.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tap-resources.d.ts","sourceRoot":"","sources":["../../src/hooks/tap-resources.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"tap-resources.d.ts","sourceRoot":"","sources":["../../src/hooks/tap-resources.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EAEzB,eAAe,EAEhB,yBAAsB;AAqBvB,wBAAgB,YAAY,CAAC,CAAC,SAAS,eAAe,CAAC,GAAG,EAAE,GAAG,CAAC,EAC9D,WAAW,EAAE,MAAM,SAAS,CAAC,EAAE,EAC/B,eAAe,CAAC,EAAE,SAAS,OAAO,EAAE,GACnC,yBAAyB,CAAC,CAAC,CAAC,EAAE,CAyGhC"}
|
|
@@ -3,68 +3,99 @@ import { tapMemo } from "./tap-memo.js";
|
|
|
3
3
|
import { tapState } from "./tap-state.js";
|
|
4
4
|
import { tapCallback } from "./tap-callback.js";
|
|
5
5
|
import { createResourceFiber, unmountResourceFiber, renderResourceFiber, commitResourceFiber, } from "../core/ResourceFiber.js";
|
|
6
|
-
|
|
6
|
+
import { tapConst } from "./tap-const.js";
|
|
7
|
+
export function tapResources(getElements, getElementsDeps) {
|
|
7
8
|
const [version, setVersion] = tapState(0);
|
|
8
|
-
const rerender =
|
|
9
|
-
const
|
|
10
|
-
const
|
|
9
|
+
const rerender = tapConst(() => () => setVersion((v) => v + 1), []);
|
|
10
|
+
const fibers = tapConst(() => new Map(), []);
|
|
11
|
+
const getElementsMemo = getElementsDeps
|
|
12
|
+
? // biome-ignore lint/correctness/useExhaustiveDependencies: library code
|
|
13
|
+
tapCallback(getElements, getElementsDeps)
|
|
14
|
+
: getElements;
|
|
11
15
|
// Process each element
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
};
|
|
16
|
+
const res = tapMemo(() => {
|
|
17
|
+
void version;
|
|
18
|
+
const elementsArray = getElementsMemo();
|
|
19
|
+
const seenKeys = new Set();
|
|
20
|
+
const results = [];
|
|
21
|
+
let newCount = 0;
|
|
19
22
|
// Create/update fibers and render
|
|
20
|
-
for (
|
|
21
|
-
const
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
23
|
+
for (let i = 0; i < elementsArray.length; i++) {
|
|
24
|
+
const element = elementsArray[i];
|
|
25
|
+
const elementKey = element.key;
|
|
26
|
+
if (elementKey === undefined) {
|
|
27
|
+
throw new Error(`tapResources did not provide a key for array at index ${i}`);
|
|
28
|
+
}
|
|
29
|
+
if (seenKeys.has(elementKey))
|
|
30
|
+
throw new Error(`Duplicate key ${elementKey} in tapResources`);
|
|
31
|
+
seenKeys.add(elementKey);
|
|
32
|
+
let state = fibers.get(elementKey);
|
|
33
|
+
if (!state) {
|
|
34
|
+
const fiber = createResourceFiber(element.type, (callback) => {
|
|
35
|
+
if (callback())
|
|
36
|
+
rerender();
|
|
37
|
+
});
|
|
38
|
+
const result = renderResourceFiber(fiber, element.props);
|
|
39
|
+
state = {
|
|
40
|
+
fiber,
|
|
41
|
+
next: result,
|
|
42
|
+
};
|
|
43
|
+
newCount++;
|
|
44
|
+
fibers.set(elementKey, state);
|
|
45
|
+
results.push(result.output);
|
|
46
|
+
}
|
|
47
|
+
else if (state.fiber.type !== element.type) {
|
|
48
|
+
const fiber = createResourceFiber(element.type, (callback) => {
|
|
49
|
+
if (callback())
|
|
50
|
+
rerender();
|
|
51
|
+
});
|
|
52
|
+
const result = renderResourceFiber(fiber, element.props);
|
|
53
|
+
state.next = [fiber, result];
|
|
54
|
+
results.push(result.output);
|
|
55
|
+
}
|
|
56
|
+
else {
|
|
57
|
+
state.next = renderResourceFiber(state.fiber, element.props);
|
|
58
|
+
results.push(state.next.output);
|
|
30
59
|
}
|
|
31
|
-
// Render with current props
|
|
32
|
-
const renderResult = renderResourceFiber(fiber, element.props);
|
|
33
|
-
results.commit.push([key, renderResult]);
|
|
34
|
-
results.return[key] = renderResult.state;
|
|
35
60
|
}
|
|
36
61
|
// 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) {
|
|
62
|
+
if (fibers.size > results.length - newCount) {
|
|
39
63
|
for (const key of fibers.keys()) {
|
|
40
|
-
if (!(key
|
|
41
|
-
|
|
64
|
+
if (!seenKeys.has(key)) {
|
|
65
|
+
fibers.get(key).next = "delete";
|
|
42
66
|
}
|
|
43
67
|
}
|
|
44
68
|
}
|
|
45
69
|
return results;
|
|
46
|
-
}, [
|
|
70
|
+
}, [getElementsMemo, version]);
|
|
47
71
|
// Cleanup on unmount
|
|
48
72
|
tapEffect(() => {
|
|
49
73
|
return () => {
|
|
50
74
|
for (const key of fibers.keys()) {
|
|
51
|
-
|
|
52
|
-
|
|
75
|
+
const fiber = fibers.get(key).fiber;
|
|
76
|
+
unmountResourceFiber(fiber);
|
|
53
77
|
}
|
|
54
78
|
};
|
|
55
79
|
}, []);
|
|
56
80
|
tapEffect(() => {
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
81
|
+
res; // as a performance optimization, we only run if the results have changed
|
|
82
|
+
for (const [key, state] of fibers.entries()) {
|
|
83
|
+
if (state.next === "delete") {
|
|
84
|
+
if (state.fiber.isMounted) {
|
|
85
|
+
unmountResourceFiber(state.fiber);
|
|
86
|
+
}
|
|
87
|
+
fibers.delete(key);
|
|
88
|
+
}
|
|
89
|
+
else if (Array.isArray(state.next)) {
|
|
90
|
+
unmountResourceFiber(state.fiber);
|
|
91
|
+
state.fiber = state.next[0];
|
|
92
|
+
commitResourceFiber(state.fiber, state.next[1]);
|
|
93
|
+
}
|
|
94
|
+
else {
|
|
95
|
+
commitResourceFiber(state.fiber, state.next);
|
|
96
|
+
}
|
|
66
97
|
}
|
|
67
|
-
}, [
|
|
68
|
-
return
|
|
98
|
+
}, [res]);
|
|
99
|
+
return res;
|
|
69
100
|
}
|
|
70
101
|
//# sourceMappingURL=tap-resources.js.map
|