@alloy-js/core 0.24.0-dev.2 → 0.24.0-dev.7

package/dist/dev/src/debug/file-streaming.js

@@ -0,0 +1,103 @@
+/**
+ * Throttled file-content streaming for devtools.
+ *
+ * As the render tree mutates, the debug system finds the enclosing
+ * `alloy:source-file` wrapper for the changed node and marks it dirty.
+ * When a devtools client is connected, dirty files are re-printed at
+ * most once per second so users can watch file content build up during
+ * rendering. When devtools is not connected, dirty files are flushed
+ * once at the end of render via {@link flushAllDirtyFiles}.
+ */
+
+import { isDevtoolsConnected } from "../devtools/devtools-server.js";
+import { getContextForNode } from "../render/node-context.js";
+import { ElementNode } from "../render/node.js";
+import { printNodeToString } from "../render/printer.js";
+import { updated as filesUpdated } from "./files.js";
+import { isDebugEnabled } from "./trace.js";
+const DEVTOOLS_FLUSH_INTERVAL_MS = 1000;
+const dirtyFiles = new Set();
+const lastFlushTimeByFile = new Map();
+
+/** Find the nearest alloy:source-file ancestor (inclusive). */
+function findSourceFileWrapper(node) {
+  let cur = node;
+  while (cur !== null) {
+    if (cur instanceof ElementNode && cur.localName === "alloy:source-file") {
+      return cur;
+    }
+    cur = cur.parentNode;
+  }
+  return undefined;
+}
+function getSourceFileMeta(wrapper) {
+  const ctx = getContextForNode(wrapper);
+  const meta = ctx?.meta;
+  if (meta?.sourceFileReady === false) return undefined;
+  return meta?.sourceFile;
+}
+function getPrintOptions(wrapper) {
+  const ctx = getContextForNode(wrapper);
+  const meta = ctx?.meta;
+  return meta?.printOptions;
+}
+function flushFile(wrapper) {
+  const sf = getSourceFileMeta(wrapper);
+  if (!sf) return;
+  const printOpts = getPrintOptions(wrapper);
+  let contents;
+  try {
+    contents = printNodeToString(wrapper, {
+      printWidth: printOpts?.printWidth ?? 80,
+      tabWidth: printOpts?.tabWidth ?? 2,
+      useTabs: printOpts?.useTabs ?? false
+    }).formatted;
+  } catch {
+    // Mid-render the tree may be in an inconsistent state — skip this
+    // flush attempt and pick it up on the next mutation.
+    return;
+  }
+  if (printOpts?.insertFinalNewLine !== false && !contents.endsWith("\n")) {
+    contents += "\n";
+  }
+  filesUpdated({
+    path: sf.path,
+    filetype: sf.filetype,
+    contents
+  });
+  lastFlushTimeByFile.set(sf.path, Date.now());
+  dirtyFiles.delete(wrapper);
+}
+
+/**
+ * Mark the source file containing `node` as dirty. When devtools is
+ * connected and at least 1s has elapsed since this file was last flushed,
+ * print and broadcast its content immediately.
+ */
+export function markFileDirtyForNode(node) {
+  if (!isDebugEnabled()) return;
+  const wrapper = findSourceFileWrapper(node);
+  if (!wrapper) return;
+  dirtyFiles.add(wrapper);
+  if (!isDevtoolsConnected()) return;
+  const sf = getSourceFileMeta(wrapper);
+  if (!sf) return;
+  const last = lastFlushTimeByFile.get(sf.path) ?? 0;
+  if (Date.now() - last < DEVTOOLS_FLUSH_INTERVAL_MS) return;
+  flushFile(wrapper);
+}
+
+/** Flush every dirty file. Called at end of render. */
+export function flushAllDirtyFiles() {
+  if (dirtyFiles.size === 0) return;
+  for (const wrapper of [...dirtyFiles]) {
+    flushFile(wrapper);
+  }
+}
+
+/** Reset all streaming state. Called when a new render begins. */
+export function reset() {
+  dirtyFiles.clear();
+  lastFlushTimeByFile.clear();
+}
+//# sourceMappingURL=file-streaming.js.map

