ajo 0.1.25 → 0.1.26

package/dist/html.cjs

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

package/dist/html.js

@@ -1,77 +1,74 @@
-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}>`);
+import { Context as f, current as d } from "./context.js";
+const g = /* @__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"]), w = /* @__PURE__ */ new Set(["nodeName", "children"]), S = Symbol.for("ajo.args"), y = (e) => e.replace(/[&<>"']/g, (r) => `&#${r.charCodeAt(0)};`), o = () => {
+}, C = (e) => [...p(e)].join(""), p = function* (e, { alloc: r = o, push: t = o, placeholder: n = o } = {}) {
+  for (e of u(e, { alloc: r, push: t, placeholder: n }))
+    typeof e == "string" ? yield y(e) : yield* $(e, { alloc: r, push: t, placeholder: n });
+}, $ = function* (e, r) {
+  const { nodeName: t, children: n } = e;
+  let i = "";
+  for (const l in e)
+    w.has(l) || l.startsWith("set:") || e[l] == null || e[l] === !1 || (e[l] === !0 ? i += ` ${l}` : i += ` ${l}="${y(String(e[l]))}"`);
+  g.has(t) ? yield `<${t}${i}>` : (yield `<${t}${i}>`, n != null && (yield* p(n, r)), yield `</${t}>`);
 }, 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);
+  const t = typeof e;
+  if (t != "boolean")
+    if (t == "string") yield e;
+    else if (t == "number" || t == "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 };
+    else "nodeName" in e ? typeof e.nodeName == "function" ? yield* v(e, r) : yield a(e, r) : yield String(e);
+}, v = function* ({ nodeName: e, fallback: r = e.fallback, ...t }, n) {
+  const i = e.constructor.name;
+  e.src ? yield x(e.src, t, n) : i == "GeneratorFunction" ? yield A(e, t, n) : i == "AsyncGeneratorFunction" ? yield G(e, r, t, n) : (t = e(t), typeof t?.then == "function" ? yield j(r, t, n) : yield* u(t, n));
+}, x = (e, r, t) => {
+  const n = t.alloc();
+  return t.push({ id: n, src: e, h: a(r, t), done: !0 }), t.placeholder(n);
+}, A = (e, r, t) => {
+  const n = { ...e.attrs }, i = { ...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 = {
-    [m]: Object.create(((y = f()) == null ? void 0 : y[m]) ?? null),
-    [v]: l,
-    render: a,
-    next: a,
-    return: a,
+    c.startsWith("attr:") ? n[c.slice(5)] = r[c] : b.has(c) || c.startsWith("set:") ? n[c] = r[c] : i[c] = r[c];
+  const l = {
+    [f]: Object.create(d()?.[f] ?? null),
+    [S]: i,
+    next: o,
+    return: o,
     throw: (c) => {
       throw c;
     }
-  }, s = e.call(i, l), d = f();
-  f(i);
+  }, s = e.call(l, i), m = d();
+  d(l);
   try {
-    const c = [...u(s.next().value, n)];
-    return { ...t, nodeName: e.is ?? "div", children: c.length == 1 ? c[0] : c };
+    const c = [...u(s.next().value, t)];
+    return { ...n, nodeName: e.is ?? "div", children: c.length == 1 ? c[0] : c };
   } finally {
-    (p = s.return) == null || p.call(s), f(d);
+    s.return?.(), d(m);
   }
-}, W = (e, r, n, t) => {
-  const l = t.alloc();
+}, G = (e, r, t, n) => {
+  const i = n.alloc();
   return Promise.resolve().then(async () => {
-    var s;
-    const i = e(n);
-    t = { ...t, alloc: (d = l) => t.alloc(d) };
+    const l = e(t);
+    n = { ...n, alloc: (s = i) => n.alloc(s) };
     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 });
+      for (t = await l.next(); !t.done; )
+        n.push({ id: i, h: a(t.value, n), done: !1 }), t = await l.next();
+      n.push({ id: i, h: a(t.value, n), done: !0 });
+    } catch (s) {
+      n.push({ id: i, h: a(s, n), done: !0 });
     } finally {
-      (s = i.return) == null || s.call(i);
+      l.return?.();
     }
-  }), 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;
+  }), n.placeholder(i, r);
+}, j = (e, r, t) => {
+  const n = t.alloc();
+  return r.then((i) => t.push({ id: n, h: a(i, { ...t, alloc: (l = n) => t.alloc(l) }), done: !0 })), t.placeholder(n, e);
+}, a = ({ key: e, skip: r, memo: t, ref: n, ...i }, l) => {
+  if ("children" in i) {
+    const s = [...u(i.children, l)];
+    s.length ? i.children = s.length == 1 ? s[0] : s : delete i.children;
   }
-  return l;
+  return i;
 };
 export {
-  b as html,
-  O as render
+  p as html,
+  C as render
 };

package/dist/index.cjs

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

package/dist/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ajo",
-  "version": "0.1.25",
+  "version": "0.1.26",
   "description": "ajo is a JavaScript view library for building user interfaces",
   "type": "module",
   "types": "./types.ts",
