sprae 9.1.0 → 9.1.1

package/core.js

@@ -105,17 +105,12 @@ const parse = (expr, dir, fn) => {
   return evalMemo[expr] = fn
 }
 
-// default compiler is simple new Function (tiny obfuscation against direct new Function detection)
+// compiler
 export let compile
 
 // DOM swapper
 export let swap
 
-// interpolate a$<b> fields from context
-export const ipol = (v, state) => {
-  return v?.replace ? v.replace(/\$<([^>]+)>/g, (match, field) => state[field]?.valueOf?.() ?? '') : v
-};
-
 // configure signals/compile/differ
 // it's more compact than using sprae.signal = signal etc.
 sprae.use = s => {

package/directive/class.js

@@ -1,4 +1,5 @@
-import { directive, ipol } from "../core.js";
+import { directive } from "../core.js";
+import { ipol } from './default.js';
 
 directive.class = (el, evaluate, state) => {
   let cur = new Set

package/directive/default.js

@@ -1,4 +1,4 @@
-import { directive, ipol } from "../core.js";
+import { directive } from "../core.js";
 
 // set generic property directive
 directive.default = (el, evaluate, state, name) => {
@@ -145,3 +145,8 @@ const debounce = (fn, wait) => {
 export const dashcase = (str) => {
   return str.replace(/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g, (match) => "-" + match.toLowerCase());
 }
+
+// interpolate a$<b> fields from context
+export const ipol = (v, state) => {
+  return v?.replace ? v.replace(/\$<([^>]+)>/g, (match, field) => state[field]?.valueOf?.() ?? '') : v
+};

package/directive/ref.js

@@ -1,4 +1,5 @@
-import { directive, ipol } from "../core.js";
+import { directive } from "../core.js";
+import { ipol } from './default.js';
 
 // ref must be last within primaries, since that must be skipped by :each, but before secondaries
 (directive.ref = (el, expr, state) => {

package/directive/style.js

@@ -1,4 +1,5 @@
-import { directive, ipol } from "../core.js";
+import { directive } from "../core.js";
+import { ipol } from './default.js';
 
 directive.style = (el, evaluate, state) => {
   let initStyle = el.getAttribute("style") || "";

package/dist/sprae.js

@@ -4,343 +4,14 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 
-// node_modules/swapdom/swap-inflate.js
-var swap = (parent, a, b, end = null) => {
-  let i = 0, cur2, next2, bi, n = b.length, m = a.length, { remove, same, insert, replace } = swap;
-  while (i < n && i < m && same(a[i], b[i]))
-    i++;
-  while (i < n && i < m && same(b[n - 1], a[m - 1]))
-    end = b[--m, --n];
-  if (i == m)
-    while (i < n)
-      insert(end, b[i++], parent);
-  else {
-    cur2 = a[i];
-    while (i < n) {
-      bi = b[i++], next2 = cur2 ? cur2.nextSibling : end;
-      if (same(cur2, bi))
-        cur2 = next2;
-      else if (i < n && same(b[i], next2))
-        replace(cur2, bi, parent), cur2 = next2;
-      else
-        insert(cur2, bi, parent);
-    }
-    while (!same(cur2, end))
-      next2 = cur2.nextSibling, remove(cur2, parent), cur2 = next2;
-  }
-  return b;
-};
-swap.same = (a, b) => a == b;
-swap.replace = (a, b, parent) => parent.replaceChild(b, a);
-swap.insert = (a, b, parent) => parent.insertBefore(b, a);
-swap.remove = (a, parent) => parent.removeChild(a);
-var swap_inflate_default = swap;
-
-// node_modules/ulive/dist/ulive.es.js
-var ulive_es_exports = {};
-__export(ulive_es_exports, {
-  batch: () => batch,
-  computed: () => computed,
-  current: () => current,
-  effect: () => effect,
-  signal: () => signal,
-  untracked: () => untracked
-});
-var current;
-var signal = (v, s, obs = /* @__PURE__ */ new Set()) => (s = {
-  get value() {
-    current?.deps.push(obs.add(current));
-    return v;
-  },
-  set value(val) {
-    if (val === v)
-      return;
-    v = val;
-    for (let sub of obs)
-      sub(val);
-  },
-  peek() {
-    return v;
-  }
-}, s.toJSON = s.then = s.toString = s.valueOf = () => s.value, s);
-var effect = (fn, teardown, run, deps) => (run = (prev) => {
-  teardown?.call?.();
-  prev = current, current = run;
-  try {
-    teardown = fn();
-  } finally {
-    current = prev;
-  }
-}, deps = run.deps = [], run(), (dep) => {
-  teardown?.call?.();
-  while (dep = deps.pop())
-    dep.delete(run);
-});
-var computed = (fn, s = signal(), c, e) => (c = {
-  get value() {
-    e ||= effect(() => s.value = fn());
-    return s.value;
-  },
-  peek: s.peek
-}, c.toJSON = c.then = c.toString = c.valueOf = () => c.value, c);
-var batch = (fn) => fn();
-var untracked = (fn, prev, v) => (prev = current, current = null, v = fn(), current = prev, v);
-
-// node_modules/subscript/src/const.js
-var PERIOD = 46;
-var SPACE = 32;
-var COLON = 58;
-var DQUOTE = 34;
-var QUOTE = 39;
-var _0 = 48;
-var _9 = 57;
-var _E = 69;
-var _e = 101;
-var BSLASH = 92;
-var STAR = 42;
-var PREC_SEQ = 1;
-var PREC_ASSIGN = 2;
-var PREC_LOR = 3;
-var PREC_LAND = 4;
-var PREC_OR = 5;
-var PREC_XOR = 6;
-var PREC_AND = 7;
-var PREC_EQ = 8;
-var PREC_COMP = 9;
-var PREC_SHIFT = 10;
-var PREC_ADD = 11;
-var PREC_MULT = 12;
-var PREC_EXP = 13;
-var PREC_PREFIX = 14;
-var PREC_POSTFIX = 15;
-var PREC_ACCESS = 17;
-var PREC_TOKEN = 20;
-
-// node_modules/subscript/src/parse.js
-var idx;
-var cur;
-var parse = (s) => (idx = 0, cur = s, s = expr(), cur[idx] ? err2() : s || "");
-var err2 = (msg = "Bad syntax", lines = cur.slice(0, idx).split("\n"), last2 = lines.pop()) => {
-  let before = cur.slice(idx - 108, idx).split("\n").pop();
-  let after = cur.slice(idx, idx + 108).split("\n").shift();
-  throw EvalError(`${msg} at ${lines.length}:${last2.length} \`${idx >= 108 ? "\u2026" : ""}${before}\u2503${after}\``, "font-weight: bold");
-};
-var next = (is, from = idx, l) => {
-  while (l = is(cur.charCodeAt(idx)))
-    idx += l;
-  return cur.slice(from, idx);
-};
-var skip = (n = 1, from = idx) => (idx += n, cur.slice(from, idx));
-var expr = (prec = 0, end, cc, token2, newNode, fn) => {
-  while ((cc = parse.space()) && (newNode = ((fn = lookup[cc]) && fn(token2, prec)) ?? (!token2 && next(parse.id))))
-    token2 = newNode;
-  if (end)
-    cc == end ? idx++ : err2();
-  return token2;
-};
-var id = parse.id = (c) => c >= 48 && c <= 57 || c >= 65 && c <= 90 || c >= 97 && c <= 122 || c == 36 || c == 95 || c >= 192 && c != 215 && c != 247;
-var space = parse.space = (cc) => {
-  while ((cc = cur.charCodeAt(idx)) <= SPACE)
-    idx++;
-  return cc;
-};
-var lookup = [];
-var token = (op, prec = SPACE, map, c = op.charCodeAt(0), l = op.length, prev = lookup[c], word = op.toUpperCase() !== op) => lookup[c] = (a, curPrec, from = idx) => curPrec < prec && (l < 2 || cur.substr(idx, l) == op) && (!word || !parse.id(cur.charCodeAt(idx + l))) && (idx += l, map(a, curPrec)) || (idx = from, prev?.(a, curPrec));
-var binary = (op, prec, right = false) => token(op, prec, (a, b) => a && (b = expr(prec - (right ? 0.5 : 0))) && [op, a, b]);
-var unary = (op, prec, post) => token(op, prec, (a) => post ? a && [op, a] : !a && (a = expr(prec - 0.5)) && [op, a]);
-var nary = (op, prec) => {
-  token(
-    op,
-    prec,
-    (a, b) => (b = expr(prec), (!a || a[0] !== op) && (a = [op, a]), a.push(b), a)
-  );
-};
-var group = (op, prec) => token(op[0], prec, (a) => !a && [op, expr(0, op.charCodeAt(1))]);
-var access = (op, prec) => token(op[0], prec, (a) => a && [op[0], a, expr(0, op.charCodeAt(1))]);
-var parse_default = parse;
-
-// node_modules/subscript/src/compile.js
-var compile = (node) => !Array.isArray(node) ? compile.id(node) : !node[0] ? () => node[1] : operators[node[0]](...node.slice(1));
-var id2 = compile.id = (name) => (ctx) => ctx?.[name];
-var operators = {};
-var operator = (op, fn, prev = operators[op]) => operators[op] = (...args) => fn(...args) || prev && prev(...args);
-var prop = (a, fn, generic, obj, path) => a[0] === "()" ? prop(a[1], fn, generic) : typeof a === "string" ? (ctx) => fn(ctx, a, ctx) : a[0] === "." ? (obj = compile(a[1]), path = a[2], (ctx) => fn(obj(ctx), path, ctx)) : a[0] === "[" ? (obj = compile(a[1]), path = compile(a[2]), (ctx) => fn(obj(ctx), path(ctx), ctx)) : generic ? (a = compile(a), (ctx) => fn([a(ctx)], 0, ctx)) : () => err2("Bad left value");
-var compile_default = compile;
-
-// node_modules/subscript/feature/number.js
-var num = (a, _) => [, (a = +next((c) => c === PERIOD || c >= _0 && c <= _9 || (c === _E || c === _e ? 2 : 0))) != a ? err2() : a];
-lookup[PERIOD] = (a) => !a && num();
-for (let i = _0; i <= _9; i++)
-  lookup[i] = (a) => a ? err2() : num();
-
-// node_modules/subscript/feature/string.js
-var escape = { n: "\n", r: "\r", t: "	", b: "\b", f: "\f", v: "\v" };
-var string = (q) => (qc, c, str = "") => {
-  qc && err2("Unexpected string");
-  skip();
-  while (c = cur.charCodeAt(idx), c - q) {
-    if (c === BSLASH)
-      skip(), c = skip(), str += escape[c] || c;
-    else
-      str += skip();
-  }
-  skip() || err2("Bad string");
-  return [, str];
-};
-lookup[DQUOTE] = string(DQUOTE);
-lookup[QUOTE] = string(QUOTE);
-
-// node_modules/subscript/feature/call.js
-access("()", PREC_ACCESS);
-operator(
-  "(",
-  (a, b, args) => (args = !b ? () => [] : b[0] === "," ? (b = b.slice(1).map((b2) => !b2 ? err() : compile(b2)), (ctx) => b.map((arg) => arg(ctx))) : (b = compile(b), (ctx) => [b(ctx)]), prop(a, (obj, path, ctx) => obj[path](...args(ctx)), true))
-);
-
-// node_modules/subscript/feature/access.js
-access("[]", PREC_ACCESS);
-operator("[", (a, b) => !b ? err() : (a = compile(a), b = compile(b), (ctx) => a(ctx)[b(ctx)]));
-binary(".", PREC_ACCESS);
-operator(".", (a, b) => (a = compile(a), b = !b[0] ? b[1] : b, (ctx) => a(ctx)[b]));
-
-// node_modules/subscript/feature/group.js
-group("()", PREC_ACCESS);
-operator("()", (a) => (!a && err2("Empty ()"), compile(a)));
-var last = (...args) => (args = args.map(compile), (ctx) => args.map((arg) => arg(ctx)).pop());
-nary(",", PREC_SEQ), operator(",", last);
-nary(";", PREC_SEQ, true), operator(";", last);
-
-// node_modules/subscript/feature/mult.js
-binary("*", PREC_MULT), operator("*", (a, b) => b && (a = compile(a), b = compile(b), (ctx) => a(ctx) * b(ctx)));
-binary("/", PREC_MULT), operator("/", (a, b) => b && (a = compile(a), b = compile(b), (ctx) => a(ctx) / b(ctx)));
-binary("%", PREC_MULT), operator("%", (a, b) => b && (a = compile(a), b = compile(b), (ctx) => a(ctx) % b(ctx)));
-binary("*=", PREC_ASSIGN, true);
-operator("*=", (a, b) => (b = compile(b), prop(a, (container, path, ctx) => container[path] *= b(ctx))));
-binary("/=", PREC_ASSIGN, true);
-operator("/=", (a, b) => (b = compile(b), prop(a, (container, path, ctx) => container[path] /= b(ctx))));
-binary("%=", PREC_ASSIGN, true);
-operator("%=", (a, b) => (b = compile(b), prop(a, (container, path, ctx) => container[path] %= b(ctx))));
-
-// node_modules/subscript/feature/add.js
-unary("+", PREC_PREFIX), operator("+", (a, b) => !b && (a = compile(a), (ctx) => +a(ctx)));
-unary("-", PREC_PREFIX), operator("-", (a, b) => !b && (a = compile(a), (ctx) => -a(ctx)));
-binary("+", PREC_ADD), operator("+", (a, b) => b && (a = compile(a), b = compile(b), (ctx) => a(ctx) + b(ctx)));
-binary("-", PREC_ADD), operator("-", (a, b) => b && (a = compile(a), b = compile(b), (ctx) => a(ctx) - b(ctx)));
-binary("+=", PREC_ASSIGN, true);
-operator("+=", (a, b) => (b = compile(b), prop(a, (container, path, ctx) => container[path] += b(ctx))));
-binary("-=", PREC_ASSIGN, true);
-operator("-=", (a, b) => (b = compile(b), prop(a, (container, path, ctx) => container[path] -= b(ctx))));
-
-// node_modules/subscript/feature/increment.js
-var inc;
-var dec;
-token("++", PREC_POSTFIX, (a) => a ? ["++-", a] : ["++", expr(PREC_POSTFIX - 1)]);
-operator("++", inc = (a) => prop(a, (obj, path, ctx) => ++obj[path]));
-operator("++-", inc = (a) => prop(a, (obj, path, ctx) => obj[path]++));
-token("--", PREC_POSTFIX, (a) => a ? ["--+", a] : ["--", expr(PREC_POSTFIX - 1)]);
-operator("--", dec = (a) => prop(a, (obj, path, ctx) => --obj[path]));
-operator("--+", dec = (a) => prop(a, (obj, path, ctx) => obj[path]--));
-
-// node_modules/subscript/feature/bitwise.js
-unary("~", PREC_PREFIX), operator("~", (a, b) => !b && (a = compile(a), (ctx) => ~a(ctx)));
-binary("|", PREC_OR), operator("|", (a, b) => b && (a = compile(a), b = compile(b), (ctx) => a(ctx) | b(ctx)));
-binary("&", PREC_AND), operator("&", (a, b) => b && (a = compile(a), b = compile(b), (ctx) => a(ctx) & b(ctx)));
-binary("^", PREC_XOR), operator("^", (a, b) => b && (a = compile(a), b = compile(b), (ctx) => a(ctx) ^ b(ctx)));
-binary(">>", PREC_SHIFT), operator(">>", (a, b) => b && (a = compile(a), b = compile(b), (ctx) => a(ctx) >> b(ctx)));
-binary("<<", PREC_SHIFT), operator("<<", (a, b) => b && (a = compile(a), b = compile(b), (ctx) => a(ctx) << b(ctx)));
-
-// node_modules/subscript/feature/compare.js
-binary("==", PREC_EQ), operator("==", (a, b) => b && (a = compile(a), b = compile(b), (ctx) => a(ctx) == b(ctx)));
-binary("!=", PREC_EQ), operator("!=", (a, b) => b && (a = compile(a), b = compile(b), (ctx) => a(ctx) != b(ctx)));
-binary(">", PREC_COMP), operator(">", (a, b) => b && (a = compile(a), b = compile(b), (ctx) => a(ctx) > b(ctx)));
-binary("<", PREC_COMP), operator("<", (a, b) => b && (a = compile(a), b = compile(b), (ctx) => a(ctx) < b(ctx)));
-binary(">=", PREC_COMP), operator(">=", (a, b) => b && (a = compile(a), b = compile(b), (ctx) => a(ctx) >= b(ctx)));
-binary("<=", PREC_COMP), operator("<=", (a, b) => b && (a = compile(a), b = compile(b), (ctx) => a(ctx) <= b(ctx)));
-
-// node_modules/subscript/feature/logic.js
-unary("!", PREC_PREFIX), operator("!", (a, b) => !b && (a = compile(a), (ctx) => !a(ctx)));
-binary("||", PREC_LOR);
-operator("||", (a, b) => (a = compile(a), b = compile(b), (ctx) => a(ctx) || b(ctx)));
-binary("&&", PREC_LAND);
-operator("&&", (a, b) => (a = compile(a), b = compile(b), (ctx) => a(ctx) && b(ctx)));
-
-// node_modules/subscript/feature/assign.js
-binary("=", PREC_ASSIGN, true);
-operator("=", (a, b) => (b = compile(b), prop(a, (container, path, ctx) => container[path] = b(ctx))));
-
-// node_modules/subscript/subscript.js
-var subscript_default = (s) => compile_default(parse_default(s));
-
-// node_modules/subscript/feature/comment.js
-token("/*", PREC_TOKEN, (a, prec) => (next((c) => c !== STAR && cur.charCodeAt(idx + 1) !== 47), skip(2), a || expr(prec) || []));
-token("//", PREC_TOKEN, (a, prec) => (next((c) => c >= SPACE), a || expr(prec) || [""]));
-
-// node_modules/subscript/feature/pow.js
-binary("**", PREC_EXP, true), operator("**", (a, b) => b && (a = compile(a), b = compile(b), (ctx) => a(ctx) ** b(ctx)));
-
-// node_modules/subscript/feature/ternary.js
-token("?", PREC_ASSIGN, (a, b, c) => a && (b = expr(PREC_ASSIGN - 0.5, COLON)) && (c = expr(PREC_ASSIGN - 0.5), ["?", a, b, c]));
-operator("?", (a, b, c) => (a = compile(a), b = compile(b), c = compile(c), (ctx) => a(ctx) ? b(ctx) : c(ctx)));
-
-// node_modules/subscript/feature/bool.js
-token("true", PREC_TOKEN, (a) => a ? err() : [, true]);
-token("false", PREC_TOKEN, (a) => a ? err() : [, false]);
-
-// node_modules/subscript/feature/array.js
-group("[]", PREC_TOKEN);
-operator(
-  "[]",
-  (a, b) => (a = !a ? [] : a[0] === "," ? a.slice(1) : [a], a = a.map((a2) => a2[0] === "..." ? (a2 = compile(a2[1]), (ctx) => a2(ctx)) : (a2 = compile(a2), (ctx) => [a2(ctx)])), (ctx) => a.flatMap((a2) => a2(ctx)))
-);
-
-// node_modules/subscript/feature/object.js
-group("{}", PREC_TOKEN);
-operator("{}", (a, b) => (a = !a ? [] : a[0] !== "," ? [a] : a.slice(1), a = a.map((p) => compile(typeof p === "string" ? [":", p, p] : p)), (ctx) => Object.fromEntries(a.flatMap((frag) => frag(ctx)))));
-binary(":", PREC_ASSIGN - 0.5, true);
-operator(":", (a, b) => (b = compile(b), Array.isArray(a) ? (a = compile(a), (ctx) => [[a(ctx), b(ctx)]]) : (ctx) => [[a, b(ctx)]]));
-
-// node_modules/subscript/feature/arrow.js
-binary("=>", PREC_ASSIGN, true);
-operator(
-  "=>",
-  (a, b) => (a = a[0] === "()" ? a[1] : a, a = !a ? [] : a[0] === "," ? a = a.slice(1) : a = [a], b = compile(b[0] === "{}" ? b[1] : b), (ctx = null) => (ctx = Object.create(ctx), (...args) => (a.map((a2, i) => ctx[a2] = args[i]), b(ctx))))
-);
-binary("");
-
-// node_modules/subscript/feature/optional.js
-token("?.", PREC_ACCESS, (a) => a && ["?.", a]);
-operator("?.", (a) => (a = compile(a), (ctx) => a(ctx) || (() => {
-})));
-token("?.", PREC_ACCESS, (a, b) => a && (b = expr(PREC_ACCESS), !b?.map) && ["?.", a, b]);
-operator("?.", (a, b) => b && (a = compile(a), (ctx) => a(ctx)?.[b]));
-operator("(", (a, b, container, args, path, optional) => a[0] === "?." && (a[2] || Array.isArray(a[1])) && (args = !b ? () => [] : b[0] === "," ? (b = b.slice(1).map(compile), (ctx) => b.map((a2) => a2(ctx))) : (b = compile(b), (ctx) => [b(ctx)]), !a[2] && (optional = true, a = a[1]), a[0] === "[" ? path = compile(a[2]) : path = () => a[2], container = compile(a[1]), optional ? (ctx) => container(ctx)?.[path(ctx)]?.(...args(ctx)) : (ctx) => container(ctx)?.[path(ctx)](...args(ctx))));
-
-// node_modules/subscript/feature/spread.js
-unary("...", PREC_PREFIX);
-operator("...", (a) => (a = compile(a), (ctx) => Object.entries(a(ctx))));
-
-// node_modules/subscript/justin.js
-binary("in", PREC_COMP), operator("in", (a, b) => b && (a = compile_default(a), b = compile_default(b), (ctx) => a(ctx) in b(ctx)));
-binary("===", PREC_EQ), binary("!==", 9);
-operator("===", (a, b) => (a = compile_default(a), b = compile_default(b), (ctx) => a(ctx) === b(ctx)));
-operator("!==", (a, b) => (a = compile_default(a), b = compile_default(b), (ctx) => a(ctx) !== b(ctx)));
-binary("??", PREC_LOR);
-operator("??", (a, b) => b && (a = compile_default(a), b = compile_default(b), (ctx) => a(ctx) ?? b(ctx)));
-binary("??=", PREC_ASSIGN, true);
-operator("??=", (a, b) => (b = compile_default(b), prop(a, (obj, path, ctx) => obj[path] ??= b(ctx))));
-binary("||=", PREC_ASSIGN, true);
-operator("||=", (a, b) => (b = compile_default(b), prop(a, (obj, path, ctx) => obj[path] ||= b(ctx))));
-binary("&&=", PREC_ASSIGN, true);
-operator("&&=", (a, b) => (b = compile_default(b), prop(a, (obj, path, ctx) => obj[path] &&= b(ctx))));
-token("undefined", 20, (a) => a ? err2() : [, void 0]);
-token("NaN", 20, (a) => a ? err2() : [, NaN]);
-token("null", 20, (a) => a ? err2() : [, null]);
-var justin_default = subscript_default;
-
 // core.js
 var _dispose = Symbol.dispose ||= Symbol("dispose");
 var SPRAE = `\u2234`;
-var { signal: signal2, effect: effect2, batch: batch2, computed: computed2, untracked: untracked2 } = ulive_es_exports;
+var signal;
+var effect;
+var batch;
+var computed;
+var untracked;
 var directive = {};
 var memo = /* @__PURE__ */ new WeakMap();
 function sprae(container, values) {
@@ -351,7 +22,7 @@ function sprae(container, values) {
     for (let k in values) {
       state2[k] = values[k];
     }
-    untracked2(() => {
+    untracked(() => {
       for (let fx of effects2)
         fx();
     });
@@ -366,9 +37,11 @@ function sprae(container, values) {
           el.removeAttribute(attr2.name);
           let names = attr2.name.slice(1).split(":");
           for (let name of names) {
-            let update = (directive[name] || directive.default)(el, attr2.value, state, name);
+            let dir = directive[name] || directive.default;
+            let evaluate = (dir.parse || parse)(attr2.value, parse);
+            let update = dir(el, evaluate, state, name);
             if (update) {
-              update[_dispose] = effect2(update);
+              update[_dispose] = effect(update);
               effects.push(update);
             }
           }
@@ -402,195 +75,183 @@ function sprae(container, values) {
   return state;
 }
 var evalMemo = {};
-var compile2 = (expr2, dir, evaluate) => {
-  if (evaluate = evalMemo[expr2 = expr2.trim()])
-    return evaluate;
+var parse = (expr, dir, fn) => {
+  if (fn = evalMemo[expr = expr.trim()])
+    return fn;
   try {
-    evaluate = justin_default(expr2);
+    fn = compile(expr);
   } catch (e) {
-    throw Object.assign(e, { message: `${SPRAE} ${e.message}
+    throw Object.assign(e, { message: `\u2234 ${e.message}
 
-${dir}${expr2 ? `="${expr2}"
+${dir}${expr ? `="${expr}"
 
-` : ""}`, expr: expr2 });
+` : ""}`, expr });
   }
-  return evalMemo[expr2] = evaluate;
-};
-var swap2 = swap_inflate_default;
-var ipol = (v, state) => {
-  return v?.replace ? v.replace(/\$<([^>]+)>/g, (match, field) => state[field]?.valueOf?.() ?? "") : v;
+  fn.expr = expr;
+  return evalMemo[expr] = fn;
 };
+var compile;
+var swap;
 sprae.use = (s) => {
-  s.signal && (signal2 = s.signal, effect2 = s.effect, computed2 = s.computed, batch2 = s.batch || ((fn) => fn()), untracked2 = s.untracked || batch2);
-  s.swap && (swap2 = s.swap);
+  s.signal && (signal = s.signal, effect = s.effect, computed = s.computed, batch = s.batch || ((fn) => fn()), untracked = s.untracked || batch);
+  s.swap && (swap = s.swap);
+  s.compile && (compile = s.compile);
 };
 
+// signal.js
+var signal_exports = {};
+__export(signal_exports, {
+  batch: () => batch2,
+  computed: () => computed2,
+  effect: () => effect2,
+  signal: () => signal2,
+  untracked: () => untracked2
+});
+var current;
+var signal2 = (v, s, obs = /* @__PURE__ */ new Set()) => (s = {
+  get value() {
+    current?.deps.push(obs.add(current));
+    return v;
+  },
+  set value(val) {
+    if (val === v)
+      return;
+    v = val;
+    for (let sub of obs)
+      sub(val);
+  },
+  peek() {
+    return v;
+  }
+}, s.toJSON = s.then = s.toString = s.valueOf = () => s.value, s);
+var effect2 = (fn, teardown, run, deps) => (run = (prev) => {
+  teardown?.call?.();
+  prev = current, current = run;
+  try {
+    teardown = fn();
+  } finally {
+    current = prev;
+  }
+}, deps = run.deps = [], run(), (dep) => {
+  teardown?.call?.();
+  while (dep = deps.pop())
+    dep.delete(run);
+});
+var computed2 = (fn, s = signal2(), c, e) => (c = {
+  get value() {
+    e ||= effect2(() => s.value = fn());
+    return s.value;
+  },
+  peek: s.peek
+}, c.toJSON = c.then = c.toString = c.valueOf = () => c.value, c);
+var batch2 = (fn) => fn();
+var untracked2 = (fn, prev, v) => (prev = current, current = null, v = fn(), current = prev, v);
+
+// node_modules/swapdom/deflate.js
+var swap2 = (parent, a, b, end = null, { remove, insert } = swap2) => {
+  let i = 0, cur, next, bi, bidx = new Set(b);
+  while (bi = a[i++])
+    !bidx.has(bi) ? remove(bi, parent) : cur = cur || bi;
+  cur = cur || end, i = 0;
+  while (bi = b[i++]) {
+    next = cur ? cur.nextSibling : end;
+    if (cur === bi)
+      cur = next;
+    else {
+      if (b[i] === next)
+        cur = next;
+      insert(bi, cur, parent);
+    }
+  }
+  return b;
+};
+swap2.insert = (a, b, parent) => parent.insertBefore(a, b);
+swap2.remove = (a, parent) => parent.removeChild(a);
+var deflate_default = swap2;
+
 // directive/each.js
 var _each = Symbol(":each");
 var keys = {};
-directive.each = (tpl, expr2, state, name) => {
-  let [leftSide, itemsExpr] = expr2.split(/\s+in\s+/);
-  let [itemVar, idxVar = "_$"] = leftSide.split(/\s*,\s*/);
-  const holder = tpl[_each] = document.createTextNode("");
+var _key = Symbol("key");
+(directive.each = (tpl, [itemVar, idxVar, evaluate], state) => {
+  const holder = tpl[_each] = document.createTextNode(""), parent = tpl.parentNode;
   tpl.replaceWith(holder);
-  const evaluate = compile2(itemsExpr, name);
-  const memo2 = /* @__PURE__ */ new WeakMap();
-  tpl.removeAttribute(":key");
-  let cur2 = [];
+  const elCache = /* @__PURE__ */ new WeakMap(), stateCache = /* @__PURE__ */ new WeakMap();
+  let cur = [];
+  const remove = (el) => {
+    el.remove();
+    el[Symbol.dispose]?.();
+    if (el[_key]) {
+      elCache.delete(el[_key]);
+      stateCache.delete(el[_key]);
+    }
+  }, { insert, replace } = swap;
+  const options = { remove, insert, replace };
   return () => {
     let items = evaluate(state)?.valueOf(), els = [];
     if (typeof items === "number")
       items = Array.from({ length: items }, (_, i) => i);
-    const count = /* @__PURE__ */ new WeakSet();
-    for (let idx2 in items) {
-      let item = items[idx2];
-      let substate = Object.create(state, { [idxVar]: { value: idx2 } });
+    const count = /* @__PURE__ */ new WeakMap();
+    for (let idx in items) {
+      let el, item = items[idx], key = item?.key ?? item?.id ?? item ?? idx;
+      key = Object(key) !== key ? keys[key] ||= Object(key) : item;
+      if (key == null || count.has(key) || tpl.content)
+        el = (tpl.content || tpl).cloneNode(true);
+      else
+        count.set(key, 1), (el = elCache.get(key) || (elCache.set(key, tpl.cloneNode(true)), elCache.get(key)))[_key] = key;
+      let substate = stateCache.get(key) || (stateCache.set(key, Object.create(state, { [idxVar]: { value: idx } })), stateCache.get(key));
       substate[itemVar] = item;
-      let el, key = item.key ?? item.id ?? item;
-      if (key == null)
-        el = tpl.cloneNode(true);
-      else {
-        if (Object(key) !== key)
-          key = keys[key] ||= Object(key);
-        if (count.has(key)) {
-          console.warn("Duplicate key", key), el = tpl.cloneNode(true);
-        } else {
-          count.add(key);
-          el = memo2.get(key) || memo2.set(key, tpl.cloneNode(true)).get(key);
-        }
-      }
-      if (el.content)
-        el = el.content.cloneNode(true);
       sprae(el, substate);
       if (el.nodeType === 11)
         els.push(...el.childNodes);
       else
         els.push(el);
     }
-    swap2(holder.parentNode, cur2, cur2 = els, holder);
+    swap(parent, cur, cur = els, holder, options);
   };
+}).parse = (expr, parse2) => {
+  let [leftSide, itemsExpr] = expr.split(/\s+in\s+/);
+  let [itemVar, idxVar = "$"] = leftSide.split(/\s*,\s*/);
+  return [itemVar, idxVar, parse2(itemsExpr)];
 };
 
 // directive/if.js
 var _prevIf = Symbol("if");
-directive.if = (ifEl, expr2, state, name) => {
-  let parent = ifEl.parentNode, next2 = ifEl.nextElementSibling, holder = document.createTextNode(""), evaluate = compile2(expr2, name), cur2, ifs, elses, none = [];
+directive.if = (ifEl, evaluate, state) => {
+  let parent = ifEl.parentNode, next = ifEl.nextElementSibling, holder = document.createTextNode(""), cur, ifs, elses, none = [];
   ifEl.after(holder);
   if (ifEl.content)
-    cur2 = none, ifEl.remove(), ifs = [...ifEl.content.childNodes];
+    cur = none, ifEl.remove(), ifs = [...ifEl.content.childNodes];
   else
-    ifs = cur2 = [ifEl];
-  if (next2?.hasAttribute(":else")) {
-    next2.removeAttribute(":else");
-    if (next2.hasAttribute(":if"))
+    ifs = cur = [ifEl];
+  if (next?.hasAttribute(":else")) {
+    next.removeAttribute(":else");
+    if (next.hasAttribute(":if"))
       elses = none;
     else
-      next2.remove(), elses = next2.content ? [...next2.content.childNodes] : [next2];
+      next.remove(), elses = next.content ? [...next.content.childNodes] : [next];
   } else
     elses = none;
   return () => {
     const newEls = evaluate(state)?.valueOf() ? ifs : ifEl[_prevIf] ? none : elses;
-    if (next2)
-      next2[_prevIf] = newEls === ifs;
-    if (cur2 != newEls) {
-      if (cur2[0]?.[_each])
-        cur2 = [cur2[0][_each]];
-      swap2(parent, cur2, cur2 = newEls, holder);
-      for (let el of cur2)
+    if (next)
+      next[_prevIf] = newEls === ifs;
+    if (cur != newEls) {
+      if (cur[0]?.[_each])
+        cur = [cur[0][_each]];
+      swap(parent, cur, cur = newEls, holder);
+      for (let el of cur)
         sprae(el, state);
     }
   };
 };
 
-// directive/ref.js
-directive.ref = (el, expr2, state) => {
-  let prev;
-  return () => {
-    if (prev)
-      delete state[prev];
-    state[prev = ipol(expr2, state)] = el;
-  };
-};
-
-// directive/scope.js
-directive.scope = (el, expr2, rootState, name) => {
-  let evaluate = compile2(expr2, name);
-  return () => {
-    sprae(el, { ...rootState, ...evaluate(rootState)?.valueOf?.() || {} });
-  };
-};
-
-// directive/html.js
-directive.html = (el, expr2, state, name) => {
-  let evaluate = compile2(expr2, name), tpl = evaluate(state);
-  if (!tpl)
-    return;
-  let content = (tpl.content || tpl).cloneNode(true);
-  el.replaceChildren(content);
-  sprae(el, state);
-};
-
-// directive/text.js
-directive.text = (el, expr2, state) => {
-  let evaluate = compile2(expr2, "text");
-  if (el.content)
-    el.replaceWith(el = document.createTextNode(""));
-  return () => {
-    let value = evaluate(state)?.valueOf();
-    el.textContent = value == null ? "" : value;
-  };
-};
-
-// directive/class.js
-directive.class = (el, expr2, state) => {
-  let evaluate = compile2(expr2, "class");
-  let cur2 = /* @__PURE__ */ new Set();
-  return () => {
-    let v = evaluate(state);
-    let clsx = /* @__PURE__ */ new Set();
-    if (v) {
-      if (typeof v === "string")
-        ipol(v?.valueOf?.(), state).split(" ").map((cls) => clsx.add(cls));
-      else if (Array.isArray(v))
-        v.map((v2) => (v2 = ipol(v2?.valueOf?.(), state)) && clsx.add(v2));
-      else
-        Object.entries(v).map(([k, v2]) => v2?.valueOf?.() && clsx.add(k));
-    }
-    for (let cls of cur2)
-      if (clsx.has(cls))
-        clsx.delete(cls);
-      else
-        el.classList.remove(cls);
-    for (let cls of cur2 = clsx)
-      el.classList.add(cls);
-  };
-};
-
-// directive/style.js
-directive.style = (el, expr2, state) => {
-  let evaluate = compile2(expr2, "style");
-  let initStyle = el.getAttribute("style") || "";
-  if (!initStyle.endsWith(";"))
-    initStyle += "; ";
-  return () => {
-    let v = evaluate(state)?.valueOf();
-    if (typeof v === "string")
-      el.setAttribute("style", initStyle + ipol(v, state));
-    else {
-      el.setAttribute("style", initStyle);
-      for (let k in v)
-        el.style.setProperty(k, ipol(v[k], state));
-    }
-  };
-};
-
 // directive/default.js
-directive.default = (el, expr2, state, name) => {
+directive.default = (el, evaluate, state, name) => {
   let evt = name.startsWith("on") && name.slice(2);
-  let evaluate = compile2(expr2, name);
   if (evt) {
     let off;
-    return () => (off?.(), off = on(el, evt, evaluate(state)));
+    return () => (off?.(), off = on(el, evt, evaluate(state)?.valueOf()));
   }
   return () => {
     let value = evaluate(state)?.valueOf();
@@ -720,10 +381,90 @@ var debounce = (fn, wait) => {
 var dashcase = (str) => {
   return str.replace(/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g, (match) => "-" + match.toLowerCase());
 };
+var ipol = (v, state) => {
+  return v?.replace ? v.replace(/\$<([^>]+)>/g, (match, field) => state[field]?.valueOf?.() ?? "") : v;
+};
+
+// directive/ref.js
+(directive.ref = (el, expr, state) => {
+  let prev;
+  return () => {
+    if (prev)
+      delete state[prev];
+    state[prev = ipol(expr, state)] = el;
+  };
+}).parse = (expr) => expr;
+
+// directive/scope.js
+directive.scope = (el, evaluate, rootState) => {
+  return () => {
+    sprae(el, { ...rootState, ...evaluate(rootState)?.valueOf?.() || {} });
+  };
+};
+
+// directive/html.js
+directive.html = (el, evaluate, state) => {
+  let tpl = evaluate(state);
+  if (!tpl)
+    return;
+  let content = (tpl.content || tpl).cloneNode(true);
+  el.replaceChildren(content);
+  sprae(el, state);
+};
+
+// directive/text.js
+directive.text = (el, evaluate, state) => {
+  if (el.content)
+    el.replaceWith(el = document.createTextNode(""));
+  return () => {
+    let value = evaluate(state)?.valueOf();
+    el.textContent = value == null ? "" : value;
+  };
+};
+
+// directive/class.js
+directive.class = (el, evaluate, state) => {
+  let cur = /* @__PURE__ */ new Set();
+  return () => {
+    let v = evaluate(state);
+    let clsx = /* @__PURE__ */ new Set();
+    if (v) {
+      if (typeof v === "string")
+        ipol(v?.valueOf?.(), state).split(" ").map((cls) => clsx.add(cls));
+      else if (Array.isArray(v))
+        v.map((v2) => (v2 = ipol(v2?.valueOf?.(), state)) && clsx.add(v2));
+      else
+        Object.entries(v).map(([k, v2]) => v2?.valueOf?.() && clsx.add(k));
+    }
+    for (let cls of cur)
+      if (clsx.has(cls))
+        clsx.delete(cls);
+      else
+        el.classList.remove(cls);
+    for (let cls of cur = clsx)
+      el.classList.add(cls);
+  };
+};
+
+// directive/style.js
+directive.style = (el, evaluate, state) => {
+  let initStyle = el.getAttribute("style") || "";
+  if (!initStyle.endsWith(";"))
+    initStyle += "; ";
+  return () => {
+    let v = evaluate(state)?.valueOf();
+    if (typeof v === "string")
+      el.setAttribute("style", initStyle + ipol(v, state));
+    else {
+      el.setAttribute("style", initStyle);
+      for (let k in v)
+        el.style.setProperty(k, ipol(v[k], state));
+    }
+  };
+};
 
 // directive/value.js
-directive.value = (el, expr2, state) => {
-  let evaluate = compile2(expr2, "value");
+directive.value = (el, evaluate, state) => {
   let from, to;
   let update = el.type === "text" || el.type === "" ? (value) => el.setAttribute("value", el.value = value == null ? "" : value) : el.tagName === "TEXTAREA" || el.type === "text" || el.type === "" ? (value) => (from = el.selectionStart, to = el.selectionEnd, el.setAttribute("value", el.value = value == null ? "" : value), from && el.setSelectionRange(from, to)) : el.type === "checkbox" ? (value) => (el.checked = value, attr(el, "checked", value)) : el.type === "select-one" ? (value) => {
     for (let option in el.options)
@@ -735,19 +476,23 @@ directive.value = (el, expr2, state) => {
 };
 
 // directive/fx.js
-directive.fx = (el, expr2, state, name) => {
-  let evaluate = compile2(expr2, name);
+directive.fx = (el, evaluate, state) => {
   return () => evaluate(state);
 };
+
+// sprae.js
+sprae.use(signal_exports);
+sprae.use({ compile: (expr) => sprae.constructor(`__scope`, `with (__scope) { return ${expr} };`) });
+sprae.use({ swap: deflate_default });
+var sprae_default = sprae;
 export {
-  batch2 as batch,
-  compile2 as compile,
-  computed2 as computed,
-  sprae as default,
+  batch,
+  compile,
+  computed,
+  sprae_default as default,
   directive,
-  effect2 as effect,
-  ipol,
-  signal2 as signal,
-  swap2 as swap,
-  untracked2 as untracked
+  effect,
+  signal,
+  swap,
+  untracked
 };

package/dist/sprae.min.js

@@ -1 +1 @@
-var e=Object.defineProperty,t=(e,r,a,l=null)=>{let s,n,o,i=0,c=a.length,u=r.length,{remove:p,same:f,insert:d,replace:v}=t;for(;i<c&&i<u&&f(r[i],a[i]);)i++;for(;i<c&&i<u&&f(a[c-1],r[u-1]);)l=a[(--u,--c)];if(i==u)for(;i<c;)d(l,a[i++],e);else{for(s=r[i];i<c;)o=a[i++],n=s?s.nextSibling:l,f(s,o)?s=n:i<c&&f(a[i],n)?(v(s,o,e),s=n):d(s,o,e);for(;!f(s,l);)n=s.nextSibling,p(s,e),s=n}return a};t.same=(e,t)=>e==t,t.replace=(e,t,r)=>r.replaceChild(t,e),t.insert=(e,t,r)=>r.insertBefore(t,e),t.remove=(e,t)=>t.removeChild(e);var r,a=t,l={};((t,r)=>{for(var a in r)e(t,a,{get:r[a],enumerable:!0})})(l,{batch:()=>u,computed:()=>c,current:()=>r,effect:()=>i,signal:()=>o,untracked:()=>p});var s,n,o=(e,t,a=new Set)=>((t={get value(){return r?.deps.push(a.add(r)),e},set value(t){if(t!==e){e=t;for(let e of a)e(t)}},peek:()=>e}).toJSON=t.then=t.toString=t.valueOf=()=>t.value,t),i=(e,t,a,l)=>(l=(a=l=>{t?.call?.(),l=r,r=a;try{t=e()}finally{r=l}}).deps=[],a(),e=>{for(t?.call?.();e=l.pop();)e.delete(a)}),c=(e,t=o(),r,a)=>((r={get value(){return a||=i((()=>t.value=e())),t.value},peek:t.peek}).toJSON=r.then=r.toString=r.valueOf=()=>r.value,r),u=e=>e(),p=(e,t,a)=>(t=r,r=null,a=e(),r=t,a),f=e=>(s=0,n=e,e=h(),n[s]?d():e||""),d=(e="Bad syntax",t=n.slice(0,s).split("\n"),r=t.pop())=>{let a=n.slice(s-108,s).split("\n").pop(),l=n.slice(s,s+108).split("\n").shift();throw EvalError(`${e} at ${t.length}:${r.length} \`${s>=108?"…":""}${a}┃${l}\``,"font-weight: bold")},v=(e,t=s,r)=>{for(;r=e(n.charCodeAt(s));)s+=r;return n.slice(t,s)},y=(e=1,t=s)=>(s+=e,n.slice(t,s)),h=(e=0,t,r,a,l,n)=>{for(;(r=f.space())&&(l=((n=m[r])&&n(a,e))??(!a&&v(f.id)));)a=l;return t&&(r==t?s++:d()),a},m=(f.id=e=>e>=48&&e<=57||e>=65&&e<=90||e>=97&&e<=122||36==e||95==e||e>=192&&215!=e&&247!=e,f.space=e=>{for(;(e=n.charCodeAt(s))<=32;)s++;return e},[]),g=(e,t=32,r,a=e.charCodeAt(0),l=e.length,o=m[a],i=e.toUpperCase()!==e)=>m[a]=(a,c,u=s)=>c<t&&(l<2||n.substr(s,l)==e)&&(!i||!f.id(n.charCodeAt(s+l)))&&(s+=l,r(a,c))||(s=u,o?.(a,c)),b=(e,t,r=!1)=>g(e,t,((a,l)=>a&&(l=h(t-(r?.5:0)))&&[e,a,l])),k=(e,t,r)=>g(e,t,(a=>r?a&&[e,a]:!a&&(a=h(t-.5))&&[e,a])),A=(e,t)=>{g(e,t,((r,a)=>(a=h(t),(!r||r[0]!==e)&&(r=[e,r]),r.push(a),r)))},N=(e,t)=>g(e[0],t,(t=>!t&&[e,h(0,e.charCodeAt(1))])),O=(e,t)=>g(e[0],t,(t=>t&&[e[0],t,h(0,e.charCodeAt(1))])),w=f,C=e=>Array.isArray(e)?e[0]?S[e[0]](...e.slice(1)):()=>e[1]:C.id(e),S=(C.id=e=>t=>t?.[e],{}),x=(e,t,r=S[e])=>S[e]=(...e)=>t(...e)||r&&r(...e),$=(e,t,r,a,l)=>"()"===e[0]?$(e[1],t,r):"string"==typeof e?r=>t(r,e,r):"."===e[0]?(a=C(e[1]),l=e[2],e=>t(a(e),l,e)):"["===e[0]?(a=C(e[1]),l=C(e[2]),e=>t(a(e),l(e),e)):r?(e=C(e),r=>t([e(r)],0,r)):()=>d("Bad left value"),E=C,T=(e,t)=>[,(e=+v((e=>46===e||e>=48&&e<=57||(69===e||101===e?2:0))))!=e?d():e];m[46]=e=>!e&&T();for(let e=48;e<=57;e++)m[e]=e=>e?d():T();var W={n:"\n",r:"\r",t:"\t",b:"\b",f:"\f",v:"\v"},j=e=>(t,r,a="")=>{for(t&&d("Unexpected string"),y();(r=n.charCodeAt(s))-e;)92===r?(y(),r=y(),a+=W[r]||r):a+=y();return y()||d("Bad string"),[,a]};m[34]=j(34),m[39]=j(39),O("()",17),x("(",((e,t,r)=>(r=t?","===t[0]?(t=t.slice(1).map((e=>e?C(e):err())),e=>t.map((t=>t(e)))):(t=C(t),e=>[t(e)]):()=>[],$(e,((e,t,a)=>e[t](...r(a))),!0)))),O("[]",17),x("[",((e,t)=>t?(e=C(e),t=C(t),r=>e(r)[t(r)]):err())),b(".",17),x(".",((e,t)=>(e=C(e),t=t[0]?t:t[1],r=>e(r)[t]))),N("()",17),x("()",(e=>(!e&&d("Empty ()"),C(e))));var L=(...e)=>(e=e.map(C),t=>e.map((e=>e(t))).pop());A(",",1),x(",",L),A(";",1),x(";",L),b("*",12),x("*",((e,t)=>t&&(e=C(e),t=C(t),r=>e(r)*t(r)))),b("/",12),x("/",((e,t)=>t&&(e=C(e),t=C(t),r=>e(r)/t(r)))),b("%",12),x("%",((e,t)=>t&&(e=C(e),t=C(t),r=>e(r)%t(r)))),b("*=",2,!0),x("*=",((e,t)=>(t=C(t),$(e,((e,r,a)=>e[r]*=t(a)))))),b("/=",2,!0),x("/=",((e,t)=>(t=C(t),$(e,((e,r,a)=>e[r]/=t(a)))))),b("%=",2,!0),x("%=",((e,t)=>(t=C(t),$(e,((e,r,a)=>e[r]%=t(a)))))),k("+",14),x("+",((e,t)=>!t&&(e=C(e),t=>+e(t)))),k("-",14),x("-",((e,t)=>!t&&(e=C(e),t=>-e(t)))),b("+",11),x("+",((e,t)=>t&&(e=C(e),t=C(t),r=>e(r)+t(r)))),b("-",11),x("-",((e,t)=>t&&(e=C(e),t=C(t),r=>e(r)-t(r)))),b("+=",2,!0),x("+=",((e,t)=>(t=C(t),$(e,((e,r,a)=>e[r]+=t(a)))))),b("-=",2,!0),x("-=",((e,t)=>(t=C(t),$(e,((e,r,a)=>e[r]-=t(a)))))),g("++",15,(e=>e?["++-",e]:["++",h(14)])),x("++",(e=>$(e,((e,t,r)=>++e[t])))),x("++-",(e=>$(e,((e,t,r)=>e[t]++)))),g("--",15,(e=>e?["--+",e]:["--",h(14)])),x("--",(e=>$(e,((e,t,r)=>--e[t])))),x("--+",(e=>$(e,((e,t,r)=>e[t]--)))),k("~",14),x("~",((e,t)=>!t&&(e=C(e),t=>~e(t)))),b("|",5),x("|",((e,t)=>t&&(e=C(e),t=C(t),r=>e(r)|t(r)))),b("&",7),x("&",((e,t)=>t&&(e=C(e),t=C(t),r=>e(r)&t(r)))),b("^",6),x("^",((e,t)=>t&&(e=C(e),t=C(t),r=>e(r)^t(r)))),b(">>",10),x(">>",((e,t)=>t&&(e=C(e),t=C(t),r=>e(r)>>t(r)))),b("<<",10),x("<<",((e,t)=>t&&(e=C(e),t=C(t),r=>e(r)<<t(r)))),b("==",8),x("==",((e,t)=>t&&(e=C(e),t=C(t),r=>e(r)==t(r)))),b("!=",8),x("!=",((e,t)=>t&&(e=C(e),t=C(t),r=>e(r)!=t(r)))),b(">",9),x(">",((e,t)=>t&&(e=C(e),t=C(t),r=>e(r)>t(r)))),b("<",9),x("<",((e,t)=>t&&(e=C(e),t=C(t),r=>e(r)<t(r)))),b(">=",9),x(">=",((e,t)=>t&&(e=C(e),t=C(t),r=>e(r)>=t(r)))),b("<=",9),x("<=",((e,t)=>t&&(e=C(e),t=C(t),r=>e(r)<=t(r)))),k("!",14),x("!",((e,t)=>!t&&(e=C(e),t=>!e(t)))),b("||",3),x("||",((e,t)=>(e=C(e),t=C(t),r=>e(r)||t(r)))),b("&&",4),x("&&",((e,t)=>(e=C(e),t=C(t),r=>e(r)&&t(r)))),b("=",2,!0),x("=",((e,t)=>(t=C(t),$(e,((e,r,a)=>e[r]=t(a)))))),g("/*",20,((e,t)=>(v((e=>42!==e&&47!==n.charCodeAt(s+1))),y(2),e||h(t)||[]))),g("//",20,((e,t)=>(v((e=>e>=32)),e||h(t)||[""]))),b("**",13,!0),x("**",((e,t)=>t&&(e=C(e),t=C(t),r=>e(r)**t(r)))),g("?",2,((e,t,r)=>e&&(t=h(1.5,58))&&["?",e,t,h(1.5)])),x("?",((e,t,r)=>(e=C(e),t=C(t),r=C(r),a=>e(a)?t(a):r(a)))),g("true",20,(e=>e?err():[,!0])),g("false",20,(e=>e?err():[,!1])),N("[]",20),x("[]",((e,t)=>(e=(e=e?","===e[0]?e.slice(1):[e]:[]).map((e=>"..."===e[0]?(e=C(e[1]),t=>e(t)):(e=C(e),t=>[e(t)]))),t=>e.flatMap((e=>e(t)))))),N("{}",20),x("{}",((e,t)=>(e=(e=e?","!==e[0]?[e]:e.slice(1):[]).map((e=>C("string"==typeof e?[":",e,e]:e))),t=>Object.fromEntries(e.flatMap((e=>e(t))))))),b(":",1.5,!0),x(":",((e,t)=>(t=C(t),Array.isArray(e)?(e=C(e),r=>[[e(r),t(r)]]):r=>[[e,t(r)]]))),b("=>",2,!0),x("=>",((e,t)=>(e=(e="()"===e[0]?e[1]:e)?e=","===e[0]?e.slice(1):[e]:[],t=C("{}"===t[0]?t[1]:t),(r=null)=>(r=Object.create(r),(...a)=>(e.map(((e,t)=>r[e]=a[t])),t(r)))))),b(""),g("?.",17,(e=>e&&["?.",e])),x("?.",(e=>(e=C(e),t=>e(t)||(()=>{})))),g("?.",17,((e,t)=>e&&!(t=h(17))?.map&&["?.",e,t])),x("?.",((e,t)=>t&&(e=C(e),r=>e(r)?.[t]))),x("(",((e,t,r,a,l,s)=>"?."===e[0]&&(e[2]||Array.isArray(e[1]))&&(a=t?","===t[0]?(t=t.slice(1).map(C),e=>t.map((t=>t(e)))):(t=C(t),e=>[t(e)]):()=>[],!e[2]&&(e=e[1]),l="["===e[0]?C(e[2]):()=>e[2],r=C(e[1]),e=>r(e)?.[l(e)]?.(...a(e))))),k("...",14),x("...",(e=>(e=C(e),t=>Object.entries(e(t))))),b("in",9),x("in",((e,t)=>t&&(e=E(e),t=E(t),r=>e(r)in t(r)))),b("===",8),b("!==",9),x("===",((e,t)=>(e=E(e),t=E(t),r=>e(r)===t(r)))),x("!==",((e,t)=>(e=E(e),t=E(t),r=>e(r)!==t(r)))),b("??",3),x("??",((e,t)=>t&&(e=E(e),t=E(t),r=>e(r)??t(r)))),b("??=",2,!0),x("??=",((e,t)=>(t=E(t),$(e,((e,r,a)=>e[r]??=t(a)))))),b("||=",2,!0),x("||=",((e,t)=>(t=E(t),$(e,((e,r,a)=>e[r]||=t(a)))))),b("&&=",2,!0),x("&&=",((e,t)=>(t=E(t),$(e,((e,r,a)=>e[r]&&=t(a)))))),g("undefined",20,(e=>e?d():[,void 0])),g("NaN",20,(e=>e?d():[,NaN])),g("null",20,(e=>e?d():[,null]));var B=Symbol.dispose||=Symbol("dispose"),{signal:D,effect:M,batch:K,computed:P,untracked:J}=l,R={},U=new WeakMap;function Z(e,t){if(!e.children)return;if(U.has(e)){const[r,a]=U.get(e);for(let e in t)r[e]=t[e];J((()=>{for(let e of a)e()}))}const r=t||{},a=[],l=(e,t=e.parentNode)=>{if(e.attributes)for(let l=0;l<e.attributes.length;){let s=e.attributes[l];if(":"===s.name[0]){e.removeAttribute(s.name);let l=s.name.slice(1).split(":");for(let t of l){let l=(R[t]||R.default)(e,s.value,r,t);l&&(l[B]=M(l),a.push(l))}if(U.has(e))return;if(e.parentNode!==t)return!1}else l++}for(let t,r=0;t=e.children[r];r++)!1===l(t,e)&&r--};return l(e),U.has(e)||(U.set(e,[r,a]),e.classList?.add("∴"),e[B]=()=>{for(;a.length;)a.pop()[B]();e.classList.remove("∴"),U.delete(e);let t=e.getElementsByClassName("∴");for(;t.length;)t[0][B]?.()}),r}var z={},H=(e,t,r)=>{if(r=z[e=e.trim()])return r;try{r=E(w(e))}catch(r){throw Object.assign(r,{message:`∴ ${r.message}\n\n${t}${e?`="${e}"\n\n`:""}`,expr:e})}return z[e]=r},X=a,_=(e,t)=>e?.replace?e.replace(/\$<([^>]+)>/g,((e,r)=>t[r]?.valueOf?.()??"")):e;Z.use=e=>{e.signal&&(D=e.signal,M=e.effect,P=e.computed,K=e.batch||(e=>e()),J=e.untracked||K),e.swap&&(X=e.swap)};var q=Symbol(":each"),F={};R.each=(e,t,r,a)=>{let[l,s]=t.split(/\s+in\s+/),[n,o="_$"]=l.split(/\s*,\s*/);const i=e[q]=document.createTextNode("");e.replaceWith(i);const c=H(s,a),u=new WeakMap;e.removeAttribute(":key");let p=[];return()=>{let t=c(r)?.valueOf(),a=[];"number"==typeof t&&(t=Array.from({length:t},((e,t)=>t)));const l=new WeakSet;for(let s in t){let i=t[s],c=Object.create(r,{[o]:{value:s}});c[n]=i;let p,f=i.key??i.id??i;null==f?p=e.cloneNode(!0):(Object(f)!==f&&(f=F[f]||=Object(f)),l.has(f)?(console.warn("Duplicate key",f),p=e.cloneNode(!0)):(l.add(f),p=u.get(f)||u.set(f,e.cloneNode(!0)).get(f))),p.content&&(p=p.content.cloneNode(!0)),Z(p,c),11===p.nodeType?a.push(...p.childNodes):a.push(p)}X(i.parentNode,p,p=a,i)}};var G=Symbol("if");R.if=(e,t,r,a)=>{let l,s,n,o=e.parentNode,i=e.nextElementSibling,c=document.createTextNode(""),u=H(t,a),p=[];return e.after(c),e.content?(l=p,e.remove(),s=[...e.content.childNodes]):s=l=[e],i?.hasAttribute(":else")?(i.removeAttribute(":else"),i.hasAttribute(":if")?n=p:(i.remove(),n=i.content?[...i.content.childNodes]:[i])):n=p,()=>{const t=u(r)?.valueOf()?s:e[G]?p:n;if(i&&(i[G]=t===s),l!=t){l[0]?.[q]&&(l=[l[0][q]]),X(o,l,l=t,c);for(let e of l)Z(e,r)}}},R.ref=(e,t,r)=>{let a;return()=>{a&&delete r[a],r[a=_(t,r)]=e}},R.scope=(e,t,r,a)=>{let l=H(t,a);return()=>{Z(e,{...r,...l(r)?.valueOf?.()||{}})}},R.html=(e,t,r,a)=>{let l=H(t,a)(r);if(!l)return;let s=(l.content||l).cloneNode(!0);e.replaceChildren(s),Z(e,r)},R.text=(e,t,r)=>{let a=H(t,"text");return e.content&&e.replaceWith(e=document.createTextNode("")),()=>{let t=a(r)?.valueOf();e.textContent=null==t?"":t}},R.class=(e,t,r)=>{let a=H(t,"class"),l=new Set;return()=>{let t=a(r),s=new Set;t&&("string"==typeof t?_(t?.valueOf?.(),r).split(" ").map((e=>s.add(e))):Array.isArray(t)?t.map((e=>(e=_(e?.valueOf?.(),r))&&s.add(e))):Object.entries(t).map((([e,t])=>t?.valueOf?.()&&s.add(e))));for(let t of l)s.has(t)?s.delete(t):e.classList.remove(t);for(let t of l=s)e.classList.add(t)}},R.style=(e,t,r)=>{let a=H(t,"style"),l=e.getAttribute("style")||"";return l.endsWith(";")||(l+="; "),()=>{let t=a(r)?.valueOf();if("string"==typeof t)e.setAttribute("style",l+_(t,r));else{e.setAttribute("style",l);for(let a in t)e.style.setProperty(a,_(t[a],r))}}},R.default=(e,t,r,a)=>{let l=a.startsWith("on")&&a.slice(2),s=H(t,a);if(l){let t;return()=>(t?.(),t=I(e,l,s(r)))}return()=>{let t=s(r)?.valueOf();if(a)Y(e,a,_(t,r));else for(let a in t)Y(e,re(a),_(t[a],r))}};var I=(e,t,r=(()=>{}))=>{const a={evt:"",target:e,test:()=>!0};a.evt=t.replace(/\.(\w+)?-?([-\w]+)?/g,((e,t,r="")=>(a.test=Q[t]?.(a,...r.split("-"))||a.test,"")));const{evt:l,target:s,test:n,defer:o,stop:i,prevent:c,...u}=a;o&&(r=o(r));const p=e=>n(e)&&(i&&e.stopPropagation(),c&&e.preventDefault(),r.call(s,e));return s.addEventListener(l,p,u),()=>s.removeEventListener(l,p,u)},Q={prevent(e){e.prevent=!0},stop(e){e.stop=!0},once(e){e.once=!0},passive(e){e.passive=!0},capture(e){e.capture=!0},window(e){e.target=window},document(e){e.target=document},throttle(e,t){e.defer=e=>ee(e,t?Number(t)||0:108)},debounce(e,t){e.defer=e=>te(e,t?Number(t)||0:108)},outside:e=>t=>{let r=e.target;return!(r.contains(t.target)||!1===t.target.isConnected||r.offsetWidth<1&&r.offsetHeight<1)},self:e=>t=>t.target===e.target,ctrl:(e,...t)=>e=>V.ctrl(e)&&t.every((t=>V[t]?V[t](e):e.key===t)),shift:(e,...t)=>e=>V.shift(e)&&t.every((t=>V[t]?V[t](e):e.key===t)),alt:(e,...t)=>e=>V.alt(e)&&t.every((t=>V[t]?V[t](e):e.key===t)),meta:(e,...t)=>e=>V.meta(e)&&t.every((t=>V[t]?V[t](e):e.key===t)),arrow:()=>V.arrow,enter:()=>V.enter,escape:()=>V.escape,tab:()=>V.tab,space:()=>V.space,backspace:()=>V.backspace,delete:()=>V.delete,digit:()=>V.digit,letter:()=>V.letter,character:()=>V.character},V={ctrl:e=>e.ctrlKey||"Control"===e.key||"Ctrl"===e.key,shift:e=>e.shiftKey||"Shift"===e.key,alt:e=>e.altKey||"Alt"===e.key,meta:e=>e.metaKey||"Meta"===e.key||"Command"===e.key,arrow:e=>e.key.startsWith("Arrow"),enter:e=>"Enter"===e.key,escape:e=>e.key.startsWith("Esc"),tab:e=>"Tab"===e.key,space:e=>" "===e.key||"Space"===e.key||" "===e.key,backspace:e=>"Backspace"===e.key,delete:e=>"Delete"===e.key,digit:e=>/^\d$/.test(e.key),letter:e=>/^[a-zA-Z]$/.test(e.key),character:e=>/^\S$/.test(e.key)},Y=(e,t,r)=>{null==r||!1===r?e.removeAttribute(t):e.setAttribute(t,!0===r?"":"number"==typeof r||"string"==typeof r?r:"")},ee=(e,t)=>{let r,a,l=s=>{r=!0,setTimeout((()=>{if(r=!1,a)return a=!1,l(s),e(s)}),t)};return t=>r?a=!0:(l(t),e(t))},te=(e,t)=>{let r;return a=>{clearTimeout(r),r=setTimeout((()=>{r=null,e(a)}),t)}},re=e=>e.replace(/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g,(e=>"-"+e.toLowerCase()));R.value=(e,t,r)=>{let a,l,s=H(t,"value"),n="text"===e.type||""===e.type?t=>e.setAttribute("value",e.value=null==t?"":t):"TEXTAREA"===e.tagName||"text"===e.type||""===e.type?t=>(a=e.selectionStart,l=e.selectionEnd,e.setAttribute("value",e.value=null==t?"":t),a&&e.setSelectionRange(a,l)):"checkbox"===e.type?t=>(e.checked=t,Y(e,"checked",t)):"select-one"===e.type?t=>{for(let t in e.options)t.removeAttribute("selected");e.value=t,e.selectedOptions[0]?.setAttribute("selected","")}:t=>e.value=t;return()=>n(s(r)?.valueOf?.())},R.fx=(e,t,r,a)=>{let l=H(t,a);return()=>l(r)};export{K as batch,H as compile,P as computed,Z as default,R as directive,M as effect,_ as ipol,D as signal,X as swap,J as untracked};
+var e,t,r,l,a,s=Object.defineProperty,n=Symbol.dispose||=Symbol("dispose"),o={},c=new WeakMap;function i(e,r){if(!e.children)return;if(c.has(e)){const[t,l]=c.get(e);for(let e in r)t[e]=r[e];a((()=>{for(let e of l)e()}))}const l=r||{},s=[],i=(e,r=e.parentNode)=>{if(e.attributes)for(let a=0;a<e.attributes.length;){let i=e.attributes[a];if(":"===i.name[0]){e.removeAttribute(i.name);let a=i.name.slice(1).split(":");for(let r of a){let a=o[r]||o.default,c=a(e,(a.parse||d)(i.value,d),l,r);c&&(c[n]=t(c),s.push(c))}if(c.has(e))return;if(e.parentNode!==r)return!1}else a++}for(let t,r=0;t=e.children[r];r++)!1===i(t,e)&&r--};return i(e),c.has(e)||(c.set(e,[l,s]),e.classList?.add("∴"),e[n]=()=>{for(;s.length;)s.pop()[n]();e.classList.remove("∴"),c.delete(e);let t=e.getElementsByClassName("∴");for(;t.length;)t[0][n]?.()}),l}var u,p,f={},d=(e,t,r)=>{if(r=f[e=e.trim()])return r;try{r=u(e)}catch(r){throw Object.assign(r,{message:`∴ ${r.message}\n\n${t}${e?`="${e}"\n\n`:""}`,expr:e})}return r.expr=e,f[e]=r};i.use=s=>{s.signal&&(e=s.signal,t=s.effect,l=s.computed,r=s.batch||(e=>e()),a=s.untracked||r),s.swap&&(p=s.swap),s.compile&&(u=s.compile)};var v,y={};((e,t)=>{for(var r in t)s(e,r,{get:t[r],enumerable:!0})})(y,{batch:()=>g,computed:()=>b,effect:()=>h,signal:()=>m,untracked:()=>k});var m=(e,t,r=new Set)=>((t={get value(){return v?.deps.push(r.add(v)),e},set value(t){if(t!==e){e=t;for(let e of r)e(t)}},peek:()=>e}).toJSON=t.then=t.toString=t.valueOf=()=>t.value,t),h=(e,t,r,l)=>(l=(r=l=>{t?.call?.(),l=v,v=r;try{t=e()}finally{v=l}}).deps=[],r(),e=>{for(t?.call?.();e=l.pop();)e.delete(r)}),b=(e,t=m(),r,l)=>((r={get value(){return l||=h((()=>t.value=e())),t.value},peek:t.peek}).toJSON=r.then=r.toString=r.valueOf=()=>r.value,r),g=e=>e(),k=(e,t,r)=>(t=v,v=null,r=e(),v=t,r),w=(e,t,r,l=null,{remove:a,insert:s}=w)=>{let n,o,c,i=0,u=new Set(r);for(;c=t[i++];)u.has(c)?n=n||c:a(c,e);for(n=n||l,i=0;c=r[i++];)o=n?n.nextSibling:l,n===c?n=o:(r[i]===o&&(n=o),s(c,n,e));return r};w.insert=(e,t,r)=>r.insertBefore(e,t),w.remove=(e,t)=>t.removeChild(e);var O=w,A=Symbol(":each"),S={},N=Symbol("key");(o.each=(e,[t,r,l],a)=>{const s=e[A]=document.createTextNode(""),n=e.parentNode;e.replaceWith(s);const o=new WeakMap,c=new WeakMap;let u=[];const{insert:f,replace:d}=p,v={remove:e=>{e.remove(),e[Symbol.dispose]?.(),e[N]&&(o.delete(e[N]),c.delete(e[N]))},insert:f,replace:d};return()=>{let f=l(a)?.valueOf(),d=[];"number"==typeof f&&(f=Array.from({length:f},((e,t)=>t)));const y=new WeakMap;for(let l in f){let s,n=f[l],u=n?.key??n?.id??n??l;u=Object(u)!==u?S[u]||=Object(u):n,null==u||y.has(u)||e.content?s=(e.content||e).cloneNode(!0):(y.set(u,1),(s=o.get(u)||(o.set(u,e.cloneNode(!0)),o.get(u)))[N]=u);let p=c.get(u)||(c.set(u,Object.create(a,{[r]:{value:l}})),c.get(u));p[t]=n,i(s,p),11===s.nodeType?d.push(...s.childNodes):d.push(s)}p(n,u,u=d,s,v)}}).parse=(e,t)=>{let[r,l]=e.split(/\s+in\s+/),[a,s="$"]=r.split(/\s*,\s*/);return[a,s,t(l)]};var x=Symbol("if");o.if=(e,t,r)=>{let l,a,s,n=e.parentNode,o=e.nextElementSibling,c=document.createTextNode(""),u=[];return e.after(c),e.content?(l=u,e.remove(),a=[...e.content.childNodes]):a=l=[e],o?.hasAttribute(":else")?(o.removeAttribute(":else"),o.hasAttribute(":if")?s=u:(o.remove(),s=o.content?[...o.content.childNodes]:[o])):s=u,()=>{const f=t(r)?.valueOf()?a:e[x]?u:s;if(o&&(o[x]=f===a),l!=f){l[0]?.[A]&&(l=[l[0][A]]),p(n,l,l=f,c);for(let e of l)i(e,r)}}},o.default=(e,t,r,l)=>{let a=l.startsWith("on")&&l.slice(2);if(a){let l;return()=>(l?.(),l=W(e,a,t(r)?.valueOf()))}return()=>{let a=t(r)?.valueOf();if(l)T(e,l,D(a,r));else for(let t in a)T(e,j(t),D(a[t],r))}};var W=(e,t,r=(()=>{}))=>{const l={evt:"",target:e,test:()=>!0};l.evt=t.replace(/\.(\w+)?-?([-\w]+)?/g,((e,t,r="")=>(l.test=C[t]?.(l,...r.split("-"))||l.test,"")));const{evt:a,target:s,test:n,defer:o,stop:c,prevent:i,...u}=l;o&&(r=o(r));const p=e=>n(e)&&(c&&e.stopPropagation(),i&&e.preventDefault(),r.call(s,e));return s.addEventListener(a,p,u),()=>s.removeEventListener(a,p,u)},C={prevent(e){e.prevent=!0},stop(e){e.stop=!0},once(e){e.once=!0},passive(e){e.passive=!0},capture(e){e.capture=!0},window(e){e.target=window},document(e){e.target=document},throttle(e,t){e.defer=e=>$(e,t?Number(t)||0:108)},debounce(e,t){e.defer=e=>L(e,t?Number(t)||0:108)},outside:e=>t=>{let r=e.target;return!(r.contains(t.target)||!1===t.target.isConnected||r.offsetWidth<1&&r.offsetHeight<1)},self:e=>t=>t.target===e.target,ctrl:(e,...t)=>e=>E.ctrl(e)&&t.every((t=>E[t]?E[t](e):e.key===t)),shift:(e,...t)=>e=>E.shift(e)&&t.every((t=>E[t]?E[t](e):e.key===t)),alt:(e,...t)=>e=>E.alt(e)&&t.every((t=>E[t]?E[t](e):e.key===t)),meta:(e,...t)=>e=>E.meta(e)&&t.every((t=>E[t]?E[t](e):e.key===t)),arrow:()=>E.arrow,enter:()=>E.enter,escape:()=>E.escape,tab:()=>E.tab,space:()=>E.space,backspace:()=>E.backspace,delete:()=>E.delete,digit:()=>E.digit,letter:()=>E.letter,character:()=>E.character},E={ctrl:e=>e.ctrlKey||"Control"===e.key||"Ctrl"===e.key,shift:e=>e.shiftKey||"Shift"===e.key,alt:e=>e.altKey||"Alt"===e.key,meta:e=>e.metaKey||"Meta"===e.key||"Command"===e.key,arrow:e=>e.key.startsWith("Arrow"),enter:e=>"Enter"===e.key,escape:e=>e.key.startsWith("Esc"),tab:e=>"Tab"===e.key,space:e=>" "===e.key||"Space"===e.key||" "===e.key,backspace:e=>"Backspace"===e.key,delete:e=>"Delete"===e.key,digit:e=>/^\d$/.test(e.key),letter:e=>/^[a-zA-Z]$/.test(e.key),character:e=>/^\S$/.test(e.key)},T=(e,t,r)=>{null==r||!1===r?e.removeAttribute(t):e.setAttribute(t,!0===r?"":"number"==typeof r||"string"==typeof r?r:"")},$=(e,t)=>{let r,l,a=s=>{r=!0,setTimeout((()=>{if(r=!1,l)return l=!1,a(s),e(s)}),t)};return t=>r?l=!0:(a(t),e(t))},L=(e,t)=>{let r;return l=>{clearTimeout(r),r=setTimeout((()=>{r=null,e(l)}),t)}},j=e=>e.replace(/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g,(e=>"-"+e.toLowerCase())),D=(e,t)=>e?.replace?e.replace(/\$<([^>]+)>/g,((e,r)=>t[r]?.valueOf?.()??"")):e;(o.ref=(e,t,r)=>{let l;return()=>{l&&delete r[l],r[l=D(t,r)]=e}}).parse=e=>e,o.scope=(e,t,r)=>()=>{i(e,{...r,...t(r)?.valueOf?.()||{}})},o.html=(e,t,r)=>{let l=t(r);if(!l)return;let a=(l.content||l).cloneNode(!0);e.replaceChildren(a),i(e,r)},o.text=(e,t,r)=>(e.content&&e.replaceWith(e=document.createTextNode("")),()=>{let l=t(r)?.valueOf();e.textContent=null==l?"":l}),o.class=(e,t,r)=>{let l=new Set;return()=>{let a=t(r),s=new Set;a&&("string"==typeof a?D(a?.valueOf?.(),r).split(" ").map((e=>s.add(e))):Array.isArray(a)?a.map((e=>(e=D(e?.valueOf?.(),r))&&s.add(e))):Object.entries(a).map((([e,t])=>t?.valueOf?.()&&s.add(e))));for(let t of l)s.has(t)?s.delete(t):e.classList.remove(t);for(let t of l=s)e.classList.add(t)}},o.style=(e,t,r)=>{let l=e.getAttribute("style")||"";return l.endsWith(";")||(l+="; "),()=>{let a=t(r)?.valueOf();if("string"==typeof a)e.setAttribute("style",l+D(a,r));else{e.setAttribute("style",l);for(let t in a)e.style.setProperty(t,D(a[t],r))}}},o.value=(e,t,r)=>{let l,a,s="text"===e.type||""===e.type?t=>e.setAttribute("value",e.value=null==t?"":t):"TEXTAREA"===e.tagName||"text"===e.type||""===e.type?t=>(l=e.selectionStart,a=e.selectionEnd,e.setAttribute("value",e.value=null==t?"":t),l&&e.setSelectionRange(l,a)):"checkbox"===e.type?t=>(e.checked=t,T(e,"checked",t)):"select-one"===e.type?t=>{for(let t in e.options)t.removeAttribute("selected");e.value=t,e.selectedOptions[0]?.setAttribute("selected","")}:t=>e.value=t;return()=>s(t(r)?.valueOf?.())},o.fx=(e,t,r)=>()=>t(r),i.use(y),i.use({compile:e=>i.constructor("__scope",`with (__scope) { return ${e} };`)}),i.use({swap:O});var M=i;export{r as batch,u as compile,l as computed,M as default,o as directive,t as effect,e as signal,p as swap,a as untracked};

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "sprae",
   "description": "DOM microhydration.",
-  "version": "9.1.0",
+  "version": "9.1.1",
   "main": "./sprae.js",
   "module": "./sprae.js",
   "type": "module",
   "files": [
     "core.js",
     "sprae.js",
+    "signal.js",
     "directive",
     "dist"
   ],
   "dependencies": {
-    "signal-polyfill": "^0.1.0",
     "swapdom": "^1.2.1"
   },
   "devDependencies": {

package/readme.md

@@ -3,8 +3,8 @@
 > DOM tree microhydration
 
 _Sprae_ is a compact & ergonomic progressive enhancement framework.<br/>
-It provides `:`-attributes for inline markup logic with [_signals_](https://github.com/proposal-signals/proposal-signals) reactivity.<br/>
-Perfect for small-scale websites, prototypes, or lightweight UI.<br/>
+It provides `:`-attributes for inline markup logic with signals reactivity.<br/>
+Perfect for small-scale websites, static pages, landings, prototypes, or lightweight UI.<br/>
 
 
 ## Usage
@@ -265,13 +265,9 @@ Trigger when element is connected / disconnected from DOM.
 ```
 -->
 
-## Customization
+## Signals
 
-_Sprae_ can be reconfigured to use alternative signals provider, expressions evaluator or directives.
-
-### Signals
-
-Sprae uses [standard signals](https://github.com/proposal-signals/proposal-signals) for reactivity, but can be switched to any preact-flavored signals library:
+Sprae uses signals for reactivity (see [_sprae/signal.js_](./signal.js)). It can be switched to any alternative preact-flavored signals for compatibility or performance:
 
 ```js
 import sprae, { signal, computed, effect, batch, untracked } from 'sprae';
@@ -288,11 +284,12 @@ Provider | Size | Feature
 [`@webreflection/signal`](https://ghib.io/@webreflection/signal) | 531b | Class-based, better performance, good for small-medium states
 [`usignal`](https://ghib.io/usignal) | 850b | Class-based with optimizations, good for medium states
 [`@preact/signals-core`](https://ghub.io/@preact/signals-core) | 1.47kb | Best performance, good for any states
+[`signal-polyfill`](https://github.com/tc39/proposal-signals) | 2.5kb | Standard signals, slowest performance. Use via [adapter](https://gist.github.com/dy/bbac687464ccf5322ab0e2fd0680dc4d).
 
 
-### Evaluator
+## Evaluator
 
-Expressions use _new Function_ as default evaluator, which is fast & compact way, but violates "unsafe-eval" CSP. To make eval stricter & safer, an alternative evaluator can be configured, eg. _justin_:
+Expressions use _new Function_ as default evaluator, which is fast & compact way, but violates "unsafe-eval" CSP. To make eval stricter & safer, as well as sandbox expressions, an alternative evaluator can be configured, eg. _justin_:
 
 ```js
 import sprae from 'sprae'
@@ -318,22 +315,41 @@ sprae.use({compile: justin}) // set up justin as default compiler
 
 ## Directives
 
-Sprae build can be tailored to project needs via `sprae/core`:
+Custom directives can be added as:
 
 ```js
 import sprae, { directive } from 'sprae/core.js'
 
-// include directives
-import 'sprae/directive/if.js'
-import 'sprae/directive/text.js'
-
 // define custom directive
 directive.id = (el, evaluate, state) => {
   return () => el.id = evaluate(state)  // return update function
 }
 ```
 
-See [`sprae.js`](./sprae.js) for example.
+## Custom build
+
+_Sprae_ can be tailored to project needs via `sprae/core` for performance, size or compatibility purposes:
+
+```js
+// sprae.custom.js
+import sprae, { directive } from 'sprae/core.js'
+import * as signals from '@preact/signals'
+import compile from 'subscript'
+import diff from 'udomdiff
+
+// include directives
+import 'sprae/directive/if.js'
+import 'sprae/directive/text.js'
+
+// configure signals
+sprae.use(signals)
+
+// configure compiler
+sprae.use({ compile })
+
+// configure dom differ
+sprae.use({ swap: (parent, from, to, before) => udomdiff(parent, from, to, node=>node, before) })
+```
 
 <!--
 ### DOM diffing

package/signal.js

@@ -0,0 +1,43 @@
+// ulive minimal signal impl (decoupled from ulive to keep internal dep adjustable easily)
+let current
+
+export const signal = (v, s, obs = new Set) => (
+  s = {
+    get value() {
+      current?.deps.push(obs.add(current));
+      return v
+    },
+    set value(val) {
+      if (val === v) return
+      v = val;
+      for (let sub of obs) sub(val); // notify effects
+    },
+    peek() { return v },
+  },
+  s.toJSON = s.then = s.toString = s.valueOf = () => s.value,
+  s
+),
+  effect = (fn, teardown, run, deps) => (
+    run = (prev) => {
+      teardown?.call?.();
+      prev = current, current = run;
+      try { teardown = fn(); } finally { current = prev; }
+    },
+    deps = run.deps = [],
+
+    run(),
+    (dep) => { teardown?.call?.(); while (dep = deps.pop()) dep.delete(run); }
+  ),
+  computed = (fn, s = signal(), c, e) => (
+    c = {
+      get value() {
+        e ||= effect(() => s.value = fn());
+        return s.value
+      },
+      peek: s.peek
+    },
+    c.toJSON = c.then = c.toString = c.valueOf = () => c.value,
+    c
+  ),
+  batch = (fn) => fn(),
+  untracked = (fn, prev, v) => (prev = current, current = null, v = fn(), current = prev, v);

package/sprae.js

@@ -1,7 +1,7 @@
 import sprae from './core.js'
 
 import * as signals from './signal.js'
-import swap from 'swapdom/inflate'
+import swap from 'swapdom/deflate'
 
 // default directives
 import './directive/if.js'
@@ -26,4 +26,4 @@ sprae.use({ compile: expr => sprae.constructor(`__scope`, `with (__scope) { retu
 sprae.use({ swap })
 
 export default sprae
-export { signal, computed, effect, batch, untracked } from './core.js'
+export * from './core.js'