@cmj/cellui 0.1.3

package/dist/ambient.d.ts

@@ -0,0 +1,2 @@
+import { DeepSignal } from './signal';
+export declare function ambient<T>(name: string, initialValue: T): DeepSignal<T>;

package/dist/ambient.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/bind.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cellui.js

@@ -0,0 +1,513 @@
+let v = null;
+class w {
+  _value;
+  _subscribers = /* @__PURE__ */ new Set();
+  _weakSubscribers = /* @__PURE__ */ new Set();
+  constructor(e) {
+    this._value = e;
+  }
+  get value() {
+    return v && this.track(v), this._value;
+  }
+  set value(e) {
+    if (this._value !== e) {
+      this._value = e, this._subscribers.forEach((n) => n(e));
+      for (const n of this._weakSubscribers) {
+        const t = n.ref.deref();
+        t ? n.updater(t, e) : this._weakSubscribers.delete(n);
+      }
+    }
+  }
+  subscribe(e) {
+    return this.track(e), e(this._value), () => this._subscribers.delete(e);
+  }
+  // Silent dependency registration mode for effects
+  track(e) {
+    return this._subscribers.add(e), () => this._subscribers.delete(e);
+  }
+  // Memory-safe binding for DOM nodes
+  bindNode(e, n) {
+    this._weakSubscribers.add({
+      ref: new WeakRef(e),
+      updater: n
+    }), n(e, this._value);
+  }
+}
+const S = (o) => {
+  const e = new w(o);
+  if (typeof o == "object" && o !== null) {
+    const n = /* @__PURE__ */ new Map();
+    return e.subscribe((t) => {
+      t && typeof t == "object" && n.forEach((i, r) => {
+        t[r] !== i.value && (i.value = t[r]);
+      });
+    }), new Proxy(e, {
+      get(t, i) {
+        if (i in t || typeof i == "symbol" || i === "constructor" || t.hasOwnProperty(i))
+          return Reflect.get(t, i);
+        if (!n.has(i)) {
+          const r = t.value ? t.value[i] : void 0, u = S(r), a = Object.getOwnPropertyDescriptor(w.prototype, "value").set;
+          Object.defineProperty(u, "value", {
+            get() {
+              return v && u.track(v), u._value;
+            },
+            set(s) {
+              if (u._value !== s && (a.call(u, s), t.value && typeof t.value == "object")) {
+                const d = Array.isArray(t.value) ? [...t.value] : { ...t.value };
+                d[i] = s, Object.getOwnPropertyDescriptor(w.prototype, "value").set.call(t, d);
+              }
+            }
+          }), n.set(i, u);
+        }
+        return v && n.get(i)?.track(v), n.get(i);
+      }
+    });
+  }
+  return e;
+};
+function x(o) {
+  const e = () => {
+    v = e;
+    try {
+      o();
+    } finally {
+      v = null;
+    }
+  };
+  e();
+}
+const E = /* @__PURE__ */ new Map();
+function A(o, e) {
+  return E.has(o) || E.set(o, S(e)), E.get(o);
+}
+class $ {
+  zone;
+  registry = /* @__PURE__ */ new Map();
+  constructor(e) {
+    this.zone = e;
+  }
+  connect(e, n) {
+    if (e.startsWith("global:")) {
+      const t = e.slice(7);
+      return A(t, n);
+    }
+    return this.registry.has(e) || this.registry.set(e, S(n)), this.registry.get(e);
+  }
+  // DSL Aliases
+  infuse(e, n) {
+    return this.connect(e, n);
+  }
+  extract(e) {
+    return this.connect(e);
+  }
+  destroy() {
+    this.registry.clear();
+  }
+}
+function W(o) {
+  return new $(o);
+}
+const H = {
+  track: (o) => {
+    window.dispatchEvent(
+      new CustomEvent("cellui:mount", {
+        detail: {
+          timestamp: Date.now(),
+          target: o
+        }
+      })
+    );
+  },
+  panic: (o, e) => {
+    console.error("[CellUI Shield] Fatal render error:", e);
+    const n = e instanceof Error ? e.message : String(e);
+    o.innerHTML = `
+      <div style="padding: 20px; border: 2px solid #ff4444; border-radius: 8px; background: #fff0f0; color: #ff4444; font-family: monospace;">
+        <h3 style="margin-top: 0;">CellUI Render Error</h3>
+        <pre style="white-space: pre-wrap; word-break: break-word;">${n}</pre>
+      </div>
+    `, window.dispatchEvent(
+      new CustomEvent("cellui:panic", {
+        detail: { error: e, target: o }
+      })
+    );
+  }
+}, _ = /* @__PURE__ */ new WeakMap();
+let k = null;
+function T() {
+  k || typeof window > "u" || (k = new MutationObserver((o) => {
+    for (const e of o)
+      for (const n of Array.from(e.removedNodes)) {
+        const t = _.get(n);
+        if (t && (t.forEach((i) => {
+          try {
+            i();
+          } catch (r) {
+            console.error("[CellUI] Error in onDispose callback:", r);
+          }
+        }), _.delete(n)), n.nodeType === 1 && typeof document < "u") {
+          const i = document.createTreeWalker(n, NodeFilter.SHOW_ELEMENT);
+          let r = i.nextNode();
+          for (; r; ) {
+            const u = _.get(r);
+            u && (u.forEach((a) => {
+              try {
+                a();
+              } catch (s) {
+                console.error("[CellUI] Error in onDispose callback:", s);
+              }
+            }), _.delete(r)), r = i.nextNode();
+          }
+        }
+      }
+  }), k.observe(document.body, {
+    childList: !0,
+    subtree: !0
+  }));
+}
+const y = {
+  Shield: H,
+  onDispose: (o, e) => {
+    T(), _.has(o) || _.set(o, []), _.get(o).push(e);
+  },
+  bind: (o) => ({
+    __cellui_directive: "bind",
+    signal: o
+  }),
+  initSubstrate: () => (T(), new $("__cellui_root__")),
+  Hydrator: {
+    isHydrating: !1,
+    popContext: () => null
+  },
+  dispose: (o) => {
+    const e = _.get(o);
+    e && (e.forEach((i) => i()), _.delete(o));
+    const n = document.createTreeWalker(o, NodeFilter.SHOW_ELEMENT);
+    let t = n.nextNode();
+    for (; t; ) {
+      const i = _.get(t);
+      i && (i.forEach((r) => r()), _.delete(t)), t = n.nextNode();
+    }
+    window.dispatchEvent(
+      new CustomEvent("cellui:unmount", {
+        detail: { target: o }
+      })
+    );
+  }
+}, F = y.bind;
+function V(o, ...e) {
+  const n = document.createElement("template");
+  if (y.Hydrator.isHydrating) {
+    const a = y.Hydrator.popContext();
+    return a && e.forEach((s, d) => {
+      if (typeof s == "function" && a.events.has(d)) {
+        const f = a.events.get(d), c = o[d].match(/on([a-z]+)=/);
+        c && f.addEventListener(c[1], s);
+      } else if (s && typeof s == "object" && s.__cellui_directive === "bind") {
+        const f = s.signal, c = a.binds.get(d);
+        if (c) {
+          f.bindNode(c, (h, m) => {
+            c.type === "checkbox" || c.type === "radio" ? h.checked = !!m : h.value = String(m);
+          });
+          const l = (h) => {
+            const m = h.target;
+            m.type === "checkbox" ? f.value = m.checked : f.value = m.value;
+          }, p = c.type === "checkbox" || c.type === "radio" || c.tagName === "SELECT" ? "change" : "input";
+          c.addEventListener(p, l);
+        }
+      } else if (s instanceof w) {
+        const f = a.markers.get(d);
+        if (f) {
+          const c = f.nextSibling;
+          if (c && c.nodeType === 3) {
+            const l = String(s.value);
+            c.nodeValue.length > l.length && c.splitText(l.length), s.bindNode(c, (p, h) => {
+              p.nodeValue = String(h);
+            });
+          } else {
+            const l = document.createTextNode("");
+            f.parentNode.insertBefore(l, f.nextSibling), s.bindNode(l, (p, h) => {
+              p.nodeValue = String(h);
+            });
+          }
+        }
+      } else if (typeof s == "function" && a.markers.has(d)) {
+        const f = a.markers.get(d);
+        if (f) {
+          const c = f.nextSibling;
+          if (c && c.nodeType === 3) {
+            const l = String(s());
+            c.nodeValue.length > l.length && c.splitText(l.length), x(() => {
+              c.nodeValue = String(s());
+            });
+          } else {
+            const l = document.createTextNode("");
+            f.parentNode.insertBefore(l, f.nextSibling), x(() => {
+              l.nodeValue = String(s());
+            });
+          }
+        }
+      }
+    }), null;
+  }
+  n.innerHTML = o.reduce((a, s, d) => a + s + (d < e.length ? `__nex_${d}__` : ""), "");
+  const t = n.content.cloneNode(!0);
+  t.querySelectorAll("*").forEach((a) => {
+    Array.from(a.attributes).forEach((s) => {
+      const d = s.value.match(/__nex_(\d+)__/) || s.name.match(/__nex_(\d+)__/);
+      if (d) {
+        const f = parseInt(d[1], 10), c = e[f];
+        if (typeof c == "function" && s.name.startsWith("on")) {
+          const l = s.name.slice(2).toLowerCase();
+          a.addEventListener(l, c), a.removeAttribute(s.name);
+        } else if (c && typeof c == "object" && c.__cellui_directive === "bind") {
+          const l = c.signal, p = a.getAttribute("type");
+          p === "checkbox" || p === "radio" ? l.bindNode(a, (m, g) => {
+            m.checked = !!g;
+          }) : l.bindNode(a, (m, g) => {
+            m.value = String(g);
+          });
+          const h = p === "checkbox" || p === "radio" || a.tagName === "SELECT" ? "change" : "input";
+          a.addEventListener(h, (m) => {
+            const g = m.target;
+            p === "checkbox" ? l.value = g.checked : l.value = g.value;
+          }), a.removeAttribute(s.name);
+        } else if (c instanceof w) {
+          const l = s.name;
+          c.bindNode(a, (p, h) => {
+            p.setAttribute(l, String(h));
+          });
+        } else
+          a.setAttribute(s.name, s.value.replace(/__nex_\d+__/, String(c)));
+      }
+    });
+  });
+  const r = document.createTreeWalker(
+    t,
+    4
+    /* NodeFilter.SHOW_TEXT */
+  );
+  let u = r.nextNode();
+  for (; u; ) {
+    const a = u.nodeValue?.match(/__nex_(\d+)__/);
+    if (a) {
+      const s = parseInt(a[1], 10), d = e[s], f = u.nodeValue.split(`__nex_${s}__`);
+      u.nodeValue = f[0];
+      const c = document.createTextNode(""), l = document.createTextNode(f.slice(1).join(`__nex_${s}__`));
+      u.parentNode.insertBefore(c, u.nextSibling), u.parentNode.insertBefore(l, c.nextSibling), d instanceof w ? d.bindNode(c, (p, h) => {
+        p.nodeValue = String(h);
+      }) : d && typeof d == "object" && d.__cellui_directive === "bind" ? c.nodeValue = "" : typeof d == "function" ? x(() => {
+        c.nodeValue = String(d());
+      }) : d instanceof Node ? c.replaceWith(d) : c.nodeValue = String(d), u = l;
+    } else
+      u = r.nextNode();
+  }
+  return t;
+}
+async function I(o, e) {
+  const n = typeof o == "string" ? document.querySelector(o) : o;
+  if (!n)
+    throw new Error(`[CellUI] Mount target not found: ${o}`);
+  y.initSubstrate();
+  const t = window.requestIdleCallback || ((i) => setTimeout(i, 0));
+  return new Promise((i) => {
+    t(() => {
+      try {
+        const r = e();
+        n.replaceChildren(r), y.Shield.track(n);
+      } catch (r) {
+        y.Shield.panic(n, r);
+      }
+      i(() => {
+        y.dispose(n), n.innerHTML = "";
+      });
+    });
+  });
+}
+function B(o, ...e) {
+  let n = "";
+  for (let t = 0; t < o.length; t++) {
+    let i = o[t];
+    if (t > 0 && typeof e[t - 1] == "function" && /on[a-z]+=["']?$/.test(o[t - 1]) && (i = i.replace(/^["']/, "")), t < e.length) {
+      const r = e[t];
+      if (typeof r == "function" && /on[a-z]+=["']?$/.test(i))
+        i = i.replace(/\s*on[a-z]+=["']?$/, ""), n += i + ` data-cellui-on-${t}=""`;
+      else if (n += i, r instanceof w)
+        n += `<!--cellui-marker:${t}-->${r.value}`;
+      else if (r && typeof r == "object" && r.__cellui_directive === "bind") {
+        const u = r.signal;
+        n += ` value="${u.value}" data-cellui-bind-${t}=""`;
+      } else typeof r == "function" ? n += `<!--cellui-computed-marker:${t}-->${r()}` : r && typeof r == "object" && r.__cellui_ssr_template ? n += `<!--cellui-open:${t}-->${r.html}<!--cellui-close:${t}-->` : r instanceof Array ? n += `<!--cellui-list-open:${t}-->${r.join("")}<!--cellui-list-close:${t}-->` : n += String(r);
+    } else
+      n += i;
+  }
+  return {
+    __cellui_ssr_template: !0,
+    html: n,
+    toString() {
+      return this.html;
+    }
+  };
+}
+const M = {
+  queue: [],
+  start(o) {
+    y.Hydrator.isHydrating = !0, this.queue = this.buildQueue(o), y.Hydrator.popContext = () => this.queue.shift();
+  },
+  end() {
+    y.Hydrator.isHydrating = !1, this.queue = [], y.Hydrator.popContext = () => null;
+  },
+  buildQueue(o) {
+    const e = document.createTreeWalker(o, NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_ELEMENT);
+    let n = { markers: /* @__PURE__ */ new Map(), events: /* @__PURE__ */ new Map(), binds: /* @__PURE__ */ new Map() };
+    const t = [n], i = [];
+    for (; e.nextNode(); ) {
+      const r = e.currentNode;
+      if (r.nodeType === 8) {
+        const u = r.nodeValue || "";
+        if (u.startsWith("cellui-marker:") || u.startsWith("cellui-computed-marker:"))
+          n.markers.set(parseInt(u.split(":")[1], 10), r);
+        else if (u.startsWith("cellui-open:")) {
+          const a = { markers: /* @__PURE__ */ new Map(), events: /* @__PURE__ */ new Map(), binds: /* @__PURE__ */ new Map() };
+          t.push(a), n = a;
+        } else u.startsWith("cellui-close:") && (i.push(n), t.pop(), n = t[t.length - 1]);
+      } else if (r.nodeType === 1) {
+        const u = r;
+        for (let a = 0; a < u.attributes.length; a++) {
+          const s = u.attributes[a];
+          s.name.startsWith("data-cellui-on-") ? (n.events.set(parseInt(s.name.split("-").pop(), 10), u), u.removeAttribute(s.name), a--) : s.name.startsWith("data-cellui-bind-") && (n.binds.set(parseInt(s.name.split("-").pop(), 10), u), u.removeAttribute(s.name), a--);
+        }
+      }
+    }
+    return i.push(t[0]), i;
+  }
+};
+function L(o, e) {
+  M.start(o), e(), M.end();
+}
+function D(o, e) {
+  if (typeof document > "u") {
+    const a = typeof o == "function" ? !!o() : !!o.value;
+    let s;
+    return typeof e == "function" ? s = a ? e : void 0 : s = a ? e.true : e.false, s ? s() : { __cellui_ssr_template: !0, html: "", toString() {
+      return "";
+    } };
+  }
+  const n = document.createDocumentFragment(), t = document.createComment("when-anchor");
+  n.appendChild(t);
+  let i = [], r = !0, u;
+  return typeof o == "function" ? u = S(o()) : u = o, u.bindNode(t, (a, s) => {
+    const d = !!s;
+    let f;
+    if (typeof e == "function" ? f = d ? e : void 0 : f = d ? e.true : e.false, i.forEach((l) => {
+      if (l.nodeType === 1 && typeof l.getAnimations == "function") {
+        const p = l.getAnimations();
+        if (p.length > 0) {
+          Promise.all(p.map((h) => h.finished)).then(() => {
+            l.parentNode && !i.includes(l) && l.parentNode.removeChild(l);
+          }).catch(() => {
+            l.parentNode && !i.includes(l) && l.parentNode.removeChild(l);
+          });
+          return;
+        }
+      }
+      l.parentNode?.removeChild(l);
+    }), i = [], f) {
+      const l = f();
+      if (l instanceof DocumentFragment ? i = Array.from(l.childNodes) : i = [l], r)
+        i.forEach((p) => n.appendChild(p));
+      else if (a.parentNode) {
+        let p = a.nextSibling;
+        i.forEach((h) => {
+          a.parentNode.insertBefore(h, p);
+        });
+      }
+    }
+    r = !1;
+  }), n;
+}
+function j(o, e, n) {
+  if (typeof document > "u")
+    return { __cellui_ssr_template: !0, html: o.value.map((d, f) => {
+      const c = n(d, f);
+      return c ? c.html : "";
+    }).join(""), toString() {
+      return this.html;
+    } };
+  const t = document.createDocumentFragment(), i = document.createComment("each-anchor");
+  t.appendChild(i);
+  let r = /* @__PURE__ */ new Map(), u = !0;
+  return o.bindNode(i, (a, s) => {
+    const d = /* @__PURE__ */ new Map(), f = a.parentNode, c = (h, m) => typeof e == "function" ? e(h, m) : String(h[e]), l = new Set(s.map((h, m) => c(h, m)));
+    r.forEach((h, m) => {
+      l.has(m) || h.forEach((g) => {
+        if (g.nodeType === 1 && typeof g.getAnimations == "function") {
+          const N = g.getAnimations();
+          if (N.length > 0) {
+            Promise.all(N.map((b) => b.finished)).then(() => {
+              g.parentNode && !r.has(m) && g.parentNode.removeChild(g);
+            }).catch(() => {
+              g.parentNode && !r.has(m) && g.parentNode.removeChild(g);
+            });
+            return;
+          }
+        }
+        g.parentNode?.removeChild(g);
+      });
+    });
+    let p = a;
+    s.forEach((h, m) => {
+      const g = c(h, m);
+      let N = [];
+      if (r.has(g))
+        N = r.get(g);
+      else {
+        const b = n(h, m);
+        b instanceof DocumentFragment ? N = Array.from(b.childNodes) : N = [b];
+      }
+      d.set(g, N), u ? N.forEach((b) => {
+        t.appendChild(b), p = b;
+      }) : f && N.forEach((b) => {
+        const C = p.nextSibling;
+        b !== C && f.insertBefore(b, C), p = b;
+      });
+    }), r = d, u = !1;
+  }), t;
+}
+function O(o, e, n) {
+  const t = document.createDocumentFragment(), i = document.createComment("match-anchor");
+  t.appendChild(i);
+  let r = [], u = !0;
+  return o.bindNode(i, (a, s) => {
+    const d = e[s] || n;
+    if (r.forEach((f) => f.parentNode?.removeChild(f)), r = [], d) {
+      const f = d();
+      if (f instanceof DocumentFragment ? r = Array.from(f.childNodes) : r = [f], u)
+        r.forEach((c) => t.appendChild(c));
+      else if (a.parentNode) {
+        let c = a.nextSibling;
+        r.forEach((l) => {
+          a.parentNode.insertBefore(l, c);
+        });
+      }
+    }
+    u = !1;
+  }), t;
+}
+export {
+  y as CellUI,
+  w as Signal,
+  $ as Substrate,
+  A as ambient,
+  F as bind,
+  W as createSubstrate,
+  j as each,
+  x as effect,
+  L as hydrate,
+  O as match,
+  I as mount,
+  B as serverView,
+  S as signal,
+  V as view,
+  D as when
+};

package/dist/cellui.umd.cjs

@@ -0,0 +1,6 @@
+(function(g,y){typeof exports=="object"&&typeof module<"u"?y(exports):typeof define=="function"&&define.amd?define(["exports"],y):(g=typeof globalThis<"u"?globalThis:g||self,y(g.CellUI={}))})(this,(function(g){"use strict";let y=null;class w{_value;_subscribers=new Set;_weakSubscribers=new Set;constructor(e){this._value=e}get value(){return y&&this.track(y),this._value}set value(e){if(this._value!==e){this._value=e,this._subscribers.forEach(n=>n(e));for(const n of this._weakSubscribers){const t=n.ref.deref();t?n.updater(t,e):this._weakSubscribers.delete(n)}}}subscribe(e){return this.track(e),e(this._value),()=>this._subscribers.delete(e)}track(e){return this._subscribers.add(e),()=>this._subscribers.delete(e)}bindNode(e,n){this._weakSubscribers.add({ref:new WeakRef(e),updater:n}),n(e,this._value)}}const E=o=>{const e=new w(o);if(typeof o=="object"&&o!==null){const n=new Map;return e.subscribe(t=>{t&&typeof t=="object"&&n.forEach((i,r)=>{t[r]!==i.value&&(i.value=t[r])})}),new Proxy(e,{get(t,i){if(i in t||typeof i=="symbol"||i==="constructor"||t.hasOwnProperty(i))return Reflect.get(t,i);if(!n.has(i)){const r=t.value?t.value[i]:void 0,u=E(r),a=Object.getOwnPropertyDescriptor(w.prototype,"value").set;Object.defineProperty(u,"value",{get(){return y&&u.track(y),u._value},set(s){if(u._value!==s&&(a.call(u,s),t.value&&typeof t.value=="object")){const d=Array.isArray(t.value)?[...t.value]:{...t.value};d[i]=s,Object.getOwnPropertyDescriptor(w.prototype,"value").set.call(t,d)}}}),n.set(i,u)}return y&&n.get(i)?.track(y),n.get(i)}})}return e};function C(o){const e=()=>{y=e;try{o()}finally{y=null}};e()}const k=new Map;function M(o,e){return k.has(o)||k.set(o,E(e)),k.get(o)}class x{zone;registry=new Map;constructor(e){this.zone=e}connect(e,n){if(e.startsWith("global:")){const t=e.slice(7);return M(t,n)}return this.registry.has(e)||this.registry.set(e,E(n)),this.registry.get(e)}infuse(e,n){return this.connect(e,n)}extract(e){return this.connect(e)}destroy(){this.registry.clear()}}function W(o){return new x(o)}const I={track:o=>{window.dispatchEvent(new CustomEvent("cellui:mount",{detail:{timestamp:Date.now(),target:o}}))},panic:(o,e)=>{console.error("[CellUI Shield] Fatal render error:",e);const n=e instanceof Error?e.message:String(e);o.innerHTML=`
+      <div style="padding: 20px; border: 2px solid #ff4444; border-radius: 8px; background: #fff0f0; color: #ff4444; font-family: monospace;">
+        <h3 style="margin-top: 0;">CellUI Render Error</h3>
+        <pre style="white-space: pre-wrap; word-break: break-word;">${n}</pre>
+      </div>
+    `,window.dispatchEvent(new CustomEvent("cellui:panic",{detail:{error:e,target:o}}))}},v=new WeakMap;let T=null;function $(){T||typeof window>"u"||(T=new MutationObserver(o=>{for(const e of o)for(const n of Array.from(e.removedNodes)){const t=v.get(n);if(t&&(t.forEach(i=>{try{i()}catch(r){console.error("[CellUI] Error in onDispose callback:",r)}}),v.delete(n)),n.nodeType===1&&typeof document<"u"){const i=document.createTreeWalker(n,NodeFilter.SHOW_ELEMENT);let r=i.nextNode();for(;r;){const u=v.get(r);u&&(u.forEach(a=>{try{a()}catch(s){console.error("[CellUI] Error in onDispose callback:",s)}}),v.delete(r)),r=i.nextNode()}}}}),T.observe(document.body,{childList:!0,subtree:!0}))}const _={Shield:I,onDispose:(o,e)=>{$(),v.has(o)||v.set(o,[]),v.get(o).push(e)},bind:o=>({__cellui_directive:"bind",signal:o}),initSubstrate:()=>($(),new x("__cellui_root__")),Hydrator:{isHydrating:!1,popContext:()=>null},dispose:o=>{const e=v.get(o);e&&(e.forEach(i=>i()),v.delete(o));const n=document.createTreeWalker(o,NodeFilter.SHOW_ELEMENT);let t=n.nextNode();for(;t;){const i=v.get(t);i&&(i.forEach(r=>r()),v.delete(t)),t=n.nextNode()}window.dispatchEvent(new CustomEvent("cellui:unmount",{detail:{target:o}}))}},V=_.bind;function F(o,...e){const n=document.createElement("template");if(_.Hydrator.isHydrating){const a=_.Hydrator.popContext();return a&&e.forEach((s,d)=>{if(typeof s=="function"&&a.events.has(d)){const f=a.events.get(d),c=o[d].match(/on([a-z]+)=/);c&&f.addEventListener(c[1],s)}else if(s&&typeof s=="object"&&s.__cellui_directive==="bind"){const f=s.signal,c=a.binds.get(d);if(c){f.bindNode(c,(h,p)=>{c.type==="checkbox"||c.type==="radio"?h.checked=!!p:h.value=String(p)});const l=h=>{const p=h.target;p.type==="checkbox"?f.value=p.checked:f.value=p.value},m=c.type==="checkbox"||c.type==="radio"||c.tagName==="SELECT"?"change":"input";c.addEventListener(m,l)}}else if(s instanceof w){const f=a.markers.get(d);if(f){const c=f.nextSibling;if(c&&c.nodeType===3){const l=String(s.value);c.nodeValue.length>l.length&&c.splitText(l.length),s.bindNode(c,(m,h)=>{m.nodeValue=String(h)})}else{const l=document.createTextNode("");f.parentNode.insertBefore(l,f.nextSibling),s.bindNode(l,(m,h)=>{m.nodeValue=String(h)})}}}else if(typeof s=="function"&&a.markers.has(d)){const f=a.markers.get(d);if(f){const c=f.nextSibling;if(c&&c.nodeType===3){const l=String(s());c.nodeValue.length>l.length&&c.splitText(l.length),C(()=>{c.nodeValue=String(s())})}else{const l=document.createTextNode("");f.parentNode.insertBefore(l,f.nextSibling),C(()=>{l.nodeValue=String(s())})}}}}),null}n.innerHTML=o.reduce((a,s,d)=>a+s+(d<e.length?`__nex_${d}__`:""),"");const t=n.content.cloneNode(!0);t.querySelectorAll("*").forEach(a=>{Array.from(a.attributes).forEach(s=>{const d=s.value.match(/__nex_(\d+)__/)||s.name.match(/__nex_(\d+)__/);if(d){const f=parseInt(d[1],10),c=e[f];if(typeof c=="function"&&s.name.startsWith("on")){const l=s.name.slice(2).toLowerCase();a.addEventListener(l,c),a.removeAttribute(s.name)}else if(c&&typeof c=="object"&&c.__cellui_directive==="bind"){const l=c.signal,m=a.getAttribute("type");m==="checkbox"||m==="radio"?l.bindNode(a,(p,b)=>{p.checked=!!b}):l.bindNode(a,(p,b)=>{p.value=String(b)});const h=m==="checkbox"||m==="radio"||a.tagName==="SELECT"?"change":"input";a.addEventListener(h,p=>{const b=p.target;m==="checkbox"?l.value=b.checked:l.value=b.value}),a.removeAttribute(s.name)}else if(c instanceof w){const l=s.name;c.bindNode(a,(m,h)=>{m.setAttribute(l,String(h))})}else a.setAttribute(s.name,s.value.replace(/__nex_\d+__/,String(c)))}})});const r=document.createTreeWalker(t,4);let u=r.nextNode();for(;u;){const a=u.nodeValue?.match(/__nex_(\d+)__/);if(a){const s=parseInt(a[1],10),d=e[s],f=u.nodeValue.split(`__nex_${s}__`);u.nodeValue=f[0];const c=document.createTextNode(""),l=document.createTextNode(f.slice(1).join(`__nex_${s}__`));u.parentNode.insertBefore(c,u.nextSibling),u.parentNode.insertBefore(l,c.nextSibling),d instanceof w?d.bindNode(c,(m,h)=>{m.nodeValue=String(h)}):d&&typeof d=="object"&&d.__cellui_directive==="bind"?c.nodeValue="":typeof d=="function"?C(()=>{c.nodeValue=String(d())}):d instanceof Node?c.replaceWith(d):c.nodeValue=String(d),u=l}else u=r.nextNode()}return t}async function B(o,e){const n=typeof o=="string"?document.querySelector(o):o;if(!n)throw new Error(`[CellUI] Mount target not found: ${o}`);_.initSubstrate();const t=window.requestIdleCallback||(i=>setTimeout(i,0));return new Promise(i=>{t(()=>{try{const r=e();n.replaceChildren(r),_.Shield.track(n)}catch(r){_.Shield.panic(n,r)}i(()=>{_.dispose(n),n.innerHTML=""})})})}function j(o,...e){let n="";for(let t=0;t<o.length;t++){let i=o[t];if(t>0&&typeof e[t-1]=="function"&&/on[a-z]+=["']?$/.test(o[t-1])&&(i=i.replace(/^["']/,"")),t<e.length){const r=e[t];if(typeof r=="function"&&/on[a-z]+=["']?$/.test(i))i=i.replace(/\s*on[a-z]+=["']?$/,""),n+=i+` data-cellui-on-${t}=""`;else if(n+=i,r instanceof w)n+=`<!--cellui-marker:${t}-->${r.value}`;else if(r&&typeof r=="object"&&r.__cellui_directive==="bind"){const u=r.signal;n+=` value="${u.value}" data-cellui-bind-${t}=""`}else typeof r=="function"?n+=`<!--cellui-computed-marker:${t}-->${r()}`:r&&typeof r=="object"&&r.__cellui_ssr_template?n+=`<!--cellui-open:${t}-->${r.html}<!--cellui-close:${t}-->`:r instanceof Array?n+=`<!--cellui-list-open:${t}-->${r.join("")}<!--cellui-list-close:${t}-->`:n+=String(r)}else n+=i}return{__cellui_ssr_template:!0,html:n,toString(){return this.html}}}const A={queue:[],start(o){_.Hydrator.isHydrating=!0,this.queue=this.buildQueue(o),_.Hydrator.popContext=()=>this.queue.shift()},end(){_.Hydrator.isHydrating=!1,this.queue=[],_.Hydrator.popContext=()=>null},buildQueue(o){const e=document.createTreeWalker(o,NodeFilter.SHOW_COMMENT|NodeFilter.SHOW_ELEMENT);let n={markers:new Map,events:new Map,binds:new Map};const t=[n],i=[];for(;e.nextNode();){const r=e.currentNode;if(r.nodeType===8){const u=r.nodeValue||"";if(u.startsWith("cellui-marker:")||u.startsWith("cellui-computed-marker:"))n.markers.set(parseInt(u.split(":")[1],10),r);else if(u.startsWith("cellui-open:")){const a={markers:new Map,events:new Map,binds:new Map};t.push(a),n=a}else u.startsWith("cellui-close:")&&(i.push(n),t.pop(),n=t[t.length-1])}else if(r.nodeType===1){const u=r;for(let a=0;a<u.attributes.length;a++){const s=u.attributes[a];s.name.startsWith("data-cellui-on-")?(n.events.set(parseInt(s.name.split("-").pop(),10),u),u.removeAttribute(s.name),a--):s.name.startsWith("data-cellui-bind-")&&(n.binds.set(parseInt(s.name.split("-").pop(),10),u),u.removeAttribute(s.name),a--)}}}return i.push(t[0]),i}};function L(o,e){A.start(o),e(),A.end()}function D(o,e){if(typeof document>"u"){const a=typeof o=="function"?!!o():!!o.value;let s;return typeof e=="function"?s=a?e:void 0:s=a?e.true:e.false,s?s():{__cellui_ssr_template:!0,html:"",toString(){return""}}}const n=document.createDocumentFragment(),t=document.createComment("when-anchor");n.appendChild(t);let i=[],r=!0,u;return typeof o=="function"?u=E(o()):u=o,u.bindNode(t,(a,s)=>{const d=!!s;let f;if(typeof e=="function"?f=d?e:void 0:f=d?e.true:e.false,i.forEach(l=>{if(l.nodeType===1&&typeof l.getAnimations=="function"){const m=l.getAnimations();if(m.length>0){Promise.all(m.map(h=>h.finished)).then(()=>{l.parentNode&&!i.includes(l)&&l.parentNode.removeChild(l)}).catch(()=>{l.parentNode&&!i.includes(l)&&l.parentNode.removeChild(l)});return}}l.parentNode?.removeChild(l)}),i=[],f){const l=f();if(l instanceof DocumentFragment?i=Array.from(l.childNodes):i=[l],r)i.forEach(m=>n.appendChild(m));else if(a.parentNode){let m=a.nextSibling;i.forEach(h=>{a.parentNode.insertBefore(h,m)})}}r=!1}),n}function O(o,e,n){if(typeof document>"u")return{__cellui_ssr_template:!0,html:o.value.map((d,f)=>{const c=n(d,f);return c?c.html:""}).join(""),toString(){return this.html}};const t=document.createDocumentFragment(),i=document.createComment("each-anchor");t.appendChild(i);let r=new Map,u=!0;return o.bindNode(i,(a,s)=>{const d=new Map,f=a.parentNode,c=(h,p)=>typeof e=="function"?e(h,p):String(h[e]),l=new Set(s.map((h,p)=>c(h,p)));r.forEach((h,p)=>{l.has(p)||h.forEach(b=>{if(b.nodeType===1&&typeof b.getAnimations=="function"){const S=b.getAnimations();if(S.length>0){Promise.all(S.map(N=>N.finished)).then(()=>{b.parentNode&&!r.has(p)&&b.parentNode.removeChild(b)}).catch(()=>{b.parentNode&&!r.has(p)&&b.parentNode.removeChild(b)});return}}b.parentNode?.removeChild(b)})});let m=a;s.forEach((h,p)=>{const b=c(h,p);let S=[];if(r.has(b))S=r.get(b);else{const N=n(h,p);N instanceof DocumentFragment?S=Array.from(N.childNodes):S=[N]}d.set(b,S),u?S.forEach(N=>{t.appendChild(N),m=N}):f&&S.forEach(N=>{const H=m.nextSibling;N!==H&&f.insertBefore(N,H),m=N})}),r=d,u=!1}),t}function R(o,e,n){const t=document.createDocumentFragment(),i=document.createComment("match-anchor");t.appendChild(i);let r=[],u=!0;return o.bindNode(i,(a,s)=>{const d=e[s]||n;if(r.forEach(f=>f.parentNode?.removeChild(f)),r=[],d){const f=d();if(f instanceof DocumentFragment?r=Array.from(f.childNodes):r=[f],u)r.forEach(c=>t.appendChild(c));else if(a.parentNode){let c=a.nextSibling;r.forEach(l=>{a.parentNode.insertBefore(l,c)})}}u=!1}),t}g.CellUI=_,g.Signal=w,g.Substrate=x,g.ambient=M,g.bind=V,g.createSubstrate=W,g.each=O,g.effect=C,g.hydrate=L,g.match=R,g.mount=B,g.serverView=j,g.signal=E,g.view=F,g.when=D,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})}));

package/dist/core.d.ts

@@ -0,0 +1,27 @@
+import { Signal } from './signal';
+import { Substrate } from './substrate';
+export declare const Shield: {
+    track: (container: Element) => void;
+    panic: (container: Element, error: unknown) => void;
+};
+export declare const CellUI: {
+    Shield: {
+        track: (container: Element) => void;
+        panic: (container: Element, error: unknown) => void;
+    };
+    onDispose: (node: Node, callback: () => void) => void;
+    bind: (signal: Signal<any>) => {
+        __cellui_directive: string;
+        signal: Signal<any>;
+    };
+    initSubstrate: () => Substrate;
+    Hydrator: {
+        isHydrating: boolean;
+        popContext: () => any;
+    };
+    dispose: (container: Element) => void;
+};
+export declare const bind: (signal: Signal<any>) => {
+    __cellui_directive: string;
+    signal: Signal<any>;
+};

package/dist/core.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/each.d.ts

@@ -0,0 +1,2 @@
+import { Signal } from './signal';
+export declare function each<T>(listSignal: Signal<T[]>, keyProp: keyof T | ((item: T, index: number) => string | number), renderFn: (item: T, index: number) => Node | DocumentFragment): DocumentFragment | any;

package/dist/hydrate.d.ts

@@ -0,0 +1,12 @@
+export interface MarkerContext {
+    markers: Map<number, Comment>;
+    events: Map<number, Element>;
+    binds: Map<number, Element>;
+}
+export declare const CellUIHydration: {
+    queue: MarkerContext[];
+    start(container: Element): void;
+    end(): void;
+    buildQueue(container: Element): MarkerContext[];
+};
+export declare function hydrate(container: Element, componentFn: () => any): void;

package/dist/hydrate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export { Signal, signal, effect } from './signal';
+export { CellUI, bind } from './core';
+export { ambient } from './ambient';
+export { createSubstrate, Substrate } from './substrate';
+export { view, mount } from './view';
+export { serverView } from './server/index';
+export { hydrate } from './hydrate';
+export { when } from './when';
+export { each } from './each';
+export { match } from './match';

package/dist/match.d.ts

@@ -0,0 +1,2 @@
+import { Signal } from './signal';
+export declare function match<T extends string | number | symbol>(condition: Signal<T>, cases: Record<T, () => Node | DocumentFragment>, defaultCase?: () => Node | DocumentFragment): DocumentFragment;

package/dist/server/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * A theoretical stringifier that enables CellUI to render HTML on a Node.js server.
+ * Returns a static HTML string with deterministic CellUI hydration markers instead of a DocumentFragment.
+ */
+export declare function serverView(strings: TemplateStringsArray, ...values: any[]): any;

package/dist/server/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/signal.d.ts

@@ -0,0 +1,20 @@
+export type Subscriber<T> = (val: T) => void;
+export declare class Signal<T> {
+    protected _value: T;
+    protected _subscribers: Set<Subscriber<T>>;
+    protected _weakSubscribers: Set<{
+        ref: WeakRef<Node>;
+        updater: (node: Node, val: T) => void;
+    }>;
+    constructor(initialValue: T);
+    get value(): T;
+    set value(newValue: T);
+    subscribe(fn: Subscriber<T>): () => boolean;
+    track(fn: Subscriber<T>): () => boolean;
+    bindNode(node: Node, updater: (node: Node, val: T) => void): void;
+}
+export type DeepSignal<T> = Signal<T> & (T extends object ? {
+    [K in keyof T]: DeepSignal<T[K]>;
+} : {});
+export declare const signal: <T>(val: T) => DeepSignal<T>;
+export declare function effect(fn: () => void): void;

package/dist/signal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/substrate.d.ts

@@ -0,0 +1,11 @@
+import { DeepSignal } from './signal';
+export declare class Substrate {
+    zone: string;
+    private registry;
+    constructor(zone: string);
+    connect<T>(key: string, initialValue?: T): DeepSignal<T>;
+    infuse<T>(key: string, initialValue: T): DeepSignal<T>;
+    extract<T>(key: string): DeepSignal<T>;
+    destroy(): void;
+}
+export declare function createSubstrate(zoneName: string): Substrate;

package/dist/view.d.ts

@@ -0,0 +1,2 @@
+export declare function view(strings: TemplateStringsArray, ...values: any[]): DocumentFragment;
+export declare function mount(selector: string | HTMLElement, component: () => DocumentFragment): Promise<() => void>;

package/dist/view.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/when.d.ts

@@ -0,0 +1,5 @@
+import { Signal } from './signal';
+export declare function when(condition: Signal<any> | (() => any), views: (() => Node | DocumentFragment) | {
+    true?: () => Node | DocumentFragment;
+    false?: () => Node | DocumentFragment;
+}): DocumentFragment | any;

package/dist/when.deferred.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/when.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@cmj/cellui",
+  "version": "0.1.3",
+  "description": "A minimalist, fine-grained reactive UI framework without Virtual DOM.",
+  "type": "module",
+  "main": "./dist/cellui.umd.cjs",
+  "module": "./dist/cellui.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/cellui.js",
+      "require": "./dist/cellui.umd.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite example",
+    "build": "tsc && vite build",
+    "test": "vitest run"
+  },
+  "keywords": [
+    "signals",
+    "reactivity",
+    "framework",
+    "ui"
+  ],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@types/jsdom": "^21.1.7",
+    "jsdom": "^28.1.0",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.3",
+    "vitest": "^4.0.18"
+  }
+}