sibujs 1.1.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 {
@@ -582,11 +595,11 @@ function bindChildNode(placeholder, getter) {
       if (_isDev5) devWarn(`bindChildNode: getter threw: ${err instanceof Error ? err.message : String(err)}`);
       return;
     }
-    for (let i = 0; i < lastNodes.length; i++) {
-      const node = lastNodes[i];
-      if (node.parentNode) node.parentNode.removeChild(node);
-    }
     if (result == null || typeof result === "boolean") {
+      for (let i = 0; i < lastNodes.length; i++) {
+        const node = lastNodes[i];
+        if (node.parentNode) node.parentNode.removeChild(node);
+      }
       lastNodes.length = 0;
       return;
     }
@@ -595,24 +608,46 @@ function bindChildNode(placeholder, getter) {
       lastNodes.length = 0;
       return;
     }
-    const anchor = placeholder.nextSibling;
-    let count = 0;
+    let newNodes;
     if (Array.isArray(result)) {
-      if (lastNodes.length < result.length) lastNodes = new Array(result.length);
+      newNodes = [];
       for (let i = 0; i < result.length; i++) {
         const item = result[i];
         if (item == null || typeof item === "boolean") continue;
-        const node = item instanceof Node ? item : document.createTextNode(String(item));
-        parent.insertBefore(node, anchor);
-        lastNodes[count++] = node;
+        newNodes.push(item instanceof Node ? item : document.createTextNode(String(item)));
       }
     } else {
-      if (lastNodes.length < 1) lastNodes = [null];
       const node = result instanceof Node ? result : document.createTextNode(String(result));
-      parent.insertBefore(node, anchor);
-      lastNodes[count++] = node;
+      newNodes = [node];
+    }
+    const reused = lastNodes.length > 0 && newNodes.length > 0 ? /* @__PURE__ */ new Set() : void 0;
+    if (reused) {
+      for (let i = 0; i < newNodes.length; i++) {
+        for (let j = 0; j < lastNodes.length; j++) {
+          if (newNodes[i] === lastNodes[j]) {
+            reused.add(newNodes[i]);
+            break;
+          }
+        }
+      }
     }
-    lastNodes.length = count;
+    for (let i = 0; i < lastNodes.length; i++) {
+      const node = lastNodes[i];
+      if (reused?.has(node)) continue;
+      if (node.parentNode) node.parentNode.removeChild(node);
+    }
+    const anchor = placeholder.nextSibling;
+    for (let i = 0; i < newNodes.length; i++) {
+      const node = newNodes[i];
+      if (reused?.has(node) && node.parentNode === parent) {
+        if (node.nextSibling !== anchor) {
+          parent.insertBefore(node, anchor);
+        }
+      } else {
+        parent.insertBefore(node, anchor);
+      }
+    }
+    lastNodes = newNodes;
   }
   return track(commit);
 }
@@ -759,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;
   }
@@ -777,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) {
@@ -802,12 +841,18 @@ var tagFactory = (tag, ns) => (first, second) => {
       // already handled above / below
       default: {
         const value = props[key];
-        if (value == null || value === false) continue;
+        if (value == null) continue;
         if (key[0] === "o" && key[1] === "n") continue;
         if (typeof value === "function") {
           registerDisposer(el, bindAttribute(el, key, value));
-        } else if (value === true) {
-          el.setAttribute(key, "");
+        } else if (typeof value === "boolean") {
+          if (key in el && (key === "checked" || key === "disabled" || key === "selected")) {
+            el[key] = value;
+          } else if (value) {
+            el.setAttribute(key, "");
+          } else {
+            el.removeAttribute(key);
+          }
         } else {
           const str = String(value);
           el.setAttribute(key, isUrlAttribute(key) ? sanitizeUrl(str) : str);

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-EVCZO745.js";
+} from "./chunk-BTU3TJDS.js";
 import "./chunk-K5ZUMYVS.js";
-import "./chunk-WADYRCO2.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,