ajo 0.1.26 → 0.1.28

package/dist/html.cjs

@@ -1 +1 @@
-"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;
+"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,74 +1,73 @@
-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) {
+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 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 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* 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) => {
+    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 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);
-}, A = (e, r, t) => {
-  const n = { ...e.attrs }, i = { ...e.args };
+}, x = (e, r, t) => {
+  const n = { ...e.attrs }, l = { ...e.args };
   for (const c in r)
-    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,
+    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 = {
+    [y]: Object.create(f()?.[y] ?? null),
+    [b]: l,
+    next: u,
+    return: u,
     throw: (c) => {
       throw c;
     }
-  }, s = e.call(l, i), m = d();
-  d(l);
+  }, s = e.call(i, l), g = f();
+  f(i);
   try {
-    const c = [...u(s.next().value, t)];
+    const c = [...o(s.next().value, t)];
     return { ...n, nodeName: e.is ?? "div", children: c.length == 1 ? c[0] : c };
   } finally {
-    s.return?.(), d(m);
+    s.return?.(), f(g);
   }
-}, G = (e, r, t, n) => {
-  const i = n.alloc();
+}, S = (e, r, t, n) => {
+  const l = n.alloc();
   return Promise.resolve().then(async () => {
-    const l = e(t);
-    n = { ...n, alloc: (s = i) => n.alloc(s) };
+    const i = e(t);
+    n = { ...n, alloc: (s = l) => n.alloc(s) };
     try {
-      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 });
+      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: i, h: a(s, n), done: !0 });
+      n.push({ id: l, h: a(s, n), done: !0 });
     } finally {
-      l.return?.();
+      i.return?.();
     }
-  }), n.placeholder(i, r);
-}, j = (e, r, t) => {
+  }), n.placeholder(l, r);
+}, A = (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 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 = [...o(l.children, i)];
+    s.length ? l.children = s.length == 1 ? s[0] : s : delete l.children;
   }
-  return i;
+  return l;
 };
 export {
   p as html,
-  C as render
+  j as render
 };

package/dist/index.cjs

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

package/dist/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ajo",
-  "version": "0.1.26",
+  "version": "0.1.28",
   "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.3.0",
-    "happy-dom": "18.0.1",
-    "vite": "7.1.4",
+    "@types/node": "24.10.1",
+    "happy-dom": "20.0.11",
+    "vite": "7.2.4",
     "vite-tsconfig-paths": "5.1.4",
-    "vitest": "3.2.4"
+    "vitest": "4.0.14"
   },
   "keywords": [
     "ui",

package/readme.md

@@ -36,24 +36,23 @@ npm install ajo
 Create your first component:
 
 ```javascript
-import { render } from 'ajo';
+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>
-    );
-  }
+  while (true) yield (
+    <button set:onclick={increment}>
+      Count: {count}
+    </button>
+  )
 }
 
 // Render to DOM
@@ -77,26 +76,19 @@ const UserCard = ({ user }) => (
 **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>
-      </>
-    );
-  }
+  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>
+    </>
+  )
 }
 ```
 
@@ -108,27 +100,27 @@ The generator structure provides a natural mental model:
 
 ```javascript
 function* ShoppingCart(args) {
+
   // Persistent state (like useState)
   let items = []
-  
+
   // Persistent handlers (like useCallback)
-  const addItem = (product) => {
-    this.next(() => items.push(product))
-  };
+  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>
         {/* ... */}
       </>
-    );
+    )
   }
 }
 ```
@@ -144,26 +136,23 @@ function* ShoppingCart(args) {
 
 ```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>
-    );
-  }
+
+  while (true) yield (
+    <div 
+      ref={el => {
+        if (el && !mapRef) {
+          mapRef = el
+          // Third-party map library controls this DOM
+          new GoogleMap(el, args.config)
+        }
+      }}
+      skip
+    >
+      {/* Google Maps API manages children elements */}
+    </div>
+  )
 }
 ```
 
@@ -178,11 +167,9 @@ const html = render(<App />)
 
 ### Streaming SSR
 ```javascript
-import { stream } from 'ajo/stream';
+import { stream } from 'ajo/stream'
 
-for await (const chunk of stream(<App />)) {
-  response.write(chunk);
-}
+for await (const chunk of stream(<App />)) response.write(chunk)
 ```
 
 ## Best Practices
@@ -196,13 +183,17 @@ for await (const chunk of stream(<App />)) {
 
 ### Core Module (`ajo`)
 
-#### `render(children: Children, container: Element): void`
-Renders JSX into a DOM container element.
+#### `render(children: Children, container: Element, child?: ChildNode, ref?: ChildNode): void`
+Renders JSX into a DOM container element. When `child` and `ref` are provided, only nodes between them (inclusive of `child`, exclusive of `ref`) are reconciled, leaving the rest of the container untouched.
 
 ```javascript
-import { render } from 'ajo';
+import { render } from 'ajo'
 
-render(<App />, document.getElementById('root'));
+render(<App />, document.getElementById('root'))
+
+// Update only the <main> region without touching header/footer
+const container = document.body
+render(<main>Updated</main>, container, container.querySelector('main'), container.querySelector('footer'))
 ```
 
 #### `h(type: Type, props?: Props, ...children: Children[]): VNode`
@@ -217,7 +208,7 @@ const List = () => (
     <li>Item 1</li>
     <li>Item 2</li>
   </>
-);
+)
 ```
 
 ### Stateful Component Instance Methods
@@ -229,17 +220,18 @@ Triggers a re-render of the component by advancing to the next yield point. Opti
 
 ```javascript
 function* Counter(args) {
-  let count = 0;
+
+  let count = 0
 
   const increment = () => {
     // Simple re-render
-    this.next(() => count++);
-  };
+    this.next(() => count++)
+  }
 
   const incrementByStep = () => {
     // Access current props in callback
-    this.next(({ step }) => count += step);
-  };
+    this.next(({ step }) => count += step)
+  }
 
   // ... rest of component
 }
