sibujs 1.2.0 → 1.3.0

package/dist/devtools.js

@@ -33,14 +33,133 @@ import {
   trackCleanup,
   walkDependencyGraph,
   withErrorTracking
-} from "./chunk-7BF6TK55.js";
-import "./chunk-6SA3QQES.js";
-import "./chunk-CHJ27IGK.js";
-import "./chunk-V2XTI523.js";
-import "./chunk-UNXCEF6S.js";
-import "./chunk-MLKGABMK.js";
+} from "./chunk-77L6NL3X.js";
+import "./chunk-CHF5OHIA.js";
+import "./chunk-EUZND3CB.js";
+import "./chunk-WZSPOOER.js";
+import "./chunk-ZD6OAMTH.js";
+import {
+  isDev
+} from "./chunk-5X6PP2UK.js";
+
+// 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 };
+}
 export {
   SibuError,
+  captureSignalGraph,
   checkLeaks,
   clearDebugValues,
   clearHMRState,
@@ -49,9 +168,11 @@ export {
   createErrorReporter,
   createHMRBoundary,
   createProfiler,
+  createTraceProfiler,
   debugLog,
   debugValue,
   devState,
+  diffSignalGraphs,
   disableDebug,
   enableDebug,
   formatError,

package/dist/ecosystem.cjs

@@ -539,7 +539,20 @@ function isUrlAttribute(attr) {
 
 // src/reactivity/bindAttribute.ts
 var _isDev4 = isDev();
+function isEventHandlerAttr(name) {
+  if (name.length < 3) return false;
+  const lower = name.toLowerCase();
+  return lower[0] === "o" && lower[1] === "n" && lower.charCodeAt(2) >= 97 && lower.charCodeAt(2) <= 122;
+}
 function bindAttribute(el, attr, getter) {
+  if (isEventHandlerAttr(attr)) {
+    if (_isDev4)
+      devWarn(
+        `bindAttribute: refusing to bind event-handler attribute "${attr}". Use on:{ ${attr.slice(2)}: fn } instead.`
+      );
+    return () => {
+    };
+  }
   function commit() {
     let value;
     try {
@@ -781,16 +794,20 @@ function appendChildren(el, nodes) {
 var tagFactory = (tag, ns) => (first, second) => {
   const el = ns ? document.createElementNS(ns, tag) : document.createElement(tag);
   if (first === void 0) return el;
-  if (second === void 0 && typeof first === "string") {
+  if (typeof first === "string") {
+    if (second !== void 0) {
+      el.setAttribute("class", first);
+      appendChildren(el, second);
+      return el;
+    }
     el.textContent = first;
     return el;
   }
-  if (second !== void 0) {
-    el.setAttribute("class", first);
-    appendChildren(el, second);
+  if (typeof first === "number") {
+    el.textContent = String(first);
     return el;
   }
-  if (Array.isArray(first) || first instanceof Node) {
+  if (Array.isArray(first) || first instanceof Node || typeof first === "function") {
     appendChildren(el, first);
     return el;
   }
@@ -799,7 +816,7 @@ var tagFactory = (tag, ns) => (first, second) => {
   if (pClass != null) applyClass(el, pClass);
   const pId = props.id;
   if (pId != null) el.id = pId;
-  const pNodes = props.nodes;
+  const pNodes = second !== void 0 ? second : props.nodes;
   if (pNodes != null) appendChildren(el, pNodes);
   const pOn = props.on;
   if (pOn) {

package/dist/ecosystem.d.cts

@@ -1,5 +1,5 @@
 import { S as SibuPlugin } from './plugin-Bek4RhJY.cjs';
-import { T as TagProps } from './tagFactory-Dl8QCLga.cjs';
+import { T as TagProps } from './tagFactory-DaJ0YWX6.cjs';
 
 /** MobX autorun disposer function type. */
 type MobXReactionDisposer = () => void;

package/dist/ecosystem.d.ts

@@ -1,5 +1,5 @@
 import { S as SibuPlugin } from './plugin-Bek4RhJY.js';
-import { T as TagProps } from './tagFactory-Dl8QCLga.js';
+import { T as TagProps } from './tagFactory-DaJ0YWX6.js';
 
 /** MobX autorun disposer function type. */
 type MobXReactionDisposer = () => void;

package/dist/ecosystem.js

@@ -7,16 +7,17 @@ import {
   mobXAdapter,
   reduxAdapter,
   zustandAdapter
-} from "./chunk-OUZZEE4S.js";
+} from "./chunk-BTU3TJDS.js";
 import "./chunk-K5ZUMYVS.js";
-import "./chunk-B7SWRFUT.js";
-import "./chunk-23VV7YD3.js";
-import "./chunk-L6JRBDNS.js";
-import "./chunk-6SA3QQES.js";
-import "./chunk-CHJ27IGK.js";
-import "./chunk-V2XTI523.js";
-import "./chunk-UNXCEF6S.js";
-import "./chunk-MLKGABMK.js";
+import "./chunk-F3FA4F32.js";
+import "./chunk-PTQJDMRT.js";
+import "./chunk-NEKUBFPT.js";
+import "./chunk-CMBFNA7L.js";
+import "./chunk-CHF5OHIA.js";
+import "./chunk-EUZND3CB.js";
+import "./chunk-WZSPOOER.js";
+import "./chunk-ZD6OAMTH.js";
+import "./chunk-5X6PP2UK.js";
 export {
   antdAdapter,
   chakraAdapter,