ajo 0.1.6 → 0.1.7

package/dist/component.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./jsx.cjs"),o=require("./util-f79f2bb8.cjs"),f=require("./html.cjs"),m=require("./dom.cjs");let v=0,w;const x=(n,{as:t}={})=>{var a;if(((a=n==null?void 0:n.constructor)==null?void 0:a.name)!=="GeneratorFunction")throw new TypeError("fn is not a generator function");const i=`host-${v++}`;if(!globalThis.document)return({attrs:s={},args:e={},...c})=>{y(s,e,c);let r,u;try{const h=n.call(r={args:e,*[Symbol.iterator](){for(;;)yield e},next(){u=f.render(h.next().value)},throw(p){u=f.render(h.throw(p).value)},return(){h.return()}},e);r.next()}catch(h){r.throw(h)}finally{r.return()}return d.h(t||i,o.assign(s,{is:t&&i}),u)};class l extends b(t){*[Symbol.iterator](){for(;;)yield this.args}next(){var e;try{m.render((this[e=o.Iterator]??(this[e]=n.call(this,this.args))).next().value,this),typeof this[o.Ref]=="function"&&this[o.Ref](this)}catch(c){this.throw(c)}}throw(e){var c;for(let r=this;r;r=r.parentNode)if(typeof((c=r[o.Iterator])==null?void 0:c.throw)=="function")try{m.render(r[o.Iterator].throw(e).value,r);return}catch{continue}throw e}return(){var e;try{(e=this[o.Iterator])==null||e.return()}catch(c){this.throw(c)}finally{this[o.Iterator]=null}}disconnectedCallback(){this.return()}}return customElements.define(i,l,{extends:t}),({attrs:s={},args:e={},ref:c,...r})=>(y(s,e,r),d.h(t||i,o.assign(s,{is:t&&i,skip:!0,ref:u=>o.assign(u,{[o.Ref]:c,args:e}).next()})))},b=n=>{let t=(w??(w=new Map)).get(n);return t||(t=document.createElement(n).constructor,t===HTMLUnknownElement&&(t=HTMLElement),w.set(n,t)),t},y=(n,t,i)=>{for(const l in i)l.startsWith("arg:")?t[l.slice(4)]=i[l]:l==="children"?t[l]=i[l]:n[l]=i[l]};exports.component=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./jsx.cjs"),l=require("./util-f79f2bb8.cjs"),f=require("./html.cjs"),d=require("./dom.cjs");let p=0,m;const v=(n,{as:t}={})=>{var o;if(((o=n==null?void 0:n.constructor)==null?void 0:o.name)!=="GeneratorFunction")throw new TypeError("fn is not a generator function");const c=`host-${p++}`;return globalThis.document?(customElements.define(c,class extends x(t){*[Symbol.iterator](){for(;;)yield this.args}next(){var e;try{d.render((this[e=l.Iterator]??(this[e]=n.call(this,this.args))).next().value,this),typeof this[l.Ref]=="function"&&this[l.Ref](this)}catch(r){this.throw(r)}}throw(e){var r;for(let i=this;i;i=i.parentNode)if(typeof((r=i[l.Iterator])==null?void 0:r.throw)=="function")try{return d.render(i[l.Iterator].throw(e).value,i)}catch{continue}throw e}return(){var e;try{(e=this[l.Iterator])==null||e.return()}catch(r){this.throw(r)}finally{this[l.Iterator]=null}}},{extends:t}),({attrs:e={},args:r={},ref:i,...u})=>(w(e,r,u),a.h(t||c,l.assign(e,{is:t&&c,skip:!0,ref:h=>h&&l.assign(h,{[l.Ref]:s=>(s||h.return(),typeof i=="function"&&i(s)),args:r}).next()})))):({attrs:e={},args:r={},...i})=>{w(e,r,i);let u,h;try{const s=n.call(u={args:r,*[Symbol.iterator](){for(;;)yield r},next(){h=f.render(s.next().value)},throw(y){h=f.render(s.throw(y).value)},return(){s.return()}},r);u.next()}catch(s){u.throw(s)}finally{u.return()}return a.h(t||c,l.assign(e,{is:t&&c}),h)}},x=n=>{let t=(m??(m=new Map)).get(n);return t||(t=document.createElement(n).constructor,t===HTMLUnknownElement&&(t=HTMLElement),m.set(n,t)),t},w=(n,t,c)=>{for(const o in c)o.startsWith("arg:")?t[o.slice(4)]=c[o]:o==="children"?t[o]=c[o]:n[o]=c[o]};exports.component=v;

package/dist/component.js

@@ -1,89 +1,86 @@
-import { h as d } from "./jsx.js";
-import { a, I as u, R as m } from "./util-32b33d65.js";
+import { h as m } from "./jsx.js";
+import { a, I as u, R as f } from "./util-32b33d65.js";
 import { render as w } from "./html.js";
