sibujs 1.2.0 → 1.4.0

package/dist/devtools.cjs

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var devtools_exports = {};
 __export(devtools_exports, {
   SibuError: () => SibuError,
+  captureSignalGraph: () => captureSignalGraph,
   checkLeaks: () => checkLeaks,
   clearDebugValues: () => clearDebugValues,
   clearHMRState: () => clearHMRState,
@@ -29,9 +30,11 @@ __export(devtools_exports, {
   createErrorReporter: () => createErrorReporter,
   createHMRBoundary: () => createHMRBoundary,
   createProfiler: () => createProfiler,
+  createTraceProfiler: () => createTraceProfiler,
   debugLog: () => debugLog,
   debugValue: () => debugValue,
   devState: () => devState,
+  diffSignalGraphs: () => diffSignalGraphs,
   disableDebug: () => disableDebug,
   enableDebug: () => enableDebug,
   formatError: () => formatError,
@@ -1411,9 +1414,126 @@ function walkDependencyGraph(getter, maxDepth = 10) {
     downstream
   };
 }
+
+// src/devtools/signalGraph.ts
+function getHook() {
+  if (!isDev()) return null;
+  const g = globalThis;
+  return g.__SIBU_DEVTOOLS_GLOBAL_HOOK__ ?? null;
+}
+function captureSignalGraph() {
+  const hook = getHook();
+  if (!hook || typeof hook.getSignalNodes !== "function") {
+    return { capturedAt: Date.now(), nodes: [], edgeCount: 0 };
+  }
+  const nodes = [];
+  let edgeCount = 0;
+  for (const n of hook.getSignalNodes()) {
+    nodes.push({
+      id: n.id,
+      name: n.name,
+      kind: n.kind,
+      value: n.value,
+      subscribers: [...n.subscribers],
+      dependencies: [...n.dependencies],
+      evalCount: n.evalCount
+    });
+    edgeCount += n.dependencies.length;
+  }
+  return { capturedAt: Date.now(), nodes, edgeCount };
+}
+function diffSignalGraphs(before, after) {
+  const beforeById = new Map(before.nodes.map((n) => [n.id, n]));
+  const afterById = new Map(after.nodes.map((n) => [n.id, n]));
+  const added = [];
+  const removed = [];
+  const reevaluated = [];
+  for (const [id, node] of afterById) {
+    if (!beforeById.has(id)) {
+      added.push(node);
+      continue;
+    }
+    const prev = beforeById.get(id);
+    if (prev && prev.evalCount !== node.evalCount) reevaluated.push(node);
+  }
+  for (const [id, node] of beforeById) {
+    if (!afterById.has(id)) removed.push(node);
+  }
+  return { added, removed, reevaluated };
+}
+function createTraceProfiler() {
+  const events = [];
+  const hook = getHook();
+  if (!hook) {
+    return {
+      stop: () => events,
+      stopTrace: () => JSON.stringify({ traceEvents: events }),
+      isRecording: () => false
+    };
+  }
+  const start = typeof performance !== "undefined" ? performance.now() : Date.now();
+  let recording = true;
+  const onEffectStart = (payload) => {
+    if (!recording) return;
+    const now = (typeof performance !== "undefined" ? performance.now() : Date.now()) - start;
+    const label = payload.name ?? "effect";
+    events.push({
+      name: label,
+      cat: "effect",
+      ph: "B",
+      ts: Math.floor(now * 1e3),
+      tid: 0,
+      pid: 0
+    });
+  };
+  const onEffectEnd = (payload) => {
+    if (!recording) return;
+    const now = (typeof performance !== "undefined" ? performance.now() : Date.now()) - start;
+    const label = payload.name ?? "effect";
+    events.push({
+      name: label,
+      cat: "effect",
+      ph: "E",
+      ts: Math.floor(now * 1e3),
+      tid: 0,
+      pid: 0
+    });
+  };
+  const onSignalSet = (payload) => {
+    if (!recording) return;
+    const now = (typeof performance !== "undefined" ? performance.now() : Date.now()) - start;
+    const label = payload.name ?? "signal";
+    events.push({
+      name: label,
+      cat: "signal",
+      ph: "I",
+      ts: Math.floor(now * 1e3),
+      tid: 0,
+      pid: 0,
+      args: payload.args
+    });
+  };
+  const offStart = hook.on("effect:start", onEffectStart);
+  const offEnd = hook.on("effect:end", onEffectEnd);
+  const offSet = hook.on("signal:set", onSignalSet);
+  function stop() {
+    if (!recording) return events;
+    recording = false;
+    offStart();
+    offEnd();
+    offSet();
+    return events;
+  }
+  function stopTrace() {
+    stop();
+    return JSON.stringify({ traceEvents: events, displayTimeUnit: "ms" });
+  }
+  return { stop, stopTrace, isRecording: () => recording };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   SibuError,
+  captureSignalGraph,
   checkLeaks,
   clearDebugValues,
   clearHMRState,
@@ -1422,9 +1542,11 @@ function walkDependencyGraph(getter, maxDepth = 10) {
   createErrorReporter,
   createHMRBoundary,
   createProfiler,
+  createTraceProfiler,
   debugLog,
   debugValue,
   devState,
+  diffSignalGraphs,
   disableDebug,
   enableDebug,
   formatError,