contactsheet 0.1.8 → 0.1.10

package/dist/canvas/app.js

@@ -363,10 +363,50 @@ ${board.entry.kind} \xB7 ${board.entry.id}`);
     }
   }
   var UPLOADING = "__uploading__";
-  function removeRefToken(text, idx1) {
-    return text.replace(new RegExp(`\\[\u56FE\u7247 ${idx1}\\]`, "g"), "").replace(/\[图片 (\d+)\]/g, (m, d) => {
+  function renumberAfter(text, removed) {
+    return text.replace(/\[图片 (\d+)\]/g, (m, d) => {
       const n = Number(d);
-      return n > idx1 ? `[\u56FE\u7247 ${n - 1}]` : m;
+      return n > removed ? `[\u56FE\u7247 ${n - 1}]` : m;
+    });
+  }
+  function removeRefToken(text, idx1) {
+    return renumberAfter(text.replace(new RegExp(`\\[\u56FE\u7247 ${idx1}\\]`, "g"), ""), idx1);
+  }
+  function bindTokenAtomics(ta, refs, redraw) {
+    ta.addEventListener("keydown", (e) => {
+      if (e.key !== "Backspace" && e.key !== "Delete") return;
+      const tokens = [...ta.value.matchAll(/\[图片 (\d+)\]/g)].map((m) => ({
+        n: Number(m[1]),
+        start: m.index ?? 0,
+        end: (m.index ?? 0) + m[0].length
+      }));
+      if (tokens.length === 0) return;
+      const s = ta.selectionStart ?? 0;
+      const t = ta.selectionEnd ?? s;
+      const dropRefs = (nums) => {
+        for (const n of [...nums].sort((a, b) => b - a)) {
+          refs.splice(n - 1, 1);
+          ta.value = renumberAfter(ta.value, n);
+        }
+        redraw();
+      };
+      if (s === t) {
+        const hit = tokens.find((k) => e.key === "Backspace" ? s > k.start && s <= k.end : s >= k.start && s < k.end);
+        if (!hit) return;
+        e.preventDefault();
+        ta.setRangeText("", hit.start, hit.end, "start");
+        dropRefs([hit.n]);
+        ta.setSelectionRange(hit.start, hit.start);
+        return;
+      }
+      const touched = tokens.filter((k) => k.start < t && k.end > s);
+      if (touched.length === 0) return;
+      e.preventDefault();
+      const ns = Math.min(s, ...touched.map((k) => k.start));
+      const ne = Math.max(t, ...touched.map((k) => k.end));
+      ta.setRangeText("", ns, ne, "start");
+      dropRefs(touched.map((k) => k.n));
+      ta.setSelectionRange(ns, ns);
     });
   }
   function insertAtCursor(ta, token) {
@@ -748,6 +788,7 @@ ${board.entry.kind} \xB7 ${board.entry.id}`);
   function renderPins() {
     for (const board of state.boards.values()) renderBoardPins(board);
   }
+  var orphanRetries = /* @__PURE__ */ new Map();
   function renderBoardPins(board) {
     const layer = board.pinLayerEl;
     layer.textContent = "";
@@ -796,6 +837,21 @@ ${board.entry.kind} \xB7 ${board.entry.id}`);
       attachHoverGrace(pin);
       layer.appendChild(pin);
     });
+    const id = board.entry.id;
+    if (layer.querySelector(".cs-pin.is-orphan")) {
+      const n = orphanRetries.get(id) ?? 0;
+      if (n < 8) {
+        orphanRetries.set(id, n + 1);
+        setTimeout(() => {
+          const b = state.boards.get(id);
+          if (!b) return;
+          if (b.pinLayerEl.querySelector(".is-editing")) return;
+          renderBoardPins(b);
+        }, 600 * (n + 1));
+      }
+    } else {
+      orphanRetries.delete(id);
+    }
   }
   var selectedPinId = null;
   function selectedPin() {
@@ -928,6 +984,7 @@ ${board.entry.kind} \xB7 ${board.entry.id}`);
       strip = next;
     };
     redrawStrip();
+    bindTokenAtomics(ta, refs, redrawStrip);
     setPasteTarget({
       el: box,
       onFile: (file) => attachInline(ta, refs, file, redrawStrip)
@@ -1101,6 +1158,7 @@ ${board.entry.kind} \xB7 ${board.entry.id}`);
       stripEl.replaceWith(next);
       stripEl = next;
     };
+    bindTokenAtomics(ta, refs, redrawStrip);
     setPasteTarget({
       el: box,
       onFile: (file) => attachInline(ta, refs, file, redrawStrip)