ajo 0.1.30 → 0.1.32

package/dist/index.js

@@ -1,93 +1,110 @@
-import { Context as j, current as c } from "./context.js";
-const u = /* @__PURE__ */ Symbol.for("ajo.key"), p = /* @__PURE__ */ Symbol.for("ajo.memo"), g = /* @__PURE__ */ Symbol.for("ajo.ref"), A = /* @__PURE__ */ Symbol.for("ajo.cache"), o = /* @__PURE__ */ Symbol.for("ajo.generator"), a = /* @__PURE__ */ Symbol.for("ajo.iterator"), m = /* @__PURE__ */ Symbol.for("ajo.render"), l = /* @__PURE__ */ Symbol.for("ajo.args"), U = (e) => e.children, h = (e, t, ...r) => ((t ??= {}).nodeName = e, !("children" in t) && r.length && (t.children = r.length == 1 ? r[0] : r), t), b = (e, t, r = t.firstChild, s = null) => {
-  for (e of S(e)) {
-    const n = G(e, t, r);
-    r == null ? y(t, n, s) : n == r ? r = n.nextSibling : n == r.nextSibling ? (y(t, r, s), r = n.nextSibling) : y(t, n, r);
+import { Context as x, current as c } from "./context.js";
+const { isArray: h } = Array, { assign: N, create: A } = Object, l = /* @__PURE__ */ Symbol.for("ajo.key"), b = /* @__PURE__ */ Symbol.for("ajo.keyed"), C = /* @__PURE__ */ Symbol.for("ajo.memo"), u = /* @__PURE__ */ Symbol.for("ajo.cache"), a = /* @__PURE__ */ Symbol.for("ajo.generator"), o = /* @__PURE__ */ Symbol.for("ajo.iterator"), g = /* @__PURE__ */ Symbol.for("ajo.render"), f = /* @__PURE__ */ Symbol.for("ajo.args"), E = /* @__PURE__ */ Symbol.for("ajo.controller"), v = { tag: "div" }, q = (r, t) => (t && (r.is = t), r), S = (r, t, e = t.firstChild, i = null) => {
+  for (p(r, (n) => {
+    const s = typeof n == "string" ? W(n, e) : B(n, t, e);
+    e == null ? y(t, s, i) : s == e ? e = s.nextSibling : s == e.nextSibling ? (y(t, e, i), e = s.nextSibling) : y(t, s, e);
+  }); e != i; ) {
+    const n = e.nextSibling;
+    e.nodeType == 1 && R(e), t.removeChild(e), e = n;
   }
-  for (; r != s; ) {
-    const n = r.nextSibling;
-    r.nodeType == 1 && N(r), t.removeChild(r), r = n;
-  }
-}, S = function* (e) {
-  if (e == null) return;
-  const t = typeof e;
-  if (t != "boolean")
-    if (t == "string") yield e;
-    else if (t == "number" || t == "bigint") yield String(e);
-    else if (Symbol.iterator in e) for (e of e) yield* S(e);
-    else "nodeName" in e ? typeof e.nodeName == "function" ? yield* C(e) : yield e : yield String(e);
-}, C = function* ({ nodeName: e, ...t }) {
-  e.constructor.name == "GeneratorFunction" ? yield E(e, t) : yield* S(e(t));
-}, E = (e, t) => {
-  const r = { ...e.attrs }, s = { ...e.args };
+}, p = (r, t) => {
+  if (r == null) return;
+  const e = typeof r;
+  if (e != "boolean")
+    if (e == "string") t(r);
+    else if (e == "number" || e == "bigint") t(String(r));
+    else if (Symbol.iterator in r) for (r of r) p(r, t);
+    else "nodeName" in r ? typeof r.nodeName == "function" ? G(r, t) : t(r) : t(String(r));
+}, G = ({ nodeName: r, ...t }, e) => {
+  r.constructor.name == "GeneratorFunction" ? e(T(r, t)) : p(r(t), e);
+}, T = (r, t) => {
+  const e = { ...r.attrs }, i = { ...r.args };
   for (const n in t)
-    n.startsWith("attr:") ? r[n.slice(5)] = t[n] : n == "key" || n == "skip" || n == "memo" || n == "ref" || n.startsWith("set:") ? r[n] = t[n] : s[n] = t[n];
-  return { ...r, nodeName: e.is ?? "div", [o]: e, [l]: s };
-}, G = (e, t, r) => typeof e == "string" ? O(e, r) : R(e, t, r), O = (e, t) => {
+    n.startsWith("attr:") ? e[n.slice(5)] = t[n] : n == "key" || n == "skip" || n == "memo" || n == "ref" || n.startsWith("set:") ? e[n] = t[n] : i[n] = t[n];
+  return { ...e, nodeName: r.is ?? v.tag, [a]: r, [f]: i };
+}, W = (r, t) => {
   for (; t && t.nodeType != 3; ) t = t.nextSibling;
-  return t ? t.data != e && (t.data = e) : t = document.createTextNode(e), t;
-}, R = ({ nodeName: e, children: t, key: r, skip: s, memo: n, ref: x, [o]: f, [l]: k, ...w }, v, i) => {
-  for (; i && (i.localName != e || i[u] != null && i[u] != r || i[o] && i[o] != f); ) i = i.nextSibling;
-  return i ??= document.createElementNS(w.xmlns ?? v.namespaceURI, e), r != null && (i[u] = r), (n == null || W(i[p], i[p] = n)) && (T(i[A] ?? B(i), i[A] = w, i), s || (f ? F(f, k, i) : b(t, i)), typeof x == "function" && (i[g] = x)(i)), i;
-}, T = (e, t, r) => {
-  for (const s in { ...e, ...t })
-    e[s] !== t[s] && (s.startsWith("set:") ? r[s.slice(4)] = t[s] : t[s] == null || t[s] === !1 ? r.removeAttribute(s) : r.setAttribute(s, t[s] === !0 ? "" : t[s]));
-}, W = (e, t) => Array.isArray(e) && Array.isArray(t) ? e.some((r, s) => r !== t[s]) : e !== t, B = (e) => Array.from(e.attributes).reduce((t, r) => (t[r.name] = r.value, t), {}), y = (e, t, r) => {
-  if (t.contains(document.activeElement)) {
-    const s = t.nextSibling;
-    for (; r && r != t; ) {
-      const n = r.nextSibling;
-      e.insertBefore(r, s), r = n;
+  return t ? t.data != r && (t.data = r) : t = document.createTextNode(r), t;
+}, B = (r, t, e) => {
+  const { nodeName: i, children: n, key: s, skip: k, memo: w, [a]: m, [f]: j } = r;
+  for (s != null && (e = (t[b] ??= /* @__PURE__ */ new Map()).get(s) ?? e); e && (e.localName != i || e[l] != null && e[l] != s || e[a] && e[a] != m); ) e = e[l] != null ? null : e.nextElementSibling;
+  return e ??= document.createElementNS(r.xmlns ?? t.namespaceURI, i), s != null && t[b].set(e[l] = s, e), (w == null || K(e[C], e[C] = w)) && (I(e[u], e[u] = r, e), k || (m ? F(m, j, e) : S(n, e))), e;
+}, I = (r, t, e) => {
+  for (const i in { ...r, ...t })
+    i == "nodeName" || i == "children" || i == "key" || i == "skip" || i == "memo" || r?.[i] === t[i] || (i == "ref" && typeof t[i] == "function" ? t[i](e) : i.startsWith("set:") ? e[i.slice(4)] = t[i] : t[i] == null || t[i] === !1 ? e.removeAttribute(i) : e.setAttribute(i, t[i] === !0 ? "" : t[i]));
+}, K = (r, t) => h(r) && h(t) ? r.some((e, i) => e !== t[i]) : r !== t, M = (r, t) => {
+  let e = t.firstElementChild;
+  for (; e; )
+    if (r(e) && e.firstElementChild) e = e.firstElementChild;
+    else {
+      for (; e != t && !e.nextElementSibling; ) e = e.parentNode ?? t;
+      e = e != t && e.nextElementSibling;
+    }
+}, y = (r, t, e) => {
+  if (t.isConnected && t.contains(document.activeElement)) {
+    const i = t.nextSibling;
+    for (; e && e != t; ) {
+      const n = e.nextSibling;
+      r.insertBefore(e, i), e = n;
     }
-  } else e.insertBefore(t, r);
-}, N = (e) => {
-  for (const t of e.children) N(t);
-  typeof e.return == "function" && e.return(), e[g]?.(null);
-}, F = (e, t, r) => {
-  r[o] ??= (I(r), e), Object.assign(r[l] ??= {}, t), r[m]();
-}, I = (e) => {
-  Object.assign(e, K), e[j] = Object.create(c()?.[j] ?? null);
-}, K = {
-  [m]() {
-    const e = c();
+  } else r.insertBefore(t, e);
+}, R = (r) => {
+  let t = r;
+  for (; t.firstElementChild; ) t = t.firstElementChild;
+  for (; ; ) {
+    const { nextElementSibling: e, parentNode: i } = t;
+    if (t[l] != null && i?.[b]?.delete(t[l]), typeof t.return == "function" && t.return(!1), typeof t[u]?.ref == "function" && t[u].ref(null), t === r) break;
+    if (t = e ?? i ?? r, e) for (; t.firstElementChild; ) t = t.firstElementChild;
+  }
+}, F = (r, t, e) => {
+  e[a] ??= (N(e, O)[x] = A(c()?.[x] ?? null), r), e[f] = t, e[g]();
+}, O = {
+  *[Symbol.iterator]() {
+    for (; ; ) yield this[f];
+  },
+  [g]() {
+    const r = c();
     c(this);
     try {
-      const { value: t, done: r } = (this[a] ??= this[o].call(this, this[l])).next();
-      b(t, this), this[g]?.(this), r && this.return();
+      this[o] || (this.signal = (this[E] = new AbortController()).signal, this[o] = this[a].call(this, this[f]));
+      const { value: t, done: e } = this[o].next();
+      S(t, this), e && this.return();
     } catch (t) {
       this.throw(t);
     } finally {
-      c(e);
+      c(r);
     }
   },
-  next(e) {
+  next(r, t) {
+    if (!this.isConnected) return t;
     try {
-      e?.call(this, this[l]);
-    } catch (t) {
-      return this.throw(t);
+      typeof r == "function" && (t = r.call(this, this[f]));
+    } catch (e) {
+      return this.throw(e);
     }
-    c()?.contains(this) || this[m]();
+    return c()?.contains(this) || this[g](), t;
   },
-  throw(e) {
-    for (let t = this; t; t = t.parentNode) if (t[a]?.throw) try {
-      return b(t[a].throw(e).value, t);
-    } catch (r) {
-      e = new Error(r?.message ?? r, { cause: e });
+  throw(r) {
+    for (let t = this; t; t = t.parentNode) if (t[o]?.throw) try {
+      return S(t[o].throw(r).value, t);
+    } catch (e) {
+      r = new Error(e?.message ?? e, { cause: r });
     }
-    throw e;
+    throw r;
   },
-  return() {
+  return(r = !0) {
+    r && M((t) => typeof t.return == "function" ? t.return() : !0, this);
     try {
-      this[a]?.return();
-    } catch (e) {
-      this.throw(e);
+      this[o]?.return();
+    } catch (t) {
+      this.throw(t);
     } finally {
-      this[a] = null;
+      this[o] = null, this[E]?.abort();
     }
   }
 };
 export {
-  U as Fragment,
-  h,
-  b as render
+  v as defaults,
+  S as render,
+  q as stateful
 };

package/dist/jsx.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=e=>e.children,c=(e,n,...t)=>((n??={}).nodeName=e,!("children"in n)&&t.length&&(n.children=t.length==1?t[0]:t),n);function s(e,n,t){return t!=null&&((n??={}).key=t),c(e,n)}const j=s,l=s;exports.Fragment=i;exports.h=c;exports.jsx=s;exports.jsxDEV=l;exports.jsxs=j;

package/dist/jsx.js

@@ -0,0 +1,12 @@
+const l = (e) => e.children, i = (e, n, ...t) => ((n ??= {}).nodeName = e, !("children" in n) && t.length && (n.children = t.length == 1 ? t[0] : t), n);
+function c(e, n, t) {
+  return t != null && ((n ??= {}).key = t), i(e, n);
+}
+const s = c, u = c;
+export {
+  l as Fragment,
+  i as h,
+  c as jsx,
+  u as jsxDEV,
+  s as jsxs
+};

package/html.js

@@ -0,0 +1,137 @@
+import { Context, current } from './context.js'
+
+const Void = new Set(['area', 'base', 'br', 'col', 'command', 'embed', 'hr', 'img', 'input', 'keygen', 'link', 'meta', 'param', 'source', 'track', 'wbr'])
+
+const Args = Symbol.for('ajo.args')
+
+const escape = s => s.replace(/[&<>"']/g, c => `&#${c.charCodeAt(0)};`)
+
+const noop = () => { }
+
+export const defaults = { tag: 'div' }
+
+export const render = h => {
+
+	let out = ''
+
+	html(h, chunk => out += chunk)
+
+	return out
+}
+
+export const html = (h, emit) => {
+
+	if (h == null) return
+
+	const type = typeof h
+
+	if (type == 'boolean') return
+
+	if (type == 'string') emit(escape(h))
+
+	else if (type == 'number' || type == 'bigint') emit(escape(String(h)))
+
+	else if (Symbol.iterator in h) for (h of h) html(h, emit)
+
+	else if ('nodeName' in h) typeof h.nodeName == 'function' ? run(h, emit) : element(h, emit)
+
+	else emit(escape(String(h)))
+}
+
+const element = (h, emit) => {
+
+	const { nodeName, children } = h
+
+	let a = ''
+
+	for (const key in h) {
+
+		if (key == 'nodeName' || key == 'children' || key == 'key' || key == 'skip' || key == 'memo' || key == 'ref' || key.startsWith('set:') || h[key] == null || h[key] === false) continue
+
+		if (h[key] === true) a += ` ${key}`
+
+		else a += ` ${key}="${escape(String(h[key]))}"`
+	}
+
+	if (Void.has(nodeName)) emit(`<${nodeName}${a}>`)
+
+	else {
+
+		emit(`<${nodeName}${a}>`)
+
+		if (children != null) html(children, emit)
+
+		emit(`</${nodeName}>`)
+	}
+}
+
+const run = ({ nodeName, fallback = nodeName.fallback, ...h }, emit) => {
+
+	if (nodeName.constructor.name == 'GeneratorFunction') runGenerator(nodeName, h, emit)
+
+	else html(nodeName(h), emit)
+}
+
+const runGenerator = (fn, h, emit) => {
+
+	const attrs = { ...fn.attrs }, args = { ...fn.args }
+
+	for (const key in h) {
+
+		if (key.startsWith('attr:')) attrs[key.slice(5)] = h[key]
+
+		else if (key == 'key' || key == 'skip' || key == 'memo' || key == 'ref' || key.startsWith('set:')) attrs[key] = h[key]
+
+		else args[key] = h[key]
+	}
+
+	const controller = new AbortController()
+
+	const instance = {
+
+		*[Symbol.iterator]() { while (true) yield this[Args] },
+
+		[Context]: Object.create(current()?.[Context] ?? null),
+
+		[Args]: args,
+
+		signal: controller.signal,
+
+		next: noop,
+
+		return: noop,
+
+		throw: value => { throw value }
+	}
+
+	const iterator = fn.call(instance, args)
+
+	const parent = current()
+
+	current(instance)
+
+	const vnode = children => ({ ...attrs, nodeName: fn.is ?? defaults.tag, children })
+
+	let out = ''
+
+	try {
+
+		element(vnode(iterator.next().value), chunk => out += chunk)
+
+	} catch (error) {
+
+		out = ''
+
+		element(vnode(iterator.throw(error).value), chunk => out += chunk)
+
+	} finally {
+
+		iterator.return()
+
+		controller.abort()
+
+		current(parent)
+	}
+
+	emit(out)
+}

package/index.js

@@ -0,0 +1,309 @@
+import { Context, current } from './context.js'
+
+const { isArray } = Array, { assign, create } = Object
+
+const Key = Symbol.for('ajo.key')
+const Keyed = Symbol.for('ajo.keyed')
+const Memo = Symbol.for('ajo.memo')
+const Cache = Symbol.for('ajo.cache')
+const Generator = Symbol.for('ajo.generator')
+const Iterator = Symbol.for('ajo.iterator')
+const Render = Symbol.for('ajo.render')
+const Args = Symbol.for('ajo.args')
+const Controller = Symbol.for('ajo.controller')
+
+export const defaults = { tag: 'div' }
+
+export const stateful = (fn, is) => (is && (fn.is = is), fn)
+
+export const render = (h, el, child = el.firstChild, ref = null) => {
+
+	walk(h, h => {
+
+		const node = typeof h == 'string' ? text(h, child) : element(h, el, child)
+
+		if (child == null) {
+
+			before(el, node, ref)
+
+		} else if (node == child) {
+
+			child = node.nextSibling
+
+		} else if (node == child.nextSibling) {
+
+			before(el, child, ref)
+
+			child = node.nextSibling
+
+		} else {
+
+			before(el, node, child)
+		}
+	})
+
+	while (child != ref) {
+
+		const node = child.nextSibling
+
+		if (child.nodeType == 1) unref(child)
+
+		el.removeChild(child)
+
+		child = node
+	}
+}
+
+const walk = (h, fn) => {
+
+	if (h == null) return
+
+	const type = typeof h
+
+	if (type == 'boolean') return
+
+	if (type == 'string') fn(h)
+
+	else if (type == 'number' || type == 'bigint') fn(String(h))
+
+	else if (Symbol.iterator in h) for (h of h) walk(h, fn)
+
+	else if ('nodeName' in h) typeof h.nodeName == 'function' ? run(h, fn) : fn(h)
+
+	else fn(String(h))
+}
+
+const run = ({ nodeName, ...h }, fn) => {
+
+	if (nodeName.constructor.name == 'GeneratorFunction') fn(runGenerator(nodeName, h))
+
+	else walk(nodeName(h), fn)
+}
+
+const runGenerator = (fn, h) => {
+
+	const attrs = { ...fn.attrs }, args = { ...fn.args }
+
+	for (const key in h) {
+
+		if (key.startsWith('attr:')) attrs[key.slice(5)] = h[key]
+
+		else if (key == 'key' || key == 'skip' || key == 'memo' || key == 'ref' || key.startsWith('set:')) attrs[key] = h[key]
+
+		else args[key] = h[key]
+	}
+
+	return { ...attrs, nodeName: fn.is ?? defaults.tag, [Generator]: fn, [Args]: args }
+}
+
+const text = (h, node) => {
+
+	while (node && node.nodeType != 3) node = node.nextSibling
+
+	node ? node.data != h && (node.data = h) : node = document.createTextNode(h)
+
+	return node
+}
+
+const element = (h, el, node) => {
+
+	const { nodeName, children, key, skip, memo, [Generator]: gen, [Args]: args } = h
+
+	if (key != null) node = (el[Keyed] ??= new Map()).get(key) ?? node
+
+	while (node && (
+
+		(node.localName != nodeName) ||
+
+		(node[Key] != null && node[Key] != key) ||
+
+		(node[Generator] && node[Generator] != gen)
+
+	)) node = node[Key] != null ? null : node.nextElementSibling
+
+	node ??= document.createElementNS(h.xmlns ?? el.namespaceURI, nodeName)
+
+	if (key != null) el[Keyed].set(node[Key] = key, node)
+
+	if (memo == null || some(node[Memo], node[Memo] = memo)) {
+
+		attrs(node[Cache], node[Cache] = h, node)
+
+		if (!skip) gen ? next(gen, args, node) : render(children, node)
+	}
+
+	return node
+}
+
+const attrs = (cache, h, node) => {
+
+	for (const key in { ...cache, ...h }) {
+
+		if (key == 'nodeName' || key == 'children' || key == 'key' || key == 'skip' || key == 'memo' || cache?.[key] === h[key]) continue
+
+		if (key == 'ref' && typeof h[key] == 'function') h[key](node)
+
+		else if (key.startsWith('set:')) node[key.slice(4)] = h[key]
+
+		else if (h[key] == null || h[key] === false) node.removeAttribute(key)
+
+		else node.setAttribute(key, h[key] === true ? '' : h[key])
+	}
+}
+
+const some = (a, b) => isArray(a) && isArray(b) ? a.some((v, i) => v !== b[i]) : a !== b
+
+const each = (fn, node) => {
+
+	let child = node.firstElementChild
+
+	while (child)
+
+		if (fn(child) && child.firstElementChild) child = child.firstElementChild
+
+		else {
+
+			while (child != node && !child.nextElementSibling) child = child.parentNode ?? node
+
+			child = child != node && child.nextElementSibling
+		}
+}
+
+const before = (el, node, child) => {
+
+	if (node.isConnected && node.contains(document.activeElement)) {
+
+		const ref = node.nextSibling
+
+		while (child && child != node) {
+
+			const next = child.nextSibling
+
+			el.insertBefore(child, ref)
+
+			child = next
+		}
+
+	} else el.insertBefore(node, child)
+}
+
+const unref = root => {
+
+	let node = root
+
+	while (node.firstElementChild) node = node.firstElementChild
+
+	while (true) {
+
+		const { nextElementSibling, parentNode } = node
+
+		if (node[Key] != null) parentNode?.[Keyed]?.delete(node[Key])
+
+		if (typeof node.return == 'function') node.return(false)
+
+		if (typeof node[Cache]?.ref == 'function') node[Cache].ref(null)
+
+		if (node === root) break
+
+		node = nextElementSibling ?? parentNode ?? root
+
+		if (nextElementSibling) while (node.firstElementChild) node = node.firstElementChild
+	}
+}
+
+const next = (fn, args, el) => {
+
+	el[Generator] ??= (assign(el, methods)[Context] = create(current()?.[Context] ?? null), fn)
+
+	el[Args] = args
+
+	el[Render]()
+}
+
+const methods = {
+
+	*[Symbol.iterator]() { while (true) yield this[Args] },
+
+	[Render]() {
+
+		const parent = current()
+
+		current(this)
+
+		try {
+
+			if (!this[Iterator]) {
+
+				this.signal = (this[Controller] = new AbortController()).signal
+
+				this[Iterator] = this[Generator].call(this, this[Args])
+			}
+
+			const { value, done } = this[Iterator].next()
+
+			render(value, this)
+
+			if (done) this.return()
+
+		} catch (e) {
+
+			this.throw(e)
+
+		} finally {
+
+			current(parent)
+		}
+	},
+
+	next(fn, result) {
+
+		if (!this.isConnected) return result
+
+		try {
+
+			if (typeof fn == 'function') result = fn.call(this, this[Args])
+
+		} catch (e) {
+
+			return this.throw(e)
+		}
+
+		if (!current()?.contains(this)) this[Render]()
+
+		return result
+	},
+
+	throw(value) {
+
+		for (let el = this; el; el = el.parentNode) if (el[Iterator]?.throw) try {
+
+			return render(el[Iterator].throw(value).value, el)
+
+		} catch (e) {
+
+			value = new Error(e?.message ?? e, { cause: value })
+		}
+
+		throw value
+	},
+
+	return(deep = true) {
+
+		if (deep) each(el => typeof el.return == 'function' ? el.return() : true, this)
+
+		try {
+
+			this[Iterator]?.return()
+
+		} catch (e) {
+
+			this.throw(e)
+
+		} finally {
+
+			this[Iterator] = null
+
+			this[Controller]?.abort()
+		}
+	}
+}

package/jsx.js

@@ -0,0 +1,21 @@
+export const Fragment = props => props.children
+
+export const h = (type, props, ...children) => {
+
+	(props ??= {}).nodeName = type
+
+	if (!('children' in props) && children.length) props.children = children.length == 1 ? children[0] : children
+
+	return props
+}
+
+export function jsx(type, props, key) {
+
+	if (key != null) (props ??= {}).key = key
+
+	return h(type, props)
+}
+
+export const jsxs = jsx
+
+export const jsxDEV = jsx