what-core 0.5.6 → 0.6.0

package/dist/jsx-dev-runtime.js

@@ -0,0 +1,51 @@
+// packages/core/src/h.js
+var EMPTY_OBJ = /* @__PURE__ */ Object.create(null);
+function h(tag, props, ...children) {
+  props = props || EMPTY_OBJ;
+  const flat = flattenChildren(children);
+  const key = props.key ?? null;
+  if (props.key !== void 0) {
+    props = { ...props };
+    delete props.key;
+  }
+  return { tag, props, children: flat, key, _vnode: true };
+}
+function Fragment({ children }) {
+  return children;
+}
+function flattenChildren(children) {
+  const out = [];
+  for (let i = 0; i < children.length; i++) {
+    const child = children[i];
+    if (child == null || child === false || child === true) continue;
+    if (Array.isArray(child)) {
+      out.push(...flattenChildren(child));
+    } else if (typeof child === "object" && child._vnode) {
+      out.push(child);
+    } else if (typeof child === "function") {
+      out.push(child);
+    } else {
+      out.push(String(child));
+    }
+  }
+  return out;
+}
+
+// packages/core/src/jsx-dev-runtime.js
+function jsxDEV(type, props, key) {
+  if (props == null) return h(type, null);
+  const { children, ...rest } = props;
+  if (key !== void 0) rest.key = key;
+  if (children === void 0) return h(type, rest);
+  if (Array.isArray(children)) return h(type, rest, ...children);
+  return h(type, rest, children);
+}
+var jsx = jsxDEV;
+var jsxs = jsxDEV;
+export {
+  Fragment,
+  jsx,
+  jsxDEV,
+  jsxs
+};
+//# sourceMappingURL=jsx-dev-runtime.js.map

package/dist/jsx-dev-runtime.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/h.js", "../src/jsx-dev-runtime.js"],
+  "sourcesContent": ["// What Framework - Element Descriptors\n// Minimal element descriptor objects. No classes, no fibers, just plain objects.\n\n// h(tag, props, ...children) -> VNode\n// h(Component, props, ...children) -> VNode\n// VNode = { tag, props, children, key }\n\nconst EMPTY_OBJ = Object.create(null);\nconst EMPTY_ARR = [];\n\nexport function h(tag, props, ...children) {\n  props = props || EMPTY_OBJ;\n  const flat = flattenChildren(children);\n  const key = props.key ?? null;\n\n  // Strip key from props passed to component/element\n  if (props.key !== undefined) {\n    props = { ...props };\n    delete props.key;\n  }\n\n  return { tag, props, children: flat, key, _vnode: true };\n}\n\n// Fragment \u2014 just returns children\nexport function Fragment({ children }) {\n  return children;\n}\n\nfunction flattenChildren(children) {\n  const out = [];\n  for (let i = 0; i < children.length; i++) {\n    const child = children[i];\n    if (child == null || child === false || child === true) continue;\n    if (Array.isArray(child)) {\n      out.push(...flattenChildren(child));\n    } else if (typeof child === 'object' && child._vnode) {\n      out.push(child);\n    } else if (typeof child === 'function') {\n      // Reactive child \u2014 preserve function for fine-grained DOM updates\n      out.push(child);\n    } else {\n      // Text node\n      out.push(String(child));\n    }\n  }\n  return out;\n}\n\n// JSX-like tagged template alternative (no build step needed)\n// html`<div class=\"foo\">${content}</div>`\n// Uses a simple parser, not full HTML \u2014 good enough for most cases.\n\nexport function html(strings, ...values) {\n  const src = strings.reduce((acc, str, i) =>\n    acc + str + (i < values.length ? `\\x00${i}\\x00` : ''), '');\n  return parseTemplate(src, values);\n}\n\nfunction parseTemplate(src, values) {\n  // Lightweight tagged template parser\n  // Supports: <tag attr=\"val\">, <tag ...${spread}>, ${children}, self-closing\n  src = src.trim();\n  const nodes = [];\n  let i = 0;\n\n  while (i < src.length) {\n    if (src[i] === '<') {\n      const result = parseElement(src, i, values);\n      if (result) {\n        nodes.push(result.node);\n        i = result.end;\n        continue;\n      }\n    }\n    // Text or interpolation\n    const result = parseText(src, i, values);\n    if (result.text) nodes.push(result.text);\n    i = result.end;\n  }\n\n  return nodes.length === 1 ? nodes[0] : nodes;\n}\n\nfunction parseElement(src, start, values) {\n  // Opening tag\n  const openMatch = src.slice(start).match(/^<([a-zA-Z][a-zA-Z0-9-]*|[A-Z]\\w*)/);\n  if (!openMatch) return null;\n\n  const tag = openMatch[1];\n  let i = start + openMatch[0].length;\n  const props = {};\n\n  // Parse attributes\n  while (i < src.length) {\n    // Skip whitespace\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    // Self-closing or end of opening tag\n    if (src.slice(i, i + 2) === '/>') {\n      return { node: h(tag, Object.keys(props).length ? props : null), end: i + 2 };\n    }\n    if (src[i] === '>') {\n      i++;\n      break;\n    }\n\n    // Spread: ...${obj}\n    if (src.slice(i, i + 3) === '...') {\n      const placeholder = src.slice(i + 3).match(/^\\x00(\\d+)\\x00/);\n      if (placeholder) {\n        Object.assign(props, values[Number(placeholder[1])]);\n        i += 3 + placeholder[0].length;\n        continue;\n      }\n    }\n\n    // Attribute: name=${val} or name=\"val\" or name\n    const attrMatch = src.slice(i).match(/^([a-zA-Z_@:][a-zA-Z0-9_:.-]*)/);\n    if (!attrMatch) break;\n\n    const attrName = attrMatch[1];\n    i += attrMatch[0].length;\n\n    // Skip whitespace around =\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    if (src[i] === '=') {\n      i++;\n      while (i < src.length && /\\s/.test(src[i])) i++;\n\n      // Value is a placeholder\n      const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n      if (ph) {\n        props[attrName] = values[Number(ph[1])];\n        i += ph[0].length;\n      } else if (src[i] === '\"' || src[i] === \"'\") {\n        const q = src[i];\n        i++;\n        let val = '';\n        while (i < src.length && src[i] !== q) {\n          const tph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n          if (tph) {\n            val += String(values[Number(tph[1])]);\n            i += tph[0].length;\n          } else {\n            val += src[i];\n            i++;\n          }\n        }\n        i++; // closing quote\n        props[attrName] = val;\n      }\n    } else {\n      props[attrName] = true;\n    }\n  }\n\n  // Parse children until closing tag\n  const children = [];\n  const closeTag = `</${tag}>`;\n\n  while (i < src.length) {\n    if (src.slice(i, i + closeTag.length) === closeTag) {\n      i += closeTag.length;\n      break;\n    }\n\n    if (src[i] === '<') {\n      const child = parseElement(src, i, values);\n      if (child) {\n        children.push(child.node);\n        i = child.end;\n        continue;\n      }\n    }\n\n    const text = parseText(src, i, values);\n    if (text.text != null) children.push(text.text);\n    i = text.end;\n  }\n\n  return {\n    node: h(tag, Object.keys(props).length ? props : null, ...children),\n    end: i,\n  };\n}\n\nfunction parseText(src, start, values) {\n  let i = start;\n  let text = '';\n\n  while (i < src.length && src[i] !== '<') {\n    const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n    if (ph) {\n      if (text.trim()) {\n        return { text: text.trim(), end: i };\n      }\n      return { text: values[Number(ph[1])], end: i + ph[0].length };\n    }\n    text += src[i];\n    i++;\n  }\n\n  return { text: text.trim() || null, end: i };\n}\n", "// What Framework \u2014 JSX Dev Runtime\n// Same as jsx-runtime but used in development mode by Vite.\n\nimport { h, Fragment } from './h.js';\n\nexport { Fragment };\n\nexport function jsxDEV(type, props, key) {\n  if (props == null) return h(type, null);\n  const { children, ...rest } = props;\n  if (key !== undefined) rest.key = key;\n  if (children === undefined) return h(type, rest);\n  if (Array.isArray(children)) return h(type, rest, ...children);\n  return h(type, rest, children);\n}\n\n// Also export jsx/jsxs for compatibility \u2014 some bundlers use these even in dev\nexport const jsx = jsxDEV;\nexport const jsxs = jsxDEV;\n"],
+  "mappings": ";AAOA,IAAM,YAAY,uBAAO,OAAO,IAAI;AAG7B,SAAS,EAAE,KAAK,UAAU,UAAU;AACzC,UAAQ,SAAS;AACjB,QAAM,OAAO,gBAAgB,QAAQ;AACrC,QAAM,MAAM,MAAM,OAAO;AAGzB,MAAI,MAAM,QAAQ,QAAW;AAC3B,YAAQ,EAAE,GAAG,MAAM;AACnB,WAAO,MAAM;AAAA,EACf;AAEA,SAAO,EAAE,KAAK,OAAO,UAAU,MAAM,KAAK,QAAQ,KAAK;AACzD;AAGO,SAAS,SAAS,EAAE,SAAS,GAAG;AACrC,SAAO;AACT;AAEA,SAAS,gBAAgB,UAAU;AACjC,QAAM,MAAM,CAAC;AACb,WAAS,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;AACxC,UAAM,QAAQ,SAAS,CAAC;AACxB,QAAI,SAAS,QAAQ,UAAU,SAAS,UAAU,KAAM;AACxD,QAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,UAAI,KAAK,GAAG,gBAAgB,KAAK,CAAC;AAAA,IACpC,WAAW,OAAO,UAAU,YAAY,MAAM,QAAQ;AACpD,UAAI,KAAK,KAAK;AAAA,IAChB,WAAW,OAAO,UAAU,YAAY;AAEtC,UAAI,KAAK,KAAK;AAAA,IAChB,OAAO;AAEL,UAAI,KAAK,OAAO,KAAK,CAAC;AAAA,IACxB;AAAA,EACF;AACA,SAAO;AACT;;;ACxCO,SAAS,OAAO,MAAM,OAAO,KAAK;AACvC,MAAI,SAAS,KAAM,QAAO,EAAE,MAAM,IAAI;AACtC,QAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAC9B,MAAI,QAAQ,OAAW,MAAK,MAAM;AAClC,MAAI,aAAa,OAAW,QAAO,EAAE,MAAM,IAAI;AAC/C,MAAI,MAAM,QAAQ,QAAQ,EAAG,QAAO,EAAE,MAAM,MAAM,GAAG,QAAQ;AAC7D,SAAO,EAAE,MAAM,MAAM,QAAQ;AAC/B;AAGO,IAAM,MAAM;AACZ,IAAM,OAAO;",
+  "names": []
+}

