kerfjs 4.4.0 → 5.0.0-beta.3

package/dist/{chunk-SRWQKB33.js → chunk-SVATPF5R.js}

@@ -1,9 +1,9 @@
 import { itemVersion } from './chunk-QIP723L4.js';
-import { parseRowTemplate, rowContractError, parseSingleRow, collectTemplateChildren } from './chunk-YHH7OUFA.js';
-import { captureRowBindings, listSafeHtml, boundTextNodeOf, syncFormProp, newBindingContext, wireBindings, disposeRowBindings, isSafeHtml, wireRowBindings, _setBindingContext, TEXT_MARKER_PREFIX, ROW_TEXT_PREFIX, carryOrRewireRowBindings, granularListSafeHtml } from './chunk-SUPUPSBE.js';
-import { effect } from './chunk-3APBEVHF.js';
+import { parseRowTemplate, rowContractError, parseSingleRow, collectTemplateChildren } from './chunk-V46JKE44.js';
+import { captureRowBindings, listSafeHtml, boundTextNodeOf, syncFormProp, newBindingContext, disposeRowBindings, wireBindings, isSafeHtml, _setBindingContext, TEXT_MARKER_PREFIX, ROW_TEXT_PREFIX, wireRowBindings, carryOrRewireRowBindings, granularListSafeHtml } from './chunk-ZDCJZCNO.js';
+import { effect } from './chunk-U6FK33SG.js';
 import { LIST_MARKER_PREFIX, flattenWithoutListItems, collectLists, flatten } from './chunk-GY4XV2UV.js';
-import { devHooks } from './chunk-VVDJLWMP.js';
+import { devHooks } from './chunk-HW7KSM2Y.js';
 
 // src/list-render-state.ts
 function deriveListRenderState(bindingCount) {
@@ -106,6 +106,28 @@ function assertObjectItem(item, index) {
     );
   }
 }
