sibujs 1.0.2 → 1.0.3

package/dist/chunk-DEQLPROY.js

@@ -1,1094 +0,0 @@
-import {
-  effect
-} from "./chunk-3GZTRYSY.js";
-import {
-  signal
-} from "./chunk-QZWTKX5K.js";
-
-// src/devtools/debug.ts
-var debugEnabled = false;
-var perfMarks = /* @__PURE__ */ new Map();
-function enableDebug() {
-  debugEnabled = true;
-  console.log("[SibuJS] Debug mode enabled");
-}
-function disableDebug() {
-  debugEnabled = false;
-}
-function isDebugEnabled() {
-  return debugEnabled;
-}
-function debugLog(component, action, data) {
-  if (!debugEnabled) return;
-  console.log(`[SibuJS:${component}] ${action}`, data !== void 0 ? data : "");
-}
-function perfTracker(label) {
-  if (!perfMarks.has(label)) {
-    perfMarks.set(label, []);
-  }
-  let startTime = 0;
-  function startMeasure2() {
-    startTime = globalThis.performance.now();
-  }
-  function endMeasure() {
-    const elapsed = globalThis.performance.now() - startTime;
-    perfMarks.get(label)?.push(elapsed);
-    if (debugEnabled) {
-      debugLog("Perf", `${label}: ${elapsed.toFixed(2)}ms`);
-    }
-    return elapsed;
-  }
-  function getAverageTime() {
-    const times = perfMarks.get(label) || [];
-    if (times.length === 0) return 0;
-    return times.reduce((a, b) => a + b, 0) / times.length;
-  }
-  function getRenderCount() {
-    return (perfMarks.get(label) || []).length;
-  }
-  return { startMeasure: startMeasure2, endMeasure, getAverageTime, getRenderCount };
-}
-function measureRender(label, component) {
-  const perf = perfTracker(label);
-  return (props) => {
-    perf.startMeasure();
-    const el = component(props);
-    perf.endMeasure();
-    return el;
-  };
-}
-function getPerformanceReport() {
-  const report = {};
-  for (const [label, times] of perfMarks) {
-    if (times.length === 0) continue;
-    report[label] = {
-      count: times.length,
-      average: times.reduce((a, b) => a + b, 0) / times.length,
-      min: Math.min(...times),
-      max: Math.max(...times),
-      total: times.reduce((a, b) => a + b, 0)
-    };
-  }
-  return report;
-}
-function clearPerformanceData() {
-  perfMarks.clear();
-}
-var trackedCleanups = /* @__PURE__ */ new Map();
-function trackCleanup(component, cleanup) {
-  if (!trackedCleanups.has(component)) {
-    trackedCleanups.set(component, []);
-  }
-  trackedCleanups.get(component)?.push(cleanup);
-}
-function runCleanups(component) {
-  const cleanups = trackedCleanups.get(component);
-  if (cleanups) {
-    for (const cleanup of cleanups) {
-      try {
-        cleanup();
-      } catch {
-      }
-    }
-    trackedCleanups.delete(component);
-  }
-}
-function checkLeaks() {
-  const leaks = {};
-  for (const [component, cleanups] of trackedCleanups) {
-    if (cleanups.length > 0) {
-      leaks[component] = cleanups.length;
-    }
-  }
-  if (debugEnabled && Object.keys(leaks).length > 0) {
-    console.warn("[SibuJS] Potential memory leaks detected:", leaks);
-  }
-  return leaks;
-}
-
-// src/devtools/devtools.ts
-function createGlobalHook() {
-  const listeners = /* @__PURE__ */ new Map();
-  const events = [];
-  const nodes = /* @__PURE__ */ new Map();
-  const components = /* @__PURE__ */ new Map();
-  return {
-    on(event, fn) {
-      let set = listeners.get(event);
-      if (!set) {
-        set = /* @__PURE__ */ new Set();
-        listeners.set(event, set);
-      }
-      set.add(fn);
-    },
-    off(event, fn) {
-      listeners.get(event)?.delete(fn);
-    },
-    emit(event, payload) {
-      events.push({ event, payload, ts: Date.now() });
-      if (events.length > 2e3) events.splice(0, events.length - 2e3);
-      const set = listeners.get(event);
-      if (set)
-        for (const fn of set)
-          try {
-            fn(payload);
-          } catch {
-          }
-    },
-    nodes,
-    components,
-    events,
-    connected: false,
-    sibuVersion: "1.0.0"
-  };
-}
-function getOrCreateHook() {
-  const g = globalThis;
-  if (!g.__SIBU_DEVTOOLS_GLOBAL_HOOK__) {
-    g.__SIBU_DEVTOOLS_GLOBAL_HOOK__ = createGlobalHook();
-  }
-  return g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-}
-var activeDevTools = null;
-var nextNodeId = 0;
-function getActiveDevTools() {
-  return activeDevTools;
-}
-function initDevTools(config) {
-  const maxEvents = config?.maxEvents ?? 1e3;
-  const enabled = config?.enabled ?? true;
-  if (!enabled) return createNoopApi();
-  const hook = getOrCreateHook();
-  nextNodeId = 0;
-  const eventLog = [];
-  hook.on("signal:create", (payload) => {
-    const p = payload;
-    nextNodeId++;
-    const name = inferName();
-    const node = {
-      id: nextNodeId,
-      type: "signal",
-      name,
-      ref: p.signal,
-      getter: p.getter,
-      createdAt: Date.now()
-    };
-    hook.nodes.set(nextNodeId, node);
-  });
-  hook.on("signal:update", (payload) => {
-    if (!isActive) return;
-    const p = payload;
-    if (devStateManagedRefs.has(p.signal)) return;
-    const node = findNodeByRef(hook, p.signal);
-    pushEvent(eventLog, maxEvents, {
-      type: "state-change",
-      component: node?.name || "unknown",
-      key: "value",
-      oldValue: p.oldValue,
-      newValue: p.newValue,
-      timestamp: Date.now()
-    });
-  });
-  hook.on("computed:create", (payload) => {
-    const p = payload;
-    nextNodeId++;
-    const name = inferName();
-    const node = {
-      id: nextNodeId,
-      type: "computed",
-      name,
-      ref: p.signal,
-      getter: p.getter,
-      createdAt: Date.now()
-    };
-    hook.nodes.set(nextNodeId, node);
-  });
-  hook.on("computed:update", (payload) => {
-    const p = payload;
-    const node = findNodeByRef(hook, p.signal);
-    pushEvent(eventLog, maxEvents, {
-      type: "state-change",
-      component: node?.name || "computed",
-      key: "value",
-      oldValue: p.oldValue,
-      newValue: p.newValue,
-      timestamp: Date.now()
-    });
-  });
-  hook.on("effect:create", (payload) => {
-    nextNodeId++;
-    const name = inferName();
-    const p = payload;
-    const node = { id: nextNodeId, type: "effect", name, ref: p.effectFn, createdAt: Date.now() };
-    hook.nodes.set(nextNodeId, node);
-  });
-  hook.on("effect:run", (payload) => {
-    const p = payload;
-    const node = findNodeByRef(hook, p.effectFn);
-    pushEvent(eventLog, maxEvents, {
-      type: "render",
-      component: node?.name || "effect",
-      duration: 0,
-      timestamp: Date.now()
-    });
-  });
-  hook.on("app:init", (payload) => {
-    const p = payload;
-    pushEvent(eventLog, maxEvents, {
-      type: "render",
-      component: "App",
-      duration: p.duration,
-      timestamp: Date.now()
-    });
-    if (typeof document !== "undefined") {
-      queueMicrotask(() => discoverComponents(hook, eventLog, maxEvents));
-    }
-  });
-  function record(event) {
-    if (isActive) pushEvent(eventLog, maxEvents, event);
-  }
-  function getEvents(filter) {
-    if (!filter) return eventLog.slice();
-    return eventLog.filter((e) => {
-      if (filter.type && e.type !== filter.type) return false;
-      if (filter.component && e.component !== filter.component) return false;
-      return true;
-    });
-  }
-  function clearEvents() {
-    eventLog.length = 0;
-  }
-  function registerComponent(name, element, state) {
-    hook.components.set(name, { element, state });
-  }
-  function unregisterComponent(name) {
-    hook.components.delete(name);
-  }
-  function getComponents() {
-    return new Map(hook.components);
-  }
-  function getSignals() {
-    const result = [];
-    for (const [, node] of hook.nodes) {
-      let value;
-      try {
-        if (node.getter) value = node.getter();
-        else if (node.ref && "value" in node.ref) value = node.ref.value;
-        else value = void 0;
-      } catch {
-        value = "<error>";
-      }
-      const subs = node.ref?.__s;
-      result.push({
-        id: node.id,
-        name: node.name,
-        type: node.type,
-        value,
-        subscriberCount: subs instanceof Set ? subs.size : 0
-      });
-    }
-    return result;
-  }
-  let isActive = enabled;
-  function isEnabled() {
-    return isActive;
-  }
-  function setEnabled(v) {
-    isActive = v;
-  }
-  function snapshot() {
-    const snap = {};
-    for (const [name, entry] of hook.components) snap[name] = entry.state ? { ...entry.state } : {};
-    return snap;
-  }
-  function highlightElement(name) {
-    const prev = document.querySelector("[data-sibu-highlight]");
-    if (prev) {
-      prev.style.outline = "";
-      prev.removeAttribute("data-sibu-highlight");
-    }
-    const entry = hook.components.get(name);
-    if (entry?.element?.isConnected) {
-      entry.element.style.outline = "2px solid #89b4fa";
-      entry.element.setAttribute("data-sibu-highlight", "true");
-      entry.element.scrollIntoView({ behavior: "smooth", block: "center" });
-      setTimeout(() => {
-        entry.element.style.outline = "";
-        entry.element.removeAttribute("data-sibu-highlight");
-      }, 3e3);
-    }
-  }
-  function destroy() {
-    eventLog.length = 0;
-    hook.nodes.clear();
-    hook.components.clear();
-    hook.events.length = 0;
-    isActive = false;
-    activeDevTools = null;
-    const g = globalThis;
-    if (g.__SIBU_DEVTOOLS__ === api) delete g.__SIBU_DEVTOOLS__;
-    if (g.__SIBU_DEVTOOLS_GLOBAL_HOOK__ === hook) delete g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-  }
-  const api = {
-    record,
-    getEvents,
-    clearEvents,
-    registerComponent,
-    unregisterComponent,
-    getComponents,
-    getSignals,
-    isEnabled,
-    setEnabled,
-    snapshot,
-    highlightElement,
-    destroy
-  };
-  if (typeof window !== "undefined") {
-    window.__SIBU_DEVTOOLS__ = api;
-    let changeVersion = 0;
-    const origPush = eventLog.push.bind(eventLog);
-    eventLog.push = (...args) => {
-      changeVersion++;
-      return origPush(...args);
-    };
-    const origNodeSet = hook.nodes.set.bind(hook.nodes);
-    hook.nodes.set = (k, v) => {
-      changeVersion++;
-      return origNodeSet(k, v);
-    };
-    const origCompSet = hook.components.set.bind(hook.components);
-    hook.components.set = (k, v) => {
-      changeVersion++;
-      return origCompSet(k, v);
-    };
-    window.__SIBU_DEVTOOLS_VERSION__ = () => changeVersion;
-    window.__SIBU_DEVTOOLS_DATA__ = () => {
-      const sArr = [];
-      for (const [, node] of hook.nodes) {
-        let val = "";
-        try {
-          let raw;
-          if (node.type === "signal" && node.ref && "value" in node.ref) {
-            raw = node.ref.value;
-          } else if (node.type === "computed" && node.ref) {
-            if (node.ref._d && node.ref._g) {
-              try {
-                raw = node.ref._g();
-              } catch {
-                raw = node.ref._v;
-              }
-            } else {
-              raw = node.ref._v;
-            }
-          } else if (node.type === "effect") {
-            raw = void 0;
-          } else if (node.ref && "value" in node.ref) {
-            raw = node.ref.value;
-          }
-          if (raw === void 0) val = "undefined";
-          else if (raw === null) val = "null";
-          else if (typeof raw === "object") val = JSON.stringify(raw);
-          else val = String(raw);
-        } catch {
-          val = "?";
-        }
-        const fullVal = val;
-        const shortVal = val.length > 80 ? `${val.substring(0, 80)}...` : val;
-        const subs = node.ref?.__s;
-        sArr.push({
-          id: node.id,
-          n: node.name,
-          tp: node.type,
-          v: shortVal,
-          fv: fullVal,
-          sc: subs instanceof Set ? subs.size : 0
-        });
-      }
-      function walkElement(el, depth) {
-        if (depth > 8) return [];
-        const result = [];
-        const max = Math.min(el.children.length, 50);
-        for (let i = 0; i < max; i++) {
-          const child = el.children[i];
-          const txtParts = [];
-          for (let ti = 0; ti < child.childNodes.length; ti++) {
-            const cn = child.childNodes[ti];
-            if (cn.nodeType === 3) {
-              const t = cn.textContent?.trim();
-              if (t) txtParts.push(t);
-            } else if (cn.nodeType === 1) {
-              const el2 = cn;
-              let directTxt = "";
-              for (let ci = 0; ci < el2.childNodes.length; ci++) {
-                if (el2.childNodes[ci].nodeType === 3) {
-                  const t2 = el2.childNodes[ci].textContent?.trim();
-                  if (t2) {
-                    directTxt = t2;
-                    break;
-                  }
-                }
-              }
-              if (directTxt) txtParts.push(directTxt);
-            }
-          }
-          let txt = txtParts.join(" | ");
-          if (txt.length > 120) txt = `${txt.substring(0, 120)}...`;
-          let html = "";
-          try {
-            const outer = child.outerHTML || "";
-            html = outer.length > 500 ? `${outer.substring(0, 500)}...` : outer;
-          } catch {
-            html = "";
-          }
-          const ev = child.__sibu_events__ || [];
-          result.push({
-            tg: child.tagName ? child.tagName.toLowerCase() : "?",
-            id: child.id || "",
-            cl: (child.className || "").toString().split(" ").slice(0, 3).join(" "),
-            txt: txt.length > 60 ? `${txt.substring(0, 60)}...` : txt,
-            html,
-            ev,
-            ch: child.childElementCount > 0 ? walkElement(child, depth + 1) : []
-          });
-        }
-        return result;
-      }
-      const cArr = [];
-      for (const [name, entry] of hook.components) {
-        const el = entry.element;
-        cArr.push({
-          n: name,
-          tg: el?.tagName ? el.tagName.toLowerCase() : "?",
-          ch: el?.childElementCount || 0,
-          cn: !!el?.isConnected,
-          kids: el ? walkElement(el, 0) : []
-        });
-      }
-      const eArr = [];
-      const start = eventLog.length > 500 ? eventLog.length - 500 : 0;
-      for (let i = start; i < eventLog.length; i++) {
-        const e = eventLog[i];
-        let detail = "";
-        let ov = "";
-        let nv = "";
-        let key = "";
-        if (e.type === "state-change") {
-          const sc = e;
-          key = sc.key || "";
-          try {
-            ov = sc.oldValue === void 0 ? "undefined" : sc.oldValue === null ? "null" : typeof sc.oldValue === "object" ? JSON.stringify(sc.oldValue, null, 2) : String(sc.oldValue);
-          } catch {
-            ov = "?";
-          }
-          try {
-            nv = sc.newValue === void 0 ? "undefined" : sc.newValue === null ? "null" : typeof sc.newValue === "object" ? JSON.stringify(sc.newValue, null, 2) : String(sc.newValue);
-          } catch {
-            nv = "?";
-          }
-          const ovShort = ov.length > 40 ? `${ov.substring(0, 40)}...` : ov;
-          const nvShort = nv.length > 40 ? `${nv.substring(0, 40)}...` : nv;
-          detail = `${ovShort} \u2192 ${nvShort}`;
-        } else if (e.type === "render") {
-          detail = `${e.duration.toFixed(1)}ms`;
-        }
-        eArr.push({ t: e.type, c: e.component, ts: e.timestamp, d: detail, ov, nv, k: key });
-      }
-      return JSON.stringify({ s: sArr, c: cArr, e: eArr });
-    };
-  }
-  activeDevTools = api;
-  if (typeof document !== "undefined") {
-    const observer = new MutationObserver((mutations) => {
-      for (const m of mutations) {
-        for (const node of m.addedNodes) {
-          if (node instanceof HTMLElement) {
-            const name = node.getAttribute("data-component") || node.id;
-            if (name && !hook.components.has(name)) {
-              hook.components.set(name, { element: node });
-              pushEvent(eventLog, maxEvents, { type: "mount", component: name, element: node, timestamp: Date.now() });
-            }
-          }
-        }
-        for (const node of m.removedNodes) {
-          if (node instanceof HTMLElement) {
-            const name = node.getAttribute("data-component") || node.id;
-            if (name && hook.components.has(name)) {
-              pushEvent(eventLog, maxEvents, { type: "unmount", component: name, timestamp: Date.now() });
-              hook.components.delete(name);
-            }
-          }
-        }
-      }
-    });
-    queueMicrotask(() => {
-      if (!document.body) return;
-      observer.observe(document.body, { childList: true, subtree: true });
-      document.querySelectorAll("[data-component]").forEach((el) => {
-        const name = el.getAttribute("data-component");
-        if (!hook.components.has(name)) {
-          hook.components.set(name, { element: el });
-          pushEvent(eventLog, maxEvents, {
-            type: "mount",
-            component: name,
-            element: el,
-            timestamp: Date.now()
-          });
-        }
-      });
-      document.querySelectorAll("[id]").forEach((el) => {
-        if (el.id && !hook.components.has(el.id)) {
-          hook.components.set(el.id, { element: el });
-          pushEvent(eventLog, maxEvents, {
-            type: "mount",
-            component: el.id,
-            element: el,
-            timestamp: Date.now()
-          });
-        }
-      });
-      const semanticTags = ["section", "aside", "nav", "main", "header", "footer", "article"];
-      for (const tag of semanticTags) {
-        document.querySelectorAll(tag).forEach((el, i) => {
-          const name = el.getAttribute("data-component") || el.id || `${tag}-${i}`;
-          if (!hook.components.has(name)) {
-            hook.components.set(name, { element: el });
-            pushEvent(eventLog, maxEvents, {
-              type: "mount",
-              component: name,
-              element: el,
-              timestamp: Date.now()
-            });
-          }
-        });
-      }
-    });
-  }
-  return api;
-}
-function inferName() {
-  try {
-    const stack = new Error().stack || "";
-    for (const line of stack.split("\n")) {
-      const t = line.trim();
-      if (t.includes("signal") || t.includes("derived") || t.includes("effect") || t.includes("initDevTools") || t.includes("devtools") || t.includes("Error") || t.includes("emit") || t.includes("getOrCreateHook"))
-        continue;
-      const m = t.match(/at\s+(\w+)/);
-      if (m && m[1] !== "Object" && m[1] !== "Module" && m[1] !== "anonymous") return m[1];
-      const f = t.match(/\/([^/]+?)\.(?:ts|js|tsx|jsx)/);
-      if (f) return f[1];
-    }
-  } catch {
-  }
-  return "anonymous";
-}
-function findNodeByRef(hook, ref) {
-  for (const [, node] of hook.nodes) {
-    if (node.ref === ref) return node;
-  }
-  return void 0;
-}
-function pushEvent(log, max, event) {
-  log.push(event);
-  if (log.length > max) log.splice(0, log.length - max);
-}
-function discoverComponents(hook, log, max) {
-  if (!document.body) return;
-  document.querySelectorAll("[id]").forEach((el) => {
-    if (el.id && !hook.components.has(el.id)) {
-      hook.components.set(el.id, { element: el });
-      pushEvent(log, max, { type: "mount", component: el.id, element: el, timestamp: Date.now() });
-    }
-  });
-  document.querySelectorAll("[data-component]").forEach((el) => {
-    const name = el.getAttribute("data-component");
-    if (!hook.components.has(name)) {
-      hook.components.set(name, { element: el });
-      pushEvent(log, max, { type: "mount", component: name, element: el, timestamp: Date.now() });
-    }
-  });
-}
-function createNoopApi() {
-  const noop = () => {
-  };
-  return {
-    record: noop,
-    getEvents: () => [],
-    clearEvents: noop,
-    registerComponent: noop,
-    unregisterComponent: noop,
-    getComponents: () => /* @__PURE__ */ new Map(),
-    getSignals: () => [],
-    isEnabled: () => false,
-    setEnabled: noop,
-    snapshot: () => ({}),
-    highlightElement: noop,
-    destroy: noop
-  };
-}
-var devStateManagedRefs = /* @__PURE__ */ new WeakSet();
-function devState(name, initial) {
-  const hook = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-  const nodeCountBefore = hook ? hook.nodes.size : 0;
-  const [get, set] = signal(initial);
-  if (hook && hook.nodes.size > nodeCountBefore) {
-    const entries = Array.from(hook.nodes.values());
-    const lastNode = entries[entries.length - 1];
-    if (lastNode) {
-      lastNode.name = name;
-      if (lastNode.ref) devStateManagedRefs.add(lastNode.ref);
-    }
-  }
-  const dotIndex = name.indexOf(".");
-  const component = dotIndex !== -1 ? name.slice(0, dotIndex) : name;
-  const key = dotIndex !== -1 ? name.slice(dotIndex + 1) : name;
-  function trackedSet(next) {
-    const oldValue = get();
-    set(next);
-    const newValue = get();
-    const dt = activeDevTools;
-    if (dt?.isEnabled() && !Object.is(oldValue, newValue)) {
-      dt.record({ type: "state-change", component, key, oldValue, newValue, timestamp: Date.now() });
-    }
-  }
-  return [get, trackedSet];
-}
-
-// src/devtools/hmr.ts
-var hmrStateStore = /* @__PURE__ */ new Map();
-var hmrRegistry = /* @__PURE__ */ new Map();
-function hmrState(id, initial) {
-  const restored = hmrStateStore.has(id) ? hmrStateStore.get(id) : initial;
-  const [get, set] = signal(restored);
-  function hmrSet(next) {
-    set(next);
-    hmrStateStore.set(id, get());
-  }
-  hmrStateStore.set(id, restored);
-  return [get, hmrSet];
-}
-function registerHMR(id, component, container) {
-  const currentElement = component();
-  const entry = {
-    component,
-    container,
-    currentElement,
-    disposeCallbacks: []
-  };
-  hmrRegistry.set(id, entry);
-  if (container) {
-    container.appendChild(currentElement);
-  }
-  function update(newComponent) {
-    const reg = hmrRegistry.get(id);
-    if (!reg) return;
-    for (const cb of reg.disposeCallbacks) {
-      try {
-        cb();
-      } catch {
-      }
-    }
-    reg.disposeCallbacks.length = 0;
-    const newElement = newComponent();
-    if (reg.currentElement?.parentNode) {
-      reg.currentElement.parentNode.replaceChild(newElement, reg.currentElement);
-    }
-    reg.component = newComponent;
-    reg.currentElement = newElement;
-  }
-  function dispose() {
-    const reg = hmrRegistry.get(id);
-    if (!reg) return;
-    for (const cb of reg.disposeCallbacks) {
-      try {
-        cb();
-      } catch {
-      }
-    }
-    if (reg.currentElement?.parentNode) {
-      reg.currentElement.parentNode.removeChild(reg.currentElement);
-    }
-    hmrRegistry.delete(id);
-  }
-  return { update, dispose };
-}
-function createHMRBoundary(id) {
-  let currentElement = null;
-  let currentComponent = null;
-  const acceptCallbacks = [];
-  const disposeCallbacks = [];
-  function wrap(component) {
-    currentComponent = component;
-    const wrapper = document.createElement("div");
-    wrapper.setAttribute("data-hmr-boundary", id);
-    const element = component();
-    currentElement = element;
-    wrapper.appendChild(element);
-    hmrRegistry.set(`boundary:${id}`, {
-      component,
-      container: wrapper,
-      currentElement: element,
-      disposeCallbacks
-    });
-    return wrapper;
-  }
-  function accept(callback) {
-    if (callback) {
-      acceptCallbacks.push(callback);
-    }
-    if (typeof globalThis.__SIBU_HMR_ACCEPT__ === "function") {
-      globalThis.__SIBU_HMR_ACCEPT__(
-        id,
-        () => {
-          for (const cb of disposeCallbacks) {
-            try {
-              cb();
-            } catch {
-            }
-          }
-          disposeCallbacks.length = 0;
-          if (currentComponent && currentElement?.parentNode) {
-            const newElement = currentComponent();
-            currentElement.parentNode.replaceChild(newElement, currentElement);
-            currentElement = newElement;
-          }
-          for (const cb of acceptCallbacks) {
-            try {
-              cb();
-            } catch {
-            }
-          }
-        }
-      );
-    }
-  }
-  function disposeFn(callback) {
-    disposeCallbacks.push(callback);
-  }
-  return { wrap, accept, dispose: disposeFn };
-}
-function clearHMRState() {
-  hmrStateStore.clear();
-  hmrRegistry.clear();
-}
-function isHMRAvailable() {
-  const g = globalThis;
-  if (g.module?.hot) {
-    return true;
-  }
-  if (typeof g.__SIBU_HMR_ACCEPT__ === "function") {
-    return true;
-  }
-  if (g.module?.hot) {
-    return true;
-  }
-  return false;
-}
-
-// src/devtools/sourceMaps.ts
-var SibuError = class _SibuError extends Error {
-  constructor(message, options) {
-    super(message);
-    if (options?.cause) {
-      this.cause = options.cause;
-    }
-    this.name = "SibuError";
-    this.component = options?.component;
-    this.props = options?.props;
-    Object.setPrototypeOf(this, _SibuError.prototype);
-  }
-};
-function createErrorReporter(options) {
-  const logToConsole = options?.logToConsole ?? true;
-  const maxErrors = options?.maxErrors ?? 500;
-  const errors = [];
-  function report(error, context) {
-    let sibuError;
-    if (error instanceof SibuError) {
-      sibuError = error;
-      if (context?.component && !sibuError.component) {
-        sibuError.component = context.component;
-      }
-      if (context?.props && !sibuError.props) {
-        sibuError.props = context.props;
-      }
-    } else {
-      sibuError = new SibuError(error.message, {
-        component: context?.component,
-        props: context?.props,
-        cause: error
-      });
-      sibuError.stack = error.stack;
-    }
-    errors.push(sibuError);
-    if (errors.length > maxErrors) {
-      errors.splice(0, errors.length - maxErrors);
-    }
-    if (logToConsole) {
-      console.error(formatError(sibuError, { component: sibuError.component }));
-    }
-    if (options?.onError) {
-      try {
-        options.onError(sibuError);
-      } catch {
-      }
-    }
-  }
-  function getErrors() {
-    return errors.slice();
-  }
-  function clear() {
-    errors.length = 0;
-  }
-  function getErrorsByComponent() {
-    const map = /* @__PURE__ */ new Map();
-    for (const err of errors) {
-      const key = err.component ?? "<unknown>";
-      let list = map.get(key);
-      if (!list) {
-        list = [];
-        map.set(key, list);
-      }
-      list.push(err);
-    }
-    return map;
-  }
-  return { report, getErrors, clear, getErrorsByComponent };
-}
-function withErrorTracking(name, component, reporter) {
-  const rep = reporter ?? createErrorReporter();
-  return () => {
-    try {
-      return component();
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error(String(err));
-      rep.report(error, { component: name });
-      const fallback = document.createElement("div");
-      fallback.setAttribute("data-sibu-error", name);
-      fallback.style.cssText = "border:2px solid red;padding:12px;margin:4px;font-family:monospace;color:red;background:#fff0f0;";
-      fallback.textContent = `[SibuJS] ${name}: ${error.message}`;
-      return fallback;
-    }
-  };
-}
-function formatError(error, context) {
-  const lines = [];
-  const componentLabel = context?.component ?? (error instanceof SibuError ? error.component : void 0);
-  if (componentLabel) {
-    lines.push(`[SibuJS:${componentLabel}] ${error.name}: ${error.message}`);
-  } else {
-    lines.push(`[SibuJS] ${error.name}: ${error.message}`);
-  }
-  if (error instanceof SibuError && error.props) {
-    try {
-      lines.push(`  Props: ${JSON.stringify(error.props)}`);
-    } catch {
-      lines.push("  Props: [unserializable]");
-    }
-  }
-  if (error.stack) {
-    const rawStack = error.stack;
-    const stackStart = rawStack.indexOf("\n");
-    const stackBody = stackStart !== -1 ? rawStack.slice(stackStart) : rawStack;
-    if (componentLabel) {
-      lines.push(`  --- in <${componentLabel}> ---`);
-    }
-    lines.push(stackBody);
-  }
-  const cause = error.cause;
-  if (cause instanceof Error) {
-    lines.push("");
-    lines.push("Caused by:");
-    lines.push(formatError(cause));
-  }
-  return lines.join("\n");
-}
-
-// src/devtools/debugValue.ts
-var debugValues = [];
-function debugValue(value, formatter) {
-  const format = formatter ?? ((v) => String(v));
-  const entry = { value: void 0, label: "" };
-  debugValues.push(entry);
-  const dispose = effect(() => {
-    const resolved = value();
-    entry.value = resolved;
-    entry.label = format(resolved);
-  });
-  return () => {
-    dispose();
-    const idx = debugValues.indexOf(entry);
-    if (idx !== -1) debugValues.splice(idx, 1);
-  };
-}
-function getDebugValues() {
-  return [...debugValues];
-}
-function clearDebugValues() {
-  debugValues.length = 0;
-}
-
-// src/devtools/componentProfiler.ts
-var RECORD = /* @__PURE__ */ Symbol("profiler.record");
-function createProfiler(_name) {
-  const [renderCount, setRenderCount] = signal(0);
-  const [lastRenderTime, setLastRenderTime] = signal(0);
-  const [totalRenderTime, setTotalRenderTime] = signal(0);
-  const averageRenderTime = () => {
-    const count = renderCount();
-    if (count === 0) return 0;
-    return totalRenderTime() / count;
-  };
-  const reset = () => {
-    setRenderCount(0);
-    setLastRenderTime(0);
-    setTotalRenderTime(0);
-  };
-  const profiler = {
-    renderCount,
-    lastRenderTime,
-    averageRenderTime,
-    totalRenderTime,
-    reset,
-    [RECORD]: (elapsed) => {
-      setRenderCount((prev) => prev + 1);
-      setLastRenderTime(elapsed);
-      setTotalRenderTime((prev) => prev + elapsed);
-    }
-  };
-  return profiler;
-}
-function startMeasure(profiler) {
-  const start = performance.now();
-  return () => {
-    const elapsed = performance.now() - start;
-    const internal = profiler;
-    if (internal[RECORD]) {
-      internal[RECORD](elapsed);
-    }
-  };
-}
-
-// src/devtools/devtoolsOverlay.ts
-function createDevtoolsOverlay(options) {
-  const [enabled, setEnabled] = signal(options?.enabled ?? false);
-  const panels = [];
-  const isEnabled = () => {
-    return enabled();
-  };
-  const toggle = () => {
-    setEnabled((prev) => !prev);
-  };
-  const addPanel = (name, render) => {
-    const existing = panels.findIndex((p) => p.name === name);
-    if (existing !== -1) {
-      panels[existing] = { name, render };
-    } else {
-      panels.push({ name, render });
-    }
-  };
-  const removePanel = (name) => {
-    const index = panels.findIndex((p) => p.name === name);
-    if (index !== -1) {
-      panels.splice(index, 1);
-    }
-  };
-  const getPanels = () => {
-    return [...panels];
-  };
-  const dispose = () => {
-    panels.length = 0;
-    setEnabled(false);
-  };
-  return { isEnabled, toggle, addPanel, removePanel, getPanels, dispose };
-}
-
-// src/devtools/introspect.ts
-var SUBS = "__s";
-function getSignalName(getter) {
-  return getter.__name;
-}
-function getSubscriberCount(getter) {
-  const signal2 = getter.__signal;
-  if (!signal2) return 0;
-  const subs = signal2[SUBS];
-  return subs ? subs.size : 0;
-}
-function getDependencies(subscriberFn) {
-  const deps = subscriberFn._deps;
-  return deps ? Array.from(deps) : [];
-}
-function inspectSignal(getter) {
-  const signal2 = getter.__signal;
-  if (!signal2) return null;
-  const subs = signal2[SUBS];
-  return {
-    name: getter.__name,
-    signal: signal2,
-    subscriberCount: subs ? subs.size : 0
-  };
-}
-function walkDependencyGraph(getter, maxDepth = 10) {
-  const signal2 = getter.__signal;
-  if (!signal2 || maxDepth <= 0) {
-    return { name: getSignalName(getter), subscribers: 0, downstream: [] };
-  }
-  const subs = signal2[SUBS];
-  const downstream = [];
-  if (subs) {
-    for (const sub of subs) {
-      const subSig = sub._sig;
-      if (subSig) {
-        const subName = subSig.__name;
-        const subSubs = subSig[SUBS];
-        downstream.push({
-          name: subName,
-          subscribers: subSubs ? subSubs.size : 0,
-          downstream: []
-          // Could recurse but we keep it simple
-        });
-      }
-    }
-  }
-  return {
-    name: getSignalName(getter),
-    subscribers: subs ? subs.size : 0,
-    downstream
-  };
-}
-
-export {
-  enableDebug,
-  disableDebug,
-  isDebugEnabled,
-  debugLog,
-  perfTracker,
-  measureRender,
-  getPerformanceReport,
-  clearPerformanceData,
-  trackCleanup,
-  runCleanups,
-  checkLeaks,
-  getActiveDevTools,
-  initDevTools,
-  devState,
-  hmrState,
-  registerHMR,
-  createHMRBoundary,
-  clearHMRState,
-  isHMRAvailable,
-  SibuError,
-  createErrorReporter,
-  withErrorTracking,
-  formatError,
-  debugValue,
-  getDebugValues,
-  clearDebugValues,
-  createProfiler,
-  startMeasure,
-  createDevtoolsOverlay,
-  getSignalName,
-  getSubscriberCount,
-  getDependencies,
-  inspectSignal,
-  walkDependencyGraph
-};