ajo 0.1.16 → 0.1.18

package/dist/html.cjs

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

package/dist/html.js

@@ -1,57 +1,64 @@
-const { assign: f, entries: m, hasOwn: p } = Object, { isArray: d } = Array, y = (e) => [...$(e)].join(""), $ = function* (e) {
-  for (e of a(e))
-    if (typeof e == "string") yield u(e);
+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) {
+  for (e of c(e))
+    if (typeof e == "string") yield $(e);
     else {
-      const { nodeName: t, skip: r, children: l = "" } = e;
+      const { nodeName: t, skip: o, children: r = "" } = e;
       let n = "";
-      for (const [i, o] of m(e))
-        k.has(i) || i.startsWith("set:") || o == null || o === !1 || (n += o === !0 ? `${n} ${i}` : `${n} ${i}="${u(String(o))}"`);
-      v.has(t) ? yield `<${t}${n}>` : r ? yield `<${t}${n}></${t}>` : typeof l == "string" ? yield `<${t}${n}>${l}</${t}>` : (yield `<${t}${n}>`, yield* $(l), yield `</${t}>`);
+      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}>`);
     }
-}, a = function* (e, t = { value: "" }, r = !0) {
+}, c = function* (e, t = { value: "" }, o = !0) {
   for (e of d(e) ? e : [e])
     if (!(e == null || typeof e == "boolean"))
-      if (p(e, "nodeName")) {
-        const { value: l } = t, { nodeName: n } = e;
-        if (l && (yield l, t.value = ""), typeof n == "function")
-          if (delete e.nodeName, n.constructor.name === "GeneratorFunction") {
-            const i = {}, o = f({}, n.attrs);
-            for (const s in e) {
-              const c = e[s];
-              s.startsWith("attr:") ? o[s.slice(5)] = c : i[s] = c;
+      if (g(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);
+            for (const a in e) {
+              const u = e[a];
+              a.startsWith("attr:") ? l[a.slice(5)] = u : i[a] = u;
             }
-            o.nodeName = n.is ?? "div", o.children = w(n, i), yield o;
-          } else delete e.nodeName, yield* a(n(e), t, !1);
+            l.nodeName = n.is ?? "div", l.children = S(n, i), yield l;
+          } else yield* c(n(e), t, !1);
         else yield e;
-      } else d(e) ? yield* a(e, t, !1) : t.value += e;
-  r && t.value && (yield t.value);
-}, v = 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(",")), u = (e) => e.replace(/[&<>"']/g, (t) => `&#${t.charCodeAt(0)};`), w = (e, t) => {
-  let r, l;
+      } 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) => {
+  let o, r;
   try {
-    const n = e.call(r = {
+    const n = e.call(o = {
       $args: t,
-      *[Symbol.iterator]() {
-        for (; ; ) yield t;
+      $context: p(s ? s.$context : null),
+      render() {
+        s !== o && o.$next();
       },
       $next() {
-        l = y(n.next().value);
+        const i = s;
+        s = o, r = y(n.next().value), s = i;
       },
       $throw(i) {
-        l = y(n.throw(i).value);
+        r = y(n.throw(i).value);
       },
       $return() {
         n.return();
       }
     }, t);
-    r.$next();
+    o.$next();
   } catch (n) {
-    r.$throw(n);
+    o.$throw(n);
   } finally {
-    r.$return();
+    o.$return();
   }
-  return l;
+  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;
 };
 export {
-  $ as html,
+  A as context,
+  m as html,
   y as render
 };

package/dist/index.cjs

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

package/dist/index.js

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

package/package.json

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

package/readme.md

@@ -68,7 +68,7 @@ function* Counter() {
 
   const handleClick = () => {
     count++
-    this.$next()
+    this.render()
   }
 
   while (true) yield (
@@ -264,7 +264,7 @@ function* ChatComponent(props) {
 
     message = event.target.value
 
-    this.$next()
+    this.render()
   }
 
   const send = () => {
@@ -275,13 +275,13 @@ function* ChatComponent(props) {
 
       message = ''
 
-      this.$next()
+      this.render()
     }
   }
 
   const handleConnectionOpen = () => {
     connected = true
-    this.$next()
+    this.render()
   }
 
   const handleConnectionError = error => {
@@ -549,7 +549,7 @@ function* MultiStepForm({ initialData }) {
     currentStep++
 
     // Re-render with the next step
-    this.$next()
+    this.render()
   }
 
   const handleRestart = () => {
@@ -558,7 +558,7 @@ function* MultiStepForm({ initialData }) {
     this.$return()
 
     // Re-render the component in its initial state
-    this.$next()
+    this.render()
   }
 
   while (true) {

package/types.ts

@@ -32,11 +32,12 @@ declare module 'ajo' {
   }
 
   type Context<TArguments = Props> = {
-    $args: TArguments
+    $args: TArguments,
+    $context: { [key: symbol]: unknown },
+    render: () => void,
     $next: () => void
     $throw: (value?: unknown) => void
     $return: () => void
-    [Symbol.iterator]: () => Iterator<TArguments, unknown, unknown>
   }
 
   type Function<TArguments = Props> = (args: TArguments) => Children
@@ -68,6 +69,7 @@ declare module 'ajo' {
   function Fragment({ children }: ElementChildrenAttribute): typeof children
   function h<TTag extends Tag>(tag: TTag, props?: TagProps<TTag> | null, ...children: Array<unknown>): AjoNode<TTag>
   function render(h: Children, el: Element): void
+  function context<T>(fallback?: T): { (el: ThisParameterType<Component<unknown, Tag>>, value?: T): T }
 }
 
 declare namespace JSX {