ajo 0.1.23 → 0.1.24

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

package/dist/html.js

@@ -1,90 +1,91 @@
-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);
+import { Context as g, current as f } from "./context.js";
+const $ = /* @__PURE__ */ new Set(["area", "base", "br", "col", "command", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), w = /* @__PURE__ */ new Set(["key", "skip", "memo", "ref"]), S = /* @__PURE__ */ new Set(["nodeName", "children", ...w]), A = Symbol.for("ajo.args"), d = (e) => e.replace(/[&<>"']/g, (i) => `&#${i.charCodeAt(0)};`), o = () => {
+}, W = (e) => [...b(e)].join(""), b = function* (e, { alloc: i = () => "", placeholder: r = o, push: n = o } = {}) {
+  yield* y(a(e, { alloc: i, placeholder: r, push: n }));
+}, a = (e, i) => {
+  const r = typeof e;
+  if (!(e == null || r === "boolean")) {
+    if (r === "string" || r === "number") return String(e);
     if (Array.isArray(e)) {
       const n = [];
       for (e of e.flat(1 / 0)) {
-        const t = f(e, r, i);
+        const t = a(e, 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);
+    if ("nodeName" in e) {
+      if (typeof e.nodeName == "function") return v(e, 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;
+      for (const t in e) !S.has(t) && !t.startsWith("set:") && (n[t] = e[t]);
+      return "children" in e && (n.children = a(e.children, i)), n;
     }
     return String(e);
   }
-}, p = ({ nodeName: e, fallback: r = e.fallback, ...i }, n, t) => {
+}, v = ({ nodeName: e, fallback: i = e.fallback, ...r }, n) => {
   if (e.src) {
-    const o = n();
-    return t({ id: o, src: e.src, h: i, done: !0 }), m(o, r);
+    const c = n.alloc();
+    return n.push({ id: c, src: e.src, h: r, done: !0 }), n.placeholder(c, i);
   }
-  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);
+  const t = e.constructor.name;
+  if (t === "GeneratorFunction") return x(e, r, n);
+  if (t === "AsyncGeneratorFunction") return j(e, i, r, n);
+  if (r = e(r), r instanceof Promise) {
+    if (n.push === o) return i;
+    const c = n.alloc();
+    return r.then((s) => n.push({ id: c, h: a(s, { ...n, alloc: (u = c) => n.alloc(u) }), done: !0 })), n.placeholder(c, i);
   }
-  return f(i, n, t);
-}, x = (e, r, i, n) => {
-  var w, S;
-  const t = { ...e.attrs }, s = { ...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,
-    throw: (c) => {
-      throw c;
+  return a(r, n);
+}, x = (e, i, r) => {
+  var p, m;
+  const n = { ...e.attrs }, t = { ...e.args };
+  for (const l in i)
+    l.startsWith("attr:") ? n[l.slice(5)] = i[l] : w.has(l) || l.startsWith("set:") ? n[l] = i[l] : t[l] = i[l];
+  const c = {
+    [g]: Object.assign(/* @__PURE__ */ Object.create(null), (p = f()) == null ? void 0 : p[g]),
+    [A]: t,
+    render: o,
+    next: o,
+    return: o,
+    throw: (l) => {
+      throw l;
     }
-  }, a = e.call(o, s), d = u();
-  u(o);
+  }, s = e.call(c, t), u = f();
+  f(c);
   try {
-    return { ...t, nodeName: e.is ?? "div", children: f(a.next().value, i, n) };
+    return { ...n, nodeName: e.is ?? "div", children: a(s.next().value, r) };
   } finally {
-    (S = a.return) == null || S.call(a), u(d);
+    (m = s.return) == null || m.call(s), f(u);
   }
-}, G = (e, r, i, n, t) => {
-  if (t === y) return r;
-  const s = n();
+}, j = (e, i, r, n) => {
+  if (n.push === o) return i;
+  const t = n.alloc();
   return Promise.resolve().then(async () => {
-    var a;
-    n = (d = s) => n(d);
-    const o = e(i);
+    var s;
+    const c = e(r);
+    n = { ...n, alloc: (u = t) => n.alloc(u) };
     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 });
+      for (r = await c.next(); !r.done; )
+        n.push({ id: t, h: a(r.value, n), done: !1 }), r = await c.next();
+      n.push({ id: t, h: a(r.value, n), done: !0 });
+    } catch (u) {
+      n.push({ id: t, h: a(u, n), done: !0 });
     } finally {
-      (a = o.return) == null || a.call(o);
+      (s = c.return) == null || s.call(c);
     }
-  }), 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;
+  }), n.placeholder(t, i);
+}, y = function* (e) {
+  if (typeof e == "string") yield d(e);
+  else if (Array.isArray(e)) for (e of e) yield* y(e);
+  else if ("nodeName" in e) {
+    const { nodeName: i, children: r } = 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));
+      S.has(t) || t.startsWith("set:") || e[t] == null || e[t] === !1 || (e[t] === !0 ? n += ` ${t}` : n += ` ${t}="${d(String(e[t]))}"`);
+    $.has(i) ? yield `<${i}${n}>` : (yield `<${i}${n}>`, r != null && (yield* y(r)), yield `</${i}>`);
+  } else yield d(String(e));
 };
 export {
-  k as html,
-  N as render
+  b as html,
+  W 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"),f=Symbol.for("ajo.keyed"),b=Symbol.for("ajo.key"),j=Symbol.for("ajo.memo"),m=Symbol.for("ajo.ref"),v=Symbol.for("ajo.cache"),u=Symbol.for("ajo.generator"),o=Symbol.for("ajo.iterator"),l=Symbol.for("ajo.args"),p=t=>t.children,A=(t,r,...e)=>((r??(r={})).nodeName=t,!("children"in r)&&e.length&&(r.children=e.length==1?e[0]:e),r),y=(t,r)=>{let e=r.firstChild;for(t of x(t)){const n=O(t,r,e);e==null?g(r,n):n==e?e=e.nextSibling:g(r,n,n==e.nextSibling?e=C(r,e):e)}for(;e;){const n=e.nextSibling;r.removeChild(e),e=n}},C=(t,r)=>{const e=r.nextSibling;return g(t,r),e.nextSibling},x=function*(t){const r=typeof t;if(!(t==null||r=="boolean"))if(r==="string"||r==="number")yield String(t);else if(Array.isArray(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 e={...t.attrs},n={...t.args};for(const i in r)i.startsWith("attr:")?e[i.slice(5)]=r[i]:i=="key"||i=="memo"||i.startsWith("set:")?e[i]=r[i]:n[i]=r[i];return{...e,nodeName:t.is??"div",skip:!0,ref:B.bind(null,t,n)}},O=(t,r,e)=>typeof t=="string"?M(t,e):T(t,r,e),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:e,skip:n,memo:i,ref:w,...h},a,s)=>{if(e!=null)s=(a[f]??(a[f]=new Map)).get(e)??s;else for(;s&&s.localName!=t;)s=s.nextSibling;return s??(s=document.createElementNS(h.xmlns??a.namespaceURI,t)),e!=null&&s[b]!=e&&(s[b]!=null&&S(s),a[f].set(s[b]=e,s)),(i==null||F(s[j],s[j]=i))&&(k(s[v]??W(s),s[v]=h,s),n||y(r,s),typeof w=="function"&&(s[m]=w)(s)),s},k=(t,r,e)=>{for(const n in{...t,...r})t[n]!==r[n]&&(n.startsWith("set:")?e[n.slice(4)]=r[n]:r[n]==null||r[n]===!1?e.removeAttribute(n):e.setAttribute(n,r[n]===!0?"":r[n]))},F=(t,r)=>Array.isArray(t)&&Array.isArray(r)?t.some((e,n)=>e!==r[n]):t!==r,W=t=>Array.from(t.attributes).reduce((r,e)=>(r[e.name]=e.value,r),{}),g=(t,r,e)=>{if(!r.contains(document.activeElement))return t.insertBefore(r,e);const n=r.nextSibling;for(;e&&e!=r;){const i=e.nextSibling;t.insertBefore(e,n),e=i}},S=t=>{var r,e;for(const n of t.children)S(n);(r=t[f])==null||r.clear(),(e=t[m])==null||e.call(t,null)},B=(t,{skip:r,ref:e,...n},i)=>{i&&(i[u]??(i[u]=(R(i),t)),i[m]=q.bind(null,e,i),Object.assign(i[l]??(i[l]={}),n),r||i.next())},R=t=>{var r;Object.assign(t,G),t[c.Context]=Object.create(((r=c.current())==null?void 0:r[c.Context])??null)},q=(t,r,e)=>{typeof t=="function"&&t(e),e||r.return()},G={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:e,done:n}=(this[o]??(this[o]=this[u].call(this,this[l]))).next();y(e,this),(r=this[m])==null||r.call(this,this),n&&this.return()}catch(e){this.throw(e)}finally{c.current(t)}},throw(t){var r;for(let e=this;e;e=e.parentNode)if(typeof((r=e[o])==null?void 0:r.throw)=="function")try{return y(e[o].throw(t).value,e)}catch(n){t=new Error(n instanceof Error?n.message:n,{cause:t})}throw t},return(){var t;try{(t=this[o])==null||t.return()}catch(r){this.throw(r)}finally{this[o]=null}}};new MutationObserver(t=>t.forEach(r=>r.removedNodes.forEach(e=>e.isConnected||e.nodeType==1&&S(e)))).observe(document,{childList:!0,subtree:!0});exports.Fragment=p;exports.h=A;exports.render=y;

package/dist/index.js

@@ -1,77 +1,82 @@
-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 f } from "./context.js";
+const a = Symbol.for("ajo.keyed"), y = Symbol.for("ajo.key"), p = Symbol.for("ajo.memo"), m = Symbol.for("ajo.ref"), v = Symbol.for("ajo.cache"), u = Symbol.for("ajo.generator"), o = Symbol.for("ajo.iterator"), l = Symbol.for("ajo.args"), U = (t) => t.children, q = (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 e = C(t, r, n);
+    n == null ? g(r, e) : e == n ? n = n.nextSibling : g(r, e, e == n.nextSibling ? n = A(r, n) : n);
   }
