ajo 0.1.10 → 0.1.11

package/dist/index.cjs

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

package/dist/index.js

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

package/package.json

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

package/readme.md

@@ -218,7 +218,7 @@ The `set:` prefix in Ajo allows you to directly set properties on DOM elements f
 ```jsx
 function* MyComponent() {
   const text = "Hello, Ajo!"
-  yield <div set:textContent={text} skip></div>
+  while (true) yield <div set:textContent={text} skip></div>
 }
 ```
 > Here, `set:textContent` directly sets the `textContent` property of the `div`'s DOM node. `skip` is used to prevent Ajo from overriding the `div`'s children.
@@ -227,7 +227,7 @@ function* MyComponent() {
 ```jsx
 function* MyComponent() {
   const html = "<p>Hello, Ajo!</p>"
-  yield <div set:innerHTML={html} skip></div>
+  while (true) yield <div set:innerHTML={html} skip></div>
 }
 ```
 > In this case, `set:innerHTML` is used to set the `innerHTML` property of the `div`'s DOM element. `skip` is used to prevent Ajo from overriding the `div`'s children.
@@ -236,7 +236,7 @@ function* MyComponent() {
 ```jsx
 function* MyComponent() {
   const handleClick = () => console.log('Clicked')
-  yield <button set:onclick={handleClick}>Click Me</button>
+  while (true) yield <button set:onclick={handleClick}>Click Me</button>
 }
 ```
 > `set:onclick` assigns the `handleClick` function as the click event listener for the button.