ajo 0.1.32 → 0.1.33

package/LLMs.md

@@ -58,7 +58,7 @@ const Counter: Stateful<Args, 'section'> = function* ({ initial }) {
         <>
           <input
             ref={el => inputRef = el}
-            value={count}
+            set:value={count}
             set:oninput={e => this.next(() => count = +(e.target as HTMLInputElement).value)}
           />
           <button set:onclick={inc}>+{step}</button>
@@ -119,7 +119,7 @@ ref?.next()  // trigger re-render from outside
 | **Lists** | Always provide unique `key` on elements |
 | **Refs** | `ref={el => ...}` on elements. Receives `null` on unmount. Stateful ref type: `ThisParameterType<typeof Component>` |
 | **Memo** | `memo={[deps]}` array, `memo={value}` single, or just `memo` (never re-render). Skips subtree if unchanged |
-| **Skip** | `skip` excludes children from reconciliation. Use for `set:textContent`/`set:innerHTML` or third-party managed DOM |
+| **Skip** | `skip` excludes children from reconciliation; it does not sanitize `set:innerHTML` |
 | **Custom wrapper** | `stateful(fn, 'tagname')` sets `.is` and infers `this` type. Or manually: `Stateful<Args, 'tagname'>` + `.is = 'tagname'`. Default is `div` (no need to set) |
 | **Default attrs** | `.attrs = { class: '...' }` on stateful component generator function |
 | **Default args** | `.args = { prop: value }` on stateful component generator function |
@@ -224,7 +224,7 @@ counterRef?.next()  // trigger re-render from outside
 <input type="checkbox" set:checked={bool} /> // DOM property: syncs with state
 <video set:currentTime={0} set:muted />      // DOM properties
 <div set:textContent={str} skip />           // DOM property + skip (required!)
-<div set:innerHTML={html} skip />            // DOM property + skip (required!)
+<div set:innerHTML={trustedHtml} skip />     // trusted/sanitized HTML + skip
 
 // Post-render work (DOM is updated by the time the microtask runs)
 const ScrollList: Stateful<{ items: Item[] }> = function* () {
@@ -321,9 +321,12 @@ const inc = () => count++  // won't re-render
 // ❌ set:textContent/innerHTML without skip: content gets cleared
 <div set:innerHTML={html} />
 
+// ❌ skip is not sanitization
+<div set:innerHTML={userHtml} skip />
+
 // ✅ Correct
 const inc = () => this.next(() => count++)
-<div set:innerHTML={html} skip />
+<div set:innerHTML={trustedHtml} skip />
 ```
 
 ## Setup
@@ -346,4 +349,4 @@ export default defineConfig({
 })
 ```
 
-For other build systems: `jsx: 'react-jsx'` (or `'automatic'`), `jsxImportSource: 'ajo'`. No manual imports needed — the build tool auto-imports from `ajo/jsx-runtime`.
+For other build systems: `jsx: 'react-jsx'` (or `'automatic'`), `jsxImportSource: 'ajo'`. No manual imports needed — the build tool auto-imports from `ajo/jsx-runtime`.

package/context.js

@@ -1,18 +1,18 @@
-export const Context = Symbol.for('ajo.context')
-
-export const context = (fallback, key = Symbol()) => function (...args) {
-
-	const self = this ?? component
-
-	return self
-		? args.length
-			? self[Context][key] = args[0]
-			: key in self[Context]
-				? self[Context][key]
-				: fallback
-		: fallback
-}
-
-let component = null
-
-export const current = (...args) => args.length ? (component = args[0]) : component
+export const Context = Symbol.for('ajo.context')
+
+export const context = (fallback, key = Symbol()) => function (...args) {
+
+	const self = this ?? component
+
+	return self
+		? args.length
+			? self[Context][key] = args[0]
+			: key in self[Context]
+				? self[Context][key]
+				: fallback
+		: fallback
+}
+
+let component = null
+
+export const current = (...args) => args.length ? (component = args[0]) : component

package/dist/context.js

@@ -1,11 +1 @@
-const e = /* @__PURE__ */ Symbol.for("ajo.context"), r = (t, o = /* @__PURE__ */ Symbol()) => function(...l) {
-  const n = this ?? c;
-  return n ? l.length ? n[e][o] = l[0] : o in n[e] ? n[e][o] : t : t;
-};
-let c = null;
-const s = (...t) => t.length ? c = t[0] : c;
-export {
-  e as Context,
-  r as context,
-  s as current
-};
+var t=Symbol.for("ajo.context"),n=(n,o=Symbol())=>function(...l){let r=this??e;return r?l.length?r[t][o]=l[0]:o in r[t]?r[t][o]:n:n},e=null,o=(...t)=>t.length?e=t[0]:e;export{t as Context,n as context,o as current};

package/dist/html.js

@@ -1,55 +1 @@
-import { Context as d, current as c } from "./context.js";
-const w = /* @__PURE__ */ new Set(["area", "base", "br", "col", "command", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), p = /* @__PURE__ */ Symbol.for("ajo.args"), i = (t) => t.replace(/[&<>"']/g, (e) => `&#${e.charCodeAt(0)};`), m = () => {
-}, S = { tag: "div" }, C = (t) => {
-  let e = "";
-  return f(t, (n) => e += n), e;
-}, f = (t, e) => {
-  if (t == null) return;
-  const n = typeof t;
-  if (n != "boolean")
-    if (n == "string") e(i(t));
-    else if (n == "number" || n == "bigint") e(i(String(t)));
-    else if (Symbol.iterator in t) for (t of t) f(t, e);
-    else "nodeName" in t ? typeof t.nodeName == "function" ? v(t, e) : g(t, e) : e(i(String(t)));
-}, g = (t, e) => {
-  const { nodeName: n, children: s } = t;
-  let l = "";
-  for (const o in t)
-    o == "nodeName" || o == "children" || o == "key" || o == "skip" || o == "memo" || o == "ref" || o.startsWith("set:") || t[o] == null || t[o] === !1 || (t[o] === !0 ? l += ` ${o}` : l += ` ${o}="${i(String(t[o]))}"`);
-  w.has(n) ? e(`<${n}${l}>`) : (e(`<${n}${l}>`), s != null && f(s, e), e(`</${n}>`));
-}, v = ({ nodeName: t, fallback: e = t.fallback, ...n }, s) => {
-  t.constructor.name == "GeneratorFunction" ? x(t, n, s) : f(t(n), s);
-}, x = (t, e, n) => {
-  const s = { ...t.attrs }, l = { ...t.args };
-  for (const r in e)
-    r.startsWith("attr:") ? s[r.slice(5)] = e[r] : r == "key" || r == "skip" || r == "memo" || r == "ref" || r.startsWith("set:") ? s[r] = e[r] : l[r] = e[r];
-  const o = new AbortController(), b = {
-    *[Symbol.iterator]() {
-      for (; ; ) yield this[p];
-    },
-    [d]: Object.create(c()?.[d] ?? null),
-    [p]: l,
-    signal: o.signal,
-    next: m,
-    return: m,
-    throw: (r) => {
-      throw r;
-    }
-  }, u = t.call(b, l), k = c();
-  c(b);
-  const y = (r) => ({ ...s, nodeName: t.is ?? S.tag, children: r });
-  let a = "";
-  try {
-    g(y(u.next().value), (r) => a += r);
-  } catch (r) {
-    a = "", g(y(u.throw(r).value), ($) => a += $);
-  } finally {
-    u.return(), o.abort(), c(k);
-  }
-  n(a);
-};
-export {
-  S as defaults,
-  f as html,
-  C as render
-};
+import{isVNode as t,mark as n}from"./jsx.js";import{Context as e,current as o}from"./context.js";var{keys:r}=Object,a=new Set(["area","base","br","col","command","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),l=Symbol.for("ajo.args"),s=e=>e.replace(/[&<>"']/g,e=>`&#${e.charCodeAt(0)};`),i=/^[A-Za-z][\w:.-]*$/,m=/^[^\s"'/>=\0-\x1F\x7F]+$/,f=()=>{},c={tag:"div"},u=e=>{let t="";return d(e,e=>t+=e),t},d=(e,r)=>{if(null==e)return;let a=typeof e;if("boolean"!=a)if("string"==a)r(s(e));else if("number"==a||"bigint"==a)r(s(String(e)));else if(t(e))"function"==typeof e.nodeName?b(e,r):g(e,r);else if(Symbol.iterator in Object(e))for(e of e)d(e,r);else r(s(String(e)))},g=(e,t)=>{let{nodeName:o,children:n}=e;o="string"==typeof o&&i.test(o)?o:c.tag;let l="";for(let t of r(e))"nodeName"==t||"children"==t||"key"==t||"skip"==t||"memo"==t||"ref"==t||t.startsWith("set:")||!m.test(t)||null==e[t]||!1===e[t]||(!0===e[t]?l+=` ${t}`:l+=` ${t}="${s(String(e[t]))}"`);t(`<${o}${l}>`),a.has(o)||(null!=n&&d(n,t),t(`</${o}>`))},b=({nodeName:e,...t},r)=>{"GeneratorFunction"==e.constructor.name?h(e,t,r):d(e(t),r)},h=(t,a,s)=>{let i={...t.attrs},m={...t.args};for(let e of r(a))e.startsWith("attr:")?i[e.slice(5)]=a[e]:"key"==e||"skip"==e||"memo"==e||"ref"==e||e.startsWith("set:")?i[e]=a[e]:m[e]=a[e];let u=new AbortController,d={*[Symbol.iterator](){for(;;)yield this[l]},[e]:Object.create(o()?.[e]??null),[l]:m,signal:u.signal,next:f,return:f,throw:e=>{throw e}},b=t.call(d,m),h=o();o(d);let y=e=>n({...i,nodeName:t.is??c.tag,children:e}),p="";try{g(y(b.next().value),e=>p+=e)}catch(t){p="",g(y(b.throw(t).value),e=>p+=e)}finally{b.return(),u.abort(),o(h)}s(p)};export{c as defaults,d as html,u as render};

package/dist/index.js

@@ -1,110 +1 @@
-import { Context as x, current as c } from "./context.js";
-const { isArray: h } = Array, { assign: N, create: A } = Object, l = /* @__PURE__ */ Symbol.for("ajo.key"), b = /* @__PURE__ */ Symbol.for("ajo.keyed"), C = /* @__PURE__ */ Symbol.for("ajo.memo"), u = /* @__PURE__ */ Symbol.for("ajo.cache"), a = /* @__PURE__ */ Symbol.for("ajo.generator"), o = /* @__PURE__ */ Symbol.for("ajo.iterator"), g = /* @__PURE__ */ Symbol.for("ajo.render"), f = /* @__PURE__ */ Symbol.for("ajo.args"), E = /* @__PURE__ */ Symbol.for("ajo.controller"), v = { tag: "div" }, q = (r, t) => (t && (r.is = t), r), S = (r, t, e = t.firstChild, i = null) => {
-  for (p(r, (n) => {
-    const s = typeof n == "string" ? W(n, e) : B(n, t, e);
-    e == null ? y(t, s, i) : s == e ? e = s.nextSibling : s == e.nextSibling ? (y(t, e, i), e = s.nextSibling) : y(t, s, e);
-  }); e != i; ) {
-    const n = e.nextSibling;
-    e.nodeType == 1 && R(e), t.removeChild(e), e = n;
-  }
-}, p = (r, t) => {
-  if (r == null) return;
-  const e = typeof r;
-  if (e != "boolean")
-    if (e == "string") t(r);
-    else if (e == "number" || e == "bigint") t(String(r));
-    else if (Symbol.iterator in r) for (r of r) p(r, t);
-    else "nodeName" in r ? typeof r.nodeName == "function" ? G(r, t) : t(r) : t(String(r));
-}, G = ({ nodeName: r, ...t }, e) => {
-  r.constructor.name == "GeneratorFunction" ? e(T(r, t)) : p(r(t), e);
-}, T = (r, t) => {
-  const e = { ...r.attrs }, i = { ...r.args };
-  for (const n in t)
-    n.startsWith("attr:") ? e[n.slice(5)] = t[n] : n == "key" || n == "skip" || n == "memo" || n == "ref" || n.startsWith("set:") ? e[n] = t[n] : i[n] = t[n];
-  return { ...e, nodeName: r.is ?? v.tag, [a]: r, [f]: i };
-}, W = (r, t) => {
-  for (; t && t.nodeType != 3; ) t = t.nextSibling;
-  return t ? t.data != r && (t.data = r) : t = document.createTextNode(r), t;
-}, B = (r, t, e) => {
-  const { nodeName: i, children: n, key: s, skip: k, memo: w, [a]: m, [f]: j } = r;
-  for (s != null && (e = (t[b] ??= /* @__PURE__ */ new Map()).get(s) ?? e); e && (e.localName != i || e[l] != null && e[l] != s || e[a] && e[a] != m); ) e = e[l] != null ? null : e.nextElementSibling;
-  return e ??= document.createElementNS(r.xmlns ?? t.namespaceURI, i), s != null && t[b].set(e[l] = s, e), (w == null || K(e[C], e[C] = w)) && (I(e[u], e[u] = r, e), k || (m ? F(m, j, e) : S(n, e))), e;
-}, I = (r, t, e) => {
-  for (const i in { ...r, ...t })
-    i == "nodeName" || i == "children" || i == "key" || i == "skip" || i == "memo" || r?.[i] === t[i] || (i == "ref" && typeof t[i] == "function" ? t[i](e) : i.startsWith("set:") ? e[i.slice(4)] = t[i] : t[i] == null || t[i] === !1 ? e.removeAttribute(i) : e.setAttribute(i, t[i] === !0 ? "" : t[i]));
-}, K = (r, t) => h(r) && h(t) ? r.some((e, i) => e !== t[i]) : r !== t, M = (r, t) => {
-  let e = t.firstElementChild;
-  for (; e; )
-    if (r(e) && e.firstElementChild) e = e.firstElementChild;
-    else {
-      for (; e != t && !e.nextElementSibling; ) e = e.parentNode ?? t;
-      e = e != t && e.nextElementSibling;
-    }
-}, y = (r, t, e) => {
-  if (t.isConnected && t.contains(document.activeElement)) {
-    const i = t.nextSibling;
-    for (; e && e != t; ) {
-      const n = e.nextSibling;
-      r.insertBefore(e, i), e = n;
-    }
-  } else r.insertBefore(t, e);
-}, R = (r) => {
-  let t = r;
-  for (; t.firstElementChild; ) t = t.firstElementChild;
-  for (; ; ) {
-    const { nextElementSibling: e, parentNode: i } = t;
-    if (t[l] != null && i?.[b]?.delete(t[l]), typeof t.return == "function" && t.return(!1), typeof t[u]?.ref == "function" && t[u].ref(null), t === r) break;
-    if (t = e ?? i ?? r, e) for (; t.firstElementChild; ) t = t.firstElementChild;
-  }
-}, F = (r, t, e) => {
-  e[a] ??= (N(e, O)[x] = A(c()?.[x] ?? null), r), e[f] = t, e[g]();
-}, O = {
-  *[Symbol.iterator]() {
-    for (; ; ) yield this[f];
-  },
-  [g]() {
-    const r = c();
-    c(this);
-    try {
-      this[o] || (this.signal = (this[E] = new AbortController()).signal, this[o] = this[a].call(this, this[f]));
-      const { value: t, done: e } = this[o].next();
-      S(t, this), e && this.return();
-    } catch (t) {
-      this.throw(t);
-    } finally {
-      c(r);
-    }
-  },
-  next(r, t) {
-    if (!this.isConnected) return t;
-    try {
-      typeof r == "function" && (t = r.call(this, this[f]));
-    } catch (e) {
-      return this.throw(e);
-    }
-    return c()?.contains(this) || this[g](), t;
-  },
-  throw(r) {
-    for (let t = this; t; t = t.parentNode) if (t[o]?.throw) try {
-      return S(t[o].throw(r).value, t);
-    } catch (e) {
-      r = new Error(e?.message ?? e, { cause: r });
-    }
-    throw r;
-  },
-  return(r = !0) {
-    r && M((t) => typeof t.return == "function" ? t.return() : !0, this);
-    try {
-      this[o]?.return();
-    } catch (t) {
-      this.throw(t);
-    } finally {
-      this[o] = null, this[E]?.abort();
-    }
-  }
-};
-export {
-  v as defaults,
-  S as render,
-  q as stateful
-};
+import{isVNode as t,mark as n}from"./jsx.js";import{Context as e,current as o}from"./context.js";var y,{isArray:r}=Array,{assign:a,hasOwn:l,keys:s}=Object,i=Symbol.for("ajo.key"),m=Symbol.for("ajo.keyed"),f=Symbol.for("ajo.memo"),c=Symbol.for("ajo.cache"),u=Symbol.for("ajo.generator"),d=Symbol.for("ajo.iterator"),g=Symbol.for("ajo.render"),b=Symbol.for("ajo.args"),h=Symbol.for("ajo.controller"),p={tag:"div"},S=(e,t)=>(t&&(e.is=t),e),x=(e,t,r=t.firstChild,n=null)=>{if(C(e,e=>{let i="string"==typeof e?E(e,r,n):k(e,t,r,n);null==r?A(t,i,n):i==r?r=i.nextSibling:i==r.nextSibling?(A(t,r,n),r=i.nextSibling):A(t,i,r)}),r&&!n&&r==t.firstChild){let e=[];for(t[m]?.clear();r;)e.push(r),r=r.nextSibling;for(r of(t.textContent="",e))1==r.nodeType&&O(r)}else for(;r&&r!=n;){let e=r.nextSibling,n=t.removeChild(r);1==n.nodeType&&O(n,t),r=e}},C=(e,r)=>{if(null==e)return;let n=typeof e;if("boolean"!=n)if("string"==n)r(e);else if("number"==n||"bigint"==n)r(String(e));else if(t(e))"function"==typeof e.nodeName?N(e,r):r(e);else if(Symbol.iterator in Object(e))for(e of e)C(e,r);else r(String(e))},N=({nodeName:e,...t},r)=>{"GeneratorFunction"==e.constructor.name?r(j(e,t)):C(e(t),r)},j=(e,t)=>{let r={...e.attrs},i={...e.args};for(let e of s(t))e.startsWith("attr:")?r[e.slice(5)]=t[e]:"key"==e||"skip"==e||"memo"==e||"ref"==e||e.startsWith("set:")?r[e]=t[e]:i[e]=t[e];return n({...r,nodeName:e.is??p.tag,[u]:e,[b]:i})},E=(e,t,r)=>{for(;t&&t!=r&&3!=t.nodeType;)t=t.nextSibling;return t&&t!=r?t.data!=e&&(t.data=e):t=document.createTextNode(e),t},k=(e,t,r,n)=>{let o=e.nodeName,l=e.key,s=e[u];for(r&&null!=l&&null==n&&(r=(t[m]??=new Map).get(l)??r);r&&r!=n&&(r.localName!=o||null!=r[i]&&r[i]!=l||r[u]&&r[u]!=s);)r=null==r[i]?r.nextElementSibling:null;return r==n&&(r=null),r??=document.createElementNS(e.xmlns??t.namespaceURI,o),null!=l&&(t[m]??=new Map).set(r[i]=l,r),(!r[c]||null==e.memo||w(r[f],e.memo))&&(v(r[c],e,r),e.skip||(s?T(s,e[b],r):r[c]||"string"!=typeof e.children&&"number"!=typeof e.children?x(e.children,r):r.textContent=e.children+""),r[f]=e.memo,r[c]=e),r},v=(e,t,r)=>{if(!e)for(let e=r.attributes.length;e--;)l(t,r.attributes[e].name)||r.removeAttribute(r.attributes[e].name);for(let n in t)if(l(t,n)){let i=t[n];if(e&&e[n]===i||"nodeName"==n||"children"==n||"key"==n||"skip"==n||"memo"==n)continue;"ref"==n&&"function"==typeof i?i(r):n.startsWith("set:")?r[n.slice(4)]=i:null==i||!1===i?r.removeAttribute(n):"class"==n&&"string"==typeof r.className?r.className=!0===i?"":i:r.setAttribute(n,!0===i?"":i)}if(e)for(let n in e)if(l(e,n)){if(l(t,n)||"nodeName"==n||"children"==n||"key"==n||"skip"==n||"memo"==n)continue;n.startsWith("set:")?r[n.slice(4)]=void 0:r.removeAttribute(n)}},w=(e,t)=>{if(r(e)&&r(t)){if(e.length!=t.length)return!0;for(let r=e.length;r--;)if(e[r]!==t[r])return!0;return!1}return e!==t},A=(e,t,r)=>{if(t.isConnected&&t.contains(document.activeElement)){let n=t.nextSibling;for(;r&&r!=t;){let t=r.nextSibling;e.insertBefore(r,n),r=t}}else e.insertBefore(t,r)},O=(e,t)=>{if(e[f]==O)return;e[f]=O;let r=e;for(;r.firstElementChild;)r=r.firstElementChild;for(;;){let{nextElementSibling:n,parentNode:o}=r;if(null!=r[i]&&(o??t)?.[m]?.delete(r[i]),"function"==typeof r.return&&r.return(!1),"function"==typeof r[c]?.ref&&r[c].ref(null),r===e)break;if(r=n??o??e,n)for(;r.firstElementChild;)r=r.firstElementChild}},T=(t,r,n)=>{n[u]??=(W(),a(n,M)[e]=Object.create(o()?.[e]??null),t);for(let e of s(n[b]??=r))l(r,e)||delete n[b][e];a(n[b],r),n[g]()},W=()=>y||(y=new MutationObserver(e=>{for(let t of e)for(let e of t.removedNodes)1==e.nodeType&&!e.isConnected&&O(e,t.target)})).observe(document,{childList:!0,subtree:!0}),M={*[Symbol.iterator](){for(;;)yield this[b]},[g](){let e=o();o(this);try{this[d]||(this.signal=(this[h]=new AbortController).signal,this[d]=this[u].call(this,this[b]));let{value:e,done:t}=this[d].next();x(e,this),t&&this.return()}catch(e){this.throw(e)}finally{o(e)}},next(e,t){if(!1===this[d]||!this.isConnected)return t;try{"function"==typeof e&&(t=e.call(this,this[b]))}catch(e){return this.throw(e)}return o()?.contains(this)||this[g](),t},throw(e){for(let t=this;t;t=t.parentNode)if(t[d]?.throw)try{return x(t[d].throw(e).value,t)}catch(t){e=Error(t?.message??t,{cause:e})}throw e},return(e=!0){if(!1===this[d])return;let t=this[d];this[d]=!1,e&&((e,t)=>{let r=t.firstElementChild;for(;r;)if(e(r)&&r.firstElementChild)r=r.firstElementChild;else{for(;r!=t&&!r.nextElementSibling;)r=r.parentNode??t;r=r!=t&&r.nextElementSibling}})(e=>"function"!=typeof e.return||e.return(),this);try{t?.return()}catch(e){this.throw(e)}finally{this[d]=null,this[h]?.abort()}}};export{p as defaults,x as render,S as stateful};

package/dist/jsx.js

@@ -1,12 +1 @@
-const l = (e) => e.children, i = (e, n, ...t) => ((n ??= {}).nodeName = e, !("children" in n) && t.length && (n.children = t.length == 1 ? t[0] : t), n);
-function c(e, n, t) {
-  return t != null && ((n ??= {}).key = t), i(e, n);
-}
-const s = c, u = c;
-export {
-  l as Fragment,
-  i as h,
-  c as jsx,
-  u as jsxDEV,
-  s as jsxs
-};
+var t=Symbol.for("ajo.vnode"),n=a=>(a[t]=a,a),e=a=>a?.[t]===a,o=a=>a.children;function r(a,s,e){return(s??={}).nodeName=a,null!=e&&(s.key=e),n(s)}var a=r,l=r;export{o as Fragment,e as isVNode,r as jsx,l as jsxDEV,a as jsxs,n as mark};

package/html.js

@@ -1,12 +1,17 @@
-import { Context, current } from './context.js'
-
-const Void = new Set(['area', 'base', 'br', 'col', 'command', 'embed', 'hr', 'img', 'input', 'keygen', 'link', 'meta', 'param', 'source', 'track', 'wbr'])
-
-const Args = Symbol.for('ajo.args')
-
-const escape = s => s.replace(/[&<>"']/g, c => `&#${c.charCodeAt(0)};`)
-
-const noop = () => { }
+import { Context, current } from './context.js'
+import { isVNode, mark } from './jsx.js'
+
+const { keys } = Object
+
+const Void = new Set(['area', 'base', 'br', 'col', 'command', 'embed', 'hr', 'img', 'input', 'keygen', 'link', 'meta', 'param', 'source', 'track', 'wbr'])
+
+const Args = Symbol.for('ajo.args')
+
+const escape = s => s.replace(/[&<>"']/g, c => `&#${c.charCodeAt(0)};`)
+
+const Tag = /^[A-Za-z][\w:.-]*$/, Attr = /^[^\s"'/>=\0-\x1F\x7F]+$/
+
+const noop = () => { }
 
 export const defaults = { tag: 'div' }
 
@@ -19,53 +24,53 @@ export const render = h => {
 	return out
 }
 
-export const html = (h, emit) => {
-
-	if (h == null) return
-
-	const type = typeof h
-
-	if (type == 'boolean') return
+export const html = (h, emit) => {
+
+	if (h == null) return
+
+	const type = typeof h
+
+	if (type == 'boolean') return
 
 	if (type == 'string') emit(escape(h))
 
-	else if (type == 'number' || type == 'bigint') emit(escape(String(h)))
+	else if (type == 'number' || type == 'bigint') emit(escape(String(h)))
 
-	else if (Symbol.iterator in h) for (h of h) html(h, emit)
-
-	else if ('nodeName' in h) typeof h.nodeName == 'function' ? run(h, emit) : element(h, emit)
-
-	else emit(escape(String(h)))
-}
+	else if (isVNode(h)) typeof h.nodeName == 'function' ? run(h, emit) : element(h, emit)
+
+	else if (Symbol.iterator in Object(h)) for (h of h) html(h, emit)
+
+	else emit(escape(String(h)))
+}
 
 const element = (h, emit) => {
 
-	const { nodeName, children } = h
-
-	let a = ''
-
-	for (const key in h) {
-
-		if (key == 'nodeName' || key == 'children' || key == 'key' || key == 'skip' || key == 'memo' || key == 'ref' || key.startsWith('set:') || h[key] == null || h[key] === false) continue
-
-		if (h[key] === true) a += ` ${key}`
-
-		else a += ` ${key}="${escape(String(h[key]))}"`
-	}
-
-	if (Void.has(nodeName)) emit(`<${nodeName}${a}>`)
-
-	else {
-
-		emit(`<${nodeName}${a}>`)
-
-		if (children != null) html(children, emit)
-
-		emit(`</${nodeName}>`)
+	let { nodeName, children } = h
+
+	nodeName = typeof nodeName == 'string' && Tag.test(nodeName) ? nodeName : defaults.tag
+
+	let a = ''
+
+	for (const key of keys(h)) {
+
+		if (key == 'nodeName' || key == 'children' || key == 'key' || key == 'skip' || key == 'memo' || key == 'ref' || key.startsWith('set:') || !Attr.test(key) || h[key] == null || h[key] === false) continue
+
+		if (h[key] === true) a += ` ${key}`
+
+		else a += ` ${key}="${escape(String(h[key]))}"`
+	}
+
+	emit(`<${nodeName}${a}>`)
+
+	if (!Void.has(nodeName)) {
+
+		if (children != null) html(children, emit)
+
+		emit(`</${nodeName}>`)
 	}
 }
 
-const run = ({ nodeName, fallback = nodeName.fallback, ...h }, emit) => {
+const run = ({ nodeName, ...h }, emit) => {
 
 	if (nodeName.constructor.name == 'GeneratorFunction') runGenerator(nodeName, h, emit)
 
@@ -76,7 +81,7 @@ const runGenerator = (fn, h, emit) => {
 
 	const attrs = { ...fn.attrs }, args = { ...fn.args }
 
-	for (const key in h) {
+	for (const key of keys(h)) {
 
 		if (key.startsWith('attr:')) attrs[key.slice(5)] = h[key]
 
@@ -89,7 +94,7 @@ const runGenerator = (fn, h, emit) => {
 
 	const instance = {
 
-		*[Symbol.iterator]() { while (true) yield this[Args] },
+		*[Symbol.iterator]() { while (true) yield this[Args] },
 
 		[Context]: Object.create(current()?.[Context] ?? null),
 
@@ -110,19 +115,19 @@ const runGenerator = (fn, h, emit) => {
 
 	current(instance)
 
-	const vnode = children => ({ ...attrs, nodeName: fn.is ?? defaults.tag, children })
-
-	let out = ''
-
-	try {
-
-		element(vnode(iterator.next().value), chunk => out += chunk)
-
-	} catch (error) {
-
-		out = ''
-
-		element(vnode(iterator.throw(error).value), chunk => out += chunk)
+	const vnode = children => mark({ ...attrs, nodeName: fn.is ?? defaults.tag, children })
+
+	let out = ''
+
+	try {
+
+		element(vnode(iterator.next().value), chunk => out += chunk)
+
+	} catch (error) {
+
+		out = ''
+
+		element(vnode(iterator.throw(error).value), chunk => out += chunk)
 
 	} finally {