@inkandswitch/patchwork-pkg-base 0.0.126 → 0.0.127

package/module-settings-url

@@ -1 +1 @@
-automerge:3LxJsuExcL8S2E8j8758gWkK1Hdp
+automerge:2nY33XxqmEjeUiRH68vhpL8W9FrT

package/package.json

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

package/packages/codemirror-markdown/dist/extensions/links.js

@@ -86,6 +86,22 @@ function getLinks(view) {
       from,
       to,
       enter: (node) => {
+        if (node.name === "Autolink") {
+          const url = node.node.getChild("URL");
+          const inside = selection.from >= node.from && selection.from <= node.to;
+          const spans = selection.from < node.from && selection.to > node.to;
+          if (url && !inside && !spans) {
+            const text = state.doc.sliceString(url.from, url.to);
+            const href = /^[a-z][a-z0-9+.-]*:/i.test(text) || !text.includes("@") ? text : `mailto:${text}`;
+            widgets.push(
+              Decoration.replace({ widget: new LinkWidget(href, text) }).range(
+                node.from,
+                node.to
+              )
+            );
+          }
+          return;
+        }
         if (node.name === "Link") {
           const linkFrom = node.from;
           const linkTo = node.to;

package/packages/codemirror-markdown/dist/extensions/links.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/extensions/links.ts", "../../src/themes/links.ts"],
-  "sourcesContent": ["import {\n  EditorView,\n  Decoration,\n  WidgetType,\n  ViewPlugin,\n  ViewUpdate,\n  type DecorationSet,\n} from \"@codemirror/view\";\nimport {\n  type EditorState,\n  Range,\n  StateEffect,\n  StateField,\n} from \"@codemirror/state\";\nimport { syntaxTree } from \"@codemirror/language\";\nimport { isValidAutomergeUrl } from \"@automerge/automerge-repo/slim\";\nimport { linkTheme } from \"../themes/links.ts\";\n\n/**\n * Open a link from the editor. Automerge urls open inside Patchwork rather\n * than as a browser URL (automerge: isn't navigable); bubbles/composed so the\n * event escapes the editor and any shadow root up to whoever drives selection.\n */\nexport function openUrl(url: string, from: Element) {\n  if (isValidAutomergeUrl(url)) {\n    from.dispatchEvent(\n      new CustomEvent(\"patchwork:open-document\", {\n        detail: { url },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  } else {\n    // GFM autolinks `www.example.com` with no scheme.\n    const href = /^[a-z][a-z0-9+.-]*:/i.test(url) ? url : `https://${url}`;\n    window.open(href, \"_blank\", \"noopener,noreferrer\");\n  }\n}\n\n/**\n * Widget to render a clickable link in the editor\n */\nclass LinkWidget extends WidgetType {\n  readonly url: string;\n  readonly text: string;\n\n  constructor(url: string, text: string) {\n    super();\n    this.url = url;\n    this.text = text;\n  }\n\n  eq(other: LinkWidget) {\n    return other.url === this.url && other.text === this.text;\n  }\n\n  toDOM() {\n    const link = document.createElement(\"a\");\n    link.href = this.url;\n    link.textContent = this.text;\n    link.className = \"cm-link\";\n    link.title = this.url;\n\n    link.onclick = (e) => {\n      e.preventDefault();\n      openUrl(this.url, link);\n    };\n\n    return link;\n  }\n\n  ignoreEvent(e: Event) {\n    // Let click events through to our widget\n    return e.type !== \"click\";\n  }\n}\n\nfunction getLinks(view: EditorView) {\n  const widgets: Range<Decoration>[] = [];\n  const { state } = view;\n  const selection = state.selection.main;\n\n  for (let { from, to } of view.visibleRanges) {\n    syntaxTree(state).iterate({\n      from,\n      to,\n      enter: (node) => {\n        // Match markdown link syntax\n        if (node.name === \"Link\") {\n          const linkFrom = node.from;\n          const linkTo = node.to;\n\n          // Check if cursor is inside this link\n          const cursorInLink =\n            selection.from >= linkFrom && selection.from <= linkTo;\n          // Check if the link is inside the selection\n          const selectionSpansLink =\n            selection.from < linkFrom && selection.to > linkTo;\n\n          // Replace if cursor is outside the link and there's no selection across the link\n          if (!cursorInLink && !selectionSpansLink) {\n            const linkText = state.doc.sliceString(linkFrom, linkTo);\n            const match = linkText.match(/\\[([^\\]]+)\\]\\(([^)]+)\\)/);\n\n            if (match) {\n              const [, text, url] = match;\n\n              // Replace the entire [text](url) with just the link widget\n              const deco = Decoration.replace({\n                widget: new LinkWidget(url, text),\n              });\n\n              widgets.push(deco.range(linkFrom, linkTo));\n            }\n          }\n        }\n      },\n    });\n  }\n\n  return Decoration.set(widgets);\n}\n\nconst linkPlugin = ViewPlugin.fromClass(\n  class {\n    decorations: DecorationSet;\n\n    constructor(view: EditorView) {\n      this.decorations = getLinks(view);\n    }\n\n    update(update: ViewUpdate) {\n      // Recompute when doc changes, selection moves, or viewport changes\n      if (\n        update.docChanged ||\n        update.selectionSet ||\n        update.viewportChanged ||\n        syntaxTree(update.startState) !== syntaxTree(update.state)\n      ) {\n        this.decorations = getLinks(update.view);\n      }\n    }\n  },\n  {\n    decorations: (v) => v.decorations,\n  }\n);\n\ntype SyntaxNode = ReturnType<ReturnType<typeof syntaxTree>[\"resolveInner\"]>;\n\n/**\n * The link at `pos`, if any: an inline `[text](url)`, an autolink `<url>`, a\n * GFM bare url, or the url in a `[ref]: url` definition. `from`/`to` cover\n * the whole link as written. Reference-style `[text][ref]` links have no url\n * of their own and are skipped.\n */\nexport function linkAt(\n  state: EditorState,\n  pos: number\n): { from: number; to: number; url: string } | null {\n  const slice = (n: SyntaxNode) => state.doc.sliceString(n.from, n.to);\n  for (const side of [1, -1] as const) {\n    for (\n      let node: SyntaxNode | null = syntaxTree(state).resolveInner(pos, side);\n      node;\n      node = node.parent\n    ) {\n      const inLink = node.parent?.name === \"Link\" || node.parent?.name === \"Autolink\";\n      if (node.name === \"URL\" && !inLink)\n        return { from: node.from, to: node.to, url: slice(node) };\n      if (node.name === \"Link\" || node.name === \"Autolink\") {\n        const url = node.getChild(\"URL\");\n        return url ? { from: node.from, to: node.to, url: slice(url) } : null;\n      }\n    }\n  }\n  return null;\n}\n\nexport const urlAt = (state: EditorState, pos: number) =>\n  linkAt(state, pos)?.url ?? null;\n\n/**\n * The link actually under the pointer. `posAndSideAtCoords` snaps to the\n * nearest position, so without the distance check the blank space past the\n * end of a line would count as hovering a link that ends the line.\n */\nfunction linkUnderPointer(view: EditorView, x: number, y: number) {\n  const hit = view.posAndSideAtCoords({ x, y });\n  if (!hit) return null;\n  const at = view.coordsAtPos(hit.pos, hit.assoc);\n  if (\n    !at ||\n    y < at.top ||\n    y > at.bottom ||\n    Math.abs(x - at.left) > view.defaultCharacterWidth * 1.5\n  )\n    return null;\n  return linkAt(view.state, hit.pos);\n}\n\nconst isMac =\n  typeof navigator !== \"undefined\" &&\n  /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent);\nconst modHeld = (e: KeyboardEvent | MouseEvent) =>\n  isMac ? e.metaKey : e.ctrlKey;\n\n/** The one link to show as clickable: under the pointer, with Mod held. */\nconst setHover = StateEffect.define<{ from: number; to: number } | null>();\nconst hoverMark = Decoration.mark({ class: \"cm-md-link-hover\" });\n\nconst hoverField = StateField.define<DecorationSet>({\n  create: () => Decoration.none,\n  update(deco, tr) {\n    deco = deco.map(tr.changes);\n    for (const e of tr.effects) {\n      if (e.is(setHover)) {\n        deco = e.value\n          ? Decoration.set(hoverMark.range(e.value.from, e.value.to))\n          : Decoration.none;\n      }\n    }\n    return deco;\n  },\n  provide: (f) => EditorView.decorations.from(f),\n});\n\n/**\n * Cmd-click (Ctrl off a Mac) opens the link under the pointer, even while the\n * cursor is inside it and it's showing as raw markdown. While the key is held\n * the hovered link gets `cm-md-link-hover`, so the theme can underline it.\n */\nconst modClick = ViewPlugin.fromClass(\n  class {\n    pointer: { x: number; y: number } | null = null;\n    mod = false;\n\n    constructor(readonly view: EditorView) {}\n\n    refresh() {\n      const { view } = this;\n      const link =\n        this.mod && this.pointer\n          ? linkUnderPointer(view, this.pointer.x, this.pointer.y)\n          : null;\n      let current: { from: number; to: number } | null = null;\n      view.state.field(hoverField).between(0, view.state.doc.length, (from, to) => {\n        current = { from, to };\n      });\n      const same = (a: typeof current, b: typeof current) =>\n        a?.from === b?.from && a?.to === b?.to;\n      const next = link && { from: link.from, to: link.to };\n      if (!same(current, next)) view.dispatch({ effects: setHover.of(next) });\n    }\n  },\n  {\n    eventHandlers: {\n      mousedown(event, view) {\n        if (event.button !== 0 || !modHeld(event)) return false;\n        const link = linkUnderPointer(view, event.clientX, event.clientY);\n        if (!link) return false;\n        event.preventDefault();\n        openUrl(link.url, view.dom);\n        return true;\n      },\n      mousemove(event) {\n        this.pointer = { x: event.clientX, y: event.clientY };\n        this.mod = modHeld(event);\n        this.refresh();\n      },\n      mouseleave() {\n        this.pointer = null;\n        this.refresh();\n      },\n      keydown(event) {\n        this.mod = modHeld(event);\n        this.refresh();\n      },\n      keyup(event) {\n        this.mod = modHeld(event);\n        this.refresh();\n      },\n      blur() {\n        this.mod = false;\n        this.refresh();\n      },\n    },\n  }\n);\n\nexport function markdownLinks() {\n  return [linkPlugin, hoverField, modClick, linkTheme];\n}\n", "import { EditorView } from \"@codemirror/view\";\n\nexport const linkTheme = EditorView.baseTheme({\n  \".cm-link\": {\n    textDecoration: \"underline\",\n    cursor: \"var(--studio-cursor-pointer, pointer)\",\n    // the widget replaces the link's text, so the theme's `t.link` highlight\n    // (theming/src/codemirror-theme.ts) never reaches it: read the same tokens.\n    fontFamily: \"var(--markdown-body-family, var(--text-editor-family-sans))\",\n    color: \"var(--syntax-link, #0066cc)\",\n    backgroundColor: \"var(--syntax-fill-link)\",\n    fontStyle: \"var(--syntax-style-link)\",\n    fontWeight: \"var(--syntax-weight-link)\",\n    \"&:hover\": {\n      color: \"inherit\",\n    },\n  },\n  \".cm-md-link-hover, .cm-md-link-hover *\": {\n    textDecoration: \"underline\",\n    cursor: \"var(--studio-cursor-pointer, pointer)\",\n  },\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  EditorView,\n  Decoration,\n  WidgetType,\n  ViewPlugin,\n  ViewUpdate,\n  type DecorationSet,\n} from \"@codemirror/view\";\nimport {\n  type EditorState,\n  Range,\n  StateEffect,\n  StateField,\n} from \"@codemirror/state\";\nimport { syntaxTree } from \"@codemirror/language\";\nimport { isValidAutomergeUrl } from \"@automerge/automerge-repo/slim\";\nimport { linkTheme } from \"../themes/links.ts\";\n\n/**\n * Open a link from the editor. Automerge urls open inside Patchwork rather\n * than as a browser URL (automerge: isn't navigable); bubbles/composed so the\n * event escapes the editor and any shadow root up to whoever drives selection.\n */\nexport function openUrl(url: string, from: Element) {\n  if (isValidAutomergeUrl(url)) {\n    from.dispatchEvent(\n      new CustomEvent(\"patchwork:open-document\", {\n        detail: { url },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  } else {\n    // GFM autolinks `www.example.com` with no scheme.\n    const href = /^[a-z][a-z0-9+.-]*:/i.test(url) ? url : `https://${url}`;\n    window.open(href, \"_blank\", \"noopener,noreferrer\");\n  }\n}\n\n/**\n * Widget to render a clickable link in the editor\n */\nclass LinkWidget extends WidgetType {\n  readonly url: string;\n  readonly text: string;\n\n  constructor(url: string, text: string) {\n    super();\n    this.url = url;\n    this.text = text;\n  }\n\n  eq(other: LinkWidget) {\n    return other.url === this.url && other.text === this.text;\n  }\n\n  toDOM() {\n    const link = document.createElement(\"a\");\n    link.href = this.url;\n    link.textContent = this.text;\n    link.className = \"cm-link\";\n    link.title = this.url;\n\n    link.onclick = (e) => {\n      e.preventDefault();\n      openUrl(this.url, link);\n    };\n\n    return link;\n  }\n\n  ignoreEvent(e: Event) {\n    // Let click events through to our widget\n    return e.type !== \"click\";\n  }\n}\n\nfunction getLinks(view: EditorView) {\n  const widgets: Range<Decoration>[] = [];\n  const { state } = view;\n  const selection = state.selection.main;\n\n  for (let { from, to } of view.visibleRanges) {\n    syntaxTree(state).iterate({\n      from,\n      to,\n      enter: (node) => {\n        // `<https://\u2026>`, `<fax:\u2026>`, `<a@b.c>`: the url, without its brackets\n        if (node.name === \"Autolink\") {\n          const url = node.node.getChild(\"URL\");\n          const inside =\n            selection.from >= node.from && selection.from <= node.to;\n          const spans = selection.from < node.from && selection.to > node.to;\n          if (url && !inside && !spans) {\n            const text = state.doc.sliceString(url.from, url.to);\n            const href =\n              /^[a-z][a-z0-9+.-]*:/i.test(text) || !text.includes(\"@\")\n                ? text\n                : `mailto:${text}`;\n            widgets.push(\n              Decoration.replace({ widget: new LinkWidget(href, text) }).range(\n                node.from,\n                node.to\n              )\n            );\n          }\n          return;\n        }\n\n        // Match markdown link syntax\n        if (node.name === \"Link\") {\n          const linkFrom = node.from;\n          const linkTo = node.to;\n\n          // Check if cursor is inside this link\n          const cursorInLink =\n            selection.from >= linkFrom && selection.from <= linkTo;\n          // Check if the link is inside the selection\n          const selectionSpansLink =\n            selection.from < linkFrom && selection.to > linkTo;\n\n          // Replace if cursor is outside the link and there's no selection across the link\n          if (!cursorInLink && !selectionSpansLink) {\n            const linkText = state.doc.sliceString(linkFrom, linkTo);\n            const match = linkText.match(/\\[([^\\]]+)\\]\\(([^)]+)\\)/);\n\n            if (match) {\n              const [, text, url] = match;\n\n              // Replace the entire [text](url) with just the link widget\n              const deco = Decoration.replace({\n                widget: new LinkWidget(url, text),\n              });\n\n              widgets.push(deco.range(linkFrom, linkTo));\n            }\n          }\n        }\n      },\n    });\n  }\n\n  return Decoration.set(widgets);\n}\n\nconst linkPlugin = ViewPlugin.fromClass(\n  class {\n    decorations: DecorationSet;\n\n    constructor(view: EditorView) {\n      this.decorations = getLinks(view);\n    }\n\n    update(update: ViewUpdate) {\n      // Recompute when doc changes, selection moves, or viewport changes\n      if (\n        update.docChanged ||\n        update.selectionSet ||\n        update.viewportChanged ||\n        syntaxTree(update.startState) !== syntaxTree(update.state)\n      ) {\n        this.decorations = getLinks(update.view);\n      }\n    }\n  },\n  {\n    decorations: (v) => v.decorations,\n  }\n);\n\ntype SyntaxNode = ReturnType<ReturnType<typeof syntaxTree>[\"resolveInner\"]>;\n\n/**\n * The link at `pos`, if any: an inline `[text](url)`, an autolink `<url>`, a\n * GFM bare url, or the url in a `[ref]: url` definition. `from`/`to` cover\n * the whole link as written. Reference-style `[text][ref]` links have no url\n * of their own and are skipped.\n */\nexport function linkAt(\n  state: EditorState,\n  pos: number\n): { from: number; to: number; url: string } | null {\n  const slice = (n: SyntaxNode) => state.doc.sliceString(n.from, n.to);\n  for (const side of [1, -1] as const) {\n    for (\n      let node: SyntaxNode | null = syntaxTree(state).resolveInner(pos, side);\n      node;\n      node = node.parent\n    ) {\n      const inLink = node.parent?.name === \"Link\" || node.parent?.name === \"Autolink\";\n      if (node.name === \"URL\" && !inLink)\n        return { from: node.from, to: node.to, url: slice(node) };\n      if (node.name === \"Link\" || node.name === \"Autolink\") {\n        const url = node.getChild(\"URL\");\n        return url ? { from: node.from, to: node.to, url: slice(url) } : null;\n      }\n    }\n  }\n  return null;\n}\n\nexport const urlAt = (state: EditorState, pos: number) =>\n  linkAt(state, pos)?.url ?? null;\n\n/**\n * The link actually under the pointer. `posAndSideAtCoords` snaps to the\n * nearest position, so without the distance check the blank space past the\n * end of a line would count as hovering a link that ends the line.\n */\nfunction linkUnderPointer(view: EditorView, x: number, y: number) {\n  const hit = view.posAndSideAtCoords({ x, y });\n  if (!hit) return null;\n  const at = view.coordsAtPos(hit.pos, hit.assoc);\n  if (\n    !at ||\n    y < at.top ||\n    y > at.bottom ||\n    Math.abs(x - at.left) > view.defaultCharacterWidth * 1.5\n  )\n    return null;\n  return linkAt(view.state, hit.pos);\n}\n\nconst isMac =\n  typeof navigator !== \"undefined\" &&\n  /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent);\nconst modHeld = (e: KeyboardEvent | MouseEvent) =>\n  isMac ? e.metaKey : e.ctrlKey;\n\n/** The one link to show as clickable: under the pointer, with Mod held. */\nconst setHover = StateEffect.define<{ from: number; to: number } | null>();\nconst hoverMark = Decoration.mark({ class: \"cm-md-link-hover\" });\n\nconst hoverField = StateField.define<DecorationSet>({\n  create: () => Decoration.none,\n  update(deco, tr) {\n    deco = deco.map(tr.changes);\n    for (const e of tr.effects) {\n      if (e.is(setHover)) {\n        deco = e.value\n          ? Decoration.set(hoverMark.range(e.value.from, e.value.to))\n          : Decoration.none;\n      }\n    }\n    return deco;\n  },\n  provide: (f) => EditorView.decorations.from(f),\n});\n\n/**\n * Cmd-click (Ctrl off a Mac) opens the link under the pointer, even while the\n * cursor is inside it and it's showing as raw markdown. While the key is held\n * the hovered link gets `cm-md-link-hover`, so the theme can underline it.\n */\nconst modClick = ViewPlugin.fromClass(\n  class {\n    pointer: { x: number; y: number } | null = null;\n    mod = false;\n\n    constructor(readonly view: EditorView) {}\n\n    refresh() {\n      const { view } = this;\n      const link =\n        this.mod && this.pointer\n          ? linkUnderPointer(view, this.pointer.x, this.pointer.y)\n          : null;\n      let current: { from: number; to: number } | null = null;\n      view.state.field(hoverField).between(0, view.state.doc.length, (from, to) => {\n        current = { from, to };\n      });\n      const same = (a: typeof current, b: typeof current) =>\n        a?.from === b?.from && a?.to === b?.to;\n      const next = link && { from: link.from, to: link.to };\n      if (!same(current, next)) view.dispatch({ effects: setHover.of(next) });\n    }\n  },\n  {\n    eventHandlers: {\n      mousedown(event, view) {\n        if (event.button !== 0 || !modHeld(event)) return false;\n        const link = linkUnderPointer(view, event.clientX, event.clientY);\n        if (!link) return false;\n        event.preventDefault();\n        openUrl(link.url, view.dom);\n        return true;\n      },\n      mousemove(event) {\n        this.pointer = { x: event.clientX, y: event.clientY };\n        this.mod = modHeld(event);\n        this.refresh();\n      },\n      mouseleave() {\n        this.pointer = null;\n        this.refresh();\n      },\n      keydown(event) {\n        this.mod = modHeld(event);\n        this.refresh();\n      },\n      keyup(event) {\n        this.mod = modHeld(event);\n        this.refresh();\n      },\n      blur() {\n        this.mod = false;\n        this.refresh();\n      },\n    },\n  }\n);\n\nexport function markdownLinks() {\n  return [linkPlugin, hoverField, modClick, linkTheme];\n}\n", "import { EditorView } from \"@codemirror/view\";\n\nexport const linkTheme = EditorView.baseTheme({\n  \".cm-link\": {\n    textDecoration: \"underline\",\n    cursor: \"var(--studio-cursor-pointer, pointer)\",\n    // the widget replaces the link's text, so the theme's `t.link` highlight\n    // (theming/src/codemirror-theme.ts) never reaches it: read the same tokens.\n    fontFamily: \"var(--markdown-body-family, var(--text-editor-family-sans))\",\n    color: \"var(--syntax-link, #0066cc)\",\n    backgroundColor: \"var(--syntax-fill-link)\",\n    fontStyle: \"var(--syntax-style-link)\",\n    fontWeight: \"var(--syntax-weight-link)\",\n    \"&:hover\": {\n      color: \"inherit\",\n    },\n  },\n  \".cm-md-link-hover, .cm-md-link-hover *\": {\n    textDecoration: \"underline\",\n    cursor: \"var(--studio-cursor-pointer, pointer)\",\n  },\n});\n"],
+  "mappings": "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",
   "names": ["EditorView", "EditorView"]
 }

package/packages/codemirror-markdown/dist/extensions/markdown.js

@@ -1269,23 +1269,23 @@ var FlattenedDoc = class _FlattenedDoc {
   get to() {
     return this.from + this.text.length;
   }
-  static get(doc, from, to) {
-    let cached = flattened.get(doc);
+  static get(doc2, from, to) {
+    let cached = flattened.get(doc2);
     if (!cached || cached.from >= to || cached.to <= from) {
-      let flat = new _FlattenedDoc(from, doc.sliceString(from, to));
-      flattened.set(doc, flat);
+      let flat = new _FlattenedDoc(from, doc2.sliceString(from, to));
+      flattened.set(doc2, flat);
       return flat;
     }
     if (cached.from == from && cached.to == to)
       return cached;
     let { text, from: cachedFrom } = cached;
     if (cachedFrom > from) {
-      text = doc.sliceString(from, cachedFrom) + text;
+      text = doc2.sliceString(from, cachedFrom) + text;
       cachedFrom = from;
     }
     if (cached.to < to)
-      text += doc.sliceString(cached.to, to);
-    flattened.set(doc, new _FlattenedDoc(cachedFrom, text));
+      text += doc2.sliceString(cached.to, to);
+    flattened.set(doc2, new _FlattenedDoc(cachedFrom, text));
     return new _FlattenedDoc(from, text.slice(from - cachedFrom, to - cachedFrom));
   }
 };
@@ -1511,11 +1511,11 @@ function stringCursor(spec, state, from, to) {
     test = wrapStringTest(spec.test, state, test);
   return new SearchCursor(state.doc, spec.unquoted, from, to, spec.caseSensitive ? void 0 : (x) => x.toLowerCase(), test);
 }
-function stringWordTest(doc, categorizer) {
+function stringWordTest(doc2, categorizer) {
   return (from, to, buf, bufPos) => {
     if (bufPos > from || bufPos + buf.length < to) {
       bufPos = Math.max(0, from - 2);
-      buf = doc.sliceString(bufPos, Math.min(doc.length, to + 2));
+      buf = doc2.sliceString(bufPos, Math.min(doc2.length, to + 2));
     }
     return (categorizer(charBefore(buf, from - bufPos)) != CharCategory.Word || categorizer(charAfter(buf, from - bufPos)) != CharCategory.Word) && (categorizer(charAfter(buf, to - bufPos)) != CharCategory.Word || categorizer(charBefore(buf, to - bufPos)) != CharCategory.Word);
   };
@@ -2066,7 +2066,7 @@ var searchExtensions = [
 ];
 
 // src/extensions/markdown.ts
-import { EditorView as EditorView7, keymap as keymap3 } from "@codemirror/view";
+import { EditorView as EditorView9, keymap as keymap5 } from "@codemirror/view";
 
 // src/extensions/formatting.ts
 import { EditorSelection as EditorSelection2 } from "@codemirror/state";
@@ -2189,14 +2189,14 @@ function toggle(view, from) {
 var doneMark = Decoration2.mark({ class: "cm-task-done" });
 function build(view) {
   const builder = new RangeSetBuilder2();
-  const { doc } = view.state;
+  const { doc: doc2 } = view.state;
   for (const { from, to } of view.visibleRanges) {
     syntaxTree(view.state).iterate({
       from,
       to,
       enter: (node) => {
         if (node.name !== "TaskMarker") return;
-        const checked = doc.sliceString(node.from + 1, node.to - 1) !== " ";
+        const checked = doc2.sliceString(node.from + 1, node.to - 1) !== " ";
         builder.add(
           node.from,
           node.to,
@@ -2234,8 +2234,6 @@ import {
   ViewPlugin as ViewPlugin3,
   WidgetType as WidgetType2
 } from "@codemirror/view";
-var numberMark = Decoration3.mark({ class: "cm-md-hang cm-md-hang-number" });
-var quoteMark = Decoration3.mark({ class: "cm-md-hang cm-md-hang-quote" });
 var hidden = Decoration3.replace({});
 var taskMark = Decoration3.mark({ class: "cm-md-hang", inclusive: true });
 var HeadingLabel = class extends WidgetType2 {
@@ -2301,15 +2299,6 @@ function renderedNumber(state, mark) {
   const start = firstMark ? parseInt(state.doc.sliceString(firstMark.from, firstMark.to), 10) : 1;
   return `${(Number.isNaN(start) ? 1 : start) + index}${delimiter}`;
 }
-function caretLines(state) {
-  const lines = /* @__PURE__ */ new Set();
-  for (const r of state.selection.ranges) {
-    const first = state.doc.lineAt(r.from).number;
-    const last = state.doc.lineAt(r.to).number;
-    for (let n = first; n <= last; n++) lines.add(n);
-  }
-  return lines;
-}
 function skipSpaces(state, pos) {
   const line = state.doc.lineAt(pos);
   while (pos < line.to && state.doc.sliceString(pos, pos + 1) === " ") pos++;
@@ -2317,8 +2306,7 @@ function skipSpaces(state, pos) {
 }
 function build2(view) {
   const { state } = view;
-  const { doc } = state;
-  const editing = caretLines(state);
+  const { doc: doc2 } = state;
   const decos = [];
   for (const { from, to } of view.visibleRanges) {
     syntaxTree2(state).iterate({
@@ -2329,21 +2317,20 @@ function build2(view) {
         const heading = /^ATXHeading(\d)$/.exec(name);
         if (heading) {
           const mark = node.node.firstChild;
-          if (!mark || mark.name !== "HeaderMark" || mark.from !== node.from)
-            return;
+          if (!mark || mark.name !== "HeaderMark") return;
           decos.push(
             Decoration3.replace({
               widget: new HeadingLabel(Number(heading[1]))
-            }).range(mark.from, skipSpaces(state, mark.to))
+            }).range(doc2.lineAt(node.from).from, skipSpaces(state, mark.to))
           );
           return;
         }
         if (name === "ListMark") {
           const end = skipSpaces(state, node.to);
-          const char = doc.sliceString(node.from, node.to);
+          const char = doc2.sliceString(node.from, node.to);
           const bullet = ["-", "+", "*"].includes(char);
           const task = node.node.nextSibling?.firstChild;
-          const isTask = bullet && task?.name === "TaskMarker" && doc.sliceString(end, task.from).trim() === "";
+          const isTask = bullet && task?.name === "TaskMarker" && doc2.sliceString(end, task.from).trim() === "";
           if (isTask && task) {
             if (end > node.from) decos.push(hidden.range(node.from, end));
             decos.push(taskMark.range(task.from, skipSpaces(state, task.to)));
@@ -2353,8 +2340,6 @@ function build2(view) {
             decos.push(
               Decoration3.replace({ widget: new Bullet() }).range(node.from, end)
             );
-          } else if (editing.has(doc.lineAt(node.from).number)) {
-            decos.push(numberMark.range(node.from, end));
           } else {
             decos.push(
               Decoration3.replace({
@@ -2367,10 +2352,10 @@ function build2(view) {
         if (name === "Blockquote") {
           for (let p = node.node.parent; p; p = p.parent)
             if (p.name === "Blockquote") return;
-          const first = doc.lineAt(node.from).number;
-          const last = doc.lineAt(node.to).number;
+          const first = doc2.lineAt(node.from).number;
+          const last = doc2.lineAt(node.to).number;
           for (let n = first; n <= last; n++) {
-            const line = doc.line(n);
+            const line = doc2.line(n);
             const classes = ["cm-md-quote"];
             if (n === first) classes.push("cm-md-quote-first");
             if (n === last) classes.push("cm-md-quote-last");
@@ -2381,22 +2366,17 @@ function build2(view) {
           return;
         }
         if (name === "QuoteMark") {
-          const line = doc.lineAt(node.from);
-          const before = doc.sliceString(line.from, node.from);
+          const line = doc2.lineAt(node.from);
+          const before = doc2.sliceString(line.from, node.from);
           if (before.trim() !== "") return;
           let end = node.to;
           for (; ; ) {
             const next = skipSpaces(state, end);
-            if (doc.sliceString(next, next + 1) !== ">") break;
+            if (doc2.sliceString(next, next + 1) !== ">") break;
             end = next + 1;
           }
           end = skipSpaces(state, end);
-          decos.push(
-            (editing.has(line.number) ? quoteMark : hidden).range(
-              line.from,
-              end
-            )
-          );
+          decos.push(hidden.range(line.from, end));
         }
       }
     });
@@ -2410,7 +2390,7 @@ var marginPlugin = ViewPlugin3.fromClass(
       this.decorations = build2(view);
     }
     update(update) {
-      if (update.docChanged || update.selectionSet || update.viewportChanged || syntaxTree2(update.startState) !== syntaxTree2(update.state)) {
+      if (update.docChanged || update.viewportChanged || syntaxTree2(update.startState) !== syntaxTree2(update.state)) {
         this.decorations = build2(update.view);
       }
     }
@@ -2500,7 +2480,6 @@ var margin = [marginPlugin, marginTheme];
 import { syntaxTree as syntaxTree3 } from "@codemirror/language";
 import {
   EditorSelection as EditorSelection3,
-  EditorState as EditorState2,
   Prec as Prec2
 } from "@codemirror/state";
 import { keymap } from "@codemirror/view";
@@ -2517,31 +2496,6 @@ function headingPrefix(state, line) {
   }
   return null;
 }
-var keepOutOfPrefix = EditorState2.transactionFilter.of((tr) => {
-  if (!tr.selection) return tr;
-  const { state } = tr;
-  const before = tr.startState.selection;
-  let moved = false;
-  const ranges = tr.selection.ranges.map((r, i) => {
-    if (!r.empty) return r;
-    const line = state.doc.lineAt(r.head);
-    if (r.head >= line.to && line.length > 0) return r;
-    const prefix = headingPrefix(state, line);
-    if (!prefix || r.head >= prefix.to) return r;
-    const old = before.ranges[i] ?? before.main;
-    const leaving = !tr.docChanged && old.empty && old.head === prefix.to && line.from > 0;
-    moved = true;
-    return EditorSelection3.cursor(leaving ? line.from - 1 : prefix.to);
-  });
-  if (!moved) return tr;
-  return [
-    tr,
-    {
-      selection: EditorSelection3.create(ranges, tr.selection.mainIndex),
-      sequential: true
-    }
-  ];
-});
 function selectedLines(state) {
   const seen = /* @__PURE__ */ new Set();
   const lines = [];
@@ -2556,12 +2510,12 @@ function selectedLines(state) {
 }
 var setHeading = (level) => ({ state, dispatch }) => {
   const lines = selectedLines(state);
-  const prefixes = lines.map((line) => headingPrefix(state, line));
-  const already = level > 0 && prefixes.every((p) => p && p.level === level);
+  const prefixes2 = lines.map((line) => headingPrefix(state, line));
+  const already = level > 0 && prefixes2.every((p) => p && p.level === level);
   const target = already ? 0 : level;
   const insert = target ? "#".repeat(target) + " " : "";
   const changes = lines.map((line, i) => {
-    const p = prefixes[i];
+    const p = prefixes2[i];
     return { from: line.from, to: p ? p.to : line.from, insert };
   });
   dispatch(
@@ -2580,18 +2534,6 @@ function atHeadingStart(state) {
   const prefix = headingPrefix(state, line);
   return prefix && sel.main.head === prefix.to ? prefix : null;
 }
-var backspace = ({ state, dispatch }) => {
-  const prefix = atHeadingStart(state);
-  if (!prefix) return false;
-  dispatch(
-    state.update({
-      changes: { from: prefix.from, to: prefix.to },
-      selection: EditorSelection3.cursor(prefix.from),
-      userEvent: "delete.backward"
-    })
-  );
-  return true;
-};
 var enter = ({ state, dispatch }) => {
   const prefix = atHeadingStart(state);
   if (!prefix) return false;
@@ -2607,29 +2549,11 @@ var enter = ({ state, dispatch }) => {
   );
   return true;
 };
-var deleteForward = ({ state, dispatch }) => {
-  const sel = state.selection;
-  if (sel.ranges.length !== 1 || !sel.main.empty) return false;
-  const line = state.doc.lineAt(sel.main.head);
-  if (sel.main.head !== line.to || line.number >= state.doc.lines) return false;
-  const prefix = headingPrefix(state, state.doc.line(line.number + 1));
-  if (!prefix) return false;
-  dispatch(
-    state.update({
-      changes: { from: line.to, to: prefix.to },
-      userEvent: "delete.forward"
-    })
-  );
-  return true;
-};
 var headings = [
-  keepOutOfPrefix,
-  // above lang-markdown's own (Prec.high) Enter and Backspace.
+  // above lang-markdown's own (Prec.high) Enter.
   Prec2.highest(
     keymap.of([
-      { key: "Backspace", run: backspace },
       { key: "Enter", run: enter },
-      { key: "Delete", run: deleteForward },
       { key: "Mod-Shift-h", run: setHeading(2), preventDefault: true },
       { key: "Mod-Shift-j", run: setHeading(3), preventDefault: true },
       { key: "Mod-Shift-b", run: setHeading(0), preventDefault: true },
@@ -2960,9 +2884,181 @@ var listsTheme = EditorView4.baseTheme({
 });
 var lists = [hideDoneField, menuPlugin, listsTheme];
 
+// src/extensions/prefix.ts
+import { syntaxTree as syntaxTree5 } from "@codemirror/language";
+import {
+  EditorSelection as EditorSelection4,
+  EditorState as EditorState2,
+  Prec as Prec3
+} from "@codemirror/state";
+import { EditorView as EditorView5, keymap as keymap2 } from "@codemirror/view";
+var MARKS2 = /* @__PURE__ */ new Set(["QuoteMark", "ListMark", "HeaderMark", "TaskMarker"]);
+function skipSpaces2(state, pos, end) {
+  while (pos < end && /[ \t]/.test(state.doc.sliceString(pos, pos + 1))) pos++;
+  return pos;
+}
+function blockPrefix(state, line) {
+  const tree = syntaxTree5(state);
+  const marks = [];
+  const starts = [];
+  let pos = line.from;
+  for (; ; ) {
+    const at = skipSpaces2(state, pos, line.to);
+    const node = tree.resolveInner(at, 1);
+    if (!MARKS2.has(node.name) || node.from !== at || node.to <= at) break;
+    if (doc(state, pos, at).trim() !== "") break;
+    marks.push(node.name);
+    starts.push(at);
+    pos = node.to;
+  }
+  if (!marks.length) return null;
+  return { from: line.from, to: skipSpaces2(state, pos, line.to), marks, starts };
+}
+var doc = (state, from, to) => state.doc.sliceString(from, to);
+var keepOut = EditorState2.transactionFilter.of((tr) => {
+  if (!tr.selection) return tr;
+  const { state } = tr;
+  const before = tr.startState.selection;
+  let moved = false;
+  const ranges = tr.selection.ranges.map((r, i) => {
+    if (!r.empty) return r;
+    const line = state.doc.lineAt(r.head);
+    const prefix = blockPrefix(state, line);
+    if (!prefix || r.head >= prefix.to) return r;
+    const old = before.ranges[i] ?? before.main;
+    const leaving = !tr.docChanged && old.empty && old.head === prefix.to && line.from > 0;
+    moved = true;
+    return EditorSelection4.cursor(leaving ? line.from - 1 : prefix.to);
+  });
+  if (!moved) return tr;
+  return [
+    tr,
+    {
+      selection: EditorSelection4.create(ranges, tr.selection.mainIndex),
+      sequential: true
+    }
+  ];
+});
+function atTextStart(state) {
+  const sel = state.selection;
+  if (sel.ranges.length !== 1 || !sel.main.empty) return null;
+  const prefix = blockPrefix(state, state.doc.lineAt(sel.main.head));
+  return prefix && sel.main.head === prefix.to ? prefix : null;
+}
+var backspace = ({ state, dispatch }) => {
+  const prefix = atTextStart(state);
+  if (!prefix) return false;
+  dispatch(
+    state.update({
+      changes: { from: prefix.starts.at(-1), to: prefix.to },
+      selection: EditorSelection4.cursor(prefix.starts.at(-1)),
+      userEvent: "delete.backward"
+    })
+  );
+  return true;
+};
+var deleteForward = ({ state, dispatch }) => {
+  const sel = state.selection;
+  if (sel.ranges.length !== 1 || !sel.main.empty) return false;
+  const line = state.doc.lineAt(sel.main.head);
+  if (sel.main.head !== line.to || line.number >= state.doc.lines) return false;
+  const prefix = blockPrefix(state, state.doc.line(line.number + 1));
+  if (!prefix) return false;
+  dispatch(
+    state.update({
+      changes: { from: line.to, to: prefix.to },
+      userEvent: "delete.forward"
+    })
+  );
+  return true;
+};
+var inCode = (state, pos) => {
+  for (let n = syntaxTree5(state).resolveInner(pos, -1); n; n = n.parent) {
+    if (/^(FencedCode|CodeBlock|CodeText|InlineCode)$/.test(n.name)) return true;
+  }
+  return false;
+};
+var LIST_OR_HEADING = /^(\d{1,9}[.)]|[-*+]|#{1,6})$/;
+var HEADING = /^#{1,6}$/;
+var replaceMarker = EditorView5.inputHandler.of((view, from, to, text) => {
+  if (text !== " " || from !== to) return false;
+  const { state } = view;
+  const line = state.doc.lineAt(from);
+  const prefix = blockPrefix(state, line);
+  if (!prefix || inCode(state, from)) return false;
+  const { marks, starts } = prefix;
+  let typed = doc(state, prefix.to, from);
+  let mine = marks.length - 1;
+  if (!typed && prefix.to === from && marks.length > 1) {
+    typed = doc(state, starts[mine], from);
+    mine--;
+  }
+  if (!typed || marks[mine] === "QuoteMark") return false;
+  if (marks[mine] === "TaskMarker" && marks[mine - 1] === "ListMark") mine--;
+  const ok = marks[mine] === "HeaderMark" ? HEADING : LIST_OR_HEADING;
+  if (!ok.test(typed)) return false;
+  view.dispatch({
+    changes: { from: starts[mine], to: from, insert: typed + " " },
+    selection: EditorSelection4.cursor(starts[mine] + typed.length + 1),
+    userEvent: "input.type"
+  });
+  return true;
+});
+var prefixes = [
+  keepOut,
+  replaceMarker,
+  // above lang-markdown's own (Prec.high) Backspace.
+  Prec3.highest(
+    keymap2.of([
+      { key: "Backspace", run: backspace },
+      { key: "Delete", run: deleteForward }
+    ])
+  )
+];
+
+// src/extensions/vertical.ts
+import { EditorSelection as EditorSelection5, Prec as Prec4 } from "@codemirror/state";
+import { cursorLineDown, cursorLineUp } from "@codemirror/commands";
+import { keymap as keymap3 } from "@codemirror/view";
+var streaks = /* @__PURE__ */ new WeakMap();
+var vertical = (move) => (view) => {
+  const { state } = view;
+  const sel = state.selection;
+  if (sel.ranges.length !== 1 || !sel.main.empty) return move(view);
+  let streak = streaks.get(view);
+  if (!streak || streak.head !== sel.main.head || streak.doc !== state.doc) {
+    streak = { visited: /* @__PURE__ */ new Map(), head: sel.main.head, doc: state.doc };
+  }
+  const from = state.doc.lineAt(sel.main.head).number;
+  if (!streak.visited.has(from)) streak.visited.set(from, sel.main.head);
+  if (!move(view)) return false;
+  const now = view.state.selection.main;
+  const to = view.state.doc.lineAt(now.head).number;
+  const back = streak.visited.get(to);
+  if (back !== void 0 && back !== now.head && view.state.doc === streak.doc) {
+    view.dispatch({
+      selection: EditorSelection5.cursor(back),
+      scrollIntoView: true,
+      userEvent: "select"
+    });
+  }
+  streak.head = view.state.selection.main.head;
+  streak.doc = view.state.doc;
+  streaks.set(view, streak);
+  return true;
+};
+var verticalMemory = Prec4.high(
+  keymap3.of([
+    { key: "ArrowUp", run: vertical(cursorLineUp) },
+    { key: "ArrowDown", run: vertical(cursorLineDown) },
+    { mac: "Ctrl-p", run: vertical(cursorLineUp) },
+    { mac: "Ctrl-n", run: vertical(cursorLineDown) }
+  ])
+);
+
 // src/extensions/zoom.ts
-import { Prec as Prec3 } from "@codemirror/state";
-import { keymap as keymap2 } from "@codemirror/view";
+import { Prec as Prec5 } from "@codemirror/state";
+import { keymap as keymap4 } from "@codemirror/view";
 var MIN_FONT_SIZE = 6;
 var FALLBACK_FONT_SIZE = 16;
 var px = (value) => parseFloat(value) || FALLBACK_FONT_SIZE;
@@ -2991,8 +3087,8 @@ function step(view, by) {
 var zoomIn = (view) => step(view, 1);
 var zoomOut = (view) => step(view, -1);
 var zoomReset = (view) => step(view, 0);
-var markdownZoom = Prec3.high(
-  keymap2.of([
+var markdownZoom = Prec5.high(
+  keymap4.of([
     // `+` and `_` are the shifted keys, for keyboards that need Shift.
     { key: "Mod-=", run: zoomIn, preventDefault: true },
     { key: "Mod-+", run: zoomIn, preventDefault: true },
@@ -3004,7 +3100,7 @@ var markdownZoom = Prec3.high(
 
 // src/themes/markdown.ts
 import { HighlightStyle, syntaxHighlighting } from "@codemirror/language";
-import { EditorView as EditorView6 } from "@codemirror/view";
+import { EditorView as EditorView8 } from "@codemirror/view";
 var bodyFont = (style) => style == "serif" ? 'var(--text-editor-family-serif, "Merriweather", serif)' : "var(--text-editor-family-sans)";
 var zoomed2 = (length) => `calc(${length} * var(--markdown-zoom, 1))`;
 var markdownStyles = (style) => ({
@@ -3219,7 +3315,7 @@ var markdownSyntaxHighlighting = (style) => HighlightStyle.define([
   { tag: tags.monospace, ...baseCodeStyles }
 ]);
 var theme = (style) => [
-  EditorView6.theme(markdownStyles(style)),
+  EditorView8.theme(markdownStyles(style)),
   syntaxHighlighting(markdownSyntaxHighlighting(style))
 ];
 
@@ -3229,7 +3325,7 @@ function markdownExtensions() {
     ...theme("sans"),
     indentOnInput(),
     markdownZoom,
-    keymap3.of([
+    keymap5.of([
       ...markdownFormattingKeymap,
       ...defaultKeymap,
       ...searchKeymap,
@@ -3237,7 +3333,7 @@ function markdownExtensions() {
       ...completionKeymap,
       indentWithTab
     ]),
-    EditorView7.lineWrapping,
+    EditorView9.lineWrapping,
     // GFM base: task lists, tables, strikethrough, autolinks.
     markdown({
       base: markdownLanguage,
@@ -3246,6 +3342,8 @@ function markdownExtensions() {
     }),
     taskCheckboxes,
     margin,
+    prefixes,
+    verticalMemory,
     headings,
     lists,
     indentUnit.of("    ")