package/dist/dev/src/debug/file-streaming.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isDevtoolsConnected","getContextForNode","ElementNode","printNodeToString","updated","filesUpdated","isDebugEnabled","DEVTOOLS_FLUSH_INTERVAL_MS","dirtyFiles","Set","lastFlushTimeByFile","Map","findSourceFileWrapper","node","cur","localName","parentNode","undefined","getSourceFileMeta","wrapper","ctx","meta","sourceFileReady","sourceFile","getPrintOptions","printOptions","flushFile","sf","printOpts","contents","printWidth","tabWidth","useTabs","formatted","insertFinalNewLine","endsWith","path","filetype","set","Date","now","delete","markFileDirtyForNode","add","last","get","flushAllDirtyFiles","size","reset","clear"],"sources":["../../../../src/debug/file-streaming.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/dev/src/debug/files.test.js

@@ -6,7 +6,7 @@ import { Output } from "../components/Output.js";
 import { SourceDirectory } from "../components/SourceDirectory.js";
 import { SourceFile } from "../components/SourceFile.js";
 import { enableDevtools, resetDevtoolsServerForTests } from "../devtools/devtools-server.js";
-import { renderAsync } from "../render.js";
+import { renderAsync } from "../render-output.js";
 let socket;
 beforeEach(async () => {
   const server = await enableDevtools({
@@ -63,16 +63,15 @@ it("emits file and directory add/update/remove messages", async () => {
     type: "directory:added",
     path: "src"
   });
-  expect(initialFiles[2]).toMatchObject({
+  expect(initialFiles).toEqual(expect.arrayContaining([expect.objectContaining({
     type: "file:added",
     path: "src/index.ts",
     filetype: "ts"
-  });
-  expect(initialFiles[3]).toMatchObject({
+  }), expect.objectContaining({
     type: "file:updated",
     path: "src/index.ts",
     content: expect.any(String)
-  });
+  })]));
   collector.stop();
 });
 //# sourceMappingURL=files.test.js.map

package/dist/dev/src/debug/files.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["afterEach","beforeEach","expect","it","WebSocket","createMessageCollector","Output","SourceDirectory","SourceFile","enableDevtools","resetDevtoolsServerForTests","renderAsync","socket","server","port","Promise","resolve","reject","once","close","undefined","collector","_$createComponent","children","path","filetype","fileName","import","meta","url","lineNumber","columnNumber","initialMessages","waitForRender","initialFiles","filter","m","type","startsWith","toMatchObject","content","any","String","stop"],"sources":["../../../../src/debug/files.test.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["afterEach","beforeEach","expect","it","WebSocket","createMessageCollector","Output","SourceDirectory","SourceFile","enableDevtools","resetDevtoolsServerForTests","renderAsync","socket","server","port","Promise","resolve","reject","once","close","undefined","collector","_$createComponent","children","path","filetype","fileName","import","meta","url","lineNumber","columnNumber","initialMessages","waitForRender","initialFiles","filter","m","type","startsWith","toMatchObject","toEqual","arrayContaining","objectContaining","content","any","String","stop"],"sources":["../../../../src/debug/files.test.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/dev/src/debug/index.js

@@ -2,7 +2,7 @@ import { assertDevtoolsConnectedForSyncRender, initDevtoolsIfEnabled, isDevtools
 import { debugContext, debugRender, debugStack, debugTree, debugWatch } from "./cli.js";
 import { ensureReactivePropertyRef, ensureRef, register, registerRef, reset, track, trigger, update } from "./effects.js";
 import { recordDirectory, recordFile, reset as resetFiles, updated } from "./files.js";
-import { appendCustomContext, appendFragmentChild, appendPrintHook, appendTextNode, beginComponent, complete, error, flushJobsComplete, initialize, prepareMemoNode } from "./render.js";
+import { beginComponent, complete, error, flushJobsComplete, initialize, isRerenderEnabled, nodeAttached, nodeDetached } from "./render.js";
 import { registerScope, registerSymbol, relocateScope, reset as resetSymbols, unregisterScope, unregisterSymbol } from "./symbols.js";
 import { trace } from "./trace.js";
 export { isDevtoolsConnected } from "../devtools/devtools-server.js";
@@ -32,12 +32,10 @@ export const debug = {
   },
   render: {
     initialize,
-    appendTextNode,
-    appendCustomContext,
-    appendPrintHook,
-    appendFragmentChild,
+    nodeAttached,
+    nodeDetached,
     beginComponent,
-    prepareMemoNode,
+    isRerenderEnabled,
     error,
     complete,
     flushJobsComplete

package/dist/dev/src/debug/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["assertDevtoolsConnectedForSyncRender","initDevtoolsIfEnabled","isDevtoolsEnabled","debugContext","debugRender","debugStack","debugTree","debugWatch","ensureReactivePropertyRef","ensureRef","register","registerRef","reset","track","trigger","update","recordDirectory","recordFile","resetFiles","updated","appendCustomContext","appendFragmentChild","appendPrintHook","appendTextNode","beginComponent","complete","error","flushJobsComplete","initialize","prepareMemoNode","registerScope","registerSymbol","relocateScope","resetSymbols","unregisterScope","unregisterSymbol","trace","isDevtoolsConnected","captureSourceLocation","getRenderNodeId","isConsoleTraceEnabled","isDebugEnabled","TracePhase","debug","component","stack","tree","watch","render","context","effect","files","symbols","phase","cb","triggerIds","Set","prepare","assertReadyForSyncRender"],"sources":["../../../../src/debug/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SACEA,oCAAoC,EACpCC,qBAAqB,EACrBC,iBAAiB,QACZ,gCAAgC;AACvC,SACEC,YAAY,EACZC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,UAAU,QACL,UAAU;AACjB,SACEC,yBAAyB,EACzBC,SAAS,EACTC,QAAQ,EACRC,WAAW,EACXC,KAAK,EACLC,KAAK,EACLC,OAAO,EACPC,MAAM,QACD,cAAc;AACrB,SACEC,eAAe,EACfC,UAAU,EACVL,KAAK,IAAIM,UAAU,EACnBC,OAAO,QACF,YAAY;AACnB,SACEC,mBAAmB,EACnBC,mBAAmB,EACnBC,eAAe,EACfC,cAAc,EACdC,cAAc,EACdC,QAAQ,EACRC,KAAK,EACLC,iBAAiB,EACjBC,UAAU,EACVC,eAAe,QACV,aAAa;AACpB,SACEC,aAAa,EACbC,cAAc,EACdC,aAAa,EACbpB,KAAK,IAAIqB,YAAY,EACrBC,eAAe,EACfC,gBAAgB,QACX,cAAc;AACrB,SAASC,KAAK,QAA6B,YAAY;AAEvD,SAASC,mBAAmB,QAAQ,gCAAgC;AACpE,SAASC,qBAAqB,QAAQ,cAAc;AAMpD,SAASC,eAAe,QAAiC,aAAa;AAOtE,SACEC,qBAAqB,EACrBC,cAAc,EACdvC,iBAAiB,EACjBkC,KAAK,EACLM,UAAU,QAEL,YAAY;;AAEnB;;AAGA,OAAO,MAAMC,KAAK,GAAG;EACnBC,SAAS,EAAE;IACTC,KAAK,EAAExC,UAAU;IACjByC,IAAI,EAAExC,SAAS;IACfyC,KAAK,EAAExC,UAAU;IACjByC,MAAM,EAAE5C,WAAW;IACnB6C,OAAO,EAAE9C;EACX,CAAC;EACD+C,MAAM,EAAE;IACNxC,QAAQ;IACRK,MAAM;IACNJ,WAAW;IACXF,SAAS;IACTD,yBAAyB;IACzBK,KAAK;IACLC,OAAO;IACPF;EACF,CAAC;EACDoC,MAAM,EAAE;IACNpB,UAAU;IACVL,cAAc;IACdH,mBAAmB;IACnBE,eAAe;IACfD,mBAAmB;IACnBG,cAAc;IACdK,eAAe;IACfH,KAAK;IACLD,QAAQ;IACRE;EACF,CAAC;EACDwB,KAAK,EAAE;IACLnC,eAAe;IACfC,UAAU;IACVE,OAAO;IACPP,KAAK,EAAEM;EACT,CAAC;EACDkC,OAAO,EAAE;IACPtB,aAAa;IACbE,aAAa;IACbE,eAAe;IACfH,cAAc;IACdI,gBAAgB;IAChBvB,KAAK,EAAEqB;EACT,CAAC;EACDG,KAAKA,CAACiB,KAAqB,EAAEC,EAAgB,EAAEC,UAAwB,EAAE;IACvEnB,KAAK,CAACiB,KAAK,EAAEC,EAAE,EAAEC,UAAU,IAAI,IAAIC,GAAG,CAAC,CAAC,CAAC;EAC3C,CAAC;EACD,MAAMC,OAAOA,CAAA,EAAkB;IAC7B,MAAMxD,qBAAqB,CAAC,CAAC;EAC/B,CAAC;EACDyD,wBAAwBA,CAAA,EAAS;IAC/B,IAAIxD,iBAAiB,CAAC,CAAC,EAAE;MACvBF,oCAAoC,CAAC,CAAC;IACxC;EACF;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["assertDevtoolsConnectedForSyncRender","initDevtoolsIfEnabled","isDevtoolsEnabled","debugContext","debugRender","debugStack","debugTree","debugWatch","ensureReactivePropertyRef","ensureRef","register","registerRef","reset","track","trigger","update","recordDirectory","recordFile","resetFiles","updated","beginComponent","complete","error","flushJobsComplete","initialize","isRerenderEnabled","nodeAttached","nodeDetached","registerScope","registerSymbol","relocateScope","resetSymbols","unregisterScope","unregisterSymbol","trace","isDevtoolsConnected","captureSourceLocation","getRenderNodeId","isConsoleTraceEnabled","isDebugEnabled","TracePhase","debug","component","stack","tree","watch","render","context","effect","files","symbols","phase","cb","triggerIds","Set","prepare","assertReadyForSyncRender"],"sources":["../../../../src/debug/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SACEA,oCAAoC,EACpCC,qBAAqB,EACrBC,iBAAiB,QACZ,gCAAgC;AACvC,SACEC,YAAY,EACZC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,UAAU,QACL,UAAU;AACjB,SACEC,yBAAyB,EACzBC,SAAS,EACTC,QAAQ,EACRC,WAAW,EACXC,KAAK,EACLC,KAAK,EACLC,OAAO,EACPC,MAAM,QACD,cAAc;AACrB,SACEC,eAAe,EACfC,UAAU,EACVL,KAAK,IAAIM,UAAU,EACnBC,OAAO,QACF,YAAY;AACnB,SACEC,cAAc,EACdC,QAAQ,EACRC,KAAK,EACLC,iBAAiB,EACjBC,UAAU,EACVC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,QACP,aAAa;AACpB,SACEC,aAAa,EACbC,cAAc,EACdC,aAAa,EACblB,KAAK,IAAImB,YAAY,EACrBC,eAAe,EACfC,gBAAgB,QACX,cAAc;AACrB,SAASC,KAAK,QAA6B,YAAY;AAEvD,SAASC,mBAAmB,QAAQ,gCAAgC;AACpE,SAASC,qBAAqB,QAAQ,cAAc;AAMpD,SACEC,eAAe,QAGV,aAAa;AAOpB,SACEC,qBAAqB,EACrBC,cAAc,EACdrC,iBAAiB,EACjBgC,KAAK,EACLM,UAAU,QAEL,YAAY;;AAEnB;;AAGA,OAAO,MAAMC,KAAK,GAAG;EACnBC,SAAS,EAAE;IACTC,KAAK,EAAEtC,UAAU;IACjBuC,IAAI,EAAEtC,SAAS;IACfuC,KAAK,EAAEtC,UAAU;IACjBuC,MAAM,EAAE1C,WAAW;IACnB2C,OAAO,EAAE5C;EACX,CAAC;EACD6C,MAAM,EAAE;IACNtC,QAAQ;IACRK,MAAM;IACNJ,WAAW;IACXF,SAAS;IACTD,yBAAyB;IACzBK,KAAK;IACLC,OAAO;IACPF;EACF,CAAC;EACDkC,MAAM,EAAE;IACNtB,UAAU;IACVE,YAAY;IACZC,YAAY;IACZP,cAAc;IACdK,iBAAiB;IACjBH,KAAK;IACLD,QAAQ;IACRE;EACF,CAAC;EACD0B,KAAK,EAAE;IACLjC,eAAe;IACfC,UAAU;IACVE,OAAO;IACPP,KAAK,EAAEM;EACT,CAAC;EACDgC,OAAO,EAAE;IACPtB,aAAa;IACbE,aAAa;IACbE,eAAe;IACfH,cAAc;IACdI,gBAAgB;IAChBrB,KAAK,EAAEmB;EACT,CAAC;EACDG,KAAKA,CAACiB,KAAqB,EAAEC,EAAgB,EAAEC,UAAwB,EAAE;IACvEnB,KAAK,CAACiB,KAAK,EAAEC,EAAE,EAAEC,UAAU,IAAI,IAAIC,GAAG,CAAC,CAAC,CAAC;EAC3C,CAAC;EACD,MAAMC,OAAOA,CAAA,EAAkB;IAC7B,MAAMtD,qBAAqB,CAAC,CAAC;EAC/B,CAAC;EACDuD,wBAAwBA,CAAA,EAAS;IAC/B,IAAItD,iBAAiB,CAAC,CAAC,EAAE;MACvBF,oCAAoC,CAAC,CAAC;IACxC;EACF;AACF,CAAC","ignoreList":[]}

package/dist/dev/src/debug/message-format.test.js

@@ -17,7 +17,7 @@ import { Scope } from "../components/Scope.js";
 import { SourceFile } from "../components/SourceFile.js";
 import { enableDevtools, resetDevtoolsServerForTests } from "../devtools/devtools-server.js";
 import { effect, ref } from "../reactivity.js";
-import { renderAsync } from "../render.js";
+import { renderAsync } from "../render-output.js";
 import { flushJobsAsync } from "../scheduler.js";
 import { debug } from "./index.js";
 let socket;
@@ -50,12 +50,12 @@ afterEach(async () => {
 describe("subscriptions", () => {
   it("only receives messages for subscribed channels", async () => {
     // Subscribe to render only — should NOT see effects, refs, etc.
-    const collector = await createMessageCollector(socket, ["render"]);
+    const collector = await createMessageCollector(socket, ["render", "components"]);
     await renderAsync(_$createComponent(Output, {
       children: "hello"
     }, {
       fileName: import.meta.url,
-      lineNumber: 60,
+      lineNumber: 63,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
@@ -75,7 +75,7 @@ describe("subscriptions", () => {
       children: "hello"
     }, {
       fileName: import.meta.url,
-      lineNumber: 80,
+      lineNumber: 83,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
@@ -93,7 +93,7 @@ describe("subscriptions", () => {
     const collector = await createMessageCollector(socket, ["diagnostics"]);
     await renderAsync(_$createComponent(Output, {}, {
       fileName: import.meta.url,
-      lineNumber: 96,
+      lineNumber: 99,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
@@ -108,10 +108,10 @@ describe("subscriptions", () => {
 
 describe("render:node_added", () => {
   it("root node has null parent_id and kind 'root'", async () => {
-    const collector = await createMessageCollector(socket, ["render"]);
+    const collector = await createMessageCollector(socket, ["render", "components"]);
     await renderAsync(_$createComponent(Output, {}, {
       fileName: import.meta.url,
-      lineNumber: 111,
+      lineNumber: 117,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
@@ -125,21 +125,20 @@ describe("render:node_added", () => {
       seq: expect.any(Number)
     });
   });
-  it("component node has numeric id, parent_id, and name", async () => {
-    const collector = await createMessageCollector(socket, ["render"]);
+  it("component instance has numeric id, parent_id, and name", async () => {
+    const collector = await createMessageCollector(socket, ["render", "components"]);
     await renderAsync(_$createComponent(Output, {}, {
       fileName: import.meta.url,
-      lineNumber: 129,
+      lineNumber: 138,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
     collector.stop();
-    const output = messages.find(m => m.type === "render:node_added" && m.name === "Output");
+    const output = messages.find(m => m.type === "component:added" && m.name === "Output");
     expect(output).toMatchObject({
-      type: "render:node_added",
+      type: "component:added",
       id: expect.any(Number),
-      parent_id: expect.any(Number),
-      kind: "component",
+      parent_id: null,
       name: "Output"
     });
   });
@@ -149,7 +148,7 @@ describe("render:node_added", () => {
       children: "hello"
     }, {
       fileName: import.meta.url,
-      lineNumber: 147,
+      lineNumber: 155,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
@@ -159,25 +158,25 @@ describe("render:node_added", () => {
     expect(text.value).toBe("hello");
     expect(text.parent_id).toEqual(expect.any(Number));
   });
-  it("non-text node has null value (not undefined)", async () => {
+  it("non-text render node has null value (not undefined)", async () => {
     const collector = await createMessageCollector(socket, ["render"]);
     await renderAsync(_$createComponent(Output, {
       children: "hello"
     }, {
       fileName: import.meta.url,
-      lineNumber: 161,
+      lineNumber: 169,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
     collector.stop();
-    const component = messages.find(m => m.type === "render:node_added" && m.kind === "component");
-    expect(component.value).toBeNull();
+    const nonText = messages.find(m => m.type === "render:node_added" && m.kind === "directory");
+    expect(nonText.value).toBeNull();
   });
 });
 describe("render:node_removed", () => {
   it("is emitted when a reactive component removes children", async () => {
     const show = ref(true);
-    const collector = await createMessageCollector(socket, ["render"]);
+    const collector = await createMessageCollector(socket, ["render", "components"]);
     function Conditional() {
       return () => show.value ? "visible" : "";
     }
@@ -185,13 +184,13 @@ describe("render:node_removed", () => {
       get children() {
         return _$createComponent(Conditional, {}, {
           fileName: import.meta.url,
-          lineNumber: 183,
+          lineNumber: 194,
           columnNumber: 9
         });
       }
     }, {
       fileName: import.meta.url,
-      lineNumber: 182,
+      lineNumber: 193,
       columnNumber: 7
     }));
     const renderMessages = await collector.waitForRender();
@@ -224,13 +223,13 @@ describe("render:node_updated", () => {
           children: item => [item]
         }, {
           fileName: import.meta.url,
-          lineNumber: 217,
+          lineNumber: 228,
           columnNumber: 9
         });
       }
     }, {
       fileName: import.meta.url,
-      lineNumber: 216,
+      lineNumber: 227,
       columnNumber: 7
     }));
     await collector.waitForRender();
@@ -254,7 +253,7 @@ describe("render:reset", () => {
     const collector = await createMessageCollector(socket, ["render"]);
     await renderAsync(_$createComponent(Output, {}, {
       fileName: import.meta.url,
-      lineNumber: 240,
+      lineNumber: 251,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
@@ -270,7 +269,7 @@ describe("render:complete", () => {
     const collector = await createMessageCollector(socket, ["render"]);
     await renderAsync(_$createComponent(Output, {}, {
       fileName: import.meta.url,
-      lineNumber: 257,
+      lineNumber: 268,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
@@ -294,7 +293,7 @@ describe("effect:added", () => {
       children: "hello"
     }, {
       fileName: import.meta.url,
-      lineNumber: 279,
+      lineNumber: 290,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
@@ -317,7 +316,7 @@ describe("effect:updated", () => {
       children: "hello"
     }, {
       fileName: import.meta.url,
-      lineNumber: 299,
+      lineNumber: 310,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
@@ -343,7 +342,7 @@ describe("ref:added", () => {
       children: "hello"
     }, {
       fileName: import.meta.url,
-      lineNumber: 320,
+      lineNumber: 331,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
@@ -372,7 +371,7 @@ describe("edge:track and edge:trigger", () => {
       children: "hello"
     }, {
       fileName: import.meta.url,
-      lineNumber: 345,
+      lineNumber: 356,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
@@ -406,19 +405,19 @@ describe("symbol:added", () => {
               children: "foo content"
             }, {
               fileName: import.meta.url,
-              lineNumber: 374,
+              lineNumber: 385,
               columnNumber: 11
             });
           }
         }, {
           fileName: import.meta.url,
-          lineNumber: 373,
+          lineNumber: 384,
           columnNumber: 9
         });
       }
     }, {
       fileName: import.meta.url,
-      lineNumber: 372,
+      lineNumber: 383,
       columnNumber: 7
     }));
     const messages = await collector.waitForRender();
@@ -458,13 +457,13 @@ describe("scope:added", () => {
           children: "content"
         }, {
           fileName: import.meta.url,
-          lineNumber: 412,
+          lineNumber: 423,
           columnNumber: 9
         });
       }
     }, {
       fileName: import.meta.url,
-      lineNumber: 411,
+      lineNumber: 422,
       columnNumber: 7
     }));
     const messages = await collector.waitForRender();
@@ -500,13 +499,13 @@ describe("file:added", () => {
           children: "content"
         }, {
           fileName: import.meta.url,
-          lineNumber: 444,
+          lineNumber: 455,
           columnNumber: 9
         });
       }
     }, {
       fileName: import.meta.url,
-      lineNumber: 443,
+      lineNumber: 454,
       columnNumber: 7
     }));
     const messages = await collector.waitForRender();
@@ -535,7 +534,7 @@ describe("directory:added", () => {
       children: "hello"
     }, {
       fileName: import.meta.url,
-      lineNumber: 473,
+      lineNumber: 484,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
@@ -564,7 +563,7 @@ describe("scheduler:job", () => {
       children: "hello"
     }, {
       fileName: import.meta.url,
-      lineNumber: 501,
+      lineNumber: 512,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
@@ -596,7 +595,7 @@ describe("effect:lifecycle", () => {
       children: "hello"
     }, {
       fileName: import.meta.url,
-      lineNumber: 529,
+      lineNumber: 540,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
@@ -636,7 +635,7 @@ describe("diagnostics:report", () => {
     // Render to get a completion signal for the collector
     await renderAsync(_$createComponent(Output, {}, {
       fileName: import.meta.url,
-      lineNumber: 571,
+      lineNumber: 582,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
@@ -672,7 +671,7 @@ describe("render:error", () => {
     // Render to get a completion signal
     await renderAsync(_$createComponent(Output, {}, {
       fileName: import.meta.url,
-      lineNumber: 603,
+      lineNumber: 614,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
@@ -705,13 +704,13 @@ describe("flushJobs:complete", () => {
           children: item => [item]
         }, {
           fileName: import.meta.url,
-          lineNumber: 632,
+          lineNumber: 643,
           columnNumber: 9
         });
       }
     }, {
       fileName: import.meta.url,
-      lineNumber: 631,
+      lineNumber: 642,
       columnNumber: 7
     }));
     await collector.waitForRender();
@@ -763,12 +762,12 @@ describe("debugger:info", () => {
 
 describe("null vs undefined contract", () => {
   it("nullable fields arrive as null (not undefined or missing)", async () => {
-    const collector = await createMessageCollector(socket, ["render"]);
+    const collector = await createMessageCollector(socket, ["render", "components"]);
     await renderAsync(_$createComponent(Output, {
       children: "hello"
     }, {
       fileName: import.meta.url,
-      lineNumber: 695,
+      lineNumber: 709,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
@@ -780,11 +779,10 @@ describe("null vs undefined contract", () => {
     expect(root.parent_id).toBeNull();
     expect("parent_id" in root).toBe(true);
 
-    // Component node: value should be null, not undefined
-    const component = messages.find(m => m.type === "render:node_added" && m.kind === "component");
+    // Component facts are not render nodes.
+    const component = messages.find(m => m.type === "component:added" && m.name === "Output");
     expect(component).toBeDefined();
-    expect(component.value).toBeNull();
-    expect("value" in component).toBe(true);
+    expect(component.parent_id).toBeNull();
 
     // source_file is nullable
     expect("source_file" in root).toBe(true);
@@ -795,7 +793,7 @@ describe("null vs undefined contract", () => {
       children: "hello"
     }, {
       fileName: import.meta.url,
-      lineNumber: 723,
+      lineNumber: 736,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();
@@ -822,7 +820,7 @@ describe("seq ordering", () => {
       children: "hello"
     }, {
       fileName: import.meta.url,
-      lineNumber: 748,
+      lineNumber: 761,
       columnNumber: 23
     }));
     const messages = await collector.waitForRender();