ajo 0.1.25 → 0.1.27

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

package/dist/html.js

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

package/dist/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ajo",
-  "version": "0.1.25",
+  "version": "0.1.27",
   "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,321 @@
   </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 => 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 children elements */}
+    </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,
 	}