@@ -257,15 +249,15 @@ Terminates the generator and triggers cleanup (rarely used directly).
 Creates a context for sharing data across component trees.
 
 ```javascript
-import { context } from 'ajo/context';
+import { context } from 'ajo/context'
 
-const ThemeContext = context('light');
+const ThemeContext = context('light')
 
 // Set value
-ThemeContext('dark');
+ThemeContext('dark')
 
 // Get value
-const theme = ThemeContext(); // 'dark'
+const theme = ThemeContext() // 'dark'
 ```
 
 ### HTML Module (`ajo/html`)
@@ -274,9 +266,9 @@ const theme = ThemeContext(); // 'dark'
 Renders JSX to an HTML string for static site generation.
 
 ```javascript
-import { render } from 'ajo/html';
+import { render } from 'ajo/html'
 
-const html = render(<HomePage title="Welcome" />);
+const html = render(<HomePage title="Welcome" />)
 ```
 
 #### `html(children: Children, hooks?: Hooks): IterableIterator<string>`
@@ -288,54 +280,52 @@ Low-level HTML streaming function with custom hooks.
 Renders components to an async stream for progressive SSR.
 
 ```javascript
-import { stream } from 'ajo/stream';
+import { stream } from 'ajo/stream'
 
-for await (const chunk of stream(<App />)) {
-  response.write(chunk);
-}
+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';
+import { hydrate } from 'ajo/stream'
 
-window.$stream = { push: hydrate };
+window.$stream = { push: hydrate }
 ```
 
 ### TypeScript Support
 
 ```typescript
 // Component types
-type Stateless<Props = {}> = (props: Props) => Children;
+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>;
-};
+  (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;
+  next: (callback?: (args: ComponentArgs) => void) => void
+  throw: (error: unknown) => void
+  return: () => void
 };
 
 // Element types
-type Children = unknown;
+type Children = unknown
 type VNode<Type, Props> = Props & {
-  nodeName: Type;
-  children?: Children;
+  nodeName: Type
+  children?: Children
 };
 
 // Special attributes
 type SpecialAttributes = {
-  key?: unknown;
-  ref?: (element: Element | null) => void;
-  memo?: unknown[];
-  skip?: boolean;
+  key?: unknown
+  ref?: (element: Element | null) => void
+  memo?: unknown[]
+  skip?: boolean
 };
 ```
 

package/types.ts

@@ -2,9 +2,9 @@ declare module 'ajo' {
 
 	type Tag = keyof (HTMLElementTagNameMap & SVGElementTagNameMap)
 
-	type Type = Tag | Stateless | Stateful
+	type Type<TArguments extends Props = {}, TTag extends Tag = 'div'> = Tag | Stateless<TArguments> | Stateful<TArguments, TTag>
 
-	type Component<TProps extends Props = {}> = Stateless<TProps> | Stateful<TProps>
+	type Component<TArguments extends Props = {}> = Stateless<TArguments> | Stateful<TArguments>
 
 	type Props = Record<string, unknown>
 
@@ -61,11 +61,12 @@ declare module 'ajo' {
 
 	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 render(h: Children, el: ParentNode, child?: ChildNode, ref?: ChildNode): void
 }
 
 declare module 'ajo/context' {
 	function context<T>(fallback?: T): (value?: T) => T
+	function current(): import('ajo').Stateful | null
 }
 
 declare module 'ajo/html' {