+function _hasGranularIndexShift(previousBindingCount, patches) {
+  const rendered = [];
+  for (let i = 0; i < previousBindingCount; i++) rendered.push(i);
+  for (const patch of patches) {
+    if (patch.type === "insert") rendered.splice(patch.index, 0, patch.index);
+    else if (patch.type === "remove") rendered.splice(patch.index, 1);
+    else if (patch.type === "move") {
+      const [moved] = rendered.splice(patch.from, 1);
+      rendered.splice(patch.to, 0, moved);
+    }
+  }
+  return rendered.some((renderedAt, index) => renderedAt !== index);
+}
+function _hasGranularCacheKeyDrift(snapshot, cacheKey, cache) {
+  for (let i = 0; i < snapshot.length; i++) {
+    const item = snapshot[i];
+    const nextKey = cacheKey(item, i);
+    const cached = cache.get(item);
+    if (cached !== void 0 && cached.cacheKey !== nextKey) return true;
+  }
+  return false;
+}
 function eachGranular(sig, render, cacheKey, listKey) {
   const ctx = context;
   const id = listKey !== void 0 ? claimKey(ctx, listKey) : String(ctx.counter++);
@@ -124,34 +146,11 @@ function eachGranular(sig, render, cacheKey, listKey) {
   if (decision.path === "snapshot") {
     return eachSnapshotById(snapshot, render, cacheKey, id, sig);
   }
-  let staleIndexShift = false;
-  if (render.length >= 2 && devHooks.staleIndexEnabled?.() === true) {
-    const rendered = [];
-    for (let i = 0; i < previousBindingCount; i++) rendered.push(i);
-    for (const p of patches) {
-      if (p.type === "insert") rendered.splice(p.index, 0, p.index);
-      else if (p.type === "remove") rendered.splice(p.index, 1);
-      else if (p.type === "move") {
-        const [moved] = rendered.splice(p.from, 1);
-        rendered.splice(p.to, 0, moved);
-      }
-    }
-    for (let i = 0; i < rendered.length; i++) {
-      if (rendered[i] !== i) {
-        staleIndexShift = true;
-        break;
-      }
-    }
-  }
+  const staleIndexShift = render.length >= 2 && devHooks.staleIndexEnabled?.() === true && _hasGranularIndexShift(previousBindingCount, patches);
   if (cacheKey !== void 0) {
     const cache2 = ctx.caches.get(id);
-    for (let i = 0; i < snapshot.length; i++) {
-      const item = snapshot[i];
-      const k = cacheKey(item, i);
-      const cached = cache2.get(item);
-      if (cached !== void 0 && cached.cacheKey !== k) {
-        return eachSnapshotById(snapshot, render, cacheKey, id, sig);
-      }
+    if (_hasGranularCacheKeyDrift(snapshot, cacheKey, cache2)) {
+      return eachSnapshotById(snapshot, render, cacheKey, id, sig);
     }
   }
   const renderRow = (item, index) => captureRowBindings(() => inRowScope(() => {
@@ -240,16 +239,6 @@ function eachSnapshotById(items, render, cacheKey, id, source) {
   return listSafeHtml(id, segItems, source);
 }
 
-// src/utils/moveNode.ts
-function moveNode(parent, node, ref) {
-  const move = parent.moveBefore;
-  if (move !== void 0 && node.isConnected) {
-    move.call(parent, node, ref);
-  } else {
-    parent.insertBefore(node, ref);
-  }
-}
-
 // src/list-reconcile-focus.ts
 function captureFocus(liveParent) {
   const active = document.activeElement;
@@ -258,6 +247,7 @@ function captureFocus(liveParent) {
   const el = active;
   let selStart = null;
   let selEnd = null;
+  let domSelection = null;
   if (el.tagName === "INPUT" || el.tagName === "TEXTAREA") {
     try {
       selStart = el.selectionStart;
@@ -265,18 +255,50 @@ function captureFocus(liveParent) {
     } catch {
     }
   }
-  return { el, selStart, selEnd };
+  if (el.isContentEditable) {
+    const selection = document.getSelection();
+    if (selection !== null && selection.anchorNode !== null && selection.focusNode !== null) {
+      domSelection = [
+        selection.anchorNode,
+        selection.anchorOffset,
+        selection.focusNode,
+        selection.focusOffset
+      ];
+    }
+  }
+  return [el, selStart, selEnd, domSelection];
 }
 function restoreFocus(snap) {
-  if (document.activeElement === snap.el) return;
-  if (!snap.el.isConnected) return;
-  snap.el.focus();
-  if (snap.selStart !== null && snap.selEnd !== null) {
+  const [el, selStart, selEnd, domSelection] = snap;
+  if (!el.isConnected) return;
+  if (document.activeElement !== el) el.focus();
+  if (selStart !== null && selEnd !== null) {
     try {
-      snap.el.setSelectionRange(snap.selStart, snap.selEnd);
+      el.setSelectionRange(selStart, selEnd);
     } catch {
     }
   }
+  if (domSelection === null) return;
+  const [anchorNode, anchorOffset, focusNode, focusOffset] = domSelection;
+  try {
+    document.getSelection()?.setBaseAndExtent(
+      anchorNode,
+      anchorOffset,
+      focusNode,
+      focusOffset
+    );
+  } catch {
+  }
+}
+
+// src/utils/moveNode.ts
+function moveNode(parent, node, ref) {
+  const move = parent.moveBefore;
+  if (move !== void 0 && node.isConnected) {
+    move.call(parent, node, ref);
+  } else {
+    parent.insertBefore(node, ref);
+  }
 }
 
 // src/morph.ts
@@ -892,8 +914,9 @@ function applyBulkInsert(liveParent, items, patches, start, end, tailAnchor) {
       html: htmls[k],
       node: newNodes[k],
       bindings: p.bindings,
+      // Every fresh row needs its fine-grained holes wired to the newly parsed
+      // node; otherwise later signal writes would target no live DOM binding.
       bindingDisposers: wireRowIfBound(newNodes[k], p.bindings)
-      // KF-294
     };
   }
   items.splice(startIdx, 0, ...newEntries);
@@ -1132,7 +1155,7 @@ function assertNotInsideMountedTree(rootEl) {
     );
   }
   let ancestor = rootEl.parentElement;
-  while (ancestor !== null) {
+  while (ancestor) {
     if (isMounted(ancestor)) throw new Error(NESTED_MOUNT_MSG);
     ancestor = ancestor.parentElement;
   }
@@ -1152,7 +1175,7 @@ function mount(rootEl, render) {
   }
   const owner = rootEl.ownerDocument;
   if (owner !== document) {
-    if (owner.defaultView === null) document.adoptNode(rootEl);
+    if (!owner.defaultView) document.adoptNode(rootEl);
   }
   assertNotInsideMountedTree(rootEl);
   setMounted(rootEl, true);
@@ -1189,10 +1212,9 @@ function mount(rootEl, render) {
       _setBindingContext(null);
     }
   };
-  const disposeEffect = effect(() => {
+  function renderStaticPhase() {
     let result = runRenderPass();
-    const countChanged = renderCtx.previousCallCount !== void 0 && renderCtx.previousCallCount !== renderCtx.counter;
-    if (countChanged) {
+    if (renderCtx.previousCallCount !== void 0 && renderCtx.previousCallCount !== renderCtx.counter) {
       for (const id of renderCtx.shiftCandidates) {
         if (renderCtx.warnedShiftIds.has(id)) continue;
         renderCtx.warnedShiftIds.add(id);
@@ -1207,7 +1229,7 @@ function mount(rootEl, render) {
       prevStaticHtml = flattenWithoutListItems(segment);
       devHooks.parserRepair?.(prevStaticHtml);
       bindingDisposers = wireBindings(rootEl, bindingCtx, bindingDisposers);
-      if (devHooks.staleBindingEnabled?.() === true) prevWiredBindings = bindingCtx.list;
+      if (devHooks.staleBindingEnabled?.()) prevWiredBindings = bindingCtx.list;
       isFirst = false;
     } else {
       let nextStaticHtml = runSubsequentRender(
@@ -1233,16 +1255,19 @@ function mount(rootEl, render) {
       }
       if (nextStaticHtml !== prevStaticHtml) {
         bindingDisposers = wireBindings(rootEl, bindingCtx, bindingDisposers);
-        if (devHooks.staleBindingEnabled?.() === true) prevWiredBindings = bindingCtx.list;
+        if (devHooks.staleBindingEnabled?.()) prevWiredBindings = bindingCtx.list;
       } else {
         devHooks.staleBinding?.(prevWiredBindings, bindingCtx.list);
       }
       prevStaticHtml = nextStaticHtml;
     }
-    const expectedCounts = devHooks.listInvariantsEnabled?.() === true ? /* @__PURE__ */ new Map() : null;
+    return segment;
+  }
+  function reconcileAndCommitListPhase(segment) {
+    const expectedCounts = devHooks.listInvariantsEnabled?.() ? /* @__PURE__ */ new Map() : null;
     for (const listSeg of collectLists(segment).values()) {
       const binding = bindings.get(listSeg.id);
-      if (binding === void 0) {
+      if (!binding) {
         throw new Error(
           "mount: an each() list appeared in the render output but its marker never reached the live DOM. The most common cause is an each() introduced inside a data-morph-skip subtree on a re-render \u2014 the morph leaves that subtree untouched, so the list can never bind. Move the each() outside the skipped subtree, or remove data-morph-skip from its ancestor."
         );
@@ -1252,11 +1277,14 @@ function mount(rootEl, render) {
       renderCtx.bindingSources.set(listSeg.id, listSeg.source);
       expectedCounts?.set(
         listSeg.id,
-        listSeg.patches !== void 0 && listSeg.source !== void 0 ? listSeg.source.value.length : listSeg.items.length
+        listSeg.patches && listSeg.source ? listSeg.source.value.length : listSeg.items.length
       );
     }
     renderCtx.previousCallCount = renderCtx.counter;
-    devHooks.listInvariants?.(rootEl, bindings, expectedCounts ?? void 0);
+    devHooks.listInvariants?.(rootEl, bindings, expectedCounts || void 0);
+  }
+  const disposeEffect = effect(() => {
+    reconcileAndCommitListPhase(renderStaticPhase());
   });
   return () => {
     disposeEffect();
@@ -1288,18 +1316,17 @@ function runSubsequentRender(rootEl, segment, bindings, renderCtx, prevStaticHtm
   return currentStaticHtml;
 }
 function coerceRenderResult(result) {
-  if (result === null || result === void 0) return "";
-  if (result === false || result === true) return "";
+  if (result == null || typeof result === "boolean") return "";
   return String(result);
 }
 function resultToSegment(result) {
   return isSafeHtml(result) ? result.__segment ?? { kind: "static", html: result.__html } : { kind: "static", html: coerceRenderResult(result) };
 }
 function anyRebuiltListIsGranular(segment, rebuilt) {
-  if (rebuilt.size === 0) return false;
+  if (!rebuilt.size) return false;
   const lists = collectLists(segment);
   for (const id of rebuilt) {
-    if (lists.get(id)?.patches !== void 0) return true;
+    if (lists.get(id)?.patches) return true;
   }
   return false;
 }
@@ -1311,7 +1338,7 @@ function bindListsFromMarkers(rootEl, segment, bindings, inlinedItems, rebuiltLi
     if (!marker.data.startsWith(LIST_MARKER_PREFIX)) continue;
     const id = marker.data.slice(LIST_MARKER_PREFIX.length);
     const existing = bindings.get(id);
-    if (existing !== void 0) {
+    if (existing) {
       if (existing.marker === marker && rootEl.contains(existing.marker)) continue;
       for (const item of existing.items) {
         disposeRowBindings(item.bindingDisposers);
@@ -1338,7 +1365,7 @@ function bindListsFromMarkers(rootEl, segment, bindings, inlinedItems, rebuiltLi
           node: next,
           bindings: rowBindings
         };
-        if (rowBindings !== void 0 && rowBindings.length > 0) {
+        if (rowBindings?.length) {
           bound.bindingDisposers = wireRowBindings(next, rowBindings);
         }
         items.push(bound);
@@ -1380,13 +1407,9 @@ function cleanupOrphanBindings(segment, bindings, renderCtx) {
     if (liveIds.has(id)) continue;
     for (const item of binding.items) {
       disposeRowBindings(item.bindingDisposers);
-      if (item.node.parentElement !== null) {
-        item.node.parentElement.removeChild(item.node);
-      }
-    }
-    if (binding.marker.parentElement !== null) {
-      binding.marker.parentElement.removeChild(binding.marker);
+      item.node.remove();
     }
+    binding.marker.remove();
     bindings.delete(id);
     renderCtx.bindingCounts.delete(id);
     renderCtx.bindingSources.delete(id);
@@ -1394,12 +1417,12 @@ function cleanupOrphanBindings(segment, bindings, renderCtx) {
   }
 }
 function collectComments(node, out) {
-  for (let c = node.firstChild; c !== null; c = c.nextSibling) {
+  for (let c = node.firstChild; c; c = c.nextSibling) {
     if (c.nodeType === Node.COMMENT_NODE) out.push(c);
     else if (c.nodeType === Node.ELEMENT_NODE) collectComments(c, out);
   }
 }
 
-export { each, morph, mount, moveNode };
-//# sourceMappingURL=chunk-SRWQKB33.js.map
-//# sourceMappingURL=chunk-SRWQKB33.js.map
+export { captureFocus, each, morph, mount, moveNode, restoreFocus };
+
+//# sourceMappingURL=chunk-SVATPF5R.js.map