ajo 0.1.19 → 0.1.20

package/dist/html.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const{create:p,assign:v,entries:g,hasOwn:x}=Object,{isArray:f,from:k}=Array,m="
",c=e=>k(d(e)).join(""),d=function*(e){for(e of u(e))if(typeof e=="string")yield $(e);else{const{nodeName:t,skip:o,children:r=""}=e;let n="";for(const[l,i]of g(e))S.has(l)||l.startsWith("set:")||i==null||i===!1||(n+=i===!0?` ${l}`:` ${l}="${$(String(i))}"`);w.has(t)?yield`<${t}${n}>`:o?yield`<${t}${n}></${t}>`:(yield`<${t}${n}>`,typeof r=="string"&&r.startsWith(m)?yield r.slice(1):yield*d(r),yield`</${t}>`)}},u=function*(e,t={value:""},o=!0){for(e of f(e)?e:[e])if(!(e==null||typeof e=="boolean"))if(x(e,"nodeName")){const{value:r}=t,{nodeName:n}=e;if(r&&(yield r,t.value=""),typeof n=="function")if(n.constructor.name==="GeneratorFunction"){const l={},i=v({},n.attrs);for(const a in e){const y=e[a];a.startsWith("attr:")?i[a.slice(5)]=y:l[a]=y}i.nodeName=n.is??"div",i.children=N(n,l),yield i}else yield*u(n(e),t,!1);else yield e}else f(e)?yield*u(e,t,!1):t.value+=e;o&&t.value&&(yield t.value)},w=new Set("area,base,br,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr".split(",")),S=new Set("nodeName,key,skip,memo,ref,children".split(",")),$=e=>e.replace(/[&<>"']/g,t=>`&#${t.charCodeAt(0)};`);let s=null;const N=(e,t)=>{let o,r;try{const n=e.call(o={$args:t,$context:p(s?s.$context:null),render(){s!==o&&o.$next()},$next(){const l=s;s=o,r=c(n.next().value),s=l},$throw(l){r=c(n.throw(l).value)},$return(){n.return()}},t);o.$next()}catch(n){o.$throw(n)}finally{o.$return()}return m+r},b=(e,t=Symbol())=>function(o,r){return arguments.length===1?t in o.$context?o.$context[t]:e:o.$context[t]=r};exports.context=b;exports.html=d;exports.render=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const{isArray:$,from:p}=Array,m="
",{create:g,assign:v,entries:x,prototype:{hasOwnProperty:w},hasOwn:S=(e,t)=>w.call(e,t)}=Object,c=e=>p(d(e)).join(""),d=function*(e){for(e of u(e))if(typeof e=="string")yield f(e);else{const{nodeName:t,skip:o,children:r=""}=e;let n="";for(const[i,s]of x(e))k.has(i)||i.startsWith("set:")||s==null||s===!1||(n+=s===!0?` ${i}`:` ${i}="${f(String(s))}"`);N.has(t)?yield`<${t}${n}>`:o?yield`<${t}${n}></${t}>`:(yield`<${t}${n}>`,typeof r=="string"&&r.startsWith(m)?yield r.slice(1):yield*d(r),yield`</${t}>`)}},u=function*(e,t={value:""},o=!0){for(e of $(e)?e:[e])if(!(e==null||typeof e=="boolean"))if(S(e,"nodeName")){const{value:r}=t,{nodeName:n}=e;if(r&&(yield r,t.value=""),typeof n=="function")if(n.constructor.name==="GeneratorFunction"){const i={},s=v({},n.attrs);for(const a in e){const y=e[a];a.startsWith("attr:")?s[a.slice(5)]=y:i[a]=y}s.nodeName=n.is??"div",s.children=O(n,i),yield s}else yield*u(n(e),t,!1);else yield e}else $(e)?yield*u(e,t,!1):t.value+=e;o&&t.value&&(yield t.value)},N=new Set("area,base,br,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr".split(",")),k=new Set("nodeName,key,skip,memo,ref,children".split(",")),f=e=>e.replace(/[&<>"']/g,t=>`&#${t.charCodeAt(0)};`);let l=null;const O=(e,t)=>{let o,r;try{const n=e.call(o={$args:t,$context:g((l==null?void 0:l.$context)??null),render(){l!==o&&o.$next()},$next(){const i=l;l=o,r=c(n.next().value),l=i},$throw(i){r=c(n.throw(i).value)},$return(){n.return()}},t);o.$next()}catch(n){o.$throw(n)}finally{o.$return()}return m+r},j=(e,t=Symbol())=>function(o,r){return arguments.length===0?l&&t in l.$context?l.$context[t]:e:arguments.length===1?t in o.$context?o.$context[t]:e:o.$context[t]=r};exports.context=j;exports.html=d;exports.render=c;

