phlex-reactive 0.14.4 → 0.15.1

data/app/javascript/phlex/reactive/early.js

@@ -35,6 +35,9 @@
 // `@window` descriptor instead of walking up from the target. They are never
 // prevented (dispatch() does not prevent a window binding either) and live a
 // short TTL in the controller (a hotkey replayed seconds late is wrong).
+// A shortcut: (issue #357) is the exception: the chord is prevented, as
+// dispatch() prevents it, and the other platform's `mod` twin or a press in an
+// editable field is neither queued nor prevented.
 //
 // Limits: outside: triggers and @document bindings are not recorded (an
 // outside click before connect has nothing to close); a key filter is matched
@@ -80,15 +83,17 @@ const matching = (el, event, win) =>
   descriptors(el).filter((d) => d.win === win && d.type === event.type && keyMatches(d.filter, event))
 
 // Queue one firing for `el`'s root, unless that root has connected.
-function enqueue(event, el, descs, win) {
+function enqueue(event, el, descs, win, shortcut) {
   const root = el.closest(ROOT_SELECTOR)
   if (!root || state.connected.has(root)) return
   // dispatch() keeps the native flip of a checked: :keep checkbox/radio and
-  // never prevents a window binding; everything else is prevented now, as the
-  // controller would.
+  // never prevents a window binding — but a shortcut (issue #357), the chord
+  // the page claims (mod+s must not open the save dialog before connect), is
+  // always prevented: the keepsToggle exemption is for element-bound clicks
+  // only. Everything else is prevented now, as the controller would.
   const keepsToggle =
     /^(checkbox|radio)$/.test(el.type) && /"checked":"keep"/.test(el.dataset.reactiveOptimisticParam)
-  if (!win && (!keepsToggle || descs.some((d) => d.method === "runOps"))) event.preventDefault()
+  if (win ? shortcut : !keepsToggle || descs.some((d) => d.method === "runOps")) event.preventDefault()
   // Every firing is queued — a `:once` repeat included: the replay skips a
   // descriptor already consumed (reactive_controller.js #replayEarly).
   const { queue } = state
@@ -132,15 +137,37 @@ function recordWindow(event) {
     }
     // Cheapest check first: once its root connects, Stimulus hears it.
     if (state.connected.has(el.closest(ROOT_SELECTOR))) continue
+    // A shortcut (issue #357): on() flags it on the element, on_client in its
+    // record (read off the raw attribute: the element's records share one
+    // guard here, and the replay re-checks each). The guard covers only a
+    // key-filtered descriptor — a shortcut's twins always carry a filter — so
+    // the element's other window bindings (a click, a bare keydown) behave
+    // as they do without a shortcut. The exception is a delete/backspace
+    // chord's bare keydown (below), which on that element IS the shortcut.
+    const ops = el.dataset.reactiveOpsParam ?? ""
+    const shortcut = el.dataset.reactiveShortcutParam ?? (/"shortcut":/.test(ops) && ops)
+    const { target } = event
+    const typing =
+      shortcut && !/inEditable":true/.test(shortcut) && (target.isContentEditable || /^(input|textarea|select)$/.test(target.localName))
+    // Apple platforms run the meta twin of a `mod` chord, the rest the ctrl
+    // one: `skip` is the other platform's.
+    const mod = shortcut && (/[Mm]ac|iP/.test(navigator.userAgentData?.platform ?? navigator.platform) ? "meta" : "ctrl")
+    const skip = /mod\+/.test(shortcut) && (mod === "meta" ? "ctrl" : "meta")
+    // A delete/backspace chord (issue #366) binds a BARE keydown (Stimulus
+    // lacks the keys): the chord itself, this platform's `mod`, decides.
+    const chords = (shortcut && shortcut.match(/(^|"(keys|shortcut)":")[\w+]*(delete|backspace)(?="|$)/g)) || []
+    const bare = (d) => !d.filter && chords[0] && d.type === "keydown"
     // outside: is not recorded — on() flags it on the element, on_client in
     // the binding record (one window record without it is enough to queue;
     // the replay skips the outside ones).
-    const descs = matching(el, event, true).filter((d) =>
-      d.method === "runOps"
-        ? /"window":true(?!,"outside")/.test(el.dataset.reactiveOpsParam)
-        : el.dataset.reactiveOutsideParam !== "true",
+    const descs = matching(el, event, true).filter(
+      (d) =>
+        (bare(d)
+          ? !typing && chords.some((chord) => keyMatches(chord.slice(chord.lastIndexOf('"') + 1).replace("mod", mod), event))
+          : !(d.filter && (typing || (skip && d.filter.includes(skip))))) &&
+        (d.method === "runOps" ? /"window":true(?!,"outside")/.test(ops) : el.dataset.reactiveOutsideParam !== "true"),
     )
-    if (descs.length) enqueue(event, el, descs, true)
+    if (descs.length) enqueue(event, el, descs, true, shortcut && descs.some((d) => d.filter || bare(d)))
   }
 }
 

data/app/javascript/phlex/reactive/early.min.js

@@ -1,4 +1,4 @@
-var h=Symbol.for("phlex-reactive.early");var i=globalThis[h]??={queue:[],connected:new WeakSet};function w(t){let e=/^(?:(key\w+)\.([\w+]+)|([^@>]+))(@window)?->reactive#(dispatch|runOps)(?::!?\w+)*$/.exec(t);return e?[{token:t,type:e[1]??e[3],filter:e[2],win:!!e[4],method:e[5]}]:[]}function y(t,e){if(!t)return!0;let o=t.split("+"),r=o.pop();return(r==="esc"?"escape":r==="space"?" ":r.replace(/^(?=up|down|left|right)/,"arrow").replace("_",""))===e.key?.toLowerCase()&&["meta","ctrl","alt","shift"].every((n)=>o.includes(n)===e[`${n}Key`])}var l=(t)=>(t.dataset.action??"").split(/\s+/).flatMap(w),d=(t,e,o)=>l(t).filter((r)=>r.win===o&&r.type===e.type&&y(r.filter,e));function f(t,e,o,r){let a=e.closest('[data-controller~="reactive"],[data-reactive-dormant~="reactive"]');if(!a||i.connected.has(a))return;let n=/^(checkbox|radio)$/.test(e.type)&&/"checked":"keep"/.test(e.dataset.reactiveOptimisticParam);if(!r&&(!n||o.some((m)=>m.method==="runOps")))t.preventDefault();let{queue:s}=i;if(s.push({event:t,el:e,root:a,descs:o,win:r,at:performance.now()})>50)s.shift();let{reactiveDormant:u,controller:p=""}=a.dataset;if(u)a.dataset.controller=`${p} ${u}`.trim(),delete a.dataset.reactiveDormant}function b(t){for(let e=t.target;e?.closest;e=e.parentElement){if(!t.bubbles&&e!==t.target)break;let o=d(e,t,!1);if(o.length)f(t,e,o,!1)}}var c=new Set,E=c;function O(t){if(!t.bubbles&&t.target!==t.currentTarget)return;for(let e of c){if(!e.isConnected){c.delete(e);continue}if(i.connected.has(e.closest('[data-controller~="reactive"],[data-reactive-dormant~="reactive"]')))continue;let o=d(e,t,!0).filter((r)=>r.method==="runOps"?/"window":true(?!,"outside")/.test(e.dataset.reactiveOpsParam):e.dataset.reactiveOutsideParam!=="true");if(o.length)f(t,e,o,!0)}}function g(t=document){let e=(r)=>{if(r.nodeType!==1)return;for(let a of[r,...r.querySelectorAll('[data-action*="reactive#"]')])for(let{type:n,win:s}of l(a)){if(s)c.add(a);(s?t.defaultView:t).addEventListener(n,s?O:b,!0)}},o=()=>{for(let r of c)if(!r.isConnected)c.delete(r)};o(),e(t.documentElement),new MutationObserver((r)=>{o();for(let a of r)a.type==="attributes"?e(a.target):a.addedNodes.forEach(e)}).observe(t.documentElement,{childList:!0,subtree:!0,attributeFilter:["data-action"]})}if(globalThis.document)g();export{E as __windowBoundForTest,g as startEarly};
+var g=Symbol.for("phlex-reactive.early");var p=globalThis[g]??={queue:[],connected:new WeakSet};function O(e){let t=/^(?:(key\w+)\.([\w+]+)|([^@>]+))(@window)?->reactive#(dispatch|runOps)(?::!?\w+)*$/.exec(e);return t?[{token:e,type:t[1]??t[3],filter:t[2],win:!!t[4],method:t[5]}]:[]}function h(e,t){if(!e)return!0;let o=e.split("+"),r=o.pop();return(r==="esc"?"escape":r==="space"?" ":r.replace(/^(?=up|down|left|right)/,"arrow").replace("_",""))===t.key?.toLowerCase()&&["meta","ctrl","alt","shift"].every((a)=>o.includes(a)===t[`${a}Key`])}var w=(e)=>(e.dataset.action??"").split(/\s+/).flatMap(O),y=(e,t,o)=>w(e).filter((r)=>r.win===o&&r.type===t.type&&h(r.filter,t));function b(e,t,o,r,s){let a=t.closest('[data-controller~="reactive"],[data-reactive-dormant~="reactive"]');if(!a||p.connected.has(a))return;let n=/^(checkbox|radio)$/.test(t.type)&&/"checked":"keep"/.test(t.dataset.reactiveOptimisticParam);if(r?s:!n||o.some((d)=>d.method==="runOps"))e.preventDefault();let{queue:l}=p;if(l.push({event:e,el:t,root:a,descs:o,win:r,at:performance.now()})>50)l.shift();let{reactiveDormant:u,controller:f=""}=a.dataset;if(u)a.dataset.controller=`${f} ${u}`.trim(),delete a.dataset.reactiveDormant}function E(e){for(let t=e.target;t?.closest;t=t.parentElement){if(!e.bubbles&&t!==e.target)break;let o=y(t,e,!1);if(o.length)b(e,t,o,!1)}}var i=new Set,S=i;function k(e){if(!e.bubbles&&e.target!==e.currentTarget)return;for(let t of i){if(!t.isConnected){i.delete(t);continue}if(p.connected.has(t.closest('[data-controller~="reactive"],[data-reactive-dormant~="reactive"]')))continue;let o=t.dataset.reactiveOpsParam??"",r=t.dataset.reactiveShortcutParam??(/"shortcut":/.test(o)&&o),{target:s}=e,a=r&&!/inEditable":true/.test(r)&&(s.isContentEditable||/^(input|textarea|select)$/.test(s.localName)),n=r&&(/[Mm]ac|iP/.test(navigator.userAgentData?.platform??navigator.platform)?"meta":"ctrl"),l=/mod\+/.test(r)&&(n==="meta"?"ctrl":"meta"),u=r&&r.match(/(^|"(keys|shortcut)":")[\w+]*(delete|backspace)(?="|$)/g)||[],f=(c)=>!c.filter&&u[0]&&c.type==="keydown",d=y(t,e,!0).filter((c)=>(f(c)?!a&&u.some((m)=>h(m.slice(m.lastIndexOf('"')+1).replace("mod",n),e)):!(c.filter&&(a||l&&c.filter.includes(l))))&&(c.method==="runOps"?/"window":true(?!,"outside")/.test(o):t.dataset.reactiveOutsideParam!=="true"));if(d.length)b(e,t,d,!0,r&&d.some((c)=>c.filter||f(c)))}}function T(e=document){let t=(r)=>{if(r.nodeType!==1)return;for(let s of[r,...r.querySelectorAll('[data-action*="reactive#"]')])for(let{type:a,win:n}of w(s)){if(n)i.add(s);(n?e.defaultView:e).addEventListener(a,n?k:E,!0)}},o=()=>{for(let r of i)if(!r.isConnected)i.delete(r)};o(),t(e.documentElement),new MutationObserver((r)=>{o();for(let s of r)s.type==="attributes"?t(s.target):s.addedNodes.forEach(t)}).observe(e.documentElement,{childList:!0,subtree:!0,attributeFilter:["data-action"]})}if(globalThis.document)T();export{S as __windowBoundForTest,T as startEarly};
 
-//# debugId=853F262C6259DDE864756E2164756E21
+//# debugId=E672E1A717FD883764756E2164756E21
 //# sourceMappingURL=early.min.js.map

data/app/javascript/phlex/reactive/early.min.js.map

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["early.js"],
   "sourcesContent": [
-    "// phlex/reactive/early — never lose a trigger that fires before the `reactive`\n// controller connects (issue #273).\n//\n// An on()/on_client trigger is a Stimulus action: its listener only exists\n// once the controller module has loaded and connected. With a lazily loaded\n// controller (stimulus-loading's lazyLoadControllersFrom, a preload: false\n// pin, a slow network) a click or custom event in that window used to vanish:\n// no request, no error, a UI waiting forever. Import this tiny module EAGERLY\n// (`import \"phlex/reactive/early\"` in the entry point; the engine pins it with\n// preload: true) and the controller can load whenever it likes.\n//\n// How: one CAPTURE listener per trigger event type on document (the types come\n// from the `->reactive#dispatch` / `->reactive#runOps` descriptors in the page,\n// rescanned by a MutationObserver as markup arrives). When an event reaches a\n// descriptor whose root has NOT connected, it is queued and — synchronously,\n// while preventDefault still works — its native default is stopped exactly\n// where dispatch()/runOps() would stop it. connect() drains the queue\n// (reactive_controller.js #drainEarly) and replays each entry.\n//\n// The queue lives on window under a Symbol.for key, so neither module imports\n// the other and either may load first. NO Stimulus import: this module must\n// stay tiny (its gzipped size is asserted by spec/javascript/reactive_early.test.js).\n//\n// Dormant roots (issue #274): reactive_root(dormant: true) renders\n// data-reactive-dormant=\"reactive\" INSTEAD of data-controller=\"reactive\", so\n// nothing mounts (or, with a lazily loaded controller, is even fetched) until\n// one of the root's triggers fires. The first recorded trigger WAKES the root:\n// the identifier moves into data-controller, Stimulus connects it, and the\n// trigger is replayed like any other early event. A dormant root therefore\n// NEEDS this module — without it nothing ever wakes it.\n//\n// Window-bound triggers (window:, issue #303 — how a hotkey is bound) are\n// recorded too, by a capture listener on window: the keypress lands anywhere\n// on the page, so the scan keeps a registry of the elements carrying an\n// `@window` descriptor instead of walking up from the target. They are never\n// prevented (dispatch() does not prevent a window binding either) and live a\n// short TTL in the controller (a hotkey replayed seconds late is wrong).\n//\n// Limits: outside: triggers and @document bindings are not recorded (an\n// outside click before connect has nothing to close); a key filter is matched\n// against Stimulus's DEFAULT key mappings only.\n\nconst KEY = Symbol.for(\"phlex-reactive.early\")\n\n// The roots whose triggers are captured. A root counts as connected only\n// through state.connected (a WeakSet the controller fills in connect()), never\n// through markup — a Turbo snapshot clone carries data-reactive-connected over.\n// A dormant root (issue #274) is one too: it has no controller yet by design.\nconst ROOT_SELECTOR = '[data-controller~=\"reactive\"],[data-reactive-dormant~=\"reactive\"]'\n\nconst state = (globalThis[KEY] ??= { queue: [], connected: new WeakSet() })\n\n// One Stimulus descriptor token → [{ token, type, filter, win, method }] for a\n// reactive trigger, else [] (flatMap-ready). `win` marks an `@window` token;\n// `@document` never matches. Like Stimulus, a dot suffix is a key filter only\n// on a key event (`keydown.enter`); otherwise it is part of the event name\n// (`panel.opened`).\nfunction parseDescriptor(token) {\n  const match = /^(?:(key\\w+)\\.([\\w+]+)|([^@>]+))(@window)?->reactive#(dispatch|runOps)(?::!?\\w+)*$/.exec(token)\n  return match ? [{ token, type: match[1] ?? match[3], filter: match[2], win: !!match[4], method: match[5] }] : []\n}\n\n// Stimulus's key-filter rule against its DEFAULT mappings (esc, space, the\n// arrows, page_up/down; letters, digits, enter, tab, home, end map to\n// themselves): the key after the last \"+\" matches event.key, and the four\n// modifiers match exactly (ctrl+enter is not enter). It decides what to queue\n// and preventDefault before connect; the replay re-checks the filter against\n// the app's own key mappings (reactive_controller.js #replayEarly).\nfunction keyMatches(filter, event) {\n  if (!filter) return true\n  const parts = filter.split(\"+\")\n  const key = parts.pop()\n  const name = key === \"esc\" ? \"escape\" : key === \"space\" ? \" \" : key.replace(/^(?=up|down|left|right)/, \"arrow\").replace(\"_\", \"\")\n  return name === event.key?.toLowerCase() && [\"meta\", \"ctrl\", \"alt\", \"shift\"].every((mod) => parts.includes(mod) === event[`${mod}Key`])\n}\n\nconst descriptors = (el) => (el.dataset.action ?? \"\").split(/\\s+/).flatMap(parseDescriptor)\n\nconst matching = (el, event, win) =>\n  descriptors(el).filter((d) => d.win === win && d.type === event.type && keyMatches(d.filter, event))\n\n// Queue one firing for `el`'s root, unless that root has connected.\nfunction enqueue(event, el, descs, win) {\n  const root = el.closest(ROOT_SELECTOR)\n  if (!root || state.connected.has(root)) return\n  // dispatch() keeps the native flip of a checked: :keep checkbox/radio and\n  // never prevents a window binding; everything else is prevented now, as the\n  // controller would.\n  const keepsToggle =\n    /^(checkbox|radio)$/.test(el.type) && /\"checked\":\"keep\"/.test(el.dataset.reactiveOptimisticParam)\n  if (!win && (!keepsToggle || descs.some((d) => d.method === \"runOps\"))) event.preventDefault()\n  // Every firing is queued — a `:once` repeat included: the replay skips a\n  // descriptor already consumed (reactive_controller.js #replayEarly).\n  const { queue } = state\n  // Bounded: a root whose controller never registers must not grow it forever.\n  // `at` is the capture time — not event.timeStamp, which is when the event\n  // object was CREATED (an app may build one and dispatch it much later).\n  if (queue.push({ event, el, root, descs, win, at: performance.now() }) > 50) queue.shift()\n  // Wake a dormant root (issue #274) — synchronously, so by the time the\n  // event bubbles to an OUTER reactive root's Stimulus listener, `el` is\n  // already in this root's scope. Other controllers on the root are kept.\n  const { reactiveDormant, controller = \"\" } = root.dataset\n  if (reactiveDormant) {\n    root.dataset.controller = `${controller} ${reactiveDormant}`.trim()\n    delete root.dataset.reactiveDormant\n  }\n}\n\nfunction record(event) {\n  for (let el = event.target; el?.closest; el = el.parentElement) {\n    if (!event.bubbles && el !== event.target) break\n    const descs = matching(el, event, false)\n    if (descs.length) enqueue(event, el, descs, false)\n  }\n}\n\n// The elements carrying an `@window` reactive descriptor (issue #303), fed by\n// the scan. One that left the page is dropped once per mutation batch (a\n// Turbo Drive visit swaps the body, so the old page's triggers do not keep it\n// alive) or when next seen by the listener.\nconst windowBound = new Set()\nexport const __windowBoundForTest = windowBound\n\nfunction recordWindow(event) {\n  // Stimulus's window listener is a bubble-phase one: a non-bubbling event\n  // (focus, mouseenter) from inside the page never reaches it.\n  if (!event.bubbles && event.target !== event.currentTarget) return\n  for (const el of windowBound) {\n    if (!el.isConnected) {\n      windowBound.delete(el)\n      continue\n    }\n    // Cheapest check first: once its root connects, Stimulus hears it.\n    if (state.connected.has(el.closest(ROOT_SELECTOR))) continue\n    // outside: is not recorded — on() flags it on the element, on_client in\n    // the binding record (one window record without it is enough to queue;\n    // the replay skips the outside ones).\n    const descs = matching(el, event, true).filter((d) =>\n      d.method === \"runOps\"\n        ? /\"window\":true(?!,\"outside\")/.test(el.dataset.reactiveOpsParam)\n        : el.dataset.reactiveOutsideParam !== \"true\",\n    )\n    if (descs.length) enqueue(event, el, descs, true)\n  }\n}\n\n// Install the capture listeners for every reactive trigger type in `doc`, now\n// and as markup arrives. Runs on import; exported for tests and for apps that\n// render into another document.\n// addEventListener ignores a repeat of the same (type, listener, capture), so\n// every scan may simply re-add.\nexport function startEarly(doc = document) {\n  const scan = (node) => {\n    if (node.nodeType !== 1) return\n    for (const el of [node, ...node.querySelectorAll('[data-action*=\"reactive#\"]')]) {\n      for (const { type, win } of descriptors(el)) {\n        if (win) windowBound.add(el)\n        ;(win ? doc.defaultView : doc).addEventListener(type, win ? recordWindow : record, true)\n      }\n    }\n  }\n  // Once per batch of markup, not per added node: drop the window-bound\n  // triggers that left the page (a Turbo Drive visit swaps the whole body).\n  const prune = () => {\n    for (const el of windowBound) if (!el.isConnected) windowBound.delete(el)\n  }\n  prune()\n  scan(doc.documentElement)\n  new MutationObserver((mutations) => {\n    prune()\n    for (const m of mutations) m.type === \"attributes\" ? scan(m.target) : m.addedNodes.forEach(scan)\n  }).observe(doc.documentElement, { childList: true, subtree: true, attributeFilter: [\"data-action\"] })\n}\n\nif (globalThis.document) startEarly()\n"
+    "// phlex/reactive/early — never lose a trigger that fires before the `reactive`\n// controller connects (issue #273).\n//\n// An on()/on_client trigger is a Stimulus action: its listener only exists\n// once the controller module has loaded and connected. With a lazily loaded\n// controller (stimulus-loading's lazyLoadControllersFrom, a preload: false\n// pin, a slow network) a click or custom event in that window used to vanish:\n// no request, no error, a UI waiting forever. Import this tiny module EAGERLY\n// (`import \"phlex/reactive/early\"` in the entry point; the engine pins it with\n// preload: true) and the controller can load whenever it likes.\n//\n// How: one CAPTURE listener per trigger event type on document (the types come\n// from the `->reactive#dispatch` / `->reactive#runOps` descriptors in the page,\n// rescanned by a MutationObserver as markup arrives). When an event reaches a\n// descriptor whose root has NOT connected, it is queued and — synchronously,\n// while preventDefault still works — its native default is stopped exactly\n// where dispatch()/runOps() would stop it. connect() drains the queue\n// (reactive_controller.js #drainEarly) and replays each entry.\n//\n// The queue lives on window under a Symbol.for key, so neither module imports\n// the other and either may load first. NO Stimulus import: this module must\n// stay tiny (its gzipped size is asserted by spec/javascript/reactive_early.test.js).\n//\n// Dormant roots (issue #274): reactive_root(dormant: true) renders\n// data-reactive-dormant=\"reactive\" INSTEAD of data-controller=\"reactive\", so\n// nothing mounts (or, with a lazily loaded controller, is even fetched) until\n// one of the root's triggers fires. The first recorded trigger WAKES the root:\n// the identifier moves into data-controller, Stimulus connects it, and the\n// trigger is replayed like any other early event. A dormant root therefore\n// NEEDS this module — without it nothing ever wakes it.\n//\n// Window-bound triggers (window:, issue #303 — how a hotkey is bound) are\n// recorded too, by a capture listener on window: the keypress lands anywhere\n// on the page, so the scan keeps a registry of the elements carrying an\n// `@window` descriptor instead of walking up from the target. They are never\n// prevented (dispatch() does not prevent a window binding either) and live a\n// short TTL in the controller (a hotkey replayed seconds late is wrong).\n// A shortcut: (issue #357) is the exception: the chord is prevented, as\n// dispatch() prevents it, and the other platform's `mod` twin or a press in an\n// editable field is neither queued nor prevented.\n//\n// Limits: outside: triggers and @document bindings are not recorded (an\n// outside click before connect has nothing to close); a key filter is matched\n// against Stimulus's DEFAULT key mappings only.\n\nconst KEY = Symbol.for(\"phlex-reactive.early\")\n\n// The roots whose triggers are captured. A root counts as connected only\n// through state.connected (a WeakSet the controller fills in connect()), never\n// through markup — a Turbo snapshot clone carries data-reactive-connected over.\n// A dormant root (issue #274) is one too: it has no controller yet by design.\nconst ROOT_SELECTOR = '[data-controller~=\"reactive\"],[data-reactive-dormant~=\"reactive\"]'\n\nconst state = (globalThis[KEY] ??= { queue: [], connected: new WeakSet() })\n\n// One Stimulus descriptor token → [{ token, type, filter, win, method }] for a\n// reactive trigger, else [] (flatMap-ready). `win` marks an `@window` token;\n// `@document` never matches. Like Stimulus, a dot suffix is a key filter only\n// on a key event (`keydown.enter`); otherwise it is part of the event name\n// (`panel.opened`).\nfunction parseDescriptor(token) {\n  const match = /^(?:(key\\w+)\\.([\\w+]+)|([^@>]+))(@window)?->reactive#(dispatch|runOps)(?::!?\\w+)*$/.exec(token)\n  return match ? [{ token, type: match[1] ?? match[3], filter: match[2], win: !!match[4], method: match[5] }] : []\n}\n\n// Stimulus's key-filter rule against its DEFAULT mappings (esc, space, the\n// arrows, page_up/down; letters, digits, enter, tab, home, end map to\n// themselves): the key after the last \"+\" matches event.key, and the four\n// modifiers match exactly (ctrl+enter is not enter). It decides what to queue\n// and preventDefault before connect; the replay re-checks the filter against\n// the app's own key mappings (reactive_controller.js #replayEarly).\nfunction keyMatches(filter, event) {\n  if (!filter) return true\n  const parts = filter.split(\"+\")\n  const key = parts.pop()\n  const name = key === \"esc\" ? \"escape\" : key === \"space\" ? \" \" : key.replace(/^(?=up|down|left|right)/, \"arrow\").replace(\"_\", \"\")\n  return name === event.key?.toLowerCase() && [\"meta\", \"ctrl\", \"alt\", \"shift\"].every((mod) => parts.includes(mod) === event[`${mod}Key`])\n}\n\nconst descriptors = (el) => (el.dataset.action ?? \"\").split(/\\s+/).flatMap(parseDescriptor)\n\nconst matching = (el, event, win) =>\n  descriptors(el).filter((d) => d.win === win && d.type === event.type && keyMatches(d.filter, event))\n\n// Queue one firing for `el`'s root, unless that root has connected.\nfunction enqueue(event, el, descs, win, shortcut) {\n  const root = el.closest(ROOT_SELECTOR)\n  if (!root || state.connected.has(root)) return\n  // dispatch() keeps the native flip of a checked: :keep checkbox/radio and\n  // never prevents a window binding — but a shortcut (issue #357), the chord\n  // the page claims (mod+s must not open the save dialog before connect), is\n  // always prevented: the keepsToggle exemption is for element-bound clicks\n  // only. Everything else is prevented now, as the controller would.\n  const keepsToggle =\n    /^(checkbox|radio)$/.test(el.type) && /\"checked\":\"keep\"/.test(el.dataset.reactiveOptimisticParam)\n  if (win ? shortcut : !keepsToggle || descs.some((d) => d.method === \"runOps\")) event.preventDefault()\n  // Every firing is queued — a `:once` repeat included: the replay skips a\n  // descriptor already consumed (reactive_controller.js #replayEarly).\n  const { queue } = state\n  // Bounded: a root whose controller never registers must not grow it forever.\n  // `at` is the capture time — not event.timeStamp, which is when the event\n  // object was CREATED (an app may build one and dispatch it much later).\n  if (queue.push({ event, el, root, descs, win, at: performance.now() }) > 50) queue.shift()\n  // Wake a dormant root (issue #274) — synchronously, so by the time the\n  // event bubbles to an OUTER reactive root's Stimulus listener, `el` is\n  // already in this root's scope. Other controllers on the root are kept.\n  const { reactiveDormant, controller = \"\" } = root.dataset\n  if (reactiveDormant) {\n    root.dataset.controller = `${controller} ${reactiveDormant}`.trim()\n    delete root.dataset.reactiveDormant\n  }\n}\n\nfunction record(event) {\n  for (let el = event.target; el?.closest; el = el.parentElement) {\n    if (!event.bubbles && el !== event.target) break\n    const descs = matching(el, event, false)\n    if (descs.length) enqueue(event, el, descs, false)\n  }\n}\n\n// The elements carrying an `@window` reactive descriptor (issue #303), fed by\n// the scan. One that left the page is dropped once per mutation batch (a\n// Turbo Drive visit swaps the body, so the old page's triggers do not keep it\n// alive) or when next seen by the listener.\nconst windowBound = new Set()\nexport const __windowBoundForTest = windowBound\n\nfunction recordWindow(event) {\n  // Stimulus's window listener is a bubble-phase one: a non-bubbling event\n  // (focus, mouseenter) from inside the page never reaches it.\n  if (!event.bubbles && event.target !== event.currentTarget) return\n  for (const el of windowBound) {\n    if (!el.isConnected) {\n      windowBound.delete(el)\n      continue\n    }\n    // Cheapest check first: once its root connects, Stimulus hears it.\n    if (state.connected.has(el.closest(ROOT_SELECTOR))) continue\n    // A shortcut (issue #357): on() flags it on the element, on_client in its\n    // record (read off the raw attribute: the element's records share one\n    // guard here, and the replay re-checks each). The guard covers only a\n    // key-filtered descriptor — a shortcut's twins always carry a filter — so\n    // the element's other window bindings (a click, a bare keydown) behave\n    // as they do without a shortcut. The exception is a delete/backspace\n    // chord's bare keydown (below), which on that element IS the shortcut.\n    const ops = el.dataset.reactiveOpsParam ?? \"\"\n    const shortcut = el.dataset.reactiveShortcutParam ?? (/\"shortcut\":/.test(ops) && ops)\n    const { target } = event\n    const typing =\n      shortcut && !/inEditable\":true/.test(shortcut) && (target.isContentEditable || /^(input|textarea|select)$/.test(target.localName))\n    // Apple platforms run the meta twin of a `mod` chord, the rest the ctrl\n    // one: `skip` is the other platform's.\n    const mod = shortcut && (/[Mm]ac|iP/.test(navigator.userAgentData?.platform ?? navigator.platform) ? \"meta\" : \"ctrl\")\n    const skip = /mod\\+/.test(shortcut) && (mod === \"meta\" ? \"ctrl\" : \"meta\")\n    // A delete/backspace chord (issue #366) binds a BARE keydown (Stimulus\n    // lacks the keys): the chord itself, this platform's `mod`, decides.\n    const chords = (shortcut && shortcut.match(/(^|\"(keys|shortcut)\":\")[\\w+]*(delete|backspace)(?=\"|$)/g)) || []\n    const bare = (d) => !d.filter && chords[0] && d.type === \"keydown\"\n    // outside: is not recorded — on() flags it on the element, on_client in\n    // the binding record (one window record without it is enough to queue;\n    // the replay skips the outside ones).\n    const descs = matching(el, event, true).filter(\n      (d) =>\n        (bare(d)\n          ? !typing && chords.some((chord) => keyMatches(chord.slice(chord.lastIndexOf('\"') + 1).replace(\"mod\", mod), event))\n          : !(d.filter && (typing || (skip && d.filter.includes(skip))))) &&\n        (d.method === \"runOps\" ? /\"window\":true(?!,\"outside\")/.test(ops) : el.dataset.reactiveOutsideParam !== \"true\"),\n    )\n    if (descs.length) enqueue(event, el, descs, true, shortcut && descs.some((d) => d.filter || bare(d)))\n  }\n}\n\n// Install the capture listeners for every reactive trigger type in `doc`, now\n// and as markup arrives. Runs on import; exported for tests and for apps that\n// render into another document.\n// addEventListener ignores a repeat of the same (type, listener, capture), so\n// every scan may simply re-add.\nexport function startEarly(doc = document) {\n  const scan = (node) => {\n    if (node.nodeType !== 1) return\n    for (const el of [node, ...node.querySelectorAll('[data-action*=\"reactive#\"]')]) {\n      for (const { type, win } of descriptors(el)) {\n        if (win) windowBound.add(el)\n        ;(win ? doc.defaultView : doc).addEventListener(type, win ? recordWindow : record, true)\n      }\n    }\n  }\n  // Once per batch of markup, not per added node: drop the window-bound\n  // triggers that left the page (a Turbo Drive visit swaps the whole body).\n  const prune = () => {\n    for (const el of windowBound) if (!el.isConnected) windowBound.delete(el)\n  }\n  prune()\n  scan(doc.documentElement)\n  new MutationObserver((mutations) => {\n    prune()\n    for (const m of mutations) m.type === \"attributes\" ? scan(m.target) : m.addedNodes.forEach(scan)\n  }).observe(doc.documentElement, { childList: true, subtree: true, attributeFilter: [\"data-action\"] })\n}\n\nif (globalThis.document) startEarly()\n"
   ],
-  "mappings": "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",
-  "debugId": "853F262C6259DDE864756E2164756E21",
+  "mappings": "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",
+  "debugId": "E672E1A717FD883764756E2164756E21",
   "names": []
 }

data/app/javascript/phlex/reactive/features/bindings.js

@@ -64,124 +64,129 @@ export function connect(controller, core) {
   const c = ctx(controller, core)
   c.offs = []
   c.seeds = []
-
-  // Show bindings (issue #161) — ONLY when this root owns one, so a component
-  // without any pays a single probe (the dirty-tracking gate precedent). ONE
-  // delegated listener pair on the root (input + change bubble from every
-  // owned field — no per-field wiring, and a reactive_compute output write
-  // dispatches a real input event, so computed values drive visibility too).
-  // The connect sync seeds the initial state — a plain replace re-connects —
-  // and turbo:morph-element re-syncs after an in-place morph (which keeps the
-  // element connected, fires no Stimulus lifecycle, and may preserve a
-  // user-edited field value the server's hidden attrs don't reflect).
-  if (showSyncEnabled(c)) {
-    // A select-all header's edit flips its group first (issue #319) — on
-    // `input`, which a click fires BEFORE `change`, or the pass below would
-    // reset the header to its group's state first (the flip is idempotent, so
-    // the `change` that follows flips nothing). The change events it
-    // dispatches re-enter here and are skipped while it flips, so the pass
-    // after the loop runs once, not once per box.
-    c.show = (event) => {
-      if (c.flipping) return
-      // Only a user edit pushes the header onto its group; a morph (whose
-      // turbo:morph-element bubbles from the header too) derives it instead.
-      if (event?.type === "input" || event?.type === "change") flipGroup(c, event.target)
-      // Whether this root has group bindings is read at connect and again on
-      // a morph (which may add one, and so need the observer) — never per
-      // keystroke.
-      else {
-        c.groups = hasGroups(c)
-        observeGroups(c)
+  // Each binding below is wired once, the first time its gate reads true:
+  // here, and again from reseed() — a stream can render a root's first show
+  // target, filter or nested list into it after connect (issue #356).
+  let resetting
+  let filtering
+  let tagging
+  let serializing
+  ;(c.wire = () => {
+    // Show bindings (issue #161) — ONLY when this root owns one, so a component
+    // without any pays a single probe (the dirty-tracking gate precedent). ONE
+    // delegated listener pair on the root (input + change bubble from every
+    // owned field — no per-field wiring, and a reactive_compute output write
+    // dispatches a real input event, so computed values drive visibility too).
+    // The connect sync seeds the initial state — a plain replace re-connects —
+    // and turbo:morph-element re-syncs after an in-place morph (which keeps the
+    // element connected, fires no Stimulus lifecycle, and may preserve a
+    // user-edited field value the server's hidden attrs don't reflect).
+    if (!c.show && showSyncEnabled(c)) {
+      // A select-all header's edit flips its group first (issue #319) — on
+      // `input`, which a click fires BEFORE `change`, or the pass below would
+      // reset the header to its group's state first (the flip is idempotent, so
+      // the `change` that follows flips nothing). The change events it
+      // dispatches re-enter here and are skipped while it flips, so the pass
+      // after the loop runs once, not once per box.
+      c.show = (event) => {
+        if (c.flipping) return
+        // Only a user edit pushes the header onto its group; a morph (whose
+        // turbo:morph-element bubbles from the header too) derives it instead.
+        if (event?.type === "input" || event?.type === "change") flipGroup(c, event.target)
+        // Whether this root has group bindings is read at connect and again on
+        // a morph (which may add one, and so need the observer) — never per
+        // keystroke.
+        else {
+          c.groups = hasGroups(c)
+          observeGroups(c)
+        }
+        syncShow(c)
       }
-      syncShow(c)
+      listen(c, "input change", c.show)
+      seed(c, c.show)
     }
-    listen(c, "input change", c.show)
-    seed(c, c.show)
-  }
 
-  // Completion bindings (issue #226) — ONLY when the root declares
-  // data-reactive-on-complete (the show/filter gate precedent). ONE
-  // delegated input+change listener evaluates every binding's DNF over the
-  // owned fields and runs its ops on the RISING EDGE — the event-driven
-  // flip to true. The connect pass ARMS without firing (a fresh render with
-  // already-satisfied conditions must never self-fire — the $ops seed
-  // precedent), and turbo:morph-element re-arms the same way after an
-  // in-place morph. Listeners added HERE run after the Stimulus-wired
-  // recompute delegation for the same event, so the evaluation reads
-  // compute-NORMALIZED values (and a compute output write dispatches a real
-  // input event that re-evaluates anyway).
-  if (onCompleteEnabled(c)) {
-    listen(c, "input change", (event) => syncOnComplete(c, event))
-    seed(
-      c,
-      (c.arm = () => {
-        syncOnComplete(c, null)
-        observeGroups(c)
-      }),
-    )
-  }
+    // Completion bindings (issue #226) — ONLY when the root declares
+    // data-reactive-on-complete (the show/filter gate precedent). ONE
+    // delegated input+change listener evaluates every binding's DNF over the
+    // owned fields and runs its ops on the RISING EDGE — the event-driven
+    // flip to true. The connect pass ARMS without firing (a fresh render with
+    // already-satisfied conditions must never self-fire — the $ops seed
+    // precedent), and turbo:morph-element re-arms the same way after an
+    // in-place morph. Listeners added HERE run after the Stimulus-wired
+    // recompute delegation for the same event, so the evaluation reads
+    // compute-NORMALIZED values (and a compute output write dispatches a real
+    // input event that re-evaluates anyway).
+    if (!c.arm && onCompleteEnabled(c)) {
+      listen(c, "input change", (event) => syncOnComplete(c, event))
+      seed(
+        c,
+        (c.arm = () => {
+          syncOnComplete(c, null)
+          observeGroups(c)
+        }),
+      )
+    }
 
-  // A form reset (issue #342) restores its fields AFTER the `reset` event
-  // dispatches (and only if nothing cancelled it), so this waits a task, then
-  // re-syncs the bindings and re-arms the completion latches without firing
-  // (a reset fires no input/change, so a checked-count latch would stay high).
-  if (c.show || c.arm) {
-    listen(c, "reset", () =>
-      setTimeout(() => {
-        if (contexts.get(controller) !== c) return
-        c.show?.()
-        c.arm?.()
-      }, 0),
-    )
-  }
+    // A form reset (issue #342) restores its fields AFTER the `reset` event
+    // dispatches (and only if nothing cancelled it), so this waits a task, then
+    // re-syncs the bindings and re-arms the completion latches without firing
+    // (a reset fires no input/change, so a checked-count latch would stay high).
+    if (!resetting && (resetting = c.show || c.arm)) {
+      listen(c, "reset", () =>
+        setTimeout(() => {
+          if (contexts.get(controller) !== c) return
+          c.show?.()
+          c.arm?.()
+        }, 0),
+      )
+    }
 
-  // Option filtering (issue #163) — ONLY when the root declares the binding
-  // (reactive_filter emits both attrs together), so a component without one
-  // pays two attribute reads. ONE delegated input listener on the root — the
-  // handler re-filters only for events from the NAMED input, so keystrokes in
-  // unrelated fields on a wide form never pay a filter pass. The connect sync
-  // seeds from the input's current value (a plain replace re-connects; back
-  // navigation may restore typed text), and turbo:morph-element re-applies
-  // after an in-place morph (which keeps the element connected, fires no
-  // Stimulus lifecycle, and may preserve the user's typed query while the
-  // server re-rendered every option visible).
-  if (filterEnabled(c)) {
-    listen(c, "input", (event) => filterInputEvent(c, event) && syncFilter(c))
-    seed(c, () => syncFilter(c))
-  }
+    // Option filtering (issue #163) — ONLY when the root declares the binding
+    // (reactive_filter emits both attrs together), so a component without one
+    // pays two attribute reads. ONE delegated input listener on the root — the
+    // handler re-filters only for events from the NAMED input, so keystrokes in
+    // unrelated fields on a wide form never pay a filter pass. The connect sync
+    // seeds from the input's current value (a plain replace re-connects; back
+    // navigation may restore typed text), and turbo:morph-element re-applies
+    // after an in-place morph (which keeps the element connected, fires no
+    // Stimulus lifecycle, and may preserve the user's typed query while the
+    // server re-rendered every option visible).
+    if (!filtering && (filtering = filterEnabled(c))) {
+      listen(c, "input", (event) => filterInputEvent(c, event) && syncFilter(c))
+      seed(c, () => syncFilter(c))
+    }
 
-  // Tag-chip input (issue #203) — ONLY when the root names the hidden value
-  // field (reactive_tags), so a component without one pays one attribute
-  // read. The chip list is a CLIENT PROJECTION of the hidden field's
-  // comma-joined value: connect seeds it (a plain replace re-connects with
-  // the server-rendered value), and turbo:morph-element re-projects after an
-  // in-place morph (the morph wrote server truth into the hidden field while
-  // the chips DOM kept the pre-morph projection). Registered AFTER the
-  // filter's listeners so a morph re-filters first and the tags pass then
-  // re-marks selected options on the fresh visibility state.
-  if (tagsEnabled(c)) seed(c, () => syncTags(c))
-
-  // JSON-mode nested rows (issue #208) — ONLY when the root owns a list with
-  // `as: :json`, so a form without one pays a single probe (the show/filter/
-  // tags gate precedent). ONE delegated input + change listener re-serializes
-  // the rows into the hidden field on every owned edit (nestedAdd/Remove call
-  // the sync directly; this covers typing into a row's fields). The connect
-  // seed writes the initial array (a plain replace re-connects), and
-  // turbo:morph-element re-seeds after an in-place morph (which keeps the
-  // element connected, fires no Stimulus lifecycle, and may have rewritten
-  // the rows to server truth while the hidden field kept its pre-morph value).
-  if (nestedJsonEnabled(c)) {
-    listen(c, "input change", (event) => syncNestedJson(c, event))
-    seed(c, () => syncAllNestedJson(c))
-  }
+    // Tag-chip input (issue #203) — ONLY when the root names the hidden value
+    // field (reactive_tags), so a component without one pays one attribute
+    // read. The chip list is a CLIENT PROJECTION of the hidden field's
+    // comma-joined value: connect seeds it (a plain replace re-connects with
+    // the server-rendered value), and turbo:morph-element re-projects after an
+    // in-place morph (the morph wrote server truth into the hidden field while
+    // the chips DOM kept the pre-morph projection). Registered AFTER the
+    // filter's listeners so a morph re-filters first and the tags pass then
+    // re-marks selected options on the fresh visibility state.
+    if (!tagging && (tagging = tagsEnabled(c))) seed(c, () => syncTags(c))
+
+    // JSON-mode nested rows (issue #208) — ONLY when the root owns a list with
+    // `as: :json`, so a form without one pays a single probe (the show/filter/
+    // tags gate precedent). ONE delegated input + change listener re-serializes
+    // the rows into the hidden field on every owned edit (nestedAdd/Remove call
+    // the sync directly; this covers typing into a row's fields). The connect
+    // seed writes the initial array (a plain replace re-connects), and
+    // turbo:morph-element re-seeds after an in-place morph (which keeps the
+    // element connected, fires no Stimulus lifecycle, and may have rewritten
+    // the rows to server truth while the hidden field kept its pre-morph value).
+    if (!serializing && (serializing = nestedJsonEnabled(c))) {
+      listen(c, "input change", (event) => syncNestedJson(c, event))
+      seed(c, () => syncAllNestedJson(c))
+    }
+  })()
 
   // Editable text (issue #351). Delegated keys, paste and drop on the root,
   // whether or not it owns an editable yet: a stream can append the first one
   // into a root whose bindings connected for another marker (each handler
-  // returns at once for an event that is not an owned editable's). The seed
-  // downgrades plaintext-only where the engine lacks it, again after a morph
-  // (which writes the server's attribute back).
-  seed(c, () => downgradeEditables(c))
+  // returns at once for an event that is not an owned editable's).
   listen(c, "keydown", (event) => editableKey(c, event))
   listen(c, "paste drop", (event) => editablePaste(c, event))
   listen(c, "input", (event) => editableEmptied(c, event))
@@ -199,10 +204,15 @@ export function disconnect(controller) {
 }
 
 // Re-run the seeds that read field values, in connect() order — for a
-// feature that changed those values after connect() ran (the draft restore).
-// Each is the same re-sync a morph runs; on-complete re-ARMS without firing.
+// feature that changed those values after connect() ran (the draft restore),
+// or content a stream rendered into the root (issue #356) — then wire any
+// binding whose gate reads true only now. Each seed is the same re-sync a
+// morph runs; on-complete re-ARMS without firing.
 export function reseed(controller) {
-  for (const run of contexts.get(controller)?.seeds ?? []) run()
+  const c = contexts.get(controller)
+  if (!c) return
+  for (const run of c.seeds) run()
+  c.wire()
 }
 
 // A value this module wrote is announced the way a user's edit is: a bubbling
@@ -1603,27 +1613,9 @@ function conditionalConfirmMessage(c, confirmWhen) {
 // --- Editable text (issue #351) ----------------------------------------------
 // reactive_editable renders contenteditable="plaintext-only": the browser
 // itself then pastes plain text and inserts "\n" for Enter. An engine without
-// it reads the value as invalid — NOT editable — so the seed downgrades to
-// "true" there and the paste handler below does the plain-text part. Detected
-// once per page.
-let plaintextOnly
-
-export function __setPlaintextOnlyForTest(value) {
-  plaintextOnly = value
-}
-
-function plaintextSupported() {
-  if (plaintextOnly === undefined) {
-    try {
-      const probe = document.createElement("div")
-      probe.contentEditable = "plaintext-only"
-      plaintextOnly = probe.contentEditable === "plaintext-only"
-    } catch {
-      plaintextOnly = false
-    }
-  }
-  return plaintextOnly
-}
+// it reads the value as invalid; the runtime switches every reactive editable
+// to "true" there (issue #355), and the paste handler below does the
+// plain-text part.
 
 // The owned editable an event came from, or null — a nested reactive root's
 // editables are its own (#15).
@@ -1632,13 +1624,6 @@ function ownedEditable(c, event) {
   return el && c.core.owns(el) ? el : null
 }
 
-function downgradeEditables(c) {
-  if (plaintextSupported()) return
-  for (const el of c.root.querySelectorAll("[data-reactive-editable][contenteditable=plaintext-only]")) {
-    el.setAttribute("contenteditable", "true")
-  }
-}
-
 // Enter: a single-line field swallows it; on_enter runs its ops (root-scoped,
 // as on_client) or submits the field's form — in a multiline field only a
 // plain Enter, so Shift+Enter still breaks the line. Never while an IME is
@@ -1671,7 +1656,7 @@ function editablePaste(c, event) {
   const el = ownedEditable(c, event)
   const single = el?.getAttribute("data-reactive-editable") !== "multi"
   let text = (event.clipboardData ?? event.dataTransfer)?.getData("text/plain")
-  if (!el || text == null || (plaintextSupported() && !(single && /[\r\n]/.test(text)))) return
+  if (!el || text == null || (c.core.plain() && !(single && /[\r\n]/.test(text)))) return
   event.preventDefault()
   if (single) text = text.replace(/\r?\n|\r/g, " ")
   el.focus()