sigmx 0.1.0 → 0.2.0

package/dist/plugins/directives/html.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/html.ts"],
-  "sourcesContent": ["import { attribute } from '../../kernel/index.js'\n\n/** Sets `innerHTML` from an expression: `html=\"$markup\"`. Scripts inside are not executed. */\nexport const html = attribute({\n  name: 'html',\n  key: 'forbidden',\n  value: 'required',\n  mount: ({ el, evaluate, effect }) =>\n    effect(() => {\n      el.innerHTML = String(evaluate() ?? '')\n    }),\n})\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,MAAM,OAAO,UAAU;AAAA,EAC5B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO,CAAC,EAAE,IAAI,UAAU,OAAO,MAC7B,OAAO,MAAM;AACX,OAAG,YAAY,OAAO,SAAS,KAAK,EAAE;AAAA,EACxC,CAAC;AACL,CAAC;",
+  "sourcesContent": ["import { dir } from '../def.js';\n\n/** Sets `innerHTML` from an expression: `html=\"$markup\"`. Scripts inside are not executed. */\nexport const html = dir('html', 6, ({ el, evaluate, effect }) =>\n  effect(() => {\n    el.innerHTML = String(evaluate() ?? '');\n  }),\n);\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAGb,MAAM,OAAO;AAAA,EAAI;AAAA,EAAQ;AAAA,EAAG,CAAC,EAAE,IAAI,UAAU,OAAO,MACzD,OAAO,MAAM;AACX,OAAG,YAAY,OAAO,SAAS,KAAK,EAAE;AAAA,EACxC,CAAC;AACH;",
   "names": []
 }

package/dist/plugins/directives/inline-style.js

@@ -1,23 +1,20 @@
-import { attribute, kebab } from "../../kernel/index.js";
-const style = attribute({
-  name: "style",
-  value: "required",
-  mount({ el, key, cased, evaluate, effect }) {
-    const original = /* @__PURE__ */ new Map();
-    const put = (prop, v) => {
-      if (!original.has(prop)) original.set(prop, el.style.getPropertyValue(prop));
-      if (v || v === 0) el.style.setProperty(prop, String(v));
-      else el.style.setProperty(prop, original.get(prop));
-    };
-    effect(() => {
-      const map = key ? { [cased("kebab")]: evaluate() } : evaluate();
-      for (const prop of original.keys()) if (!(prop in map)) put(prop, "");
-      for (const prop in map) put(kebab(prop), map[prop]);
-    });
-    return () => {
-      for (const [prop, v] of original) el.style.setProperty(prop, v);
-    };
-  }
+import { kebab } from "../../kernel/index.js";
+import { dir } from "../def.js";
+const style = dir("style", 4, ({ el, key, cased, evaluate, effect }) => {
+  const original = /* @__PURE__ */ new Map();
+  const put = (prop, v) => {
+    if (!original.has(prop)) original.set(prop, el.style.getPropertyValue(prop));
+    if (v || v === 0) el.style.setProperty(prop, String(v));
+    else el.style.setProperty(prop, original.get(prop) ?? "");
+  };
+  effect(() => {
+    const map = key ? { [cased("kebab")]: evaluate() } : evaluate();
+    for (const prop of original.keys()) if (!(prop in map)) put(prop, "");
+    for (const prop in map) put(prop.startsWith("--") ? prop : kebab(prop), map[prop]);
+  });
+  return () => {
+    for (const [prop, v] of original) el.style.setProperty(prop, v);
+  };
 });
 export {
   style

package/dist/plugins/directives/inline-style.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/inline-style.ts"],
-  "sourcesContent": ["import { attribute, kebab } from '../../kernel/index.js'\n\n/** `style:color=\"expr\"` or `style=\"{ color: expr }\"`. Falsy values (except 0) restore the original. */\nexport const style = attribute({\n  name: 'style',\n  value: 'required',\n  mount({ el, key, cased, evaluate, effect }) {\n    const original = new Map<string, string>()\n    const put = (prop: string, v: unknown) => {\n      if (!original.has(prop)) original.set(prop, el.style.getPropertyValue(prop))\n      if (v || v === 0) el.style.setProperty(prop, String(v))\n      else el.style.setProperty(prop, original.get(prop)!)\n    }\n    effect(() => {\n      const map: Record<string, unknown> = key ? { [cased('kebab')]: evaluate() } : evaluate()\n      for (const prop of original.keys()) if (!(prop in map)) put(prop, '')\n      for (const prop in map) put(kebab(prop), map[prop])\n    })\n    return () => {\n      for (const [prop, v] of original) el.style.setProperty(prop, v)\n    }\n  },\n})\n"],
-  "mappings": "AAAA,SAAS,WAAW,aAAa;AAG1B,MAAM,QAAQ,UAAU;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM,EAAE,IAAI,KAAK,OAAO,UAAU,OAAO,GAAG;AAC1C,UAAM,WAAW,oBAAI,IAAoB;AACzC,UAAM,MAAM,CAAC,MAAc,MAAe;AACxC,UAAI,CAAC,SAAS,IAAI,IAAI,EAAG,UAAS,IAAI,MAAM,GAAG,MAAM,iBAAiB,IAAI,CAAC;AAC3E,UAAI,KAAK,MAAM,EAAG,IAAG,MAAM,YAAY,MAAM,OAAO,CAAC,CAAC;AAAA,UACjD,IAAG,MAAM,YAAY,MAAM,SAAS,IAAI,IAAI,CAAE;AAAA,IACrD;AACA,WAAO,MAAM;AACX,YAAM,MAA+B,MAAM,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS,EAAE,IAAI,SAAS;AACvF,iBAAW,QAAQ,SAAS,KAAK,EAAG,KAAI,EAAE,QAAQ,KAAM,KAAI,MAAM,EAAE;AACpE,iBAAW,QAAQ,IAAK,KAAI,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC;AAAA,IACpD,CAAC;AACD,WAAO,MAAM;AACX,iBAAW,CAAC,MAAM,CAAC,KAAK,SAAU,IAAG,MAAM,YAAY,MAAM,CAAC;AAAA,IAChE;AAAA,EACF;AACF,CAAC;",
+  "sourcesContent": ["import { kebab } from '../../kernel/index.js';\nimport { dir } from '../def.js';\n\n/** `style:color=\"expr\"` or `style=\"{ color: expr }\"`. Falsy values (except 0) restore the original. */\nexport const style = dir('style', 4, ({ el, key, cased, evaluate, effect }) => {\n  const original = new Map<string, string>();\n  const put = (prop: string, v: unknown) => {\n    if (!original.has(prop)) original.set(prop, el.style.getPropertyValue(prop));\n    if (v || v === 0) el.style.setProperty(prop, String(v));\n    else el.style.setProperty(prop, original.get(prop) ?? '');\n  };\n  effect(() => {\n    const map: Record<string, unknown> = key ? { [cased('kebab')]: evaluate() } : evaluate();\n    for (const prop of original.keys()) if (!(prop in map)) put(prop, '');\n    for (const prop in map) put(prop.startsWith('--') ? prop : kebab(prop), map[prop]);\n  });\n  return () => {\n    for (const [prop, v] of original) el.style.setProperty(prop, v);\n  };\n});\n"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,WAAW;AAGb,MAAM,QAAQ,IAAI,SAAS,GAAG,CAAC,EAAE,IAAI,KAAK,OAAO,UAAU,OAAO,MAAM;AAC7E,QAAM,WAAW,oBAAI,IAAoB;AACzC,QAAM,MAAM,CAAC,MAAc,MAAe;AACxC,QAAI,CAAC,SAAS,IAAI,IAAI,EAAG,UAAS,IAAI,MAAM,GAAG,MAAM,iBAAiB,IAAI,CAAC;AAC3E,QAAI,KAAK,MAAM,EAAG,IAAG,MAAM,YAAY,MAAM,OAAO,CAAC,CAAC;AAAA,QACjD,IAAG,MAAM,YAAY,MAAM,SAAS,IAAI,IAAI,KAAK,EAAE;AAAA,EAC1D;AACA,SAAO,MAAM;AACX,UAAM,MAA+B,MAAM,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS,EAAE,IAAI,SAAS;AACvF,eAAW,QAAQ,SAAS,KAAK,EAAG,KAAI,EAAE,QAAQ,KAAM,KAAI,MAAM,EAAE;AACpE,eAAW,QAAQ,IAAK,KAAI,KAAK,WAAW,IAAI,IAAI,OAAO,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC;AAAA,EACnF,CAAC;AACD,SAAO,MAAM;AACX,eAAW,CAAC,MAAM,CAAC,KAAK,SAAU,IAAG,MAAM,YAAY,MAAM,CAAC;AAAA,EAChE;AACF,CAAC;",
   "names": []
 }

package/dist/plugins/directives/mask.js

@@ -1,4 +1,4 @@
-import { attribute } from "../../kernel/index.js";
+import { dir } from "../def.js";
 const slots = { "9": /\d/, a: /[a-zA-Z]/, "*": /[a-zA-Z0-9]/ };
 const applyMask = (mask2, raw) => {
   let out = "";
@@ -17,28 +17,24 @@ const applyMask = (mask2, raw) => {
   }
   return out;
 };
-const mask = attribute({
-  name: "mask",
-  key: "forbidden",
-  value: "required",
-  mount({ el, value, mods, evaluate, listen, effect }) {
-    const input = el;
-    let pattern = value;
-    const format = () => {
-      const next = applyMask(pattern, input.value);
-      if (next !== input.value) {
-        input.value = next;
-        input.dispatchEvent(new Event("input", { bubbles: true }));
-      }
-    };
-    listen(input, "input", format);
-    if (mods.has("dynamic")) {
-      effect(() => {
-        pattern = String(evaluate() ?? "");
-        format();
-      });
-    } else format();
-  }
+const mask = dir("mask", 38, ({ el, evaluate, listen, effect }) => {
+  const input = el;
+  let pattern = "";
+  const format = () => {
+    const next = applyMask(pattern, input.value);
+    if (next !== input.value) {
+      const pos = input.selectionStart;
+      const atEnd = pos === null || pos >= input.value.length;
+      input.value = next;
+      if (!atEnd) input.setSelectionRange(pos, pos);
+      input.dispatchEvent(new Event("input", { bubbles: true }));
+    }
+  };
+  listen(input, "input", format);
+  effect(() => {
+    pattern = String(evaluate() ?? "");
+    format();
+  });
 });
 export {
   applyMask,

package/dist/plugins/directives/mask.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/mask.ts"],
-  "sourcesContent": ["import { attribute } from '../../kernel/index.js'\n\nconst slots: Record<string, RegExp> = { '9': /\\d/, a: /[a-zA-Z]/, '*': /[a-zA-Z0-9]/ }\n\n/** Format raw input against a mask: `9` digit, `a` letter, `*` either, anything else literal. */\nexport const applyMask = (mask: string, raw: string): string => {\n  let out = ''\n  let i = 0\n  for (const m of mask) {\n    if (i >= raw.length) break\n    const slot = slots[m]\n    if (slot) {\n      while (i < raw.length && !slot.test(raw[i])) i++\n      if (i >= raw.length) break\n      out += raw[i++]\n    } else {\n      out += m\n      if (raw[i] === m) i++\n    }\n  }\n  return out\n}\n\n/**\n * Formats the input as the user types: `mask=\"(999) 999-9999\"`. The value is the mask itself;\n * add `__dynamic` to evaluate it as an expression instead (`mask__dynamic=\"$isUS ? '999-999' : '9999'\"`).\n */\nexport const mask = attribute({\n  name: 'mask',\n  key: 'forbidden',\n  value: 'required',\n  mount({ el, value, mods, evaluate, listen, effect }) {\n    const input = el as HTMLInputElement\n    let pattern = value\n    const format = () => {\n      const next = applyMask(pattern, input.value)\n      if (next !== input.value) {\n        input.value = next\n        input.dispatchEvent(new Event('input', { bubbles: true })) // let `bind` see the formatted value\n      }\n    }\n    listen(input, 'input', format)\n    if (mods.has('dynamic')) {\n      effect(() => {\n        pattern = String(evaluate() ?? '')\n        format()\n      })\n    } else format()\n  },\n})\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAE1B,MAAM,QAAgC,EAAE,KAAK,MAAM,GAAG,YAAY,KAAK,cAAc;AAG9E,MAAM,YAAY,CAACA,OAAc,QAAwB;AAC9D,MAAI,MAAM;AACV,MAAI,IAAI;AACR,aAAW,KAAKA,OAAM;AACpB,QAAI,KAAK,IAAI,OAAQ;AACrB,UAAM,OAAO,MAAM,CAAC;AACpB,QAAI,MAAM;AACR,aAAO,IAAI,IAAI,UAAU,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,EAAG;AAC7C,UAAI,KAAK,IAAI,OAAQ;AACrB,aAAO,IAAI,GAAG;AAAA,IAChB,OAAO;AACL,aAAO;AACP,UAAI,IAAI,CAAC,MAAM,EAAG;AAAA,IACpB;AAAA,EACF;AACA,SAAO;AACT;AAMO,MAAM,OAAO,UAAU;AAAA,EAC5B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM,EAAE,IAAI,OAAO,MAAM,UAAU,QAAQ,OAAO,GAAG;AACnD,UAAM,QAAQ;AACd,QAAI,UAAU;AACd,UAAM,SAAS,MAAM;AACnB,YAAM,OAAO,UAAU,SAAS,MAAM,KAAK;AAC3C,UAAI,SAAS,MAAM,OAAO;AACxB,cAAM,QAAQ;AACd,cAAM,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,KAAK,CAAC,CAAC;AAAA,MAC3D;AAAA,IACF;AACA,WAAO,OAAO,SAAS,MAAM;AAC7B,QAAI,KAAK,IAAI,SAAS,GAAG;AACvB,aAAO,MAAM;AACX,kBAAU,OAAO,SAAS,KAAK,EAAE;AACjC,eAAO;AAAA,MACT,CAAC;AAAA,IACH,MAAO,QAAO;AAAA,EAChB;AACF,CAAC;",
+  "sourcesContent": ["import { dir } from '../def.js';\n\nconst slots: Record<string, RegExp> = { '9': /\\d/, a: /[a-zA-Z]/, '*': /[a-zA-Z0-9]/ };\n\n/** Format raw input against a mask: `9` digit, `a` letter, `*` either, anything else literal. */\nexport const applyMask = (mask: string, raw: string): string => {\n  let out = '';\n  let i = 0;\n  for (const m of mask) {\n    if (i >= raw.length) break;\n    const slot = slots[m];\n    if (slot) {\n      while (i < raw.length && !slot.test(raw[i])) i++;\n      if (i >= raw.length) break;\n      out += raw[i++];\n    } else {\n      out += m;\n      if (raw[i] === m) i++;\n    }\n  }\n  return out;\n};\n\n/**\n * Formats the input as the user types: `mask=\"(999) 999-9999\"`. The value is the mask itself;\n * add `__dynamic` to evaluate it as an expression instead (`mask__dynamic=\"$isUS ? '999-999' : '9999'\"`).\n */\nexport const mask = dir('mask', 38, ({ el, evaluate, listen, effect }) => {\n  const input = el as HTMLInputElement;\n  let pattern = '';\n  const format = () => {\n    const next = applyMask(pattern, input.value);\n    if (next !== input.value) {\n      const pos = input.selectionStart;\n      const atEnd = pos === null || pos >= input.value.length;\n      input.value = next;\n      if (!atEnd) input.setSelectionRange(pos, pos);\n      input.dispatchEvent(new Event('input', { bubbles: true })); // let `bind` see the formatted value\n    }\n  };\n  listen(input, 'input', format);\n  // Literal by default; with `__dynamic` the value is an expression and the mask follows its signals.\n  effect(() => {\n    pattern = String(evaluate() ?? '');\n    format();\n  });\n});\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAEpB,MAAM,QAAgC,EAAE,KAAK,MAAM,GAAG,YAAY,KAAK,cAAc;AAG9E,MAAM,YAAY,CAACA,OAAc,QAAwB;AAC9D,MAAI,MAAM;AACV,MAAI,IAAI;AACR,aAAW,KAAKA,OAAM;AACpB,QAAI,KAAK,IAAI,OAAQ;AACrB,UAAM,OAAO,MAAM,CAAC;AACpB,QAAI,MAAM;AACR,aAAO,IAAI,IAAI,UAAU,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,EAAG;AAC7C,UAAI,KAAK,IAAI,OAAQ;AACrB,aAAO,IAAI,GAAG;AAAA,IAChB,OAAO;AACL,aAAO;AACP,UAAI,IAAI,CAAC,MAAM,EAAG;AAAA,IACpB;AAAA,EACF;AACA,SAAO;AACT;AAMO,MAAM,OAAO,IAAI,QAAQ,IAAI,CAAC,EAAE,IAAI,UAAU,QAAQ,OAAO,MAAM;AACxE,QAAM,QAAQ;AACd,MAAI,UAAU;AACd,QAAM,SAAS,MAAM;AACnB,UAAM,OAAO,UAAU,SAAS,MAAM,KAAK;AAC3C,QAAI,SAAS,MAAM,OAAO;AACxB,YAAM,MAAM,MAAM;AAClB,YAAM,QAAQ,QAAQ,QAAQ,OAAO,MAAM,MAAM;AACjD,YAAM,QAAQ;AACd,UAAI,CAAC,MAAO,OAAM,kBAAkB,KAAK,GAAG;AAC5C,YAAM,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,KAAK,CAAC,CAAC;AAAA,IAC3D;AAAA,EACF;AACA,SAAO,OAAO,SAAS,MAAM;AAE7B,SAAO,MAAM;AACX,cAAU,OAAO,SAAS,KAAK,EAAE;AACjC,WAAO;AAAA,EACT,CAAC;AACH,CAAC;",
   "names": ["mask"]
 }

package/dist/plugins/directives/media-query.d.ts

@@ -1,2 +1,5 @@
-/** `match-media:is-dark="'prefers-color-scheme: dark'"` keeps a boolean signal in sync. */
+/**
+ * Keeps a boolean signal in step with a media query: `match-media:dark="(prefers-color-scheme: dark)"`.
+ * The value is a literal; `__dynamic` makes it an expression that can read signals.
+ */
 export declare const matchMedia: import("../../kernel/contracts.js").AttributePlugin;

package/dist/plugins/directives/media-query.js

@@ -1,17 +1,18 @@
-import { attribute } from "../../kernel/index.js";
-const matchMedia = attribute({
-  name: "match-media",
-  key: "required",
-  value: "required",
-  mount({ cased, evaluate, store, listen }) {
+import { dir } from "../def.js";
+const matchMedia = dir("match-media", 37, ({ cased, evaluate, store, effect, cleanup }) => {
+  const path = cased();
+  let mql;
+  const sync = () => store.set(path, !!mql?.matches);
+  const stop = () => mql?.removeEventListener("change", sync);
+  effect(() => {
     let q = String(evaluate()).trim();
-    if (!/^[(a-z]/.test(q) || !q.startsWith("(") && q.includes(":") && !/^(not|only|all|screen|print)\b/.test(q)) q = `(${q})`;
-    const mql = window.matchMedia(q);
-    const path = cased();
-    const sync = () => store.set(path, mql.matches);
+    if (/^[\w-]+\s*:/.test(q)) q = `(${q})`;
+    stop();
+    mql = window.matchMedia(q);
     sync();
-    listen(mql, "change", sync);
-  }
+    mql.addEventListener("change", sync);
+  });
+  cleanup(stop);
 });
 export {
   matchMedia

package/dist/plugins/directives/media-query.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/media-query.ts"],
-  "sourcesContent": ["import { attribute } from '../../kernel/index.js'\n\n/** `match-media:is-dark=\"'prefers-color-scheme: dark'\"` keeps a boolean signal in sync. */\nexport const matchMedia = attribute({\n  name: 'match-media',\n  key: 'required',\n  value: 'required',\n  mount({ cased, evaluate, store, listen }) {\n    let q = String(evaluate()).trim()\n    if (!/^[(a-z]/.test(q) || (!q.startsWith('(') && q.includes(':') && !/^(not|only|all|screen|print)\\b/.test(q))) q = `(${q})`\n    const mql = window.matchMedia(q)\n    const path = cased()\n    const sync = () => store.set(path, mql.matches)\n    sync()\n    listen(mql, 'change', sync)\n  },\n})\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,MAAM,aAAa,UAAU;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM,EAAE,OAAO,UAAU,OAAO,OAAO,GAAG;AACxC,QAAI,IAAI,OAAO,SAAS,CAAC,EAAE,KAAK;AAChC,QAAI,CAAC,UAAU,KAAK,CAAC,KAAM,CAAC,EAAE,WAAW,GAAG,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,iCAAiC,KAAK,CAAC,EAAI,KAAI,IAAI,CAAC;AACzH,UAAM,MAAM,OAAO,WAAW,CAAC;AAC/B,UAAM,OAAO,MAAM;AACnB,UAAM,OAAO,MAAM,MAAM,IAAI,MAAM,IAAI,OAAO;AAC9C,SAAK;AACL,WAAO,KAAK,UAAU,IAAI;AAAA,EAC5B;AACF,CAAC;",
+  "sourcesContent": ["import { dir } from '../def.js';\n\n/**\n * Keeps a boolean signal in step with a media query: `match-media:dark=\"(prefers-color-scheme: dark)\"`.\n * The value is a literal; `__dynamic` makes it an expression that can read signals.\n */\nexport const matchMedia = dir('match-media', 37, ({ cased, evaluate, store, effect, cleanup }) => {\n  const path = cased();\n  let mql: MediaQueryList | undefined;\n  const sync = () => store.set(path, !!mql?.matches);\n  const stop = () => mql?.removeEventListener('change', sync);\n  effect(() => {\n    let q = String(evaluate()).trim();\n    if (/^[\\w-]+\\s*:/.test(q)) q = `(${q})`; // a bare `feature: value` pair gets its parentheses\n    stop();\n    mql = window.matchMedia(q);\n    sync();\n    mql.addEventListener('change', sync);\n  });\n  cleanup(stop);\n});\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAMb,MAAM,aAAa,IAAI,eAAe,IAAI,CAAC,EAAE,OAAO,UAAU,OAAO,QAAQ,QAAQ,MAAM;AAChG,QAAM,OAAO,MAAM;AACnB,MAAI;AACJ,QAAM,OAAO,MAAM,MAAM,IAAI,MAAM,CAAC,CAAC,KAAK,OAAO;AACjD,QAAM,OAAO,MAAM,KAAK,oBAAoB,UAAU,IAAI;AAC1D,SAAO,MAAM;AACX,QAAI,IAAI,OAAO,SAAS,CAAC,EAAE,KAAK;AAChC,QAAI,cAAc,KAAK,CAAC,EAAG,KAAI,IAAI,CAAC;AACpC,SAAK;AACL,UAAM,OAAO,WAAW,CAAC;AACzB,SAAK;AACL,QAAI,iBAAiB,UAAU,IAAI;AAAA,EACrC,CAAC;AACD,UAAQ,IAAI;AACd,CAAC;",
   "names": []
 }

package/dist/plugins/directives/on-mount.js

@@ -1,12 +1,7 @@
-import { attribute, withTiming, withViewTransition } from "../../kernel/index.js";
-const init = attribute({
-  name: "init",
-  key: "forbidden",
-  value: "required",
-  returns: false,
-  mount({ mods, evaluate }) {
-    withTiming(withViewTransition(() => evaluate(), mods), mods)();
-  }
+import { withTiming } from "../../kernel/index.js";
+import { dir } from "../def.js";
+const init = dir("init", 22, ({ mods, evaluate, cleanup }) => {
+  withTiming(() => evaluate(), mods, cleanup)();
 });
 export {
   init

package/dist/plugins/directives/on-mount.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/on-mount.ts"],
-  "sourcesContent": ["import { attribute, withTiming, withViewTransition } from '../../kernel/index.js'\n\n/** Runs once when the element is mounted. Supports `__delay.500ms` and `__viewtransition`. */\nexport const init = attribute({\n  name: 'init',\n  key: 'forbidden',\n  value: 'required',\n  returns: false,\n  mount({ mods, evaluate }) {\n    withTiming(withViewTransition(() => evaluate(), mods), mods)()\n  },\n})\n"],
-  "mappings": "AAAA,SAAS,WAAW,YAAY,0BAA0B;AAGnD,MAAM,OAAO,UAAU;AAAA,EAC5B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM,EAAE,MAAM,SAAS,GAAG;AACxB,eAAW,mBAAmB,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,EAAE;AAAA,EAC/D;AACF,CAAC;",
+  "sourcesContent": ["import { withTiming } from '../../kernel/index.js';\nimport { dir } from '../def.js';\n\n/** Runs once when the element is mounted. Supports `__delay.500ms` and `__viewtransition`. */\nexport const init = dir('init', 22, ({ mods, evaluate, cleanup }) => {\n  withTiming(() => evaluate(), mods, cleanup)();\n});\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,WAAW;AAGb,MAAM,OAAO,IAAI,QAAQ,IAAI,CAAC,EAAE,MAAM,UAAU,QAAQ,MAAM;AACnE,aAAW,MAAM,SAAS,GAAG,MAAM,OAAO,EAAE;AAC9C,CAAC;",
   "names": []
 }

package/dist/plugins/directives/patch-listener.js

@@ -1,34 +1,39 @@
-import { attribute, withTiming } from "../../kernel/index.js";
+import { withTiming } from "../../kernel/index.js";
+import { dir } from "../def.js";
 const touches = (patch, path) => {
   let cur = patch;
   for (const k of path.split(".")) {
-    if (cur == null || typeof cur !== "object" || !(k in cur)) return false;
+    if (cur === null) return true;
+    if (typeof cur !== "object" || !(k in cur)) return false;
     cur = cur[k];
   }
   return true;
 };
-const onSignalPatch = attribute({
-  name: "on-signal-patch",
-  value: "required",
-  returns: false,
-  args: ["patch"],
-  mount({ key, cased, mods, evaluate, listen }) {
+const onSignalPatch = dir(
+  "on-signal-patch",
+  20,
+  ({ key, cased, mods, evaluate, listen, cleanup }) => {
     const path = key ? cased() : "";
     let running = false;
-    const run = withTiming((patch) => {
-      if (running) return;
-      running = true;
-      try {
-        evaluate(void 0, patch);
-      } finally {
-        running = false;
-      }
-    }, mods);
+    const run = withTiming(
+      (patch) => {
+        if (running) return;
+        running = true;
+        try {
+          evaluate(void 0, patch);
+        } finally {
+          running = false;
+        }
+      },
+      mods,
+      cleanup
+    );
     listen(document, "sigmx-signal-patch", (e) => {
       if (!path || touches(e.detail, path)) run(e.detail);
     });
-  }
-});
+  },
+  ["patch"]
+);
 export {
   onSignalPatch
 };

package/dist/plugins/directives/patch-listener.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/patch-listener.ts"],
-  "sourcesContent": ["import { attribute, withTiming } from '../../kernel/index.js'\n\nconst touches = (patch: Record<string, any>, path: string): boolean => {\n  let cur: any = patch\n  for (const k of path.split('.')) {\n    if (cur == null || typeof cur !== 'object' || !(k in cur)) return false\n    cur = cur[k]\n  }\n  return true\n}\n\n/**\n * Runs after signals change, with the patch as `patch`. A key narrows it to one path:\n * `on-signal-patch:user.name=\"...\"`.\n */\nexport const onSignalPatch = attribute({\n  name: 'on-signal-patch',\n  value: 'required',\n  returns: false,\n  args: ['patch'],\n  mount({ key, cased, mods, evaluate, listen }) {\n    const path = key ? cased() : ''\n    let running = false\n    const run = withTiming((patch: Record<string, any>) => {\n      if (running) return\n      running = true\n      try {\n        evaluate(undefined, patch)\n      } finally {\n        running = false\n      }\n    }, mods)\n    listen(document, 'sigmx-signal-patch', (e: CustomEvent) => {\n      if (!path || touches(e.detail, path)) run(e.detail)\n    })\n  },\n})\n"],
-  "mappings": "AAAA,SAAS,WAAW,kBAAkB;AAEtC,MAAM,UAAU,CAAC,OAA4B,SAA0B;AACrE,MAAI,MAAW;AACf,aAAW,KAAK,KAAK,MAAM,GAAG,GAAG;AAC/B,QAAI,OAAO,QAAQ,OAAO,QAAQ,YAAY,EAAE,KAAK,KAAM,QAAO;AAClE,UAAM,IAAI,CAAC;AAAA,EACb;AACA,SAAO;AACT;AAMO,MAAM,gBAAgB,UAAU;AAAA,EACrC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM,CAAC,OAAO;AAAA,EACd,MAAM,EAAE,KAAK,OAAO,MAAM,UAAU,OAAO,GAAG;AAC5C,UAAM,OAAO,MAAM,MAAM,IAAI;AAC7B,QAAI,UAAU;AACd,UAAM,MAAM,WAAW,CAAC,UAA+B;AACrD,UAAI,QAAS;AACb,gBAAU;AACV,UAAI;AACF,iBAAS,QAAW,KAAK;AAAA,MAC3B,UAAE;AACA,kBAAU;AAAA,MACZ;AAAA,IACF,GAAG,IAAI;AACP,WAAO,UAAU,sBAAsB,CAAC,MAAmB;AACzD,UAAI,CAAC,QAAQ,QAAQ,EAAE,QAAQ,IAAI,EAAG,KAAI,EAAE,MAAM;AAAA,IACpD,CAAC;AAAA,EACH;AACF,CAAC;",
+  "sourcesContent": ["import { withTiming } from '../../kernel/index.js';\nimport { dir } from '../def.js';\n\nconst touches = (patch: Record<string, any>, path: string): boolean => {\n  let cur: any = patch;\n  for (const k of path.split('.')) {\n    if (cur === null) return true; // an ancestor was removed: everything under it changed\n    if (typeof cur !== 'object' || !(k in cur)) return false;\n    cur = cur[k];\n  }\n  return true;\n};\n\n/**\n * Runs after signals change, with the patch as `patch`. A key narrows it to one path:\n * `on-signal-patch:user.name=\"...\"`.\n */\nexport const onSignalPatch = dir(\n  'on-signal-patch',\n  20,\n  ({ key, cased, mods, evaluate, listen, cleanup }) => {\n    const path = key ? cased() : '';\n    let running = false;\n    const run = withTiming(\n      (patch: Record<string, any>) => {\n        if (running) return;\n        running = true;\n        try {\n          evaluate(undefined, patch);\n        } finally {\n          running = false;\n        }\n      },\n      mods,\n      cleanup,\n    );\n    listen(document, 'sigmx-signal-patch', (e: CustomEvent) => {\n      if (!path || touches(e.detail, path)) run(e.detail);\n    });\n  },\n  ['patch'],\n);\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,WAAW;AAEpB,MAAM,UAAU,CAAC,OAA4B,SAA0B;AACrE,MAAI,MAAW;AACf,aAAW,KAAK,KAAK,MAAM,GAAG,GAAG;AAC/B,QAAI,QAAQ,KAAM,QAAO;AACzB,QAAI,OAAO,QAAQ,YAAY,EAAE,KAAK,KAAM,QAAO;AACnD,UAAM,IAAI,CAAC;AAAA,EACb;AACA,SAAO;AACT;AAMO,MAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,CAAC,EAAE,KAAK,OAAO,MAAM,UAAU,QAAQ,QAAQ,MAAM;AACnD,UAAM,OAAO,MAAM,MAAM,IAAI;AAC7B,QAAI,UAAU;AACd,UAAM,MAAM;AAAA,MACV,CAAC,UAA+B;AAC9B,YAAI,QAAS;AACb,kBAAU;AACV,YAAI;AACF,mBAAS,QAAW,KAAK;AAAA,QAC3B,UAAE;AACA,oBAAU;AAAA,QACZ;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACA,WAAO,UAAU,sBAAsB,CAAC,MAAmB;AACzD,UAAI,CAAC,QAAQ,QAAQ,EAAE,QAAQ,IAAI,EAAG,KAAI,EAAE,MAAM;AAAA,IACpD,CAAC;AAAA,EACH;AAAA,EACA,CAAC,OAAO;AACV;",
   "names": []
 }

package/dist/plugins/directives/remove-me.js

@@ -1,11 +1,10 @@
-import { attribute, toMs } from "../../kernel/index.js";
-const removeMe = attribute({
-  name: "remove-me",
-  key: "forbidden",
-  mount({ el, value, cleanup }) {
-    const t = setTimeout(() => el.remove(), toMs([value], 0));
-    cleanup(() => clearTimeout(t));
-  }
+import { toMs } from "../../kernel/index.js";
+import { dir } from "../def.js";
+const removeMe = dir("remove-me", 34, ({ el, evaluate, value, cleanup, error }) => {
+  const delay = value ? String(evaluate()) : "";
+  if (delay && toMs([delay], -1) < 0) throw error(`bad delay "${delay}"`);
+  const t = setTimeout(() => el.remove(), toMs([delay], 0));
+  cleanup(() => clearTimeout(t));
 });
 export {
   removeMe

package/dist/plugins/directives/remove-me.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/remove-me.ts"],
-  "sourcesContent": ["import { attribute, toMs } from '../../kernel/index.js'\n\n/** Removes the element after a delay: `remove-me=\"3s\"` (default immediately). Handy for toasts. */\nexport const removeMe = attribute({\n  name: 'remove-me',\n  key: 'forbidden',\n  mount({ el, value, cleanup }) {\n    const t = setTimeout(() => el.remove(), toMs([value], 0))\n    cleanup(() => clearTimeout(t))\n  },\n})\n"],
-  "mappings": "AAAA,SAAS,WAAW,YAAY;AAGzB,MAAM,WAAW,UAAU;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM,EAAE,IAAI,OAAO,QAAQ,GAAG;AAC5B,UAAM,IAAI,WAAW,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;AACxD,YAAQ,MAAM,aAAa,CAAC,CAAC;AAAA,EAC/B;AACF,CAAC;",
+  "sourcesContent": ["import { toMs } from '../../kernel/index.js';\nimport { dir } from '../def.js';\n\n/** Removes the element after a delay: `remove-me=\"3s\"` (default immediately). Handy for toasts. */\nexport const removeMe = dir('remove-me', 34, ({ el, evaluate, value, cleanup, error }) => {\n  const delay = value ? String(evaluate()) : ''; // a literal delay, or an expression with `__dynamic`\n  if (delay && toMs([delay], -1) < 0) throw error(`bad delay \"${delay}\"`);\n  const t = setTimeout(() => el.remove(), toMs([delay], 0));\n  cleanup(() => clearTimeout(t));\n});\n"],
+  "mappings": "AAAA,SAAS,YAAY;AACrB,SAAS,WAAW;AAGb,MAAM,WAAW,IAAI,aAAa,IAAI,CAAC,EAAE,IAAI,UAAU,OAAO,SAAS,MAAM,MAAM;AACxF,QAAM,QAAQ,QAAQ,OAAO,SAAS,CAAC,IAAI;AAC3C,MAAI,SAAS,KAAK,CAAC,KAAK,GAAG,EAAE,IAAI,EAAG,OAAM,MAAM,cAAc,KAAK,GAAG;AACtE,QAAM,IAAI,WAAW,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;AACxD,UAAQ,MAAM,aAAa,CAAC,CAAC;AAC/B,CAAC;",
   "names": []
 }

package/dist/plugins/directives/scroll-to.d.ts

@@ -1,2 +1,5 @@
-/** Scrolls the element into view on mount. Modifiers: smooth/instant/auto, vstart..vnearest, hstart..hnearest, focus. */
+/**
+ * Scrolls the element into view when it mounts: `scroll-into-view__smooth__vcenter__focus`.
+ * Modifiers: `smooth|instant|auto`, `vstart|vcenter|vend|vnearest`, `focus`.
+ */
 export declare const scrollIntoView: import("../../kernel/contracts.js").AttributePlugin;

package/dist/plugins/directives/scroll-to.js

@@ -1,17 +1,11 @@
-import { attribute } from "../../kernel/index.js";
-const pick = (mods, names, fallback) => names.find((n) => mods.has(n)) ?? fallback;
-const scrollIntoView = attribute({
-  name: "scroll-into-view",
-  key: "forbidden",
-  value: "forbidden",
-  mount({ el, mods }) {
-    el.scrollIntoView({
-      behavior: pick(mods, ["smooth", "instant", "auto"], "smooth"),
-      block: pick(mods, ["vstart", "vcenter", "vend", "vnearest"], "vcenter").slice(1),
-      inline: pick(mods, ["hstart", "hcenter", "hend", "hnearest"], "hcenter").slice(1)
-    });
-    if (mods.has("focus")) el.focus?.();
-  }
+import { dir } from "../def.js";
+const pick = (mods, re, fallback) => [...mods.keys()].find((n) => re.test(n)) ?? fallback;
+const scrollIntoView = dir("scroll-into-view", 10, ({ el, mods }) => {
+  el.scrollIntoView({
+    behavior: pick(mods, /^(smooth|instant|auto)$/, "smooth"),
+    block: pick(mods, /^v(start|center|end|nearest)$/, "vcenter").slice(1)
+  });
+  if (mods.has("focus")) el.focus?.();
 });
 export {
   scrollIntoView

package/dist/plugins/directives/scroll-to.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/scroll-to.ts"],
-  "sourcesContent": ["import { attribute } from '../../kernel/index.js'\n\nconst pick = (mods: Map<string, string[]>, names: string[], fallback: string) =>\n  names.find((n) => mods.has(n)) ?? fallback\n\n/** Scrolls the element into view on mount. Modifiers: smooth/instant/auto, vstart..vnearest, hstart..hnearest, focus. */\nexport const scrollIntoView = attribute({\n  name: 'scroll-into-view',\n  key: 'forbidden',\n  value: 'forbidden',\n  mount({ el, mods }) {\n    el.scrollIntoView({\n      behavior: pick(mods, ['smooth', 'instant', 'auto'], 'smooth') as ScrollBehavior,\n      block: pick(mods, ['vstart', 'vcenter', 'vend', 'vnearest'], 'vcenter').slice(1) as ScrollLogicalPosition,\n      inline: pick(mods, ['hstart', 'hcenter', 'hend', 'hnearest'], 'hcenter').slice(1) as ScrollLogicalPosition,\n    })\n    if (mods.has('focus')) (el as HTMLElement).focus?.()\n  },\n})\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAE1B,MAAM,OAAO,CAAC,MAA6B,OAAiB,aAC1D,MAAM,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,KAAK;AAG7B,MAAM,iBAAiB,UAAU;AAAA,EACtC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM,EAAE,IAAI,KAAK,GAAG;AAClB,OAAG,eAAe;AAAA,MAChB,UAAU,KAAK,MAAM,CAAC,UAAU,WAAW,MAAM,GAAG,QAAQ;AAAA,MAC5D,OAAO,KAAK,MAAM,CAAC,UAAU,WAAW,QAAQ,UAAU,GAAG,SAAS,EAAE,MAAM,CAAC;AAAA,MAC/E,QAAQ,KAAK,MAAM,CAAC,UAAU,WAAW,QAAQ,UAAU,GAAG,SAAS,EAAE,MAAM,CAAC;AAAA,IAClF,CAAC;AACD,QAAI,KAAK,IAAI,OAAO,EAAG,CAAC,GAAmB,QAAQ;AAAA,EACrD;AACF,CAAC;",
+  "sourcesContent": ["import { dir } from '../def.js';\n\nconst pick = (mods: Map<string, string[]>, re: RegExp, fallback: string) =>\n  [...mods.keys()].find((n) => re.test(n)) ?? fallback;\n\n/**\n * Scrolls the element into view when it mounts: `scroll-into-view__smooth__vcenter__focus`.\n * Modifiers: `smooth|instant|auto`, `vstart|vcenter|vend|vnearest`, `focus`.\n */\nexport const scrollIntoView = dir('scroll-into-view', 10, ({ el, mods }) => {\n  el.scrollIntoView({\n    behavior: pick(mods, /^(smooth|instant|auto)$/, 'smooth') as ScrollBehavior,\n    block: pick(mods, /^v(start|center|end|nearest)$/, 'vcenter').slice(1) as ScrollLogicalPosition,\n  });\n  if (mods.has('focus')) (el as HTMLElement).focus?.();\n});\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAEpB,MAAM,OAAO,CAAC,MAA6B,IAAY,aACrD,CAAC,GAAG,KAAK,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,KAAK;AAMvC,MAAM,iBAAiB,IAAI,oBAAoB,IAAI,CAAC,EAAE,IAAI,KAAK,MAAM;AAC1E,KAAG,eAAe;AAAA,IAChB,UAAU,KAAK,MAAM,2BAA2B,QAAQ;AAAA,IACxD,OAAO,KAAK,MAAM,iCAAiC,SAAS,EAAE,MAAM,CAAC;AAAA,EACvE,CAAC;AACD,MAAI,KAAK,IAAI,OAAO,EAAG,CAAC,GAAmB,QAAQ;AACrD,CAAC;",
   "names": []
 }

package/dist/plugins/directives/size-watch.js

@@ -1,15 +1,10 @@
-import { attribute, withTiming } from "../../kernel/index.js";
-const onResize = attribute({
-  name: "on-resize",
-  key: "forbidden",
-  value: "required",
-  returns: false,
-  mount({ el, mods, evaluate }) {
-    const run = withTiming(() => evaluate(), mods);
-    const ro = new ResizeObserver(() => run());
-    ro.observe(el);
-    return () => ro.disconnect();
-  }
+import { withTiming } from "../../kernel/index.js";
+import { dir } from "../def.js";
+const onResize = dir("on-resize", 22, ({ el, mods, evaluate, cleanup }) => {
+  const run = withTiming(() => evaluate(), mods, cleanup);
+  const ro = new ResizeObserver(() => run());
+  ro.observe(el);
+  return () => ro.disconnect();
 });
 export {
   onResize

package/dist/plugins/directives/size-watch.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/size-watch.ts"],
-  "sourcesContent": ["import { attribute, withTiming } from '../../kernel/index.js'\n\nexport const onResize = attribute({\n  name: 'on-resize',\n  key: 'forbidden',\n  value: 'required',\n  returns: false,\n  mount({ el, mods, evaluate }) {\n    const run = withTiming(() => evaluate(), mods)\n    const ro = new ResizeObserver(() => run())\n    ro.observe(el)\n    return () => ro.disconnect()\n  },\n})\n"],
-  "mappings": "AAAA,SAAS,WAAW,kBAAkB;AAE/B,MAAM,WAAW,UAAU;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM,EAAE,IAAI,MAAM,SAAS,GAAG;AAC5B,UAAM,MAAM,WAAW,MAAM,SAAS,GAAG,IAAI;AAC7C,UAAM,KAAK,IAAI,eAAe,MAAM,IAAI,CAAC;AACzC,OAAG,QAAQ,EAAE;AACb,WAAO,MAAM,GAAG,WAAW;AAAA,EAC7B;AACF,CAAC;",
+  "sourcesContent": ["import { withTiming } from '../../kernel/index.js';\nimport { dir } from '../def.js';\n\nexport const onResize = dir('on-resize', 22, ({ el, mods, evaluate, cleanup }) => {\n  const run = withTiming(() => evaluate(), mods, cleanup);\n  const ro = new ResizeObserver(() => run());\n  ro.observe(el);\n  return () => ro.disconnect();\n});\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,WAAW;AAEb,MAAM,WAAW,IAAI,aAAa,IAAI,CAAC,EAAE,IAAI,MAAM,UAAU,QAAQ,MAAM;AAChF,QAAM,MAAM,WAAW,MAAM,SAAS,GAAG,MAAM,OAAO;AACtD,QAAM,KAAK,IAAI,eAAe,MAAM,IAAI,CAAC;AACzC,KAAG,QAAQ,EAAE;AACb,SAAO,MAAM,GAAG,WAAW;AAC7B,CAAC;",
   "names": []
 }

package/dist/plugins/directives/state-dump.js

@@ -1,13 +1,9 @@
-import { attribute } from "../../kernel/index.js";
-const jsonSignals = attribute({
-  name: "json-signals",
-  key: "forbidden",
-  mount({ el, value, mods, evaluate, effect, store }) {
-    const filter = value ? evaluate() : void 0;
-    effect(() => {
-      el.textContent = JSON.stringify(store.snapshot(filter), null, mods.has("terse") ? 0 : 2);
-    });
-  }
+import { dir } from "../def.js";
+const jsonSignals = dir("json-signals", 2, ({ el, value, evaluate, effect, store }) => {
+  const filter = value ? evaluate() : void 0;
+  effect(() => {
+    el.textContent = JSON.stringify(store.snapshot(filter), null, 2);
+  });
 });
 export {
   jsonSignals

package/dist/plugins/directives/state-dump.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/state-dump.ts"],
-  "sourcesContent": ["import { attribute } from '../../kernel/index.js'\n\n/** Renders the store (or a filtered part) as JSON. `__terse` for single-line output. */\nexport const jsonSignals = attribute({\n  name: 'json-signals',\n  key: 'forbidden',\n  mount({ el, value, mods, evaluate, effect, store }) {\n    const filter = value ? evaluate() : undefined\n    effect(() => {\n      el.textContent = JSON.stringify(store.snapshot(filter), null, mods.has('terse') ? 0 : 2)\n    })\n  },\n})\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,MAAM,cAAc,UAAU;AAAA,EACnC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM,EAAE,IAAI,OAAO,MAAM,UAAU,QAAQ,MAAM,GAAG;AAClD,UAAM,SAAS,QAAQ,SAAS,IAAI;AACpC,WAAO,MAAM;AACX,SAAG,cAAc,KAAK,UAAU,MAAM,SAAS,MAAM,GAAG,MAAM,KAAK,IAAI,OAAO,IAAI,IAAI,CAAC;AAAA,IACzF,CAAC;AAAA,EACH;AACF,CAAC;",
+  "sourcesContent": ["import { dir } from '../def.js';\n\n/** Renders the store (or a filtered part) as JSON. `__terse` for single-line output. */\nexport const jsonSignals = dir('json-signals', 2, ({ el, value, evaluate, effect, store }) => {\n  const filter = value ? evaluate() : undefined;\n  effect(() => {\n    el.textContent = JSON.stringify(store.snapshot(filter), null, 2);\n  });\n});\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAGb,MAAM,cAAc,IAAI,gBAAgB,GAAG,CAAC,EAAE,IAAI,OAAO,UAAU,QAAQ,MAAM,MAAM;AAC5F,QAAM,SAAS,QAAQ,SAAS,IAAI;AACpC,SAAO,MAAM;AACX,OAAG,cAAc,KAAK,UAAU,MAAM,SAAS,MAAM,GAAG,MAAM,CAAC;AAAA,EACjE,CAAC;AACH,CAAC;",
   "names": []
 }

package/dist/plugins/directives/storage-sync.js

@@ -1,14 +1,18 @@
-import { attribute } from "../../kernel/index.js";
-const persist = attribute({
-  name: "persist",
-  mount({ key, value, mods, evaluate, store, effect }) {
-    const storage = mods.has("session") ? sessionStorage : localStorage;
-    const name = key || "sigmx";
-    const filter = value ? evaluate() : void 0;
-    const saved = storage.getItem(name);
+import { dir } from "../def.js";
+const persist = dir("persist", 0, ({ key, value, evaluate, store, effect }) => {
+  const name = key || "sigmx";
+  const filter = value ? evaluate() : void 0;
+  try {
+    const saved = localStorage.getItem(name);
     if (saved) store.merge(JSON.parse(saved));
-    effect(() => storage.setItem(name, JSON.stringify(store.snapshot(filter, { computed: false }))));
+  } catch {
   }
+  effect(() => {
+    try {
+      localStorage.setItem(name, JSON.stringify(store.snapshot(filter, { computed: false })));
+    } catch {
+    }
+  });
 });
 export {
   persist

package/dist/plugins/directives/storage-sync.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/storage-sync.ts"],
-  "sourcesContent": ["import { attribute } from '../../kernel/index.js'\n\n/**\n * Saves matching signals to localStorage (`__session` for sessionStorage) and restores them on\n * mount. `persist:key` sets the storage key; the value is an optional `{ include, exclude }` filter.\n * Declare defaults with `signals:x__ifmissing` so restored values are not overwritten.\n */\nexport const persist = attribute({\n  name: 'persist',\n  mount({ key, value, mods, evaluate, store, effect }) {\n    const storage = mods.has('session') ? sessionStorage : localStorage\n    const name = key || 'sigmx'\n    const filter = value ? evaluate() : undefined\n    const saved = storage.getItem(name)\n    if (saved) store.merge(JSON.parse(saved))\n    effect(() => storage.setItem(name, JSON.stringify(store.snapshot(filter, { computed: false }))))\n  },\n})\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAOnB,MAAM,UAAU,UAAU;AAAA,EAC/B,MAAM;AAAA,EACN,MAAM,EAAE,KAAK,OAAO,MAAM,UAAU,OAAO,OAAO,GAAG;AACnD,UAAM,UAAU,KAAK,IAAI,SAAS,IAAI,iBAAiB;AACvD,UAAM,OAAO,OAAO;AACpB,UAAM,SAAS,QAAQ,SAAS,IAAI;AACpC,UAAM,QAAQ,QAAQ,QAAQ,IAAI;AAClC,QAAI,MAAO,OAAM,MAAM,KAAK,MAAM,KAAK,CAAC;AACxC,WAAO,MAAM,QAAQ,QAAQ,MAAM,KAAK,UAAU,MAAM,SAAS,QAAQ,EAAE,UAAU,MAAM,CAAC,CAAC,CAAC,CAAC;AAAA,EACjG;AACF,CAAC;",
+  "sourcesContent": ["import { dir } from '../def.js';\n\n/**\n * Saves matching signals to localStorage (`__session` for sessionStorage) and restores them on\n * mount. `persist:key` sets the storage key; the value is an optional `{ include, exclude }` filter.\n * Declare defaults with `signals:x__ifmissing` so restored values are not overwritten.\n */\nexport const persist = dir('persist', 0, ({ key, value, evaluate, store, effect }) => {\n  const name = key || 'sigmx';\n  const filter = value ? evaluate() : undefined;\n  try {\n    const saved = localStorage.getItem(name);\n    if (saved) store.merge(JSON.parse(saved));\n  } catch {} // corrupted or blocked storage: start from the declared defaults\n  effect(() => {\n    try {\n      localStorage.setItem(name, JSON.stringify(store.snapshot(filter, { computed: false })));\n    } catch {} // quota exceeded or storage disabled: keep working in memory\n  });\n});\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAOb,MAAM,UAAU,IAAI,WAAW,GAAG,CAAC,EAAE,KAAK,OAAO,UAAU,OAAO,OAAO,MAAM;AACpF,QAAM,OAAO,OAAO;AACpB,QAAM,SAAS,QAAQ,SAAS,IAAI;AACpC,MAAI;AACF,UAAM,QAAQ,aAAa,QAAQ,IAAI;AACvC,QAAI,MAAO,OAAM,MAAM,KAAK,MAAM,KAAK,CAAC;AAAA,EAC1C,QAAQ;AAAA,EAAC;AACT,SAAO,MAAM;AACX,QAAI;AACF,mBAAa,QAAQ,MAAM,KAAK,UAAU,MAAM,SAAS,QAAQ,EAAE,UAAU,MAAM,CAAC,CAAC,CAAC;AAAA,IACxF,QAAQ;AAAA,IAAC;AAAA,EACX,CAAC;AACH,CAAC;",
   "names": []
 }

package/dist/plugins/directives/teleport.js

@@ -1,17 +1,11 @@
-import { attribute } from "../../kernel/index.js";
-const teleport = attribute({
-  name: "teleport",
-  key: "forbidden",
-  value: "required",
-  mount({ el, value, mods, error }) {
-    const target = document.querySelector(value);
-    if (!target) throw error(`no element matches "${value}"`);
-    if (el.parentElement === target) return;
-    const before = mods.has("prepend") ? target.firstChild : null;
-    const t = target;
-    if (t.moveBefore) t.moveBefore(el, before);
-    else target.insertBefore(el, before);
-  }
+import { dir } from "../def.js";
+const teleport = dir("teleport", 38, ({ el, evaluate, error }) => {
+  const selector = String(evaluate());
+  const target = document.querySelector(selector);
+  if (!target) throw error(`no element matches "${selector}"`);
+  if (el.parentElement === target) return;
+  const t = target;
+  (t.moveBefore ?? t.insertBefore).call(t, el, null);
 });
 export {
   teleport

package/dist/plugins/directives/teleport.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/teleport.ts"],
-  "sourcesContent": ["import { attribute } from '../../kernel/index.js'\n\n/**\n * Moves the element to another place in the document: `teleport=\"body\"` (a selector).\n * `__prepend` inserts at the start. The element and its signals keep working where it lands.\n */\nexport const teleport = attribute({\n  name: 'teleport',\n  key: 'forbidden',\n  value: 'required',\n  mount({ el, value, mods, error }) {\n    const target = document.querySelector(value)\n    if (!target) throw error(`no element matches \"${value}\"`)\n    if (el.parentElement === target) return\n    const before = mods.has('prepend') ? target.firstChild : null\n    const t = target as Node & { moveBefore?: (n: Node, b: Node | null) => void }\n    // `moveBefore` keeps state and avoids an unmount/remount; fall back to a plain move.\n    if (t.moveBefore) t.moveBefore(el, before)\n    else target.insertBefore(el, before)\n  },\n})\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAMnB,MAAM,WAAW,UAAU;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM,EAAE,IAAI,OAAO,MAAM,MAAM,GAAG;AAChC,UAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,QAAI,CAAC,OAAQ,OAAM,MAAM,uBAAuB,KAAK,GAAG;AACxD,QAAI,GAAG,kBAAkB,OAAQ;AACjC,UAAM,SAAS,KAAK,IAAI,SAAS,IAAI,OAAO,aAAa;AACzD,UAAM,IAAI;AAEV,QAAI,EAAE,WAAY,GAAE,WAAW,IAAI,MAAM;AAAA,QACpC,QAAO,aAAa,IAAI,MAAM;AAAA,EACrC;AACF,CAAC;",
+  "sourcesContent": ["import { dir } from '../def.js';\n\n/**\n * Moves the element to another place in the document: `teleport=\"body\"` (a selector).\n * `__prepend` inserts at the start. The element and its signals keep working where it lands.\n */\nexport const teleport = dir('teleport', 38, ({ el, evaluate, error }) => {\n  const selector = String(evaluate()); // a literal selector, or an expression with `__dynamic`\n  const target = document.querySelector(selector);\n  if (!target) throw error(`no element matches \"${selector}\"`);\n  if (el.parentElement === target) return;\n  const t = target as Node & { moveBefore?: (n: Node, b: Node | null) => void };\n  // `moveBefore` keeps state and avoids an unmount/remount; fall back to a plain move.\n  (t.moveBefore ?? t.insertBefore).call(t, el, null);\n});\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAMb,MAAM,WAAW,IAAI,YAAY,IAAI,CAAC,EAAE,IAAI,UAAU,MAAM,MAAM;AACvE,QAAM,WAAW,OAAO,SAAS,CAAC;AAClC,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,MAAI,CAAC,OAAQ,OAAM,MAAM,uBAAuB,QAAQ,GAAG;AAC3D,MAAI,GAAG,kBAAkB,OAAQ;AACjC,QAAM,IAAI;AAEV,GAAC,EAAE,cAAc,EAAE,cAAc,KAAK,GAAG,IAAI,IAAI;AACnD,CAAC;",
   "names": []
 }

package/dist/plugins/directives/text-content.js

@@ -1,12 +1,11 @@
-import { attribute } from "../../kernel/index.js";
-const text = attribute({
-  name: "text",
-  key: "forbidden",
-  value: "required",
-  mount: ({ el, evaluate, effect }) => effect(() => {
+import { dir } from "../def.js";
+const text = dir(
+  "text",
+  6,
+  ({ el, evaluate, effect }) => effect(() => {
     el.textContent = String(evaluate() ?? "");
   })
-});
+);
 export {
   text
 };