package/dist/html.js

@@ -1,47 +1,47 @@
-const { create: p, assign: v, entries: x, hasOwn: g } = Object, { isArray: d, from: k } = Array, f = "
", y = (e) => k(m(e)).join(""), m = function* (e) {
+const { isArray: d, from: p } = Array, f = "
", { create: x, assign: v, entries: g, prototype: { hasOwnProperty: w }, hasOwn: N = (e, t) => w.call(e, t) } = Object, $ = (e) => p(m(e)).join(""), m = function* (e) {
   for (e of c(e))
-    if (typeof e == "string") yield $(e);
+    if (typeof e == "string") yield y(e);
     else {
       const { nodeName: t, skip: o, children: r = "" } = e;
       let n = "";
-      for (const [i, l] of x(e))
-        N.has(i) || i.startsWith("set:") || l == null || l === !1 || (n += l === !0 ? ` ${i}` : ` ${i}="${$(String(l))}"`);
-      w.has(t) ? yield `<${t}${n}>` : o ? yield `<${t}${n}></${t}>` : (yield `<${t}${n}>`, typeof r == "string" && r.startsWith(f) ? yield r.slice(1) : yield* m(r), yield `</${t}>`);
+      for (const [i, s] of g(e))
+        S.has(i) || i.startsWith("set:") || s == null || s === !1 || (n += s === !0 ? ` ${i}` : ` ${i}="${y(String(s))}"`);
+      k.has(t) ? yield `<${t}${n}>` : o ? yield `<${t}${n}></${t}>` : (yield `<${t}${n}>`, typeof r == "string" && r.startsWith(f) ? yield r.slice(1) : yield* m(r), yield `</${t}>`);
     }
 }, c = function* (e, t = { value: "" }, o = !0) {
   for (e of d(e) ? e : [e])
     if (!(e == null || typeof e == "boolean"))
-      if (g(e, "nodeName")) {
+      if (N(e, "nodeName")) {
         const { value: r } = t, { nodeName: n } = e;
         if (r && (yield r, t.value = ""), typeof n == "function")
           if (n.constructor.name === "GeneratorFunction") {
-            const i = {}, l = v({}, n.attrs);
+            const i = {}, s = v({}, n.attrs);
             for (const a in e) {
               const u = e[a];
-              a.startsWith("attr:") ? l[a.slice(5)] = u : i[a] = u;
+              a.startsWith("attr:") ? s[a.slice(5)] = u : i[a] = u;
             }
-            l.nodeName = n.is ?? "div", l.children = S(n, i), yield l;
+            s.nodeName = n.is ?? "div", s.children = A(n, i), yield s;
           } else yield* c(n(e), t, !1);
         else yield e;
       } else d(e) ? yield* c(e, t, !1) : t.value += e;
   o && t.value && (yield t.value);
-}, w = new Set("area,base,br,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr".split(",")), N = new Set("nodeName,key,skip,memo,ref,children".split(",")), $ = (e) => e.replace(/[&<>"']/g, (t) => `&#${t.charCodeAt(0)};`);
-let s = null;
-const S = (e, t) => {
+}, k = new Set("area,base,br,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr".split(",")), S = new Set("nodeName,key,skip,memo,ref,children".split(",")), y = (e) => e.replace(/[&<>"']/g, (t) => `&#${t.charCodeAt(0)};`);
+let l = null;
+const A = (e, t) => {
   let o, r;
   try {
     const n = e.call(o = {
       $args: t,
-      $context: p(s ? s.$context : null),
+      $context: x((l == null ? void 0 : l.$context) ?? null),
       render() {
-        s !== o && o.$next();
+        l !== o && o.$next();
       },
       $next() {
-        const i = s;
-        s = o, r = y(n.next().value), s = i;
+        const i = l;
+        l = o, r = $(n.next().value), l = i;
       },
       $throw(i) {
-        r = y(n.throw(i).value);
+        r = $(n.throw(i).value);
       },
       $return() {
         n.return();
@@ -54,11 +54,11 @@ const S = (e, t) => {
     o.$return();
   }
   return f + r;
-}, A = (e, t = Symbol()) => function(o, r) {
-  return arguments.length === 1 ? t in o.$context ? o.$context[t] : e : o.$context[t] = r;
+}, O = (e, t = Symbol()) => function(o, r) {
+  return arguments.length === 0 ? l && t in l.$context ? l.$context[t] : e : arguments.length === 1 ? t in o.$context ? o.$context[t] : e : o.$context[t] = r;
 };
 export {
-  A as context,
+  O as context,
   m as html,
-  y as render
+  $ as render
 };

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=({children:n})=>n,k=function(n,t){const{length:e}=arguments;return(t??(t=v(null))).nodeName=n,"children"in t||e<3||(t.children=e===3?arguments[2]:O.call(arguments,2)),t},$=(n,t)=>{let e=t.firstChild;for(n of g(n)){let i=e;if(typeof n=="string"){for(;i&&i.nodeType!=3;)i=i.nextSibling;i?i.data!=n&&(i.data=n):i=document.createTextNode(n)}else{const{nodeName:o,key:a,skip:c,memo:r,ref:f,children:N}=n;for(;i&&!(i.localName===o&&(i.$key??(i.$key=a))==a);)i=i.nextSibling;if(i??(i=d(document.createElementNS(n.xmlns??o==="svg"?T:t.namespaceURI,o),{$key:a})),r==null||F(i.$memo,i.$memo=r)){const{$props:m}=i,x={};for(const l of w(d({},m,n))){if(C.has(l))continue;const u=x[l]=n[l];u!==(m==null?void 0:m[l])&&(l.startsWith("set:")?i[l.slice(4)]=u:u==null||u===!1?i.removeAttribute(l):i.setAttribute(l,u===!0?"":u))}i.$props=x,c||$(N,i),typeof f=="function"&&(i.$ref=f)(i)}}i===e?e=e.nextSibling:B(t,i,e)}for(;e;){const i=e.nextSibling;e.nodeType===1&&S(e),t.removeChild(e),e=i}},{isArray:y,prototype:{slice:O}}=Array,{create:v,keys:w,assign:d,hasOwn:A,setPrototypeOf:p,getPrototypeOf:h}=Object,T="http://www.w3.org/2000/svg",C=new Set("nodeName,key,skip,memo,ref,children".split(",")),F=(n,t)=>y(n)&&y(t)?n.some((e,i)=>e!==t[i]):n!==t,g=function*(n,t={value:""},e=!0){for(n of y(n)?n:[n])if(!(n==null||typeof n=="boolean"))if(A(n,"nodeName")){const{value:i}=t,{nodeName:o}=n;if(i&&(yield i,t.value=""),typeof o=="function")if(o.constructor.name==="GeneratorFunction"){const a={},c=d({},o.attrs);for(const r of w(n)){const f=n[r];r.startsWith("attr:")?c[r.slice(5)]=f:r==="key"||r==="memo"?c[r]=f:a[r]=f}c.nodeName=o.is??"div",c.skip=!0,c.ref=P.bind(null,o,a),yield c}else yield*g(o(n),t,!1);else yield n}else y(n)?yield*g(n,t,!1):t.value+=n;e&&t.value&&(yield t.value)},P=(n,t,e)=>{if(!e)return;e.$gen??(e.$gen=(new E(e),n)),e.$ref=j.bind(null,e);const{skip:i,...o}=t;d(e.$args??(e.$args={}),o),i||e.$next()},j=(n,t)=>t??n.$return(),B=(n,t,e)=>{if(t.contains(document.activeElement)){const i=t.nextSibling;for(;e&&e!=t;){const o=e.nextSibling;n.insertBefore(e,i),e=o}}else n.insertBefore(t,e)},S=n=>{for(const e of n.children)S(e);const{$ref:t}=n;typeof t=="function"&&t(null)};let s=null;class E{constructor(t){p(t,p(h(this),h(t))),t.$context=v((s==null?void 0:s.$context)??null)}render(){s!=null&&s.contains(this)||this.$next()}$next(){const t=s;s=this;try{$((this.$it??(this.$it=this.$gen.call(this,this.$args))).next().value,this),typeof this.$ref=="function"&&this.$ref(this)}catch(e){this.$throw(e)}finally{s=t}}$throw(t){var e;for(let i=this;i;i=i.parentNode)if(typeof((e=i.$it)==null?void 0:e.throw)=="function")try{return $(i.$it.throw(t).value,i)}catch{}throw t}$return(){var t;try{(t=this.$it)==null||t.return()}catch(e){this.$throw(e)}finally{this.$it=null}}}const W=(n,t=Symbol())=>function(e,i){const{length:o}=arguments;return o===0?s&&t in s.$context?s.$context[t]:n:o===1?t in e.$context?e.$context[t]:n:e.$context[t]=i};exports.Fragment=b;exports.context=W;exports.h=k;exports.render=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=({children:t})=>t,N=function(t,n){const{length:e}=arguments;return(n??(n=h(null))).nodeName=t,"children"in n||e<3||(n.children=e===3?arguments[2]:b.call(arguments,2)),n},d=(t,n)=>{let e=n.firstChild;for(t of g(t)){let i=e;if(typeof t=="string"){for(;i&&i.nodeType!=3;)i=i.nextSibling;i?i.data!=t&&(i.data=t):i=document.createTextNode(t)}else{const{nodeName:o,key:l,skip:c,memo:r,ref:f,children:w}=t;for(;i&&!(i.localName===o&&(i.$key??(i.$key=l))==l);)i=i.nextSibling;if(i??(i=m(document.createElementNS(t.xmlns??o==="svg"?O:n.namespaceURI,o),{$key:l})),r==null||F(i.$memo,i.$memo=r)){const{$props:$}=i,x={};for(const a of p(m({},$,t))){if(T.has(a))continue;const u=x[a]=t[a];u!==($==null?void 0:$[a])&&(a.startsWith("set:")?i[a.slice(4)]=u:u==null||u===!1?i.removeAttribute(a):i.setAttribute(a,u===!0?"":u))}i.$props=x,c||d(w,i),typeof f=="function"&&(i.$ref=f)(i)}}i===e?e=e.nextSibling:C(n,i,e)}for(;e;){const i=e.nextSibling;e.nodeType===1&&v(e),n.removeChild(e),e=i}},{isArray:y,prototype:{slice:b}}=Array,{create:h,assign:m,keys:p,prototype:{hasOwnProperty:k},hasOwn:A=(t,n)=>k.call(t,n)}=Object,O="http://www.w3.org/2000/svg",T=new Set("nodeName,key,skip,memo,ref,children".split(",")),F=(t,n)=>y(t)&&y(n)?t.some((e,i)=>e!==n[i]):t!==n,g=function*(t,n={value:""},e=!0){for(t of y(t)?t:[t])if(!(t==null||typeof t=="boolean"))if(A(t,"nodeName")){const{value:i}=n,{nodeName:o}=t;if(i&&(yield i,n.value=""),typeof o=="function")if(o.constructor.name==="GeneratorFunction"){const l={},c=m({},o.attrs);for(const r of p(t)){const f=t[r];r.startsWith("attr:")?c[r.slice(5)]=f:r==="key"||r==="memo"?c[r]=f:l[r]=f}c.nodeName=o.is??"div",c.skip=!0,c.ref=j.bind(null,o,l),yield c}else yield*g(o(t),n,!1);else yield t}else y(t)?yield*g(t,n,!1):n.value+=t;e&&n.value&&(yield n.value)},j=(t,n,e)=>{if(!e)return;e.$gen??(e.$gen=(m(e,E),e.$context??(e.$context=h((s==null?void 0:s.$context)??null)),t)),e.$ref=B.bind(null,e);const{skip:i,...o}=n;m(e.$args??(e.$args={}),o),i||e.$next()},B=(t,n)=>n??t.$return(),C=(t,n,e)=>{if(n.contains(document.activeElement)){const i=n.nextSibling;for(;e&&e!=n;){const o=e.nextSibling;t.insertBefore(e,i),e=o}}else t.insertBefore(n,e)},v=t=>{for(const e of t.children)v(e);const{$ref:n}=t;typeof n=="function"&&n(null)};let s=null;const E={render(){s!=null&&s.contains(this)||this.$next()},$next(){const t=s;s=this;try{d((this.$it??(this.$it=this.$gen.call(this,this.$args))).next().value,this),typeof this.$ref=="function"&&this.$ref(this)}catch(n){this.$throw(n)}finally{s=t}},$throw(t){var n;for(let e=this;e;e=e.parentNode)if(typeof((n=e.$it)==null?void 0:n.throw)=="function")try{return d(e.$it.throw(t).value,e)}catch{}throw t},$return(){var t;try{(t=this.$it)==null||t.return()}catch(n){this.$throw(n)}finally{this.$it=null}}},P=(t,n=Symbol())=>function(e,i){return arguments.length===0?s&&n in s.$context?s.$context[n]:t:arguments.length===1?n in e.$context?e.$context[n]:t:e.$context[n]=i};exports.Fragment=S;exports.context=P;exports.h=N;exports.render=d;

package/dist/index.js

@@ -1,111 +1,106 @@
-const P = ({ children: n }) => n, W = function(n, t) {
+const F = ({ children: t }) => t, W = function(t, n) {
   const { length: e } = arguments;
-  return (t ?? (t = v(null))).nodeName = n, "children" in t || e < 3 || (t.children = e === 3 ? arguments[2] : k.call(arguments, 2)), t;
-}, d = (n, t) => {
-  let e = t.firstChild;
-  for (n of g(n)) {
+  return (n ?? (n = h(null))).nodeName = t, "children" in n || e < 3 || (n.children = e === 3 ? arguments[2] : N.call(arguments, 2)), n;
+}, d = (t, n) => {
+  let e = n.firstChild;
+  for (t of g(t)) {
     let i = e;
-    if (typeof n == "string") {
+    if (typeof t == "string") {
       for (; i && i.nodeType != 3; ) i = i.nextSibling;
-      i ? i.data != n && (i.data = n) : i = document.createTextNode(n);
+      i ? i.data != t && (i.data = t) : i = document.createTextNode(t);
     } else {
-      const { nodeName: o, key: a, skip: c, memo: r, ref: f, children: S } = n;
-      for (; i && !(i.localName === o && (i.$key ?? (i.$key = a)) == a); ) i = i.nextSibling;
-      if (i ?? (i = y(document.createElementNS(n.xmlns ?? o === "svg" ? A : t.namespaceURI, o), { $key: a })), r == null || C(i.$memo, i.$memo = r)) {
-        const { $props: m } = i, x = {};
-        for (const l of w(y({}, m, n))) {
-          if (O.has(l)) continue;
-          const u = x[l] = n[l];
-          u !== (m == null ? void 0 : m[l]) && (l.startsWith("set:") ? i[l.slice(4)] = u : u == null || u === !1 ? i.removeAttribute(l) : i.setAttribute(l, u === !0 ? "" : u));
+      const { nodeName: o, key: l, skip: c, memo: r, ref: f, children: w } = t;
+      for (; i && !(i.localName === o && (i.$key ?? (i.$key = l)) == l); ) i = i.nextSibling;
+      if (i ?? (i = m(document.createElementNS(t.xmlns ?? o === "svg" ? b : n.namespaceURI, o), { $key: l })), r == null || O(i.$memo, i.$memo = r)) {
+        const { $props: $ } = i, x = {};
+        for (const a of p(m({}, $, t))) {
+          if (A.has(a)) continue;
+          const u = x[a] = t[a];
+          u !== ($ == null ? void 0 : $[a]) && (a.startsWith("set:") ? i[a.slice(4)] = u : u == null || u === !1 ? i.removeAttribute(a) : i.setAttribute(a, u === !0 ? "" : u));
         }
-        i.$props = x, c || d(S, i), typeof f == "function" && (i.$ref = f)(i);
+        i.$props = x, c || d(w, i), typeof f == "function" && (i.$ref = f)(i);
       }
     }
-    i === e ? e = e.nextSibling : E(t, i, e);
+    i === e ? e = e.nextSibling : C(n, i, e);
   }
   for (; e; ) {
     const i = e.nextSibling;
-    e.nodeType === 1 && N(e), t.removeChild(e), e = i;
+    e.nodeType === 1 && v(e), n.removeChild(e), e = i;
   }
-}, { isArray: $, prototype: { slice: k } } = Array, { create: v, keys: w, assign: y, hasOwn: b, setPrototypeOf: p, getPrototypeOf: h } = Object, A = "http://www.w3.org/2000/svg", O = new Set("nodeName,key,skip,memo,ref,children".split(",")), C = (n, t) => $(n) && $(t) ? n.some((e, i) => e !== t[i]) : n !== t, g = function* (n, t = { value: "" }, e = !0) {
-  for (n of $(n) ? n : [n])
-    if (!(n == null || typeof n == "boolean"))
-      if (b(n, "nodeName")) {
-        const { value: i } = t, { nodeName: o } = n;
-        if (i && (yield i, t.value = ""), typeof o == "function")
+}, { isArray: y, prototype: { slice: N } } = Array, { create: h, assign: m, keys: p, prototype: { hasOwnProperty: S }, hasOwn: k = (t, n) => S.call(t, n) } = Object, b = "http://www.w3.org/2000/svg", A = new Set("nodeName,key,skip,memo,ref,children".split(",")), O = (t, n) => y(t) && y(n) ? t.some((e, i) => e !== n[i]) : t !== n, g = function* (t, n = { value: "" }, e = !0) {
+  for (t of y(t) ? t : [t])
+    if (!(t == null || typeof t == "boolean"))
+      if (k(t, "nodeName")) {
+        const { value: i } = n, { nodeName: o } = t;
+        if (i && (yield i, n.value = ""), typeof o == "function")
           if (o.constructor.name === "GeneratorFunction") {
-            const a = {}, c = y({}, o.attrs);
-            for (const r of w(n)) {
-              const f = n[r];
-              r.startsWith("attr:") ? c[r.slice(5)] = f : r === "key" || r === "memo" ? c[r] = f : a[r] = f;
+            const l = {}, c = m({}, o.attrs);
+            for (const r of p(t)) {
+              const f = t[r];
+              r.startsWith("attr:") ? c[r.slice(5)] = f : r === "key" || r === "memo" ? c[r] = f : l[r] = f;
             }
-            c.nodeName = o.is ?? "div", c.skip = !0, c.ref = T.bind(null, o, a), yield c;
-          } else yield* g(o(n), t, !1);
-        else yield n;
-      } else $(n) ? yield* g(n, t, !1) : t.value += n;
-  e && t.value && (yield t.value);
-}, T = (n, t, e) => {
+            c.nodeName = o.is ?? "div", c.skip = !0, c.ref = T.bind(null, o, l), yield c;
+          } else yield* g(o(t), n, !1);
+        else yield t;
+      } else y(t) ? yield* g(t, n, !1) : n.value += t;
+  e && n.value && (yield n.value);
+}, T = (t, n, e) => {
   if (!e) return;
-  e.$gen ?? (e.$gen = (new F(e), n)), e.$ref = B.bind(null, e);
-  const { skip: i, ...o } = t;
-  y(e.$args ?? (e.$args = {}), o), i || e.$next();
-}, B = (n, t) => t ?? n.$return(), E = (n, t, e) => {
-  if (t.contains(document.activeElement)) {
-    const i = t.nextSibling;
-    for (; e && e != t; ) {
+  e.$gen ?? (e.$gen = (m(e, E), e.$context ?? (e.$context = h((s == null ? void 0 : s.$context) ?? null)), t)), e.$ref = B.bind(null, e);
+  const { skip: i, ...o } = n;
+  m(e.$args ?? (e.$args = {}), o), i || e.$next();
+}, B = (t, n) => n ?? t.$return(), C = (t, n, e) => {
+  if (n.contains(document.activeElement)) {
+    const i = n.nextSibling;
+    for (; e && e != n; ) {
       const o = e.nextSibling;
-      n.insertBefore(e, i), e = o;
+      t.insertBefore(e, i), e = o;
     }
-  } else n.insertBefore(t, e);
-}, N = (n) => {
-  for (const e of n.children) N(e);
-  const { $ref: t } = n;
-  typeof t == "function" && t(null);
+  } else t.insertBefore(n, e);
+}, v = (t) => {
+  for (const e of t.children) v(e);
+  const { $ref: n } = t;
+  typeof n == "function" && n(null);
 };
 let s = null;
-class F {
-  constructor(t) {
-    p(t, p(h(this), h(t))), t.$context = v((s == null ? void 0 : s.$context) ?? null);
-  }
+const E = {
   render() {
     s != null && s.contains(this) || this.$next();
-  }
+  },
   $next() {
     const t = s;
     s = this;
     try {
       d((this.$it ?? (this.$it = this.$gen.call(this, this.$args))).next().value, this), typeof this.$ref == "function" && this.$ref(this);
-    } catch (e) {
-      this.$throw(e);
+    } catch (n) {
+      this.$throw(n);
     } finally {
       s = t;
     }
-  }
+  },
   $throw(t) {
-    var e;
-    for (let i = this; i; i = i.parentNode) if (typeof ((e = i.$it) == null ? void 0 : e.throw) == "function") try {
-      return d(i.$it.throw(t).value, i);
+    var n;
+    for (let e = this; e; e = e.parentNode) if (typeof ((n = e.$it) == null ? void 0 : n.throw) == "function") try {
+      return d(e.$it.throw(t).value, e);
     } catch {
     }
     throw t;
-  }
+  },
   $return() {
     var t;
     try {
       (t = this.$it) == null || t.return();
-    } catch (e) {
-      this.$throw(e);
+    } catch (n) {
+      this.$throw(n);
     } finally {
       this.$it = null;
     }
   }
-}
-const j = (n, t = Symbol()) => function(e, i) {
-  const { length: o } = arguments;
-  return o === 0 ? s && t in s.$context ? s.$context[t] : n : o === 1 ? t in e.$context ? e.$context[t] : n : e.$context[t] = i;
+}, j = (t, n = Symbol()) => function(e, i) {
+  return arguments.length === 0 ? s && n in s.$context ? s.$context[n] : t : arguments.length === 1 ? n in e.$context ? e.$context[n] : t : e.$context[n] = i;
 };
 export {
-  P as Fragment,
+  F as Fragment,
   j as context,
   W as h,
   d as render

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ajo",
-  "version": "0.1.19",
+  "version": "0.1.20",
   "description": "ajo is a JavaScript view library for building user interfaces",
   "type": "module",
   "module": "./dist/index.js",

package/readme.md

@@ -51,7 +51,7 @@ function* Counter() {
     yield (
       <>
         <p>Count: {count}</p>
-        <button onClick={increment}>Increment</button>
+        <button set:onclick={increment}>Increment</button>
       </>
     )
   }

package/types.ts

@@ -6,7 +6,7 @@ declare module 'ajo' {
 
   type Props = Record<string, unknown>
 
-  type AjoNode<TTag extends Type> = { nodeName: TTag } & TagProps<TTag>
+  type VNode<TTag extends Type> = { nodeName: TTag } & TagProps<TTag>
 
   type Children = any
 
@@ -31,7 +31,7 @@ declare module 'ajo' {
     [K in keyof TAttribute as `attr:${Exclude<K, symbol>}`]: TAttribute[K]
   }
 
-  type Context<TArguments = Props> = {
+  type ComponentThis<TArguments = Props> = {
     $args: TArguments,
     $context: { [key: symbol]: unknown },
     render: () => void,
@@ -43,7 +43,7 @@ declare module 'ajo' {
   type Function<TArguments = Props> = (args: TArguments) => Children
 
   type Component<TArguments = Props, TTag extends Tag = 'div'> = {
-    (this: ElementType<TTag> & Context<TArguments>, args: TArguments): Iterator<Children, unknown, unknown>
+    (this: ElementType<TTag> & ComponentThis<TArguments>, args: TArguments): Iterator<Children, unknown, unknown>
   } & (TTag extends 'div' ? { is?: TTag } : { is: TTag })
 
   type Ref<TComponent> = TComponent extends Component<infer TArguments, infer TTag>
@@ -67,9 +67,9 @@ declare module 'ajo' {
     : never
 
   function Fragment({ children }: ElementChildrenAttribute): typeof children
-  function h<TTag extends Tag>(tag: TTag, props?: TagProps<TTag> | null, ...children: Array<unknown>): AjoNode<TTag>
+  function h<TTag extends Tag>(tag: TTag, props?: TagProps<TTag> | null, ...children: Array<unknown>): VNode<TTag>
   function render(h: Children, el: Element): void
-  function context<T>(fallback?: T): { (el: ThisParameterType<Component<unknown, Tag>>, value?: T): T }
+  function context<T>(fallback?: T): (el?: ThisParameterType<Component<unknown, Tag>>, value?: T) => T
 }
 
 declare namespace JSX {