@wcstack/devtools 3.3.0 → 3.5.0

package/dist/index.d.ts

@@ -196,6 +196,10 @@ type DevtoolsEventLike = {
     readonly type: "state:watch-chain-limit";
     readonly maxDepth: number;
     readonly paths: readonly string[];
+} | {
+    readonly type: "state:render-chain-limit";
+    readonly maxDepth: number;
+    readonly paths: readonly string[];
 } | {
     readonly type: "state:watch-fired";
     readonly path: string;
@@ -305,7 +309,7 @@ interface IDevtoolsHookRegistryLike {
  * sources / roster / wiring をクリアし、残留参照を持たない。
  */
 
-type TimelineKind = "write" | "batch" | "command" | "event" | "element-registered" | "element-unregistered" | "watch-error" | "watch-chain-limit" | "path-unresolved" | "binding-apply-error" | "propagation-suppressed" | "propagation-coalesced" | "propagation-hop-limit" | "contract-drift";
+type TimelineKind = "write" | "batch" | "command" | "event" | "element-registered" | "element-unregistered" | "watch-error" | "watch-chain-limit" | "render-chain-limit" | "path-unresolved" | "binding-apply-error" | "propagation-suppressed" | "propagation-coalesced" | "propagation-hop-limit" | "contract-drift";
 interface ITimelineEntry {
     readonly seq: number;
     readonly time: number;

package/dist/index.esm.js

@@ -863,6 +863,17 @@ class DevtoolsCore {
                 });
                 return;
             }
+            case "state:render-chain-limit": {
+                // 描画の循環（#338）。watch-chain-limit と同じくバッチ単位の打ち切りなので同じ形で並べる
+                this._appendTimeline({
+                    sourceId,
+                    kind: "render-chain-limit",
+                    label: `depth > ${event.maxDepth}`,
+                    detail: event.paths.join(", "),
+                    subscriberCount: null,
+                });
+                return;
+            }
             case "state:path-unresolved": {
                 // ランタイムは warn で続行する（既存ページを止めないため）。lint を
                 // 走らせていない相手には、ここが「配線が死んでいる」唯一の可視面になる。
@@ -2011,6 +2022,11 @@ class WcsDevtools extends HTMLElement {
                 ? "a $watch or $scan failure (read, handler, fold or write — see the phase in the detail); the runtime isolated it (console.error only)"
                 : "a $watch write chain hit the depth limit and was cut off";
         }
+        // 描画の循環の打ち切り（#338）もランタイムは console に出すだけで続行する（バッチの binding は未適用）
+        if (entry.kind === "render-chain-limit") {
+            kind.classList.add("warn");
+            kind.title = "writes made while rendering kept starting new batches; the chain hit the depth limit and this batch was not rendered";
+        }
         // 配線の死（解決しないパス）と隔離された適用失敗も、ランタイムが console に
         // 出すだけで続行する ＝ 見ていなければ気づけない種類なので warn に乗せる。
         if (entry.kind === "path-unresolved" || entry.kind === "binding-apply-error") {