ajo 0.0.26 → 0.1.2

package/dist/ajo.js

@@ -0,0 +1,122 @@
+var C = Object.defineProperty;
+var T = (t, e, i) => e in t ? C(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
+var f = (t, e, i) => (T(t, typeof e != "symbol" ? e + "" : e, i), i);
+const d = Symbol(), w = Symbol(), m = Symbol(), { isArray: g, prototype: { slice: b } } = Array, { assign: v } = Object, z = ({ children: t }) => t, q = function(t, e) {
+  const i = { ...e, nodeName: t }, { length: r } = arguments;
+  return "children" in i || r < 3 || (i.children = r === 3 ? arguments[2] : b.call(arguments, 2)), i;
+}, E = (t, e, i) => {
+  let r = e.firstChild;
+  for (t of p(t)) {
+    let n = r;
+    if (typeof t == "string") {
+      for (; n && n.nodeType != 3; )
+        n = n.nextSibling;
+      n ? n.data != t && (n.data = t) : n = document.createTextNode(t);
+    } else {
+      const { xmlns: s = i, nodeName: a, is: c, key: l, skip: o, memo: u, ref: x, children: N, ...k } = t;
+      for (; n && !(n.localName === a && (n[d] ?? (n[d] = l)) == l); )
+        n = n.nextSibling;
+      n ?? (n = M(s, a, c, l)), (u == null || A(n[w], n[w] = u)) && (F(k, n), o || E(N, n, s), typeof x == "function" && x(n));
+    }
+    n === r ? r = r.nextSibling : H(e, n, r);
+  }
+  for (; r; ) {
+    const n = r.nextSibling;
+    e.removeChild(r), r = n;
+  }
+}, A = (t, e) => g(t) && g(e) ? t.some((i, r) => i !== e[r]) : t !== e, M = (t, e, i, r) => {
+  const n = t ? document.createElementNS(t, e, { is: i }) : document.createElement(e, { is: i });
+  return n[d] = r, n;
+}, F = (t, e) => {
+  const i = e[m] ?? (e[m] = b.call(e.attributes).reduce((r, { name: n, value: s }) => (r[n] = s, r), {}));
+  for (const r in { ...i, ...e[m] = t }) {
+    const n = t[r];
+    n !== i[r] && (r.startsWith("set:") ? e[r.slice(4)] = n : n == null || n === !1 ? e.removeAttribute(r) : e.setAttribute(r, n === !0 ? "" : n));
+  }
+}, H = (t, e, i) => {
+  if (e.contains(document.activeElement)) {
+    const r = e.nextSibling;
+    for (; i && i != e; ) {
+      const n = i.nextSibling;
+      t.insertBefore(i, r), i = n;
+    }
+  } else
+    t.insertBefore(e, i);
+}, p = function* (t, e = { value: "" }, i = !0) {
+  for (t of g(t) ? t : [t]) {
+    if (t == null || typeof t == "boolean")
+      continue;
+    const { nodeName: r, ...n } = t, s = typeof r;
+    s === "string" ? (e.value && (yield e.value, e.value = ""), yield t) : s === "function" ? yield* p(r(n), e, !1) : g(t) ? yield* p(t, e, !1) : e.value += t;
+  }
+  i && e.value && (yield e.value);
+};
+let B = 0, h = null, y, S;
+const G = (t, { as: e } = {}) => {
+  var n;
+  if (((n = t == null ? void 0 : t.constructor) == null ? void 0 : n.name) !== "GeneratorFunction")
+    throw new TypeError("fn is not a generator function");
+  const i = `host-${B++}`;
+  class r extends W(e) {
+    constructor() {
+      super(...arguments);
+      f(this, "generator");
+      f(this, "args");
+      f(this, "ref");
+    }
+    disconnectedCallback() {
+      this.return();
+    }
+    refresh() {
+      L(this);
+    }
+    next({ method: c = "next", argument: l } = {}) {
+      try {
+        const { done: o, value: u } = (this.generator ?? (this.generator = t.call(this, this.args)))[c](l);
+        if (o)
+          return c !== "return" && this.return(u);
+        E(u, this), typeof this.ref == "function" && this.ref(this);
+      } catch (o) {
+        this.throw(o);
+      }
+    }
+    throw(c) {
+      var l;
+      for (let o = this.parentNode; o; o = o.parentNode)
+        if (typeof ((l = o.generator) == null ? void 0 : l.throw) == "function")
+          return o.next({ method: "throw", argument: c });
+      throw c;
+    }
+    return(c) {
+      try {
+        this.next({ method: "return", argument: c });
+      } finally {
+        this.generator = null;
+      }
+    }
+    *[Symbol.iterator]() {
+      for (; this.isConnected; )
+        yield this.args;
+    }
+  }
+  return customElements.define(i, r, { extends: e }), ({ attrs: s = {}, args: a = {}, ref: c, ...l }) => {
+    for (const o in l)
+      o.startsWith("arg:") ? a[o.slice(4)] = l[o] : (o === "children" ? a : s)[o] = l[o];
+    return q(e || i, v(s, { is: e && i, skip: !0, ref: (o) => v(o, { args: a, ref: c }).refresh() }));
+  };
+}, L = (t) => {
+  (y ?? (y = /* @__PURE__ */ new Set())).add(t), h ?? (h = requestAnimationFrame(() => {
+    for (const e of y)
+      e.isConnected && e.next();
+    y.clear(), h = null;
+  }));
+}, W = (t) => {
+  let e = (S ?? (S = /* @__PURE__ */ new Map())).get(t);
+  return e || (e = document.createElement(t).constructor, e === HTMLUnknownElement && (e = HTMLElement), S.set(t, e)), e;
+};
+export {
+  z as Fragment,
+  G as component,
+  q as h,
+  E as render
+};

package/dist/ajo.umd.cjs

@@ -0,0 +1 @@
+(function(s,l){typeof exports=="object"&&typeof module<"u"?l(exports):typeof define=="function"&&define.amd?define(["exports"],l):(s=typeof globalThis<"u"?globalThis:s||self,l(s.Ajo={}))})(this,function(s){"use strict";var W=Object.defineProperty;var z=(s,l,f)=>l in s?W(s,l,{enumerable:!0,configurable:!0,writable:!0,value:f}):s[l]=f;var p=(s,l,f)=>(z(s,typeof l!="symbol"?l+"":l,f),f);const l=Symbol(),f=Symbol(),y=Symbol(),{isArray:g,prototype:{slice:w}}=Array,{assign:S}=Object,k=({children:t})=>t,b=function(t,e){const o={...e,nodeName:t},{length:i}=arguments;return"children"in o||i<3||(o.children=i===3?arguments[2]:w.call(arguments,2)),o},h=(t,e,o)=>{let i=e.firstChild;for(t of x(t)){let n=i;if(typeof t=="string"){for(;n&&n.nodeType!=3;)n=n.nextSibling;n?n.data!=t&&(n.data=t):n=document.createTextNode(t)}else{const{xmlns:u=o,nodeName:d,is:a,key:c,skip:r,memo:m,ref:N,children:L,...O}=t;for(;n&&!(n.localName===d&&(n[l]??(n[l]=c))==c);)n=n.nextSibling;n??(n=C(u,d,a,c)),(m==null||A(n[f],n[f]=m))&&(M(O,n),r||h(L,n,u),typeof N=="function"&&N(n))}n===i?i=i.nextSibling:j(e,n,i)}for(;i;){const n=i.nextSibling;e.removeChild(i),i=n}},A=(t,e)=>g(t)&&g(e)?t.some((o,i)=>o!==e[i]):t!==e,C=(t,e,o,i)=>{const n=t?document.createElementNS(t,e,{is:o}):document.createElement(e,{is:o});return n[l]=i,n},M=(t,e)=>{const o=e[y]??(e[y]=w.call(e.attributes).reduce((i,{name:n,value:u})=>(i[n]=u,i),{}));for(const i in{...o,...e[y]=t}){const n=t[i];n!==o[i]&&(i.startsWith("set:")?e[i.slice(4)]=n:n==null||n===!1?e.removeAttribute(i):e.setAttribute(i,n===!0?"":n))}},j=(t,e,o)=>{if(e.contains(document.activeElement)){const i=e.nextSibling;for(;o&&o!=e;){const n=o.nextSibling;t.insertBefore(o,i),o=n}}else t.insertBefore(e,o)},x=function*(t,e={value:""},o=!0){for(t of g(t)?t:[t]){if(t==null||typeof t=="boolean")continue;const{nodeName:i,...n}=t,u=typeof i;u==="string"?(e.value&&(yield e.value,e.value=""),yield t):u==="function"?yield*x(i(n),e,!1):g(t)?yield*x(t,e,!1):e.value+=t}o&&e.value&&(yield e.value)};let q=0,E=null,v,T;const F=(t,{as:e}={})=>{var n;if(((n=t==null?void 0:t.constructor)==null?void 0:n.name)!=="GeneratorFunction")throw new TypeError("fn is not a generator function");const o=`host-${q++}`;class i extends B(e){constructor(){super(...arguments);p(this,"generator");p(this,"args");p(this,"ref")}disconnectedCallback(){this.return()}refresh(){H(this)}next({method:a="next",argument:c}={}){try{const{done:r,value:m}=(this.generator??(this.generator=t.call(this,this.args)))[a](c);if(r)return a!=="return"&&this.return(m);h(m,this),typeof this.ref=="function"&&this.ref(this)}catch(r){this.throw(r)}}throw(a){var c;for(let r=this.parentNode;r;r=r.parentNode)if(typeof((c=r.generator)==null?void 0:c.throw)=="function")return r.next({method:"throw",argument:a});throw a}return(a){try{this.next({method:"return",argument:a})}finally{this.generator=null}}*[Symbol.iterator](){for(;this.isConnected;)yield this.args}}return customElements.define(o,i,{extends:e}),({attrs:u={},args:d={},ref:a,...c})=>{for(const r in c)r.startsWith("arg:")?d[r.slice(4)]=c[r]:(r==="children"?d:u)[r]=c[r];return b(e||o,S(u,{is:e&&o,skip:!0,ref:r=>S(r,{args:d,ref:a}).refresh()}))}},H=t=>{(v??(v=new Set)).add(t),E??(E=requestAnimationFrame(()=>{for(const e of v)e.isConnected&&e.next();v.clear(),E=null}))},B=t=>{let e=(T??(T=new Map)).get(t);return e||(e=document.createElement(t).constructor,e===HTMLUnknownElement&&(e=HTMLElement),T.set(t,e)),e};s.Fragment=k,s.component=F,s.h=b,s.render=h,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,22 +1,24 @@
 {
   "name": "ajo",
-  "version": "0.0.26",
-  "description": "ajo is a JavaScript view library for building user interfaces",
+  "version": "0.1.2",
+  "description": "Ajo is a JavaScript view library for building user interfaces",
   "type": "module",
-  "module": "index.js",
-  "main": "index.cjs",
-  "unpkg": "index.min.js",
+  "module": "./dist/ajo.js",
+  "main": "./dist/ajo.umd.cjs",
   "exports": {
     ".": {
-      "import": "./index.js",
-      "require": "./index.cjs",
-      "browser": "./index.min.js"
+      "import": "./dist/ajo.js",
+      "require": "./dist/ajo.umd.cjs"
     }
   },
   "files": [
-    "index.js",
-    "index.min.js"
+    "dist"
   ],
+  "devDependencies": {
+    "jsdom": "^22.1.0",
+    "vite": "^4.5.0",
+    "vitest": "^0.34.6"
+  },
   "keywords": [
     "ui",
     "frontend",
@@ -24,21 +26,15 @@
     "dom",
     "jsx"
   ],
-  "scripts": {
-    "build": "npm run build:require && npm run build:browser",
-    "build:require": "esbuild --format=cjs --out-extension:.js=.cjs --outdir=. index.js",
-    "build:browser": "esbuild --format=iife --out-extension:.js=.min.js --outdir=. --global-name=ajo --minify index.js",
-    "release": "npm test && git commit -am \"$npm_package_version\" && git tag $npm_package_version && git push && git push --tags && npm publish",
-    "test": "npm run build && uvu"
-  },
   "repository": "cristianfalcone/ajo",
   "author": "Cristian Falcone",
   "license": "ISC",
   "bugs": "https://github.com/cristianfalcone/ajo/issues",
   "homepage": "https://github.com/cristianfalcone/ajo#readme",
-  "devDependencies": {
-    "backdom": "^0.0.8",
-    "esbuild": "^0.15.10",
-    "uvu": "^0.5.6"
+  "scripts": {
+    "test": "vitest --run",
+    "build": "vite build",
+    "bump": "pnpm version patch && git push && git push --tags",
+    "release": "pnpm test && pnpm build && pnpm bump && pnpm publish"
   }
-}
+}

package/readme.md

@@ -1,5 +1,5 @@
-# ajo
-ajo is a JavaScript view library for building user interfaces
+# Ajo
+Ajo is a JavaScript view library for building user interfaces
 
 ## install
 
@@ -7,7 +7,7 @@ ajo is a JavaScript view library for building user interfaces
 npm install ajo
 ```
 
-## render a JSX element to a DOM element
+## render JSX into DOM
 
 ```jsx
 /** @jsx h */
@@ -18,7 +18,7 @@ document.body.innerHTML = '<div>Hello World</div>'
 render(<div>Goodbye World</div>, document.body)
 ```
 
-## function element (stateless)
+## stateless component
 
 ```jsx
 /** @jsx h */
@@ -29,25 +29,30 @@ const Greet = ({ name }) => <div>Hello {name}</div>
 render(<Greet name="World" />, document.body)
 ```
 
-## component element (stateful)
+## stateful component
 
 ```jsx
 /** @jsx h */
-import { h, component, useState, render } from 'ajo'
+import { h, render, component } from 'ajo'
 
-const Counter = component(() => {
+const Counter = component(function* ({ init = 0 }) {
 
-  const [count, setCount] = useState(0)
+	let count = init
 
-  return (
-    <button set:onclick={() => setCount(count + 1)}>
-      Current: {count}
-    </button>
+	const handleClick = () => {
+		count++
+		this.refresh()
+	}
+
+	while (true) yield (
+		<button set:onclick={handleClick}>
+			Current: {count}
+		</button>
 	)
 })
 
-render(<Counter />, document.body)
+render(<Counter init={5} />, document.body)
 ```
 
 ## acknowledgments
-ajo takes heavy inspiration from [Incremental DOM](https://github.com/google/incremental-dom) and [React](https://github.com/facebook/react)
+Ajo takes heavy inspiration from [Incremental DOM](https://github.com/google/incremental-dom) and [Crank.js](https://github.com/bikeshaving/crank)

package/index.cjs

@@ -1,284 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from2, except, desc) => {
-  if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-    for (let key of __getOwnPropNames(from2))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc(from2, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ajo_exports = {};
-__export(ajo_exports, {
-  Fragment: () => Fragment,
-  component: () => component,
-  h: () => h,
-  render: () => render,
-  useCallback: () => useCallback,
-  useCatch: () => useCatch,
-  useEffect: () => useEffect,
-  useHost: () => useHost,
-  useInsert: () => useInsert,
-  useLayout: () => useLayout,
-  useMemo: () => useMemo,
-  useReducer: () => useReducer,
-  useRef: () => useRef,
-  useState: () => useState
-});
-module.exports = __toCommonJS(ajo_exports);
-const Fragment = ({ children }) => children, h = (nodeName, props, ...children) => {
-  const { length } = children;
-  children = length == 0 ? null : length == 1 ? children[0] : children;
-  return { children, ...props, nodeName };
-}, render = (h2, host, ns) => {
-  let child = host.firstChild;
-  for (h2 of normalize(h2)) {
-    let node = child;
-    if (h2 instanceof Node)
-      node = h2;
-    else if (typeof h2 == "string") {
-      while (node && node.nodeType != 3)
-        node = node.nextSibling;
-      node ? node.data != h2 && (node.data = h2) : node = document.createTextNode(h2);
-    } else {
-      const { xmlns = ns, nodeName, key, ref, memo, children, [FN]: fn, ...props } = h2;
-      while (node && !(node.localName == nodeName && is(node.$key ??= key, key)))
-        node = node.nextSibling;
-      node ??= create(xmlns, nodeName, key);
-      if (isObject(ref)) {
-        ref.current = node;
-        node.$ref = ref;
-      }
-      if (memo == null || some(node.$deps, node.$deps = memo)) {
-        update(props, node);
-        isFunction(fn) ? fn(node) : render(children, node, xmlns);
-      }
-    }
-    node == child ? child = child.nextSibling : before(host, node, child);
-  }
-  while (child) {
-    const next = child.nextSibling;
-    dispose(child);
-    host.removeChild(child);
-    child = next;
-  }
-}, component = (fn) => ({ nodeName, as, props, key, ref, memo, ...args }) => h(as ?? fn?.as ?? "c-host", {
-  ...fn?.props,
-  ...props,
-  key,
-  ref,
-  memo,
-  [FN]: (host) => {
-    host.$fn = isFunction(fn) ? fn : noop;
-    host.$args = { ...fn?.args, ...args };
-    schedule(host);
-  }
-}), useReducer = (fn, init) => {
-  const host = useHost(), hooks = useHooks(), [i, stack] = hooks;
-  if (i == stack.length)
-    stack[i] = [
-      isFunction(init) ? init() : init,
-      (value) => {
-        const prev = stack[i][0], next = isFunction(value) ? value(prev) : value;
-        if (is(prev, stack[i][0] = isFunction(fn) ? fn(prev, next) : next))
-          return;
-        runMutation(host);
-      }
-    ];
-  return stack[hooks[0]++];
-}, useMemo = (fn, deps) => {
-  const hooks = useHooks(), [i, stack] = hooks;
-  if (i == stack.length || deps == null || some(deps, stack[i][1]))
-    stack[i] = [fn(), deps];
-  return stack[hooks[0]++][0];
-}, useCatch = (fn) => {
-  const host = useHost(), [value, setValue] = useReducer(), hooks = useHooks(), [i, stack] = hooks;
-  stack[hooks[0]++] = fn;
-  host.$catch ??= (value2) => {
-    isFunction(stack[i]) && stack[i](value2);
-    setValue(value2);
-  };
-  return [value, () => setValue()];
-}, useHost = () => current, useState = (init) => useReducer(null, init), useRef = (current2) => useMemo(() => ({ current: current2 }), []), useCallback = (fn, deps) => useMemo(() => fn, deps), useInsert = (fn, deps) => useFx(fn, deps, "$insert"), useLayout = (fn, deps) => useFx(fn, deps, "$layout"), useEffect = (fn, deps) => useFx(fn, deps, "$effect");
-const { isArray, from } = Array, { is } = Object, noop = () => {
-}, FN = Symbol(), isObject = (v) => v && typeof v == "object", isFunction = (v) => typeof v == "function", some = (a, b) => isArray(a) && isArray(b) ? a.some((v, i) => !is(v, b[i])) : !is(a, b), reduce = (v) => from(v).reduce(assign, {}), assign = (v, { name, value }) => (v[name] = value, v), microtask = globalThis.queueMicrotask ?? ((fn) => fn()), task = globalThis.requestAnimationFrame ?? microtask, create = (ns, name, key) => {
-  const node = ns ? document.createElementNS(ns, name) : document.createElement(name);
-  return node.$key = key, node;
-}, normalize = function* (h2, buffer = { data: "" }, root = true) {
-  let data;
-  for (h2 of isArray(h2) ? h2 : [h2]) {
-    if (h2 == null || typeof h2 == "boolean")
-      continue;
-    if (typeof h2.nodeName == "string")
-      (data = buffer.data) && (buffer.data = "", yield data), yield h2;
-    else if (isFunction(h2.nodeName))
-      yield* normalize(h2.nodeName(h2), buffer, false);
-    else
-      isArray(h2) ? yield* normalize(h2, buffer, false) : buffer.data += h2;
-  }
-  root && (data = buffer.data) && (yield data);
-}, update = (props, host) => {
-  const prev = host.$props ??= host.hasAttributes() ? reduce(host.attributes) : {};
-  for (const name in { ...prev, ...host.$props = props }) {
-    let value = props[name];
-    if (value !== prev[name])
-      if (name.startsWith("set:"))
-        host[name.slice(4)] = value;
-      else if (value == null || value === false)
-        host.removeAttribute(name);
-      else
-        host.setAttribute(name, value === true ? "" : value);
-  }
-}, before = (host, node, child) => {
-  if (node.contains?.(document.activeElement)) {
-    const ref = node.nextSibling;
-    while (child && child != node) {
-      const next = child.nextSibling;
-      host.insertBefore(child, ref);
-      child = next;
-    }
-  } else
-    host.insertBefore(node, child);
-}, useHooks = () => current.$hooks ??= [0, []], useFx = (fn, deps, key) => {
-  const host = useHost(), hooks = useHooks(), [i, stack] = hooks, init = i == stack.length;
-  if (init)
-    (host[key] ??= /* @__PURE__ */ new Set()).add(stack[i] = [null, fn, deps]);
-  else if (deps == null || some(deps, stack[i][2])) {
-    stack[i][1] = fn;
-    stack[i][2] = deps;
-  }
-  hooks[0]++;
-}, schedule = (host) => {
-  if (host.$idle)
-    return;
-  if (globalThis.navigator?.scheduling?.isInputPending()) {
-    idleQueue.add(host);
-    host.$idle = true;
-    idleId ??= requestIdleCallback(runIdle);
-    return;
-  }
-  run(host);
-}, run = (host) => {
-  if (host.$idle) {
-    idleQueue.delete(host);
-    host.$idle = false;
-  }
-  current = host;
-  if (current.$hooks)
-    current.$hooks[0] = 0;
-  try {
-    host.$h = host.$fn(host.$args);
-  } catch (value) {
-    propagate(value, host.parentNode);
-  } finally {
-    current = null;
-    layoutQueue.add(host);
-    host.$layoutQueued = true;
-    layoutId ??= task(runLayout);
-  }
-}, runIdle = () => {
-  idleId = null;
-  for (const host of from(idleQueue)) {
-    idleQueue.delete(host);
-    host.$idle = false;
-    schedule(host);
-  }
-}, runMutation = (host) => {
-  if (host.$runQueued)
-    return;
-  host.$runQueued = true;
-  microtask(() => {
-    host.$runQueued = false;
-    run(host);
-  });
-}, runLayout = () => {
-  layoutId = null;
-  for (const host of layoutQueue) {
-    layoutQueue.delete(host);
-    host.$layoutQueued = false;
-    runFx(host, "$insert");
-    try {
-      render(host.$h, host);
-      host.$h = null;
-    } catch (value) {
-      propagate(value, host);
-    } finally {
-      runFx(host, "$layout");
-      effectQueue.add(host);
-      host.$effectQueued = true;
-      effectId ??= task(runEffect);
-    }
-  }
-}, runEffect = () => {
-  effectId = null;
-  for (const host of effectQueue) {
-    effectQueue.delete(host);
-    host.$effectQueued = false;
-    runFx(host, "$effect");
-  }
-}, runFx = (host, key) => {
-  if (host[key])
-    for (const fx of host[key]) {
-      const [cleanup, setup] = fx;
-      if (isFunction(setup)) {
-        try {
-          if (isFunction(cleanup))
-            cleanup();
-          fx[0] = setup();
-        } catch (value) {
-          fx[0] = null;
-          propagate(value, host.parentNode);
-        } finally {
-          fx[1] = null;
-        }
-      }
-    }
-}, dispose = (host) => {
-  if (host.nodeType != 1)
-    return;
-  for (const child of host.children)
-    dispose(child);
-  if (host.$ref)
-    host.$ref.current = null;
-  if (!host.$fn)
-    return;
-  if (host.$idle) {
-    idleQueue.delete(host);
-    host.$idle = false;
-  }
-  if (host.$layoutQueued) {
-    layoutQueue.delete(host);
-    host.$layoutQueued = false;
-  }
-  if (host.$effectQueued) {
-    effectQueue.delete(host);
-    host.$effectQueued = false;
-  }
-  for (const key of ["$insert", "$layout", "$effect"])
-    if (host[key]) {
-      for (const fx of host[key]) {
-        host[key].delete(fx);
-        try {
-          const [cleanup] = fx;
-          isFunction(cleanup) && cleanup();
-        } catch (value) {
-          propagate(value, host.parentNode);
-        } finally {
-          fx[0] = fx[1] = null;
-        }
-      }
-    }
-}, propagate = (value, host) => {
-  for (let fn; host; host = host.parentNode)
-    if (isFunction(fn = host.$catch))
-      return void fn(value);
-  throw value;
-};
-let current = null, layoutQueue = /* @__PURE__ */ new Set(), effectQueue = /* @__PURE__ */ new Set(), idleQueue = /* @__PURE__ */ new Set(), layoutId = null, effectId = null, idleId = null;

package/index.js

@@ -1,369 +0,0 @@
-export const
-
-	Fragment = ({ children }) => children,
-
-	h = (nodeName, props, ...children) => {
-		const { length } = children
-		children = length == 0 ? null : length == 1 ? children[0] : children
-		return { children, ...props, nodeName }
-	},
-
-	render = (h, host, ns) => {
-
-		let child = host.firstChild
-
-		for (h of normalize(h)) {
-
-			let node = child
-
-			if (h instanceof Node) node = h
-
-			else if (typeof h == 'string') {
-
-				while (node && node.nodeType != 3) node = node.nextSibling
-				node ? node.data != h && (node.data = h) : node = document.createTextNode(h)
-
-			} else {
-
-				const { xmlns = ns, nodeName, key, ref, memo, children, [FN]: fn, ...props } = h
-
-				while (node && !(node.localName == nodeName && is(node.$key ??= key, key))) node = node.nextSibling
-				node ??= create(xmlns, nodeName, key)
-
-				if (isObject(ref)) {
-					ref.current = node
-					node.$ref = ref
-				}
-
-				if (memo == null || some(node.$deps, node.$deps = memo)) {
-					update(props, node)
-					isFunction(fn) ? fn(node) : render(children, node, xmlns)
-				}
-			}
-
-			node == child ? child = child.nextSibling : before(host, node, child)
-		}
-
-		while (child) {
-			const next = child.nextSibling
-			dispose(child)
-			host.removeChild(child)
-			child = next
-		}
-	},
-
-	component = fn => ({ nodeName, as, props, key, ref, memo, ...args }) =>
-
-		h(as ?? fn?.as ?? 'c-host', {
-
-			...fn?.props, ...props, key, ref, memo, [FN]: host => {
-
-				host.$fn = isFunction(fn) ? fn : noop
-				host.$args = { ...fn?.args, ...args }
-
-				schedule(host)
-			}
-		}),
-
-	useReducer = (fn, init) => {
-
-		const host = useHost(), hooks = useHooks(), [i, stack] = hooks
-
-		if (i == stack.length) stack[i] = [
-
-			isFunction(init) ? init() : init,
-
-			value => {
-
-				const prev = stack[i][0], next = isFunction(value) ? value(prev) : value
-
-				if (is(prev, stack[i][0] = isFunction(fn) ? fn(prev, next) : next)) return
-
-				runMutation(host)
-			}
-		]
-
-		return stack[hooks[0]++]
-	},
-
-	useMemo = (fn, deps) => {
-
-		const hooks = useHooks(), [i, stack] = hooks
-
-		if (i == stack.length || deps == null || some(deps, stack[i][1])) stack[i] = [fn(), deps]
-
-		return stack[hooks[0]++][0]
-	},
-
-	useCatch = fn => {
-
-		const host = useHost(), [value, setValue] = useReducer(), hooks = useHooks(), [i, stack] = hooks
-
-		stack[hooks[0]++] = fn
-
-		host.$catch ??= value => {
-			isFunction(stack[i]) && stack[i](value)
-			setValue(value)
-		}
-
-		return [value, () => setValue()]
-	},
-
-	useHost = () => current,
-	useState = init => useReducer(null, init),
-
-	useRef = current => useMemo(() => ({ current }), []),
-	useCallback = (fn, deps) => useMemo(() => fn, deps),
-
-	useInsert = (fn, deps) => useFx(fn, deps, '$insert'),
-	useLayout = (fn, deps) => useFx(fn, deps, '$layout'),
-	useEffect = (fn, deps) => useFx(fn, deps, '$effect')
-
-const
-
-	{ isArray, from } = Array, { is } = Object, noop = () => { }, FN = Symbol(),
-
-	isObject = v => v && typeof v == 'object', isFunction = v => typeof v == 'function',
-
-	some = (a, b) => (isArray(a) && isArray(b)) ? a.some((v, i) => !is(v, b[i])) : !is(a, b),
-
-	reduce = v => from(v).reduce(assign, {}), assign = (v, { name, value }) => ((v[name] = value), v),
-
-	microtask = globalThis.queueMicrotask ?? (fn => fn()), task = globalThis.requestAnimationFrame ?? microtask,
-
-	create = (ns, name, key) => {
-		const node = ns ? document.createElementNS(ns, name) : document.createElement(name)
-		return node.$key = key, node
-	},
-
-	normalize = function* (h, buffer = { data: '' }, root = true) {
-
-		let data
-
-		for (h of isArray(h) ? h : [h]) {
-			if (h == null || typeof h == 'boolean') continue
-			if (typeof h.nodeName == 'string') ((data = buffer.data) && (buffer.data = '', yield data)), yield h
-			else if (isFunction(h.nodeName)) yield* normalize(h.nodeName(h), buffer, false)
-			else isArray(h) ? yield* normalize(h, buffer, false) : buffer.data += h
-		}
-
-		root && (data = buffer.data) && (yield data)
-	},
-
-	update = (props, host) => {
-
-		const prev = host.$props ??= host.hasAttributes() ? reduce(host.attributes) : {}
-
-		for (const name in { ...prev, ...(host.$props = props) }) {
-
-			let value = props[name]
-
-			if (value !== prev[name])
-				if (name.startsWith('set:')) host[name.slice(4)] = value
-				else if (value == null || value === false) host.removeAttribute(name)
-				else host.setAttribute(name, value === true ? '' : value)
-		}
-	},
-
-	before = (host, node, child) => {
-
-		if (node.contains?.(document.activeElement)) {
-
-			const ref = node.nextSibling
-
-			while (child && child != node) {
-				const next = child.nextSibling
-				host.insertBefore(child, ref)
-				child = next
-			}
-
-		} else host.insertBefore(node, child)
-	},
-
-	useHooks = () => current.$hooks ??= [0, []],
-
-	useFx = (fn, deps, key) => {
-
-		const host = useHost(), hooks = useHooks(), [i, stack] = hooks, init = i == stack.length
-
-		if (init) (host[key] ??= new Set).add(stack[i] = [null, fn, deps])
-
-		else if (deps == null || some(deps, stack[i][2])) {
-			stack[i][1] = fn
-			stack[i][2] = deps
-		}
-
-		hooks[0]++
-	},
-
-	schedule = host => {
-
-		if (host.$idle) return
-
-		if (globalThis.navigator?.scheduling?.isInputPending()) {
-			idleQueue.add(host)
-			host.$idle = true
-			idleId ??= requestIdleCallback(runIdle)
-			return
-		}
-
-		run(host)
-	},
-
-	run = host => {
-
-		if (host.$idle) {
-			idleQueue.delete(host)
-			host.$idle = false
-		}
-
-		current = host
-
-		if (current.$hooks) current.$hooks[0] = 0
-
-		try {
-			host.$h = host.$fn(host.$args)
-		} catch (value) {
-			propagate(value, host.parentNode)
-		} finally {
-			current = null
-			layoutQueue.add(host)
-			host.$layoutQueued = true
-			layoutId ??= task(runLayout)
-		}
-	},
-
-	runIdle = () => {
-
-		idleId = null
-
-		for (const host of from(idleQueue)) {
-			idleQueue.delete(host)
-			host.$idle = false
-			schedule(host)
-		}
-	},
-
-	runMutation = host => {
-
-		if (host.$runQueued) return
-
-		host.$runQueued = true
-		microtask(() => {
-			host.$runQueued = false
-			run(host)
-		})
-	},
-
-	runLayout = () => {
-
-		layoutId = null
-
-		for (const host of layoutQueue) {
-
-			layoutQueue.delete(host)
-			host.$layoutQueued = false
-
-			runFx(host, '$insert')
-
-			try {
-				render(host.$h, host)
-				host.$h = null
-			} catch (value) {
-				propagate(value, host)
-			} finally {
-				runFx(host, '$layout')
-				effectQueue.add(host)
-				host.$effectQueued = true
-				effectId ??= task(runEffect)
-			}
-		}
-	},
-
-	runEffect = () => {
-
-		effectId = null
-
-		for (const host of effectQueue) {
-			effectQueue.delete(host)
-			host.$effectQueued = false
-			runFx(host, '$effect')
-		}
-	},
-
-	runFx = (host, key) => {
-
-		if (host[key]) for (const fx of host[key]) {
-
-			const [cleanup, setup] = fx
-
-			if (isFunction(setup)) {
-				try {
-					if (isFunction(cleanup)) cleanup()
-					fx[0] = setup()
-				} catch (value) {
-					fx[0] = null
-					propagate(value, host.parentNode)
-				} finally {
-					fx[1] = null
-				}
-			}
-		}
-	},
-
-	dispose = host => {
-
-		if (host.nodeType != 1) return
-
-		for (const child of host.children) dispose(child)
-
-		if (host.$ref) host.$ref.current = null
-
-		if (!host.$fn) return
-
-		if (host.$idle) {
-			idleQueue.delete(host)
-			host.$idle = false
-		}
-
-		if (host.$layoutQueued) {
-			layoutQueue.delete(host)
-			host.$layoutQueued = false
-		}
-
-		if (host.$effectQueued) {
-			effectQueue.delete(host)
-			host.$effectQueued = false
-		}
-
-		for (const key of ['$insert', '$layout', '$effect']) if (host[key]) {
-
-			for (const fx of host[key]) {
-
-				host[key].delete(fx)
-
-				try {
-					const [cleanup] = fx
-					isFunction(cleanup) && cleanup()
-				} catch (value) {
-					propagate(value, host.parentNode)
-				} finally {
-					fx[0] = fx[1] = null
-				}
-			}
-		}
-	},
-
-	propagate = (value, host) => {
-		for (let fn; host; host = host.parentNode) if (isFunction(fn = host.$catch)) return void fn(value)
-		throw value
-	}
-
-let
-	current = null,
-	layoutQueue = new Set,
-	effectQueue = new Set,
-	idleQueue = new Set,
-	layoutId = null,
-	effectId = null,
-	idleId = null

package/index.min.js

@@ -1 +0,0 @@
-var ajo=(()=>{var x=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var D=Object.prototype.hasOwnProperty;var G=(e,t)=>{for(var u in t)x(e,u,{get:t[u],enumerable:!0})},J=(e,t,u,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of W(t))!D.call(e,n)&&n!==u&&x(e,n,{get:()=>t[n],enumerable:!(l=V(t,n))||l.enumerable});return e};var K=e=>J(x({},"__esModule",{value:!0}),e);var ye={};G(ye,{Fragment:()=>U,component:()=>X,h:()=>T,render:()=>Q,useCallback:()=>h,useCatch:()=>Y,useEffect:()=>ne,useHost:()=>p,useInsert:()=>ee,useLayout:()=>te,useMemo:()=>w,useReducer:()=>S,useRef:()=>_,useState:()=>Z});const U=({children:e})=>e,T=(e,t,...u)=>{const{length:l}=u;return u=l==0?null:l==1?u[0]:u,{children:u,...t,nodeName:e}},Q=(e,t,u)=>{let l=t.firstChild;for(e of b(e)){let n=l;if(e instanceof Node)n=e;else if(typeof e=="string"){for(;n&&n.nodeType!=3;)n=n.nextSibling;n?n.data!=e&&(n.data=e):n=document.createTextNode(e)}else{const{xmlns:r=u,nodeName:a,key:i,ref:o,memo:A,children:z,[E]:F,...P}=e;for(;n&&!(n.localName==a&&$(n.$key??=i,i));)n=n.nextSibling;n??=ie(r,a,i),ue(o)&&(o.current=n,n.$ref=o),(A==null||v(n.$deps,n.$deps=A))&&(fe(P,n),f(F)?F(n):Q(z,n,r))}n==l?l=l.nextSibling:oe(t,n,l)}for(;l;){const n=l.nextSibling;H(l),t.removeChild(l),l=n}},X=e=>({nodeName:t,as:u,props:l,key:n,ref:r,memo:a,...i})=>T(u??e?.as??"c-host",{...e?.props,...l,key:n,ref:r,memo:a,[E]:o=>{o.$fn=f(e)?e:le,o.$args={...e?.args,...i},M(o)}}),S=(e,t)=>{const u=p(),l=g(),[n,r]=l;return n==r.length&&(r[n]=[f(t)?t():t,a=>{const i=r[n][0],o=f(a)?a(i):a;$(i,r[n][0]=f(e)?e(i,o):o)||de(u)}]),r[l[0]++]},w=(e,t)=>{const u=g(),[l,n]=u;return(l==n.length||t==null||v(t,n[l][1]))&&(n[l]=[e(),t]),n[u[0]++][0]},Y=e=>{const t=p(),[u,l]=S(),n=g(),[r,a]=n;return a[n[0]++]=e,t.$catch??=i=>{f(a[r])&&a[r](i),l(i)},[u,()=>l()]},p=()=>c,Z=e=>S(null,e),_=e=>w(()=>({current:e}),[]),h=(e,t)=>w(()=>e,t),ee=(e,t)=>I(e,t,"$insert"),te=(e,t)=>I(e,t,"$layout"),ne=(e,t)=>I(e,t,"$effect"),{isArray:s,from:C}=Array,{is:$}=Object,le=()=>{},E=Symbol(),ue=e=>e&&typeof e=="object",f=e=>typeof e=="function",v=(e,t)=>s(e)&&s(t)?e.some((u,l)=>!$(u,t[l])):!$(e,t),re=e=>C(e).reduce(ae,{}),ae=(e,{name:t,value:u})=>(e[t]=u,e),j=globalThis.queueMicrotask??(e=>e()),q=globalThis.requestAnimationFrame??j,ie=(e,t,u)=>{const l=e?document.createElementNS(e,t):document.createElement(t);return l.$key=u,l},b=function*(e,t={data:""},u=!0){let l;for(e of s(e)?e:[e])e==null||typeof e=="boolean"||(typeof e.nodeName=="string"?((l=t.data)&&(t.data="",yield l),yield e):f(e.nodeName)?yield*b(e.nodeName(e),t,!1):s(e)?yield*b(e,t,!1):t.data+=e);u&&(l=t.data)&&(yield l)},fe=(e,t)=>{const u=t.$props??=t.hasAttributes()?re(t.attributes):{};for(const l in{...u,...t.$props=e}){let n=e[l];n!==u[l]&&(l.startsWith("set:")?t[l.slice(4)]=n:n==null||n===!1?t.removeAttribute(l):t.setAttribute(l,n===!0?"":n))}},oe=(e,t,u)=>{if(t.contains?.(document.activeElement)){const l=t.nextSibling;for(;u&&u!=t;){const n=u.nextSibling;e.insertBefore(u,l),u=n}}else e.insertBefore(t,u)},g=()=>c.$hooks??=[0,[]],I=(e,t,u)=>{const l=p(),n=g(),[r,a]=n;r==a.length?(l[u]??=new Set).add(a[r]=[null,e,t]):(t==null||v(t,a[r][2]))&&(a[r][1]=e,a[r][2]=t),n[0]++},M=e=>{if(!e.$idle){if(globalThis.navigator?.scheduling?.isInputPending()){d.add(e),e.$idle=!0,R??=requestIdleCallback(ce);return}B(e)}},B=e=>{e.$idle&&(d.delete(e),e.$idle=!1),c=e,c.$hooks&&(c.$hooks[0]=0);try{e.$h=e.$fn(e.$args)}catch(t){k(t,e.parentNode)}finally{c=null,y.add(e),e.$layoutQueued=!0,L??=q(se)}},ce=()=>{R=null;for(const e of C(d))d.delete(e),e.$idle=!1,M(e)},de=e=>{e.$runQueued||(e.$runQueued=!0,j(()=>{e.$runQueued=!1,B(e)}))},se=()=>{L=null;for(const e of y){y.delete(e),e.$layoutQueued=!1,N(e,"$insert");try{Q(e.$h,e),e.$h=null}catch(t){k(t,e)}finally{N(e,"$layout"),m.add(e),e.$effectQueued=!0,O??=q($e)}}},$e=()=>{O=null;for(const e of m)m.delete(e),e.$effectQueued=!1,N(e,"$effect")},N=(e,t)=>{if(e[t])for(const u of e[t]){const[l,n]=u;if(f(n))try{f(l)&&l(),u[0]=n()}catch(r){u[0]=null,k(r,e.parentNode)}finally{u[1]=null}}},H=e=>{if(e.nodeType==1){for(const t of e.children)H(t);if(e.$ref&&(e.$ref.current=null),!!e.$fn){e.$idle&&(d.delete(e),e.$idle=!1),e.$layoutQueued&&(y.delete(e),e.$layoutQueued=!1),e.$effectQueued&&(m.delete(e),e.$effectQueued=!1);for(const t of["$insert","$layout","$effect"])if(e[t])for(const u of e[t]){e[t].delete(u);try{const[l]=u;f(l)&&l()}catch(l){k(l,e.parentNode)}finally{u[0]=u[1]=null}}}}},k=(e,t)=>{for(let u;t;t=t.parentNode)if(f(u=t.$catch))return void u(e);throw e};let c=null,y=new Set,m=new Set,d=new Set,L=null,O=null,R=null;return K(ye);})();