sibujs 1.0.0-beta.1

package/dist/chunk-JIIFW636.js

@@ -0,0 +1,270 @@
+import {
+  bindAttribute,
+  sanitizeAttribute
+} from "./chunk-ETMEC6FH.js";
+import {
+  devWarn
+} from "./chunk-MJNB47HB.js";
+import {
+  track
+} from "./chunk-M5GNLDEO.js";
+
+// src/core/rendering/dispose.ts
+var elementDisposers = /* @__PURE__ */ new WeakMap();
+var activeBindingCount = 0;
+function registerDisposer(node, teardown) {
+  let disposers = elementDisposers.get(node);
+  if (!disposers) {
+    disposers = [];
+    elementDisposers.set(node, disposers);
+  }
+  disposers.push(teardown);
+  activeBindingCount++;
+}
+function dispose(node) {
+  const children = node.childNodes;
+  for (const child of children) {
+    dispose(child);
+  }
+  const disposers = elementDisposers.get(node);
+  if (disposers) {
+    activeBindingCount -= disposers.length;
+    for (const d of disposers) d();
+    elementDisposers.delete(node);
+  }
+}
+function checkLeaks(warnThreshold = 0) {
+  if (activeBindingCount > warnThreshold) {
+    devWarn(
+      `checkLeaks: ${activeBindingCount} active DOM bindings detected. Expected \u2264${warnThreshold}. This may indicate a component was removed from the DOM without calling dispose().`
+    );
+  }
+  return activeBindingCount;
+}
+
+// src/reactivity/bindChildNode.ts
+function bindChildNode(placeholder, getter) {
+  let lastNodes = [];
+  function commit() {
+    let result;
+    try {
+      result = getter();
+    } catch {
+      return;
+    }
+    for (const node of lastNodes) {
+      node.parentNode?.removeChild(node);
+    }
+    lastNodes = [];
+    if (result == null) return;
+    const parent = placeholder.parentNode;
+    if (!parent) return;
+    const anchor = placeholder.nextSibling;
+    const newNodes = [];
+    const insertItem = (item) => {
+      const node = item instanceof Node ? item : document.createTextNode(String(item));
+      parent.insertBefore(node, anchor);
+      newNodes.push(node);
+    };
+    if (Array.isArray(result)) {
+      for (const item of result) insertItem(item);
+    } else {
+      insertItem(result);
+    }
+    lastNodes = newNodes;
+  }
+  return track(commit);
+}
+
+// src/core/rendering/tagFactory.ts
+var SVG_NS = "http://www.w3.org/2000/svg";
+var kebabCache = /* @__PURE__ */ new Map();
+function toKebab(prop) {
+  let cached = kebabCache.get(prop);
+  if (cached !== void 0) return cached;
+  cached = prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
+  kebabCache.set(prop, cached);
+  return cached;
+}
+function applyStyle(el, style) {
+  if (!style) return;
+  if (typeof style === "function") {
+    const teardown = track(() => {
+      el.setAttribute("style", style());
+    });
+    registerDisposer(el, teardown);
+    return;
+  }
+  if (typeof style === "string") {
+    el.setAttribute("style", style);
+    return;
+  }
+  const htmlEl = el;
+  for (const prop in style) {
+    const val = style[prop];
+    const name = toKebab(prop);
+    if (typeof val === "function") {
+      const getter = val;
+      const teardown = track(() => {
+        htmlEl.style.setProperty(name, String(getter()));
+      });
+      registerDisposer(el, teardown);
+    } else {
+      htmlEl.style.setProperty(name, String(val));
+    }
+  }
+}
+function applyClass(el, cls) {
+  if (cls == null) return;
+  if (typeof cls === "string") {
+    el.setAttribute("class", cls);
+    return;
+  }
+  if (typeof cls === "function") {
+    const getter = cls;
+    const teardown = track(() => {
+      el.setAttribute("class", getter());
+    });
+    registerDisposer(el, teardown);
+    return;
+  }
+  if (typeof cls === "object") {
+    const obj = cls;
+    let hasReactive = false;
+    for (const name in obj) {
+      if (typeof obj[name] === "function") {
+        hasReactive = true;
+        break;
+      }
+    }
+    if (hasReactive) {
+      const update = () => {
+        let result = "";
+        for (const name in obj) {
+          const val = obj[name];
+          const active = typeof val === "function" ? val() : val;
+          if (active) result = result ? `${result} ${name}` : name;
+        }
+        el.setAttribute("class", result);
+      };
+      const teardown = track(update);
+      registerDisposer(el, teardown);
+    } else {
+      let result = "";
+      for (const name in obj) {
+        if (obj[name]) result = result ? `${result} ${name}` : name;
+      }
+      el.setAttribute("class", result);
+    }
+  }
+}
+function renderChild(child) {
+  if (child == null) {
+    return document.createTextNode("");
+  }
+  if (child instanceof Node) {
+    return child;
+  }
+  return document.createTextNode(String(child));
+}
+function appendOneChild(el, child) {
+  if (typeof child === "function") {
+    const placeholder = document.createComment("bind:child");
+    el.appendChild(placeholder);
+    const teardown = bindChildNode(placeholder, child);
+    registerDisposer(el, teardown);
+  } else {
+    el.appendChild(renderChild(child));
+  }
+}
+function appendChildren(el, nodes) {
+  if (Array.isArray(nodes)) {
+    for (let i = 0; i < nodes.length; i++) {
+      const c = nodes[i];
+      if (Array.isArray(c)) {
+        for (let j = 0; j < c.length; j++) {
+          appendOneChild(el, c[j]);
+        }
+      } else {
+        appendOneChild(el, c);
+      }
+    }
+  } else {
+    appendOneChild(el, nodes);
+  }
+}
+function isTagProps(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) && !(value instanceof Node);
+}
+var tagFactory = (tag, ns) => (
+  // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: complex by nature
+  (first, second) => {
+    let props;
+    if (first === void 0) {
+      props = {};
+    } else if (isTagProps(first)) {
+      props = first;
+    } else if (second !== void 0) {
+      props = { class: first, nodes: second };
+    } else {
+      props = { nodes: first };
+    }
+    const el = ns ? document.createElementNS(ns, tag) : document.createElement(tag);
+    for (const key in props) {
+      const value = props[key];
+      if (value == null) continue;
+      switch (key) {
+        case "id":
+          el.id = value;
+          break;
+        case "class":
+          applyClass(el, value);
+          break;
+        case "style":
+          applyStyle(el, value);
+          break;
+        case "ref":
+          if (value && typeof value === "object" && "current" in value) {
+            value.current = el;
+          }
+          break;
+        case "on": {
+          const handlers = value;
+          const eventNames = [];
+          for (const ev in handlers) {
+            el.addEventListener(ev, handlers[ev]);
+            eventNames.push(ev);
+          }
+          if (eventNames.length) {
+            el.__sibu_events__ = eventNames;
+          }
+          break;
+        }
+        case "nodes":
+          appendChildren(el, value);
+          break;
+        default:
+          if (key.toLowerCase().startsWith("on")) break;
+          if (typeof value === "function") {
+            const teardown = bindAttribute(el, key, value);
+            registerDisposer(el, teardown);
+          } else if (typeof value === "boolean") {
+            if (value) el.setAttribute(key, "");
+            else el.removeAttribute(key);
+          } else {
+            el.setAttribute(key, sanitizeAttribute(key, String(value)));
+          }
+      }
+    }
+    return el;
+  }
+);
+
+export {
+  bindChildNode,
+  registerDisposer,
+  dispose,
+  checkLeaks,
+  SVG_NS,
+  tagFactory
+};