-  for (; n && n != s; ) {
+  for (; n; ) {
     const e = n.nextSibling;
-    n.nodeType == 1 && w(n), r.removeChild(n), n = e;
+    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);
-  }
-}, 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 };
-  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) => {
+}, A = (t, r) => {
+  const n = r.nextSibling;
+  return g(t, r), n.nextSibling;
+}, x = function* (t) {
+  const r = typeof t;
+  if (!(t == null || r == "boolean"))
+    if (r === "string" || r === "number") yield String(t);
+    else if (Array.isArray(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 }, 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) };
+}, 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: e, memo: i, ref: w, ...h }, c, s) => {
+  if (n != null) s = (c[a] ?? (c[a] = /* @__PURE__ */ new Map())).get(n) ?? s;
+  else for (; s && s.localName != t; ) s = s.nextSibling;
+  return s ?? (s = document.createElementNS(h.xmlns ?? c.namespaceURI, t)), n != null && s[y] != n && (s[y] != null && S(s), c[a].set(s[y] = n, s)), (i == null || T(s[p], s[p] = i)) && (M(s[v] ?? W(s), s[v] = h, s), e || b(r, s), typeof w == "function" && (s[m] = w)(s)), s;
+}, M = (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]));
+}, T = (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 s = r.nextSibling;
+  const e = r.nextSibling;
   for (; n && n != r; ) {
-    const e = n.nextSibling;
-    t.insertBefore(n, s), n = e;
+    const i = n.nextSibling;
+    t.insertBefore(n, e), n = i;
   }
-}, 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 e of t.children) S(e);
+  (r = t[a]) == null || r.clear(), (n = t[m]) == null || n.call(t, null);
+}, B = (t, { skip: r, ref: n, ...e }, i) => {
+  i && (i[u] ?? (i[u] = (F(i), t)), i[m] = R.bind(null, n, i), Object.assign(i[l] ?? (i[l] = {}), e), r || i.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, G), t[j] = Object.create(((r = f()) == null ? void 0 : r[j]) ?? null);
+}, R = (t, r, n) => {
   typeof t == "function" && t(n), n || r.return();
-}, R = {
+}, G = {
   render() {
     var t;
-    (t = a()) != null && t.contains(this) || this.next();
+    (t = f()) != null && t.contains(this) || this.next();
   },
   next() {
     var r;
-    const t = a();
-    a(this);
+    const t = f();
+    f(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: e } = (this[o] ?? (this[o] = this[u].call(this, this[l]))).next();
+      b(n, this), (r = this[m]) == null || r.call(this, this), e && this.return();
     } catch (n) {
       this.throw(n);
     } finally {
-      a(t);
+      f(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 (s) {
-      t = new Error(s instanceof Error ? s.message : s, { cause: t });
+      return b(n[o].throw(t).value, n);
+    } catch (e) {
+      t = new Error(e instanceof Error ? e.message : e, { cause: t });
     }
     throw t;
   },
@@ -86,8 +91,11 @@ const c = Symbol.for("ajo.key"), S = Symbol.for("ajo.memo"), l = Symbol.for("ajo
     }
   }
 };
+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
+  U as Fragment,
+  q 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.24",
   "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
 }