@inkandswitch/patchwork-pkg-base 0.0.40 → 0.0.42

package/packages/codemirror-base/dist/chunk-5IG5TKXV.js

@@ -1,795 +0,0 @@
-// src/lib/codemirror.tsx
-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";
-import { Decoration, EditorView } from "@codemirror/view";
-import { StateEffect, StateField } from "@codemirror/state";
-function createDecorationsExtension(decorations) {
-  const setDecorations = StateEffect.define();
-  const decorationsField = StateField.define({
-    create() {
-      return Decoration.none;
-    },
-    update(value, tr) {
-      for (const e of tr.effects) {
-        if (e.is(setDecorations)) return e.value;
-      }
-      if (tr.docChanged) return value.map(tr.changes);
-      return value;
-    },
-    provide: (f) => EditorView.decorations.from(f)
-  });
-  const createDecorationsEffect = (view) => createEffect(() => {
-    decorations() && view.dispatch({
-      effects: setDecorations.of(decorations())
-    });
-  });
-  return [decorationsField, createDecorationsEffect];
-}
-
-// src/lib/extensions/readOnly.ts
-import { createEffect as createEffect2 } from "solid-js";
-import { EditorView as EditorView2 } from "@codemirror/view";
-import { Compartment, EditorState } from "@codemirror/state";
-function createReadOnlyExtension(readOnly) {
-  const readOnlyCompartment = new Compartment();
-  const readOnlyExtensions = () => readOnly() ? [EditorState.readOnly.of(true), EditorView2.editable.of(false)] : [];
-  const createReconfigureEffect = (view) => createEffect2(() => {
-    view.dispatch({
-      effects: readOnlyCompartment.reconfigure(readOnlyExtensions())
-    });
-  });
-  return [
-    readOnlyCompartment.of(readOnlyExtensions()),
-    createReconfigureEffect
-  ];
-}
-
-// src/lib/extensions/automergeSync.ts
-import { createEffect as createEffect3 } from "solid-js";
-import { Compartment as Compartment2 } from "@codemirror/state";
-
-// node_modules/.pnpm/@automerge+automerge-codemirror@0.2.0/node_modules/@automerge/automerge-codemirror/dist/plugin.js
-import * as A2 from "@automerge/automerge";
-import { ViewPlugin } from "@codemirror/view";
-import { Annotation } from "@codemirror/state";
-
-// node_modules/.pnpm/@automerge+automerge-codemirror@0.2.0/node_modules/@automerge/automerge-codemirror/dist/codeMirrorToAm.js
-import * as A from "@automerge/automerge";
-var applyCmTransactionsToAmHandle = (handle, path, transactions) => {
-  const transactionsWithChanges = transactions.filter((tr) => !isReconcileTx(tr) && !tr.changes.empty);
-  if (transactionsWithChanges.length === 0) {
-    return;
-  }
-  handle.change((doc) => {
-    transactionsWithChanges.forEach((tr) => {
-      tr.changes.iterChanges((fromA, toA, fromB, _toB, inserted) => {
-        A.splice(doc, path.slice(), fromB, toA - fromA, inserted.toString());
-      });
-    });
-  });
-  return A.getHeads(handle.doc());
-};
-
-// node_modules/.pnpm/@automerge+automerge-codemirror@0.2.0/node_modules/@automerge/automerge-codemirror/dist/amToCodemirror.js
-import { ChangeSet } from "@codemirror/state";
-var applyAmPatchesToCm = (view, target, patches) => {
-  let selection = view.state.selection;
-  for (const patch of patches) {
-    const changeSpec = handlePatch(patch, target, view.state);
-    if (changeSpec != null) {
-      const changeSet = ChangeSet.of(changeSpec, view.state.doc.length, "\n");
-      selection = selection.map(changeSet, 1);
-      view.dispatch({
-        changes: changeSet,
-        annotations: reconcileAnnotationType.of({})
-      });
-    }
-  }
-  view.dispatch({
-    selection,
-    annotations: reconcileAnnotationType.of({})
-  });
-};
-function handlePatch(patch, target, state) {
-  if (patch.action === "insert") {
-    return handleInsert(target, patch);
-  } else if (patch.action === "splice") {
-    return handleSplice(target, patch);
-  } else if (patch.action === "del") {
-    return handleDel(target, patch);
-  } else if (patch.action === "put") {
-    return handlePut(target, patch, state);
-  } else {
-    return null;
-  }
-}
-function handleInsert(target, patch) {
-  const index = charPath(target, patch.path);
-  if (index == null) {
-    return [];
-  }
-  const text = patch.values.map((v) => v ? v.toString() : "").join("");
-  return [{ from: index, to: index, insert: text }];
-}
-function handleSplice(target, patch) {
-  const index = charPath(target, patch.path);
-  if (index == null) {
-    return [];
-  }
-  return [{ from: index, insert: patch.value }];
-}
-function handleDel(target, patch) {
-  const index = charPath(target, patch.path);
-  if (index == null) {
-    return [];
-  }
-  const length = patch.length || 1;
-  return [{ from: index, to: index + length }];
-}
-function handlePut(target, patch, state) {
-  const index = charPath(target, [...patch.path, 0]);
-  if (index == null) {
-    return [];
-  }
-  const length = state.doc.length;
-  if (typeof patch.value !== "string") {
-    return [];
-  }
-  return [{ from: 0, to: length, insert: patch.value }];
-}
-function charPath(textPath, candidatePath) {
-  if (candidatePath.length !== textPath.length + 1)
-    return null;
-  for (let i = 0; i < textPath.length; i++) {
-    if (textPath[i] !== candidatePath[i])
-      return null;
-  }
-  const index = candidatePath[candidatePath.length - 1];
-  if (typeof index === "number")
-    return index;
-  return null;
-}
-
-// node_modules/.pnpm/@automerge+automerge-codemirror@0.2.0/node_modules/@automerge/automerge-codemirror/dist/plugin.js
-var reconcileAnnotationType = Annotation.define();
-var isReconcileTx = (tr) => !!tr.annotation(reconcileAnnotationType);
-var automergeSyncPlugin = ({ handle, path }) => {
-  if (!handle.isReady()) {
-    throw new Error("ensure the handle is ready before initializing the automergeSyncPlugin");
-  }
-  return ViewPlugin.fromClass(class {
-    view;
-    reconciledHeads = A2.getHeads(handle.doc());
-    isProcessingCmTransaction = false;
-    constructor(view) {
-      this.view = view;
-      this.onChange = this.onChange.bind(this);
-      handle.on("change", this.onChange);
-    }
-    update(update) {
-      this.isProcessingCmTransaction = true;
-      const newHeads = applyCmTransactionsToAmHandle(handle, path, update.transactions);
-      if (newHeads) {
-        this.reconciledHeads = newHeads;
-      }
-      this.isProcessingCmTransaction = false;
-    }
-    onChange = () => {
-      if (this.isProcessingCmTransaction) {
-        return;
-      }
-      const currentHeads = A2.getHeads(handle.doc());
-      if (A2.equals(currentHeads, this.reconciledHeads)) {
-        return;
-      }
-      const patches = A2.diff(handle.doc(), this.reconciledHeads, currentHeads);
-      applyAmPatchesToCm(this.view, path, patches);
-      this.reconciledHeads = currentHeads;
-    };
-    destroy() {
-      handle.off("change", this.onChange);
-    }
-  });
-};
-
-// src/lib/extensions/automergeSync.ts
-function createSyncExtension(handle, path, initialDoc) {
-  const sync = new Compartment2();
-  const syncExtension = () => handle() && path() ? automergeSyncPlugin({
-    handle: handle(),
-    // typescript is confused by different version of doc handle
-    path: path()
-  }) : [];
-  const createReconfigureEffect = (view) => createEffect3(() => {
-    view.dispatch({
-      effects: sync.reconfigure(syncExtension()),
-      changes: {
-        from: 0,
-        to: view.state.doc.length,
-        insert: initialDoc()
-      }
-    });
-  });
-  return [sync.of(syncExtension()), createReconfigureEffect];
-}
-
-// src/lib/extensions/diff.ts
-import { createEffect as createEffect4 } from "solid-js";
-import {
-  Decoration as Decoration2,
-  ViewPlugin as ViewPlugin2,
-  WidgetType
-} from "@codemirror/view";
-import { RangeSet, StateEffect as StateEffect2 } from "@codemirror/state";
-import { next as Automerge } from "@automerge/automerge/slim";
-import {
-  decodeHeads
-} from "@automerge/automerge-repo/slim";
-var setBaseline = StateEffect2.define();
-function createDiffExtension(handle, path, baseline) {
-  const plugin = ViewPlugin2.fromClass(
-    class {
-      baseline = null;
-      decorations = Decoration2.none;
-      update(update) {
-        let baselineChanged = false;
-        for (const tr of update.transactions) {
-          for (const effect of tr.effects) {
-            if (effect.is(setBaseline)) {
-              this.baseline = effect.value;
-              baselineChanged = true;
-            }
-          }
-        }
-        if (update.docChanged || baselineChanged) {
-          this.decorations = this.build();
-        }
-      }
-      build() {
-        const heads = this.baseline;
-        const doc = handle()?.doc();
-        if (!heads || !doc) return Decoration2.none;
-        return RangeSet.of(
-          buildDiffDecorations(
-            diffContent(doc, heads, path()),
-            prefersDarkMode()
-          ),
-          true
-          // sort ranges
-        );
-      }
-    },
-    { decorations: (v) => v.decorations }
-  );
-  const createReconfigureEffect = (view) => createEffect4(() => {
-    view.dispatch({ effects: setBaseline.of(baseline()) });
-  });
-  return [plugin, createReconfigureEffect];
-}
-function diffContent(doc, baselineHeads, path) {
-  const before = decodeHeads(baselineHeads);
-  const beforeContent = lookupString(Automerge.view(doc, before), path);
-  const patches = Automerge.diff(doc, before, Automerge.getHeads(doc));
-  const out = [];
-  let offset = 0;
-  for (const patch of patches) {
-    if (!isIndexedChildOf(patch.path, path)) continue;
-    const pos = patch.path[path.length];
-    if (patch.action === "splice") {
-      const len = patch.value.length;
-      out.push({ type: "added", from: pos, to: pos + len });
-      offset -= len;
-    } else if (patch.action === "del") {
-      const len = patch.length ?? 1;
-      const original = pos + offset;
-      out.push({
-        type: "deleted",
-        at: pos,
-        text: beforeContent.substring(original, original + len)
-      });
-      offset += len;
-    }
-  }
-  return out;
-}
-function buildDiffDecorations(diffs, dark) {
-  const out = [];
-  for (const diff2 of diffs) {
-    if (diff2.type === "deleted") {
-      out.push(
-        Decoration2.widget({
-          widget: new DeletionMarker(diff2.text, false),
-          side: 1
-        }).range(diff2.at)
-      );
-      continue;
-    }
-    if (diff2.from === diff2.to) continue;
-    out.push(
-      Decoration2.mark({
-        attributes: { style: addedDiffStyle(dark) }
-      }).range(diff2.from, diff2.to)
-    );
-  }
-  return out;
-}
-function isIndexedChildOf(patchPath, path) {
-  if (patchPath.length !== path.length + 1) return false;
-  for (let i = 0; i < path.length; i++) {
-    if (patchPath[i] !== path[i]) return false;
-  }
-  return typeof patchPath[path.length] === "number";
-}
-function lookupString(doc, path) {
-  let current = doc;
-  for (const key of path) {
-    if (current == null) return "";
-    current = current[key];
-  }
-  return typeof current === "string" ? current : "";
-}
-function addedDiffStyle(dark) {
-  return `
-    border-bottom: 2px solid ${dark ? "#4ade80" : "#22c55e"};
-    background-color: ${dark ? "#14532d" : "#dcfce7"};
-  `;
-}
-function prefersDarkMode() {
-  return window.matchMedia("(prefers-color-scheme: dark)").matches;
-}
-var DeletionMarker = class extends WidgetType {
-  deletedText;
-  isActive;
-  constructor(deletedText, isActive) {
-    super();
-    this.deletedText = deletedText;
-    this.isActive = isActive;
-  }
-  toDOM() {
-    const box = document.createElement("div");
-    box.style.display = "inline-block";
-    box.style.position = "relative";
-    box.style.lineHeight = "1";
-    box.style.verticalAlign = "middle";
-    box.style.boxSizing = "border-box";
-    box.style.padding = "2px 3px";
-    box.style.color = "rgb(239 68 68)";
-    box.style.margin = "0 4px";
-    box.style.fontSize = "1.2em";
-    box.style.whiteSpace = "nowrap";
-    box.style.backgroundColor = this.isActive ? "rgb(239 68 68 / 20%)" : "rgb(239 68 68 / 10%)";
-    box.style.borderRadius = "3px";
-    box.style.cursor = "default";
-    box.innerText = "\u232B";
-    const hoverText = document.createElement("div");
-    hoverText.style.position = "absolute";
-    hoverText.style.top = "100%";
-    hoverText.style.left = "0";
-    hoverText.style.zIndex = "1";
-    hoverText.style.padding = "5px";
-    hoverText.style.backgroundColor = "rgb(254 242 242)";
-    hoverText.style.fontSize = "15px";
-    hoverText.style.color = "rgb(17 24 39)";
-    hoverText.style.border = "1px solid rgb(185 28 28)";
-    hoverText.style.boxShadow = "0px 0px 6px rgba(0, 0, 0, 0.1)";
-    hoverText.style.borderRadius = "3px";
-    hoverText.style.visibility = "hidden";
-    hoverText.innerText = this.deletedText;
-    const isDarkMode = document.documentElement.classList.contains("dark") || window.matchMedia("(prefers-color-scheme: dark)").matches;
-    if (isDarkMode) {
-      box.style.color = "rgb(248 113 113)";
-      box.style.backgroundColor = this.isActive ? "rgb(248 113 113 / 20%)" : "rgb(248 113 113 / 10%)";
-      hoverText.style.backgroundColor = "rgb(69 10 10)";
-      hoverText.style.color = "rgb(254 226 226)";
-      hoverText.style.border = "1px solid rgb(153 27 27)";
-    }
-    box.appendChild(hoverText);
-    box.onmouseover = function() {
-      hoverText.style.visibility = "visible";
-    };
-    box.onmouseout = function() {
-      hoverText.style.visibility = "hidden";
-    };
-    return box;
-  }
-  eq(other) {
-    return other.deletedText === this.deletedText && other.isActive === this.isActive;
-  }
-  ignoreEvent() {
-    return true;
-  }
-};
-
-// src/lib/extensions/scrollHighlightIntoView.ts
-import { createEffect as createEffect5 } from "solid-js";
-import { EditorView as EditorView4 } from "@codemirror/view";
-import { EditorSelection } from "@codemirror/state";
-function createScrollHighlightIntoViewExtension(target) {
-  const extension = [];
-  const createScrollHighlightIntoViewEffect = (view) => createEffect5(() => {
-    const range = target();
-    if (!range) return;
-    const docLength = view.state.doc.length;
-    const from = Math.min(range[0], docLength);
-    const to = Math.min(range[1], docLength);
-    view.dispatch({
-      effects: EditorView4.scrollIntoView(EditorSelection.range(from, to), {
-        x: "nearest",
-        y: "nearest"
-      })
-    });
-  });
-  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;
-  for (const key of path) {
-    current = current[key];
-    if (current === void 0) {
-      return void 0;
-    }
-  }
-  return current;
-};
-function CodeMirror(props) {
-  const initialDoc = () => props.handle && lookup(props.handle.doc(), props.path) || "";
-  const [syncExtension, createEffectReconfigureSync] = createSyncExtension(() => props.handle, () => props.path, initialDoc);
-  const [readOnlyExtension, createEffectReconfigureReadOnly] = createReadOnlyExtension(() => !!props.readOnly);
-  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 [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;
-      props.onChangeSelection(sel.from, sel.to);
-    }
-  });
-  const extensions = [
-    selectionExtension,
-    decorationsExtension,
-    // syncExtension must come before diffExtension so diff stays in sync with edits.
-    syncExtension,
-    diffExtension,
-    scrollHighlightIntoViewExtension,
-    presenceExtension,
-    userExtensionsCompartment.of(props.extensions || []),
-    readOnlyExtension
-  ].filter(Boolean);
-  const state = EditorState2.create({
-    doc: initialDoc(),
-    extensions
-  });
-  const view = new EditorView6({
-    state
-  });
-  props.withView?.(view);
-  createEffectReconfigureSync(view);
-  createEffectReconfigureReadOnly(view);
-  createEffectReconfigureDecorations?.(view);
-  createEffectReconfigureDiff(view);
-  createEffectScrollHighlightIntoView(view);
-  createEffectReconfigurePresence(view);
-  createEffect7(() => {
-    view.dispatch({
-      effects: userExtensionsCompartment.reconfigure(props.extensions || [])
-    });
-  });
-  onCleanup(() => view.destroy());
-  return view.dom;
-}
-
-export {
-  CodeMirror
-};
-//# sourceMappingURL=chunk-5IG5TKXV.js.map