@@ -33,11 +33,11 @@
     "types.ts"
   ],
   "devDependencies": {
-    "@types/node": "24.0.0",
+    "@types/node": "24.3.0",
     "happy-dom": "18.0.1",
-    "vite": "6.3.5",
+    "vite": "7.1.4",
     "vite-tsconfig-paths": "5.1.4",
-    "vitest": "3.2.3"
+    "vitest": "3.2.4"
   },
   "keywords": [
     "ui",

package/readme.md

@@ -13,15 +13,335 @@
   </a>
 </div>
 
-Ajo is a lightweight and efficient JavaScript library for building dynamic user interfaces. It combines the best ideas from Incremental DOM and Crank.js to offer a unique approach to UI development.
+A modern JavaScript library for building user interfaces with generator-based state management, efficient DOM updates, and streaming server-side rendering.
 
-## Key Features
+## Features
 
-- Efficient in-place DOM updates
-- Generator-based state management
-- JSX syntax support
-- Lightweight design
-- Server-Side Rendering (SSR) support
+- **Generator-Based Components**: Use JavaScript generator functions (`function*`) for stateful components with built-in lifecycle management
+- **Efficient DOM Updates**: In-place DOM reconciliation minimizes DOM manipulation and maximizes performance
+- **Declarative JSX**: Write components using familiar JSX syntax with full TypeScript support
+- **Performance Optimization**: Built-in `memo` attribute for fine-grained performance optimization
+- **Context API**: Share state across component trees without prop drilling
+- **Server-Side Rendering**: Complete SSR solution with streaming and hydration support
+- **Islands Architecture**: Selective hydration for maximum performance with minimal client-side JavaScript
+
+## Quick Start
+
+Install Ajo using your preferred package manager:
+
+```bash
+npm install ajo
+```
+
+Create your first component:
+
+```javascript
+import { render } from 'ajo';
+
+// Stateless component
+const Greeting = ({ name }) => <p>Hello, {name}!</p>
+
+// Stateful component
+function* Counter() {
+  let count = 0
+
+  const increment = () => this.next(() => count++)
+
+  while (true) {
+    yield (
+      <button set:onclick={increment}>
+        Count: {count}
+      </button>
+    );
+  }
+}
+
+// Render to DOM
+render(<Counter />, document.body)
+```
+
+## Core Concepts
+
+### Component Types
+
+**Stateless Components** are pure functions:
+```javascript
+const UserCard = ({ user }) => (
+  <div class="user-card">
+    <h3>{user.name}</h3>
+    <p>{user.email}</p>
+  </div>
+);
+```
+
+**Stateful Components** use generator functions with automatic wrapper elements:
+```javascript
+function* TodoList() {
+  let todos = []
+  
+  const addTodo = (text) => {
+    this.next(() => todos.push({ id: Date.now(), text }))
+  };
+
+  while (true) {
+    yield (
+      <>
+        <input set:onkeydown={(e) => {
+          if (e.key === 'Enter') addTodo(e.target.value);
+        }} />
+        <ul>
+          {todos.map(todo => (
+            <li key={todo.id}>{todo.text}</li>
+          ))}
+        </ul>
+      </>
+    );
+  }
+}
+```
+
+### State Management Pattern
+
+The generator structure provides a natural mental model:
+- **Before the loop**: Persistent state, handlers, and utilities  
+- **Inside the loop**: Re-executed on each render for derived values
+
+```javascript
+function* ShoppingCart(args) {
+  // Persistent state (like useState)
+  let items = []
+  
+  // Persistent handlers (like useCallback)
+  const addItem = (product) => {
+    this.next(() => items.push(product))
+  };
+
+  // Main render loop
+  while (true) {
+    // Derived values computed fresh each render
+    const total = items.reduce((sum, item) => sum + item.price, 0)
+    const itemCount = items.length
+    
+    yield (
+      <>
+        <h2>Cart ({itemCount} items)</h2>
+        <p>Total: ${total}</p>
+        {/* ... */}
+      </>
+    );
+  }
+}
+```
+
+### Special Attributes
+
+- **`key`**: List reconciliation
+- **`ref`**: DOM element access
+- **`memo`**: Performance optimization 
+- **`skip`**: Third-party DOM management
+- **`set:`**: Direct property setting
+- **`attr:`**: Force HTML attributes
+
+```javascript
+function* MapComponent(args) {
+  let mapRef = null
+  
+  while (true) {
+    yield (
+      <div 
+        ref={el => {
+          if (el && !mapRef) {
+            mapRef = el
+            // Third-party map library controls this DOM
+            new GoogleMap(el, args.config)
+          }
+        }}
+        skip={true}
+      >
+        {/* Google Maps API manages these elements */}
+        <div class="map-controls"></div>
+        <div class="map-markers"></div>
+      </div>
+    );
+  }
+}
+```
+
+## Server-Side Rendering
+
+### Static SSR
+```javascript
+import { render } from 'ajo/html'
+
+const html = render(<App />)
+```
+
+### Streaming SSR
+```javascript
+import { stream } from 'ajo/stream';
+
+for await (const chunk of stream(<App />)) {
+  response.write(chunk);
+}
+```
+
+## Best Practices
+
+1. **Use fragments in stateful components** to avoid unnecessary DOM nesting
+2. **Don't destructure props in function signatures** - use `args` parameter or destructure inside the render loop
+3. **Leverage the generator structure** for natural state and lifecycle management
+4. **Use TypeScript** for enhanced developer experience
+
+## API Reference
+
+### Core Module (`ajo`)
+
+#### `render(children: Children, container: Element): void`
+Renders JSX into a DOM container element.
+
+```javascript
+import { render } from 'ajo';
+
+render(<App />, document.getElementById('root'));
+```
+
+#### `h(type: Type, props?: Props, ...children: Children[]): VNode`
+JSX factory function (rarely used directly).
+
+#### `Fragment({ children }: { children: Children }): Children`
+JSX fragment component for rendering multiple elements without a wrapper.
+
+```javascript
+const List = () => (
+  <>
+    <li>Item 1</li>
+    <li>Item 2</li>
+  </>
+);
+```
+
+### Stateful Component Instance Methods
+
+Stateful components have access to several instance methods through `this`:
+
+#### `this.next(callback?: (args: ComponentArgs) => void): void`
+Triggers a re-render of the component by advancing to the next yield point. Optionally accepts a callback function that receives the component's current props/args as the first parameter.
+
+```javascript
+function* Counter(args) {
+  let count = 0;
+
+  const increment = () => {
+    // Simple re-render
+    this.next(() => count++);
+  };
+
+  const incrementByStep = () => {
+    // Access current props in callback
+    this.next(({ step }) => count += step);
+  };
+
+  // ... rest of component
+}
+```
+
+#### `this.throw(error: unknown): void`
+Throws an error that can be caught by parent error boundaries.
+
+#### `this.return(): void`
+Terminates the generator and triggers cleanup (rarely used directly).
+
+### Context Module (`ajo/context`)
+
+#### `context<T>(fallback?: T): ContextFunction<T>`
+Creates a context for sharing data across component trees.
+
+```javascript
+import { context } from 'ajo/context';
+
+const ThemeContext = context('light');
+
+// Set value
+ThemeContext('dark');
+
+// Get value
+const theme = ThemeContext(); // 'dark'
+```
+
+### HTML Module (`ajo/html`)
+
+#### `render(children: Children): string`
+Renders JSX to an HTML string for static site generation.
+
+```javascript
+import { render } from 'ajo/html';
+
+const html = render(<HomePage title="Welcome" />);
+```
+
+#### `html(children: Children, hooks?: Hooks): IterableIterator<string>`
+Low-level HTML streaming function with custom hooks.
+
+### Stream Module (`ajo/stream`)
+
+#### `stream(children: Children): AsyncIterableIterator<string>`
+Renders components to an async stream for progressive SSR.
+
+```javascript
+import { stream } from 'ajo/stream';
+
+for await (const chunk of stream(<App />)) {
+  response.write(chunk);
+}
+```
+
+#### `hydrate(patch: Patch): Promise<void>`
+Client-side function for applying streamed patches during hydration.
+
+```javascript
+import { hydrate } from 'ajo/stream';
+
+window.$stream = { push: hydrate };
+```
+
+### TypeScript Support
+
+```typescript
+// Component types
+type Stateless<Props = {}> = (props: Props) => Children;
+type Stateful<Props = {}, Tag = 'div'> = {
+  (this: StatefulElement<Tag>, props: Props): Iterator<Children>;
+  is?: Tag;
+  attrs?: Record<string, unknown>;
+  args?: Partial<Props>;
+};
+
+// Stateful component instance
+type StatefulElement<Tag> = HTMLElement & {
+  next: (callback?: (args: ComponentArgs) => void) => void;
+  throw: (error: unknown) => void;
+  return: () => void;
+};
+
+// Element types
+type Children = unknown;
+type VNode<Type, Props> = Props & {
+  nodeName: Type;
+  children?: Children;
+};
+
+// Special attributes
+type SpecialAttributes = {
+  key?: unknown;
+  ref?: (element: Element | null) => void;
+  memo?: unknown[];
+  skip?: boolean;
+};
+```
+
+## Documentation
+
+For comprehensive guides, advanced patterns, and detailed examples, see [documentation.md](./documentation.md).
 
 ## License
 

package/types.ts

@@ -39,17 +39,16 @@ declare module 'ajo' {
 	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>
+		(this: StatefulElement<TArguments, 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>> &
+		Partial<SpecialProps<StatefulElement<TArguments, TTag>> & PropSetter<TTag>> &
 		AttrSetter &
 		TArguments
 
-	type StatefulElement<TTag> = ElementType<TTag> & {
-		render: () => void,
-		next: () => void,
+	type StatefulElement<TArguments, TTag> = ElementType<TTag> & {
+		next: (fn?: (this: StatefulElement<TArguments, TTag>, args: StatefulProps<TArguments, TTag>) => void) => void,
 		throw: (value?: unknown) => void,
 		return: () => void,
 	}