sigmx 0.1.1 → 0.2.0

package/dist/lib/sse.d.ts

@@ -4,6 +4,16 @@ export type ServerEvent = {
     id?: string;
     retry?: number;
 };
+type StreamState = {
+    id?: string;
+    retry?: number;
+};
+/**
+ * Parse one blank-line-delimited block of `field: value` lines (the SSE wire format). `id` and
+ * `retry` persist in `state` across blocks; comments start with `:`. Undefined without data lines.
+ */
+export declare const parseBlock: (block: string, state?: StreamState) => ServerEvent | undefined;
 export declare const readEvents: (body: ReadableStream<Uint8Array>, onEvent: (e: ServerEvent) => void) => Promise<void>;
 /** Event payloads: each data line is `key value`; repeated keys join with newlines. */
 export declare const parseFields: (data: string) => Record<string, string>;
+export {};

package/dist/lib/sse.js

@@ -1,42 +1,44 @@
-const readEvents = async (body, onEvent) => {
-  const reader = body.getReader();
-  const decoder = new TextDecoder();
-  let buffer = "";
+const parseBlock = (block, state = {}) => {
   let event = "";
-  let data = [];
-  let id;
-  let retry;
-  const flush = () => {
-    if (data.length) onEvent({ event: event || "message", data: data.join("\n"), id, retry });
-    event = "";
-    data = [];
-  };
-  const line = (l) => {
-    if (!l) return flush();
-    if (l[0] === ":") return;
+  const data = [];
+  for (const l of block.split(/\r?\n/)) {
     const c = l.indexOf(":");
+    if (!c) continue;
     const field = c < 0 ? l : l.slice(0, c);
-    let v = c < 0 ? "" : l.slice(c + 1);
-    if (v[0] === " ") v = v.slice(1);
+    const v = (c < 0 ? "" : l.slice(c + 1)).replace(/^ /, "");
     if (field === "event") event = v;
     else if (field === "data") data.push(v);
-    else if (field === "id") id = v;
-    else if (field === "retry" && /^\d+$/.test(v)) retry = +v;
+    else if (field === "id") state.id = v;
+    else if (field === "retry" && /^\d+$/.test(v)) state.retry = +v;
+  }
+  if (data.length) return { event: event || "message", data: data.join("\n"), id: state.id, retry: state.retry };
+};
+const readEvents = async (body, onEvent) => {
+  const reader = body.getReader();
+  const decoder = new TextDecoder();
+  const state = {};
+  let buffer = "";
+  let scan = 0;
+  const dispatch = (block) => {
+    const e = parseBlock(block, state);
+    if (e) onEvent(e);
   };
   for (; ; ) {
     const { value, done } = await reader.read();
-    if (done) break;
-    buffer += decoder.decode(value, { stream: true });
-    for (; ; ) {
-      const i = buffer.search(/\r\n|\r|\n/);
-      if (i < 0) break;
-      const l = buffer.slice(0, i);
-      buffer = buffer.slice(i + (buffer[i] === "\r" && buffer[i + 1] === "\n" ? 2 : 1));
-      line(l);
+    buffer += decoder.decode(value, { stream: !done });
+    const sep = /\r?\n\r?\n/g;
+    sep.lastIndex = scan;
+    for (let m = sep.exec(buffer); m; m = sep.exec(buffer)) {
+      dispatch(buffer.slice(0, m.index));
+      buffer = buffer.slice(m.index + m[0].length);
+      sep.lastIndex = 0;
+    }
+    scan = Math.max(0, buffer.length - 3);
+    if (done) {
+      dispatch(buffer);
+      break;
     }
   }
-  if (buffer) line(buffer);
-  flush();
 };
 const parseFields = (data) => {
   const out = {};
@@ -50,6 +52,7 @@ ${v}` : v;
   return out;
 };
 export {
+  parseBlock,
   parseFields,
   readEvents
 };

package/dist/lib/sse.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/lib/sse.ts"],
-  "sourcesContent": ["export type ServerEvent = { event: string; data: string; id?: string; retry?: number };\n\nexport const readEvents = async (\n  body: ReadableStream<Uint8Array>,\n  onEvent: (e: ServerEvent) => void,\n): Promise<void> => {\n  const reader = body.getReader();\n  const decoder = new TextDecoder();\n  let buffer = '';\n  let event = '';\n  let data: string[] = [];\n  let id: string | undefined;\n  let retry: number | undefined;\n  const flush = () => {\n    if (data.length) onEvent({ event: event || 'message', data: data.join('\\n'), id, retry });\n    event = '';\n    data = [];\n  };\n  const line = (l: string) => {\n    if (!l) return flush();\n    if (l[0] === ':') return;\n    const c = l.indexOf(':');\n    const field = c < 0 ? l : l.slice(0, c);\n    let v = c < 0 ? '' : l.slice(c + 1);\n    if (v[0] === ' ') v = v.slice(1);\n    if (field === 'event') event = v;\n    else if (field === 'data') data.push(v);\n    else if (field === 'id') id = v;\n    else if (field === 'retry' && /^\\d+$/.test(v)) retry = +v;\n  };\n  for (;;) {\n    const { value, done } = await reader.read();\n    if (done) break;\n    buffer += decoder.decode(value, { stream: true });\n    for (;;) {\n      const i = buffer.search(/\\r\\n|\\r|\\n/);\n      if (i < 0) break;\n      const l = buffer.slice(0, i);\n      buffer = buffer.slice(i + (buffer[i] === '\\r' && buffer[i + 1] === '\\n' ? 2 : 1));\n      line(l);\n    }\n  }\n  if (buffer) line(buffer);\n  flush();\n};\n\n/** Event payloads: each data line is `key value`; repeated keys join with newlines. */\nexport const parseFields = (data: string): Record<string, string> => {\n  const out: Record<string, string> = {};\n  for (const l of data.split('\\n')) {\n    const i = l.indexOf(' ');\n    const k = i < 0 ? l : l.slice(0, i);\n    const v = i < 0 ? '' : l.slice(i + 1);\n    out[k] = k in out ? `${out[k]}\\n${v}` : v;\n  }\n  return out;\n};\n"],
-  "mappings": "AAEO,MAAM,aAAa,OACxB,MACA,YACkB;AAClB,QAAM,SAAS,KAAK,UAAU;AAC9B,QAAM,UAAU,IAAI,YAAY;AAChC,MAAI,SAAS;AACb,MAAI,QAAQ;AACZ,MAAI,OAAiB,CAAC;AACtB,MAAI;AACJ,MAAI;AACJ,QAAM,QAAQ,MAAM;AAClB,QAAI,KAAK,OAAQ,SAAQ,EAAE,OAAO,SAAS,WAAW,MAAM,KAAK,KAAK,IAAI,GAAG,IAAI,MAAM,CAAC;AACxF,YAAQ;AACR,WAAO,CAAC;AAAA,EACV;AACA,QAAM,OAAO,CAAC,MAAc;AAC1B,QAAI,CAAC,EAAG,QAAO,MAAM;AACrB,QAAI,EAAE,CAAC,MAAM,IAAK;AAClB,UAAM,IAAI,EAAE,QAAQ,GAAG;AACvB,UAAM,QAAQ,IAAI,IAAI,IAAI,EAAE,MAAM,GAAG,CAAC;AACtC,QAAI,IAAI,IAAI,IAAI,KAAK,EAAE,MAAM,IAAI,CAAC;AAClC,QAAI,EAAE,CAAC,MAAM,IAAK,KAAI,EAAE,MAAM,CAAC;AAC/B,QAAI,UAAU,QAAS,SAAQ;AAAA,aACtB,UAAU,OAAQ,MAAK,KAAK,CAAC;AAAA,aAC7B,UAAU,KAAM,MAAK;AAAA,aACrB,UAAU,WAAW,QAAQ,KAAK,CAAC,EAAG,SAAQ,CAAC;AAAA,EAC1D;AACA,aAAS;AACP,UAAM,EAAE,OAAO,KAAK,IAAI,MAAM,OAAO,KAAK;AAC1C,QAAI,KAAM;AACV,cAAU,QAAQ,OAAO,OAAO,EAAE,QAAQ,KAAK,CAAC;AAChD,eAAS;AACP,YAAM,IAAI,OAAO,OAAO,YAAY;AACpC,UAAI,IAAI,EAAG;AACX,YAAM,IAAI,OAAO,MAAM,GAAG,CAAC;AAC3B,eAAS,OAAO,MAAM,KAAK,OAAO,CAAC,MAAM,QAAQ,OAAO,IAAI,CAAC,MAAM,OAAO,IAAI,EAAE;AAChF,WAAK,CAAC;AAAA,IACR;AAAA,EACF;AACA,MAAI,OAAQ,MAAK,MAAM;AACvB,QAAM;AACR;AAGO,MAAM,cAAc,CAAC,SAAyC;AACnE,QAAM,MAA8B,CAAC;AACrC,aAAW,KAAK,KAAK,MAAM,IAAI,GAAG;AAChC,UAAM,IAAI,EAAE,QAAQ,GAAG;AACvB,UAAM,IAAI,IAAI,IAAI,IAAI,EAAE,MAAM,GAAG,CAAC;AAClC,UAAM,IAAI,IAAI,IAAI,KAAK,EAAE,MAAM,IAAI,CAAC;AACpC,QAAI,CAAC,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,CAAC;AAAA,EAAK,CAAC,KAAK;AAAA,EAC1C;AACA,SAAO;AACT;",
+  "sourcesContent": ["export type ServerEvent = { event: string; data: string; id?: string; retry?: number };\ntype StreamState = { id?: string; retry?: number };\n\n/**\n * Parse one blank-line-delimited block of `field: value` lines (the SSE wire format). `id` and\n * `retry` persist in `state` across blocks; comments start with `:`. Undefined without data lines.\n */\nexport const parseBlock = (block: string, state: StreamState = {}): ServerEvent | undefined => {\n  let event = '';\n  const data: string[] = [];\n  for (const l of block.split(/\\r?\\n/)) {\n    const c = l.indexOf(':');\n    if (!c) continue;\n    const field = c < 0 ? l : l.slice(0, c);\n    const v = (c < 0 ? '' : l.slice(c + 1)).replace(/^ /, '');\n    if (field === 'event') event = v;\n    else if (field === 'data') data.push(v);\n    else if (field === 'id') state.id = v;\n    else if (field === 'retry' && /^\\d+$/.test(v)) state.retry = +v;\n  }\n  if (data.length) return { event: event || 'message', data: data.join('\\n'), id: state.id, retry: state.retry };\n};\n\nexport const readEvents = async (\n  body: ReadableStream<Uint8Array>,\n  onEvent: (e: ServerEvent) => void,\n): Promise<void> => {\n  const reader = body.getReader();\n  const decoder = new TextDecoder();\n  const state: StreamState = {};\n  let buffer = '';\n  let scan = 0; // where the next separator search starts: no rescanning of a large partial event\n  const dispatch = (block: string) => {\n    const e = parseBlock(block, state);\n    if (e) onEvent(e);\n  };\n  for (;;) {\n    const { value, done } = await reader.read();\n    buffer += decoder.decode(value, { stream: !done });\n    const sep = /\\r?\\n\\r?\\n/g;\n    sep.lastIndex = scan;\n    for (let m = sep.exec(buffer); m; m = sep.exec(buffer)) {\n      dispatch(buffer.slice(0, m.index));\n      buffer = buffer.slice(m.index + m[0].length);\n      sep.lastIndex = 0;\n    }\n    scan = Math.max(0, buffer.length - 3);\n    if (done) {\n      dispatch(buffer);\n      break;\n    }\n  }\n};\n\n/** Event payloads: each data line is `key value`; repeated keys join with newlines. */\nexport const parseFields = (data: string): Record<string, string> => {\n  const out: Record<string, string> = {};\n  for (const l of data.split('\\n')) {\n    const i = l.indexOf(' ');\n    const k = i < 0 ? l : l.slice(0, i);\n    const v = i < 0 ? '' : l.slice(i + 1);\n    out[k] = k in out ? `${out[k]}\\n${v}` : v;\n  }\n  return out;\n};\n"],
+  "mappings": "AAOO,MAAM,aAAa,CAAC,OAAe,QAAqB,CAAC,MAA+B;AAC7F,MAAI,QAAQ;AACZ,QAAM,OAAiB,CAAC;AACxB,aAAW,KAAK,MAAM,MAAM,OAAO,GAAG;AACpC,UAAM,IAAI,EAAE,QAAQ,GAAG;AACvB,QAAI,CAAC,EAAG;AACR,UAAM,QAAQ,IAAI,IAAI,IAAI,EAAE,MAAM,GAAG,CAAC;AACtC,UAAM,KAAK,IAAI,IAAI,KAAK,EAAE,MAAM,IAAI,CAAC,GAAG,QAAQ,MAAM,EAAE;AACxD,QAAI,UAAU,QAAS,SAAQ;AAAA,aACtB,UAAU,OAAQ,MAAK,KAAK,CAAC;AAAA,aAC7B,UAAU,KAAM,OAAM,KAAK;AAAA,aAC3B,UAAU,WAAW,QAAQ,KAAK,CAAC,EAAG,OAAM,QAAQ,CAAC;AAAA,EAChE;AACA,MAAI,KAAK,OAAQ,QAAO,EAAE,OAAO,SAAS,WAAW,MAAM,KAAK,KAAK,IAAI,GAAG,IAAI,MAAM,IAAI,OAAO,MAAM,MAAM;AAC/G;AAEO,MAAM,aAAa,OACxB,MACA,YACkB;AAClB,QAAM,SAAS,KAAK,UAAU;AAC9B,QAAM,UAAU,IAAI,YAAY;AAChC,QAAM,QAAqB,CAAC;AAC5B,MAAI,SAAS;AACb,MAAI,OAAO;AACX,QAAM,WAAW,CAAC,UAAkB;AAClC,UAAM,IAAI,WAAW,OAAO,KAAK;AACjC,QAAI,EAAG,SAAQ,CAAC;AAAA,EAClB;AACA,aAAS;AACP,UAAM,EAAE,OAAO,KAAK,IAAI,MAAM,OAAO,KAAK;AAC1C,cAAU,QAAQ,OAAO,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC;AACjD,UAAM,MAAM;AACZ,QAAI,YAAY;AAChB,aAAS,IAAI,IAAI,KAAK,MAAM,GAAG,GAAG,IAAI,IAAI,KAAK,MAAM,GAAG;AACtD,eAAS,OAAO,MAAM,GAAG,EAAE,KAAK,CAAC;AACjC,eAAS,OAAO,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM;AAC3C,UAAI,YAAY;AAAA,IAClB;AACA,WAAO,KAAK,IAAI,GAAG,OAAO,SAAS,CAAC;AACpC,QAAI,MAAM;AACR,eAAS,MAAM;AACf;AAAA,IACF;AAAA,EACF;AACF;AAGO,MAAM,cAAc,CAAC,SAAyC;AACnE,QAAM,MAA8B,CAAC;AACrC,aAAW,KAAK,KAAK,MAAM,IAAI,GAAG;AAChC,UAAM,IAAI,EAAE,QAAQ,GAAG;AACvB,UAAM,IAAI,IAAI,IAAI,IAAI,EAAE,MAAM,GAAG,CAAC;AAClC,UAAM,IAAI,IAAI,IAAI,KAAK,EAAE,MAAM,IAAI,CAAC;AACpC,QAAI,CAAC,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,CAAC;AAAA,EAAK,CAAC,KAAK;AAAA,EAC1C;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/plugins/def.d.ts

@@ -0,0 +1,5 @@
+import type { ActionPlugin, AttributePlugin, HandlerPlugin } from '../kernel/contracts.js';
+/** Flags: 1 key required, 2 key forbidden, 4 value required, 8 value forbidden, 32 the value is a literal (`__dynamic` opts into an expression). */
+export declare const dir: (name: string, flags: number, mount: AttributePlugin["mount"], args?: string[]) => AttributePlugin;
+export declare const act: (name: string, call: ActionPlugin["call"]) => ActionPlugin;
+export declare const srv: (name: string, handle: HandlerPlugin["handle"]) => HandlerPlugin;

package/dist/plugins/def.js

@@ -0,0 +1,22 @@
+const rule = (flags, required, forbidden) => flags & required ? "required" : flags & forbidden ? "forbidden" : void 0;
+const dir = (name, flags, mount, args) => ({
+  type: "attribute",
+  name,
+  key: rule(flags, 1, 2),
+  value: rule(flags, 4, 8),
+  literal: !!(flags & 32),
+  args,
+  mount
+});
+const act = (name, call) => ({ type: "action", name, call });
+const srv = (name, handle) => ({
+  type: "handler",
+  name,
+  handle
+});
+export {
+  act,
+  dir,
+  srv
+};
+//# sourceMappingURL=def.js.map

package/dist/plugins/def.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/plugins/def.ts"],
+  "sourcesContent": ["// Compact constructors for the built-in plugins. They build the same objects as `attribute()`,\n// `action()` and `handler()` from the kernel; the numeric flags keep the bundle small.\nimport type { ActionPlugin, AttributePlugin, HandlerPlugin } from '../kernel/contracts.js';\n\ntype Rule = 'required' | 'forbidden' | undefined;\nconst rule = (flags: number, required: number, forbidden: number): Rule =>\n  flags & required ? 'required' : flags & forbidden ? 'forbidden' : undefined;\n\n/** Flags: 1 key required, 2 key forbidden, 4 value required, 8 value forbidden, 32 the value is a literal (`__dynamic` opts into an expression). */\nexport const dir = (\n  name: string,\n  flags: number,\n  mount: AttributePlugin['mount'],\n  args?: string[],\n): AttributePlugin => ({\n  type: 'attribute',\n  name,\n  key: rule(flags, 1, 2),\n  value: rule(flags, 4, 8),\n  literal: !!(flags & 32),\n  args,\n  mount,\n});\nexport const act = (name: string, call: ActionPlugin['call']): ActionPlugin => ({ type: 'action', name, call });\nexport const srv = (name: string, handle: HandlerPlugin['handle']): HandlerPlugin => ({\n  type: 'handler',\n  name,\n  handle,\n});\n"],
+  "mappings": "AAKA,MAAM,OAAO,CAAC,OAAe,UAAkB,cAC7C,QAAQ,WAAW,aAAa,QAAQ,YAAY,cAAc;AAG7D,MAAM,MAAM,CACjB,MACA,OACA,OACA,UACqB;AAAA,EACrB,MAAM;AAAA,EACN;AAAA,EACA,KAAK,KAAK,OAAO,GAAG,CAAC;AAAA,EACrB,OAAO,KAAK,OAAO,GAAG,CAAC;AAAA,EACvB,SAAS,CAAC,EAAE,QAAQ;AAAA,EACpB;AAAA,EACA;AACF;AACO,MAAM,MAAM,CAAC,MAAc,UAA8C,EAAE,MAAM,UAAU,MAAM,KAAK;AACtG,MAAM,MAAM,CAAC,MAAc,YAAoD;AAAA,EACpF,MAAM;AAAA,EACN;AAAA,EACA;AACF;",
+  "names": []
+}

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

@@ -1,18 +1,14 @@
-import { attribute } from "../../kernel/index.js";
+import { dir } from "../def.js";
 const put = (el, name, v) => {
   if (v === false || v == null) el.removeAttribute(name);
-  else el.setAttribute(name, v === true ? "" : typeof v === "object" ? JSON.stringify(v) : String(v));
+  else el.setAttribute(name, v === true ? "" : String(v));
 };
-const attr = attribute({
-  name: "attr",
-  value: "required",
-  mount({ el, key, cased, evaluate, effect }) {
-    effect(() => {
-      if (key) return put(el, cased("kebab"), evaluate());
-      const map = evaluate();
-      for (const k in map) put(el, k, map[k]);
-    });
-  }
+const attr = dir("attr", 4, ({ el, key, cased, evaluate, effect }) => {
+  effect(() => {
+    if (key) return put(el, cased("kebab"), evaluate());
+    const map = evaluate();
+    for (const k in map) put(el, k, map[k]);
+  });
 });
 export {
   attr

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/attribute-sync.ts"],
-  "sourcesContent": ["import { attribute } from '../../kernel/index.js';\n\nconst put = (el: Element, name: string, v: unknown) => {\n  if (v === false || v == null) el.removeAttribute(name);\n  else el.setAttribute(name, v === true ? '' : typeof v === 'object' ? JSON.stringify(v) : String(v));\n};\n\n/** `attr:title=\"expr\"` or `attr=\"{ title: expr }\"`. true \u2192 present, false/null \u2192 removed. */\nexport const attr = attribute({\n  name: 'attr',\n  value: 'required',\n  mount({ el, key, cased, evaluate, effect }) {\n    effect(() => {\n      if (key) return put(el, cased('kebab'), evaluate());\n      const map = evaluate();\n      for (const k in map) put(el, k, map[k]);\n    });\n  },\n});\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAE1B,MAAM,MAAM,CAAC,IAAa,MAAc,MAAe;AACrD,MAAI,MAAM,SAAS,KAAK,KAAM,IAAG,gBAAgB,IAAI;AAAA,MAChD,IAAG,aAAa,MAAM,MAAM,OAAO,KAAK,OAAO,MAAM,WAAW,KAAK,UAAU,CAAC,IAAI,OAAO,CAAC,CAAC;AACpG;AAGO,MAAM,OAAO,UAAU;AAAA,EAC5B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM,EAAE,IAAI,KAAK,OAAO,UAAU,OAAO,GAAG;AAC1C,WAAO,MAAM;AACX,UAAI,IAAK,QAAO,IAAI,IAAI,MAAM,OAAO,GAAG,SAAS,CAAC;AAClD,YAAM,MAAM,SAAS;AACrB,iBAAW,KAAK,IAAK,KAAI,IAAI,GAAG,IAAI,CAAC,CAAC;AAAA,IACxC,CAAC;AAAA,EACH;AACF,CAAC;",
+  "sourcesContent": ["import { dir } from '../def.js';\n\nconst put = (el: Element, name: string, v: unknown) => {\n  if (v === false || v == null) el.removeAttribute(name);\n  else el.setAttribute(name, v === true ? '' : String(v));\n};\n\n/** `attr:title=\"expr\"` or `attr=\"{ title: expr }\"`. true \u2192 present, false/null \u2192 removed. */\nexport const attr = dir('attr', 4, ({ el, key, cased, evaluate, effect }) => {\n  effect(() => {\n    if (key) return put(el, cased('kebab'), evaluate());\n    const map = evaluate();\n    for (const k in map) put(el, k, map[k]);\n  });\n});\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAEpB,MAAM,MAAM,CAAC,IAAa,MAAc,MAAe;AACrD,MAAI,MAAM,SAAS,KAAK,KAAM,IAAG,gBAAgB,IAAI;AAAA,MAChD,IAAG,aAAa,MAAM,MAAM,OAAO,KAAK,OAAO,CAAC,CAAC;AACxD;AAGO,MAAM,OAAO,IAAI,QAAQ,GAAG,CAAC,EAAE,IAAI,KAAK,OAAO,UAAU,OAAO,MAAM;AAC3E,SAAO,MAAM;AACX,QAAI,IAAK,QAAO,IAAI,IAAI,MAAM,OAAO,GAAG,SAAS,CAAC;AAClD,UAAM,MAAM,SAAS;AACrB,eAAW,KAAK,IAAK,KAAI,IAAI,GAAG,IAAI,CAAC,CAAC;AAAA,EACxC,CAAC;AACH,CAAC;",
   "names": []
 }

package/dist/plugins/directives/boost.d.ts

@@ -1,6 +1,6 @@
 /**
  * Turns same-origin links and forms inside the element into requests whose full-document response
  * is morphed into the current page, with history entries: `boost` on a container (or `body`).
- * Needs `httpGet`, `httpPost` and `applyElements`. `__replace` replaces the history entry instead.
+ * Needs `httpGet`, `httpPost` and `applyElements`.
  */
 export declare const boost: import("../../kernel/contracts.js").AttributePlugin;

package/dist/plugins/directives/boost.js

@@ -1,34 +1,37 @@
-import { attribute } from "../../kernel/index.js";
-const boost = attribute({
-  name: "boost",
-  key: "forbidden",
-  value: "forbidden",
-  mount({ el, mods, store, runtime, listen, error, cleanup }) {
-    const ctx = { el, store, runtime, error, cleanup };
-    const go = (url, method = "get", evt, form) => {
-      const o = form ? { contentType: "form", selector: void 0, openWhenHidden: true } : { openWhenHidden: true };
-      const p = runtime.call(method, { ...ctx, el: form ?? el, evt }, [url, o]);
-      history[mods.has("replace") ? "replaceState" : "pushState"](null, "", url);
-      Promise.resolve(p).then(() => scrollTo(0, 0));
-    };
-    listen(el, "click", (e) => {
-      const a = e.target.closest("a[href]");
-      if (!a || e.defaultPrevented || e.button || e.metaKey || e.ctrlKey || e.shiftKey || a.target || a.hasAttribute("download"))
-        return;
-      if (a.origin !== location.origin || a.hash && a.pathname === location.pathname) return;
-      e.preventDefault();
-      go(a.href, "get", e);
-    });
-    listen(el, "submit", (e) => {
-      const form = e.target;
-      if (e.defaultPrevented || form.target) return;
-      const url = new URL(form.action || location.href);
-      if (url.origin !== location.origin) return;
-      e.preventDefault();
-      go(url.href, form.method.toLowerCase() === "post" ? "post" : "get", e, form);
-    });
-    listen(window, "popstate", () => runtime.call("get", ctx, [location.href, { openWhenHidden: true }]));
-  }
+import { dir } from "../def.js";
+const boost = dir("boost", 10, ({ el, store, runtime, listen, error, cleanup, report }) => {
+  const ctx = { el, store, runtime, error, cleanup, report };
+  let current = location.pathname + location.search;
+  const go = (url, method, evt, form) => {
+    evt.preventDefault();
+    const p = runtime.call(method, { ...ctx, el: form ?? el, evt }, [url.href, { contentType: form && "form" }]);
+    Promise.resolve(p).then((r) => {
+      const next = new URL(r && (r.redirected || form && method === "get") ? r.url : url.href);
+      current = next.pathname + next.search;
+      history.pushState(null, "", next.href);
+      const target = next.hash && document.querySelector(next.hash);
+      target ? target.scrollIntoView() : scrollTo(0, 0);
+    }, report);
+  };
+  listen(el, "click", (e) => {
+    const a = e.target.closest("a[href]");
+    if (a && !(e.defaultPrevented || e.button || e.metaKey || e.ctrlKey || e.shiftKey || a.target) && !a.hasAttribute("download") && a.origin === location.origin && !(a.hash && a.pathname === location.pathname && a.search === location.search))
+      go(new URL(a.href), "get", e);
+  });
+  listen(el, "submit", (e) => {
+    const form = e.target;
+    const attr = (name) => e.submitter?.getAttribute(`form${name}`) ?? form.getAttribute(name);
+    const method = (attr("method") ?? "get").toLowerCase();
+    const url = new URL(attr("action") || location.href, location.href);
+    if (!e.defaultPrevented && !form.target && method !== "dialog" && url.origin === location.origin)
+      go(url, method === "post" ? "post" : "get", e, form);
+  });
+  listen(window, "popstate", () => {
+    const now = location.pathname + location.search;
+    if (now === current) return;
+    current = now;
+    Promise.resolve(runtime.call("get", ctx, [location.href, {}])).then(void 0, report);
+  });
 });
 export {
   boost

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/boost.ts"],
-  "sourcesContent": ["import { type ActionCtx, attribute } from '../../kernel/index.js';\n\n/**\n * Turns same-origin links and forms inside the element into requests whose full-document response\n * is morphed into the current page, with history entries: `boost` on a container (or `body`).\n * Needs `httpGet`, `httpPost` and `applyElements`. `__replace` replaces the history entry instead.\n */\nexport const boost = attribute({\n  name: 'boost',\n  key: 'forbidden',\n  value: 'forbidden',\n  mount({ el, mods, store, runtime, listen, error, cleanup }) {\n    const ctx: ActionCtx = { el, store, runtime, error, cleanup };\n    const go = (url: string, method = 'get', evt?: Event, form?: HTMLFormElement) => {\n      const o = form ? { contentType: 'form', selector: undefined, openWhenHidden: true } : { openWhenHidden: true };\n      const p = runtime.call(method, { ...ctx, el: form ?? el, evt }, [url, o]);\n      history[mods.has('replace') ? 'replaceState' : 'pushState'](null, '', url);\n      Promise.resolve(p).then(() => scrollTo(0, 0));\n    };\n    listen(el, 'click', (e: MouseEvent) => {\n      const a = (e.target as Element).closest('a[href]') as HTMLAnchorElement | null;\n      if (\n        !a ||\n        e.defaultPrevented ||\n        e.button ||\n        e.metaKey ||\n        e.ctrlKey ||\n        e.shiftKey ||\n        a.target ||\n        a.hasAttribute('download')\n      )\n        return;\n      if (a.origin !== location.origin || (a.hash && a.pathname === location.pathname)) return;\n      e.preventDefault();\n      go(a.href, 'get', e);\n    });\n    listen(el, 'submit', (e: SubmitEvent) => {\n      const form = e.target as HTMLFormElement;\n      if (e.defaultPrevented || form.target) return;\n      const url = new URL(form.action || location.href);\n      if (url.origin !== location.origin) return;\n      e.preventDefault();\n      go(url.href, form.method.toLowerCase() === 'post' ? 'post' : 'get', e, form);\n    });\n    listen(window, 'popstate', () => runtime.call('get', ctx, [location.href, { openWhenHidden: true }]));\n  },\n});\n"],
-  "mappings": "AAAA,SAAyB,iBAAiB;AAOnC,MAAM,QAAQ,UAAU;AAAA,EAC7B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM,EAAE,IAAI,MAAM,OAAO,SAAS,QAAQ,OAAO,QAAQ,GAAG;AAC1D,UAAM,MAAiB,EAAE,IAAI,OAAO,SAAS,OAAO,QAAQ;AAC5D,UAAM,KAAK,CAAC,KAAa,SAAS,OAAO,KAAa,SAA2B;AAC/E,YAAM,IAAI,OAAO,EAAE,aAAa,QAAQ,UAAU,QAAW,gBAAgB,KAAK,IAAI,EAAE,gBAAgB,KAAK;AAC7G,YAAM,IAAI,QAAQ,KAAK,QAAQ,EAAE,GAAG,KAAK,IAAI,QAAQ,IAAI,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;AACxE,cAAQ,KAAK,IAAI,SAAS,IAAI,iBAAiB,WAAW,EAAE,MAAM,IAAI,GAAG;AACzE,cAAQ,QAAQ,CAAC,EAAE,KAAK,MAAM,SAAS,GAAG,CAAC,CAAC;AAAA,IAC9C;AACA,WAAO,IAAI,SAAS,CAAC,MAAkB;AACrC,YAAM,IAAK,EAAE,OAAmB,QAAQ,SAAS;AACjD,UACE,CAAC,KACD,EAAE,oBACF,EAAE,UACF,EAAE,WACF,EAAE,WACF,EAAE,YACF,EAAE,UACF,EAAE,aAAa,UAAU;AAEzB;AACF,UAAI,EAAE,WAAW,SAAS,UAAW,EAAE,QAAQ,EAAE,aAAa,SAAS,SAAW;AAClF,QAAE,eAAe;AACjB,SAAG,EAAE,MAAM,OAAO,CAAC;AAAA,IACrB,CAAC;AACD,WAAO,IAAI,UAAU,CAAC,MAAmB;AACvC,YAAM,OAAO,EAAE;AACf,UAAI,EAAE,oBAAoB,KAAK,OAAQ;AACvC,YAAM,MAAM,IAAI,IAAI,KAAK,UAAU,SAAS,IAAI;AAChD,UAAI,IAAI,WAAW,SAAS,OAAQ;AACpC,QAAE,eAAe;AACjB,SAAG,IAAI,MAAM,KAAK,OAAO,YAAY,MAAM,SAAS,SAAS,OAAO,GAAG,IAAI;AAAA,IAC7E,CAAC;AACD,WAAO,QAAQ,YAAY,MAAM,QAAQ,KAAK,OAAO,KAAK,CAAC,SAAS,MAAM,EAAE,gBAAgB,KAAK,CAAC,CAAC,CAAC;AAAA,EACtG;AACF,CAAC;",
+  "sourcesContent": ["import type { ActionCtx } from '../../kernel/index.js';\nimport { dir } from '../def.js';\n\n/**\n * Turns same-origin links and forms inside the element into requests whose full-document response\n * is morphed into the current page, with history entries: `boost` on a container (or `body`).\n * Needs `httpGet`, `httpPost` and `applyElements`.\n */\nexport const boost = dir('boost', 10, ({ el, store, runtime, listen, error, cleanup, report }) => {\n  const ctx: ActionCtx = { el, store, runtime, error, cleanup, report };\n  let current = location.pathname + location.search;\n  const go = (url: URL, method: string, evt: Event, form?: HTMLFormElement) => {\n    evt.preventDefault();\n    const p = runtime.call(method, { ...ctx, el: form ?? el, evt }, [url.href, { contentType: form && 'form' }]);\n    Promise.resolve(p).then((r) => {\n      // The address becomes the final URL: redirects are followed, GET forms carry their fields.\n      const next = new URL(r && (r.redirected || (form && method === 'get')) ? r.url : url.href);\n      current = next.pathname + next.search;\n      history.pushState(null, '', next.href);\n      const target = next.hash && document.querySelector(next.hash);\n      target ? target.scrollIntoView() : scrollTo(0, 0);\n    }, report);\n  };\n  listen(el, 'click', (e: MouseEvent) => {\n    const a = (e.target as Element).closest('a[href]') as HTMLAnchorElement | null;\n    if (\n      a &&\n      !(e.defaultPrevented || e.button || e.metaKey || e.ctrlKey || e.shiftKey || a.target) &&\n      !a.hasAttribute('download') &&\n      a.origin === location.origin &&\n      !(a.hash && a.pathname === location.pathname && a.search === location.search)\n    )\n      go(new URL(a.href), 'get', e);\n  });\n  listen(el, 'submit', (e: SubmitEvent) => {\n    const form = e.target as HTMLFormElement;\n    // Attributes, not properties: an <input name=\"action\"> shadows form.action; the submitter may override.\n    const attr = (name: string) => e.submitter?.getAttribute(`form${name}`) ?? form.getAttribute(name);\n    const method = (attr('method') ?? 'get').toLowerCase();\n    const url = new URL(attr('action') || location.href, location.href);\n    if (!e.defaultPrevented && !form.target && method !== 'dialog' && url.origin === location.origin)\n      go(url, method === 'post' ? 'post' : 'get', e, form);\n  });\n  listen(window, 'popstate', () => {\n    const now = location.pathname + location.search;\n    if (now === current) return; // a hash change: nothing to fetch\n    current = now;\n    Promise.resolve(runtime.call('get', ctx, [location.href, {}])).then(undefined, report);\n  });\n});\n"],
+  "mappings": "AACA,SAAS,WAAW;AAOb,MAAM,QAAQ,IAAI,SAAS,IAAI,CAAC,EAAE,IAAI,OAAO,SAAS,QAAQ,OAAO,SAAS,OAAO,MAAM;AAChG,QAAM,MAAiB,EAAE,IAAI,OAAO,SAAS,OAAO,SAAS,OAAO;AACpE,MAAI,UAAU,SAAS,WAAW,SAAS;AAC3C,QAAM,KAAK,CAAC,KAAU,QAAgB,KAAY,SAA2B;AAC3E,QAAI,eAAe;AACnB,UAAM,IAAI,QAAQ,KAAK,QAAQ,EAAE,GAAG,KAAK,IAAI,QAAQ,IAAI,IAAI,GAAG,CAAC,IAAI,MAAM,EAAE,aAAa,QAAQ,OAAO,CAAC,CAAC;AAC3G,YAAQ,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM;AAE7B,YAAM,OAAO,IAAI,IAAI,MAAM,EAAE,cAAe,QAAQ,WAAW,SAAU,EAAE,MAAM,IAAI,IAAI;AACzF,gBAAU,KAAK,WAAW,KAAK;AAC/B,cAAQ,UAAU,MAAM,IAAI,KAAK,IAAI;AACrC,YAAM,SAAS,KAAK,QAAQ,SAAS,cAAc,KAAK,IAAI;AAC5D,eAAS,OAAO,eAAe,IAAI,SAAS,GAAG,CAAC;AAAA,IAClD,GAAG,MAAM;AAAA,EACX;AACA,SAAO,IAAI,SAAS,CAAC,MAAkB;AACrC,UAAM,IAAK,EAAE,OAAmB,QAAQ,SAAS;AACjD,QACE,KACA,EAAE,EAAE,oBAAoB,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,WAC9E,CAAC,EAAE,aAAa,UAAU,KAC1B,EAAE,WAAW,SAAS,UACtB,EAAE,EAAE,QAAQ,EAAE,aAAa,SAAS,YAAY,EAAE,WAAW,SAAS;AAEtE,SAAG,IAAI,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;AAAA,EAChC,CAAC;AACD,SAAO,IAAI,UAAU,CAAC,MAAmB;AACvC,UAAM,OAAO,EAAE;AAEf,UAAM,OAAO,CAAC,SAAiB,EAAE,WAAW,aAAa,OAAO,IAAI,EAAE,KAAK,KAAK,aAAa,IAAI;AACjG,UAAM,UAAU,KAAK,QAAQ,KAAK,OAAO,YAAY;AACrD,UAAM,MAAM,IAAI,IAAI,KAAK,QAAQ,KAAK,SAAS,MAAM,SAAS,IAAI;AAClE,QAAI,CAAC,EAAE,oBAAoB,CAAC,KAAK,UAAU,WAAW,YAAY,IAAI,WAAW,SAAS;AACxF,SAAG,KAAK,WAAW,SAAS,SAAS,OAAO,GAAG,IAAI;AAAA,EACvD,CAAC;AACD,SAAO,QAAQ,YAAY,MAAM;AAC/B,UAAM,MAAM,SAAS,WAAW,SAAS;AACzC,QAAI,QAAQ,QAAS;AACrB,cAAU;AACV,YAAQ,QAAQ,QAAQ,KAAK,OAAO,KAAK,CAAC,SAAS,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,QAAW,MAAM;AAAA,EACvF,CAAC;AACH,CAAC;",
   "names": []
 }

package/dist/plugins/directives/busy-flag.js

@@ -1,19 +1,16 @@
-import { attribute } from "../../kernel/index.js";
-const indicator = attribute({
-  name: "indicator",
-  mount({ el, key, value, cased, store, listen }) {
-    const path = key ? cased() : value.trim();
-    const mine = /* @__PURE__ */ new Set();
-    store.set(path, false);
-    listen(document, "sigmx-fetch", (e) => {
-      const { el: from, type, rid } = e.detail;
-      if (type === "started" && (from === el || el.contains(from))) mine.add(rid);
-      else if (type === "finished") mine.delete(rid);
-      else return;
-      store.set(path, mine.size > 0);
-    });
-    return () => store.set(path, false);
-  }
+import { dir } from "../def.js";
+const indicator = dir("indicator", 0, ({ el, key, value, cased, store, listen }) => {
+  const path = key ? cased() : value.trim();
+  const mine = /* @__PURE__ */ new Set();
+  store.set(path, false);
+  listen(document, "sigmx-fetch", (e) => {
+    const { el: from, type, rid } = e.detail;
+    if (type === "started" && el.contains(from)) mine.add(rid);
+    else if (type === "finished") mine.delete(rid);
+    else return;
+    store.set(path, mine.size > 0);
+  });
+  return () => store.set(path, false);
 });
 export {
   indicator

package/dist/plugins/directives/busy-flag.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/busy-flag.ts"],
-  "sourcesContent": ["import { attribute } from '../../kernel/index.js';\n\n/** A boolean signal that is true while a request started from this element (or one inside it) is in flight. */\nexport const indicator = attribute({\n  name: 'indicator',\n  mount({ el, key, value, cased, store, listen }) {\n    const path = key ? cased() : value.trim();\n    // Requests are remembered by id at `started`, because the element that made one may have been\n    // morphed away by the time it finishes.\n    const mine = new Set<number>();\n    store.set(path, false);\n    listen(document, 'sigmx-fetch', (e: CustomEvent<{ el: Element; type: string; rid: number }>) => {\n      const { el: from, type, rid } = e.detail;\n      if (type === 'started' && (from === el || el.contains(from))) mine.add(rid);\n      else if (type === 'finished') mine.delete(rid);\n      else return;\n      store.set(path, mine.size > 0);\n    });\n    return () => store.set(path, false);\n  },\n});\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,MAAM,YAAY,UAAU;AAAA,EACjC,MAAM;AAAA,EACN,MAAM,EAAE,IAAI,KAAK,OAAO,OAAO,OAAO,OAAO,GAAG;AAC9C,UAAM,OAAO,MAAM,MAAM,IAAI,MAAM,KAAK;AAGxC,UAAM,OAAO,oBAAI,IAAY;AAC7B,UAAM,IAAI,MAAM,KAAK;AACrB,WAAO,UAAU,eAAe,CAAC,MAA+D;AAC9F,YAAM,EAAE,IAAI,MAAM,MAAM,IAAI,IAAI,EAAE;AAClC,UAAI,SAAS,cAAc,SAAS,MAAM,GAAG,SAAS,IAAI,GAAI,MAAK,IAAI,GAAG;AAAA,eACjE,SAAS,WAAY,MAAK,OAAO,GAAG;AAAA,UACxC;AACL,YAAM,IAAI,MAAM,KAAK,OAAO,CAAC;AAAA,IAC/B,CAAC;AACD,WAAO,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,EACpC;AACF,CAAC;",
+  "sourcesContent": ["import { dir } from '../def.js';\n\n/** A boolean signal that is true while a request started from this element (or one inside it) is in flight. */\nexport const indicator = dir('indicator', 0, ({ el, key, value, cased, store, listen }) => {\n  const path = key ? cased() : value.trim();\n  // Requests are remembered by id at `started`, because the element that made one may have been\n  // morphed away by the time it finishes.\n  const mine = new Set<number>();\n  store.set(path, false);\n  listen(document, 'sigmx-fetch', (e: CustomEvent<{ el: Element; type: string; rid: number }>) => {\n    const { el: from, type, rid } = e.detail;\n    if (type === 'started' && el.contains(from)) mine.add(rid);\n    else if (type === 'finished') mine.delete(rid);\n    else return;\n    store.set(path, mine.size > 0);\n  });\n  return () => store.set(path, false);\n});\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAGb,MAAM,YAAY,IAAI,aAAa,GAAG,CAAC,EAAE,IAAI,KAAK,OAAO,OAAO,OAAO,OAAO,MAAM;AACzF,QAAM,OAAO,MAAM,MAAM,IAAI,MAAM,KAAK;AAGxC,QAAM,OAAO,oBAAI,IAAY;AAC7B,QAAM,IAAI,MAAM,KAAK;AACrB,SAAO,UAAU,eAAe,CAAC,MAA+D;AAC9F,UAAM,EAAE,IAAI,MAAM,MAAM,IAAI,IAAI,EAAE;AAClC,QAAI,SAAS,aAAa,GAAG,SAAS,IAAI,EAAG,MAAK,IAAI,GAAG;AAAA,aAChD,SAAS,WAAY,MAAK,OAAO,GAAG;AAAA,QACxC;AACL,UAAM,IAAI,MAAM,KAAK,OAAO,CAAC;AAAA,EAC/B,CAAC;AACD,SAAO,MAAM,MAAM,IAAI,MAAM,KAAK;AACpC,CAAC;",
   "names": []
 }

package/dist/plugins/directives/class-toggle.js

@@ -1,20 +1,21 @@
-import { attribute } from "../../kernel/index.js";
-const className = attribute({
-  name: "class",
-  value: "required",
-  mount({ el, key, cased, evaluate, effect }) {
-    const applied = /* @__PURE__ */ new Set();
-    effect(() => {
-      const map = key ? { [cased("kebab")]: evaluate() } : evaluate();
-      for (const k in map) {
-        for (const name of k.split(/\s+/).filter(Boolean)) {
-          el.classList.toggle(name, !!map[k]);
-          map[k] ? applied.add(name) : applied.delete(name);
-        }
+import { dir } from "../def.js";
+const className = dir("class", 4, ({ el, key, cased, evaluate, effect }) => {
+  const applied = /* @__PURE__ */ new Set();
+  effect(() => {
+    const map = key ? { [cased("kebab")]: evaluate() } : evaluate();
+    const seen = /* @__PURE__ */ new Set();
+    for (const k in map) {
+      for (const name of k.split(/\s+/).filter(Boolean)) {
+        seen.add(name);
+        if (map[k]) {
+          if (!el.classList.contains(name)) applied.add(name);
+          el.classList.add(name);
+        } else if (applied.delete(name)) el.classList.remove(name);
       }
-    });
-    return () => el.classList.remove(...applied);
-  }
+    }
+    for (const name of applied) if (!seen.has(name) && applied.delete(name)) el.classList.remove(name);
+  });
+  return () => el.classList.remove(...applied);
 });
 export {
   className

package/dist/plugins/directives/class-toggle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/class-toggle.ts"],
-  "sourcesContent": ["import { attribute } from '../../kernel/index.js';\n\n/** `class:active=\"expr\"` or `class=\"{ active: expr, 'a b': expr }\"`. */\nexport const className = attribute({\n  name: 'class',\n  value: 'required',\n  mount({ el, key, cased, evaluate, effect }) {\n    const applied = new Set<string>();\n    effect(() => {\n      const map: Record<string, unknown> = key ? { [cased('kebab')]: evaluate() } : evaluate();\n      for (const k in map) {\n        for (const name of k.split(/\\s+/).filter(Boolean)) {\n          el.classList.toggle(name, !!map[k]);\n          map[k] ? applied.add(name) : applied.delete(name);\n        }\n      }\n    });\n    return () => el.classList.remove(...applied);\n  },\n});\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,MAAM,YAAY,UAAU;AAAA,EACjC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM,EAAE,IAAI,KAAK,OAAO,UAAU,OAAO,GAAG;AAC1C,UAAM,UAAU,oBAAI,IAAY;AAChC,WAAO,MAAM;AACX,YAAM,MAA+B,MAAM,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS,EAAE,IAAI,SAAS;AACvF,iBAAW,KAAK,KAAK;AACnB,mBAAW,QAAQ,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO,GAAG;AACjD,aAAG,UAAU,OAAO,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;AAClC,cAAI,CAAC,IAAI,QAAQ,IAAI,IAAI,IAAI,QAAQ,OAAO,IAAI;AAAA,QAClD;AAAA,MACF;AAAA,IACF,CAAC;AACD,WAAO,MAAM,GAAG,UAAU,OAAO,GAAG,OAAO;AAAA,EAC7C;AACF,CAAC;",
+  "sourcesContent": ["import { dir } from '../def.js';\n\n/** `class:active=\"expr\"` or `class=\"{ active: expr, 'a b': expr }\"`. */\nexport const className = dir('class', 4, ({ el, key, cased, evaluate, effect }) => {\n  const applied = new Set<string>(); // classes this directive turned on (and that were not already there)\n  effect(() => {\n    const map: Record<string, unknown> = key ? { [cased('kebab')]: evaluate() } : evaluate();\n    const seen = new Set<string>();\n    for (const k in map) {\n      for (const name of k.split(/\\s+/).filter(Boolean)) {\n        seen.add(name);\n        if (map[k]) {\n          if (!el.classList.contains(name)) applied.add(name);\n          el.classList.add(name);\n        } else if (applied.delete(name)) el.classList.remove(name);\n      }\n    }\n    for (const name of applied) if (!seen.has(name) && applied.delete(name)) el.classList.remove(name); // key gone from the object\n  });\n  return () => el.classList.remove(...applied);\n});\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAGb,MAAM,YAAY,IAAI,SAAS,GAAG,CAAC,EAAE,IAAI,KAAK,OAAO,UAAU,OAAO,MAAM;AACjF,QAAM,UAAU,oBAAI,IAAY;AAChC,SAAO,MAAM;AACX,UAAM,MAA+B,MAAM,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS,EAAE,IAAI,SAAS;AACvF,UAAM,OAAO,oBAAI,IAAY;AAC7B,eAAW,KAAK,KAAK;AACnB,iBAAW,QAAQ,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO,GAAG;AACjD,aAAK,IAAI,IAAI;AACb,YAAI,IAAI,CAAC,GAAG;AACV,cAAI,CAAC,GAAG,UAAU,SAAS,IAAI,EAAG,SAAQ,IAAI,IAAI;AAClD,aAAG,UAAU,IAAI,IAAI;AAAA,QACvB,WAAW,QAAQ,OAAO,IAAI,EAAG,IAAG,UAAU,OAAO,IAAI;AAAA,MAC3D;AAAA,IACF;AACA,eAAW,QAAQ,QAAS,KAAI,CAAC,KAAK,IAAI,IAAI,KAAK,QAAQ,OAAO,IAAI,EAAG,IAAG,UAAU,OAAO,IAAI;AAAA,EACnG,CAAC;AACD,SAAO,MAAM,GAAG,UAAU,OAAO,GAAG,OAAO;AAC7C,CAAC;",
   "names": []
 }

package/dist/plugins/directives/cloak.js

@@ -1,10 +1,5 @@
-import { attribute } from "../../kernel/index.js";
-const cloak = attribute({
-  name: "cloak",
-  key: "forbidden",
-  value: "forbidden",
-  mount: ({ el, attr }) => el.removeAttribute(attr)
-});
+import { dir } from "../def.js";
+const cloak = dir("cloak", 10, ({ el, attr }) => el.removeAttribute(attr));
 export {
   cloak
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/cloak.ts"],
-  "sourcesContent": ["import { attribute } from '../../kernel/index.js';\n\n/**\n * Removed as soon as the element mounts. Pair it with CSS that hides cloaked markup until then:\n * `[data-cloak] { display: none !important }`.\n */\nexport const cloak = attribute({\n  name: 'cloak',\n  key: 'forbidden',\n  value: 'forbidden',\n  mount: ({ el, attr }) => el.removeAttribute(attr),\n});\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAMnB,MAAM,QAAQ,UAAU;AAAA,EAC7B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO,CAAC,EAAE,IAAI,KAAK,MAAM,GAAG,gBAAgB,IAAI;AAClD,CAAC;",
+  "sourcesContent": ["import { dir } from '../def.js';\n\n/**\n * Removed as soon as the element mounts. Pair it with CSS that hides cloaked markup until then:\n * `[data-cloak] { display: none !important }`.\n */\nexport const cloak = dir('cloak', 10, ({ el, attr }) => el.removeAttribute(attr));\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAMb,MAAM,QAAQ,IAAI,SAAS,IAAI,CAAC,EAAE,IAAI,KAAK,MAAM,GAAG,gBAAgB,IAAI,CAAC;",
   "names": []
 }

package/dist/plugins/directives/collapse.js

@@ -1,40 +1,39 @@
-import { attribute, toMs } from "../../kernel/index.js";
-const collapse = attribute({
-  name: "collapse",
-  key: "forbidden",
-  value: "required",
-  mount({ el, mods, evaluate, effect, cleanup }) {
-    const style = el.style;
-    const ms = toMs(mods.get("duration"), 250);
-    const min = mods.get("min")?.[0] ?? "0px";
-    const instant = matchMedia("(prefers-reduced-motion: reduce)").matches;
-    let timer;
-    let first = true;
-    let last;
-    const settle = (open) => {
-      style.transition = "";
-      style.overflow = open ? "" : "hidden";
-      style.height = open ? "" : min;
-    };
-    effect(() => {
-      const open = !!evaluate();
-      if (open === last) return;
-      last = open;
-      clearTimeout(timer);
-      if (first || instant) {
-        first = false;
-        return settle(open);
-      }
-      const from = `${el.getBoundingClientRect().height}px`;
-      style.overflow = "hidden";
-      style.height = open ? min : from;
-      void el.getBoundingClientRect();
-      style.transition = `height ${ms}ms ease`;
-      style.height = open ? `${el.scrollHeight}px` : min;
-      timer = setTimeout(() => settle(open), ms + 20);
-    });
-    cleanup(() => clearTimeout(timer));
-  }
+import { toMs } from "../../kernel/index.js";
+import { dir } from "../def.js";
+const collapse = dir("collapse", 6, ({ el, mods, evaluate, effect, cleanup }) => {
+  const style = el.style;
+  const ms = toMs(mods.get("duration"), 250);
+  const instant = matchMedia("(prefers-reduced-motion: reduce)").matches;
+  const own = [style.height, style.overflow, style.transition];
+  let timer;
+  let first = true;
+  let last;
+  const settle = (open) => {
+    style.transition = "";
+    style.overflow = open ? "" : "hidden";
+    style.height = open ? "" : "0px";
+  };
+  effect(() => {
+    const open = !!evaluate();
+    if (open === last) return;
+    last = open;
+    clearTimeout(timer);
+    if (first || instant) {
+      first = false;
+      return settle(open);
+    }
+    const from = `${el.getBoundingClientRect().height}px`;
+    style.overflow = "hidden";
+    style.height = open ? "0px" : from;
+    void el.getBoundingClientRect();
+    style.transition = `height ${ms}ms ease`;
+    style.height = open ? `${el.scrollHeight}px` : "0px";
+    timer = setTimeout(() => settle(open), ms + 20);
+  });
+  cleanup(() => {
+    clearTimeout(timer);
+    [style.height, style.overflow, style.transition] = own;
+  });
 });
 export {
   collapse

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/collapse.ts"],
-  "sourcesContent": ["import { attribute, toMs } from '../../kernel/index.js';\n\n/**\n * Animates the element's height open and closed: `collapse=\"$open\"`.\n * Modifiers: `__duration.250ms`, `__min.40px` (collapsed height, default 0).\n */\nexport const collapse = attribute({\n  name: 'collapse',\n  key: 'forbidden',\n  value: 'required',\n  mount({ el, mods, evaluate, effect, cleanup }) {\n    const style = (el as HTMLElement).style;\n    const ms = toMs(mods.get('duration'), 250);\n    const min = mods.get('min')?.[0] ?? '0px';\n    const instant = matchMedia('(prefers-reduced-motion: reduce)').matches;\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    let first = true;\n    let last: boolean | undefined;\n    const settle = (open: boolean) => {\n      style.transition = '';\n      style.overflow = open ? '' : 'hidden';\n      style.height = open ? '' : min;\n    };\n    effect(() => {\n      const open = !!evaluate();\n      if (open === last) return;\n      last = open;\n      clearTimeout(timer);\n      if (first || instant) {\n        first = false;\n        return settle(open);\n      }\n      const from = `${el.getBoundingClientRect().height}px`;\n      style.overflow = 'hidden';\n      style.height = open ? min : from;\n      void el.getBoundingClientRect(); // commit the start height before transitioning\n      style.transition = `height ${ms}ms ease`;\n      style.height = open ? `${el.scrollHeight}px` : min;\n      timer = setTimeout(() => settle(open), ms + 20);\n    });\n    cleanup(() => clearTimeout(timer));\n  },\n});\n"],
-  "mappings": "AAAA,SAAS,WAAW,YAAY;AAMzB,MAAM,WAAW,UAAU;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM,EAAE,IAAI,MAAM,UAAU,QAAQ,QAAQ,GAAG;AAC7C,UAAM,QAAS,GAAmB;AAClC,UAAM,KAAK,KAAK,KAAK,IAAI,UAAU,GAAG,GAAG;AACzC,UAAM,MAAM,KAAK,IAAI,KAAK,IAAI,CAAC,KAAK;AACpC,UAAM,UAAU,WAAW,kCAAkC,EAAE;AAC/D,QAAI;AACJ,QAAI,QAAQ;AACZ,QAAI;AACJ,UAAM,SAAS,CAAC,SAAkB;AAChC,YAAM,aAAa;AACnB,YAAM,WAAW,OAAO,KAAK;AAC7B,YAAM,SAAS,OAAO,KAAK;AAAA,IAC7B;AACA,WAAO,MAAM;AACX,YAAM,OAAO,CAAC,CAAC,SAAS;AACxB,UAAI,SAAS,KAAM;AACnB,aAAO;AACP,mBAAa,KAAK;AAClB,UAAI,SAAS,SAAS;AACpB,gBAAQ;AACR,eAAO,OAAO,IAAI;AAAA,MACpB;AACA,YAAM,OAAO,GAAG,GAAG,sBAAsB,EAAE,MAAM;AACjD,YAAM,WAAW;AACjB,YAAM,SAAS,OAAO,MAAM;AAC5B,WAAK,GAAG,sBAAsB;AAC9B,YAAM,aAAa,UAAU,EAAE;AAC/B,YAAM,SAAS,OAAO,GAAG,GAAG,YAAY,OAAO;AAC/C,cAAQ,WAAW,MAAM,OAAO,IAAI,GAAG,KAAK,EAAE;AAAA,IAChD,CAAC;AACD,YAAQ,MAAM,aAAa,KAAK,CAAC;AAAA,EACnC;AACF,CAAC;",
+  "sourcesContent": ["import { toMs } from '../../kernel/index.js';\nimport { dir } from '../def.js';\n\n/**\n * Animates the element's height open and closed: `collapse=\"$open\"`.\n * Modifiers: `__duration.250ms`, `__min.40px` (collapsed height, default 0).\n */\nexport const collapse = dir('collapse', 6, ({ el, mods, evaluate, effect, cleanup }) => {\n  const style = (el as HTMLElement).style;\n  const ms = toMs(mods.get('duration'), 250);\n  const instant = matchMedia('(prefers-reduced-motion: reduce)').matches;\n  const own = [style.height, style.overflow, style.transition];\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  let first = true;\n  let last: boolean | undefined;\n  const settle = (open: boolean) => {\n    style.transition = '';\n    style.overflow = open ? '' : 'hidden';\n    style.height = open ? '' : '0px';\n  };\n  effect(() => {\n    const open = !!evaluate();\n    if (open === last) return;\n    last = open;\n    clearTimeout(timer);\n    if (first || instant) {\n      first = false;\n      return settle(open);\n    }\n    const from = `${el.getBoundingClientRect().height}px`;\n    style.overflow = 'hidden';\n    style.height = open ? '0px' : from;\n    void el.getBoundingClientRect(); // commit the start height before transitioning\n    style.transition = `height ${ms}ms ease`;\n    style.height = open ? `${el.scrollHeight}px` : '0px';\n    timer = setTimeout(() => settle(open), ms + 20);\n  });\n  cleanup(() => {\n    clearTimeout(timer);\n    [style.height, style.overflow, style.transition] = own;\n  });\n});\n"],
+  "mappings": "AAAA,SAAS,YAAY;AACrB,SAAS,WAAW;AAMb,MAAM,WAAW,IAAI,YAAY,GAAG,CAAC,EAAE,IAAI,MAAM,UAAU,QAAQ,QAAQ,MAAM;AACtF,QAAM,QAAS,GAAmB;AAClC,QAAM,KAAK,KAAK,KAAK,IAAI,UAAU,GAAG,GAAG;AACzC,QAAM,UAAU,WAAW,kCAAkC,EAAE;AAC/D,QAAM,MAAM,CAAC,MAAM,QAAQ,MAAM,UAAU,MAAM,UAAU;AAC3D,MAAI;AACJ,MAAI,QAAQ;AACZ,MAAI;AACJ,QAAM,SAAS,CAAC,SAAkB;AAChC,UAAM,aAAa;AACnB,UAAM,WAAW,OAAO,KAAK;AAC7B,UAAM,SAAS,OAAO,KAAK;AAAA,EAC7B;AACA,SAAO,MAAM;AACX,UAAM,OAAO,CAAC,CAAC,SAAS;AACxB,QAAI,SAAS,KAAM;AACnB,WAAO;AACP,iBAAa,KAAK;AAClB,QAAI,SAAS,SAAS;AACpB,cAAQ;AACR,aAAO,OAAO,IAAI;AAAA,IACpB;AACA,UAAM,OAAO,GAAG,GAAG,sBAAsB,EAAE,MAAM;AACjD,UAAM,WAAW;AACjB,UAAM,SAAS,OAAO,QAAQ;AAC9B,SAAK,GAAG,sBAAsB;AAC9B,UAAM,aAAa,UAAU,EAAE;AAC/B,UAAM,SAAS,OAAO,GAAG,GAAG,YAAY,OAAO;AAC/C,YAAQ,WAAW,MAAM,OAAO,IAAI,GAAG,KAAK,EAAE;AAAA,EAChD,CAAC;AACD,UAAQ,MAAM;AACZ,iBAAa,KAAK;AAClB,KAAC,MAAM,QAAQ,MAAM,UAAU,MAAM,UAAU,IAAI;AAAA,EACrD,CAAC;AACH,CAAC;",
   "names": []
 }

package/dist/plugins/directives/declare.js

@@ -1,11 +1,8 @@
-import { attribute, expand } from "../../kernel/index.js";
-const signals = attribute({
-  name: "signals",
-  value: "required",
-  mount({ key, cased, evaluate, store, mods }) {
-    const v = evaluate();
-    store.merge(key ? expand({}, cased(), v) : v, { ifMissing: mods.has("ifmissing") });
-  }
+import { expand } from "../../kernel/index.js";
+import { dir } from "../def.js";
+const signals = dir("signals", 4, ({ key, cased, evaluate, store, mods }) => {
+  const v = evaluate();
+  store.merge(key ? expand({}, cased(), v) : v, { ifMissing: mods.has("ifmissing") });
 });
 export {
   signals