package/dist/jsx-dev-runtime.min.js

@@ -0,0 +1,2 @@
+var f=Object.create(null);function h(n,t,...l){t=t||f;let e=o(l),i=t.key??null;return t.key!==void 0&&(t={...t},delete t.key),{tag:n,props:t,children:e,key:i,_vnode:!0}}function r({children:n}){return n}function o(n){let t=[];for(let l=0;l<n.length;l++){let e=n[l];e==null||e===!1||e===!0||(Array.isArray(e)?t.push(...o(e)):typeof e=="object"&&e._vnode||typeof e=="function"?t.push(e):t.push(String(e)))}return t}function u(n,t,l){if(t==null)return h(n,null);let{children:e,...i}=t;return l!==void 0&&(i.key=l),e===void 0?h(n,i):Array.isArray(e)?h(n,i,...e):h(n,i,e)}var a=u,x=u;export{r as Fragment,a as jsx,u as jsxDEV,x as jsxs};
+//# sourceMappingURL=jsx-dev-runtime.min.js.map

package/dist/jsx-dev-runtime.min.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/h.js", "../src/jsx-dev-runtime.js"],
+  "sourcesContent": ["// What Framework - Element Descriptors\n// Minimal element descriptor objects. No classes, no fibers, just plain objects.\n\n// h(tag, props, ...children) -> VNode\n// h(Component, props, ...children) -> VNode\n// VNode = { tag, props, children, key }\n\nconst EMPTY_OBJ = Object.create(null);\nconst EMPTY_ARR = [];\n\nexport function h(tag, props, ...children) {\n  props = props || EMPTY_OBJ;\n  const flat = flattenChildren(children);\n  const key = props.key ?? null;\n\n  // Strip key from props passed to component/element\n  if (props.key !== undefined) {\n    props = { ...props };\n    delete props.key;\n  }\n\n  return { tag, props, children: flat, key, _vnode: true };\n}\n\n// Fragment \u2014 just returns children\nexport function Fragment({ children }) {\n  return children;\n}\n\nfunction flattenChildren(children) {\n  const out = [];\n  for (let i = 0; i < children.length; i++) {\n    const child = children[i];\n    if (child == null || child === false || child === true) continue;\n    if (Array.isArray(child)) {\n      out.push(...flattenChildren(child));\n    } else if (typeof child === 'object' && child._vnode) {\n      out.push(child);\n    } else if (typeof child === 'function') {\n      // Reactive child \u2014 preserve function for fine-grained DOM updates\n      out.push(child);\n    } else {\n      // Text node\n      out.push(String(child));\n    }\n  }\n  return out;\n}\n\n// JSX-like tagged template alternative (no build step needed)\n// html`<div class=\"foo\">${content}</div>`\n// Uses a simple parser, not full HTML \u2014 good enough for most cases.\n\nexport function html(strings, ...values) {\n  const src = strings.reduce((acc, str, i) =>\n    acc + str + (i < values.length ? `\\x00${i}\\x00` : ''), '');\n  return parseTemplate(src, values);\n}\n\nfunction parseTemplate(src, values) {\n  // Lightweight tagged template parser\n  // Supports: <tag attr=\"val\">, <tag ...${spread}>, ${children}, self-closing\n  src = src.trim();\n  const nodes = [];\n  let i = 0;\n\n  while (i < src.length) {\n    if (src[i] === '<') {\n      const result = parseElement(src, i, values);\n      if (result) {\n        nodes.push(result.node);\n        i = result.end;\n        continue;\n      }\n    }\n    // Text or interpolation\n    const result = parseText(src, i, values);\n    if (result.text) nodes.push(result.text);\n    i = result.end;\n  }\n\n  return nodes.length === 1 ? nodes[0] : nodes;\n}\n\nfunction parseElement(src, start, values) {\n  // Opening tag\n  const openMatch = src.slice(start).match(/^<([a-zA-Z][a-zA-Z0-9-]*|[A-Z]\\w*)/);\n  if (!openMatch) return null;\n\n  const tag = openMatch[1];\n  let i = start + openMatch[0].length;\n  const props = {};\n\n  // Parse attributes\n  while (i < src.length) {\n    // Skip whitespace\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    // Self-closing or end of opening tag\n    if (src.slice(i, i + 2) === '/>') {\n      return { node: h(tag, Object.keys(props).length ? props : null), end: i + 2 };\n    }\n    if (src[i] === '>') {\n      i++;\n      break;\n    }\n\n    // Spread: ...${obj}\n    if (src.slice(i, i + 3) === '...') {\n      const placeholder = src.slice(i + 3).match(/^\\x00(\\d+)\\x00/);\n      if (placeholder) {\n        Object.assign(props, values[Number(placeholder[1])]);\n        i += 3 + placeholder[0].length;\n        continue;\n      }\n    }\n\n    // Attribute: name=${val} or name=\"val\" or name\n    const attrMatch = src.slice(i).match(/^([a-zA-Z_@:][a-zA-Z0-9_:.-]*)/);\n    if (!attrMatch) break;\n\n    const attrName = attrMatch[1];\n    i += attrMatch[0].length;\n\n    // Skip whitespace around =\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    if (src[i] === '=') {\n      i++;\n      while (i < src.length && /\\s/.test(src[i])) i++;\n\n      // Value is a placeholder\n      const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n      if (ph) {\n        props[attrName] = values[Number(ph[1])];\n        i += ph[0].length;\n      } else if (src[i] === '\"' || src[i] === \"'\") {\n        const q = src[i];\n        i++;\n        let val = '';\n        while (i < src.length && src[i] !== q) {\n          const tph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n          if (tph) {\n            val += String(values[Number(tph[1])]);\n            i += tph[0].length;\n          } else {\n            val += src[i];\n            i++;\n          }\n        }\n        i++; // closing quote\n        props[attrName] = val;\n      }\n    } else {\n      props[attrName] = true;\n    }\n  }\n\n  // Parse children until closing tag\n  const children = [];\n  const closeTag = `</${tag}>`;\n\n  while (i < src.length) {\n    if (src.slice(i, i + closeTag.length) === closeTag) {\n      i += closeTag.length;\n      break;\n    }\n\n    if (src[i] === '<') {\n      const child = parseElement(src, i, values);\n      if (child) {\n        children.push(child.node);\n        i = child.end;\n        continue;\n      }\n    }\n\n    const text = parseText(src, i, values);\n    if (text.text != null) children.push(text.text);\n    i = text.end;\n  }\n\n  return {\n    node: h(tag, Object.keys(props).length ? props : null, ...children),\n    end: i,\n  };\n}\n\nfunction parseText(src, start, values) {\n  let i = start;\n  let text = '';\n\n  while (i < src.length && src[i] !== '<') {\n    const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n    if (ph) {\n      if (text.trim()) {\n        return { text: text.trim(), end: i };\n      }\n      return { text: values[Number(ph[1])], end: i + ph[0].length };\n    }\n    text += src[i];\n    i++;\n  }\n\n  return { text: text.trim() || null, end: i };\n}\n", "// What Framework \u2014 JSX Dev Runtime\n// Same as jsx-runtime but used in development mode by Vite.\n\nimport { h, Fragment } from './h.js';\n\nexport { Fragment };\n\nexport function jsxDEV(type, props, key) {\n  if (props == null) return h(type, null);\n  const { children, ...rest } = props;\n  if (key !== undefined) rest.key = key;\n  if (children === undefined) return h(type, rest);\n  if (Array.isArray(children)) return h(type, rest, ...children);\n  return h(type, rest, children);\n}\n\n// Also export jsx/jsxs for compatibility \u2014 some bundlers use these even in dev\nexport const jsx = jsxDEV;\nexport const jsxs = jsxDEV;\n"],
+  "mappings": "AAOA,IAAMA,EAAY,OAAO,OAAO,IAAI,EAG7B,SAAS,EAAEC,EAAKC,KAAUC,EAAU,CACzCD,EAAQA,GAASE,EACjB,IAAMC,EAAOC,EAAgBH,CAAQ,EAC/BI,EAAML,EAAM,KAAO,KAGzB,OAAIA,EAAM,MAAQ,SAChBA,EAAQ,CAAE,GAAGA,CAAM,EACnB,OAAOA,EAAM,KAGR,CAAE,IAAAD,EAAK,MAAAC,EAAO,SAAUG,EAAM,IAAAE,EAAK,OAAQ,EAAK,CACzD,CAGO,SAASC,EAAS,CAAE,SAAAL,CAAS,EAAG,CACrC,OAAOA,CACT,CAEA,SAASG,EAAgBH,EAAU,CACjC,IAAMM,EAAM,CAAC,EACb,QAASC,EAAI,EAAGA,EAAIP,EAAS,OAAQO,IAAK,CACxC,IAAMC,EAAQR,EAASO,CAAC,EACpBC,GAAS,MAAQA,IAAU,IAASA,IAAU,KAC9C,MAAM,QAAQA,CAAK,EACrBF,EAAI,KAAK,GAAGH,EAAgBK,CAAK,CAAC,EACzB,OAAOA,GAAU,UAAYA,EAAM,QAEnC,OAAOA,GAAU,WAD1BF,EAAI,KAAKE,CAAK,EAMdF,EAAI,KAAK,OAAOE,CAAK,CAAC,EAE1B,CACA,OAAOF,CACT,CCxCO,SAASG,EAAOC,EAAMC,EAAOC,EAAK,CACvC,GAAID,GAAS,KAAM,OAAO,EAAED,EAAM,IAAI,EACtC,GAAM,CAAE,SAAAG,EAAU,GAAGC,CAAK,EAAIH,EAE9B,OADIC,IAAQ,SAAWE,EAAK,IAAMF,GAC9BC,IAAa,OAAkB,EAAEH,EAAMI,CAAI,EAC3C,MAAM,QAAQD,CAAQ,EAAU,EAAEH,EAAMI,EAAM,GAAGD,CAAQ,EACtD,EAAEH,EAAMI,EAAMD,CAAQ,CAC/B,CAGO,IAAME,EAAMN,EACNO,EAAOP",
+  "names": ["EMPTY_OBJ", "tag", "props", "children", "EMPTY_OBJ", "flat", "flattenChildren", "key", "Fragment", "out", "i", "child", "jsxDEV", "type", "props", "key", "children", "rest", "jsx", "jsxs"]
+}