-import { render as p } from "./dom.js";
-let E = 0, y;
-const C = (n, { as: t } = {}) => {
-  var f;
-  if (((f = n == null ? void 0 : n.constructor) == null ? void 0 : f.name) !== "GeneratorFunction")
+import { render as d } from "./dom.js";
+let v = 0, y;
+const k = (n, { as: t } = {}) => {
+  var o;
+  if (((o = n == null ? void 0 : n.constructor) == null ? void 0 : o.name) !== "GeneratorFunction")
     throw new TypeError("fn is not a generator function");
-  const o = `host-${E++}`;
-  if (!globalThis.document)
-    return ({ attrs: c = {}, args: e = {}, ...l }) => {
-      x(c, e, l);
-      let r, s;
-      try {
-        const h = n.call(r = {
-          args: e,
-          *[Symbol.iterator]() {
-            for (; ; )
-              yield e;
-          },
-          next() {
-            s = w(h.next().value);
-          },
-          throw(v) {
-            s = w(h.throw(v).value);
-          },
-          return() {
-            h.return();
-          }
-        }, e);
-        r.next();
-      } catch (h) {
-        r.throw(h);
-      } finally {
-        r.return();
+  const l = `host-${v++}`;
+  return globalThis.document ? (customElements.define(
+    l,
+    class extends E(t) {
+      *[Symbol.iterator]() {
+        for (; ; )
+          yield this.args;
       }
-      return d(t || o, a(c, { is: t && o }), s);
-    };
-  class i extends b(t) {
-    *[Symbol.iterator]() {
-      for (; ; )
-        yield this.args;
-    }
-    next() {
-      var e;
-      try {
-        p((this[e = u] ?? (this[e] = n.call(this, this.args))).next().value, this), typeof this[m] == "function" && this[m](this);
-      } catch (l) {
-        this.throw(l);
+      next() {
+        var e;
+        try {
+          d((this[e = u] ?? (this[e] = n.call(this, this.args))).next().value, this), typeof this[f] == "function" && this[f](this);
+        } catch (r) {
+          this.throw(r);
+        }
       }
-    }
-    throw(e) {
-      var l;
-      for (let r = this; r; r = r.parentNode)
-        if (typeof ((l = r[u]) == null ? void 0 : l.throw) == "function")
-          try {
-            p(r[u].throw(e).value, r);
-            return;
-          } catch {
-            continue;
-          }
-      throw e;
-    }
-    return() {
-      var e;
-      try {
-        (e = this[u]) == null || e.return();
-      } catch (l) {
-        this.throw(l);
-      } finally {
-        this[u] = null;
+      throw(e) {
+        var r;
+        for (let i = this; i; i = i.parentNode)
+          if (typeof ((r = i[u]) == null ? void 0 : r.throw) == "function")
+            try {
+              return d(i[u].throw(e).value, i);
+            } catch {
+              continue;
+            }
+        throw e;
       }
+      return() {
+        var e;
+        try {
+          (e = this[u]) == null || e.return();
+        } catch (r) {
+          this.throw(r);
+        } finally {
+          this[u] = null;
+        }
+      }
+    },
+    { extends: t }
+  ), ({ attrs: e = {}, args: r = {}, ref: i, ...s }) => (p(e, r, s), m(t || l, a(e, { is: t && l, skip: !0, ref: (h) => h && a(h, { [f]: (c) => (c || h.return(), typeof i == "function" && i(c)), args: r }).next() })))) : ({ attrs: e = {}, args: r = {}, ...i }) => {
+    p(e, r, i);
+    let s, h;
+    try {
+      const c = n.call(s = {
+        args: r,
+        *[Symbol.iterator]() {
+          for (; ; )
+            yield r;
+        },
+        next() {
+          h = w(c.next().value);
+        },
+        throw(x) {
+          h = w(c.throw(x).value);
+        },
+        return() {
+          c.return();
+        }
+      }, r);
+      s.next();
+    } catch (c) {
+      s.throw(c);
+    } finally {
+      s.return();
     }
-    disconnectedCallback() {
-      this.return();
-    }
-  }
-  return customElements.define(o, i, { extends: t }), ({ attrs: c = {}, args: e = {}, ref: l, ...r }) => (x(c, e, r), d(t || o, a(c, { is: t && o, skip: !0, ref: (s) => a(s, { [m]: l, args: e }).next() })));
-}, b = (n) => {
+    return m(t || l, a(e, { is: t && l }), h);
+  };
+}, E = (n) => {
   let t = (y ?? (y = /* @__PURE__ */ new Map())).get(n);
   return t || (t = document.createElement(n).constructor, t === HTMLUnknownElement && (t = HTMLElement), y.set(n, t)), t;
-}, x = (n, t, o) => {
-  for (const i in o)
-    i.startsWith("arg:") ? t[i.slice(4)] = o[i] : i === "children" ? t[i] = o[i] : n[i] = o[i];
+}, p = (n, t, l) => {
+  for (const o in l)
+    o.startsWith("arg:") ? t[o.slice(4)] = l[o] : o === "children" ? t[o] = l[o] : n[o] = l[o];
 };
 export {
-  C as component
+  k as component
 };

package/package.json

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

package/readme.md

@@ -11,8 +11,7 @@ npm install ajo
 
 ```jsx
 /** @jsx h */
-import { h } from 'ajo'
-import { render } from 'ajo/dom'
+import { h, render } from 'ajo'
 
 document.body.innerHTML = '<div>Hello World</div>'
 
@@ -34,9 +33,7 @@ render(<Greet name="World" />, document.body)
 
 ```jsx
 /** @jsx h */
-import { h } from 'ajo'
-import { render } from 'ajo/dom'
-import { component } from 'ajo/component'
+import { h, render, component } from 'ajo'
 
 const Counter = component(function* ({ init = 0 }) {