@inkandswitch/patchwork-pkg-base 0.0.36 → 0.0.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkandswitch/patchwork-pkg-base",
-  "version": "0.0.36",
+  "version": "0.0.38",
   "type": "module",
   "description": "Base packages for the Patchwork system",
   "repository": {

package/packages/codemirror-base/dist/{chunk-SSMKXTVN.js → chunk-XU4QBB2J.js}

@@ -1,7 +1,7 @@
 // src/lib/codemirror.tsx
-import { onCleanup, createEffect as createEffect6 } from "solid-js";
-import { EditorView as EditorView5 } from "@codemirror/view";
-import { EditorState as EditorState2, Compartment as Compartment3 } from "@codemirror/state";
+import { onCleanup, createEffect as createEffect7 } from "solid-js";
+import { EditorView as EditorView6 } from "@codemirror/view";
+import { EditorState as EditorState2, Compartment as Compartment4 } from "@codemirror/state";
 
 // src/lib/extensions/decorations.ts
 import { createEffect } from "solid-js";
@@ -426,6 +426,308 @@ function createScrollHighlightIntoViewExtension(target) {
   return [extension, createScrollHighlightIntoViewEffect];
 }
 
+// src/lib/extensions/presence.ts
+import { createEffect as createEffect6 } from "solid-js";
+import {
+  Decoration as Decoration3,
+  EditorView as EditorView5,
+  RectangleMarker,
+  ViewPlugin as ViewPlugin3,
+  layer
+} from "@codemirror/view";
+import {
+  Compartment as Compartment3,
+  EditorSelection as EditorSelection2,
+  StateEffect as StateEffect3,
+  StateField as StateField2,
+  Transaction
+} from "@codemirror/state";
+import {
+  next as A3
+} from "@automerge/automerge/slim";
+import {
+  Presence
+} from "@automerge/automerge-repo/slim";
+function createPresenceExtension(handle, path, contactUrl) {
+  const compartment = new Compartment3();
+  const extension = () => {
+    const url = contactUrl();
+    return url ? presence(handle(), path(), url) : [];
+  };
+  const createReconfigureEffect = (view) => createEffect6(() => {
+    view.dispatch({ effects: compartment.reconfigure(extension()) });
+  });
+  return [compartment.of(extension()), createReconfigureEffect];
+}
+function presence(handle, path, contactUrl) {
+  const setRemoteSelections = StateEffect3.define();
+  const remoteSelectionField = StateField2.define({
+    create() {
+      return [];
+    },
+    update(value, tr) {
+      if (tr.docChanged) {
+        value = value.map((sel) => ({
+          ...sel,
+          from: tr.changes.mapPos(sel.from),
+          to: tr.changes.mapPos(sel.to),
+          head: tr.changes.mapPos(sel.head)
+        }));
+      }
+      for (const e of tr.effects) {
+        if (e.is(setRemoteSelections)) value = e.value;
+      }
+      return value;
+    },
+    // Selection tints are plain mark decorations: they carry no stateful
+    // DOM, so redrawing them is invisible.
+    provide: (f) => EditorView5.decorations.from(f, buildSelectionTints)
+  });
+  const caretLayer = layer({
+    above: true,
+    class: "cm-presence-layer",
+    update: (update) => update.docChanged || update.transactions.some(
+      (tr) => tr.effects.some((e) => e.is(setRemoteSelections))
+    ),
+    markers(view) {
+      const selections = [...view.state.field(remoteSelectionField)].sort(
+        (a, b) => a.peerId < b.peerId ? -1 : a.peerId > b.peerId ? 1 : 0
+      );
+      const markers = [];
+      for (const sel of selections) {
+        const [rect] = RectangleMarker.forRange(
+          view,
+          "cm-presence-caret",
+          EditorSelection2.cursor(sel.head)
+        );
+        if (!rect) continue;
+        markers.push(
+          new PresenceCaretMarker(sel, rect.left, rect.top, rect.height)
+        );
+      }
+      return markers;
+    }
+  });
+  const plugin = ViewPlugin3.fromClass(
+    class {
+      view;
+      presence;
+      destroyed = false;
+      broadcastQueued = false;
+      constructor(view) {
+        this.view = view;
+        this.presence = new Presence({
+          handle,
+          userId: contactUrl
+        });
+        this.presence.start({ initialState: { selection: null } });
+        this.presence.on("update", this.refresh);
+        this.presence.on("snapshot", this.refresh);
+        this.presence.on("goodbye", this.refresh);
+        this.presence.on("pruned", this.refresh);
+        window.addEventListener("pagehide", this.stopPresence);
+      }
+      update(update) {
+        const typed = update.docChanged && update.transactions.some(
+          (tr) => tr.annotation(Transaction.userEvent) !== void 0
+        );
+        if (update.focusChanged && !update.view.hasFocus) {
+          if (this.presence.running) {
+            this.presence.broadcast("selection", null);
+          }
+        } else if (update.selectionSet || typed || update.focusChanged && update.view.hasFocus) {
+          this.scheduleBroadcast();
+        }
+        if (update.docChanged) {
+          queueMicrotask(this.refresh);
+        }
+      }
+      destroy() {
+        this.destroyed = true;
+        this.stopPresence();
+        window.removeEventListener("pagehide", this.stopPresence);
+      }
+      stopPresence = () => {
+        if (this.presence.running) this.presence.stop();
+      };
+      // rAF-throttled (matching tldraw4) so drag-selections don't flood the
+      // channel. The selection is read fresh at flush time.
+      scheduleBroadcast() {
+        if (this.broadcastQueued) return;
+        this.broadcastQueued = true;
+        requestAnimationFrame(() => {
+          this.broadcastQueued = false;
+          if (this.destroyed || !this.presence.running) return;
+          if (!this.view.hasFocus) return;
+          const doc = handle.doc();
+          const sel = this.view.state.selection.main;
+          this.presence.broadcast("selection", {
+            start: A3.getCursor(doc, path, sel.from),
+            end: A3.getCursor(doc, path, sel.to),
+            headAtStart: sel.to > sel.from && sel.head === sel.from,
+            lastMoved: Date.now()
+          });
+        });
+      }
+      // Re-resolve every peer's cursors against the current doc. A cursor can
+      // briefly fail to resolve when a presence message races ahead of doc
+      // sync -- the peer is skipped and picked up again on the next change.
+      refresh = () => {
+        if (this.destroyed) return;
+        const doc = handle.doc();
+        const resolved = [];
+        for (const peer of this.presence.getPeerStates().peers) {
+          const peerId = String(peer.peerId);
+          const selection = peer.value?.selection ?? null;
+          if (!selection) continue;
+          try {
+            const from = A3.getCursorPosition(doc, path, selection.start);
+            const to = A3.getCursorPosition(doc, path, selection.end);
+            const peerContactUrl = peer.userId ?? null;
+            resolved.push({
+              peerId,
+              contactUrl: peerContactUrl,
+              // Same rule as the contact-cursor token (palette hash of the
+              // contact url), so the tint and the token can't drift apart.
+              color: generateColorFromString(peerContactUrl ?? peerId),
+              from,
+              to,
+              head: selection.headAtStart ? from : to,
+              lastMoved: selection.lastMoved
+            });
+          } catch {
+            continue;
+          }
+        }
+        this.view.dispatch({ effects: setRemoteSelections.of(resolved) });
+      };
+    }
+  );
+  return [remoteSelectionField, caretLayer, plugin, presenceTheme];
+}
+function buildSelectionTints(selections) {
+  const ranges = [];
+  for (const sel of selections) {
+    if (sel.from < sel.to) {
+      ranges.push(
+        Decoration3.mark({
+          class: "cm-presence-range",
+          attributes: {
+            style: `background-color: color-mix(in srgb, ${sel.color} 25%, transparent);`
+          }
+        }).range(sel.from, sel.to)
+      );
+    }
+  }
+  return Decoration3.set(ranges, true);
+}
+var LABEL_TIMEOUT_MS = 2e3;
+var PresenceCaretMarker = class {
+  sel;
+  left;
+  top;
+  height;
+  constructor(sel, left, top, height) {
+    this.sel = sel;
+    this.left = left;
+    this.top = top;
+    this.height = height;
+  }
+  eq(other) {
+    return other.sel.peerId === this.sel.peerId && other.sel.contactUrl === this.sel.contactUrl && other.sel.color === this.sel.color && other.sel.lastMoved === this.sel.lastMoved && other.left === this.left && other.top === this.top && other.height === this.height;
+  }
+  draw() {
+    const caret = document.createElement("div");
+    caret.className = "cm-presence-caret";
+    caret.dataset.peerId = this.sel.peerId;
+    if (this.sel.contactUrl) {
+      const label = document.createElement("span");
+      label.className = "cm-presence-caret-label";
+      const token = document.createElement("patchwork-view");
+      token.setAttribute("doc-url", this.sel.contactUrl);
+      token.setAttribute("tool-id", "contact-cursor");
+      token.style.display = "block";
+      label.appendChild(token);
+      caret.appendChild(label);
+    }
+    this.adjust(caret);
+    restartIdleCountdown(caret);
+    return caret;
+  }
+  // Reposition the peer's existing element instead of redrawing it, keeping
+  // the mounted contact token alive (a remount re-renders asynchronously and
+  // flickers -- see the layer comment in `presence`).
+  update(dom, prev) {
+    if (prev.sel.peerId !== this.sel.peerId || prev.sel.contactUrl !== this.sel.contactUrl) {
+      return false;
+    }
+    this.adjust(dom);
+    if (prev.sel.lastMoved !== this.sel.lastMoved) restartIdleCountdown(dom);
+    return true;
+  }
+  adjust(dom) {
+    dom.style.left = `${this.left}px`;
+    dom.style.top = `${this.top}px`;
+    dom.style.height = `${this.height}px`;
+    dom.style.setProperty("--cm-presence-color", this.sel.color);
+  }
+};
+var idleTimers = /* @__PURE__ */ new WeakMap();
+function restartIdleCountdown(caret) {
+  clearTimeout(idleTimers.get(caret));
+  caret.classList.remove("cm-presence-caret--idle");
+  idleTimers.set(
+    caret,
+    setTimeout(
+      () => caret.classList.add("cm-presence-caret--idle"),
+      LABEL_TIMEOUT_MS
+    )
+  );
+}
+var presenceTheme = EditorView5.baseTheme({
+  // Positioned absolutely by the layer (document-relative); -1px centers
+  // the 2px bar on the caret position.
+  ".cm-presence-caret": {
+    borderLeft: "2px solid var(--cm-presence-color)",
+    marginLeft: "-1px",
+    pointerEvents: "none"
+  },
+  ".cm-presence-caret-label": {
+    position: "absolute",
+    top: "-1.4em",
+    left: "-2px",
+    zIndex: "150",
+    whiteSpace: "nowrap",
+    pointerEvents: "none",
+    userSelect: "none",
+    opacity: "1",
+    transition: "opacity 200ms ease-in-out"
+  },
+  ".cm-presence-caret--idle .cm-presence-caret-label": {
+    opacity: "0"
+  }
+});
+var USER_COLOR_PALETTE = [
+  "hsl(200, 70%, 50%)",
+  "hsl(10, 75%, 58%)",
+  "hsl(145, 70%, 45%)",
+  "hsl(270, 70%, 55%)",
+  "hsl(38, 85%, 50%)",
+  "hsl(350, 70%, 55%)",
+  "hsl(178, 70%, 45%)",
+  "hsl(235, 70%, 58%)",
+  "hsl(85, 70%, 45%)",
+  "hsl(310, 70%, 55%)",
+  "hsl(25, 80%, 52%)",
+  "hsl(188, 75%, 48%)"
+];
+function generateColorFromString(str) {
+  const hash = Math.abs(
+    str.split("").reduce((acc, char) => acc + char.charCodeAt(0), 0)
+  );
+  return USER_COLOR_PALETTE[hash % USER_COLOR_PALETTE.length];
+}
+
 // src/lib/codemirror.tsx
 var lookup = (doc, path) => {
   let current = doc;
@@ -444,8 +746,9 @@ function CodeMirror(props) {
   const [decorationsExtension, createEffectReconfigureDecorations] = createDecorationsExtension(() => props.decorations?.());
   const [diffExtension, createEffectReconfigureDiff] = createDiffExtension(() => props.handle, () => props.path, () => props.baseline?.() ?? null);
   const [scrollHighlightIntoViewExtension, createEffectScrollHighlightIntoView] = createScrollHighlightIntoViewExtension(() => props.scrollTarget?.() ?? null);
-  const userExtensionsCompartment = new Compartment3();
-  const selectionExtension = EditorView5.updateListener.of((update) => {
+  const [presenceExtension, createEffectReconfigurePresence] = createPresenceExtension(() => props.handle, () => props.path, () => props.readOnly ? null : props.contactUrl?.() ?? null);
+  const userExtensionsCompartment = new Compartment4();
+  const selectionExtension = EditorView6.updateListener.of((update) => {
     if (!props.onChangeSelection) return;
     if (update.selectionSet) {
       const sel = update.state.selection.main;
@@ -459,6 +762,7 @@ function CodeMirror(props) {
     syncExtension,
     diffExtension,
     scrollHighlightIntoViewExtension,
+    presenceExtension,
     userExtensionsCompartment.of(props.extensions || []),
     readOnlyExtension
   ].filter(Boolean);
@@ -466,7 +770,7 @@ function CodeMirror(props) {
     doc: initialDoc(),
     extensions
   });
-  const view = new EditorView5({
+  const view = new EditorView6({
     state
   });
   props.withView?.(view);
@@ -475,7 +779,8 @@ function CodeMirror(props) {
   createEffectReconfigureDecorations?.(view);
   createEffectReconfigureDiff(view);
   createEffectScrollHighlightIntoView(view);
-  createEffect6(() => {
+  createEffectReconfigurePresence(view);
+  createEffect7(() => {
     view.dispatch({
       effects: userExtensionsCompartment.reconfigure(props.extensions || [])
     });
@@ -487,4 +792,4 @@ function CodeMirror(props) {
 export {
   CodeMirror
 };
-//# sourceMappingURL=chunk-SSMKXTVN.js.map
+//# sourceMappingURL=chunk-XU4QBB2J.js.map

package/packages/codemirror-base/dist/chunk-XU4QBB2J.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/lib/codemirror.tsx", "../src/lib/extensions/decorations.ts", "../src/lib/extensions/readOnly.ts", "../src/lib/extensions/automergeSync.ts", "../../node_modules/.pnpm/@automerge+automerge-codemirror@0.2.0/node_modules/@automerge/automerge-codemirror/dist/plugin.js", "../../node_modules/.pnpm/@automerge+automerge-codemirror@0.2.0/node_modules/@automerge/automerge-codemirror/dist/codeMirrorToAm.js", "../../node_modules/.pnpm/@automerge+automerge-codemirror@0.2.0/node_modules/@automerge/automerge-codemirror/dist/amToCodemirror.js", "../src/lib/extensions/diff.ts", "../src/lib/extensions/scrollHighlightIntoView.ts", "../src/lib/extensions/presence.ts"],
+  "sourcesContent": ["import { onCleanup, createEffect } from \"solid-js\";\nimport { EditorView } from \"@codemirror/view\";\nimport { EditorState, Compartment } from \"@codemirror/state\";\nimport { createSyncExtension, createReadOnlyExtension, createDecorationsExtension, createDiffExtension, createScrollHighlightIntoViewExtension, createPresenceExtension } from \"./extensions\";\nconst lookup = (doc, path) => {\n  let current = doc;\n  for (const key of path) {\n    current = current[key];\n    if (current === void 0) {\n      return void 0;\n    }\n  }\n  return current;\n};\nexport function CodeMirror(props) {\n  const initialDoc = () => props.handle && lookup(props.handle.doc(), props.path) || \"\";\n  const [syncExtension, createEffectReconfigureSync] = createSyncExtension(() => props.handle, () => props.path, initialDoc);\n  const [readOnlyExtension, createEffectReconfigureReadOnly] = createReadOnlyExtension(() => !!props.readOnly);\n  const [decorationsExtension, createEffectReconfigureDecorations] = createDecorationsExtension(() => props.decorations?.());\n  const [diffExtension, createEffectReconfigureDiff] = createDiffExtension(() => props.handle, () => props.path, () => props.baseline?.() ?? null);\n  const [scrollHighlightIntoViewExtension, createEffectScrollHighlightIntoView] = createScrollHighlightIntoViewExtension(() => props.scrollTarget?.() ?? null);\n  const [presenceExtension, createEffectReconfigurePresence] = createPresenceExtension(() => props.handle, () => props.path, () => props.readOnly ? null : props.contactUrl?.() ?? null);\n  const userExtensionsCompartment = new Compartment();\n  const selectionExtension = EditorView.updateListener.of(update => {\n    if (!props.onChangeSelection) return;\n    if (update.selectionSet) {\n      const sel = update.state.selection.main;\n      props.onChangeSelection(sel.from, sel.to);\n    }\n  });\n  const extensions = [selectionExtension, decorationsExtension,\n  // syncExtension must come before diffExtension so diff stays in sync with edits.\n  syncExtension, diffExtension, scrollHighlightIntoViewExtension, presenceExtension, userExtensionsCompartment.of(props.extensions || []), readOnlyExtension].filter(Boolean);\n  const state = EditorState.create({\n    doc: initialDoc(),\n    extensions\n  });\n  const view = new EditorView({\n    state\n  });\n  props.withView?.(view);\n  createEffectReconfigureSync(view);\n  createEffectReconfigureReadOnly(view);\n  createEffectReconfigureDecorations?.(view);\n  createEffectReconfigureDiff(view);\n  createEffectScrollHighlightIntoView(view);\n  createEffectReconfigurePresence(view);\n  createEffect(() => {\n    view.dispatch({\n      effects: userExtensionsCompartment.reconfigure(props.extensions || [])\n    });\n  });\n  onCleanup(() => view.destroy());\n  return view.dom;\n}", "import { createEffect } from \"solid-js\";\n\n/** CodeMirror */\nimport { Decoration, EditorView, type DecorationSet } from \"@codemirror/view\";\nimport { StateEffect, StateField } from \"@codemirror/state\";\n\n/**\n * Create a CodeMirror extension for managing decorations.\n * @param decorations An accessor function that returns the decorations (for reactivity).\n * @returns A tuple containing the extension and a function to create an effect for updating the\n decorations.\n */\nexport function createDecorationsExtension(decorations: () => DecorationSet) {\n  const setDecorations = StateEffect.define<DecorationSet>();\n  const decorationsField = StateField.define<DecorationSet>({\n    create() {\n      return Decoration.none;\n    },\n    update(value, tr) {\n      for (const e of tr.effects) {\n        if (e.is(setDecorations)) return e.value;\n      }\n      if (tr.docChanged) return value.map(tr.changes);\n      return value;\n    },\n    provide: (f) => EditorView.decorations.from(f),\n  });\n\n  const createDecorationsEffect = (view: EditorView) =>\n    createEffect(() => {\n      decorations() &&\n        view.dispatch({\n          effects: setDecorations.of(decorations!()),\n        });\n    });\n\n  return [decorationsField, createDecorationsEffect] as const;\n}\n", "import { createEffect } from \"solid-js\";\n\n/** CodeMirror */\nimport { EditorView } from \"@codemirror/view\";\nimport { Compartment, EditorState } from \"@codemirror/state\";\n\n/**\n * Create a CodeMirror extension for controlling read-only mode using a CodeMirror Compartment.\n * @param readOnly Whether the editor should be read-only.\n * @returns A tuple containing the extension and a function to create an effect for reconfiguring\n the extension when the readOnly prop changes.\n */\nexport function createReadOnlyExtension(readOnly: () => boolean) {\n  const readOnlyCompartment = new Compartment();\n\n  // Function to get the desired state of the read-only extensions based on the readOnly parameter\n  const readOnlyExtensions = () =>\n    readOnly()\n      ? [EditorState.readOnly.of(true), EditorView.editable.of(false)]\n      : [];\n\n  // Function to create an effect that reconfigures the read-only compartment\n  const createReconfigureEffect = (view: EditorView) =>\n    createEffect(() => {\n      view.dispatch({\n        effects: readOnlyCompartment.reconfigure(readOnlyExtensions()),\n      });\n    });\n\n  return [\n    readOnlyCompartment.of(readOnlyExtensions()),\n    createReconfigureEffect,\n  ] as const;\n}\n", "import { createEffect } from \"solid-js\";\n\n/** CodeMirror */\nimport { EditorView } from \"@codemirror/view\";\nimport { Compartment } from \"@codemirror/state\";\n\n/** Automerge */\nimport type { Prop as AutomergeProp } from \"@automerge/automerge/slim\";\nimport { automergeSyncPlugin } from \"@automerge/automerge-codemirror\";\nimport type { DocHandle } from \"@automerge/automerge-repo/slim\";\n\n/**\n * Create a CodeMirror extension for synchronizing with an Automerge document using a CodeMirror\n Compartment.\n * @param handle The Automerge document handle.\n * @param path The path to the specific document property to synchronize.\n * @returns A tuple containing the extension and a function to create an effect for reconfiguring the extension when the handle or path change.\n */\nexport function createSyncExtension<T>(\n  handle: () => DocHandle<T>,\n  path: () => AutomergeProp[],\n  initialDoc: () => string\n) {\n  const sync = new Compartment();\n\n  const syncExtension = () =>\n    handle() && path()\n      ? automergeSyncPlugin({\n          handle: handle() as any, // typescript is confused by different version of doc handle\n          path: path(),\n        })\n      : [];\n\n  // Reconfiguring the compartment replaces the sync plugin wholesale (the old\n  // instance is destroyed without seeing this transaction, so the full-doc\n  // reset below is not echoed back into the automerge doc) and the fresh\n  // plugin re-seeds its reconciled heads from the current doc.\n  const createReconfigureEffect = (view: EditorView) =>\n    createEffect(() => {\n      // The `handle()`/`path()` reads inside `syncExtension` are tracked, so a\n      // reactive prop change re-runs this and rebuilds the plugin.\n      view.dispatch({\n        effects: sync.reconfigure(syncExtension()),\n        changes: {\n          from: 0,\n          to: view.state.doc.length,\n          insert: initialDoc(),\n        },\n      });\n    });\n\n  return [sync.of(syncExtension()), createReconfigureEffect] as const;\n}\n", "import * as A from \"@automerge/automerge\";\nimport { ViewPlugin } from \"@codemirror/view\";\nimport { Annotation } from \"@codemirror/state\";\nimport { applyCmTransactionsToAmHandle } from \"./codeMirrorToAm.js\";\nimport { applyAmPatchesToCm } from \"./amToCodemirror.js\";\nexport const reconcileAnnotationType = Annotation.define();\nexport const isReconcileTx = (tr) => !!tr.annotation(reconcileAnnotationType);\nexport const automergeSyncPlugin = ({ handle, path, }) => {\n    if (!handle.isReady()) {\n        throw new Error(\"ensure the handle is ready before initializing the automergeSyncPlugin\");\n    }\n    return ViewPlugin.fromClass(class {\n        view;\n        reconciledHeads = A.getHeads(handle.doc());\n        isProcessingCmTransaction = false;\n        constructor(view) {\n            this.view = view;\n            this.onChange = this.onChange.bind(this);\n            handle.on(\"change\", this.onChange);\n        }\n        update(update) {\n            // start processing codemirror transaction\n            // changes that are created through the transaction are ignored in the change listener on the handle\n            this.isProcessingCmTransaction = true;\n            const newHeads = applyCmTransactionsToAmHandle(handle, path, update.transactions);\n            if (newHeads) {\n                this.reconciledHeads = newHeads;\n            }\n            // finish processing transaction\n            this.isProcessingCmTransaction = false;\n        }\n        onChange = () => {\n            // ignore changes that where triggered while processing a codemirror transaction\n            if (this.isProcessingCmTransaction) {\n                return;\n            }\n            const currentHeads = A.getHeads(handle.doc());\n            if (A.equals(currentHeads, this.reconciledHeads)) {\n                return;\n            }\n            // get the diff between the reconciled heads and the new heads\n            // and apply that to the codemirror doc\n            const patches = A.diff(handle.doc(), this.reconciledHeads, currentHeads);\n            applyAmPatchesToCm(this.view, path, patches);\n            this.reconciledHeads = currentHeads;\n        };\n        destroy() {\n            handle.off(\"change\", this.onChange);\n        }\n    });\n};\n//# sourceMappingURL=plugin.js.map", "import * as A from \"@automerge/automerge\";\nimport { isReconcileTx } from \"./plugin.js\";\nexport const applyCmTransactionsToAmHandle = (handle, path, transactions) => {\n    const transactionsWithChanges = transactions.filter(tr => !isReconcileTx(tr) && !tr.changes.empty);\n    if (transactionsWithChanges.length === 0) {\n        return;\n    }\n    handle.change((doc) => {\n        transactionsWithChanges.forEach(tr => {\n            tr.changes.iterChanges((fromA, toA, fromB, _toB, inserted) => {\n                // We are cloning the path as `am.splice` calls `.unshift` on it, modifying it in place,\n                // causing the path to be broken on subsequent changes\n                A.splice(doc, path.slice(), fromB, toA - fromA, inserted.toString());\n            });\n        });\n    });\n    return A.getHeads(handle.doc());\n};\n//# sourceMappingURL=codeMirrorToAm.js.map", "import { ChangeSet } from \"@codemirror/state\";\nimport { reconcileAnnotationType } from \"./plugin.js\";\nexport const applyAmPatchesToCm = (view, target, patches) => {\n    let selection = view.state.selection;\n    for (const patch of patches) {\n        const changeSpec = handlePatch(patch, target, view.state);\n        if (changeSpec != null) {\n            const changeSet = ChangeSet.of(changeSpec, view.state.doc.length, \"\\n\");\n            selection = selection.map(changeSet, 1);\n            view.dispatch({\n                changes: changeSet,\n                annotations: reconcileAnnotationType.of({}),\n            });\n        }\n    }\n    view.dispatch({\n        selection,\n        annotations: reconcileAnnotationType.of({}),\n    });\n};\nfunction handlePatch(patch, target, state) {\n    if (patch.action === \"insert\") {\n        return handleInsert(target, patch);\n    }\n    else if (patch.action === \"splice\") {\n        return handleSplice(target, patch);\n    }\n    else if (patch.action === \"del\") {\n        return handleDel(target, patch);\n    }\n    else if (patch.action === \"put\") {\n        return handlePut(target, patch, state);\n    }\n    else {\n        return null;\n    }\n}\nfunction handleInsert(target, patch) {\n    const index = charPath(target, patch.path);\n    if (index == null) {\n        return [];\n    }\n    const text = patch.values.map(v => (v ? v.toString() : \"\")).join(\"\");\n    return [{ from: index, to: index, insert: text }];\n}\nfunction handleSplice(target, patch) {\n    const index = charPath(target, patch.path);\n    if (index == null) {\n        return [];\n    }\n    return [{ from: index, insert: patch.value }];\n}\nfunction handleDel(target, patch) {\n    const index = charPath(target, patch.path);\n    if (index == null) {\n        return [];\n    }\n    const length = patch.length || 1;\n    return [{ from: index, to: index + length }];\n}\nfunction handlePut(target, patch, state) {\n    const index = charPath(target, [...patch.path, 0]);\n    if (index == null) {\n        return [];\n    }\n    const length = state.doc.length;\n    if (typeof patch.value !== \"string\") {\n        return []; // TODO(dmaretskyi): How to handle non string values?\n    }\n    return [{ from: 0, to: length, insert: patch.value }];\n}\n// If the path of the patch is of the form [path, <index>] then we know this is\n// a path to a character within the sequence given by path\nfunction charPath(textPath, candidatePath) {\n    if (candidatePath.length !== textPath.length + 1)\n        return null;\n    for (let i = 0; i < textPath.length; i++) {\n        if (textPath[i] !== candidatePath[i])\n            return null;\n    }\n    const index = candidatePath[candidatePath.length - 1];\n    if (typeof index === \"number\")\n        return index;\n    return null;\n}\n//# sourceMappingURL=amToCodemirror.js.map", "import { createEffect } from \"solid-js\";\n\n/** CodeMirror */\nimport {\n  Decoration,\n  EditorView,\n  ViewPlugin,\n  WidgetType,\n  type DecorationSet,\n  type ViewUpdate,\n} from \"@codemirror/view\";\nimport { RangeSet, StateEffect, type Range } from \"@codemirror/state\";\n\n/** Automerge */\nimport { next as Automerge } from \"@automerge/automerge/slim\";\nimport type { Prop as AutomergeProp } from \"@automerge/automerge/slim\";\nimport {\n  decodeHeads,\n  type Doc,\n  type DocHandle,\n  type UrlHeads,\n} from \"@automerge/automerge-repo/slim\";\n\n// Carries the diff baseline (fork-point heads) from the provider subscription\n// into the editor. Dispatched only when the baseline changes (i.e. on fork),\n// which is rare -- per-edit recomputation is driven by `docChanged`, not this.\nconst setBaseline = StateEffect.define<UrlHeads | null>();\n\n/**\n * CodeMirror extension that renders a diff of the synced `path` against the\n * `baseline` heads. It recomputes its decorations on every doc change -- the\n * automerge sync plugin reflects both local and remote changes as editor\n * transactions -- so no external \"tick\" is needed. The baseline is pushed in\n * via a Solid effect because the editor can't observe a fork on its own.\n *\n * @returns the extension and an effect factory that feeds baseline changes in.\n */\nexport function createDiffExtension(\n  handle: () => DocHandle<unknown>,\n  path: () => AutomergeProp[],\n  baseline: () => UrlHeads | null\n) {\n  const plugin = ViewPlugin.fromClass(\n    class {\n      baseline: UrlHeads | null = null;\n      decorations: DecorationSet = Decoration.none;\n\n      update(update: ViewUpdate) {\n        let baselineChanged = false;\n        for (const tr of update.transactions) {\n          for (const effect of tr.effects) {\n            if (effect.is(setBaseline)) {\n              this.baseline = effect.value;\n              baselineChanged = true;\n            }\n          }\n        }\n        if (update.docChanged || baselineChanged) {\n          this.decorations = this.build();\n        }\n      }\n\n      build(): DecorationSet {\n        const heads = this.baseline;\n        const doc = handle()?.doc();\n        if (!heads || !doc) return Decoration.none;\n        return RangeSet.of(\n          buildDiffDecorations(\n            diffContent(doc, heads, path()),\n            prefersDarkMode()\n          ),\n          true // sort ranges\n        );\n      }\n    },\n    { decorations: (v) => v.decorations }\n  );\n\n  const createReconfigureEffect = (view: EditorView) =>\n    createEffect(() => {\n      view.dispatch({ effects: setBaseline.of(baseline()) });\n    });\n\n  return [plugin, createReconfigureEffect] as const;\n}\n\ntype ContentDiff =\n  | { type: \"added\"; from: number; to: number }\n  | { type: \"deleted\"; at: number; text: string };\n\n// Diff the text at `path` between the baseline heads and the live doc using\n// Automerge patches directly (no annotations layer). A string field only ever\n// produces `splice` (insert) and `del` (delete) patches on `[...path, idx]`,\n// and their positions are in live-doc coordinates -- so `added` ranges map\n// straight to CodeMirror offsets. For `del` the removed text isn't in the\n// patch, so we recover it from the baseline view, tracking a running offset to\n// convert the live position back to a baseline position.\nfunction diffContent(\n  doc: Doc<unknown>,\n  baselineHeads: UrlHeads,\n  path: AutomergeProp[]\n): ContentDiff[] {\n  const before = decodeHeads(baselineHeads);\n  const beforeContent = lookupString(Automerge.view(doc, before), path);\n  const patches = Automerge.diff(doc, before, Automerge.getHeads(doc));\n\n  const out: ContentDiff[] = [];\n  let offset = 0;\n  for (const patch of patches) {\n    if (!isIndexedChildOf(patch.path, path)) continue;\n    const pos = patch.path[path.length] as number;\n    if (patch.action === \"splice\") {\n      const len = (patch.value as string).length;\n      out.push({ type: \"added\", from: pos, to: pos + len });\n      offset -= len;\n    } else if (patch.action === \"del\") {\n      const len = patch.length ?? 1;\n      const original = pos + offset;\n      out.push({\n        type: \"deleted\",\n        at: pos,\n        text: beforeContent.substring(original, original + len),\n      });\n      offset += len;\n    }\n  }\n  return out;\n}\n\nfunction buildDiffDecorations(\n  diffs: ContentDiff[],\n  dark: boolean\n): Range<Decoration>[] {\n  const out: Range<Decoration>[] = [];\n  for (const diff of diffs) {\n    if (diff.type === \"deleted\") {\n      out.push(\n        Decoration.widget({\n          widget: new DeletionMarker(diff.text, false),\n          side: 1,\n        }).range(diff.at)\n      );\n      continue;\n    }\n    // Skip zero-length added ranges.\n    if (diff.from === diff.to) continue;\n    out.push(\n      Decoration.mark({\n        attributes: { style: addedDiffStyle(dark) },\n      }).range(diff.from, diff.to)\n    );\n  }\n  return out;\n}\n\n// True when `patchPath` addresses a direct indexed child of `path`, e.g.\n// `[\"content\", 5]` is an indexed child of `[\"content\"]`.\nfunction isIndexedChildOf(\n  patchPath: readonly AutomergeProp[],\n  path: AutomergeProp[]\n): boolean {\n  if (patchPath.length !== path.length + 1) return false;\n  for (let i = 0; i < path.length; i++) {\n    if (patchPath[i] !== path[i]) return false;\n  }\n  return typeof patchPath[path.length] === \"number\";\n}\n\nfunction lookupString(doc: unknown, path: AutomergeProp[]): string {\n  let current: unknown = doc;\n  for (const key of path) {\n    if (current == null) return \"\";\n    current = (current as Record<AutomergeProp, unknown>)[key];\n  }\n  return typeof current === \"string\" ? current : \"\";\n}\n\nfunction addedDiffStyle(dark: boolean): string {\n  return `\n    border-bottom: 2px solid ${dark ? \"#4ade80\" : \"#22c55e\"};\n    background-color: ${dark ? \"#14532d\" : \"#dcfce7\"};\n  `;\n}\n\nfunction prefersDarkMode(): boolean {\n  return window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n}\n\nclass DeletionMarker extends WidgetType {\n  deletedText: string;\n  isActive: boolean;\n\n  constructor(deletedText: string, isActive: boolean) {\n    super();\n    this.deletedText = deletedText;\n    this.isActive = isActive;\n  }\n\n  toDOM(): HTMLElement {\n    const box = document.createElement(\"div\");\n    // Pin the badge to its own metrics so a tall line-height (e.g. on heading\n    // lines) can't stretch it into a vertical rectangle. `position: relative`\n    // anchors the hover tooltip to the badge so it can left-align to it.\n    box.style.display = \"inline-block\";\n    box.style.position = \"relative\";\n    box.style.lineHeight = \"1\";\n    box.style.verticalAlign = \"middle\";\n    box.style.boxSizing = \"border-box\";\n    box.style.padding = \"2px 3px\";\n    box.style.color = \"rgb(239 68 68)\"; // red-500\n    box.style.margin = \"0 4px\";\n    box.style.fontSize = \"1.2em\";\n    box.style.whiteSpace = \"nowrap\";\n    box.style.backgroundColor = this.isActive\n      ? \"rgb(239 68 68 / 20%)\" // red-500 with opacity\n      : \"rgb(239 68 68 / 10%)\";\n    box.style.borderRadius = \"3px\";\n    box.style.cursor = \"default\";\n    box.innerText = \"\\u232b\";\n\n    const hoverText = document.createElement(\"div\");\n    hoverText.style.position = \"absolute\";\n    hoverText.style.top = \"100%\";\n    hoverText.style.left = \"0\";\n    hoverText.style.zIndex = \"1\";\n    hoverText.style.padding = \"5px\";\n    hoverText.style.backgroundColor = \"rgb(254 242 242)\"; // red-50\n    hoverText.style.fontSize = \"15px\";\n    hoverText.style.color = \"rgb(17 24 39)\"; // gray-900\n    hoverText.style.border = \"1px solid rgb(185 28 28)\"; // red-700\n    hoverText.style.boxShadow = \"0px 0px 6px rgba(0, 0, 0, 0.1)\";\n    hoverText.style.borderRadius = \"3px\";\n    hoverText.style.visibility = \"hidden\";\n    hoverText.innerText = this.deletedText;\n\n    const isDarkMode =\n      document.documentElement.classList.contains(\"dark\") ||\n      window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n\n    if (isDarkMode) {\n      box.style.color = \"rgb(248 113 113)\"; // red-400 for dark mode\n      box.style.backgroundColor = this.isActive\n        ? \"rgb(248 113 113 / 20%)\"\n        : \"rgb(248 113 113 / 10%)\";\n      hoverText.style.backgroundColor = \"rgb(69 10 10)\"; // red-950\n      hoverText.style.color = \"rgb(254 226 226)\"; // red-100\n      hoverText.style.border = \"1px solid rgb(153 27 27)\"; // red-800\n    }\n\n    box.appendChild(hoverText);\n\n    box.onmouseover = function () {\n      hoverText.style.visibility = \"visible\";\n    };\n    box.onmouseout = function () {\n      hoverText.style.visibility = \"hidden\";\n    };\n\n    return box;\n  }\n\n  eq(other: DeletionMarker) {\n    return (\n      other.deletedText === this.deletedText && other.isActive === this.isActive\n    );\n  }\n\n  ignoreEvent() {\n    return true;\n  }\n}\n", "import { createEffect } from \"solid-js\";\n\n/** CodeMirror */\nimport { EditorView } from \"@codemirror/view\";\nimport { EditorSelection, type Extension } from \"@codemirror/state\";\n\n/**\n * Create a CodeMirror extension that scrolls the highlighted range into view\n * when it changes.\n *\n * Uses the \"nearest\" scroll strategy, so a highlight that's already on screen\n * is left untouched and an off-screen one is scrolled just into frame -- i.e.\n * \"scroll the highlight into view only if it isn't already there\". Handy for\n * following focus/selection driven by other views (e.g. picking a comment).\n *\n * @param target An accessor returning the [from, to] range to reveal, or null.\n * @returns A tuple of the extension and a function to create the scroll effect.\n */\nexport function createScrollHighlightIntoViewExtension(\n  target: () => readonly [number, number] | null\n) {\n  // Scrolling is a fire-and-forget transaction effect with no editor state to\n  // hold, so there's nothing to add to the editor. The empty extension just\n  // keeps the [extension, effectFactory] shape shared with the siblings.\n  const extension: Extension = [];\n\n  const createScrollHighlightIntoViewEffect = (view: EditorView) =>\n    createEffect(() => {\n      const range = target();\n      if (!range) return;\n      // Clamp to the live doc: a target resolved against a slightly different\n      // doc revision could otherwise point past the end and throw.\n      const docLength = view.state.doc.length;\n      const from = Math.min(range[0], docLength);\n      const to = Math.min(range[1], docLength);\n      view.dispatch({\n        effects: EditorView.scrollIntoView(EditorSelection.range(from, to), {\n          x: \"nearest\",\n          y: \"nearest\",\n        }),\n      });\n    });\n\n  return [extension, createScrollHighlightIntoViewEffect] as const;\n}\n", "import { createEffect } from \"solid-js\";\n\n/** CodeMirror */\nimport {\n  Decoration,\n  EditorView,\n  RectangleMarker,\n  ViewPlugin,\n  layer,\n  type DecorationSet,\n  type ViewUpdate,\n} from \"@codemirror/view\";\nimport {\n  Compartment,\n  EditorSelection,\n  StateEffect,\n  StateField,\n  Transaction,\n  type Extension,\n  type Range,\n} from \"@codemirror/state\";\n\n/** Automerge */\nimport {\n  next as A,\n  type Prop as AutomergeProp,\n} from \"@automerge/automerge/slim\";\nimport {\n  Presence,\n  type AutomergeUrl,\n  type DocHandle,\n} from \"@automerge/automerge-repo/slim\";\n\n// The payload broadcast to peers: just the selection, as a pair of automerge\n// cursors rather than plain offsets, so every receiver resolves it against\n// its *own* view of the document and it stays glued to the text through\n// concurrent edits. Identity rides on Presence's own `userId` field (the\n// sender's contact url); colors are derived from it receiver-side.\ntype PresenceSelection = {\n  start: A.Cursor;\n  end: A.Cursor;\n  headAtStart: boolean;\n  // Sender's Date.now(); used only as a change marker (not for clock comparison)\n  lastMoved: number;\n};\ntype PresenceChannels = { selection: PresenceSelection | null };\n\n// A remote peer's selection resolved to positions in the current document.\n// `peerId` is unique per session, so two tabs of the same contact each get\n// their own caret.\ntype RemoteSelection = {\n  peerId: string;\n  contactUrl: AutomergeUrl | null;\n  color: string;\n  from: number;\n  to: number;\n  head: number;\n  // Changes exactly when the peer acts (moves, types, refocuses) -- the\n  // caret marker uses it to restart its nametag fade-out countdown.\n  lastMoved: number;\n};\n\n/**\n * Create a CodeMirror extension for live remote cursors, reconfigurable via a\n * Compartment (same shape as the sync/diff/readOnly extensions).\n *\n * `contactUrl` is our identity: it travels as the Presence userId, and peers\n * use it to mount our \"contact-cursor\" token and derive our color. It\n * returning `null` renders no presence -- that's the state before the\n * identity has loaded, and permanently so for read-only views. When the\n * accessor changes, the compartment swaps the plugin wholesale: the outgoing\n * instance stops `Presence` (sending a goodbye to peers) and the new one\n * starts fresh with the new identity.\n */\nexport function createPresenceExtension(\n  handle: () => DocHandle<unknown>,\n  path: () => AutomergeProp[],\n  contactUrl: () => AutomergeUrl | null\n) {\n  const compartment = new Compartment();\n\n  const extension = () => {\n    const url = contactUrl();\n    return url ? presence(handle(), path(), url) : [];\n  };\n\n  const createReconfigureEffect = (view: EditorView) =>\n    createEffect(() => {\n      view.dispatch({ effects: compartment.reconfigure(extension()) });\n    });\n\n  return [compartment.of(extension()), createReconfigureEffect] as const;\n}\n\n/**\n * Live remote cursors for collaborative text, handling presence transport,\n * broadcasting/resolving selections, rendering colored ranges and contact-cursor carets.\n * Peers are keyed by session (peerId); idle carets hide their nametag after a timeout.\n * Lifetime matches the editor: reconfiguring or closing stops presence.\n */\nfunction presence(\n  handle: DocHandle<unknown>,\n  path: AutomergeProp[],\n  contactUrl: AutomergeUrl\n): Extension {\n  const setRemoteSelections = StateEffect.define<RemoteSelection[]>();\n\n  const remoteSelectionField = StateField.define<RemoteSelection[]>({\n    create() {\n      return [];\n    },\n    update(value, tr) {\n      // Between re-resolutions, keep positions glued through edits.\n      if (tr.docChanged) {\n        value = value.map((sel) => ({\n          ...sel,\n          from: tr.changes.mapPos(sel.from),\n          to: tr.changes.mapPos(sel.to),\n          head: tr.changes.mapPos(sel.head),\n        }));\n      }\n      for (const e of tr.effects) {\n        if (e.is(setRemoteSelections)) value = e.value;\n      }\n      return value;\n    },\n    // Selection tints are plain mark decorations: they carry no stateful\n    // DOM, so redrawing them is invisible.\n    provide: (f) => EditorView.decorations.from(f, buildSelectionTints),\n  });\n\n  // Carets and their nametags are rendered in a layer (not as widget decorations)\n  // to prevent remounts and visible flicker. This ensures the <patchwork-view>\n  // element stays mounted and updated in place, even during edits.\n  const caretLayer = layer({\n    above: true,\n    class: \"cm-presence-layer\",\n    update: (update) =>\n      update.docChanged ||\n      update.transactions.some((tr) =>\n        tr.effects.some((e) => e.is(setRemoteSelections))\n      ),\n    markers(view) {\n      // Stable order, so the layer's pairwise DOM reuse matches each marker\n      // with the same peer's existing element across redraws.\n      const selections = [...view.state.field(remoteSelectionField)].sort(\n        (a, b) => (a.peerId < b.peerId ? -1 : a.peerId > b.peerId ? 1 : 0)\n      );\n      const markers: PresenceCaretMarker[] = [];\n      for (const sel of selections) {\n        // Reuse drawSelection's measurement for a caret rectangle at head.\n        const [rect] = RectangleMarker.forRange(\n          view,\n          \"cm-presence-caret\",\n          EditorSelection.cursor(sel.head)\n        );\n        if (!rect) continue; // outside the rendered viewport\n        markers.push(\n          new PresenceCaretMarker(sel, rect.left, rect.top, rect.height)\n        );\n      }\n      return markers;\n    },\n  });\n\n  const plugin = ViewPlugin.fromClass(\n    class {\n      private view: EditorView;\n      private presence: Presence<PresenceChannels>;\n      private destroyed = false;\n      private broadcastQueued = false;\n\n      constructor(view: EditorView) {\n        this.view = view;\n        this.presence = new Presence<PresenceChannels>({\n          handle,\n          userId: contactUrl,\n        });\n        this.presence.start({ initialState: { selection: null } });\n        this.presence.on(\"update\", this.refresh);\n        this.presence.on(\"snapshot\", this.refresh);\n        this.presence.on(\"goodbye\", this.refresh);\n        this.presence.on(\"pruned\", this.refresh);\n        // Closing the page sends a goodbye, which removes us from peers\n        // immediately instead of after the stale-peer timeout.\n        window.addEventListener(\"pagehide\", this.stopPresence);\n      }\n\n      update(update: ViewUpdate) {\n        // Typing is considered cursor movement; local edits may not set selection explicitly, so we also check userEvent annotations\n        const typed =\n          update.docChanged &&\n          update.transactions.some(\n            (tr) => tr.annotation(Transaction.userEvent) !== undefined\n          );\n        if (update.focusChanged && !update.view.hasFocus) {\n          // Hide our caret on peers while blurred; the peer record itself\n          // stays alive via heartbeats.\n          if (this.presence.running) {\n            this.presence.broadcast(\"selection\", null);\n          }\n        } else if (\n          update.selectionSet ||\n          typed ||\n          (update.focusChanged && update.view.hasFocus)\n        ) {\n          this.scheduleBroadcast();\n        }\n        // Local and remote edits alike arrive as transactions (the sync\n        // plugin turns automerge patches into transactions), so this\n        // re-resolves peers' cursors against the updated doc. Deferred:\n        // dispatching is not allowed from inside update().\n        if (update.docChanged) {\n          queueMicrotask(this.refresh);\n        }\n      }\n\n      destroy() {\n        this.destroyed = true;\n        this.stopPresence();\n        window.removeEventListener(\"pagehide\", this.stopPresence);\n      }\n\n      private stopPresence = () => {\n        if (this.presence.running) this.presence.stop();\n      };\n\n      // rAF-throttled (matching tldraw4) so drag-selections don't flood the\n      // channel. The selection is read fresh at flush time.\n      private scheduleBroadcast() {\n        if (this.broadcastQueued) return;\n        this.broadcastQueued = true;\n        requestAnimationFrame(() => {\n          this.broadcastQueued = false;\n          if (this.destroyed || !this.presence.running) return;\n          // Blurred in the meantime: the null broadcast already went out.\n          if (!this.view.hasFocus) return;\n          const doc = handle.doc();\n          const sel = this.view.state.selection.main;\n          this.presence.broadcast(\"selection\", {\n            start: A.getCursor(doc, path, sel.from),\n            end: A.getCursor(doc, path, sel.to),\n            headAtStart: sel.to > sel.from && sel.head === sel.from,\n            lastMoved: Date.now(),\n          });\n        });\n      }\n\n      // Re-resolve every peer's cursors against the current doc. A cursor can\n      // briefly fail to resolve when a presence message races ahead of doc\n      // sync -- the peer is skipped and picked up again on the next change.\n      private refresh = () => {\n        if (this.destroyed) return;\n        const doc = handle.doc();\n        const resolved: RemoteSelection[] = [];\n        for (const peer of this.presence.getPeerStates().peers) {\n          const peerId = String(peer.peerId);\n          const selection = peer.value?.selection ?? null;\n          if (!selection) continue;\n          try {\n            const from = A.getCursorPosition(doc, path, selection.start);\n            const to = A.getCursorPosition(doc, path, selection.end);\n            const peerContactUrl =\n              (peer.userId as AutomergeUrl | undefined) ?? null;\n            resolved.push({\n              peerId,\n              contactUrl: peerContactUrl,\n              // Same rule as the contact-cursor token (palette hash of the\n              // contact url), so the tint and the token can't drift apart.\n              color: generateColorFromString(peerContactUrl ?? peerId),\n              from,\n              to,\n              head: selection.headAtStart ? from : to,\n              lastMoved: selection.lastMoved,\n            });\n          } catch {\n            continue;\n          }\n        }\n        this.view.dispatch({ effects: setRemoteSelections.of(resolved) });\n      };\n    }\n  );\n\n  return [remoteSelectionField, caretLayer, plugin, presenceTheme];\n}\n\nfunction buildSelectionTints(selections: RemoteSelection[]): DecorationSet {\n  const ranges: Range<Decoration>[] = [];\n  for (const sel of selections) {\n    if (sel.from < sel.to) {\n      ranges.push(\n        Decoration.mark({\n          class: \"cm-presence-range\",\n          attributes: {\n            style: `background-color: color-mix(in srgb, ${sel.color} 25%, transparent);`,\n          },\n        }).range(sel.from, sel.to)\n      );\n    }\n  }\n  return Decoration.set(ranges, true);\n}\n\n// A peer's nametag fades out once its selection has been still for this\n// long -- the caret itself stays visible. Moving the cursor or typing\n// brings it back.\nconst LABEL_TIMEOUT_MS = 2_000;\n\n// A layer marker for one peer's caret. Markers are throwaway value objects\n// (a fresh set arrives with every measure pass); the peer's DOM element is\n// what persists, via `update` mutating it in place. That persistence is the\n// point of the layer approach: the contact token inside must never remount.\nclass PresenceCaretMarker {\n  private readonly sel: RemoteSelection;\n  private readonly left: number;\n  private readonly top: number;\n  private readonly height: number;\n\n  constructor(sel: RemoteSelection, left: number, top: number, height: number) {\n    this.sel = sel;\n    this.left = left;\n    this.top = top;\n    this.height = height;\n  }\n\n  eq(other: PresenceCaretMarker): boolean {\n    return (\n      other.sel.peerId === this.sel.peerId &&\n      other.sel.contactUrl === this.sel.contactUrl &&\n      other.sel.color === this.sel.color &&\n      other.sel.lastMoved === this.sel.lastMoved &&\n      other.left === this.left &&\n      other.top === this.top &&\n      other.height === this.height\n    );\n  }\n\n  draw(): HTMLElement {\n    const caret = document.createElement(\"div\");\n    caret.className = \"cm-presence-caret\";\n    caret.dataset.peerId = this.sel.peerId;\n    if (this.sel.contactUrl) {\n      const label = document.createElement(\"span\");\n      label.className = \"cm-presence-caret-label\";\n      const token = document.createElement(\"patchwork-view\");\n      token.setAttribute(\"doc-url\", this.sel.contactUrl);\n      token.setAttribute(\"tool-id\", \"contact-cursor\");\n      token.style.display = \"block\";\n      label.appendChild(token);\n      caret.appendChild(label);\n    }\n    this.adjust(caret);\n    restartIdleCountdown(caret);\n    return caret;\n  }\n\n  // Reposition the peer's existing element instead of redrawing it, keeping\n  // the mounted contact token alive (a remount re-renders asynchronously and\n  // flickers -- see the layer comment in `presence`).\n  update(dom: HTMLElement, prev: PresenceCaretMarker): boolean {\n    // A different peer means a different contact token, which genuinely has\n    // to remount. Only happens when peers join or leave.\n    if (\n      prev.sel.peerId !== this.sel.peerId ||\n      prev.sel.contactUrl !== this.sel.contactUrl\n    ) {\n      return false;\n    }\n    this.adjust(dom);\n    // Fresh activity restarts the nametag fade-out. Position shifts caused\n    // by other people's edits deliberately don't.\n    if (prev.sel.lastMoved !== this.sel.lastMoved) restartIdleCountdown(dom);\n    return true;\n  }\n\n  private adjust(dom: HTMLElement) {\n    dom.style.left = `${this.left}px`;\n    dom.style.top = `${this.top}px`;\n    dom.style.height = `${this.height}px`;\n    dom.style.setProperty(\"--cm-presence-color\", this.sel.color);\n  }\n}\n\n// Keyed on the DOM element rather than the marker, because marker instances\n// are replaced on every measure pass while the element lives on.\nconst idleTimers = new WeakMap<HTMLElement, ReturnType<typeof setTimeout>>();\n\nfunction restartIdleCountdown(caret: HTMLElement) {\n  clearTimeout(idleTimers.get(caret));\n  caret.classList.remove(\"cm-presence-caret--idle\");\n  idleTimers.set(\n    caret,\n    setTimeout(\n      () => caret.classList.add(\"cm-presence-caret--idle\"),\n      LABEL_TIMEOUT_MS\n    )\n  );\n}\n\nconst presenceTheme = EditorView.baseTheme({\n  // Positioned absolutely by the layer (document-relative); -1px centers\n  // the 2px bar on the caret position.\n  \".cm-presence-caret\": {\n    borderLeft: \"2px solid var(--cm-presence-color)\",\n    marginLeft: \"-1px\",\n    pointerEvents: \"none\",\n  },\n  \".cm-presence-caret-label\": {\n    position: \"absolute\",\n    top: \"-1.4em\",\n    left: \"-2px\",\n    zIndex: \"150\",\n    whiteSpace: \"nowrap\",\n    pointerEvents: \"none\",\n    userSelect: \"none\",\n    opacity: \"1\",\n    transition: \"opacity 200ms ease-in-out\",\n  },\n  \".cm-presence-caret--idle .cm-presence-caret-label\": {\n    opacity: \"0\",\n  },\n});\n\n// Deterministic presence color, hashed from the contact url. Duplicated on\n// purpose from contact/src/ui.ts (same palette, same hash) so the selection\n// tint matches the contact-cursor token -- a shared package is a later step.\nconst USER_COLOR_PALETTE = [\n  \"hsl(200, 70%, 50%)\",\n  \"hsl(10, 75%, 58%)\",\n  \"hsl(145, 70%, 45%)\",\n  \"hsl(270, 70%, 55%)\",\n  \"hsl(38, 85%, 50%)\",\n  \"hsl(350, 70%, 55%)\",\n  \"hsl(178, 70%, 45%)\",\n  \"hsl(235, 70%, 58%)\",\n  \"hsl(85, 70%, 45%)\",\n  \"hsl(310, 70%, 55%)\",\n  \"hsl(25, 80%, 52%)\",\n  \"hsl(188, 75%, 48%)\",\n];\n\nfunction generateColorFromString(str: string): string {\n  const hash = Math.abs(\n    str.split(\"\").reduce((acc, char) => acc + char.charCodeAt(0), 0)\n  );\n  return USER_COLOR_PALETTE[hash % USER_COLOR_PALETTE.length];\n}\n"],
+  "mappings": "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",
+  "names": ["createEffect", "EditorView", "EditorState", "Compartment", "createEffect", "EditorView", "createEffect", "Compartment", "A", "Compartment", "createEffect", "createEffect", "Decoration", "ViewPlugin", "StateEffect", "diff", "createEffect", "EditorView", "createEffect", "Decoration", "EditorView", "ViewPlugin", "Compartment", "EditorSelection", "StateEffect", "StateField", "A", "Compartment", "EditorView", "EditorState", "createEffect"]
+}

package/packages/codemirror-base/dist/lib/codemirror.js

@@ -1,6 +1,6 @@
 import {
   CodeMirror
-} from "../chunk-SSMKXTVN.js";
+} from "../chunk-XU4QBB2J.js";
 export {
   CodeMirror
 };

package/packages/codemirror-base/dist/tool.js

@@ -1,6 +1,6 @@
 import {
   CodeMirror
-} from "./chunk-SSMKXTVN.js";
+} from "./chunk-XU4QBB2J.js";
 
 // src/tool.tsx
 import { template as _$template } from "solid-js/web";
@@ -1728,7 +1728,8 @@ function CodeMirrorEditor(props) {
           },
           readOnly: isReadOnly,
           onChangeSelection,
-          scrollTarget
+          scrollTarget,
+          contactUrl: () => contactUrl() ?? null
         });
       }
     }));