sigmx 0.1.1 → 0.2.0

package/dist/plugins/functions/websocket.js

@@ -1,28 +1,17 @@
-import { action } from "../../kernel/index.js";
-const websocket = action({
-  name: "ws",
-  call({ el, runtime, cleanup }, url, o = {}) {
+import { parseBlock, parseFields } from "../../lib/sse.js";
+import { act } from "../def.js";
+const websocket = act(
+  "ws",
+  ({ el, runtime, cleanup }, url, o = {}) => {
     const socket = new WebSocket(new URL(url, location.href.replace(/^http/, "ws")), o.protocols);
     socket.onmessage = (m) => {
-      for (const block of String(m.data).split(/\n\n+/)) {
-        let event = "message";
-        const data = {};
-        for (const line of block.split("\n")) {
-          const i = line.indexOf(":");
-          if (i < 0) continue;
-          const field = line.slice(0, i);
-          const v = line.slice(i + 1).trimStart();
-          if (field === "event") event = v;
-          else if (field === "data") {
-            const j = v.indexOf(" ");
-            const k = j < 0 ? v : v.slice(0, j);
-            const val = j < 0 ? "" : v.slice(j + 1);
-            data[k] = k in data ? `${data[k]}
-${val}` : val;
-          }
-        }
-        runtime.emit("server-event", { el, event, data });
-        runtime.handle(event, data);
+      if (typeof m.data !== "string") return;
+      for (const block of m.data.split(/(?:\r?\n){2,}/)) {
+        const e = parseBlock(block);
+        if (!e) continue;
+        const data = parseFields(e.data);
+        runtime.emit("server-event", { el, event: e.event, data });
+        runtime.handle(e.event, data);
       }
     };
     cleanup(() => socket.close());
@@ -32,7 +21,7 @@ ${val}` : val;
       socket
     };
   }
-});
+);
 export {
   websocket
 };

package/dist/plugins/functions/websocket.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/functions/websocket.ts"],
-  "sourcesContent": ["import { action } from '../../kernel/index.js';\n\nexport type Socket = { send(data: unknown): void; close(): void; readonly socket: WebSocket };\n\n/**\n * `@ws('/live')` opens a WebSocket and routes incoming messages like a server event stream: text\n * blocks of `event: name` and `data: key value` lines, separated by blank lines. Returns\n * `{ send, close, socket }`; `send` JSON-encodes objects. The socket closes when the element unmounts.\n */\nexport const websocket = action({\n  name: 'ws',\n  call({ el, runtime, cleanup }, url: string, o: { protocols?: string | string[] } = {}): Socket {\n    const socket = new WebSocket(new URL(url, location.href.replace(/^http/, 'ws')), o.protocols);\n    socket.onmessage = (m) => {\n      for (const block of String(m.data).split(/\\n\\n+/)) {\n        let event = 'message';\n        const data: Record<string, string> = {};\n        for (const line of block.split('\\n')) {\n          const i = line.indexOf(':');\n          if (i < 0) continue;\n          const field = line.slice(0, i);\n          const v = line.slice(i + 1).trimStart();\n          if (field === 'event') event = v;\n          else if (field === 'data') {\n            const j = v.indexOf(' ');\n            const k = j < 0 ? v : v.slice(0, j);\n            const val = j < 0 ? '' : v.slice(j + 1);\n            data[k] = k in data ? `${data[k]}\\n${val}` : val;\n          }\n        }\n        runtime.emit('server-event', { el, event, data });\n        runtime.handle(event, data);\n      }\n    };\n    cleanup(() => socket.close());\n    return {\n      send: (d) => socket.send(typeof d === 'string' ? d : JSON.stringify(d)),\n      close: () => socket.close(),\n      socket,\n    };\n  },\n});\n"],
-  "mappings": "AAAA,SAAS,cAAc;AAShB,MAAM,YAAY,OAAO;AAAA,EAC9B,MAAM;AAAA,EACN,KAAK,EAAE,IAAI,SAAS,QAAQ,GAAG,KAAa,IAAuC,CAAC,GAAW;AAC7F,UAAM,SAAS,IAAI,UAAU,IAAI,IAAI,KAAK,SAAS,KAAK,QAAQ,SAAS,IAAI,CAAC,GAAG,EAAE,SAAS;AAC5F,WAAO,YAAY,CAAC,MAAM;AACxB,iBAAW,SAAS,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,GAAG;AACjD,YAAI,QAAQ;AACZ,cAAM,OAA+B,CAAC;AACtC,mBAAW,QAAQ,MAAM,MAAM,IAAI,GAAG;AACpC,gBAAM,IAAI,KAAK,QAAQ,GAAG;AAC1B,cAAI,IAAI,EAAG;AACX,gBAAM,QAAQ,KAAK,MAAM,GAAG,CAAC;AAC7B,gBAAM,IAAI,KAAK,MAAM,IAAI,CAAC,EAAE,UAAU;AACtC,cAAI,UAAU,QAAS,SAAQ;AAAA,mBACtB,UAAU,QAAQ;AACzB,kBAAM,IAAI,EAAE,QAAQ,GAAG;AACvB,kBAAM,IAAI,IAAI,IAAI,IAAI,EAAE,MAAM,GAAG,CAAC;AAClC,kBAAM,MAAM,IAAI,IAAI,KAAK,EAAE,MAAM,IAAI,CAAC;AACtC,iBAAK,CAAC,IAAI,KAAK,OAAO,GAAG,KAAK,CAAC,CAAC;AAAA,EAAK,GAAG,KAAK;AAAA,UAC/C;AAAA,QACF;AACA,gBAAQ,KAAK,gBAAgB,EAAE,IAAI,OAAO,KAAK,CAAC;AAChD,gBAAQ,OAAO,OAAO,IAAI;AAAA,MAC5B;AAAA,IACF;AACA,YAAQ,MAAM,OAAO,MAAM,CAAC;AAC5B,WAAO;AAAA,MACL,MAAM,CAAC,MAAM,OAAO,KAAK,OAAO,MAAM,WAAW,IAAI,KAAK,UAAU,CAAC,CAAC;AAAA,MACtE,OAAO,MAAM,OAAO,MAAM;AAAA,MAC1B;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "sourcesContent": ["import { parseBlock, parseFields } from '../../lib/sse.js';\nimport { act } from '../def.js';\n\nexport type Socket = { send(data: unknown): void; close(): void; readonly socket: WebSocket };\n\n/**\n * `@ws(url, { protocols })` opens a WebSocket whose messages use the server-event wire format\n * (`event <name>` and `data <key> <value>` lines, blank-line separated) and routes them to the\n * same handlers as fetched streams. Returns `{ send, close, socket }`; closed when the element unmounts.\n */\nexport const websocket = act(\n  'ws',\n  ({ el, runtime, cleanup }, url: string, o: { protocols?: string | string[] } = {}): Socket => {\n    const socket = new WebSocket(new URL(url, location.href.replace(/^http/, 'ws')), o.protocols);\n    socket.onmessage = (m) => {\n      if (typeof m.data !== 'string') return; // binary frames are not server events\n      for (const block of m.data.split(/(?:\\r?\\n){2,}/)) {\n        const e = parseBlock(block);\n        if (!e) continue;\n        const data = parseFields(e.data);\n        runtime.emit('server-event', { el, event: e.event, data });\n        runtime.handle(e.event, data);\n      }\n    };\n    cleanup(() => socket.close());\n    return {\n      send: (d) => socket.send(typeof d === 'string' ? d : JSON.stringify(d)),\n      close: () => socket.close(),\n      socket,\n    };\n  },\n);\n"],
+  "mappings": "AAAA,SAAS,YAAY,mBAAmB;AACxC,SAAS,WAAW;AASb,MAAM,YAAY;AAAA,EACvB;AAAA,EACA,CAAC,EAAE,IAAI,SAAS,QAAQ,GAAG,KAAa,IAAuC,CAAC,MAAc;AAC5F,UAAM,SAAS,IAAI,UAAU,IAAI,IAAI,KAAK,SAAS,KAAK,QAAQ,SAAS,IAAI,CAAC,GAAG,EAAE,SAAS;AAC5F,WAAO,YAAY,CAAC,MAAM;AACxB,UAAI,OAAO,EAAE,SAAS,SAAU;AAChC,iBAAW,SAAS,EAAE,KAAK,MAAM,eAAe,GAAG;AACjD,cAAM,IAAI,WAAW,KAAK;AAC1B,YAAI,CAAC,EAAG;AACR,cAAM,OAAO,YAAY,EAAE,IAAI;AAC/B,gBAAQ,KAAK,gBAAgB,EAAE,IAAI,OAAO,EAAE,OAAO,KAAK,CAAC;AACzD,gBAAQ,OAAO,EAAE,OAAO,IAAI;AAAA,MAC9B;AAAA,IACF;AACA,YAAQ,MAAM,OAAO,MAAM,CAAC;AAC5B,WAAO;AAAA,MACL,MAAM,CAAC,MAAM,OAAO,KAAK,OAAO,MAAM,WAAW,IAAI,KAAK,UAAU,CAAC,CAAC;AAAA,MACtE,OAAO,MAAM,OAAO,MAAM;AAAA,MAC1B;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/plugins/index.d.ts

@@ -24,8 +24,6 @@ export { teleport } from './directives/teleport.js';
 export { text } from './directives/text-content.js';
 export { onInterval } from './directives/timer.js';
 export { transition } from './directives/transition.js';
-export { viewTransition } from './directives/transition-name.js';
-export { trap } from './directives/trap.js';
 export { animate } from './directives/tween.js';
 export { bind } from './directives/two-way-bind.js';
 export { queryString } from './directives/url-params.js';

package/dist/plugins/index.js

@@ -24,8 +24,6 @@ import { teleport } from "./directives/teleport.js";
 import { text } from "./directives/text-content.js";
 import { onInterval } from "./directives/timer.js";
 import { transition } from "./directives/transition.js";
-import { viewTransition } from "./directives/transition-name.js";
-import { trap } from "./directives/trap.js";
 import { animate } from "./directives/tween.js";
 import { bind } from "./directives/two-way-bind.js";
 import { queryString } from "./directives/url-params.js";
@@ -101,8 +99,6 @@ export {
   text,
   toggleAll,
   transition,
-  trap,
-  viewTransition,
   websocket
 };
 //# sourceMappingURL=index.js.map

package/dist/plugins/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/plugins/index.ts"],
-  "sourcesContent": ["export { attr } from './directives/attribute-sync.js';\nexport { boost } from './directives/boost.js';\nexport { indicator } from './directives/busy-flag.js';\nexport { className } from './directives/class-toggle.js';\nexport { cloak } from './directives/cloak.js';\nexport { collapse } from './directives/collapse.js';\nexport { signals } from './directives/declare.js';\nexport { computed } from './directives/derive.js';\nexport { ref } from './directives/element-ref.js';\nexport { on } from './directives/event-listener.js';\nexport { onRaf } from './directives/frame-loop.js';\nexport { html } from './directives/html.js';\nexport { style } from './directives/inline-style.js';\nexport { applyMask, mask } from './directives/mask.js';\nexport { matchMedia } from './directives/media-query.js';\nexport { init } from './directives/on-mount.js';\nexport { onSignalPatch } from './directives/patch-listener.js';\nexport { removeMe } from './directives/remove-me.js';\nexport { scrollIntoView } from './directives/scroll-to.js';\nexport { onResize } from './directives/size-watch.js';\nexport { jsonSignals } from './directives/state-dump.js';\nexport { persist } from './directives/storage-sync.js';\nexport { teleport } from './directives/teleport.js';\nexport { text } from './directives/text-content.js';\nexport { onInterval } from './directives/timer.js';\nexport { transition } from './directives/transition.js';\nexport { viewTransition } from './directives/transition-name.js';\nexport { trap } from './directives/trap.js';\nexport { animate } from './directives/tween.js';\nexport { bind } from './directives/two-way-bind.js';\nexport { queryString } from './directives/url-params.js';\nexport { replaceUrl } from './directives/url-replace.js';\nexport { customValidity } from './directives/validity.js';\nexport { onIntersect } from './directives/viewport.js';\nexport { show } from './directives/visibility.js';\nexport { effect } from './directives/watch.js';\nexport { setAll } from './functions/bulk-set.js';\nexport { toggleAll } from './functions/bulk-toggle.js';\nexport { confirm } from './functions/confirm.js';\nexport { clipboard } from './functions/copy-text.js';\nexport { dispatch } from './functions/dispatch.js';\nexport { intl } from './functions/locale-format.js';\nexport { fit } from './functions/range-map.js';\nexport type { RequestOptions } from './functions/request.js';\nexport { httpDelete, httpGet, httpPatch, httpPost, httpPut } from './functions/request.js';\nexport { peek } from './functions/untracked-read.js';\nexport type { Socket } from './functions/websocket.js';\nexport { websocket } from './functions/websocket.js';\nexport { applyElements } from './server-events/apply-elements.js';\nexport { applyState } from './server-events/apply-state.js';\nexport type { MorphOptions } from './server-events/morph.js';\nexport { activateScripts, morph, morphInner } from './server-events/morph.js';\n"],
-  "mappings": "AAAA,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,WAAW;AACpB,SAAS,UAAU;AACnB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,WAAW,YAAY;AAChC,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,WAAW;AAEpB,SAAS,YAAY,SAAS,WAAW,UAAU,eAAe;AAClE,SAAS,YAAY;AAErB,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAE3B,SAAS,iBAAiB,OAAO,kBAAkB;",
+  "sourcesContent": ["export { attr } from './directives/attribute-sync.js';\nexport { boost } from './directives/boost.js';\nexport { indicator } from './directives/busy-flag.js';\nexport { className } from './directives/class-toggle.js';\nexport { cloak } from './directives/cloak.js';\nexport { collapse } from './directives/collapse.js';\nexport { signals } from './directives/declare.js';\nexport { computed } from './directives/derive.js';\nexport { ref } from './directives/element-ref.js';\nexport { on } from './directives/event-listener.js';\nexport { onRaf } from './directives/frame-loop.js';\nexport { html } from './directives/html.js';\nexport { style } from './directives/inline-style.js';\nexport { applyMask, mask } from './directives/mask.js';\nexport { matchMedia } from './directives/media-query.js';\nexport { init } from './directives/on-mount.js';\nexport { onSignalPatch } from './directives/patch-listener.js';\nexport { removeMe } from './directives/remove-me.js';\nexport { scrollIntoView } from './directives/scroll-to.js';\nexport { onResize } from './directives/size-watch.js';\nexport { jsonSignals } from './directives/state-dump.js';\nexport { persist } from './directives/storage-sync.js';\nexport { teleport } from './directives/teleport.js';\nexport { text } from './directives/text-content.js';\nexport { onInterval } from './directives/timer.js';\nexport { transition } from './directives/transition.js';\nexport { animate } from './directives/tween.js';\nexport { bind } from './directives/two-way-bind.js';\nexport { queryString } from './directives/url-params.js';\nexport { replaceUrl } from './directives/url-replace.js';\nexport { customValidity } from './directives/validity.js';\nexport { onIntersect } from './directives/viewport.js';\nexport { show } from './directives/visibility.js';\nexport { effect } from './directives/watch.js';\nexport { setAll } from './functions/bulk-set.js';\nexport { toggleAll } from './functions/bulk-toggle.js';\nexport { confirm } from './functions/confirm.js';\nexport { clipboard } from './functions/copy-text.js';\nexport { dispatch } from './functions/dispatch.js';\nexport { intl } from './functions/locale-format.js';\nexport { fit } from './functions/range-map.js';\nexport type { RequestOptions } from './functions/request.js';\nexport { httpDelete, httpGet, httpPatch, httpPost, httpPut } from './functions/request.js';\nexport { peek } from './functions/untracked-read.js';\nexport type { Socket } from './functions/websocket.js';\nexport { websocket } from './functions/websocket.js';\nexport { applyElements } from './server-events/apply-elements.js';\nexport { applyState } from './server-events/apply-state.js';\nexport type { MorphOptions } from './server-events/morph.js';\nexport { activateScripts, morph, morphInner } from './server-events/morph.js';\n"],
+  "mappings": "AAAA,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,WAAW;AACpB,SAAS,UAAU;AACnB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,WAAW,YAAY;AAChC,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,WAAW;AAEpB,SAAS,YAAY,SAAS,WAAW,UAAU,eAAe;AAClE,SAAS,YAAY;AAErB,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAE3B,SAAS,iBAAiB,OAAO,kBAAkB;",
   "names": []
 }

package/dist/plugins/server-events/apply-elements.d.ts

@@ -1,2 +1,2 @@
-/** Server event `patch-elements`: `elements <html>`, `selector`, `mode`, `useViewTransition true`. */
+/** Server event `patch-elements`: `elements <html>`, `selector`, `mode`. */
 export declare const applyElements: import("../../kernel/contracts.js").HandlerPlugin;

package/dist/plugins/server-events/apply-elements.js

@@ -1,62 +1,60 @@
-import { handler } from "../../kernel/index.js";
+import { srv } from "../def.js";
 import { activateScripts, morph, morphInner } from "./morph.js";
-const MODES = ["outer", "inner", "replace", "prepend", "append", "before", "after", "remove"];
+const mergeHead = (head, next) => {
+  const wanted = [...next.children];
+  for (const old of [...head.children]) {
+    const i = wanted.findIndex((n) => n.isEqualNode(old));
+    if (i < 0) old.remove();
+    else wanted.splice(i, 1);
+  }
+  for (const n of wanted) {
+    const copy = document.importNode(n, true);
+    head.append(copy);
+    activateScripts(copy);
+  }
+};
 const parse = (html) => {
-  if (/<\/(html|head|body)>/i.test(html)) return new DOMParser().parseFromString(html, "text/html");
+  if (/^\s*<(!doctype|html)[\s>]|<\/(html|head|body)>/i.test(html))
+    return new DOMParser().parseFromString(html, "text/html");
   const t = document.createElement("template");
   t.innerHTML = html;
   return t.content;
 };
-const apply = (runtime, html, selector, mode) => {
+const applyElements = srv("patch-elements", (runtime, { elements = "", selector = "", mode = "outer" }) => {
   const o = { ignoreAttr: runtime.attr("ignore-morph"), preserveAttr: runtime.attr("preserve-attr") };
-  const parsed = parse(html);
+  const parsed = parse(elements);
   if (parsed instanceof Document) {
-    if (parsed.head.childNodes.length) morphInner(document.head, parsed.head, o);
+    for (const { name, value } of parsed.documentElement.attributes) document.documentElement.setAttribute(name, value);
+    if (parsed.head.childNodes.length) mergeHead(document.head, parsed.head);
     morph(document.body, parsed.body, o);
     return;
   }
-  const frag = parsed;
-  if (mode === "remove") {
-    for (const t of document.querySelectorAll(selector)) t.remove();
-    return;
-  }
-  if (!selector) {
-    if (mode !== "outer" && mode !== "replace") throw new Error(`patch-elements mode "${mode}" needs a selector`);
-    for (const child of [...frag.children]) {
-      const target = child.id && document.getElementById(child.id);
-      if (!target) {
-        console.warn("patch-elements: no element with id", child.id);
-        continue;
-      }
-      if (mode === "outer") morph(target, child, o);
-      else {
-        target.replaceWith(child);
-        activateScripts(child);
-      }
-    }
-    return;
-  }
-  const targets = [...document.querySelectorAll(selector)];
-  if (!targets.length) console.warn("patch-elements: no elements match", selector);
-  targets.forEach((t, i) => {
-    const content = i === targets.length - 1 ? frag : frag.cloneNode(true);
+  const patch = (t, content) => {
     const nodes = [...content.childNodes];
-    if (mode === "outer" && nodes.length === 1 && isElement(nodes[0])) morph(t, nodes[0], o);
+    if (mode === "outer" && nodes.length === 1 && nodes[0].nodeType === 1) morph(t, nodes[0], o);
     else if (mode === "inner") morphInner(t, content, o);
     else {
-      if (mode === "outer" || mode === "replace") t.replaceWith(content);
-      else t[mode](content);
+      mode === "outer" || mode === "replace" ? t.replaceWith(content) : t[mode](content);
       for (const n of nodes) activateScripts(n);
     }
-  });
-};
-const isElement = (n) => n.nodeType === 1;
-const applyElements = handler({
-  name: "patch-elements",
-  handle(runtime, { elements = "", selector = "", mode = "outer", useViewTransition }) {
-    if (!MODES.includes(mode)) throw new Error(`patch-elements: unknown mode "${mode}"`);
-    const run = () => apply(runtime, elements, selector, mode);
-    useViewTransition === "true" && "startViewTransition" in document ? document.startViewTransition(run) : run();
+  };
+  if (selector) {
+    const targets = [...document.querySelectorAll(selector)];
+    if (mode === "remove") for (const t of targets) t.remove();
+    else
+      targets.forEach((t, i) => {
+        patch(t, i + 1 < targets.length ? parsed.cloneNode(true) : parsed);
+      });
+  } else {
+    if (mode !== "outer" && mode !== "replace") throw new Error(`mode "${mode}" needs a selector`);
+    for (const child of [...parsed.children]) {
+      const target = child.id && document.getElementById(child.id);
+      if (target) {
+        const f = document.createDocumentFragment();
+        f.append(child);
+        patch(target, f);
+      }
+    }
   }
 });
 export {

package/dist/plugins/server-events/apply-elements.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/server-events/apply-elements.ts"],
-  "sourcesContent": ["import { handler, type Runtime } from '../../kernel/index.js';\nimport { activateScripts, morph, morphInner } from './morph.js';\n\nconst MODES = ['outer', 'inner', 'replace', 'prepend', 'append', 'before', 'after', 'remove'] as const;\ntype Mode = (typeof MODES)[number];\n\nconst parse = (html: string): DocumentFragment | Document => {\n  if (/<\\/(html|head|body)>/i.test(html)) return new DOMParser().parseFromString(html, 'text/html');\n  const t = document.createElement('template');\n  t.innerHTML = html;\n  return t.content;\n};\n\nconst apply = (runtime: Runtime, html: string, selector: string, mode: Mode): void => {\n  const o = { ignoreAttr: runtime.attr('ignore-morph'), preserveAttr: runtime.attr('preserve-attr') };\n  const parsed = parse(html);\n  if (parsed instanceof Document) {\n    if (parsed.head.childNodes.length) morphInner(document.head, parsed.head, o);\n    morph(document.body, parsed.body, o);\n    return;\n  }\n  const frag = parsed;\n  if (mode === 'remove') {\n    for (const t of document.querySelectorAll(selector)) t.remove();\n    return;\n  }\n  if (!selector) {\n    if (mode !== 'outer' && mode !== 'replace') throw new Error(`patch-elements mode \"${mode}\" needs a selector`);\n    for (const child of [...frag.children]) {\n      const target = child.id && document.getElementById(child.id);\n      if (!target) {\n        console.warn('patch-elements: no element with id', child.id);\n        continue;\n      }\n      if (mode === 'outer') morph(target, child, o);\n      else {\n        target.replaceWith(child);\n        activateScripts(child);\n      }\n    }\n    return;\n  }\n  const targets = [...document.querySelectorAll(selector)];\n  if (!targets.length) console.warn('patch-elements: no elements match', selector);\n  targets.forEach((t, i) => {\n    const content = i === targets.length - 1 ? frag : (frag.cloneNode(true) as DocumentFragment);\n    const nodes = [...content.childNodes];\n    if (mode === 'outer' && nodes.length === 1 && isElement(nodes[0])) morph(t, nodes[0], o);\n    else if (mode === 'inner') morphInner(t, content, o);\n    else {\n      if (mode === 'outer' || mode === 'replace') t.replaceWith(content);\n      else t[mode](content);\n      for (const n of nodes) activateScripts(n);\n    }\n  });\n};\n\nconst isElement = (n: Node): n is Element => n.nodeType === 1;\n\n/** Server event `patch-elements`: `elements <html>`, `selector`, `mode`, `useViewTransition true`. */\nexport const applyElements = handler({\n  name: 'patch-elements',\n  handle(runtime, { elements = '', selector = '', mode = 'outer', useViewTransition }) {\n    if (!MODES.includes(mode as Mode)) throw new Error(`patch-elements: unknown mode \"${mode}\"`);\n    const run = () => apply(runtime, elements, selector, mode as Mode);\n    useViewTransition === 'true' && 'startViewTransition' in document ? document.startViewTransition(run) : run();\n  },\n});\n"],
-  "mappings": "AAAA,SAAS,eAA6B;AACtC,SAAS,iBAAiB,OAAO,kBAAkB;AAEnD,MAAM,QAAQ,CAAC,SAAS,SAAS,WAAW,WAAW,UAAU,UAAU,SAAS,QAAQ;AAG5F,MAAM,QAAQ,CAAC,SAA8C;AAC3D,MAAI,wBAAwB,KAAK,IAAI,EAAG,QAAO,IAAI,UAAU,EAAE,gBAAgB,MAAM,WAAW;AAChG,QAAM,IAAI,SAAS,cAAc,UAAU;AAC3C,IAAE,YAAY;AACd,SAAO,EAAE;AACX;AAEA,MAAM,QAAQ,CAAC,SAAkB,MAAc,UAAkB,SAAqB;AACpF,QAAM,IAAI,EAAE,YAAY,QAAQ,KAAK,cAAc,GAAG,cAAc,QAAQ,KAAK,eAAe,EAAE;AAClG,QAAM,SAAS,MAAM,IAAI;AACzB,MAAI,kBAAkB,UAAU;AAC9B,QAAI,OAAO,KAAK,WAAW,OAAQ,YAAW,SAAS,MAAM,OAAO,MAAM,CAAC;AAC3E,UAAM,SAAS,MAAM,OAAO,MAAM,CAAC;AACnC;AAAA,EACF;AACA,QAAM,OAAO;AACb,MAAI,SAAS,UAAU;AACrB,eAAW,KAAK,SAAS,iBAAiB,QAAQ,EAAG,GAAE,OAAO;AAC9D;AAAA,EACF;AACA,MAAI,CAAC,UAAU;AACb,QAAI,SAAS,WAAW,SAAS,UAAW,OAAM,IAAI,MAAM,wBAAwB,IAAI,oBAAoB;AAC5G,eAAW,SAAS,CAAC,GAAG,KAAK,QAAQ,GAAG;AACtC,YAAM,SAAS,MAAM,MAAM,SAAS,eAAe,MAAM,EAAE;AAC3D,UAAI,CAAC,QAAQ;AACX,gBAAQ,KAAK,sCAAsC,MAAM,EAAE;AAC3D;AAAA,MACF;AACA,UAAI,SAAS,QAAS,OAAM,QAAQ,OAAO,CAAC;AAAA,WACvC;AACH,eAAO,YAAY,KAAK;AACxB,wBAAgB,KAAK;AAAA,MACvB;AAAA,IACF;AACA;AAAA,EACF;AACA,QAAM,UAAU,CAAC,GAAG,SAAS,iBAAiB,QAAQ,CAAC;AACvD,MAAI,CAAC,QAAQ,OAAQ,SAAQ,KAAK,qCAAqC,QAAQ;AAC/E,UAAQ,QAAQ,CAAC,GAAG,MAAM;AACxB,UAAM,UAAU,MAAM,QAAQ,SAAS,IAAI,OAAQ,KAAK,UAAU,IAAI;AACtE,UAAM,QAAQ,CAAC,GAAG,QAAQ,UAAU;AACpC,QAAI,SAAS,WAAW,MAAM,WAAW,KAAK,UAAU,MAAM,CAAC,CAAC,EAAG,OAAM,GAAG,MAAM,CAAC,GAAG,CAAC;AAAA,aAC9E,SAAS,QAAS,YAAW,GAAG,SAAS,CAAC;AAAA,SAC9C;AACH,UAAI,SAAS,WAAW,SAAS,UAAW,GAAE,YAAY,OAAO;AAAA,UAC5D,GAAE,IAAI,EAAE,OAAO;AACpB,iBAAW,KAAK,MAAO,iBAAgB,CAAC;AAAA,IAC1C;AAAA,EACF,CAAC;AACH;AAEA,MAAM,YAAY,CAAC,MAA0B,EAAE,aAAa;AAGrD,MAAM,gBAAgB,QAAQ;AAAA,EACnC,MAAM;AAAA,EACN,OAAO,SAAS,EAAE,WAAW,IAAI,WAAW,IAAI,OAAO,SAAS,kBAAkB,GAAG;AACnF,QAAI,CAAC,MAAM,SAAS,IAAY,EAAG,OAAM,IAAI,MAAM,iCAAiC,IAAI,GAAG;AAC3F,UAAM,MAAM,MAAM,MAAM,SAAS,UAAU,UAAU,IAAY;AACjE,0BAAsB,UAAU,yBAAyB,WAAW,SAAS,oBAAoB,GAAG,IAAI,IAAI;AAAA,EAC9G;AACF,CAAC;",
+  "sourcesContent": ["import { srv } from '../def.js';\nimport { activateScripts, morph, morphInner } from './morph.js';\n\n/**\n * `<head>` children are matched by equality, not position: a stylesheet or meta that is already\n * present is left alone (no reload flash), missing ones are added, absent ones removed.\n */\nconst mergeHead = (head: HTMLHeadElement, next: HTMLHeadElement) => {\n  const wanted = [...next.children];\n  for (const old of [...head.children]) {\n    const i = wanted.findIndex((n) => n.isEqualNode(old));\n    if (i < 0) old.remove();\n    else wanted.splice(i, 1);\n  }\n  for (const n of wanted) {\n    const copy = document.importNode(n, true);\n    head.append(copy);\n    activateScripts(copy);\n  }\n};\n\nconst parse = (html: string): DocumentFragment | Document => {\n  if (/^\\s*<(!doctype|html)[\\s>]|<\\/(html|head|body)>/i.test(html))\n    return new DOMParser().parseFromString(html, 'text/html');\n  const t = document.createElement('template');\n  t.innerHTML = html;\n  return t.content;\n};\n\n/** Server event `patch-elements`: `elements <html>`, `selector`, `mode`. */\nexport const applyElements = srv('patch-elements', (runtime, { elements = '', selector = '', mode = 'outer' }) => {\n  const o = { ignoreAttr: runtime.attr('ignore-morph'), preserveAttr: runtime.attr('preserve-attr') };\n  const parsed = parse(elements);\n  if (parsed instanceof Document) {\n    for (const { name, value } of parsed.documentElement.attributes) document.documentElement.setAttribute(name, value);\n    if (parsed.head.childNodes.length) mergeHead(document.head, parsed.head);\n    morph(document.body, parsed.body, o);\n    return;\n  }\n  /** Put `content` at `t` per `mode`; a lone element in outer mode is morphed rather than swapped. */\n  const patch = (t: Element, content: DocumentFragment) => {\n    const nodes = [...content.childNodes];\n    if (mode === 'outer' && nodes.length === 1 && nodes[0].nodeType === 1) morph(t, nodes[0] as Element, o);\n    else if (mode === 'inner') morphInner(t, content, o);\n    else {\n      mode === 'outer' || mode === 'replace' ? t.replaceWith(content) : (t as any)[mode](content);\n      for (const n of nodes) activateScripts(n);\n    }\n  };\n  if (selector) {\n    const targets = [...document.querySelectorAll(selector)];\n    if (mode === 'remove') for (const t of targets) t.remove();\n    else\n      targets.forEach((t, i) => {\n        patch(t, i + 1 < targets.length ? (parsed.cloneNode(true) as DocumentFragment) : parsed);\n      });\n  } else {\n    if (mode !== 'outer' && mode !== 'replace') throw new Error(`mode \"${mode}\" needs a selector`);\n    for (const child of [...parsed.children]) {\n      const target = child.id && document.getElementById(child.id);\n      if (target) {\n        const f = document.createDocumentFragment();\n        f.append(child);\n        patch(target, f);\n      }\n    }\n  }\n});\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,SAAS,iBAAiB,OAAO,kBAAkB;AAMnD,MAAM,YAAY,CAAC,MAAuB,SAA0B;AAClE,QAAM,SAAS,CAAC,GAAG,KAAK,QAAQ;AAChC,aAAW,OAAO,CAAC,GAAG,KAAK,QAAQ,GAAG;AACpC,UAAM,IAAI,OAAO,UAAU,CAAC,MAAM,EAAE,YAAY,GAAG,CAAC;AACpD,QAAI,IAAI,EAAG,KAAI,OAAO;AAAA,QACjB,QAAO,OAAO,GAAG,CAAC;AAAA,EACzB;AACA,aAAW,KAAK,QAAQ;AACtB,UAAM,OAAO,SAAS,WAAW,GAAG,IAAI;AACxC,SAAK,OAAO,IAAI;AAChB,oBAAgB,IAAI;AAAA,EACtB;AACF;AAEA,MAAM,QAAQ,CAAC,SAA8C;AAC3D,MAAI,kDAAkD,KAAK,IAAI;AAC7D,WAAO,IAAI,UAAU,EAAE,gBAAgB,MAAM,WAAW;AAC1D,QAAM,IAAI,SAAS,cAAc,UAAU;AAC3C,IAAE,YAAY;AACd,SAAO,EAAE;AACX;AAGO,MAAM,gBAAgB,IAAI,kBAAkB,CAAC,SAAS,EAAE,WAAW,IAAI,WAAW,IAAI,OAAO,QAAQ,MAAM;AAChH,QAAM,IAAI,EAAE,YAAY,QAAQ,KAAK,cAAc,GAAG,cAAc,QAAQ,KAAK,eAAe,EAAE;AAClG,QAAM,SAAS,MAAM,QAAQ;AAC7B,MAAI,kBAAkB,UAAU;AAC9B,eAAW,EAAE,MAAM,MAAM,KAAK,OAAO,gBAAgB,WAAY,UAAS,gBAAgB,aAAa,MAAM,KAAK;AAClH,QAAI,OAAO,KAAK,WAAW,OAAQ,WAAU,SAAS,MAAM,OAAO,IAAI;AACvE,UAAM,SAAS,MAAM,OAAO,MAAM,CAAC;AACnC;AAAA,EACF;AAEA,QAAM,QAAQ,CAAC,GAAY,YAA8B;AACvD,UAAM,QAAQ,CAAC,GAAG,QAAQ,UAAU;AACpC,QAAI,SAAS,WAAW,MAAM,WAAW,KAAK,MAAM,CAAC,EAAE,aAAa,EAAG,OAAM,GAAG,MAAM,CAAC,GAAc,CAAC;AAAA,aAC7F,SAAS,QAAS,YAAW,GAAG,SAAS,CAAC;AAAA,SAC9C;AACH,eAAS,WAAW,SAAS,YAAY,EAAE,YAAY,OAAO,IAAK,EAAU,IAAI,EAAE,OAAO;AAC1F,iBAAW,KAAK,MAAO,iBAAgB,CAAC;AAAA,IAC1C;AAAA,EACF;AACA,MAAI,UAAU;AACZ,UAAM,UAAU,CAAC,GAAG,SAAS,iBAAiB,QAAQ,CAAC;AACvD,QAAI,SAAS,SAAU,YAAW,KAAK,QAAS,GAAE,OAAO;AAAA;AAEvD,cAAQ,QAAQ,CAAC,GAAG,MAAM;AACxB,cAAM,GAAG,IAAI,IAAI,QAAQ,SAAU,OAAO,UAAU,IAAI,IAAyB,MAAM;AAAA,MACzF,CAAC;AAAA,EACL,OAAO;AACL,QAAI,SAAS,WAAW,SAAS,UAAW,OAAM,IAAI,MAAM,SAAS,IAAI,oBAAoB;AAC7F,eAAW,SAAS,CAAC,GAAG,OAAO,QAAQ,GAAG;AACxC,YAAM,SAAS,MAAM,MAAM,SAAS,eAAe,MAAM,EAAE;AAC3D,UAAI,QAAQ;AACV,cAAM,IAAI,SAAS,uBAAuB;AAC1C,UAAE,OAAO,KAAK;AACd,cAAM,QAAQ,CAAC;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

package/dist/plugins/server-events/apply-state.js

@@ -1,16 +1,13 @@
-import { handler } from "../../kernel/index.js";
-const applyState = handler({
-  name: "patch-signals",
-  handle(runtime, { signals, onlyIfMissing }) {
-    if (!signals) return;
-    let patch;
-    try {
-      patch = JSON.parse(signals);
-    } catch {
-      patch = runtime.compiler([], `return (${signals})`)();
-    }
-    runtime.store.merge(patch, { ifMissing: onlyIfMissing === "true" });
+import { srv } from "../def.js";
+const applyState = srv("patch-signals", (runtime, { signals, onlyIfMissing }) => {
+  if (!signals) return;
+  let patch;
+  try {
+    patch = JSON.parse(signals);
+  } catch {
+    patch = runtime.compiler([], `return (${signals})`)();
   }
+  runtime.store.merge(patch, { ifMissing: onlyIfMissing === "true" });
 });
 export {
   applyState

package/dist/plugins/server-events/apply-state.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/server-events/apply-state.ts"],
-  "sourcesContent": ["import { handler } from '../../kernel/index.js';\n\n/** Server event `patch-signals`: `signals {json}` merged into the store; `onlyIfMissing true` keeps existing values. */\nexport const applyState = handler({\n  name: 'patch-signals',\n  handle(runtime, { signals, onlyIfMissing }) {\n    if (!signals) return;\n    let patch: Record<string, unknown>;\n    try {\n      patch = JSON.parse(signals);\n    } catch {\n      patch = runtime.compiler([], `return (${signals})`)();\n    }\n    runtime.store.merge(patch, { ifMissing: onlyIfMissing === 'true' });\n  },\n});\n"],
-  "mappings": "AAAA,SAAS,eAAe;AAGjB,MAAM,aAAa,QAAQ;AAAA,EAChC,MAAM;AAAA,EACN,OAAO,SAAS,EAAE,SAAS,cAAc,GAAG;AAC1C,QAAI,CAAC,QAAS;AACd,QAAI;AACJ,QAAI;AACF,cAAQ,KAAK,MAAM,OAAO;AAAA,IAC5B,QAAQ;AACN,cAAQ,QAAQ,SAAS,CAAC,GAAG,WAAW,OAAO,GAAG,EAAE;AAAA,IACtD;AACA,YAAQ,MAAM,MAAM,OAAO,EAAE,WAAW,kBAAkB,OAAO,CAAC;AAAA,EACpE;AACF,CAAC;",
+  "sourcesContent": ["import { srv } from '../def.js';\n\n/** Server event `patch-signals`: `signals {json}` merged into the store; `onlyIfMissing true` keeps existing values. */\nexport const applyState = srv('patch-signals', (runtime, { signals, onlyIfMissing }) => {\n  if (!signals) return;\n  let patch: Record<string, unknown>;\n  try {\n    patch = JSON.parse(signals);\n  } catch {\n    patch = runtime.compiler([], `return (${signals})`)();\n  }\n  runtime.store.merge(patch, { ifMissing: onlyIfMissing === 'true' });\n});\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAGb,MAAM,aAAa,IAAI,iBAAiB,CAAC,SAAS,EAAE,SAAS,cAAc,MAAM;AACtF,MAAI,CAAC,QAAS;AACd,MAAI;AACJ,MAAI;AACF,YAAQ,KAAK,MAAM,OAAO;AAAA,EAC5B,QAAQ;AACN,YAAQ,QAAQ,SAAS,CAAC,GAAG,WAAW,OAAO,GAAG,EAAE;AAAA,EACtD;AACA,UAAQ,MAAM,MAAM,OAAO,EAAE,WAAW,kBAAkB,OAAO,CAAC;AACpE,CAAC;",
   "names": []
 }

package/dist/plugins/server-events/morph.js

@@ -1,9 +1,9 @@
 const ran = /* @__PURE__ */ new WeakSet();
-const isEl = (n) => !!n && n.nodeType === 1;
+const isEl = (n) => n?.nodeType === 1;
 const activateScripts = (root) => {
   if (!isEl(root)) return;
-  for (const old of root.matches("script") ? [root] : [...root.querySelectorAll("script")]) {
-    if (ran.has(old)) continue;
+  for (const old of [root, ...root.querySelectorAll("script")]) {
+    if (!old.matches("script") || ran.has(old)) continue;
     const s = document.createElement("script");
     for (const { name, value } of old.attributes) s.setAttribute(name, value);
     s.text = old.text;
@@ -11,50 +11,36 @@ const activateScripts = (root) => {
     old.replaceWith(s);
   }
 };
-const idsIn = (n) => [...isEl(n) && n.id ? [n] : [], ...n.querySelectorAll("[id]")];
-const containsKept = (n, ctx) => isEl(n) && idsIn(n).some((e) => ctx.keep.has(e.id));
-const discard = (n, ctx) => {
-  containsKept(n, ctx) ? ctx.pantry.append(n) : n.remove();
+const fresh = (b, insert) => {
+  const n = document.importNode(b, true);
+  insert(n);
+  activateScripts(n);
 };
+const idsIn = (n) => [n, ...n.querySelectorAll?.("[id]") ?? []].filter((e) => isEl(e) && e.id);
+const containsKept = (n, ctx) => idsIn(n).some((e) => ctx.keep.has(e.id));
 const place = (parent, node, before) => {
-  const p = parent;
   try {
-    p.moveBefore ? p.moveBefore(node, before) : parent.insertBefore(node, before);
+    parent.moveBefore(node, before);
   } catch {
     parent.insertBefore(node, before);
   }
 };
-const findKept = (id, from, ctx) => {
-  for (let n = from; n; n = n.nextSibling) if (isEl(n) && n.id === id) return n;
-  return ctx.pantry.querySelector(`#${CSS.escape(id)}`) ?? document.getElementById(id);
-};
-const compatible = (old, next, ctx) => old.nodeType === next.nodeType && old.nodeName === next.nodeName && (!isEl(old) || !old.id || old.id === next.id) && !(isEl(old) && ctx.keep.has(old.id) && old.id !== next.id);
+const compatible = (old, next) => old.nodeName === next.nodeName && (!isEl(old) || !old.id || old.id === next.id);
 const syncAttributes = (a, b, ctx) => {
-  const keep = new Set(
-    (b.getAttribute(ctx.preserve) ?? a.getAttribute(ctx.preserve) ?? "").split(/\s+/).filter(Boolean)
-  );
+  const keep = new Set((b.getAttribute(ctx.preserve) ?? a.getAttribute(ctx.preserve) ?? "").split(/\s+/));
+  const differs = (name) => !keep.has(name) && a.getAttribute(name) !== b.getAttribute(name);
   let changed = false;
-  const attrDiffers = (name) => !keep.has(name) && a.getAttribute(name) !== b.getAttribute(name);
-  if (a instanceof HTMLInputElement && b instanceof HTMLInputElement && a.type !== "file") {
-    if (attrDiffers("value")) {
-      a.value = b.getAttribute("value") ?? "";
-      changed = true;
-    }
-    if (attrDiffers("checked")) {
-      a.checked = b.hasAttribute("checked");
-      changed = true;
-    }
-  } else if (a instanceof HTMLTextAreaElement && b instanceof HTMLTextAreaElement) {
-    if (!keep.has("value") && a.defaultValue !== b.defaultValue) {
-      a.value = b.defaultValue;
-      changed = true;
-    }
-  } else if (a instanceof HTMLOptionElement && b instanceof HTMLOptionElement) {
-    if (attrDiffers("selected")) {
-      a.selected = b.hasAttribute("selected");
+  const live = a instanceof HTMLInputElement && a.type !== "file" ? ["value", "checked"] : a instanceof HTMLOptionElement ? ["selected"] : [];
+  for (const name of live) {
+    if (differs(name)) {
+      a[name] = name === "value" ? b.getAttribute(name) ?? "" : b.hasAttribute(name);
       changed = true;
     }
   }
+  if (a instanceof HTMLTextAreaElement && !keep.has("value") && a.defaultValue !== b.defaultValue) {
+    a.value = b.defaultValue;
+    changed = true;
+  }
   for (const { name, value } of b.attributes)
     if (!keep.has(name) && a.getAttribute(name) !== value) a.setAttribute(name, value);
   for (const { name } of [...a.attributes]) if (!keep.has(name) && !b.hasAttribute(name)) a.removeAttribute(name);
@@ -64,23 +50,22 @@ const syncAttributes = (a, b, ctx) => {
     );
 };
 const morphNode = (a, b, ctx) => {
-  if (a.nodeType !== b.nodeType || a.nodeName !== b.nodeName) {
-    const fresh = document.importNode(b, true);
-    a.replaceWith(fresh);
-    activateScripts(fresh);
+  if (a.nodeName !== b.nodeName) {
+    fresh(b, (n) => a.replaceWith(n));
     return;
   }
   if (!isEl(a) || !isEl(b)) {
     if (a.nodeValue !== b.nodeValue) a.nodeValue = b.nodeValue;
     return;
   }
+  if (b.localName === "script" && !a.isEqualNode(b)) {
+    fresh(b, (n) => a.replaceWith(n));
+    return;
+  }
   if (a.hasAttribute(ctx.ignore) && b.hasAttribute(ctx.ignore)) return;
   syncAttributes(a, b, ctx);
-  if (a instanceof HTMLTemplateElement && b instanceof HTMLTemplateElement) {
-    a.innerHTML = b.innerHTML;
-  } else if (!a.isEqualNode(b)) {
-    morphChildren(a, b, ctx);
-  }
+  if (a instanceof HTMLTemplateElement) a.innerHTML = b.innerHTML;
+  else if (!a.isEqualNode(b)) morphChildren(a, b, ctx);
 };
 const morphChildren = (parent, next, ctx) => {
   let cur = parent.firstChild;
@@ -88,56 +73,51 @@ const morphChildren = (parent, next, ctx) => {
     while (cur && cur !== stop) {
       const n = cur;
       cur = cur.nextSibling;
-      discard(n, ctx);
+      if (!(isEl(n) && ctx.keep.get(n.id) === n)) n.remove();
     }
     return cur === stop;
   };
   for (const nb of [...next.childNodes]) {
-    if (isEl(nb) && nb.id && ctx.keep.has(nb.id)) {
-      const match = findKept(nb.id, cur, ctx);
-      if (match) {
-        if (dropUntil(match) && cur) cur = match.nextSibling;
-        else place(parent, match, cur);
-        morphNode(match, nb, ctx);
-        continue;
-      }
+    const kept = isEl(nb) && ctx.keep.get(nb.id);
+    if (kept) {
+      let m2 = cur;
+      while (m2 && m2 !== kept) m2 = m2.nextSibling;
+      if (m2) {
+        dropUntil(kept);
+        cur = kept.nextSibling;
+      } else place(parent, kept, cur);
+      morphNode(kept, nb, ctx);
+      continue;
     }
     let m = cur;
-    while (m && !compatible(m, nb, ctx)) m = m.nextSibling;
+    while (m && !compatible(m, nb)) m = m.nextSibling;
     if (m) {
       dropUntil(m);
       cur = m.nextSibling;
       morphNode(m, nb, ctx);
     } else if (isEl(nb) && containsKept(nb, ctx)) {
-      const shell = document.createElementNS(nb.namespaceURI ?? "http://www.w3.org/1999/xhtml", nb.tagName);
+      const shell = document.importNode(nb, false);
       parent.insertBefore(shell, cur);
       morphNode(shell, nb, ctx);
     } else {
-      const fresh = document.importNode(nb, true);
-      parent.insertBefore(fresh, cur);
-      activateScripts(fresh);
+      fresh(nb, (n) => parent.insertBefore(n, cur));
     }
   }
   dropUntil(null);
 };
 const context = (target, next, o) => {
-  const keep = /* @__PURE__ */ new Set();
   const wanted = new Map(idsIn(next).map((e) => [e.id, e.tagName]));
-  for (const e of idsIn(target)) if (wanted.get(e.id) === e.tagName) keep.add(e.id);
   return {
-    keep,
-    pantry: document.createDocumentFragment(),
+    keep: new Map(idsIn(target).flatMap((e) => wanted.get(e.id) === e.tagName ? [[e.id, e]] : [])),
     ignore: o.ignoreAttr ?? "data-ignore-morph",
     preserve: o.preserveAttr ?? "data-preserve-attr"
   };
 };
 const morph = (target, next, o = {}) => {
-  const ctx = context(target, next, o);
-  morphNode(target, next, ctx);
+  morphNode(target, next, context(target, next, o));
 };
 const morphInner = (target, next, o = {}) => {
-  const ctx = context(target, next, o);
-  morphChildren(target, next, ctx);
+  morphChildren(target, next, context(target, next, o));
 };
 export {
   activateScripts,

package/dist/plugins/server-events/morph.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/server-events/morph.ts"],
-  "sourcesContent": ["// Id-aware DOM morphing: update `target` in place to match `next`, keeping elements whose ids\n// appear in both trees (and their state: focus, input values, scroll) instead of recreating them.\n\nexport type MorphOptions = {\n  /** Attribute that marks a subtree to leave alone when present on both sides. */\n  ignoreAttr?: string;\n  /** Attribute listing space-separated attribute names to keep from the old element. */\n  preserveAttr?: string;\n};\n\ntype Ctx = { keep: Set<string>; pantry: DocumentFragment; ignore: string; preserve: string };\n\nconst ran = new WeakSet<Node>();\nconst isEl = (n: Node | null): n is Element => !!n && n.nodeType === 1;\n\n/** Scripts inserted through the DOM do not execute; replace them with fresh copies that do. */\nexport const activateScripts = (root: Node): void => {\n  if (!isEl(root)) return;\n  for (const old of (root.matches('script') ? [root] : [...root.querySelectorAll('script')]) as HTMLScriptElement[]) {\n    if (ran.has(old)) continue;\n    const s = document.createElement('script');\n    for (const { name, value } of old.attributes) s.setAttribute(name, value);\n    s.text = old.text;\n    ran.add(s);\n    old.replaceWith(s);\n  }\n};\n\nconst idsIn = (n: Node): Element[] => [...(isEl(n) && n.id ? [n] : []), ...(n as ParentNode).querySelectorAll('[id]')];\nconst containsKept = (n: Node, ctx: Ctx): boolean => isEl(n) && idsIn(n).some((e) => ctx.keep.has(e.id));\n\n/** Remove a node, or park it if it (or a descendant) is wanted elsewhere in the new tree. */\nconst discard = (n: Node, ctx: Ctx): void => {\n  containsKept(n, ctx) ? ctx.pantry.append(n) : (n as ChildNode).remove();\n};\n\nconst place = (parent: Node, node: Node, before: Node | null): void => {\n  const p = parent as Node & { moveBefore?: (n: Node, b: Node | null) => void };\n  try {\n    p.moveBefore ? p.moveBefore(node, before) : parent.insertBefore(node, before);\n  } catch {\n    parent.insertBefore(node, before);\n  }\n};\n\nconst findKept = (id: string, from: Node | null, ctx: Ctx): Element | null => {\n  for (let n = from; n; n = n.nextSibling) if (isEl(n) && n.id === id) return n;\n  return ctx.pantry.querySelector(`#${CSS.escape(id)}`) ?? document.getElementById(id);\n};\n\nconst compatible = (old: Node, next: Node, ctx: Ctx): boolean =>\n  old.nodeType === next.nodeType &&\n  old.nodeName === next.nodeName &&\n  (!isEl(old) || !old.id || old.id === (next as Element).id) &&\n  !(isEl(old) && ctx.keep.has(old.id) && old.id !== (next as Element).id);\n\nconst syncAttributes = (a: Element, b: Element, ctx: Ctx): void => {\n  const keep = new Set(\n    (b.getAttribute(ctx.preserve) ?? a.getAttribute(ctx.preserve) ?? '').split(/\\s+/).filter(Boolean),\n  );\n  // Live form state (what the user typed or ticked) is only overwritten when the server's\n  // default actually changed, i.e. the *attribute* differs between old and new markup.\n  let changed = false;\n  const attrDiffers = (name: string) => !keep.has(name) && a.getAttribute(name) !== b.getAttribute(name);\n  if (a instanceof HTMLInputElement && b instanceof HTMLInputElement && a.type !== 'file') {\n    if (attrDiffers('value')) {\n      a.value = b.getAttribute('value') ?? '';\n      changed = true;\n    }\n    if (attrDiffers('checked')) {\n      a.checked = b.hasAttribute('checked');\n      changed = true;\n    }\n  } else if (a instanceof HTMLTextAreaElement && b instanceof HTMLTextAreaElement) {\n    if (!keep.has('value') && a.defaultValue !== b.defaultValue) {\n      a.value = b.defaultValue;\n      changed = true;\n    }\n  } else if (a instanceof HTMLOptionElement && b instanceof HTMLOptionElement) {\n    if (attrDiffers('selected')) {\n      a.selected = b.hasAttribute('selected');\n      changed = true;\n    }\n  }\n  for (const { name, value } of b.attributes)\n    if (!keep.has(name) && a.getAttribute(name) !== value) a.setAttribute(name, value);\n  for (const { name } of [...a.attributes]) if (!keep.has(name) && !b.hasAttribute(name)) a.removeAttribute(name);\n\n  if (changed)\n    (a instanceof HTMLOptionElement ? a.closest('select') : a)?.dispatchEvent(\n      new Event('sigmx-prop-change', { bubbles: true }),\n    );\n};\n\nconst morphNode = (a: Node, b: Node, ctx: Ctx): void => {\n  if (a.nodeType !== b.nodeType || a.nodeName !== b.nodeName) {\n    const fresh = document.importNode(b, true);\n    (a as ChildNode).replaceWith(fresh);\n    activateScripts(fresh);\n    return;\n  }\n  if (!isEl(a) || !isEl(b)) {\n    if (a.nodeValue !== b.nodeValue) a.nodeValue = b.nodeValue;\n    return;\n  }\n  if (a.hasAttribute(ctx.ignore) && b.hasAttribute(ctx.ignore)) return;\n  syncAttributes(a, b, ctx);\n  if (a instanceof HTMLTemplateElement && b instanceof HTMLTemplateElement) {\n    a.innerHTML = b.innerHTML;\n  } else if (!a.isEqualNode(b)) {\n    morphChildren(a, b, ctx);\n  }\n};\n\nconst morphChildren = (parent: Node, next: Node, ctx: Ctx): void => {\n  let cur: Node | null = parent.firstChild;\n  /** Discard old siblings from `cur` up to (not including) `stop`; returns whether `stop` was reached. */\n  const dropUntil = (stop: Node | null): boolean => {\n    while (cur && cur !== stop) {\n      const n = cur;\n      cur = cur.nextSibling;\n      discard(n, ctx);\n    }\n    return cur === stop;\n  };\n  for (const nb of [...next.childNodes]) {\n    if (isEl(nb) && nb.id && ctx.keep.has(nb.id)) {\n      const match = findKept(nb.id, cur, ctx);\n      if (match) {\n        if (dropUntil(match) && cur) cur = match.nextSibling;\n        else place(parent, match, cur);\n        morphNode(match, nb, ctx);\n        continue;\n      }\n    }\n    let m: Node | null = cur;\n    while (m && !compatible(m, nb, ctx)) m = m.nextSibling;\n    if (m) {\n      dropUntil(m);\n      cur = m.nextSibling;\n      morphNode(m, nb, ctx);\n    } else if (isEl(nb) && containsKept(nb, ctx)) {\n      // Build a shell so the wanted descendants can be pulled in rather than recreated.\n      const shell = document.createElementNS(nb.namespaceURI ?? 'http://www.w3.org/1999/xhtml', nb.tagName);\n      parent.insertBefore(shell, cur);\n      morphNode(shell, nb, ctx);\n    } else {\n      const fresh = document.importNode(nb, true);\n      parent.insertBefore(fresh, cur);\n      activateScripts(fresh);\n    }\n  }\n  dropUntil(null);\n};\n\nconst context = (target: Node, next: Node, o: MorphOptions): Ctx => {\n  const keep = new Set<string>();\n  const wanted = new Map(idsIn(next).map((e) => [e.id, e.tagName]));\n  for (const e of idsIn(target)) if (wanted.get(e.id) === e.tagName) keep.add(e.id);\n  return {\n    keep,\n    pantry: document.createDocumentFragment(),\n    ignore: o.ignoreAttr ?? 'data-ignore-morph',\n    preserve: o.preserveAttr ?? 'data-preserve-attr',\n  };\n};\n\nexport const morph = (target: Element, next: Element, o: MorphOptions = {}): void => {\n  const ctx = context(target, next, o);\n  morphNode(target, next, ctx);\n};\n\nexport const morphInner = (target: Element, next: ParentNode, o: MorphOptions = {}): void => {\n  const ctx = context(target, next, o);\n  morphChildren(target, next, ctx);\n};\n"],
-  "mappings": "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",
-  "names": []
+  "sourcesContent": ["// Id-aware DOM morphing: update `target` in place to match `next`, keeping elements whose ids\n// appear in both trees (and their state: focus, input values, scroll) instead of recreating them.\n\nexport type MorphOptions = {\n  /** Attribute that marks a subtree to leave alone when present on both sides. */\n  ignoreAttr?: string;\n  /** Attribute listing space-separated attribute names to keep from the old element. */\n  preserveAttr?: string;\n};\n\n/** `keep`: id \u2192 the old element to reuse wherever the new tree wants that id. */\ntype Ctx = { keep: Map<string, Element>; ignore: string; preserve: string };\n\nconst ran = new WeakSet<Node>();\nconst isEl = (n: Node | null): n is Element => n?.nodeType === 1;\n\n/** Scripts inserted through the DOM do not execute; replace them with fresh copies that do. */\nexport const activateScripts = (root: Node): void => {\n  if (!isEl(root)) return;\n  for (const old of [root, ...root.querySelectorAll('script')] as HTMLScriptElement[]) {\n    if (!old.matches('script') || ran.has(old)) continue;\n    const s = document.createElement('script');\n    for (const { name, value } of old.attributes) s.setAttribute(name, value);\n    s.text = old.text;\n    ran.add(s);\n    old.replaceWith(s);\n  }\n};\n\n/** Import `b` into the document, `insert` it, and run its scripts. */\nconst fresh = (b: Node, insert: (n: Node) => void): void => {\n  const n = document.importNode(b, true);\n  insert(n);\n  activateScripts(n);\n};\n\nconst idsIn = (n: Node): Element[] =>\n  [n, ...((n as ParentNode).querySelectorAll?.('[id]') ?? [])].filter((e) => isEl(e) && e.id) as Element[];\nconst containsKept = (n: Node, ctx: Ctx): boolean => idsIn(n).some((e) => ctx.keep.has(e.id));\n\nconst place = (parent: Node, node: Node, before: Node | null): void => {\n  try {\n    (parent as any).moveBefore(node, before);\n  } catch {\n    parent.insertBefore(node, before);\n  }\n};\n\n/** Same kind of node, and an old element with an id is only reused for the same id. */\nconst compatible = (old: Node, next: Node): boolean =>\n  old.nodeName === next.nodeName && (!isEl(old) || !old.id || old.id === (next as Element).id);\n\nconst syncAttributes = (a: Element, b: Element, ctx: Ctx): void => {\n  const keep = new Set((b.getAttribute(ctx.preserve) ?? a.getAttribute(ctx.preserve) ?? '').split(/\\s+/));\n  const differs = (name: string) => !keep.has(name) && a.getAttribute(name) !== b.getAttribute(name);\n  let changed = false;\n  // Live form state (what the user typed or ticked) is only overwritten when the server's\n  // default actually changed, i.e. the *attribute* differs between old and new markup.\n  const live =\n    a instanceof HTMLInputElement && a.type !== 'file'\n      ? ['value', 'checked']\n      : a instanceof HTMLOptionElement\n        ? ['selected']\n        : [];\n  for (const name of live) {\n    if (differs(name)) {\n      (a as any)[name] = name === 'value' ? (b.getAttribute(name) ?? '') : b.hasAttribute(name);\n      changed = true;\n    }\n  }\n  if (\n    a instanceof HTMLTextAreaElement &&\n    !keep.has('value') &&\n    a.defaultValue !== (b as HTMLTextAreaElement).defaultValue\n  ) {\n    a.value = (b as HTMLTextAreaElement).defaultValue;\n    changed = true;\n  }\n  for (const { name, value } of b.attributes)\n    if (!keep.has(name) && a.getAttribute(name) !== value) a.setAttribute(name, value);\n  for (const { name } of [...a.attributes]) if (!keep.has(name) && !b.hasAttribute(name)) a.removeAttribute(name);\n\n  if (changed)\n    (a instanceof HTMLOptionElement ? a.closest('select') : a)?.dispatchEvent(\n      new Event('sigmx-prop-change', { bubbles: true }),\n    );\n};\n\nconst morphNode = (a: Node, b: Node, ctx: Ctx): void => {\n  if (a.nodeName !== b.nodeName) {\n    fresh(b, (n) => (a as ChildNode).replaceWith(n));\n    return;\n  }\n  if (!isEl(a) || !isEl(b)) {\n    if (a.nodeValue !== b.nodeValue) a.nodeValue = b.nodeValue;\n    return;\n  }\n  // A changed script must run again; patching its text or src in place would not execute it.\n  if (b.localName === 'script' && !a.isEqualNode(b)) {\n    fresh(b, (n) => a.replaceWith(n));\n    return;\n  }\n  if (a.hasAttribute(ctx.ignore) && b.hasAttribute(ctx.ignore)) return;\n  syncAttributes(a, b, ctx);\n  if (a instanceof HTMLTemplateElement) a.innerHTML = b.innerHTML;\n  else if (!a.isEqualNode(b)) morphChildren(a, b, ctx);\n};\n\nconst morphChildren = (parent: Node, next: Node, ctx: Ctx): void => {\n  let cur: Node | null = parent.firstChild;\n  /**\n   * Remove old siblings from `cur` up to (not including) `stop`; returns whether `stop` was reached.\n   * Kept elements inside removed subtrees stay referenced by `ctx.keep` and are pulled back in later.\n   */\n  const dropUntil = (stop: Node | null): boolean => {\n    while (cur && cur !== stop) {\n      const n = cur;\n      cur = cur.nextSibling;\n      // A kept element stays connected until `place` moves it, so focus, media and iframe state survive.\n      if (!(isEl(n) && ctx.keep.get(n.id) === n)) (n as ChildNode).remove();\n    }\n    return cur === stop;\n  };\n  for (const nb of [...next.childNodes]) {\n    const kept = isEl(nb) && ctx.keep.get(nb.id);\n    if (kept) {\n      // Ahead among the old siblings: drop what precedes it. Elsewhere (moved, or inside a removed\n      // subtree): pull it in here and leave the remaining old siblings for the next new children.\n      let m: Node | null = cur;\n      while (m && m !== kept) m = m.nextSibling;\n      if (m) {\n        dropUntil(kept);\n        cur = kept.nextSibling;\n      } else place(parent, kept, cur);\n      morphNode(kept, nb, ctx);\n      continue;\n    }\n    let m: Node | null = cur;\n    while (m && !compatible(m, nb)) m = m.nextSibling;\n    if (m) {\n      dropUntil(m);\n      cur = m.nextSibling;\n      morphNode(m, nb, ctx);\n    } else if (isEl(nb) && containsKept(nb, ctx)) {\n      // Build a shell (same element, attributes, no children) so the wanted descendants can be pulled in.\n      const shell = document.importNode(nb, false);\n      parent.insertBefore(shell, cur);\n      morphNode(shell, nb, ctx);\n    } else {\n      fresh(nb, (n) => parent.insertBefore(n, cur));\n    }\n  }\n  dropUntil(null);\n};\n\nconst context = (target: Node, next: Node, o: MorphOptions): Ctx => {\n  const wanted = new Map(idsIn(next).map((e) => [e.id, e.tagName]));\n  return {\n    keep: new Map(idsIn(target).flatMap((e) => (wanted.get(e.id) === e.tagName ? [[e.id, e] as const] : []))),\n    ignore: o.ignoreAttr ?? 'data-ignore-morph',\n    preserve: o.preserveAttr ?? 'data-preserve-attr',\n  };\n};\n\nexport const morph = (target: Element, next: Element, o: MorphOptions = {}): void => {\n  morphNode(target, next, context(target, next, o));\n};\n\nexport const morphInner = (target: Element, next: ParentNode, o: MorphOptions = {}): void => {\n  morphChildren(target, next, context(target, next, o));\n};\n"],
+  "mappings": "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",
+  "names": ["m"]
 }