package/dist/jsx-runtime.js

@@ -0,0 +1,49 @@
+// packages/core/src/h.js
+var EMPTY_OBJ = /* @__PURE__ */ Object.create(null);
+function h(tag, props, ...children) {
+  props = props || EMPTY_OBJ;
+  const flat = flattenChildren(children);
+  const key = props.key ?? null;
+  if (props.key !== void 0) {
+    props = { ...props };
+    delete props.key;
+  }
+  return { tag, props, children: flat, key, _vnode: true };
+}
+function Fragment({ children }) {
+  return children;
+}
+function flattenChildren(children) {
+  const out = [];
+  for (let i = 0; i < children.length; i++) {
+    const child = children[i];
+    if (child == null || child === false || child === true) continue;
+    if (Array.isArray(child)) {
+      out.push(...flattenChildren(child));
+    } else if (typeof child === "object" && child._vnode) {
+      out.push(child);
+    } else if (typeof child === "function") {
+      out.push(child);
+    } else {
+      out.push(String(child));
+    }
+  }
+  return out;
+}
+
+// packages/core/src/jsx-runtime.js
+function jsx(type, props, key) {
+  if (props == null) return h(type, null);
+  const { children, ...rest } = props;
+  if (key !== void 0) rest.key = key;
+  if (children === void 0) return h(type, rest);
+  if (Array.isArray(children)) return h(type, rest, ...children);
+  return h(type, rest, children);
+}
+var jsxs = jsx;
+export {
+  Fragment,
+  jsx,
+  jsxs
+};
+//# sourceMappingURL=jsx-runtime.js.map

