ajo 0.1.23 → 0.1.25

package/dist/html.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./context.cjs"),A=new Set(["area","base","br","col","command","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),w=new Set(["key","skip","memo","ref"]),$=new Set(["nodeName","children",...w]),j=Symbol.for("ajo.args"),l=e=>e.replace(/[&<>"']/g,r=>`&#${r.charCodeAt(0)};`),m=(e,r)=>({nodeName:"div","data-ssr":e,children:r}),y=()=>{},x=e=>[...v(e)].join(""),v=function*(e,r=()=>"",i=y){yield*g(f(e,r,i))},f=(e,r,i)=>{if(!(e==null||typeof e=="boolean")){if(typeof e=="string"||typeof e=="number")return String(e);if(Array.isArray(e)){const n=[];for(e of e.flat(1/0)){const t=f(e,r,i);t!=null&&n.push(t)}return n.length===1?n[0]:n}if(typeof e=="object"&&"nodeName"in e){if(typeof e.nodeName=="function")return k(e,r,i);const n={nodeName:e.nodeName};for(const t in e)!$.has(t)&&!t.startsWith("set:")&&(n[t]=e[t]);return"children"in e&&(n.children=f(e.children,r,i)),n}return String(e)}},k=({nodeName:e,fallback:r=e.fallback,...i},n,t)=>{if(e.src){const o=n();return t({id:o,src:e.src,h:i,done:!0}),m(o,r)}const s=e.constructor.name;if(s==="GeneratorFunction")return p(e,i,n,t);if(s==="AsyncGeneratorFunction")return G(e,r,i,n,t);if(i=e(i),i instanceof Promise){if(t===y)return r;const o=n();return i.then(a=>t({id:o,h:f(a,(d=o)=>n(d),t),done:!0})),m(o,r)}return f(i,n,t)},p=(e,r,i,n)=>{var S,b;const t={...e.attrs},s={...e.args};for(const c in r)c.startsWith("attr:")?t[c.slice(5)]=r[c]:w.has(c)||c.startsWith("set:")?t[c]=r[c]:s[c]=r[c];const o={[u.Context]:Object.assign(Object.create(null),(S=u.current())==null?void 0:S[u.Context]),[j]:s,render:y,next:y,return:y,throw:c=>{throw c}},a=e.call(o,s),d=u.current();u.current(o);try{return{...t,nodeName:e.is??"div",children:f(a.next().value,i,n)}}finally{(b=a.return)==null||b.call(a),u.current(d)}},G=(e,r,i,n,t)=>{if(t===y)return r;const s=n();return Promise.resolve().then(async()=>{var a;n=(d=s)=>n(d);const o=e(i);try{for(i=await o.next();!i.done;)t({id:s,h:f(i.value,n,t),done:!1}),i=await o.next();t({id:s,h:f(i.value,n,t),done:!0})}catch(d){t({id:s,h:f(d,n,t),done:!0})}finally{(a=o.return)==null||a.call(o)}}),m(s,r)},g=function*(e){if(typeof e=="string")yield l(e);else if(Array.isArray(e))for(e of e)yield*g(e);else if(typeof e=="object"&&"nodeName"in e){const{nodeName:r,children:i}=e;let n="";for(const t in e)$.has(t)||t.startsWith("set:")||e[t]==null||e[t]===!1||(e[t]===!0?n+=` ${t}`:n+=` ${t}="${l(String(e[t]))}"`);A.has(r)?yield`<${r}${n}>`:(yield`<${r}${n}>`,i!=null&&(yield*g(i)),yield`</${r}>`)}else yield l(String(e))};exports.html=v;exports.render=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./context.cjs"),b=new Set(["area","base","br","col","command","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),S=new Set(["key","skip","memo","ref"]),w=new Set(["nodeName","children"]),$=Symbol.for("ajo.args"),g=e=>e.replace(/[&<>"']/g,r=>`&#${r.charCodeAt(0)};`),u=()=>{},v=e=>[...y(e)].join(""),y=function*(e,{alloc:r=u,push:n=u,placeholder:t=u}={}){for(e of f(e,{alloc:r,push:n,placeholder:t}))typeof e=="string"?yield g(e):yield*x(e,{alloc:r,push:n,placeholder:t})},x=function*(e,r){const{nodeName:n,children:t}=e;let l="";for(const i in e)w.has(i)||i.startsWith("set:")||e[i]==null||e[i]===!1||(e[i]===!0?l+=` ${i}`:l+=` ${i}="${g(String(e[i]))}"`);b.has(n)?yield`<${n}${l}>`:(yield`<${n}${l}>`,t!=null&&(yield*y(t,r)),yield`</${n}>`)},f=function*(e,r){if(e==null)return;const n=typeof e;if(n!="boolean")if(n=="string")yield e;else if(n=="number"||n=="bigint")yield String(e);else if(Symbol.iterator in e)for(e of e)yield*f(e,r);else"nodeName"in e?typeof e.nodeName=="function"?yield*A(e,r):yield o(e,r):yield String(e)},A=function*({nodeName:e,fallback:r=e.fallback,...n},t){const l=e.constructor.name;e.src?yield j(e.src,n,t):l=="GeneratorFunction"?yield G(e,n,t):l=="AsyncGeneratorFunction"?yield C(e,r,n,t):(n=e(n),typeof(n==null?void 0:n.then)=="function"?yield O(r,n,t):yield*f(n,t))},j=(e,r,n)=>{const t=n.alloc();return n.push({id:t,src:e,h:o(r,n),done:!0}),n.placeholder(t)},G=(e,r,n)=>{var p,m;const t={...e.attrs},l={...e.args};for(const c in r)c.startsWith("attr:")?t[c.slice(5)]=r[c]:S.has(c)||c.startsWith("set:")?t[c]=r[c]:l[c]=r[c];const i={[a.Context]:Object.create(((p=a.current())==null?void 0:p[a.Context])??null),[$]:l,render:u,next:u,return:u,throw:c=>{throw c}},s=e.call(i,l),d=a.current();a.current(i);try{const c=[...f(s.next().value,n)];return{...t,nodeName:e.is??"div",children:c.length==1?c[0]:c}}finally{(m=s.return)==null||m.call(s),a.current(d)}},C=(e,r,n,t)=>{const l=t.alloc();return Promise.resolve().then(async()=>{var s;const i=e(n);t={...t,alloc:(d=l)=>t.alloc(d)};try{for(n=await i.next();!n.done;)t.push({id:l,h:o(n.value,t),done:!1}),n=await i.next();t.push({id:l,h:o(n.value,t),done:!0})}catch(d){t.push({id:l,h:o(d,t),done:!0})}finally{(s=i.return)==null||s.call(i)}}),t.placeholder(l,r)},O=(e,r,n)=>{const t=n.alloc();return r.then(l=>n.push({id:t,h:o(l,{...n,alloc:(i=t)=>n.alloc(i)}),done:!0})),n.placeholder(t,e)},o=({key:e,skip:r,memo:n,ref:t,...l},i)=>{if("children"in l){const s=[...f(l.children,i)];s.length?l.children=s.length==1?s[0]:s:delete l.children}return l};exports.html=y;exports.render=v;

package/dist/html.js

@@ -1,90 +1,77 @@
-import { Context as $, current as u } from "./context.js";
-const v = /* @__PURE__ */ new Set(["area", "base", "br", "col", "command", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), b = /* @__PURE__ */ new Set(["key", "skip", "memo", "ref"]), A = /* @__PURE__ */ new Set(["nodeName", "children", ...b]), j = Symbol.for("ajo.args"), l = (e) => e.replace(/[&<>"']/g, (r) => `&#${r.charCodeAt(0)};`), m = (e, r) => ({ nodeName: "div", "data-ssr": e, children: r }), y = () => {
-}, N = (e) => [...k(e)].join(""), k = function* (e, r = () => "", i = y) {
-  yield* g(f(e, r, i));
-}, f = (e, r, i) => {
-  if (!(e == null || typeof e == "boolean")) {
-    if (typeof e == "string" || typeof e == "number") return String(e);
-    if (Array.isArray(e)) {
-      const n = [];
-      for (e of e.flat(1 / 0)) {
-        const t = f(e, r, i);
-        t != null && n.push(t);
-      }
-      return n.length === 1 ? n[0] : n;
-    }
-    if (typeof e == "object" && "nodeName" in e) {
-      if (typeof e.nodeName == "function") return p(e, r, i);
-      const n = { nodeName: e.nodeName };
-      for (const t in e) !A.has(t) && !t.startsWith("set:") && (n[t] = e[t]);
-      return "children" in e && (n.children = f(e.children, r, i)), n;
-    }
-    return String(e);
-  }
-}, p = ({ nodeName: e, fallback: r = e.fallback, ...i }, n, t) => {
-  if (e.src) {
-    const o = n();
-    return t({ id: o, src: e.src, h: i, done: !0 }), m(o, r);
-  }
-  const s = e.constructor.name;
-  if (s === "GeneratorFunction") return x(e, i, n, t);
-  if (s === "AsyncGeneratorFunction") return G(e, r, i, n, t);
-  if (i = e(i), i instanceof Promise) {
-    if (t === y) return r;
-    const o = n();
-    return i.then((a) => t({ id: o, h: f(a, (d = o) => n(d), t), done: !0 })), m(o, r);
-  }
-  return f(i, n, t);
-}, x = (e, r, i, n) => {
-  var w, S;
-  const t = { ...e.attrs }, s = { ...e.args };
+import { Context as m, current as f } from "./context.js";
+const w = /* @__PURE__ */ new Set(["area", "base", "br", "col", "command", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), S = /* @__PURE__ */ new Set(["key", "skip", "memo", "ref"]), $ = /* @__PURE__ */ new Set(["nodeName", "children"]), v = Symbol.for("ajo.args"), g = (e) => e.replace(/[&<>"']/g, (r) => `&#${r.charCodeAt(0)};`), a = () => {
+}, O = (e) => [...b(e)].join(""), b = function* (e, { alloc: r = a, push: n = a, placeholder: t = a } = {}) {
+  for (e of u(e, { alloc: r, push: n, placeholder: t }))
+    typeof e == "string" ? yield g(e) : yield* x(e, { alloc: r, push: n, placeholder: t });
+}, x = function* (e, r) {
+  const { nodeName: n, children: t } = e;
+  let l = "";
+  for (const i in e)
+    $.has(i) || i.startsWith("set:") || e[i] == null || e[i] === !1 || (e[i] === !0 ? l += ` ${i}` : l += ` ${i}="${g(String(e[i]))}"`);
+  w.has(n) ? yield `<${n}${l}>` : (yield `<${n}${l}>`, t != null && (yield* b(t, r)), yield `</${n}>`);
+}, u = function* (e, r) {
+  if (e == null) return;
+  const n = typeof e;
+  if (n != "boolean")
+    if (n == "string") yield e;
+    else if (n == "number" || n == "bigint") yield String(e);
+    else if (Symbol.iterator in e) for (e of e) yield* u(e, r);
+    else "nodeName" in e ? typeof e.nodeName == "function" ? yield* A(e, r) : yield o(e, r) : yield String(e);
+}, A = function* ({ nodeName: e, fallback: r = e.fallback, ...n }, t) {
+  const l = e.constructor.name;
+  e.src ? yield G(e.src, n, t) : l == "GeneratorFunction" ? yield j(e, n, t) : l == "AsyncGeneratorFunction" ? yield W(e, r, n, t) : (n = e(n), typeof (n == null ? void 0 : n.then) == "function" ? yield C(r, n, t) : yield* u(n, t));
+}, G = (e, r, n) => {
+  const t = n.alloc();
+  return n.push({ id: t, src: e, h: o(r, n), done: !0 }), n.placeholder(t);
+}, j = (e, r, n) => {
+  var y, p;
+  const t = { ...e.attrs }, l = { ...e.args };
   for (const c in r)
-    c.startsWith("attr:") ? t[c.slice(5)] = r[c] : b.has(c) || c.startsWith("set:") ? t[c] = r[c] : s[c] = r[c];
-  const o = {
-    [$]: Object.assign(/* @__PURE__ */ Object.create(null), (w = u()) == null ? void 0 : w[$]),
-    [j]: s,
-    render: y,
-    next: y,
-    return: y,
+    c.startsWith("attr:") ? t[c.slice(5)] = r[c] : S.has(c) || c.startsWith("set:") ? t[c] = r[c] : l[c] = r[c];
+  const i = {
+    [m]: Object.create(((y = f()) == null ? void 0 : y[m]) ?? null),
+    [v]: l,
+    render: a,
+    next: a,
+    return: a,
     throw: (c) => {
       throw c;
     }
-  }, a = e.call(o, s), d = u();
-  u(o);
+  }, s = e.call(i, l), d = f();
+  f(i);
   try {
-    return { ...t, nodeName: e.is ?? "div", children: f(a.next().value, i, n) };
+    const c = [...u(s.next().value, n)];
+    return { ...t, nodeName: e.is ?? "div", children: c.length == 1 ? c[0] : c };
   } finally {
-    (S = a.return) == null || S.call(a), u(d);
+    (p = s.return) == null || p.call(s), f(d);
   }
-}, G = (e, r, i, n, t) => {
-  if (t === y) return r;
-  const s = n();
+}, W = (e, r, n, t) => {
+  const l = t.alloc();
   return Promise.resolve().then(async () => {
-    var a;
-    n = (d = s) => n(d);
-    const o = e(i);
+    var s;
+    const i = e(n);
+    t = { ...t, alloc: (d = l) => t.alloc(d) };
     try {
-      for (i = await o.next(); !i.done; )
-        t({ id: s, h: f(i.value, n, t), done: !1 }), i = await o.next();
-      t({ id: s, h: f(i.value, n, t), done: !0 });
+      for (n = await i.next(); !n.done; )
+        t.push({ id: l, h: o(n.value, t), done: !1 }), n = await i.next();
+      t.push({ id: l, h: o(n.value, t), done: !0 });
     } catch (d) {
-      t({ id: s, h: f(d, n, t), done: !0 });
+      t.push({ id: l, h: o(d, t), done: !0 });
     } finally {
-      (a = o.return) == null || a.call(o);
+      (s = i.return) == null || s.call(i);
     }
-  }), m(s, r);
-}, g = function* (e) {
-  if (typeof e == "string") yield l(e);
-  else if (Array.isArray(e)) for (e of e) yield* g(e);
-  else if (typeof e == "object" && "nodeName" in e) {
-    const { nodeName: r, children: i } = e;
-    let n = "";
-    for (const t in e)
-      A.has(t) || t.startsWith("set:") || e[t] == null || e[t] === !1 || (e[t] === !0 ? n += ` ${t}` : n += ` ${t}="${l(String(e[t]))}"`);
-    v.has(r) ? yield `<${r}${n}>` : (yield `<${r}${n}>`, i != null && (yield* g(i)), yield `</${r}>`);
-  } else yield l(String(e));
+  }), t.placeholder(l, r);
+}, C = (e, r, n) => {
+  const t = n.alloc();
+  return r.then((l) => n.push({ id: t, h: o(l, { ...n, alloc: (i = t) => n.alloc(i) }), done: !0 })), n.placeholder(t, e);
+}, o = ({ key: e, skip: r, memo: n, ref: t, ...l }, i) => {
+  if ("children" in l) {
+    const s = [...u(l.children, i)];
+    s.length ? l.children = s.length == 1 ? s[0] : s : delete l.children;
+  }
+  return l;
 };
 export {
-  k as html,
-  N as render
+  b as html,
+  O as render
 };

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./context.cjs"),a=Symbol.for("ajo.key"),b=Symbol.for("ajo.memo"),y=Symbol.for("ajo.ref"),S=Symbol.for("ajo.cache"),f=Symbol.for("ajo.generator"),o=Symbol.for("ajo.iterator"),u=Symbol.for("ajo.args"),p=t=>t.children,A=(t,r,...n)=>((r??(r={})).nodeName=t,!("children"in r)&&n.length&&(r.children=n.length==1?n[0]:n),r),l=(t,r,n=r.firstChild,s)=>{for(t of m(t)){const e=C(t,r,n);e===n?n=n.nextSibling:F(r,e,n)}for(;n&&n!=s;){const e=n.nextSibling;n.nodeType==1&&j(n),r.removeChild(n),n=e}},m=function*(t,r={h:""},n=!0){if(!(t==null||typeof t=="boolean")){if(Array.isArray(t))for(t of t.flat(1/0))yield*m(t,r,!1);else typeof t=="object"&&"nodeName"in t?(r.h&&(yield r.h,r.h=""),typeof t.nodeName=="function"?yield*v(t,r):yield t):r.h+=t;n&&r.h&&(yield r.h)}},v=function*({nodeName:t,...r},n){t.constructor.name=="GeneratorFunction"?yield h(t,r):yield*m(t(r),n,!1)},h=function(t,r){const n={...t.attrs},s={...t.args};for(const e in r)e.startsWith("attr:")?n[e.slice(5)]=r[e]:e=="key"||e=="memo"||e.startsWith("set:")?n[e]=r[e]:s[e]=r[e];return{...n,nodeName:t.is??"div",skip:!0,ref:W.bind(null,t,s)}},C=(t,r,n)=>typeof t=="string"?N(t,n):O(t,r,n),N=(t,r)=>{for(;r&&r.nodeType!=3;)r=r.nextSibling;return r?r.data!=t&&(r.data=t):r=document.createTextNode(t),r},O=({nodeName:t,children:r,key:n,skip:s,memo:e,ref:g,...x},w,i)=>{for(;i&&!(i.localName==t&&(i[a]??(i[a]=n))==n);)i=i.nextSibling;return i??(i=Object.assign(document.createElementNS(x.xmlns??w.namespaceURI,t),{[a]:n})),(e==null||E(i[b],i[b]=e))&&(k(i[S]??T(i),i[S]=x,i),s||l(r,i),typeof g=="function"&&(i[y]=g)(i)),i},k=(t,r,n)=>{for(const s in{...t,...r})t[s]!==r[s]&&(s.startsWith("set:")?n[s.slice(4)]=r[s]:r[s]==null||r[s]===!1?n.removeAttribute(s):n.setAttribute(s,r[s]===!0?"":r[s]))},E=(t,r)=>Array.isArray(t)&&Array.isArray(r)?t.some((n,s)=>n!==r[s]):t!==r,T=t=>Array.from(t.attributes).reduce((r,n)=>(r[n.name]=n.value,r),{}),F=(t,r,n)=>{if(!r.contains(document.activeElement))return t.insertBefore(r,n);const s=r.nextSibling;for(;n&&n!=r;){const e=n.nextSibling;t.insertBefore(n,s),n=e}},j=t=>{var r;for(const n of t.children)j(n);(r=t[y])==null||r.call(t,null)},W=(t,{skip:r,ref:n,...s},e)=>{e&&(e[f]??(e[f]=(B(e),t)),e[y]=M.bind(null,n,e),Object.assign(e[u]??(e[u]={}),s),r||e.next())},B=t=>{var r;Object.assign(t,R),t[c.Context]=Object.create(((r=c.current())==null?void 0:r[c.Context])??null)},M=(t,r,n)=>{typeof t=="function"&&t(n),n||r.return()},R={render(){var t;(t=c.current())!=null&&t.contains(this)||this.next()},next(){var r;const t=c.current();c.current(this);try{const{value:n,done:s}=(this[o]??(this[o]=this[f].call(this,this[u]))).next();l(n,this),(r=this[y])==null||r.call(this,this),s&&this.return()}catch(n){this.throw(n)}finally{c.current(t)}},throw(t){var r;for(let n=this;n;n=n.parentNode)if(typeof((r=n[o])==null?void 0:r.throw)=="function")try{return l(n[o].throw(t).value,n)}catch(s){t=new Error(s instanceof Error?s.message:s,{cause:t})}throw t},return(){var t;try{(t=this[o])==null||t.return()}catch(r){this.throw(r)}finally{this[o]=null}}};exports.Fragment=p;exports.h=A;exports.render=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./context.cjs"),u=Symbol.for("ajo.keyed"),b=Symbol.for("ajo.key"),j=Symbol.for("ajo.memo"),m=Symbol.for("ajo.ref"),v=Symbol.for("ajo.cache"),f=Symbol.for("ajo.generator"),o=Symbol.for("ajo.iterator"),l=Symbol.for("ajo.args"),p=t=>t.children,A=(t,r,...n)=>((r??(r={})).nodeName=t,!("children"in r)&&n.length&&(r.children=n.length==1?n[0]:n),r),y=(t,r)=>{let n=r.firstChild;for(t of S(t)){const e=O(t,r,n);n==null?g(r,e):e==n?n=n.nextSibling:g(r,e,e==n.nextSibling?n=C(r,n):n)}for(;n;){const e=n.nextSibling;r.removeChild(n),n=e}},C=(t,r)=>{const n=r.nextSibling;return g(t,r),n.nextSibling},S=function*(t){if(t==null)return;const r=typeof t;if(r!="boolean")if(r=="string")yield t;else if(r=="number"||r=="bigint")yield String(t);else if(Symbol.iterator in t)for(t of t)yield*S(t);else"nodeName"in t?typeof t.nodeName=="function"?yield*E(t):yield t:yield String(t)},E=function*({nodeName:t,...r}){t.constructor.name=="GeneratorFunction"?yield N(t,r):yield*S(t(r))},N=function(t,r){const n={...t.attrs},e={...t.args};for(const i in r)i.startsWith("attr:")?n[i.slice(5)]=r[i]:i=="key"||i=="memo"||i.startsWith("set:")?n[i]=r[i]:e[i]=r[i];return{...n,nodeName:t.is??"div",skip:!0,ref:B.bind(null,t,e)}},O=(t,r,n)=>typeof t=="string"?M(t,n):T(t,r,n),M=(t,r)=>{for(;r&&r.nodeType!=3;)r=r.nextSibling;return r?r.data!=t&&(r.data=t):r=document.createTextNode(t),r},T=({nodeName:t,children:r,key:n,skip:e,memo:i,ref:w,...h},a,s)=>{for(n!=null&&(s=(a[u]??(a[u]=new Map)).get(n)??s);s&&s.localName!=t;)s=s.nextSibling;return s??(s=document.createElementNS(h.xmlns??a.namespaceURI,t)),n!=s[b]&&(s[b]!=null&&x(s),a[u].set(s[b]=n,s)),(i==null||F(s[j],s[j]=i))&&(k(s[v]??W(s),s[v]=h,s),e||y(r,s),typeof w=="function"&&(s[m]=w)(s)),s},k=(t,r,n)=>{for(const e in{...t,...r})t[e]!==r[e]&&(e.startsWith("set:")?n[e.slice(4)]=r[e]:r[e]==null||r[e]===!1?n.removeAttribute(e):n.setAttribute(e,r[e]===!0?"":r[e]))},F=(t,r)=>Array.isArray(t)&&Array.isArray(r)?t.some((n,e)=>n!==r[e]):t!==r,W=t=>Array.from(t.attributes).reduce((r,n)=>(r[n.name]=n.value,r),{}),g=(t,r,n)=>{if(!r.contains(document.activeElement))return t.insertBefore(r,n);const e=r.nextSibling;for(;n&&n!=r;){const i=n.nextSibling;t.insertBefore(n,e),n=i}},x=t=>{var r,n;for(const e of t.children)x(e);(r=t[u])==null||r.clear(),t[f]&&(t[f]=null),(n=t[m])==null||n.call(t,null)},B=(t,{skip:r,ref:n,...e},i)=>{i&&(i[f]??(i[f]=(R(i),t)),i[m]=q.bind(null,n,i),Object.assign(i[l]??(i[l]={}),e),r||i.next())},R=t=>{var r;Object.assign(t,L),t[c.Context]=Object.create(((r=c.current())==null?void 0:r[c.Context])??null)},q=(t,r,n)=>{typeof t=="function"&&t(n),n||r.return()},L={render(){var t;(t=c.current())!=null&&t.contains(this)||this.next()},next(){var r;const t=c.current();c.current(this);try{const{value:n,done:e}=(this[o]??(this[o]=this[f].call(this,this[l]))).next();y(n,this),(r=this[m])==null||r.call(this,this),e&&this.return()}catch(n){this.throw(n)}finally{c.current(t)}},throw(t){var r;for(let n=this;n;n=n.parentNode)if(typeof((r=n[o])==null?void 0:r.throw)=="function")try{return y(n[o].throw(t).value,n)}catch(e){t=new Error(e instanceof Error?e.message:e,{cause:t})}throw t},return(){var t;try{(t=this[o])==null||t.return()}catch(r){this.throw(r)}finally{this[o]=null}}};"MutationObserver"in globalThis&&new MutationObserver(t=>t.forEach(r=>r.removedNodes.forEach(n=>n.isConnected||n.nodeType==1&&x(n)))).observe(document,{childList:!0,subtree:!0});exports.Fragment=p;exports.h=A;exports.render=y;

package/dist/index.js

@@ -1,54 +1,60 @@
-import { Context as b, current as a } from "./context.js";
-const c = Symbol.for("ajo.key"), S = Symbol.for("ajo.memo"), l = Symbol.for("ajo.ref"), j = Symbol.for("ajo.cache"), f = Symbol.for("ajo.generator"), o = Symbol.for("ajo.iterator"), u = Symbol.for("ajo.args"), I = (t) => t.children, M = (t, r, ...n) => ((r ?? (r = {})).nodeName = t, !("children" in r) && n.length && (r.children = n.length == 1 ? n[0] : n), r), y = (t, r, n = r.firstChild, s) => {
-  for (t of m(t)) {
-    const e = h(t, r, n);
-    e === n ? n = n.nextSibling : T(r, e, n);
+import { Context as j, current as a } from "./context.js";
+const u = Symbol.for("ajo.keyed"), y = Symbol.for("ajo.key"), p = Symbol.for("ajo.memo"), m = Symbol.for("ajo.ref"), v = Symbol.for("ajo.cache"), c = Symbol.for("ajo.generator"), o = Symbol.for("ajo.iterator"), l = Symbol.for("ajo.args"), q = (t) => t.children, z = (t, r, ...n) => ((r ?? (r = {})).nodeName = t, !("children" in r) && n.length && (r.children = n.length == 1 ? n[0] : n), r), b = (t, r) => {
+  let n = r.firstChild;
+  for (t of x(t)) {
+    const i = C(t, r, n);
+    n == null ? g(r, i) : i == n ? n = n.nextSibling : g(r, i, i == n.nextSibling ? n = A(r, n) : n);
   }
-  for (; n && n != s; ) {
-    const e = n.nextSibling;
-    n.nodeType == 1 && w(n), r.removeChild(n), n = e;
-  }
-}, m = function* (t, r = { h: "" }, n = !0) {
-  if (!(t == null || typeof t == "boolean")) {
-    if (Array.isArray(t)) for (t of t.flat(1 / 0)) yield* m(t, r, !1);
-    else typeof t == "object" && "nodeName" in t ? (r.h && (yield r.h, r.h = ""), typeof t.nodeName == "function" ? yield* A(t, r) : yield t) : r.h += t;
-    n && r.h && (yield r.h);
+  for (; n; ) {
+    const i = n.nextSibling;
+    r.removeChild(n), n = i;
   }
-}, A = function* ({ nodeName: t, ...r }, n) {
-  t.constructor.name == "GeneratorFunction" ? yield v(t, r) : yield* m(t(r), n, !1);
-}, v = function(t, r) {
-  const n = { ...t.attrs }, s = { ...t.args };
+}, A = (t, r) => {
+  const n = r.nextSibling;
+  return g(t, r), n.nextSibling;
+}, x = function* (t) {
+  if (t == null) return;
+  const r = typeof t;
+  if (r != "boolean")
+    if (r == "string") yield t;
+    else if (r == "number" || r == "bigint") yield String(t);
+    else if (Symbol.iterator in t) for (t of t) yield* x(t);
+    else "nodeName" in t ? typeof t.nodeName == "function" ? yield* E(t) : yield t : yield String(t);
+}, E = function* ({ nodeName: t, ...r }) {
+  t.constructor.name == "GeneratorFunction" ? yield N(t, r) : yield* x(t(r));
+}, N = function(t, r) {
+  const n = { ...t.attrs }, i = { ...t.args };
   for (const e in r)
-    e.startsWith("attr:") ? n[e.slice(5)] = r[e] : e == "key" || e == "memo" || e.startsWith("set:") ? n[e] = r[e] : s[e] = r[e];
-  return { ...n, nodeName: t.is ?? "div", skip: !0, ref: W.bind(null, t, s) };
-}, h = (t, r, n) => typeof t == "string" ? N(t, n) : k(t, r, n), N = (t, r) => {
+    e.startsWith("attr:") ? n[e.slice(5)] = r[e] : e == "key" || e == "memo" || e.startsWith("set:") ? n[e] = r[e] : i[e] = r[e];
+  return { ...n, nodeName: t.is ?? "div", skip: !0, ref: B.bind(null, t, i) };
+}, C = (t, r, n) => typeof t == "string" ? O(t, n) : k(t, r, n), O = (t, r) => {
   for (; r && r.nodeType != 3; ) r = r.nextSibling;
   return r ? r.data != t && (r.data = t) : r = document.createTextNode(t), r;
-}, k = ({ nodeName: t, children: r, key: n, skip: s, memo: e, ref: x, ...g }, p, i) => {
-  for (; i && !(i.localName == t && (i[c] ?? (i[c] = n)) == n); ) i = i.nextSibling;
-  return i ?? (i = Object.assign(document.createElementNS(g.xmlns ?? p.namespaceURI, t), { [c]: n })), (e == null || E(i[S], i[S] = e)) && (C(i[j] ?? O(i), i[j] = g, i), s || y(r, i), typeof x == "function" && (i[l] = x)(i)), i;
-}, C = (t, r, n) => {
-  for (const s in { ...t, ...r })
-    t[s] !== r[s] && (s.startsWith("set:") ? n[s.slice(4)] = r[s] : r[s] == null || r[s] === !1 ? n.removeAttribute(s) : n.setAttribute(s, r[s] === !0 ? "" : r[s]));
-}, E = (t, r) => Array.isArray(t) && Array.isArray(r) ? t.some((n, s) => n !== r[s]) : t !== r, O = (t) => Array.from(t.attributes).reduce((r, n) => (r[n.name] = n.value, r), {}), T = (t, r, n) => {
+}, k = ({ nodeName: t, children: r, key: n, skip: i, memo: e, ref: w, ...h }, f, s) => {
+  for (n != null && (s = (f[u] ?? (f[u] = /* @__PURE__ */ new Map())).get(n) ?? s); s && s.localName != t; ) s = s.nextSibling;
+  return s ?? (s = document.createElementNS(h.xmlns ?? f.namespaceURI, t)), n != s[y] && (s[y] != null && S(s), f[u].set(s[y] = n, s)), (e == null || T(s[p], s[p] = e)) && (M(s[v] ?? W(s), s[v] = h, s), i || b(r, s), typeof w == "function" && (s[m] = w)(s)), s;
+}, M = (t, r, n) => {
+  for (const i in { ...t, ...r })
+    t[i] !== r[i] && (i.startsWith("set:") ? n[i.slice(4)] = r[i] : r[i] == null || r[i] === !1 ? n.removeAttribute(i) : n.setAttribute(i, r[i] === !0 ? "" : r[i]));
+}, T = (t, r) => Array.isArray(t) && Array.isArray(r) ? t.some((n, i) => n !== r[i]) : t !== r, W = (t) => Array.from(t.attributes).reduce((r, n) => (r[n.name] = n.value, r), {}), g = (t, r, n) => {
   if (!r.contains(document.activeElement)) return t.insertBefore(r, n);
-  const s = r.nextSibling;
+  const i = r.nextSibling;
   for (; n && n != r; ) {
     const e = n.nextSibling;
-    t.insertBefore(n, s), n = e;
+    t.insertBefore(n, i), n = e;
   }
-}, w = (t) => {
-  var r;
-  for (const n of t.children) w(n);
-  (r = t[l]) == null || r.call(t, null);
-}, W = (t, { skip: r, ref: n, ...s }, e) => {
-  e && (e[f] ?? (e[f] = (B(e), t)), e[l] = F.bind(null, n, e), Object.assign(e[u] ?? (e[u] = {}), s), r || e.next());
-}, B = (t) => {
+}, S = (t) => {
+  var r, n;
+  for (const i of t.children) S(i);
+  (r = t[u]) == null || r.clear(), t[c] && (t[c] = null), (n = t[m]) == null || n.call(t, null);
+}, B = (t, { skip: r, ref: n, ...i }, e) => {
+  e && (e[c] ?? (e[c] = (F(e), t)), e[m] = R.bind(null, n, e), Object.assign(e[l] ?? (e[l] = {}), i), r || e.next());
+}, F = (t) => {
   var r;
-  Object.assign(t, R), t[b] = Object.create(((r = a()) == null ? void 0 : r[b]) ?? null);
-}, F = (t, r, n) => {
+  Object.assign(t, L), t[j] = Object.create(((r = a()) == null ? void 0 : r[j]) ?? null);
+}, R = (t, r, n) => {
   typeof t == "function" && t(n), n || r.return();
-}, R = {
+}, L = {
   render() {
     var t;
     (t = a()) != null && t.contains(this) || this.next();
@@ -58,8 +64,8 @@ const c = Symbol.for("ajo.key"), S = Symbol.for("ajo.memo"), l = Symbol.for("ajo
     const t = a();
     a(this);
     try {
-      const { value: n, done: s } = (this[o] ?? (this[o] = this[f].call(this, this[u]))).next();
-      y(n, this), (r = this[l]) == null || r.call(this, this), s && this.return();
+      const { value: n, done: i } = (this[o] ?? (this[o] = this[c].call(this, this[l]))).next();
+      b(n, this), (r = this[m]) == null || r.call(this, this), i && this.return();
     } catch (n) {
       this.throw(n);
     } finally {
@@ -69,9 +75,9 @@ const c = Symbol.for("ajo.key"), S = Symbol.for("ajo.memo"), l = Symbol.for("ajo
   throw(t) {
     var r;
     for (let n = this; n; n = n.parentNode) if (typeof ((r = n[o]) == null ? void 0 : r.throw) == "function") try {
-      return y(n[o].throw(t).value, n);
-    } catch (s) {
-      t = new Error(s instanceof Error ? s.message : s, { cause: t });
+      return b(n[o].throw(t).value, n);
+    } catch (i) {
+      t = new Error(i instanceof Error ? i.message : i, { cause: t });
     }
     throw t;
   },
@@ -86,8 +92,11 @@ const c = Symbol.for("ajo.key"), S = Symbol.for("ajo.memo"), l = Symbol.for("ajo
     }
   }
 };
+"MutationObserver" in globalThis && new MutationObserver(
+  (t) => t.forEach((r) => r.removedNodes.forEach((n) => n.isConnected || n.nodeType == 1 && S(n)))
+).observe(document, { childList: !0, subtree: !0 });
 export {
-  I as Fragment,
-  M as h,
-  y as render
+  q as Fragment,
+  z as h,
+  b as render
 };

package/dist/stream.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs"),d=require("./html.cjs"),h=async function*(n){const t=new Set,e=[],s=new Map,l=(i="")=>{const r=s.get(i)??(s.set(i,0),0);return s.set(i,r+1),i?`${i}:${r}`:String(r)},c=i=>{const r=Promise.resolve(`<script>window.$stream?.push(${JSON.stringify(i)})<\/script>`);t.add(r),r.then(a=>e.push(a)).finally(()=>t.delete(r))};for(n of d.html(n,l,c))yield n;for(;t.size;)for(await Promise.race(t);e.length;)yield e.shift();for(;e.length;)yield e.shift()},u=async({id:n,src:t,h:e})=>{const s=document.querySelector(`[data-ssr="${n}"]`);s&&(t?o.render(o.h((await import(t)).default,e),s):o.render(e,s))};exports.hydrate=u;exports.stream=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index.cjs"),m=require("./html.cjs"),y=async function*(o,n=""){const s=new Map([[n,0]]),t=new Set,i=[],r=(e=n)=>(s.set(e,(s.get(e)??0)+1),e?`${e}:${s.get(e)-1}`:String(s.get(e)-1)),h=(e,c)=>({nodeName:"div","data-ssr":e,children:c}),f=e=>{const c=Promise.resolve(`<script>window.$stream?.push(${JSON.stringify(e)})<\/script>`);t.add(c),c.then(u=>i.push(u)).finally(()=>t.delete(c))};for(const e of m.html(o,{alloc:r,placeholder:h,push:f}))yield e;for(;t.size||i.length;){for(;i.length;)yield i.shift();t.size&&await Promise.race(t)}},d=new Set;async function l({id:o,src:n,h:s}){const t=document.querySelector(`[data-ssr="${o}"]`);if(!t)return d.add({id:o,src:n,h:s});n?a.render(a.h((await import(n)).default,s),t):a.render(s,t);const i=o+":";for(const r of d)r.id.startsWith(i)&&(d.delete(r),l(r))}exports.hydrate=l;exports.stream=y;

package/dist/stream.js

@@ -1,22 +1,24 @@
-import { render as n, h as d } from "./index.js";
-import { html as h } from "./html.js";
-const u = async function* (r) {
-  const e = /* @__PURE__ */ new Set(), t = [], s = /* @__PURE__ */ new Map(), l = (i = "") => {
-    const o = s.get(i) ?? (s.set(i, 0), 0);
-    return s.set(i, o + 1), i ? `${i}:${o}` : String(o);
-  }, c = (i) => {
-    const o = Promise.resolve(`<script>window.$stream?.push(${JSON.stringify(i)})<\/script>`);
-    e.add(o), o.then((a) => t.push(a)).finally(() => e.delete(o));
+import { render as l, h as m } from "./index.js";
+import { html as u } from "./html.js";
+const y = async function* (i, n = "") {
+  const s = /* @__PURE__ */ new Map([[n, 0]]), e = /* @__PURE__ */ new Set(), o = [], c = (t = n) => (s.set(t, (s.get(t) ?? 0) + 1), t ? `${t}:${s.get(t) - 1}` : String(s.get(t) - 1)), d = (t, r) => ({ nodeName: "div", "data-ssr": t, children: r }), f = (t) => {
+    const r = Promise.resolve(`<script>window.$stream?.push(${JSON.stringify(t)})<\/script>`);
+    e.add(r), r.then((h) => o.push(h)).finally(() => e.delete(r));
   };
-  for (r of h(r, l, c)) yield r;
-  for (; e.size; )
-    for (await Promise.race(e); t.length; ) yield t.shift();
-  for (; t.length; ) yield t.shift();
-}, w = async ({ id: r, src: e, h: t }) => {
-  const s = document.querySelector(`[data-ssr="${r}"]`);
-  s && (e ? n(d((await import(e)).default, t), s) : n(t, s));
-};
+  for (const t of u(i, { alloc: c, placeholder: d, push: f })) yield t;
+  for (; e.size || o.length; ) {
+    for (; o.length; ) yield o.shift();
+    e.size && await Promise.race(e);
+  }
+}, a = /* @__PURE__ */ new Set();
+async function p({ id: i, src: n, h: s }) {
+  const e = document.querySelector(`[data-ssr="${i}"]`);
+  if (!e) return a.add({ id: i, src: n, h: s });
+  n ? l(m((await import(n)).default, s), e) : l(s, e);
+  const o = i + ":";
+  for (const c of a) c.id.startsWith(o) && (a.delete(c), p(c));
+}
 export {
-  w as hydrate,
-  u as stream
+  p as hydrate,
+  y as stream
 };

package/package.json

@@ -1,24 +1,27 @@
 {
   "name": "ajo",
-  "version": "0.1.23",
+  "version": "0.1.25",
   "description": "ajo is a JavaScript view library for building user interfaces",
   "type": "module",
+  "types": "./types.ts",
+  "module": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "exports": {
     ".": {
       "types": "./types.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
-    "./html": {
-      "types": "./types.ts",
-      "import": "./dist/html.js",
-      "require": "./dist/html.cjs"
-    },
     "./context": {
       "types": "./types.ts",
       "import": "./dist/context.js",
       "require": "./dist/context.cjs"
     },
+    "./html": {
+      "types": "./types.ts",
+      "import": "./dist/html.js",
+      "require": "./dist/html.cjs"
+    },
     "./stream": {
       "types": "./types.ts",
       "import": "./dist/stream.js",
@@ -29,12 +32,6 @@
     "dist",
     "types.ts"
   ],
-  "scripts": {
-    "test": "vitest --run",
-    "build": "vite build",
-    "bump": "pnpm version patch && git push && git push --tags",
-    "release": "pnpm test && pnpm build && pnpm bump && pnpm publish"
-  },
   "devDependencies": {
     "@types/node": "24.0.0",
     "happy-dom": "18.0.1",
@@ -53,5 +50,11 @@
   "author": "Cristian Falcone",
   "license": "ISC",
   "bugs": "https://github.com/cristianfalcone/ajo/issues",
-  "homepage": "https://github.com/cristianfalcone/ajo#readme"
-}
+  "homepage": "https://github.com/cristianfalcone/ajo#readme",
+  "scripts": {
+    "test": "vitest --run",
+    "build": "vite build",
+    "bump": "pnpm version patch && git push && git push --tags",
+    "release": "pnpm test && pnpm build && pnpm bump && pnpm publish"
+  }
+}

package/types.ts

@@ -1,88 +1,99 @@
 declare module 'ajo' {
 
-  type Tag = keyof (HTMLElementTagNameMap & SVGElementTagNameMap)
+	type Tag = keyof (HTMLElementTagNameMap & SVGElementTagNameMap)
 
-  type Type = Tag | Stateless | Stateful
+	type Type = Tag | Stateless | Stateful
 
-  type Component<TProps extends Props = {}> = Stateless<TProps> | Stateful<TProps>
+	type Component<TProps extends Props = {}> = Stateless<TProps> | Stateful<TProps>
 
-  type Props = Record<string, unknown>
+	type Props = Record<string, unknown>
 
-  type VNode<TTag extends Type, TProps extends Props> = TProps & {
-    nodeName: TTag,
-    children?: Children,
-  }
+	type VNode<TTag extends Type, TProps extends Props> = TProps & {
+		nodeName: TTag,
+		children?: Children,
+	}
 
-  type Children = unknown
+	type Children = unknown
 
-  type ElementType<TTag> = TTag extends keyof HTMLElementTagNameMap
-    ? HTMLElementTagNameMap[TTag]
-    : TTag extends keyof SVGElementTagNameMap
-    ? SVGElementTagNameMap[TTag]
-    : never
+	type ElementType<TTag> = TTag extends keyof HTMLElementTagNameMap
+		? HTMLElementTagNameMap[TTag]
+		: TTag extends keyof SVGElementTagNameMap
+		? SVGElementTagNameMap[TTag]
+		: never
 
-  type SpecialProps<TElement> = {
-    key: unknown,
-    skip: boolean,
-    memo: unknown,
-    ref: (el: TElement | null) => void,
-  } & ElementChildrenAttribute
+	type SpecialProps<TElement> = {
+		key: unknown,
+		skip: boolean,
+		memo: unknown,
+		ref: (el: TElement | null) => void,
+	} & ElementChildrenAttribute
 
-  type PropSetter<TTag> = {
-    [K in keyof ElementType<TTag> as `set:${Exclude<K, symbol>}`]: ElementType<TTag>[K]
-  }
+	type PropSetter<TTag> = {
+		[K in keyof ElementType<TTag> as `set:${Exclude<K, symbol>}`]: ElementType<TTag>[K]
+	}
 
-  type AttrSetter = {
-    [key: `attr:${string}`]: unknown
-  }
+	type AttrSetter = {
+		[key: `attr:${string}`]: unknown
+	}
 
-  type Stateless<TArguments extends Props = {}> = (args: TArguments) => Children
+	type Stateless<TArguments extends Props = {}> = (args: TArguments) => Children
 
-  type Stateful<TArguments extends Props = {}, TTag extends Tag = 'div'> = {
-    (this: StatefulElement<TTag>, args: StatefulProps<TArguments, TTag>): Iterator<Children>
-  } & (TTag extends 'div' ? { is?: TTag } : { is: TTag }) & { attrs?: Partial<PropSetter<TTag>> & Props, args?: Partial<TArguments> }
+	type Stateful<TArguments extends Props = {}, TTag extends Tag = 'div'> = {
+		(this: StatefulElement<TTag>, args: StatefulProps<TArguments, TTag>): Iterator<Children>
+	} & (TTag extends 'div' ? { is?: TTag } : { is: TTag }) & { attrs?: Partial<PropSetter<TTag>> & Props, args?: Partial<TArguments> }
 
-  type StatefulProps<TArguments, TTag> =
-    Partial<SpecialProps<StatefulElement<TTag>> & PropSetter<TTag>> &
-    AttrSetter &
-    TArguments
+	type StatefulProps<TArguments, TTag> =
+		Partial<SpecialProps<StatefulElement<TTag>> & PropSetter<TTag>> &
+		AttrSetter &
+		TArguments
 
-  type StatefulElement<TTag> = ElementType<TTag> & {
-    render: () => void,
-    next: () => void,
-    throw: (value?: unknown) => void,
-    return: () => void,
-  }
+	type StatefulElement<TTag> = ElementType<TTag> & {
+		render: () => void,
+		next: () => void,
+		throw: (value?: unknown) => void,
+		return: () => void,
+	}
 
-  type IntrinsicElements = {
-    [TTag in Tag]: Partial<PropSetter<TTag> & SpecialProps<ElementType<TTag>>> & Props
-  }
+	type IntrinsicElements = {
+		[TTag in Tag]: Partial<PropSetter<TTag> & SpecialProps<ElementType<TTag>>> & Props
+	}
 
-  type ElementChildrenAttribute = { children: Children }
+	type ElementChildrenAttribute = { children: Children }
 
-  function Fragment({ children }: ElementChildrenAttribute): typeof children
-  function h(tag: Type, props?: Props | null, ...children: Children[]): VNode<Type, Props>
-  function render(h: Children, el: Element, child?: Node, ref?: Node): void
+	function Fragment({ children }: ElementChildrenAttribute): typeof children
+	function h(tag: Type, props?: Props | null, ...children: Children[]): VNode<Type, Props>
+	function render(h: Children, el: Element, child?: Node, ref?: Node): void
 }
 
-declare module 'ajo/html' {
+declare module 'ajo/context' {
+	function context<T>(fallback?: T): (value?: T) => T
+}
 
-  type Patch = { id: string, h?: import('ajo').Children, src?: string, done?: boolean }
+declare module 'ajo/html' {
 
-  function render(h: import('ajo').Children): string
-  function html(h: import('ajo').Children, alloc?: (parentId: string) => string, push?: (patch: Patch) => void): IterableIterator<string>
+	type Patch = {
+		id: string,
+		h: import('ajo').Children,
+		src?: string,
+		done: boolean,
+	}
+
+	type Hooks = {
+		alloc?: (parentId: string) => string,
+		placeholder?: (id: string, children: import('ajo').Children) => unknown,
+		push?: (patch: Patch) => void,
+	}
+
+	function render(h: import('ajo').Children): string
+	function html(h: import('ajo').Children, hooks?: Hooks): IterableIterator<string>
 }
 
 declare module 'ajo/stream' {
-  function stream(h: import('ajo').Children): AsyncIterableIterator<string>
-  function hydrate(patch: import('ajo/html').Patch): Promise<void>
-}
-
-declare module 'ajo/context' {
-  function context<T>(fallback?: T): (value?: T) => T
+	function stream(h: import('ajo').Children): AsyncIterableIterator<string>
+	function hydrate(patch: import('ajo/html').Patch): Promise<void>
 }
 
 declare namespace JSX {
-  type ElementChildrenAttribute = import('ajo').ElementChildrenAttribute
-  type IntrinsicElements = import('ajo').IntrinsicElements
+	type ElementChildrenAttribute = import('ajo').ElementChildrenAttribute
+	type IntrinsicElements = import('ajo').IntrinsicElements
 }