@inkandswitch/patchwork-pkg-base 0.0.125 → 0.0.127

package/module-settings-url

@@ -1 +1 @@
-automerge:Wh4456nTsRj7WssD8ChKeeRFqa9
+automerge:2nY33XxqmEjeUiRH68vhpL8W9FrT

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkandswitch/patchwork-pkg-base",
-  "version": "0.0.125",
+  "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": ";AAAA;AAAA,EACE,cAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;;;ACfpC,SAAS,kBAAkB;AAEpB,IAAM,YAAY,WAAW,UAAU;AAAA,EAC5C,YAAY;AAAA,IACV,gBAAgB;AAAA,IAChB,QAAQ;AAAA;AAAA;AAAA,IAGR,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,WAAW;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,0CAA0C;AAAA,IACxC,gBAAgB;AAAA,IAChB,QAAQ;AAAA,EACV;AACF,CAAC;;;ADEM,SAAS,QAAQ,KAAa,MAAe;AAClD,MAAI,oBAAoB,GAAG,GAAG;AAC5B,SAAK;AAAA,MACH,IAAI,YAAY,2BAA2B;AAAA,QACzC,QAAQ,EAAE,IAAI;AAAA,QACd,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAAA,EACF,OAAO;AAEL,UAAM,OAAO,uBAAuB,KAAK,GAAG,IAAI,MAAM,WAAW,GAAG;AACpE,WAAO,KAAK,MAAM,UAAU,qBAAqB;AAAA,EACnD;AACF;AAKA,IAAM,aAAN,cAAyB,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EAET,YAAY,KAAa,MAAc;AACrC,UAAM;AACN,SAAK,MAAM;AACX,SAAK,OAAO;AAAA,EACd;AAAA,EAEA,GAAG,OAAmB;AACpB,WAAO,MAAM,QAAQ,KAAK,OAAO,MAAM,SAAS,KAAK;AAAA,EACvD;AAAA,EAEA,QAAQ;AACN,UAAM,OAAO,SAAS,cAAc,GAAG;AACvC,SAAK,OAAO,KAAK;AACjB,SAAK,cAAc,KAAK;AACxB,SAAK,YAAY;AACjB,SAAK,QAAQ,KAAK;AAElB,SAAK,UAAU,CAAC,MAAM;AACpB,QAAE,eAAe;AACjB,cAAQ,KAAK,KAAK,IAAI;AAAA,IACxB;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,YAAY,GAAU;AAEpB,WAAO,EAAE,SAAS;AAAA,EACpB;AACF;AAEA,SAAS,SAAS,MAAkB;AAClC,QAAM,UAA+B,CAAC;AACtC,QAAM,EAAE,MAAM,IAAI;AAClB,QAAM,YAAY,MAAM,UAAU;AAElC,WAAS,EAAE,MAAM,GAAG,KAAK,KAAK,eAAe;AAC3C,eAAW,KAAK,EAAE,QAAQ;AAAA,MACxB;AAAA,MACA;AAAA,MACA,OAAO,CAAC,SAAS;AAEf,YAAI,KAAK,SAAS,QAAQ;AACxB,gBAAM,WAAW,KAAK;AACtB,gBAAM,SAAS,KAAK;AAGpB,gBAAM,eACJ,UAAU,QAAQ,YAAY,UAAU,QAAQ;AAElD,gBAAM,qBACJ,UAAU,OAAO,YAAY,UAAU,KAAK;AAG9C,cAAI,CAAC,gBAAgB,CAAC,oBAAoB;AACxC,kBAAM,WAAW,MAAM,IAAI,YAAY,UAAU,MAAM;AACvD,kBAAM,QAAQ,SAAS,MAAM,yBAAyB;AAEtD,gBAAI,OAAO;AACT,oBAAM,CAAC,EAAE,MAAM,GAAG,IAAI;AAGtB,oBAAM,OAAO,WAAW,QAAQ;AAAA,gBAC9B,QAAQ,IAAI,WAAW,KAAK,IAAI;AAAA,cAClC,CAAC;AAED,sBAAQ,KAAK,KAAK,MAAM,UAAU,MAAM,CAAC;AAAA,YAC3C;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO,WAAW,IAAI,OAAO;AAC/B;AAEA,IAAM,aAAa,WAAW;AAAA,EAC5B,MAAM;AAAA,IACJ;AAAA,IAEA,YAAY,MAAkB;AAC5B,WAAK,cAAc,SAAS,IAAI;AAAA,IAClC;AAAA,IAEA,OAAO,QAAoB;AAEzB,UACE,OAAO,cACP,OAAO,gBACP,OAAO,mBACP,WAAW,OAAO,UAAU,MAAM,WAAW,OAAO,KAAK,GACzD;AACA,aAAK,cAAc,SAAS,OAAO,IAAI;AAAA,MACzC;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa,CAAC,MAAM,EAAE;AAAA,EACxB;AACF;AAUO,SAAS,OACd,OACA,KACkD;AAClD,QAAM,QAAQ,CAAC,MAAkB,MAAM,IAAI,YAAY,EAAE,MAAM,EAAE,EAAE;AACnE,aAAW,QAAQ,CAAC,GAAG,EAAE,GAAY;AACnC,aACM,OAA0B,WAAW,KAAK,EAAE,aAAa,KAAK,IAAI,GACtE,MACA,OAAO,KAAK,QACZ;AACA,YAAM,SAAS,KAAK,QAAQ,SAAS,UAAU,KAAK,QAAQ,SAAS;AACrE,UAAI,KAAK,SAAS,SAAS,CAAC;AAC1B,eAAO,EAAE,MAAM,KAAK,MAAM,IAAI,KAAK,IAAI,KAAK,MAAM,IAAI,EAAE;AAC1D,UAAI,KAAK,SAAS,UAAU,KAAK,SAAS,YAAY;AACpD,cAAM,MAAM,KAAK,SAAS,KAAK;AAC/B,eAAO,MAAM,EAAE,MAAM,KAAK,MAAM,IAAI,KAAK,IAAI,KAAK,MAAM,GAAG,EAAE,IAAI;AAAA,MACnE;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,IAAM,QAAQ,CAAC,OAAoB,QACxC,OAAO,OAAO,GAAG,GAAG,OAAO;AAO7B,SAAS,iBAAiB,MAAkB,GAAW,GAAW;AAChE,QAAM,MAAM,KAAK,mBAAmB,EAAE,GAAG,EAAE,CAAC;AAC5C,MAAI,CAAC,IAAK,QAAO;AACjB,QAAM,KAAK,KAAK,YAAY,IAAI,KAAK,IAAI,KAAK;AAC9C,MACE,CAAC,MACD,IAAI,GAAG,OACP,IAAI,GAAG,UACP,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,KAAK,wBAAwB;AAErD,WAAO;AACT,SAAO,OAAO,KAAK,OAAO,IAAI,GAAG;AACnC;AAEA,IAAM,QACJ,OAAO,cAAc,eACrB,uBAAuB,KAAK,UAAU,YAAY,UAAU,SAAS;AACvE,IAAM,UAAU,CAAC,MACf,QAAQ,EAAE,UAAU,EAAE;AAGxB,IAAM,WAAW,YAAY,OAA4C;AACzE,IAAM,YAAY,WAAW,KAAK,EAAE,OAAO,mBAAmB,CAAC;AAE/D,IAAM,aAAa,WAAW,OAAsB;AAAA,EAClD,QAAQ,MAAM,WAAW;AAAA,EACzB,OAAO,MAAM,IAAI;AACf,WAAO,KAAK,IAAI,GAAG,OAAO;AAC1B,eAAW,KAAK,GAAG,SAAS;AAC1B,UAAI,EAAE,GAAG,QAAQ,GAAG;AAClB,eAAO,EAAE,QACL,WAAW,IAAI,UAAU,MAAM,EAAE,MAAM,MAAM,EAAE,MAAM,EAAE,CAAC,IACxD,WAAW;AAAA,MACjB;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAAA,EACA,SAAS,CAAC,MAAMC,YAAW,YAAY,KAAK,CAAC;AAC/C,CAAC;AAOD,IAAM,WAAW,WAAW;AAAA,EAC1B,MAAM;AAAA,IAIJ,YAAqB,MAAkB;AAAlB;AAAA,IAAmB;AAAA,IAHxC,UAA2C;AAAA,IAC3C,MAAM;AAAA,IAIN,UAAU;AACR,YAAM,EAAE,KAAK,IAAI;AACjB,YAAM,OACJ,KAAK,OAAO,KAAK,UACb,iBAAiB,MAAM,KAAK,QAAQ,GAAG,KAAK,QAAQ,CAAC,IACrD;AACN,UAAI,UAA+C;AACnD,WAAK,MAAM,MAAM,UAAU,EAAE,QAAQ,GAAG,KAAK,MAAM,IAAI,QAAQ,CAAC,MAAM,OAAO;AAC3E,kBAAU,EAAE,MAAM,GAAG;AAAA,MACvB,CAAC;AACD,YAAM,OAAO,CAAC,GAAmB,MAC/B,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG;AACtC,YAAM,OAAO,QAAQ,EAAE,MAAM,KAAK,MAAM,IAAI,KAAK,GAAG;AACpD,UAAI,CAAC,KAAK,SAAS,IAAI,EAAG,MAAK,SAAS,EAAE,SAAS,SAAS,GAAG,IAAI,EAAE,CAAC;AAAA,IACxE;AAAA,EACF;AAAA,EACA;AAAA,IACE,eAAe;AAAA,MACb,UAAU,OAAO,MAAM;AACrB,YAAI,MAAM,WAAW,KAAK,CAAC,QAAQ,KAAK,EAAG,QAAO;AAClD,cAAM,OAAO,iBAAiB,MAAM,MAAM,SAAS,MAAM,OAAO;AAChE,YAAI,CAAC,KAAM,QAAO;AAClB,cAAM,eAAe;AACrB,gBAAQ,KAAK,KAAK,KAAK,GAAG;AAC1B,eAAO;AAAA,MACT;AAAA,MACA,UAAU,OAAO;AACf,aAAK,UAAU,EAAE,GAAG,MAAM,SAAS,GAAG,MAAM,QAAQ;AACpD,aAAK,MAAM,QAAQ,KAAK;AACxB,aAAK,QAAQ;AAAA,MACf;AAAA,MACA,aAAa;AACX,aAAK,UAAU;AACf,aAAK,QAAQ;AAAA,MACf;AAAA,MACA,QAAQ,OAAO;AACb,aAAK,MAAM,QAAQ,KAAK;AACxB,aAAK,QAAQ;AAAA,MACf;AAAA,MACA,MAAM,OAAO;AACX,aAAK,MAAM,QAAQ,KAAK;AACxB,aAAK,QAAQ;AAAA,MACf;AAAA,MACA,OAAO;AACL,aAAK,MAAM;AACX,aAAK,QAAQ;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF;AAEO,SAAS,gBAAgB;AAC9B,SAAO,CAAC,YAAY,YAAY,UAAU,SAAS;AACrD;",
+  "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"]
 }