package/dist/jsx-runtime.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/h.js", "../src/jsx-runtime.js"],
+  "sourcesContent": ["// What Framework - Element Descriptors\n// Minimal element descriptor objects. No classes, no fibers, just plain objects.\n\n// h(tag, props, ...children) -> VNode\n// h(Component, props, ...children) -> VNode\n// VNode = { tag, props, children, key }\n\nconst EMPTY_OBJ = Object.create(null);\nconst EMPTY_ARR = [];\n\nexport function h(tag, props, ...children) {\n  props = props || EMPTY_OBJ;\n  const flat = flattenChildren(children);\n  const key = props.key ?? null;\n\n  // Strip key from props passed to component/element\n  if (props.key !== undefined) {\n    props = { ...props };\n    delete props.key;\n  }\n\n  return { tag, props, children: flat, key, _vnode: true };\n}\n\n// Fragment \u2014 just returns children\nexport function Fragment({ children }) {\n  return children;\n}\n\nfunction flattenChildren(children) {\n  const out = [];\n  for (let i = 0; i < children.length; i++) {\n    const child = children[i];\n    if (child == null || child === false || child === true) continue;\n    if (Array.isArray(child)) {\n      out.push(...flattenChildren(child));\n    } else if (typeof child === 'object' && child._vnode) {\n      out.push(child);\n    } else if (typeof child === 'function') {\n      // Reactive child \u2014 preserve function for fine-grained DOM updates\n      out.push(child);\n    } else {\n      // Text node\n      out.push(String(child));\n    }\n  }\n  return out;\n}\n\n// JSX-like tagged template alternative (no build step needed)\n// html`<div class=\"foo\">${content}</div>`\n// Uses a simple parser, not full HTML \u2014 good enough for most cases.\n\nexport function html(strings, ...values) {\n  const src = strings.reduce((acc, str, i) =>\n    acc + str + (i < values.length ? `\\x00${i}\\x00` : ''), '');\n  return parseTemplate(src, values);\n}\n\nfunction parseTemplate(src, values) {\n  // Lightweight tagged template parser\n  // Supports: <tag attr=\"val\">, <tag ...${spread}>, ${children}, self-closing\n  src = src.trim();\n  const nodes = [];\n  let i = 0;\n\n  while (i < src.length) {\n    if (src[i] === '<') {\n      const result = parseElement(src, i, values);\n      if (result) {\n        nodes.push(result.node);\n        i = result.end;\n        continue;\n      }\n    }\n    // Text or interpolation\n    const result = parseText(src, i, values);\n    if (result.text) nodes.push(result.text);\n    i = result.end;\n  }\n\n  return nodes.length === 1 ? nodes[0] : nodes;\n}\n\nfunction parseElement(src, start, values) {\n  // Opening tag\n  const openMatch = src.slice(start).match(/^<([a-zA-Z][a-zA-Z0-9-]*|[A-Z]\\w*)/);\n  if (!openMatch) return null;\n\n  const tag = openMatch[1];\n  let i = start + openMatch[0].length;\n  const props = {};\n\n  // Parse attributes\n  while (i < src.length) {\n    // Skip whitespace\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    // Self-closing or end of opening tag\n    if (src.slice(i, i + 2) === '/>') {\n      return { node: h(tag, Object.keys(props).length ? props : null), end: i + 2 };\n    }\n    if (src[i] === '>') {\n      i++;\n      break;\n    }\n\n    // Spread: ...${obj}\n    if (src.slice(i, i + 3) === '...') {\n      const placeholder = src.slice(i + 3).match(/^\\x00(\\d+)\\x00/);\n      if (placeholder) {\n        Object.assign(props, values[Number(placeholder[1])]);\n        i += 3 + placeholder[0].length;\n        continue;\n      }\n    }\n\n    // Attribute: name=${val} or name=\"val\" or name\n    const attrMatch = src.slice(i).match(/^([a-zA-Z_@:][a-zA-Z0-9_:.-]*)/);\n    if (!attrMatch) break;\n\n    const attrName = attrMatch[1];\n    i += attrMatch[0].length;\n\n    // Skip whitespace around =\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    if (src[i] === '=') {\n      i++;\n      while (i < src.length && /\\s/.test(src[i])) i++;\n\n      // Value is a placeholder\n      const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n      if (ph) {\n        props[attrName] = values[Number(ph[1])];\n        i += ph[0].length;\n      } else if (src[i] === '\"' || src[i] === \"'\") {\n        const q = src[i];\n        i++;\n        let val = '';\n        while (i < src.length && src[i] !== q) {\n          const tph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n          if (tph) {\n            val += String(values[Number(tph[1])]);\n            i += tph[0].length;\n          } else {\n            val += src[i];\n            i++;\n          }\n        }\n        i++; // closing quote\n        props[attrName] = val;\n      }\n    } else {\n      props[attrName] = true;\n    }\n  }\n\n  // Parse children until closing tag\n  const children = [];\n  const closeTag = `</${tag}>`;\n\n  while (i < src.length) {\n    if (src.slice(i, i + closeTag.length) === closeTag) {\n      i += closeTag.length;\n      break;\n    }\n\n    if (src[i] === '<') {\n      const child = parseElement(src, i, values);\n      if (child) {\n        children.push(child.node);\n        i = child.end;\n        continue;\n      }\n    }\n\n    const text = parseText(src, i, values);\n    if (text.text != null) children.push(text.text);\n    i = text.end;\n  }\n\n  return {\n    node: h(tag, Object.keys(props).length ? props : null, ...children),\n    end: i,\n  };\n}\n\nfunction parseText(src, start, values) {\n  let i = start;\n  let text = '';\n\n  while (i < src.length && src[i] !== '<') {\n    const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n    if (ph) {\n      if (text.trim()) {\n        return { text: text.trim(), end: i };\n      }\n      return { text: values[Number(ph[1])], end: i + ph[0].length };\n    }\n    text += src[i];\n    i++;\n  }\n\n  return { text: text.trim() || null, end: i };\n}\n", "// What Framework \u2014 JSX Automatic Runtime\n// Used by: jsxImportSource: \"what-framework\" (or \"what-core\")\n// Vite/esbuild import this automatically when using the \"react-jsx\" transform.\n\nimport { h, Fragment } from './h.js';\n\nexport { Fragment };\n\n// Automatic JSX transform signature: jsx(type, { children, ...props }, key)\n// What's h() signature: h(type, props, ...children)\nexport function jsx(type, props, key) {\n  if (props == null) return h(type, null);\n  const { children, ...rest } = props;\n  if (key !== undefined) rest.key = key;\n  if (children === undefined) return h(type, rest);\n  if (Array.isArray(children)) return h(type, rest, ...children);\n  return h(type, rest, children);\n}\n\n// jsxs = jsx for static children (multiple). Same behavior for What.\nexport const jsxs = jsx;\n"],
+  "mappings": ";AAOA,IAAM,YAAY,uBAAO,OAAO,IAAI;AAG7B,SAAS,EAAE,KAAK,UAAU,UAAU;AACzC,UAAQ,SAAS;AACjB,QAAM,OAAO,gBAAgB,QAAQ;AACrC,QAAM,MAAM,MAAM,OAAO;AAGzB,MAAI,MAAM,QAAQ,QAAW;AAC3B,YAAQ,EAAE,GAAG,MAAM;AACnB,WAAO,MAAM;AAAA,EACf;AAEA,SAAO,EAAE,KAAK,OAAO,UAAU,MAAM,KAAK,QAAQ,KAAK;AACzD;AAGO,SAAS,SAAS,EAAE,SAAS,GAAG;AACrC,SAAO;AACT;AAEA,SAAS,gBAAgB,UAAU;AACjC,QAAM,MAAM,CAAC;AACb,WAAS,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;AACxC,UAAM,QAAQ,SAAS,CAAC;AACxB,QAAI,SAAS,QAAQ,UAAU,SAAS,UAAU,KAAM;AACxD,QAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,UAAI,KAAK,GAAG,gBAAgB,KAAK,CAAC;AAAA,IACpC,WAAW,OAAO,UAAU,YAAY,MAAM,QAAQ;AACpD,UAAI,KAAK,KAAK;AAAA,IAChB,WAAW,OAAO,UAAU,YAAY;AAEtC,UAAI,KAAK,KAAK;AAAA,IAChB,OAAO;AAEL,UAAI,KAAK,OAAO,KAAK,CAAC;AAAA,IACxB;AAAA,EACF;AACA,SAAO;AACT;;;ACrCO,SAAS,IAAI,MAAM,OAAO,KAAK;AACpC,MAAI,SAAS,KAAM,QAAO,EAAE,MAAM,IAAI;AACtC,QAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAC9B,MAAI,QAAQ,OAAW,MAAK,MAAM;AAClC,MAAI,aAAa,OAAW,QAAO,EAAE,MAAM,IAAI;AAC/C,MAAI,MAAM,QAAQ,QAAQ,EAAG,QAAO,EAAE,MAAM,MAAM,GAAG,QAAQ;AAC7D,SAAO,EAAE,MAAM,MAAM,QAAQ;AAC/B;AAGO,IAAM,OAAO;",
+  "names": []
+}

