@alloy-js/core 0.23.0-dev.1 → 0.23.0-dev.10
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 +0 -22
- package/dist/devtools/index.html +68 -0
- package/dist/src/binder.d.ts +2 -0
- package/dist/src/binder.d.ts.map +1 -1
- package/dist/src/binder.js +55 -12
- package/dist/src/binder.js.map +1 -1
- package/dist/src/components/AccessExpression.d.ts +78 -0
- package/dist/src/components/AccessExpression.d.ts.map +1 -0
- package/dist/src/components/AccessExpression.js +218 -0
- package/dist/src/components/AccessExpression.js.map +1 -0
- package/dist/src/components/AccessExpression.test.d.ts +2 -0
- package/dist/src/components/AccessExpression.test.d.ts.map +1 -0
- package/dist/src/components/AccessExpression.test.js +137 -0
- package/dist/src/components/AccessExpression.test.js.map +1 -0
- package/dist/src/components/AppendFile.d.ts.map +1 -1
- package/dist/src/components/AppendFile.js +14 -3
- package/dist/src/components/AppendFile.js.map +1 -1
- package/dist/src/components/Block.js +1 -1
- package/dist/src/components/Block.js.map +1 -1
- package/dist/src/components/Declaration.d.ts.map +1 -1
- package/dist/src/components/Declaration.js +2 -1
- package/dist/src/components/Declaration.js.map +1 -1
- package/dist/src/components/Prose.js +2 -2
- package/dist/src/components/Prose.js.map +1 -1
- package/dist/src/components/Scope.d.ts.map +1 -1
- package/dist/src/components/Scope.js +6 -1
- package/dist/src/components/Scope.js.map +1 -1
- package/dist/src/components/SourceDirectory.d.ts.map +1 -1
- package/dist/src/components/SourceDirectory.js +1 -2
- package/dist/src/components/SourceDirectory.js.map +1 -1
- package/dist/src/components/TemplateFile.d.ts.map +1 -1
- package/dist/src/components/TemplateFile.js +18 -3
- package/dist/src/components/TemplateFile.js.map +1 -1
- package/dist/src/components/index.d.ts +1 -0
- package/dist/src/components/index.d.ts.map +1 -1
- package/dist/src/components/index.js +1 -0
- package/dist/src/components/index.js.map +1 -1
- package/dist/src/content-slot.d.ts.map +1 -1
- package/dist/src/content-slot.js +7 -6
- package/dist/src/content-slot.js.map +1 -1
- package/dist/src/context.d.ts.map +1 -1
- package/dist/src/context.js +10 -3
- package/dist/src/context.js.map +1 -1
- package/dist/src/debug/cli.d.ts +6 -0
- package/dist/src/debug/cli.d.ts.map +1 -0
- package/dist/src/{debug.js → debug/cli.js} +79 -82
- package/dist/src/debug/cli.js.map +1 -0
- package/dist/src/debug/diagnostics.test.d.ts +2 -0
- package/dist/src/debug/diagnostics.test.d.ts.map +1 -0
- package/dist/src/debug/diagnostics.test.js +45 -0
- package/dist/src/debug/diagnostics.test.js.map +1 -0
- package/dist/src/debug/effects.d.ts +73 -0
- package/dist/src/debug/effects.d.ts.map +1 -0
- package/dist/src/debug/effects.js +228 -0
- package/dist/src/debug/effects.js.map +1 -0
- package/dist/src/debug/effects.test.d.ts +2 -0
- package/dist/src/debug/effects.test.d.ts.map +1 -0
- package/dist/src/debug/effects.test.js +84 -0
- package/dist/src/debug/effects.test.js.map +1 -0
- package/dist/src/debug/files.d.ts +14 -0
- package/dist/src/debug/files.d.ts.map +1 -0
- package/dist/src/debug/files.js +40 -0
- package/dist/src/debug/files.js.map +1 -0
- package/dist/src/debug/files.test.d.ts +2 -0
- package/dist/src/debug/files.test.d.ts.map +1 -0
- package/dist/src/debug/files.test.js +89 -0
- package/dist/src/debug/files.test.js.map +1 -0
- package/dist/src/debug/index.d.ts +61 -0
- package/dist/src/debug/index.d.ts.map +1 -0
- package/dist/src/debug/index.js +69 -0
- package/dist/src/debug/index.js.map +1 -0
- package/dist/src/debug/render.d.ts +57 -0
- package/dist/src/debug/render.d.ts.map +1 -0
- package/dist/src/debug/render.js +519 -0
- package/dist/src/debug/render.js.map +1 -0
- package/dist/src/debug/render.test.d.ts +2 -0
- package/dist/src/debug/render.test.d.ts.map +1 -0
- package/dist/src/debug/render.test.js +328 -0
- package/dist/src/debug/render.test.js.map +1 -0
- package/dist/src/debug/serialize.d.ts +9 -0
- package/dist/src/debug/serialize.d.ts.map +1 -0
- package/dist/src/debug/serialize.js +70 -0
- package/dist/src/debug/serialize.js.map +1 -0
- package/dist/src/debug/symbols.d.ts +15 -0
- package/dist/src/debug/symbols.d.ts.map +1 -0
- package/dist/src/debug/symbols.js +173 -0
- package/dist/src/debug/symbols.js.map +1 -0
- package/dist/src/debug/symbols.test.d.ts +2 -0
- package/dist/src/debug/symbols.test.d.ts.map +1 -0
- package/dist/src/debug/symbols.test.js +104 -0
- package/dist/src/debug/symbols.test.js.map +1 -0
- package/dist/src/debug/trace.d.ts +342 -0
- package/dist/src/debug/trace.d.ts.map +1 -0
- package/dist/src/debug/trace.js +443 -0
- package/dist/src/debug/trace.js.map +1 -0
- package/dist/src/devtools/devtools-protocol.d.ts +232 -0
- package/dist/src/devtools/devtools-protocol.d.ts.map +1 -0
- package/dist/src/devtools/devtools-protocol.js +2 -0
- package/dist/src/devtools/devtools-protocol.js.map +1 -0
- package/dist/src/devtools/devtools-server.browser.d.ts +28 -0
- package/dist/src/devtools/devtools-server.browser.d.ts.map +1 -0
- package/dist/src/devtools/devtools-server.browser.js +36 -0
- package/dist/src/devtools/devtools-server.browser.js.map +1 -0
- package/dist/src/devtools/devtools-server.d.ts +72 -0
- package/dist/src/devtools/devtools-server.d.ts.map +1 -0
- package/dist/src/devtools/devtools-server.js +256 -0
- package/dist/src/devtools/devtools-server.js.map +1 -0
- package/dist/src/devtools/devtools-transport.d.ts +23 -0
- package/dist/src/devtools/devtools-transport.d.ts.map +1 -0
- package/dist/src/devtools/devtools-transport.js +114 -0
- package/dist/src/devtools/devtools-transport.js.map +1 -0
- package/dist/src/devtools-entry.browser.d.ts +4 -0
- package/dist/src/devtools-entry.browser.d.ts.map +1 -0
- package/dist/src/devtools-entry.browser.js +2 -0
- package/dist/src/devtools-entry.browser.js.map +1 -0
- package/dist/src/devtools-entry.d.ts +4 -0
- package/dist/src/devtools-entry.d.ts.map +1 -0
- package/dist/src/devtools-entry.js +2 -0
- package/dist/src/devtools-entry.js.map +1 -0
- package/dist/src/diagnostics.d.ts +34 -0
- package/dist/src/diagnostics.d.ts.map +1 -0
- package/dist/src/diagnostics.js +89 -0
- package/dist/src/diagnostics.js.map +1 -0
- package/dist/src/index.d.ts +3 -2
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +3 -2
- package/dist/src/index.js.map +1 -1
- package/dist/src/print-hook.d.ts +14 -0
- package/dist/src/print-hook.d.ts.map +1 -0
- package/dist/src/print-hook.js +10 -0
- package/dist/src/print-hook.js.map +1 -0
- package/dist/src/reactive-union-set.d.ts.map +1 -1
- package/dist/src/reactive-union-set.js +28 -3
- package/dist/src/reactive-union-set.js.map +1 -1
- package/dist/src/reactivity.d.ts +50 -8
- package/dist/src/reactivity.d.ts.map +1 -1
- package/dist/src/reactivity.js +225 -39
- package/dist/src/reactivity.js.map +1 -1
- package/dist/src/render-stack.d.ts +18 -1
- package/dist/src/render-stack.d.ts.map +1 -1
- package/dist/src/render-stack.js +61 -1
- package/dist/src/render-stack.js.map +1 -1
- package/dist/src/render.d.ts +8 -15
- package/dist/src/render.d.ts.map +1 -1
- package/dist/src/render.js +370 -109
- package/dist/src/render.js.map +1 -1
- package/dist/src/resource.d.ts.map +1 -1
- package/dist/src/resource.js +5 -0
- package/dist/src/resource.js.map +1 -1
- package/dist/src/scheduler.d.ts +8 -0
- package/dist/src/scheduler.d.ts.map +1 -1
- package/dist/src/scheduler.js +69 -3
- package/dist/src/scheduler.js.map +1 -1
- package/dist/src/symbols/basic-symbol.d.ts.map +1 -1
- package/dist/src/symbols/basic-symbol.js +6 -1
- package/dist/src/symbols/basic-symbol.js.map +1 -1
- package/dist/src/symbols/decl.d.ts.map +1 -1
- package/dist/src/symbols/decl.js +5 -1
- package/dist/src/symbols/decl.js.map +1 -1
- package/dist/src/symbols/output-scope.d.ts +2 -1
- package/dist/src/symbols/output-scope.d.ts.map +1 -1
- package/dist/src/symbols/output-scope.js +13 -8
- package/dist/src/symbols/output-scope.js.map +1 -1
- package/dist/src/symbols/output-symbol.d.ts +1 -0
- package/dist/src/symbols/output-symbol.d.ts.map +1 -1
- package/dist/src/symbols/output-symbol.js +25 -8
- package/dist/src/symbols/output-symbol.js.map +1 -1
- package/dist/src/symbols/symbol-flow.d.ts.map +1 -1
- package/dist/src/symbols/symbol-flow.js +24 -8
- package/dist/src/symbols/symbol-flow.js.map +1 -1
- package/dist/src/symbols/symbol-slot.d.ts.map +1 -1
- package/dist/src/symbols/symbol-slot.js +15 -0
- package/dist/src/symbols/symbol-slot.js.map +1 -1
- package/dist/src/symbols/symbol-slot.test.d.ts +2 -0
- package/dist/src/symbols/symbol-slot.test.d.ts.map +1 -0
- package/dist/src/symbols/symbol-slot.test.js +35 -0
- package/dist/src/symbols/symbol-slot.test.js.map +1 -0
- package/dist/src/symbols/symbol-table.d.ts.map +1 -1
- package/dist/src/symbols/symbol-table.js +6 -5
- package/dist/src/symbols/symbol-table.js.map +1 -1
- package/dist/src/trace.d.ts +2 -0
- package/dist/src/trace.d.ts.map +1 -0
- package/dist/src/trace.js +2 -0
- package/dist/src/trace.js.map +1 -0
- package/dist/src/tracer.d.ts +2 -228
- package/dist/src/tracer.d.ts.map +1 -1
- package/dist/src/tracer.js +5 -298
- package/dist/src/tracer.js.map +1 -1
- package/dist/src/utils.d.ts.map +1 -1
- package/dist/src/utils.js +7 -5
- package/dist/src/utils.js.map +1 -1
- package/dist/test/components/append-file.test.d.ts.map +1 -1
- package/dist/test/components/append-file.test.js +18 -10
- package/dist/test/components/append-file.test.js.map +1 -1
- package/dist/test/components/template-file.test.d.ts.map +1 -1
- package/dist/test/components/template-file.test.js +6 -4
- package/dist/test/components/template-file.test.js.map +1 -1
- package/dist/test/lazy-isempty.test.d.ts +2 -0
- package/dist/test/lazy-isempty.test.d.ts.map +1 -0
- package/dist/test/lazy-isempty.test.js +89 -0
- package/dist/test/lazy-isempty.test.js.map +1 -0
- package/dist/test/reactive-union-set-disposers.test.d.ts +2 -0
- package/dist/test/reactive-union-set-disposers.test.d.ts.map +1 -0
- package/dist/test/reactive-union-set-disposers.test.js +98 -0
- package/dist/test/reactive-union-set-disposers.test.js.map +1 -0
- package/dist/test/reactivity/shallow-reactive.test.d.ts +2 -0
- package/dist/test/reactivity/shallow-reactive.test.d.ts.map +1 -0
- package/dist/test/reactivity/shallow-reactive.test.js +52 -0
- package/dist/test/reactivity/shallow-reactive.test.js.map +1 -0
- package/dist/test/rendering/basic.test.js +3 -0
- package/dist/test/rendering/basic.test.js.map +1 -1
- package/dist/test/rendering/print-render-stack.test.d.ts.map +1 -1
- package/dist/test/rendering/print-render-stack.test.js +91 -98
- package/dist/test/rendering/print-render-stack.test.js.map +1 -1
- package/dist/test/scheduler-extended.test.d.ts +2 -0
- package/dist/test/scheduler-extended.test.d.ts.map +1 -0
- package/dist/test/scheduler-extended.test.js +96 -0
- package/dist/test/scheduler-extended.test.js.map +1 -0
- package/dist/test/scheduler.test.d.ts +2 -0
- package/dist/test/scheduler.test.d.ts.map +1 -0
- package/dist/test/scheduler.test.js +46 -0
- package/dist/test/scheduler.test.js.map +1 -0
- package/dist/testing/create-test-wrapper.d.ts +1 -1
- package/dist/testing/create-test-wrapper.d.ts.map +1 -1
- package/dist/testing/create-test-wrapper.js +1 -1
- package/dist/testing/create-test-wrapper.js.map +1 -1
- package/dist/testing/devtools-utils.d.ts +26 -0
- package/dist/testing/devtools-utils.d.ts.map +1 -0
- package/dist/testing/devtools-utils.js +140 -0
- package/dist/testing/devtools-utils.js.map +1 -0
- package/dist/testing/extend-expect.d.ts.map +1 -1
- package/dist/testing/extend-expect.js +63 -1
- package/dist/testing/extend-expect.js.map +1 -1
- package/dist/testing/render.d.ts +2 -2
- package/dist/testing/render.d.ts.map +1 -1
- package/dist/testing/render.js +2 -2
- package/dist/testing/render.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +21 -7
- package/scripts/copy-devtools-ui.mjs +26 -0
- package/src/binder.ts +71 -16
- package/src/components/AccessExpression.test.tsx +132 -0
- package/src/components/AccessExpression.tsx +344 -0
- package/src/components/AppendFile.tsx +14 -9
- package/src/components/Block.tsx +1 -1
- package/src/components/Declaration.tsx +2 -1
- package/src/components/Prose.tsx +1 -1
- package/src/components/Scope.tsx +6 -1
- package/src/components/SourceDirectory.tsx +1 -2
- package/src/components/TemplateFile.tsx +18 -9
- package/src/components/index.tsx +1 -0
- package/src/content-slot.tsx +7 -7
- package/src/context.ts +17 -6
- package/src/{debug.ts → debug/cli.ts} +114 -125
- package/src/debug/diagnostics.test.tsx +55 -0
- package/src/debug/effects.test.tsx +89 -0
- package/src/debug/effects.ts +317 -0
- package/src/debug/files.test.tsx +96 -0
- package/src/debug/files.ts +40 -0
- package/src/debug/index.ts +128 -0
- package/src/debug/render.test.tsx +379 -0
- package/src/debug/render.ts +639 -0
- package/src/debug/serialize.ts +85 -0
- package/src/debug/symbols.test.tsx +106 -0
- package/src/debug/symbols.ts +239 -0
- package/src/debug/trace.ts +312 -0
- package/src/devtools/devtools-protocol.ts +312 -0
- package/src/devtools/devtools-server.browser.ts +71 -0
- package/src/devtools/devtools-server.ts +290 -0
- package/src/devtools/devtools-transport.ts +154 -0
- package/src/devtools-entry.browser.ts +52 -0
- package/src/devtools-entry.ts +54 -0
- package/src/diagnostics.ts +141 -0
- package/src/index.ts +2 -7
- package/src/print-hook.ts +22 -0
- package/src/reactive-union-set.ts +85 -44
- package/src/reactivity.ts +301 -59
- package/src/render-stack.ts +73 -1
- package/src/render.ts +470 -161
- package/src/resource.ts +28 -19
- package/src/scheduler.ts +80 -4
- package/src/symbols/basic-symbol.ts +6 -1
- package/src/symbols/decl.ts +5 -1
- package/src/symbols/output-scope.ts +21 -13
- package/src/symbols/output-symbol.ts +34 -14
- package/src/symbols/symbol-flow.ts +76 -39
- package/src/symbols/symbol-slot.test.tsx +41 -0
- package/src/symbols/symbol-slot.tsx +47 -20
- package/src/symbols/symbol-table.ts +6 -10
- package/src/trace.ts +1 -0
- package/src/tracer.ts +13 -242
- package/src/utils.tsx +24 -17
- package/temp/api.json +5658 -3095
- package/test/components/append-file.test.tsx +36 -29
- package/test/components/template-file.test.tsx +11 -11
- package/test/lazy-isempty.test.tsx +106 -0
- package/test/reactive-union-set-disposers.test.tsx +112 -0
- package/test/reactivity/shallow-reactive.test.tsx +56 -0
- package/test/rendering/basic.test.tsx +4 -0
- package/test/rendering/print-render-stack.test.tsx +52 -43
- package/test/scheduler-extended.test.tsx +122 -0
- package/test/scheduler.test.tsx +50 -0
- package/testing/create-test-wrapper.tsx +1 -1
- package/testing/devtools-utils.ts +203 -0
- package/testing/extend-expect.ts +89 -0
- package/testing/render.ts +2 -2
- package/testing/vitest.d.ts +9 -0
- package/dist/src/debug.d.ts +0 -14
- package/dist/src/debug.d.ts.map +0 -1
- package/dist/src/debug.js.map +0 -1
|
@@ -0,0 +1,328 @@
|
|
|
1
|
+
import { createComponent as _$createComponent, createIntrinsic as _$createIntrinsic, memo as _$memo } from "@alloy-js/core/jsx-runtime";
|
|
2
|
+
import { afterEach, beforeEach, expect, it } from "vitest";
|
|
3
|
+
import WebSocket from "ws";
|
|
4
|
+
import { createMessageCollector, filterRenderTreeMessages } from "../../testing/devtools-utils.js";
|
|
5
|
+
import { For } from "../components/For.js";
|
|
6
|
+
import { Output } from "../components/Output.js";
|
|
7
|
+
import { Show } from "../components/Show.js";
|
|
8
|
+
import { enableDevtools, resetDevtoolsServerForTests } from "../devtools/devtools-server.js";
|
|
9
|
+
import { ref } from "../reactivity.js";
|
|
10
|
+
import { renderAsync } from "../render.js";
|
|
11
|
+
import { flushJobsAsync } from "../scheduler.js";
|
|
12
|
+
let socket;
|
|
13
|
+
beforeEach(async () => {
|
|
14
|
+
const server = await enableDevtools({
|
|
15
|
+
port: 0
|
|
16
|
+
});
|
|
17
|
+
socket = new WebSocket(`ws://127.0.0.1:${server.port}`);
|
|
18
|
+
await new Promise((resolve, reject) => {
|
|
19
|
+
socket?.once("open", resolve);
|
|
20
|
+
socket?.once("error", reject);
|
|
21
|
+
});
|
|
22
|
+
});
|
|
23
|
+
afterEach(async () => {
|
|
24
|
+
if (socket) {
|
|
25
|
+
socket.close();
|
|
26
|
+
socket = undefined;
|
|
27
|
+
}
|
|
28
|
+
await resetDevtoolsServerForTests();
|
|
29
|
+
});
|
|
30
|
+
it("emits render:complete on successful render", async () => {
|
|
31
|
+
const collector = createMessageCollector(socket);
|
|
32
|
+
await renderAsync(_$createComponent(Output, {}));
|
|
33
|
+
const messages = await collector.waitForRender();
|
|
34
|
+
expect(messages.at(-1)).toMatchObject({
|
|
35
|
+
type: "render:complete"
|
|
36
|
+
});
|
|
37
|
+
collector.stop();
|
|
38
|
+
});
|
|
39
|
+
it("emits render:error on render failure", async () => {
|
|
40
|
+
function Boom() {
|
|
41
|
+
throw new Error("Boom");
|
|
42
|
+
}
|
|
43
|
+
const collector = createMessageCollector(socket);
|
|
44
|
+
await expect(renderAsync(_$createComponent(Output, {
|
|
45
|
+
get children() {
|
|
46
|
+
return _$createComponent(Boom, {});
|
|
47
|
+
}
|
|
48
|
+
}))).rejects.toThrow("Boom");
|
|
49
|
+
const messages = await collector.waitForRender();
|
|
50
|
+
const renderMessages = messages.filter(m => m.type.startsWith("render:"));
|
|
51
|
+
expect(renderMessages.at(-1)).toMatchObject({
|
|
52
|
+
type: "render:error",
|
|
53
|
+
name: expect.any(String),
|
|
54
|
+
message: expect.any(String),
|
|
55
|
+
componentStack: expect.any(Array)
|
|
56
|
+
});
|
|
57
|
+
collector.stop();
|
|
58
|
+
});
|
|
59
|
+
it("sends render tree messages during render", async () => {
|
|
60
|
+
function Foo() {
|
|
61
|
+
return ["Hello", _$createIntrinsic("br", {}), () => "World"];
|
|
62
|
+
}
|
|
63
|
+
const collector = createMessageCollector(socket);
|
|
64
|
+
await renderAsync(_$createComponent(Output, {
|
|
65
|
+
get children() {
|
|
66
|
+
return _$createComponent(Foo, {});
|
|
67
|
+
}
|
|
68
|
+
}));
|
|
69
|
+
const messages = await collector.waitForRender();
|
|
70
|
+
const renderMessages = filterRenderTreeMessages(messages);
|
|
71
|
+
collector.stop();
|
|
72
|
+
expect(renderMessages[0]).toMatchObject({
|
|
73
|
+
type: "render:reset"
|
|
74
|
+
});
|
|
75
|
+
expect(renderMessages[1]).toMatchObject({
|
|
76
|
+
type: "render:nodeAdded",
|
|
77
|
+
parentId: null,
|
|
78
|
+
node: {}
|
|
79
|
+
});
|
|
80
|
+
expect(renderMessages[2]).toMatchObject({
|
|
81
|
+
type: "render:nodeAdded",
|
|
82
|
+
node: {
|
|
83
|
+
name: "Output"
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
expect(renderMessages[3]).toMatchObject({
|
|
87
|
+
type: "render:nodeAdded",
|
|
88
|
+
node: {
|
|
89
|
+
name: "Context Binder"
|
|
90
|
+
}
|
|
91
|
+
});
|
|
92
|
+
expect(renderMessages[4]).toMatchObject({
|
|
93
|
+
type: "render:nodeAdded",
|
|
94
|
+
node: {}
|
|
95
|
+
});
|
|
96
|
+
expect(renderMessages[5]).toMatchObject({
|
|
97
|
+
type: "render:nodeAdded",
|
|
98
|
+
node: {
|
|
99
|
+
name: "Context FormatOptions.*"
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
expect(renderMessages[6]).toMatchObject({
|
|
103
|
+
type: "render:nodeAdded",
|
|
104
|
+
node: {}
|
|
105
|
+
});
|
|
106
|
+
expect(renderMessages[7]).toMatchObject({
|
|
107
|
+
type: "render:nodeAdded",
|
|
108
|
+
node: {
|
|
109
|
+
name: "SourceDirectory"
|
|
110
|
+
}
|
|
111
|
+
});
|
|
112
|
+
expect(renderMessages[8]).toMatchObject({
|
|
113
|
+
type: "render:nodeAdded",
|
|
114
|
+
node: {
|
|
115
|
+
name: "Context SourceDirectory"
|
|
116
|
+
}
|
|
117
|
+
});
|
|
118
|
+
expect(renderMessages[9]).toMatchObject({
|
|
119
|
+
type: "render:nodeAdded",
|
|
120
|
+
node: {}
|
|
121
|
+
});
|
|
122
|
+
expect(renderMessages[10]).toMatchObject({
|
|
123
|
+
type: "render:nodeAdded",
|
|
124
|
+
node: {
|
|
125
|
+
name: "Foo"
|
|
126
|
+
}
|
|
127
|
+
});
|
|
128
|
+
expect(renderMessages[11]).toMatchObject({
|
|
129
|
+
type: "render:nodeAdded",
|
|
130
|
+
node: {
|
|
131
|
+
value: "Hello"
|
|
132
|
+
}
|
|
133
|
+
});
|
|
134
|
+
expect(renderMessages[12]).toMatchObject({
|
|
135
|
+
type: "render:nodeAdded",
|
|
136
|
+
node: {
|
|
137
|
+
name: "br"
|
|
138
|
+
}
|
|
139
|
+
});
|
|
140
|
+
expect(renderMessages[13]).toMatchObject({
|
|
141
|
+
type: "render:nodeAdded",
|
|
142
|
+
node: {}
|
|
143
|
+
});
|
|
144
|
+
expect(renderMessages[14]).toMatchObject({
|
|
145
|
+
type: "render:nodeAdded",
|
|
146
|
+
node: {
|
|
147
|
+
value: "World"
|
|
148
|
+
}
|
|
149
|
+
});
|
|
150
|
+
});
|
|
151
|
+
it("rerenders when devtools requests rerender", async () => {
|
|
152
|
+
let renderCount = 0;
|
|
153
|
+
function Display() {
|
|
154
|
+
renderCount += 1;
|
|
155
|
+
return "Hi";
|
|
156
|
+
}
|
|
157
|
+
const collector = createMessageCollector(socket);
|
|
158
|
+
await renderAsync(_$createComponent(Output, {
|
|
159
|
+
get children() {
|
|
160
|
+
return _$createComponent(Display, {});
|
|
161
|
+
}
|
|
162
|
+
}));
|
|
163
|
+
const messages = await collector.waitForRender();
|
|
164
|
+
const renderMessages = filterRenderTreeMessages(messages);
|
|
165
|
+
const displayNode = renderMessages.find(message => message.type === "render:nodeAdded" && message.node?.name === "Display");
|
|
166
|
+
expect(renderCount).toBe(1);
|
|
167
|
+
expect(displayNode?.node?.id).toEqual(expect.any(Number));
|
|
168
|
+
socket.send(JSON.stringify({
|
|
169
|
+
type: "render:rerender",
|
|
170
|
+
id: displayNode.node.id
|
|
171
|
+
}));
|
|
172
|
+
await collector.waitForFlush();
|
|
173
|
+
expect(renderCount).toBe(2);
|
|
174
|
+
collector.stop();
|
|
175
|
+
});
|
|
176
|
+
it("sends render tree messages during render with For component", async () => {
|
|
177
|
+
const collector = createMessageCollector(socket);
|
|
178
|
+
function Display(props) {
|
|
179
|
+
return ["item ", _$memo(() => props.item)];
|
|
180
|
+
}
|
|
181
|
+
await renderAsync(_$createComponent(Output, {
|
|
182
|
+
get children() {
|
|
183
|
+
return _$createComponent(For, {
|
|
184
|
+
each: ["a", "b"],
|
|
185
|
+
children: item => _$createComponent(Display, {
|
|
186
|
+
item: item
|
|
187
|
+
})
|
|
188
|
+
});
|
|
189
|
+
}
|
|
190
|
+
}));
|
|
191
|
+
const messages = await collector.waitForRender();
|
|
192
|
+
const renderMessages = filterRenderTreeMessages(messages);
|
|
193
|
+
collector.stop();
|
|
194
|
+
expect(renderMessages[0]).toMatchObject({
|
|
195
|
+
type: "render:reset"
|
|
196
|
+
});
|
|
197
|
+
expect(renderMessages).toEqual(expect.arrayContaining([expect.objectContaining({
|
|
198
|
+
type: "render:nodeAdded",
|
|
199
|
+
node: expect.objectContaining({
|
|
200
|
+
name: "For"
|
|
201
|
+
})
|
|
202
|
+
}), expect.objectContaining({
|
|
203
|
+
type: "render:nodeAdded",
|
|
204
|
+
node: expect.objectContaining({
|
|
205
|
+
value: "a"
|
|
206
|
+
})
|
|
207
|
+
}), expect.objectContaining({
|
|
208
|
+
type: "render:nodeAdded",
|
|
209
|
+
node: expect.objectContaining({
|
|
210
|
+
value: "b"
|
|
211
|
+
})
|
|
212
|
+
})]));
|
|
213
|
+
});
|
|
214
|
+
it("emits nodeUpdated when component props change", async () => {
|
|
215
|
+
const count = ref(1);
|
|
216
|
+
const collector = createMessageCollector(socket);
|
|
217
|
+
function Counter(props) {
|
|
218
|
+
return `Count: ${props.value}`;
|
|
219
|
+
}
|
|
220
|
+
await renderAsync(_$createComponent(Output, {
|
|
221
|
+
get children() {
|
|
222
|
+
return _$createComponent(Counter, {
|
|
223
|
+
get value() {
|
|
224
|
+
return count.value;
|
|
225
|
+
}
|
|
226
|
+
});
|
|
227
|
+
}
|
|
228
|
+
}));
|
|
229
|
+
await collector.waitForRender();
|
|
230
|
+
count.value += 1;
|
|
231
|
+
await flushJobsAsync();
|
|
232
|
+
const updateMessages = await collector.waitForFlush();
|
|
233
|
+
const updateRenderMessages = filterRenderTreeMessages(updateMessages);
|
|
234
|
+
const nodeUpdated = updateRenderMessages.filter(m => m.type === "render:nodeUpdated");
|
|
235
|
+
expect(nodeUpdated[0]).toMatchObject({
|
|
236
|
+
type: "render:nodeUpdated",
|
|
237
|
+
id: expect.any(Number)
|
|
238
|
+
});
|
|
239
|
+
collector.stop();
|
|
240
|
+
});
|
|
241
|
+
it("emits nodeRemoved when conditional content disappears", async () => {
|
|
242
|
+
const show = ref(true);
|
|
243
|
+
const collector = createMessageCollector(socket);
|
|
244
|
+
function Maybe() {
|
|
245
|
+
return _$createComponent(Show, {
|
|
246
|
+
get when() {
|
|
247
|
+
return show.value;
|
|
248
|
+
},
|
|
249
|
+
children: "hi"
|
|
250
|
+
});
|
|
251
|
+
}
|
|
252
|
+
await renderAsync(_$createComponent(Output, {
|
|
253
|
+
get children() {
|
|
254
|
+
return _$createComponent(Maybe, {});
|
|
255
|
+
}
|
|
256
|
+
}));
|
|
257
|
+
await collector.waitForRender();
|
|
258
|
+
show.value = false;
|
|
259
|
+
await flushJobsAsync();
|
|
260
|
+
const updateMessages = await collector.waitForFlush();
|
|
261
|
+
const updateRenderMessages = filterRenderTreeMessages(updateMessages);
|
|
262
|
+
const removed = updateRenderMessages.filter(m => m.type === "render:nodeRemoved");
|
|
263
|
+
expect(removed[0]).toMatchObject({
|
|
264
|
+
type: "render:nodeRemoved",
|
|
265
|
+
parentId: expect.any(Number),
|
|
266
|
+
id: expect.any(Number)
|
|
267
|
+
});
|
|
268
|
+
collector.stop();
|
|
269
|
+
});
|
|
270
|
+
it("emits proper events when items are added/removed in For component", async () => {
|
|
271
|
+
const items = ref(["a", "b"]);
|
|
272
|
+
const collector = createMessageCollector(socket);
|
|
273
|
+
function Display(props) {
|
|
274
|
+
return ["item ", _$memo(() => props.item)];
|
|
275
|
+
}
|
|
276
|
+
await renderAsync(_$createComponent(Output, {
|
|
277
|
+
get children() {
|
|
278
|
+
return _$createComponent(For, {
|
|
279
|
+
each: items,
|
|
280
|
+
children: item => _$createComponent(Display, {
|
|
281
|
+
item: item
|
|
282
|
+
})
|
|
283
|
+
});
|
|
284
|
+
}
|
|
285
|
+
}));
|
|
286
|
+
const originalMessages = await collector.waitForRender();
|
|
287
|
+
|
|
288
|
+
// Track all nodes that are currently in the tree
|
|
289
|
+
const activeNodes = new Map();
|
|
290
|
+
function processMessages(messages) {
|
|
291
|
+
for (const msg of messages) {
|
|
292
|
+
if (msg.type === "render:nodeAdded") {
|
|
293
|
+
const nodeId = msg.node.id;
|
|
294
|
+
const parentId = msg.parentId;
|
|
295
|
+
|
|
296
|
+
// Root node has null parent, otherwise parent must exist
|
|
297
|
+
if (parentId !== null && !activeNodes.has(parentId)) {
|
|
298
|
+
throw new Error(`Node ${nodeId} (${msg.node.kind}${msg.node.name ? `: ${msg.node.name}` : ""}) ` + `added with parent ${parentId} but parent is not in active nodes. ` + `Active nodes: ${[...activeNodes.keys()].join(", ")}`);
|
|
299
|
+
}
|
|
300
|
+
activeNodes.set(nodeId, {
|
|
301
|
+
parentId,
|
|
302
|
+
kind: msg.node.kind,
|
|
303
|
+
name: msg.node.name
|
|
304
|
+
});
|
|
305
|
+
} else if (msg.type === "render:nodeRemoved") {
|
|
306
|
+
const nodeId = msg.id;
|
|
307
|
+
if (!activeNodes.has(nodeId)) {
|
|
308
|
+
throw new Error(`Node ${nodeId} removed but was not in active nodes. ` + `Active nodes: ${[...activeNodes.keys()].join(", ")}`);
|
|
309
|
+
}
|
|
310
|
+
activeNodes.delete(nodeId);
|
|
311
|
+
}
|
|
312
|
+
}
|
|
313
|
+
}
|
|
314
|
+
|
|
315
|
+
// Process initial render
|
|
316
|
+
processMessages(filterRenderTreeMessages(originalMessages));
|
|
317
|
+
|
|
318
|
+
// Mutate the list
|
|
319
|
+
items.value.push("c");
|
|
320
|
+
items.value.unshift("0");
|
|
321
|
+
await flushJobsAsync();
|
|
322
|
+
const updateMessages = await collector.waitForFlush();
|
|
323
|
+
const updateRenderMessages = filterRenderTreeMessages(updateMessages);
|
|
324
|
+
|
|
325
|
+
// Process update - this will throw if parent invariant is violated
|
|
326
|
+
processMessages(updateRenderMessages);
|
|
327
|
+
});
|
|
328
|
+
//# sourceMappingURL=render.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["afterEach","beforeEach","expect","it","WebSocket","createMessageCollector","filterRenderTreeMessages","For","Output","Show","enableDevtools","resetDevtoolsServerForTests","ref","renderAsync","flushJobsAsync","socket","server","port","Promise","resolve","reject","once","close","undefined","collector","_$createComponent","messages","waitForRender","at","toMatchObject","type","stop","Boom","Error","children","rejects","toThrow","renderMessages","filter","m","startsWith","name","any","String","message","componentStack","Array","Foo","_$createIntrinsic","parentId","node","value","renderCount","Display","displayNode","find","toBe","id","toEqual","Number","send","JSON","stringify","waitForFlush","props","_$memo","item","each","arrayContaining","objectContaining","count","Counter","updateMessages","updateRenderMessages","nodeUpdated","show","Maybe","when","removed","items","originalMessages","activeNodes","Map","processMessages","msg","nodeId","has","kind","keys","join","set","delete","push","unshift"],"sources":["../../../src/debug/render.test.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Sanitize a record of metadata for safe serialization over the devtools
|
|
3
|
+
* protocol. Unwraps refs, replaces reactive objects with placeholders, limits
|
|
4
|
+
* depth and entry count, and detects circular references.
|
|
5
|
+
*
|
|
6
|
+
* Runs inside `untrack()` to avoid creating reactive dependencies.
|
|
7
|
+
*/
|
|
8
|
+
export declare function sanitizeRecord(input: Record<string, unknown> | undefined): Record<string, unknown> | undefined;
|
|
9
|
+
//# sourceMappingURL=serialize.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"serialize.d.ts","sourceRoot":"","sources":["../../../src/debug/serialize.ts"],"names":[],"mappings":"AAiEA;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,GACzC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAUrC"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Shared serialization utilities for debug modules.
|
|
3
|
+
*
|
|
4
|
+
* Provides safe, depth-limited serialization of arbitrary values for
|
|
5
|
+
* transmission over the devtools protocol. Handles reactive refs, circular
|
|
6
|
+
* references, and non-plain objects.
|
|
7
|
+
*/
|
|
8
|
+
import { isReactive, isRef } from "@vue/reactivity";
|
|
9
|
+
import { untrack } from "../reactivity.js";
|
|
10
|
+
const MAX_ENTRIES = 50;
|
|
11
|
+
const MAX_DEPTH = 3;
|
|
12
|
+
function isPlainObject(value) {
|
|
13
|
+
if (!value || typeof value !== "object") return false;
|
|
14
|
+
const proto = Object.getPrototypeOf(value);
|
|
15
|
+
return proto === Object.prototype || proto === null;
|
|
16
|
+
}
|
|
17
|
+
function sanitize(value, depth, seen) {
|
|
18
|
+
if (depth > MAX_DEPTH) return "[MaxDepth]";
|
|
19
|
+
if (value === null || typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
|
|
20
|
+
return value;
|
|
21
|
+
}
|
|
22
|
+
if (typeof value === "bigint") return value.toString();
|
|
23
|
+
if (typeof value === "symbol") return value.toString();
|
|
24
|
+
if (typeof value === "function") return "[Function]";
|
|
25
|
+
if (isRef(value)) {
|
|
26
|
+
return sanitize(value.value, depth + 1, seen);
|
|
27
|
+
}
|
|
28
|
+
if (isReactive(value)) {
|
|
29
|
+
return "[Reactive]";
|
|
30
|
+
}
|
|
31
|
+
if (Array.isArray(value)) {
|
|
32
|
+
return value.slice(0, MAX_ENTRIES).map(item => sanitize(item, depth + 1, seen));
|
|
33
|
+
}
|
|
34
|
+
if (typeof value === "object") {
|
|
35
|
+
const obj = value;
|
|
36
|
+
if (seen.has(obj)) return "[Circular]";
|
|
37
|
+
seen.add(obj);
|
|
38
|
+
if (!isPlainObject(obj)) {
|
|
39
|
+
const name = obj.constructor?.name ?? "Object";
|
|
40
|
+
return `[${name}]`;
|
|
41
|
+
}
|
|
42
|
+
const entries = Object.entries(obj).slice(0, MAX_ENTRIES);
|
|
43
|
+
const result = {};
|
|
44
|
+
for (const [key, val] of entries) {
|
|
45
|
+
result[key] = sanitize(val, depth + 1, seen);
|
|
46
|
+
}
|
|
47
|
+
return result;
|
|
48
|
+
}
|
|
49
|
+
return String(value);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* Sanitize a record of metadata for safe serialization over the devtools
|
|
54
|
+
* protocol. Unwraps refs, replaces reactive objects with placeholders, limits
|
|
55
|
+
* depth and entry count, and detects circular references.
|
|
56
|
+
*
|
|
57
|
+
* Runs inside `untrack()` to avoid creating reactive dependencies.
|
|
58
|
+
*/
|
|
59
|
+
export function sanitizeRecord(input) {
|
|
60
|
+
return untrack(() => {
|
|
61
|
+
if (!input) return undefined;
|
|
62
|
+
const seen = new WeakSet();
|
|
63
|
+
const result = {};
|
|
64
|
+
for (const [key, value] of Object.entries(input).slice(0, MAX_ENTRIES)) {
|
|
65
|
+
result[key] = sanitize(value, 0, seen);
|
|
66
|
+
}
|
|
67
|
+
return result;
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
//# sourceMappingURL=serialize.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["isReactive","isRef","untrack","MAX_ENTRIES","MAX_DEPTH","isPlainObject","value","proto","Object","getPrototypeOf","prototype","sanitize","depth","seen","toString","Array","isArray","slice","map","item","obj","has","add","name","constructor","entries","result","key","val","String","sanitizeRecord","input","undefined","WeakSet"],"sources":["../../../src/debug/serialize.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { OutputScope } from "../symbols/output-scope.js";
|
|
2
|
+
import type { OutputSymbol } from "../symbols/output-symbol.js";
|
|
3
|
+
export declare function registerScope(scope: OutputScope): void;
|
|
4
|
+
export declare function unregisterScope(scope: OutputScope): void;
|
|
5
|
+
/**
|
|
6
|
+
* Re-register a pre-existing scope under the current render context.
|
|
7
|
+
* Called when `<Scope value={existingScope}>` mounts an already-created scope
|
|
8
|
+
* into a new location in the render tree.
|
|
9
|
+
*/
|
|
10
|
+
export declare function relocateScope(_scope: OutputScope): void;
|
|
11
|
+
export declare function registerSymbol(symbol: OutputSymbol): void;
|
|
12
|
+
export declare function unregisterSymbol(symbol: OutputSymbol): void;
|
|
13
|
+
/** Stop all watchers and clear tracked state. Called when a new render begins. */
|
|
14
|
+
export declare function reset(): void;
|
|
15
|
+
//# sourceMappingURL=symbols.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"symbols.d.ts","sourceRoot":"","sources":["../../../src/debug/symbols.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAkJhE,wBAAgB,aAAa,CAAC,KAAK,EAAE,WAAW,QAwB/C;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,QASjD;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,WAAW,QAEhD;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,YAAY,QAwBlD;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,YAAY,QASpD;AAED,kFAAkF;AAClF,wBAAgB,KAAK,SAKpB"}
|
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
import { watch } from "@vue/reactivity";
|
|
2
|
+
import { getContext, untrack } from "../reactivity.js";
|
|
3
|
+
import { getRenderNodeId } from "./render.js";
|
|
4
|
+
import { sanitizeRecord } from "./serialize.js";
|
|
5
|
+
import { emitDevtoolsMessage, isDevtoolsEnabled, TracePhase, traceType } from "./trace.js";
|
|
6
|
+
const scopeWatchers = new Map();
|
|
7
|
+
const symbolWatchers = new Map();
|
|
8
|
+
function shallowEqual(a, b) {
|
|
9
|
+
const aRecord = a;
|
|
10
|
+
const bRecord = b;
|
|
11
|
+
const aKeys = Object.keys(aRecord);
|
|
12
|
+
const bKeys = Object.keys(bRecord);
|
|
13
|
+
if (aKeys.length !== bKeys.length) return false;
|
|
14
|
+
for (const key of aKeys) {
|
|
15
|
+
const aValue = aRecord[key];
|
|
16
|
+
const bValue = bRecord[key];
|
|
17
|
+
if (aValue === bValue) continue;
|
|
18
|
+
if (aValue === undefined || bValue === undefined) return false;
|
|
19
|
+
const aType = typeof aValue;
|
|
20
|
+
const bType = typeof bValue;
|
|
21
|
+
if (aType === "object" || bType === "object") {
|
|
22
|
+
if (JSON.stringify(aValue) !== JSON.stringify(bValue)) return false;
|
|
23
|
+
} else if (aValue !== bValue) {
|
|
24
|
+
return false;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
return true;
|
|
28
|
+
}
|
|
29
|
+
function sanitizeDebugInfo(input) {
|
|
30
|
+
return sanitizeRecord(input);
|
|
31
|
+
}
|
|
32
|
+
function getRenderNodeIdForCurrentContext() {
|
|
33
|
+
return untrack(() => {
|
|
34
|
+
const context = getContext();
|
|
35
|
+
let current = context;
|
|
36
|
+
while (current) {
|
|
37
|
+
const renderNode = current.meta?.renderNode;
|
|
38
|
+
if (renderNode) {
|
|
39
|
+
return getRenderNodeId(renderNode) ?? null;
|
|
40
|
+
}
|
|
41
|
+
current = current.owner;
|
|
42
|
+
}
|
|
43
|
+
return null;
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
function snapshotScope(scope, renderNodeId) {
|
|
47
|
+
return {
|
|
48
|
+
id: scope.id,
|
|
49
|
+
name: scope.name,
|
|
50
|
+
parentId: scope.parent?.id ?? null,
|
|
51
|
+
ownerSymbolId: scope.ownerSymbol?.id ?? null,
|
|
52
|
+
isMemberScope: scope.isMemberScope,
|
|
53
|
+
renderNodeId,
|
|
54
|
+
metadata: sanitizeRecord(scope.metadata),
|
|
55
|
+
debugInfo: sanitizeDebugInfo(scope.debugInfo),
|
|
56
|
+
children: untrack(() => Array.from(scope.children).map(child => ({
|
|
57
|
+
id: child.id,
|
|
58
|
+
name: child.name
|
|
59
|
+
}))),
|
|
60
|
+
spaces: untrack(() => scope.spaces.map(space => ({
|
|
61
|
+
key: space.key,
|
|
62
|
+
symbols: Array.from(space).map(symbol => ({
|
|
63
|
+
id: symbol.id,
|
|
64
|
+
name: symbol.name
|
|
65
|
+
}))
|
|
66
|
+
})))
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
function snapshotSymbol(symbol, renderNodeId) {
|
|
70
|
+
return {
|
|
71
|
+
id: symbol.id,
|
|
72
|
+
name: symbol.name,
|
|
73
|
+
originalName: symbol.originalName,
|
|
74
|
+
scopeId: symbol.scope?.id ?? null,
|
|
75
|
+
ownerSymbolId: symbol.ownerSymbol?.id ?? null,
|
|
76
|
+
isMemberSymbol: symbol.isMemberSymbol,
|
|
77
|
+
isTransient: symbol.isTransient,
|
|
78
|
+
isAlias: symbol.isAlias,
|
|
79
|
+
movedToId: symbol.movedTo?.id ?? null,
|
|
80
|
+
renderNodeId,
|
|
81
|
+
metadata: sanitizeRecord(symbol.metadata),
|
|
82
|
+
debugInfo: sanitizeDebugInfo(symbol.debugInfo),
|
|
83
|
+
memberSpaces: symbol.memberSpaces.map(space => ({
|
|
84
|
+
key: space.key,
|
|
85
|
+
symbols: Array.from(space).map(member => ({
|
|
86
|
+
id: member.id,
|
|
87
|
+
name: member.name
|
|
88
|
+
}))
|
|
89
|
+
}))
|
|
90
|
+
};
|
|
91
|
+
}
|
|
92
|
+
export function registerScope(scope) {
|
|
93
|
+
if (!isDevtoolsEnabled()) return;
|
|
94
|
+
if (scopeWatchers.has(scope.id)) return;
|
|
95
|
+
untrack(() => {
|
|
96
|
+
const renderNodeId = getRenderNodeIdForCurrentContext();
|
|
97
|
+
let previous = snapshotScope(scope, renderNodeId);
|
|
98
|
+
emitDevtoolsMessage({
|
|
99
|
+
type: traceType(TracePhase.scope.create),
|
|
100
|
+
scope: previous
|
|
101
|
+
});
|
|
102
|
+
const stop = watch(() => snapshotScope(scope, renderNodeId), next => {
|
|
103
|
+
if (!shallowEqual(previous, next)) {
|
|
104
|
+
previous = next;
|
|
105
|
+
emitDevtoolsMessage({
|
|
106
|
+
type: traceType(TracePhase.scope.update),
|
|
107
|
+
scope: next
|
|
108
|
+
});
|
|
109
|
+
}
|
|
110
|
+
});
|
|
111
|
+
scopeWatchers.set(scope.id, stop);
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
export function unregisterScope(scope) {
|
|
115
|
+
if (!isDevtoolsEnabled()) return;
|
|
116
|
+
const stop = scopeWatchers.get(scope.id);
|
|
117
|
+
if (stop) stop();
|
|
118
|
+
scopeWatchers.delete(scope.id);
|
|
119
|
+
emitDevtoolsMessage({
|
|
120
|
+
type: traceType(TracePhase.scope.delete),
|
|
121
|
+
id: scope.id
|
|
122
|
+
});
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
/**
|
|
126
|
+
* Re-register a pre-existing scope under the current render context.
|
|
127
|
+
* Called when `<Scope value={existingScope}>` mounts an already-created scope
|
|
128
|
+
* into a new location in the render tree.
|
|
129
|
+
*/
|
|
130
|
+
export function relocateScope(_scope) {
|
|
131
|
+
// Placeholder — real implementation added in the trace-writer branch.
|
|
132
|
+
}
|
|
133
|
+
export function registerSymbol(symbol) {
|
|
134
|
+
if (!isDevtoolsEnabled()) return;
|
|
135
|
+
if (symbolWatchers.has(symbol.id)) return;
|
|
136
|
+
untrack(() => {
|
|
137
|
+
const renderNodeId = getRenderNodeIdForCurrentContext();
|
|
138
|
+
let previous = snapshotSymbol(symbol, renderNodeId);
|
|
139
|
+
emitDevtoolsMessage({
|
|
140
|
+
type: traceType(TracePhase.symbol.create),
|
|
141
|
+
symbol: previous
|
|
142
|
+
});
|
|
143
|
+
const stop = watch(() => snapshotSymbol(symbol, renderNodeId), next => {
|
|
144
|
+
if (!shallowEqual(previous, next)) {
|
|
145
|
+
previous = next;
|
|
146
|
+
emitDevtoolsMessage({
|
|
147
|
+
type: traceType(TracePhase.symbol.update),
|
|
148
|
+
symbol: next
|
|
149
|
+
});
|
|
150
|
+
}
|
|
151
|
+
});
|
|
152
|
+
symbolWatchers.set(symbol.id, stop);
|
|
153
|
+
});
|
|
154
|
+
}
|
|
155
|
+
export function unregisterSymbol(symbol) {
|
|
156
|
+
if (!isDevtoolsEnabled()) return;
|
|
157
|
+
const stop = symbolWatchers.get(symbol.id);
|
|
158
|
+
if (stop) stop();
|
|
159
|
+
symbolWatchers.delete(symbol.id);
|
|
160
|
+
emitDevtoolsMessage({
|
|
161
|
+
type: traceType(TracePhase.symbol.delete),
|
|
162
|
+
id: symbol.id
|
|
163
|
+
});
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
/** Stop all watchers and clear tracked state. Called when a new render begins. */
|
|
167
|
+
export function reset() {
|
|
168
|
+
for (const stop of scopeWatchers.values()) stop();
|
|
169
|
+
for (const stop of symbolWatchers.values()) stop();
|
|
170
|
+
scopeWatchers.clear();
|
|
171
|
+
symbolWatchers.clear();
|
|
172
|
+
}
|
|
173
|
+
//# sourceMappingURL=symbols.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["watch","getContext","untrack","getRenderNodeId","sanitizeRecord","emitDevtoolsMessage","isDevtoolsEnabled","TracePhase","traceType","scopeWatchers","Map","symbolWatchers","shallowEqual","a","b","aRecord","bRecord","aKeys","Object","keys","bKeys","length","key","aValue","bValue","undefined","aType","bType","JSON","stringify","sanitizeDebugInfo","input","getRenderNodeIdForCurrentContext","context","current","renderNode","meta","owner","snapshotScope","scope","renderNodeId","id","name","parentId","parent","ownerSymbolId","ownerSymbol","isMemberScope","metadata","debugInfo","children","Array","from","map","child","spaces","space","symbols","symbol","snapshotSymbol","originalName","scopeId","isMemberSymbol","isTransient","isAlias","movedToId","movedTo","memberSpaces","member","registerScope","has","previous","type","create","stop","next","update","set","unregisterScope","get","delete","relocateScope","_scope","registerSymbol","unregisterSymbol","reset","values","clear"],"sources":["../../../src/debug/symbols.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"symbols.test.d.ts","sourceRoot":"","sources":["../../../src/debug/symbols.test.tsx"],"names":[],"mappings":""}
|