package/dist/jsx-runtime.min.js

@@ -0,0 +1,2 @@
+var u=Object.create(null);function h(n,t,...l){t=t||u;let e=o(l),i=t.key??null;return t.key!==void 0&&(t={...t},delete t.key),{tag:n,props:t,children:e,key:i,_vnode:!0}}function f({children:n}){return n}function o(n){let t=[];for(let l=0;l<n.length;l++){let e=n[l];e==null||e===!1||e===!0||(Array.isArray(e)?t.push(...o(e)):typeof e=="object"&&e._vnode||typeof e=="function"?t.push(e):t.push(String(e)))}return t}function r(n,t,l){if(t==null)return h(n,null);let{children:e,...i}=t;return l!==void 0&&(i.key=l),e===void 0?h(n,i):Array.isArray(e)?h(n,i,...e):h(n,i,e)}var a=r;export{f as Fragment,r as jsx,a as jsxs};
+//# sourceMappingURL=jsx-runtime.min.js.map

package/dist/jsx-runtime.min.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/h.js", "../src/jsx-runtime.js"],
+  "sourcesContent": ["// What Framework - Element Descriptors\n// Minimal element descriptor objects. No classes, no fibers, just plain objects.\n\n// h(tag, props, ...children) -> VNode\n// h(Component, props, ...children) -> VNode\n// VNode = { tag, props, children, key }\n\nconst EMPTY_OBJ = Object.create(null);\nconst EMPTY_ARR = [];\n\nexport function h(tag, props, ...children) {\n  props = props || EMPTY_OBJ;\n  const flat = flattenChildren(children);\n  const key = props.key ?? null;\n\n  // Strip key from props passed to component/element\n  if (props.key !== undefined) {\n    props = { ...props };\n    delete props.key;\n  }\n\n  return { tag, props, children: flat, key, _vnode: true };\n}\n\n// Fragment \u2014 just returns children\nexport function Fragment({ children }) {\n  return children;\n}\n\nfunction flattenChildren(children) {\n  const out = [];\n  for (let i = 0; i < children.length; i++) {\n    const child = children[i];\n    if (child == null || child === false || child === true) continue;\n    if (Array.isArray(child)) {\n      out.push(...flattenChildren(child));\n    } else if (typeof child === 'object' && child._vnode) {\n      out.push(child);\n    } else if (typeof child === 'function') {\n      // Reactive child \u2014 preserve function for fine-grained DOM updates\n      out.push(child);\n    } else {\n      // Text node\n      out.push(String(child));\n    }\n  }\n  return out;\n}\n\n// JSX-like tagged template alternative (no build step needed)\n// html`<div class=\"foo\">${content}</div>`\n// Uses a simple parser, not full HTML \u2014 good enough for most cases.\n\nexport function html(strings, ...values) {\n  const src = strings.reduce((acc, str, i) =>\n    acc + str + (i < values.length ? `\\x00${i}\\x00` : ''), '');\n  return parseTemplate(src, values);\n}\n\nfunction parseTemplate(src, values) {\n  // Lightweight tagged template parser\n  // Supports: <tag attr=\"val\">, <tag ...${spread}>, ${children}, self-closing\n  src = src.trim();\n  const nodes = [];\n  let i = 0;\n\n  while (i < src.length) {\n    if (src[i] === '<') {\n      const result = parseElement(src, i, values);\n      if (result) {\n        nodes.push(result.node);\n        i = result.end;\n        continue;\n      }\n    }\n    // Text or interpolation\n    const result = parseText(src, i, values);\n    if (result.text) nodes.push(result.text);\n    i = result.end;\n  }\n\n  return nodes.length === 1 ? nodes[0] : nodes;\n}\n\nfunction parseElement(src, start, values) {\n  // Opening tag\n  const openMatch = src.slice(start).match(/^<([a-zA-Z][a-zA-Z0-9-]*|[A-Z]\\w*)/);\n  if (!openMatch) return null;\n\n  const tag = openMatch[1];\n  let i = start + openMatch[0].length;\n  const props = {};\n\n  // Parse attributes\n  while (i < src.length) {\n    // Skip whitespace\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    // Self-closing or end of opening tag\n    if (src.slice(i, i + 2) === '/>') {\n      return { node: h(tag, Object.keys(props).length ? props : null), end: i + 2 };\n    }\n    if (src[i] === '>') {\n      i++;\n      break;\n    }\n\n    // Spread: ...${obj}\n    if (src.slice(i, i + 3) === '...') {\n      const placeholder = src.slice(i + 3).match(/^\\x00(\\d+)\\x00/);\n      if (placeholder) {\n        Object.assign(props, values[Number(placeholder[1])]);\n        i += 3 + placeholder[0].length;\n        continue;\n      }\n    }\n\n    // Attribute: name=${val} or name=\"val\" or name\n    const attrMatch = src.slice(i).match(/^([a-zA-Z_@:][a-zA-Z0-9_:.-]*)/);\n    if (!attrMatch) break;\n\n    const attrName = attrMatch[1];\n    i += attrMatch[0].length;\n\n    // Skip whitespace around =\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    if (src[i] === '=') {\n      i++;\n      while (i < src.length && /\\s/.test(src[i])) i++;\n\n      // Value is a placeholder\n      const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n      if (ph) {\n        props[attrName] = values[Number(ph[1])];\n        i += ph[0].length;\n      } else if (src[i] === '\"' || src[i] === \"'\") {\n        const q = src[i];\n        i++;\n        let val = '';\n        while (i < src.length && src[i] !== q) {\n          const tph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n          if (tph) {\n            val += String(values[Number(tph[1])]);\n            i += tph[0].length;\n          } else {\n            val += src[i];\n            i++;\n          }\n        }\n        i++; // closing quote\n        props[attrName] = val;\n      }\n    } else {\n      props[attrName] = true;\n    }\n  }\n\n  // Parse children until closing tag\n  const children = [];\n  const closeTag = `</${tag}>`;\n\n  while (i < src.length) {\n    if (src.slice(i, i + closeTag.length) === closeTag) {\n      i += closeTag.length;\n      break;\n    }\n\n    if (src[i] === '<') {\n      const child = parseElement(src, i, values);\n      if (child) {\n        children.push(child.node);\n        i = child.end;\n        continue;\n      }\n    }\n\n    const text = parseText(src, i, values);\n    if (text.text != null) children.push(text.text);\n    i = text.end;\n  }\n\n  return {\n    node: h(tag, Object.keys(props).length ? props : null, ...children),\n    end: i,\n  };\n}\n\nfunction parseText(src, start, values) {\n  let i = start;\n  let text = '';\n\n  while (i < src.length && src[i] !== '<') {\n    const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n    if (ph) {\n      if (text.trim()) {\n        return { text: text.trim(), end: i };\n      }\n      return { text: values[Number(ph[1])], end: i + ph[0].length };\n    }\n    text += src[i];\n    i++;\n  }\n\n  return { text: text.trim() || null, end: i };\n}\n", "// What Framework \u2014 JSX Automatic Runtime\n// Used by: jsxImportSource: \"what-framework\" (or \"what-core\")\n// Vite/esbuild import this automatically when using the \"react-jsx\" transform.\n\nimport { h, Fragment } from './h.js';\n\nexport { Fragment };\n\n// Automatic JSX transform signature: jsx(type, { children, ...props }, key)\n// What's h() signature: h(type, props, ...children)\nexport function jsx(type, props, key) {\n  if (props == null) return h(type, null);\n  const { children, ...rest } = props;\n  if (key !== undefined) rest.key = key;\n  if (children === undefined) return h(type, rest);\n  if (Array.isArray(children)) return h(type, rest, ...children);\n  return h(type, rest, children);\n}\n\n// jsxs = jsx for static children (multiple). Same behavior for What.\nexport const jsxs = jsx;\n"],
+  "mappings": "AAOA,IAAMA,EAAY,OAAO,OAAO,IAAI,EAG7B,SAAS,EAAEC,EAAKC,KAAUC,EAAU,CACzCD,EAAQA,GAASE,EACjB,IAAMC,EAAOC,EAAgBH,CAAQ,EAC/BI,EAAML,EAAM,KAAO,KAGzB,OAAIA,EAAM,MAAQ,SAChBA,EAAQ,CAAE,GAAGA,CAAM,EACnB,OAAOA,EAAM,KAGR,CAAE,IAAAD,EAAK,MAAAC,EAAO,SAAUG,EAAM,IAAAE,EAAK,OAAQ,EAAK,CACzD,CAGO,SAASC,EAAS,CAAE,SAAAL,CAAS,EAAG,CACrC,OAAOA,CACT,CAEA,SAASG,EAAgBH,EAAU,CACjC,IAAMM,EAAM,CAAC,EACb,QAASC,EAAI,EAAGA,EAAIP,EAAS,OAAQO,IAAK,CACxC,IAAMC,EAAQR,EAASO,CAAC,EACpBC,GAAS,MAAQA,IAAU,IAASA,IAAU,KAC9C,MAAM,QAAQA,CAAK,EACrBF,EAAI,KAAK,GAAGH,EAAgBK,CAAK,CAAC,EACzB,OAAOA,GAAU,UAAYA,EAAM,QAEnC,OAAOA,GAAU,WAD1BF,EAAI,KAAKE,CAAK,EAMdF,EAAI,KAAK,OAAOE,CAAK,CAAC,EAE1B,CACA,OAAOF,CACT,CCrCO,SAASG,EAAIC,EAAMC,EAAOC,EAAK,CACpC,GAAID,GAAS,KAAM,OAAO,EAAED,EAAM,IAAI,EACtC,GAAM,CAAE,SAAAG,EAAU,GAAGC,CAAK,EAAIH,EAE9B,OADIC,IAAQ,SAAWE,EAAK,IAAMF,GAC9BC,IAAa,OAAkB,EAAEH,EAAMI,CAAI,EAC3C,MAAM,QAAQD,CAAQ,EAAU,EAAEH,EAAMI,EAAM,GAAGD,CAAQ,EACtD,EAAEH,EAAMI,EAAMD,CAAQ,CAC/B,CAGO,IAAME,EAAON",
+  "names": ["EMPTY_OBJ", "tag", "props", "children", "EMPTY_OBJ", "flat", "flattenChildren", "key", "Fragment", "out", "i", "child", "jsx", "type", "props", "key", "children", "rest", "jsxs"]
+}

package/dist/reactive.js

@@ -1,9 +1,19 @@
-export const __DEV__ = typeof process !== 'undefined' && process.env?.NODE_ENV !== 'production' || true;
+export const __DEV__ = typeof process !== 'undefined'
+? process.env?.NODE_ENV !== 'production'
+: true;
+export let __devtools = null;
+export function __setDevToolsHooks(hooks) {
+if (__DEV__) __devtools = hooks;
+}
 let currentEffect = null;
 let currentRoot = null;
+let currentOwner = null;  
 let batchDepth = 0;
 let pendingEffects = [];
-export function signal(initial) {
+const subSetOwner = new WeakMap();
+const NEEDS_UPSTREAM = Symbol('needs_upstream');
+let iterativeEvalStack = null;  
+export function signal(initial, debugName) {
 let value = initial;
 const subs = new Set();
 function sig(...args) {
@@ -17,12 +27,14 @@ return value;
 const nextVal = typeof args[0] === 'function' ? args[0](value) : args[0];
 if (Object.is(value, nextVal)) return;
 value = nextVal;
+if (__DEV__ && __devtools) __devtools.onSignalUpdate(sig);
 notify(subs);
 }
 sig.set = (next) => {
 const nextVal = typeof next === 'function' ? next(value) : next;
 if (Object.is(value, nextVal)) return;
 value = nextVal;
+if (__DEV__ && __devtools) __devtools.onSignalUpdate(sig);
 notify(subs);
 };
 sig.peek = () => value;
@@ -30,6 +42,11 @@ sig.subscribe = (fn) => {
 return effect(() => fn(sig()));
 };
 sig._signal = true;
+if (__DEV__) {
+sig._subs = subs;
+if (debugName) sig._debugName = debugName;
+}
+if (__DEV__ && __devtools) __devtools.onSignalCreate(sig);
 return sig;
 }
 export function computed(fn) {
@@ -39,12 +56,18 @@ const inner = _createEffect(() => {
 value = fn();
 dirty = false;
 }, true);
+inner._level = 1;
+inner._computed = true;
+inner._computedSubs = subs;
+subSetOwner.set(subs, inner);
+inner._markDirty = () => { dirty = true; };
+inner._isDirty = () => dirty;
 function read() {
 if (currentEffect) {
 subs.add(currentEffect);
 currentEffect.deps.push(subs);
 }
-if (dirty) _runEffect(inner);
+if (dirty) _evaluateComputed(inner);
 return value;
 }
 inner._onNotify = () => {
@@ -53,13 +76,53 @@ notify(subs);
 };
 read._signal = true;
 read.peek = () => {
-if (dirty) _runEffect(inner);
+if (dirty) _evaluateComputed(inner);
 return value;
 };
 return read;
 }
+function _evaluateComputed(computedEffect) {
+if (iterativeEvalStack !== null) {
+iterativeEvalStack.push(computedEffect);
+throw NEEDS_UPSTREAM;
+}
+const stack = [computedEffect];
+iterativeEvalStack = stack;
+try {
+while (stack.length > 0) {
+const current = stack[stack.length - 1];
+if (!current._isDirty || !current._isDirty()) {
+stack.pop();
+continue;
+}
+try {
+_runEffect(current);
+_updateLevel(current);
+stack.pop(); 
+} catch (err) {
+if (err === NEEDS_UPSTREAM) {
+current._markDirty();
+} else {
+throw err; 
+}
+}
+}
+} finally {
+iterativeEvalStack = null;
+}
+}
+function _updateLevel(e) {
+let maxDepLevel = 0;
+for (let i = 0; i < e.deps.length; i++) {
+const owner = subSetOwner.get(e.deps[i]);
+const depLevel = owner ? owner._level : 0;
+if (depLevel > maxDepLevel) maxDepLevel = depLevel;
+}
+e._level = maxDepLevel + 1;
+}
 export function effect(fn, opts) {
 const e = _createEffect(fn);
+e._level = 1;
 const prev = currentEffect;
 currentEffect = e;
 try {
@@ -68,6 +131,7 @@ if (typeof result === 'function') e._cleanup = result;
 } finally {
 currentEffect = prev;
 }
+_updateEffectLevel(e);
 if (opts?.stable) e._stable = true;
 const dispose = () => _disposeEffect(e);
 if (currentRoot) {
@@ -75,6 +139,15 @@ currentRoot.disposals.push(dispose);
 }
 return dispose;
 }
+function _updateEffectLevel(e) {
+let maxDepLevel = 0;
+for (let i = 0; i < e.deps.length; i++) {
+const owner = subSetOwner.get(e.deps[i]);
+const depLevel = owner ? owner._level : 0;
+if (depLevel > maxDepLevel) maxDepLevel = depLevel;
+}
+e._level = maxDepLevel + 1;
+}
 export function batch(fn) {
 batchDepth++;
 try {
@@ -85,7 +158,7 @@ if (batchDepth === 0) flush();
 }
 }
 function _createEffect(fn, lazy) {
-return {
+const e = {
 fn,
 deps: [],            
 lazy: lazy || false,
@@ -93,7 +166,14 @@ _onNotify: null,
 disposed: false,
 _pending: false,
 _stable: false,      
+_level: 0,           
+_computed: false,     
+_computedSubs: null,  
+_isDirty: null,       
+_markDirty: null,     
 };
+if (__DEV__ && __devtools) __devtools.onEffectCreate(e);
+return e;
 }
 function _runEffect(e) {
 if (e.disposed) return;
@@ -109,14 +189,19 @@ currentEffect = null;
 try {
 const result = e.fn();
 if (typeof result === 'function') e._cleanup = result;
+} catch (err) {
+if (__devtools?.onError) __devtools.onError(err, { type: 'effect', effect: e });
+if (__DEV__) console.warn('[what] Error in stable effect:', err);
 } finally {
 currentEffect = prev;
 }
+if (__DEV__ && __devtools?.onEffectRun) __devtools.onEffectRun(e);
 return;
 }
 cleanup(e);
 if (e._cleanup) {
 try { e._cleanup(); } catch (err) {
+if (__devtools?.onError) __devtools.onError(err, { type: 'effect-cleanup', effect: e });
 if (__DEV__) console.warn('[what] Error in effect cleanup:', err);
 }
 e._cleanup = null;
@@ -128,12 +213,18 @@ const result = e.fn();
 if (typeof result === 'function') {
 e._cleanup = result;
 }
+} catch (err) {
+if (err === NEEDS_UPSTREAM) throw err; 
+if (__devtools?.onError) __devtools.onError(err, { type: 'effect', effect: e });
+throw err;
 } finally {
 currentEffect = prev;
 }
+if (__DEV__ && __devtools?.onEffectRun) __devtools.onEffectRun(e);
 }
 function _disposeEffect(e) {
 e.disposed = true;
+if (__DEV__ && __devtools) __devtools.onEffectDispose(e);
 cleanup(e);
 if (e._cleanup) {
 try { e._cleanup(); } catch (err) {
@@ -147,8 +238,16 @@ const deps = e.deps;
 for (let i = 0; i < deps.length; i++) deps[i].delete(e);
 deps.length = 0;
 }
+let notifyQueue = null;  
 function notify(subs) {
-for (const e of subs) {
+const isOutermost = notifyQueue === null;
+if (isOutermost) notifyQueue = [];
+notifyQueue.push(subs);
+if (!isOutermost) return; 
+try {
+while (notifyQueue.length > 0) {
+const currentSubs = notifyQueue.shift();
+for (const e of currentSubs) {
 if (e.disposed) continue;
 if (e._onNotify) {
 e._onNotify();
@@ -162,6 +261,7 @@ if (e._cleanup) try { e._cleanup(); } catch (err) {}
 e._cleanup = result;
 }
 } catch (err) {
+if (__devtools?.onError) __devtools.onError(err, { type: 'effect', effect: e });
 if (__DEV__) console.warn('[what] Error in stable effect:', err);
 } finally {
 currentEffect = prev;
@@ -171,6 +271,10 @@ e._pending = true;
 pendingEffects.push(e);
 }
 }
+}
+} finally {
+notifyQueue = null;
+}
 if (batchDepth === 0 && pendingEffects.length > 0) scheduleMicrotask();
 }
 let microtaskScheduled = false;
@@ -185,22 +289,26 @@ flush();
 }
 function flush() {
 let iterations = 0;
-while (pendingEffects.length > 0 && iterations < 100) {
+while (pendingEffects.length > 0 && iterations < 25) {
 const batch = pendingEffects;
 pendingEffects = [];
+batch.sort((a, b) => a._level - b._level);
 for (let i = 0; i < batch.length; i++) {
 const e = batch[i];
 e._pending = false;
-if (!e.disposed && !e._onNotify) _runEffect(e);
+if (!e.disposed && !e._onNotify) {
+_runEffect(e);
+if (!e._computed) _updateEffectLevel(e);
+}
 }
 iterations++;
 }
-if (iterations >= 100) {
+if (iterations >= 25) {
 if (__DEV__) {
 const remaining = pendingEffects.slice(0, 3);
 const effectNames = remaining.map(e => e.fn?.name || e.fn?.toString().slice(0, 60) || '(anonymous)');
 console.warn(
-`[what] Possible infinite effect loop detected (100 iterations). ` +
+`[what] Possible infinite effect loop detected (25 iterations). ` +
 `Likely cause: an effect writes to a signal it also reads, creating a cycle. ` +
 `Use untrack() to read signals without subscribing. ` +
 `Looping effects: ${effectNames.join(', ')}`
@@ -222,7 +330,10 @@ value = next;
 notify(subs);
 }
 });
+e._level = 1;
 _runEffect(e);
+_updateEffectLevel(e);
+subSetOwner.set(subs, e);
 if (currentRoot) {
 currentRoot.disposals.push(() => _disposeEffect(e));
 }
@@ -250,19 +361,72 @@ return fn();
 currentEffect = prev;
 }
 }
+export function getOwner() {
+return currentOwner;
+}
+export function runWithOwner(owner, fn) {
+const prev = currentOwner;
+const prevRoot = currentRoot;
+currentOwner = owner;
+currentRoot = owner;
+try {
+return fn();
+} finally {
+currentOwner = prev;
+currentRoot = prevRoot;
+}
+}
 export function createRoot(fn) {
 const prevRoot = currentRoot;
-const root = { disposals: [], owner: currentRoot };
+const prevOwner = currentOwner;
+const root = {
+disposals: [],
+owner: currentOwner,     
+children: [],            
+_disposed: false,
+};
+if (currentOwner) {
+currentOwner.children.push(root);
+}
 currentRoot = root;
+currentOwner = root;
 try {
 const dispose = () => {
+if (root._disposed) return;
+root._disposed = true;
+for (let i = root.children.length - 1; i >= 0; i--) {
+_disposeRoot(root.children[i]);
+}
+root.children.length = 0;
 for (let i = root.disposals.length - 1; i >= 0; i--) {
 root.disposals[i]();
 }
 root.disposals.length = 0;
+if (root.owner) {
+const idx = root.owner.children.indexOf(root);
+if (idx >= 0) root.owner.children.splice(idx, 1);
+}
 };
 return fn(dispose);
 } finally {
 currentRoot = prevRoot;
+currentOwner = prevOwner;
+}
+}
+function _disposeRoot(root) {
+if (root._disposed) return;
+root._disposed = true;
+for (let i = root.children.length - 1; i >= 0; i--) {
+_disposeRoot(root.children[i]);
+}
+root.children.length = 0;
+for (let i = root.disposals.length - 1; i >= 0; i--) {
+root.disposals[i]();
+}
+root.disposals.length = 0;
+}
+export function onCleanup(fn) {
+if (currentRoot) {
+currentRoot.disposals.push(fn);
 }
 }