@latentic/live-markdown 0.3.1 → 0.4.0

package/dist/codemirror/highlight/highlightScanRule.d.ts

@@ -0,0 +1,8 @@
+import { InlineScanRule } from '../core/inlineScan.js';
+import '@codemirror/state';
+
+/** `==marked==` for the string renderers. */
+
+declare const highlightScanRule: InlineScanRule;
+
+export { highlightScanRule };

package/dist/codemirror/highlight/highlightScanRule.js

@@ -0,0 +1,12 @@
+import "../../chunk-V6TY7KAL.js";
+import { escapeText } from "../core/htmlEscape.js";
+import { HIGHLIGHT_RE } from "./highlightPlugin.js";
+const highlightScanRule = {
+  name: "highlight",
+  pattern: HIGHLIGHT_RE,
+  render: (match) => `<span class="cm-highlight">${escapeText(match[1] ?? "")}</span>`
+};
+export {
+  highlightScanRule
+};
+//# sourceMappingURL=highlightScanRule.js.map

package/dist/codemirror/highlight/highlightScanRule.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/codemirror/highlight/highlightScanRule.ts"],"sourcesContent":["/** `==marked==` for the string renderers. */\n\nimport { escapeText } from \"../core/htmlEscape\";\nimport { type InlineScanRule } from \"../core/inlineScan\";\nimport { HIGHLIGHT_RE } from \"./highlightPlugin\";\n\nexport const highlightScanRule: InlineScanRule = {\n  name: \"highlight\",\n  pattern: HIGHLIGHT_RE,\n  render: (match) => `<span class=\"cm-highlight\">${escapeText(match[1] ?? \"\")}</span>`,\n};\n"],"mappings":";AAEA,SAAS,kBAAkB;AAE3B,SAAS,oBAAoB;AAEtB,MAAM,oBAAoC;AAAA,EAC/C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ,CAAC,UAAU,8BAA8B,WAAW,MAAM,CAAC,KAAK,EAAE,CAAC;AAC7E;","names":[]}

package/dist/codemirror/highlight/index.d.ts

@@ -0,0 +1,2 @@
+export { HIGHLIGHT_RE, highlightPlugin } from './highlightPlugin.js';
+import '@codemirror/view';

package/dist/codemirror/highlight/index.js

@@ -0,0 +1,2 @@
+export * from "./highlightPlugin.js";
+//# sourceMappingURL=index.js.map

package/dist/codemirror/highlight/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/codemirror/highlight/index.ts"],"sourcesContent":["/** Highlight marks: `==text==` rendered as a highlighted span. */\nexport * from \"./highlightPlugin\";\n"],"mappings":"AACA,cAAc;","names":[]}

package/dist/codemirror/html/htmlWidget.d.ts

@@ -0,0 +1,23 @@
+import { NodeRule } from '../core/paint.js';
+import { WidgetType, EditorView } from '@codemirror/view';
+import '@codemirror/state';
+
+declare function htmlRendersVisibly(html: string): boolean;
+declare class HtmlWidget extends WidgetType {
+    readonly html: string;
+    readonly isBlock: boolean;
+    constructor(html: string, isBlock: boolean);
+    eq(other: HtmlWidget): boolean;
+    toDOM(_view: EditorView): HTMLElement;
+    ignoreEvent(): boolean;
+}
+/** An inline `<tag>` → rendered HTML; a tag that sanitizes to nothing visible
+ *  (`<yourname>`, `</b>`, `<script>`) stays raw text — never an invisible
+ *  hole where the user's typing vanished. */
+declare const htmlInlineRule: NodeRule;
+/** A single-line HTML block → rendered HTML. Multi-line blocks stay raw
+ *  source: they fail CM6's "no plugin-level multi-line replace" rule, until a
+ *  StateField carries them (Phase 5). Same invisible-hole guard as inline. */
+declare const htmlBlockRule: NodeRule;
+
+export { HtmlWidget, htmlBlockRule, htmlInlineRule, htmlRendersVisibly };

package/dist/codemirror/html/htmlWidget.js

@@ -0,0 +1,67 @@
+import {
+  __publicField
+} from "../../chunk-V6TY7KAL.js";
+import DOMPurify from "dompurify";
+import { none } from "../core/paint.js";
+import { Decoration, WidgetType } from "@codemirror/view";
+const SANITIZE_CONFIG = {
+  FORBID_TAGS: ["script", "style", "iframe", "object", "embed", "form", "input", "button"],
+  FORBID_ATTR: ["on*"],
+  ALLOWED_URI_REGEXP: /^(?:(?:https?|mailto|tel|data:image\/(?:png|jpeg|gif|webp|svg\+xml)):)/i,
+  RETURN_TRUSTED_TYPE: false
+};
+const visibilityVerdicts = /* @__PURE__ */ new Map();
+const VERDICT_CACHE_MAX = 500;
+function htmlRendersVisibly(html) {
+  if (typeof document === "undefined") return false;
+  const cached = visibilityVerdicts.get(html);
+  if (cached !== void 0) return cached;
+  const probe = document.createElement("template");
+  probe.innerHTML = DOMPurify.sanitize(html, SANITIZE_CONFIG);
+  const content = probe.content;
+  const visible = (content.textContent ?? "").trim() !== "" || content.querySelector("img, br, hr") !== null;
+  if (visibilityVerdicts.size >= VERDICT_CACHE_MAX) {
+    const oldest = visibilityVerdicts.keys().next().value;
+    if (oldest !== void 0) visibilityVerdicts.delete(oldest);
+  }
+  visibilityVerdicts.set(html, visible);
+  return visible;
+}
+class HtmlWidget extends WidgetType {
+  constructor(html, isBlock) {
+    super();
+    __publicField(this, "html", html);
+    __publicField(this, "isBlock", isBlock);
+  }
+  eq(other) {
+    return other.html === this.html && other.isBlock === this.isBlock;
+  }
+  toDOM(_view) {
+    const container = document.createElement(this.isBlock ? "div" : "span");
+    container.className = this.isBlock ? "cm-html-block" : "cm-html-inline";
+    container.innerHTML = DOMPurify.sanitize(this.html, SANITIZE_CONFIG);
+    return container;
+  }
+  ignoreEvent() {
+    return false;
+  }
+}
+const htmlInlineRule = (ctx) => {
+  const html = ctx.state.sliceDoc(ctx.from, ctx.to);
+  if (!htmlRendersVisibly(html)) return none;
+  return { paint: "widget", deco: Decoration.replace({ widget: new HtmlWidget(html, false) }) };
+};
+const htmlBlockRule = (ctx) => {
+  const doc = ctx.state.doc;
+  if (doc.lineAt(ctx.from).number !== doc.lineAt(ctx.to).number) return none;
+  const html = ctx.state.sliceDoc(ctx.from, ctx.to);
+  if (!htmlRendersVisibly(html)) return none;
+  return { paint: "widget", deco: Decoration.replace({ widget: new HtmlWidget(html, true) }) };
+};
+export {
+  HtmlWidget,
+  htmlBlockRule,
+  htmlInlineRule,
+  htmlRendersVisibly
+};
+//# sourceMappingURL=htmlWidget.js.map

package/dist/codemirror/html/htmlWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/codemirror/html/htmlWidget.ts"],"sourcesContent":["import DOMPurify from \"dompurify\";\n\nimport { type NodeRule, type Paint, none } from \"../core/paint\";\nimport { Decoration, EditorView, WidgetType } from \"@codemirror/view\";\n\nconst SANITIZE_CONFIG = {\n  FORBID_TAGS: [\"script\", \"style\", \"iframe\", \"object\", \"embed\", \"form\", \"input\", \"button\"] as string[],\n  FORBID_ATTR: [\"on*\"] as string[],\n  ALLOWED_URI_REGEXP:\n    /^(?:(?:https?|mailto|tel|data:image\\/(?:png|jpeg|gif|webp|svg\\+xml)):)/i,\n  RETURN_TRUSTED_TYPE: false,\n};\n\n/**\n * Would this HTML draw anything the user can SEE once sanitized? A stripped\n * or unknown tag (`<yourname>`, `</b>`, `<script>…`) sanitizes to nothing —\n * replacing such a span with a widget renders the user's text invisibly, the\n * same dead-zone class as the hidden bare-URL bug. Callers keep the raw\n * source visible instead of widget-replacing when this is false.\n *\n * Memoized: the rules invoke this per HTML node on every painter rebuild\n * (each keystroke), and the verdict for a given string never changes — the\n * sanitize + template parse must not run repeatedly for unchanged spans.\n */\nconst visibilityVerdicts = new Map<string, boolean>();\nconst VERDICT_CACHE_MAX = 500;\n\nexport function htmlRendersVisibly(html: string): boolean {\n  // Without a DOM there is nothing to probe; report invisible so rules leave\n  // the raw source in place (never a widget a non-DOM host can't render).\n  if (typeof document === \"undefined\") return false;\n  const cached = visibilityVerdicts.get(html);\n  if (cached !== undefined) return cached;\n  const probe = document.createElement(\"template\");\n  probe.innerHTML = DOMPurify.sanitize(html, SANITIZE_CONFIG) as unknown as string;\n  const content = probe.content;\n  const visible =\n    (content.textContent ?? \"\").trim() !== \"\" || content.querySelector(\"img, br, hr\") !== null;\n  if (visibilityVerdicts.size >= VERDICT_CACHE_MAX) {\n    const oldest = visibilityVerdicts.keys().next().value;\n    if (oldest !== undefined) visibilityVerdicts.delete(oldest);\n  }\n  visibilityVerdicts.set(html, visible);\n  return visible;\n}\n\nexport class HtmlWidget extends WidgetType {\n  constructor(\n    readonly html: string,\n    readonly isBlock: boolean,\n  ) {\n    super();\n  }\n\n  override eq(other: HtmlWidget): boolean {\n    return other.html === this.html && other.isBlock === this.isBlock;\n  }\n\n  override toDOM(_view: EditorView): HTMLElement {\n    const container = document.createElement(this.isBlock ? \"div\" : \"span\");\n    container.className = this.isBlock ? \"cm-html-block\" : \"cm-html-inline\";\n    container.innerHTML = DOMPurify.sanitize(this.html, SANITIZE_CONFIG) as unknown as string;\n    return container;\n  }\n\n  override ignoreEvent(): boolean {\n    return false;\n  }\n}\n\n/* ---------------- The HTMLTag / HTMLBlock rules ---------------- */\n\n/** An inline `<tag>` → rendered HTML; a tag that sanitizes to nothing visible\n *  (`<yourname>`, `</b>`, `<script>`) stays raw text — never an invisible\n *  hole where the user's typing vanished. */\nexport const htmlInlineRule: NodeRule = (ctx): Paint => {\n  const html = ctx.state.sliceDoc(ctx.from, ctx.to);\n  if (!htmlRendersVisibly(html)) return none;\n  return { paint: \"widget\", deco: Decoration.replace({ widget: new HtmlWidget(html, false) }) };\n};\n\n/** A single-line HTML block → rendered HTML. Multi-line blocks stay raw\n *  source: they fail CM6's \"no plugin-level multi-line replace\" rule, until a\n *  StateField carries them (Phase 5). Same invisible-hole guard as inline. */\nexport const htmlBlockRule: NodeRule = (ctx): Paint => {\n  const doc = ctx.state.doc;\n  if (doc.lineAt(ctx.from).number !== doc.lineAt(ctx.to).number) return none;\n  const html = ctx.state.sliceDoc(ctx.from, ctx.to);\n  if (!htmlRendersVisibly(html)) return none;\n  return { paint: \"widget\", deco: Decoration.replace({ widget: new HtmlWidget(html, true) }) };\n};\n"],"mappings":";;;AAAA,OAAO,eAAe;AAEtB,SAAoC,YAAY;AAChD,SAAS,YAAwB,kBAAkB;AAEnD,MAAM,kBAAkB;AAAA,EACtB,aAAa,CAAC,UAAU,SAAS,UAAU,UAAU,SAAS,QAAQ,SAAS,QAAQ;AAAA,EACvF,aAAa,CAAC,KAAK;AAAA,EACnB,oBACE;AAAA,EACF,qBAAqB;AACvB;AAaA,MAAM,qBAAqB,oBAAI,IAAqB;AACpD,MAAM,oBAAoB;AAEnB,SAAS,mBAAmB,MAAuB;AAGxD,MAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,QAAM,SAAS,mBAAmB,IAAI,IAAI;AAC1C,MAAI,WAAW,OAAW,QAAO;AACjC,QAAM,QAAQ,SAAS,cAAc,UAAU;AAC/C,QAAM,YAAY,UAAU,SAAS,MAAM,eAAe;AAC1D,QAAM,UAAU,MAAM;AACtB,QAAM,WACH,QAAQ,eAAe,IAAI,KAAK,MAAM,MAAM,QAAQ,cAAc,aAAa,MAAM;AACxF,MAAI,mBAAmB,QAAQ,mBAAmB;AAChD,UAAM,SAAS,mBAAmB,KAAK,EAAE,KAAK,EAAE;AAChD,QAAI,WAAW,OAAW,oBAAmB,OAAO,MAAM;AAAA,EAC5D;AACA,qBAAmB,IAAI,MAAM,OAAO;AACpC,SAAO;AACT;AAEO,MAAM,mBAAmB,WAAW;AAAA,EACzC,YACW,MACA,SACT;AACA,UAAM;AAHG;AACA;AAAA,EAGX;AAAA,EAES,GAAG,OAA4B;AACtC,WAAO,MAAM,SAAS,KAAK,QAAQ,MAAM,YAAY,KAAK;AAAA,EAC5D;AAAA,EAES,MAAM,OAAgC;AAC7C,UAAM,YAAY,SAAS,cAAc,KAAK,UAAU,QAAQ,MAAM;AACtE,cAAU,YAAY,KAAK,UAAU,kBAAkB;AACvD,cAAU,YAAY,UAAU,SAAS,KAAK,MAAM,eAAe;AACnE,WAAO;AAAA,EACT;AAAA,EAES,cAAuB;AAC9B,WAAO;AAAA,EACT;AACF;AAOO,MAAM,iBAA2B,CAAC,QAAe;AACtD,QAAM,OAAO,IAAI,MAAM,SAAS,IAAI,MAAM,IAAI,EAAE;AAChD,MAAI,CAAC,mBAAmB,IAAI,EAAG,QAAO;AACtC,SAAO,EAAE,OAAO,UAAU,MAAM,WAAW,QAAQ,EAAE,QAAQ,IAAI,WAAW,MAAM,KAAK,EAAE,CAAC,EAAE;AAC9F;AAKO,MAAM,gBAA0B,CAAC,QAAe;AACrD,QAAM,MAAM,IAAI,MAAM;AACtB,MAAI,IAAI,OAAO,IAAI,IAAI,EAAE,WAAW,IAAI,OAAO,IAAI,EAAE,EAAE,OAAQ,QAAO;AACtE,QAAM,OAAO,IAAI,MAAM,SAAS,IAAI,MAAM,IAAI,EAAE;AAChD,MAAI,CAAC,mBAAmB,IAAI,EAAG,QAAO;AACtC,SAAO,EAAE,OAAO,UAAU,MAAM,WAAW,QAAQ,EAAE,QAAQ,IAAI,WAAW,MAAM,IAAI,EAAE,CAAC,EAAE;AAC7F;","names":[]}

package/dist/codemirror/html/index.d.ts

@@ -0,0 +1,4 @@
+export { HtmlWidget, htmlBlockRule, htmlInlineRule, htmlRendersVisibly } from './htmlWidget.js';
+import '../core/paint.js';
+import '@codemirror/state';
+import '@codemirror/view';

package/dist/codemirror/html/index.js

@@ -0,0 +1,2 @@
+export * from "./htmlWidget.js";
+//# sourceMappingURL=index.js.map

package/dist/codemirror/html/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/codemirror/html/index.ts"],"sourcesContent":["/**\n * Inline/block HTML in markdown: DOMPurify-sanitized rendering, plus the\n * \"would this sanitize to something visible?\" guard that keeps stripped tags\n * (`<yourname>`, `</b>`) as visible raw text instead of invisible holes.\n */\nexport * from \"./htmlWidget\";\n"],"mappings":"AAKA,cAAc;","names":[]}

package/dist/codemirror/image/imageActionMenu.d.ts

@@ -0,0 +1,14 @@
+import { EditorView } from '@codemirror/view';
+
+interface ShowMenuArgs {
+    x: number;
+    y: number;
+    view: EditorView;
+    alt: string;
+    rawSrc: string;
+    sourceFrom: number;
+    sourceTo: number;
+}
+declare function showImageActionMenu(args: ShowMenuArgs): void;
+
+export { showImageActionMenu };

package/dist/codemirror/image/imageActionMenu.js

@@ -0,0 +1,112 @@
+import "../../chunk-V6TY7KAL.js";
+import {
+  buildImageMarkdown,
+  insertImageBlob
+} from "../../imageInsert.js";
+import { saveImageBytesFacet } from "../core/hostFacets.js";
+import { IMAGE_EDIT_ALT_EVENT } from "./imageEditEvent.js";
+function showImageActionMenu(args) {
+  const menu = document.createElement("div");
+  menu.className = "cm-image-menu";
+  menu.setAttribute("role", "menu");
+  menu.style.position = "fixed";
+  menu.style.left = `${args.x}px`;
+  menu.style.top = `${args.y}px`;
+  menu.style.zIndex = "1000";
+  function destroy() {
+    menu.remove();
+    document.removeEventListener("mousedown", onOutside, true);
+    document.removeEventListener("keydown", onEscape, true);
+  }
+  function onOutside(e) {
+    if (!menu.contains(e.target)) destroy();
+  }
+  function onEscape(e) {
+    if (e.key === "Escape") destroy();
+  }
+  function makeItem(label, onClick, danger = false) {
+    const b = document.createElement("button");
+    b.type = "button";
+    b.className = danger ? "cm-image-menu__item cm-image-menu__item--danger" : "cm-image-menu__item";
+    b.setAttribute("role", "menuitem");
+    b.textContent = label;
+    b.addEventListener("click", () => {
+      onClick();
+      destroy();
+    });
+    return b;
+  }
+  menu.appendChild(
+    makeItem("Edit alt text\u2026", () => {
+      const event = new CustomEvent(IMAGE_EDIT_ALT_EVENT, {
+        detail: {
+          view: args.view,
+          sourceFrom: args.sourceFrom,
+          sourceTo: args.sourceTo,
+          currentAlt: args.alt,
+          rawSrc: args.rawSrc
+        }
+      });
+      window.dispatchEvent(event);
+    })
+  );
+  menu.appendChild(
+    makeItem("Replace image\u2026", () => {
+      const input = document.createElement("input");
+      input.type = "file";
+      input.accept = "image/*";
+      input.onchange = () => {
+        const file = input.files?.[0];
+        if (!file) return;
+        void (async () => {
+          try {
+            const result = await insertImageBlob({
+              blob: file,
+              saveBytes: args.view.state.facet(saveImageBytesFacet)
+            });
+            const newMd = buildImageMarkdown(result);
+            args.view.dispatch({
+              changes: { from: args.sourceFrom, to: args.sourceTo, insert: newMd },
+              userEvent: "input.replace.image"
+            });
+          } catch (error) {
+            console.error("Failed to replace image:", error);
+          }
+        })();
+      };
+      input.click();
+    })
+  );
+  menu.appendChild(
+    makeItem("Copy markdown source", () => {
+      const source = args.view.state.sliceDoc(args.sourceFrom, args.sourceTo);
+      void navigator.clipboard.writeText(source);
+    })
+  );
+  menu.appendChild(
+    makeItem(
+      "Delete image",
+      () => {
+        args.view.dispatch({
+          changes: { from: args.sourceFrom, to: args.sourceTo, insert: "" },
+          userEvent: "delete.image"
+        });
+      },
+      true
+    )
+  );
+  document.body.appendChild(menu);
+  const rect = menu.getBoundingClientRect();
+  const overflowRight = rect.right - window.innerWidth;
+  if (overflowRight > 0) menu.style.left = `${args.x - overflowRight - 8}px`;
+  const overflowBottom = rect.bottom - window.innerHeight;
+  if (overflowBottom > 0) menu.style.top = `${args.y - overflowBottom - 8}px`;
+  setTimeout(() => {
+    document.addEventListener("mousedown", onOutside, true);
+    document.addEventListener("keydown", onEscape, true);
+  }, 0);
+}
+export {
+  showImageActionMenu
+};
+//# sourceMappingURL=imageActionMenu.js.map

package/dist/codemirror/image/imageActionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/codemirror/image/imageActionMenu.ts"],"sourcesContent":["import { EditorView } from \"@codemirror/view\";\n\nimport {\n  buildImageMarkdown,\n  insertImageBlob,\n} from \"../../imageInsert\";\nimport { saveImageBytesFacet } from \"../core/hostFacets\";\nimport { IMAGE_EDIT_ALT_EVENT, type ImageEditAltEventDetail } from \"./imageEditEvent\";\n\ninterface ShowMenuArgs {\n  x: number;\n  y: number;\n  view: EditorView;\n  alt: string;\n  rawSrc: string;\n  sourceFrom: number;\n  sourceTo: number;\n}\n\nexport function showImageActionMenu(args: ShowMenuArgs): void {\n  const menu = document.createElement(\"div\");\n  menu.className = \"cm-image-menu\";\n  menu.setAttribute(\"role\", \"menu\");\n  menu.style.position = \"fixed\";\n  menu.style.left = `${args.x}px`;\n  menu.style.top = `${args.y}px`;\n  menu.style.zIndex = \"1000\";\n\n  function destroy() {\n    menu.remove();\n    document.removeEventListener(\"mousedown\", onOutside, true);\n    document.removeEventListener(\"keydown\", onEscape, true);\n  }\n\n  function onOutside(e: MouseEvent) {\n    if (!menu.contains(e.target as Node)) destroy();\n  }\n\n  function onEscape(e: KeyboardEvent) {\n    if (e.key === \"Escape\") destroy();\n  }\n\n  function makeItem(label: string, onClick: () => void, danger = false): HTMLButtonElement {\n    const b = document.createElement(\"button\");\n    b.type = \"button\";\n    b.className = danger\n      ? \"cm-image-menu__item cm-image-menu__item--danger\"\n      : \"cm-image-menu__item\";\n    b.setAttribute(\"role\", \"menuitem\");\n    b.textContent = label;\n    b.addEventListener(\"click\", () => {\n      onClick();\n      destroy();\n    });\n    return b;\n  }\n\n  menu.appendChild(\n    makeItem(\"Edit alt text…\", () => {\n      const event = new CustomEvent<ImageEditAltEventDetail>(IMAGE_EDIT_ALT_EVENT, {\n        detail: {\n          view: args.view,\n          sourceFrom: args.sourceFrom,\n          sourceTo: args.sourceTo,\n          currentAlt: args.alt,\n          rawSrc: args.rawSrc,\n        },\n      });\n      window.dispatchEvent(event);\n    }),\n  );\n\n  menu.appendChild(\n    makeItem(\"Replace image…\", () => {\n      const input = document.createElement(\"input\");\n      input.type = \"file\";\n      input.accept = \"image/*\";\n      input.onchange = () => {\n        const file = input.files?.[0];\n        if (!file) return;\n        void (async () => {\n          try {\n            const result = await insertImageBlob({\n              blob: file,\n              saveBytes: args.view.state.facet(saveImageBytesFacet),\n            });\n            const newMd = buildImageMarkdown(result);\n            args.view.dispatch({\n              changes: { from: args.sourceFrom, to: args.sourceTo, insert: newMd },\n              userEvent: \"input.replace.image\",\n            });\n          } catch (error) {\n            console.error(\"Failed to replace image:\", error);\n          }\n        })();\n      };\n      input.click();\n    }),\n  );\n\n  menu.appendChild(\n    makeItem(\"Copy markdown source\", () => {\n      const source = args.view.state.sliceDoc(args.sourceFrom, args.sourceTo);\n      void navigator.clipboard.writeText(source);\n    }),\n  );\n\n  menu.appendChild(\n    makeItem(\n      \"Delete image\",\n      () => {\n        args.view.dispatch({\n          changes: { from: args.sourceFrom, to: args.sourceTo, insert: \"\" },\n          userEvent: \"delete.image\",\n        });\n      },\n      true,\n    ),\n  );\n\n  document.body.appendChild(menu);\n\n  const rect = menu.getBoundingClientRect();\n  const overflowRight = rect.right - window.innerWidth;\n  if (overflowRight > 0) menu.style.left = `${args.x - overflowRight - 8}px`;\n  const overflowBottom = rect.bottom - window.innerHeight;\n  if (overflowBottom > 0) menu.style.top = `${args.y - overflowBottom - 8}px`;\n\n  setTimeout(() => {\n    document.addEventListener(\"mousedown\", onOutside, true);\n    document.addEventListener(\"keydown\", onEscape, true);\n  }, 0);\n}\n"],"mappings":"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","names":[]}

package/dist/codemirror/image/imageEditEvent.d.ts

@@ -0,0 +1,20 @@
+import { EditorView } from '@codemirror/view';
+
+/**
+ * The "edit this image's alt text" custom-event contract — a plain constant and
+ * type with NO runtime CodeMirror dependency (the `EditorView` reference is
+ * `import type`, erased at build). The lazy-loaded editor dispatches this event;
+ * the host shell listens for it. Keeping the contract here means a host can
+ * import the event name without pulling the whole editor into its initial
+ * bundle (it previously came from `imageActionMenu`, which imports CodeMirror).
+ */
+declare const IMAGE_EDIT_ALT_EVENT = "ai-editor:edit-image-alt";
+interface ImageEditAltEventDetail {
+    view: EditorView;
+    sourceFrom: number;
+    sourceTo: number;
+    currentAlt: string;
+    rawSrc: string;
+}
+
+export { IMAGE_EDIT_ALT_EVENT, type ImageEditAltEventDetail };

package/dist/codemirror/image/imageEditEvent.js

@@ -0,0 +1,6 @@
+import "../../chunk-V6TY7KAL.js";
+const IMAGE_EDIT_ALT_EVENT = "ai-editor:edit-image-alt";
+export {
+  IMAGE_EDIT_ALT_EVENT
+};
+//# sourceMappingURL=imageEditEvent.js.map

package/dist/codemirror/image/imageEditEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/codemirror/image/imageEditEvent.ts"],"sourcesContent":["import type { EditorView } from \"@codemirror/view\";\n\n/**\n * The \"edit this image's alt text\" custom-event contract — a plain constant and\n * type with NO runtime CodeMirror dependency (the `EditorView` reference is\n * `import type`, erased at build). The lazy-loaded editor dispatches this event;\n * the host shell listens for it. Keeping the contract here means a host can\n * import the event name without pulling the whole editor into its initial\n * bundle (it previously came from `imageActionMenu`, which imports CodeMirror).\n */\nexport const IMAGE_EDIT_ALT_EVENT = \"ai-editor:edit-image-alt\";\n\nexport interface ImageEditAltEventDetail {\n  view: EditorView;\n  sourceFrom: number;\n  sourceTo: number;\n  currentAlt: string;\n  rawSrc: string;\n}\n"],"mappings":";AAUO,MAAM,uBAAuB;","names":[]}

package/dist/codemirror/image/imageInsertHandlers.d.ts

@@ -0,0 +1,13 @@
+import * as _codemirror_state from '@codemirror/state';
+import { EditorView } from '@codemirror/view';
+
+declare function insertBlobsAtCaret(view: EditorView, blobs: Blob[]): Promise<void>;
+declare const imageInsertHandlers: _codemirror_state.Extension;
+/**
+ * Open the browser's native file picker, then run the picked files
+ * through the same insert pipeline. Called by the toolbar's Image
+ * button.
+ */
+declare function pickImageFileForCaret(view: EditorView): void;
+
+export { imageInsertHandlers, insertBlobsAtCaret, pickImageFileForCaret };

package/dist/codemirror/image/imageInsertHandlers.js

@@ -0,0 +1,64 @@
+import "../../chunk-V6TY7KAL.js";
+import { EditorSelection } from "@codemirror/state";
+import { EditorView } from "@codemirror/view";
+import {
+  buildImageMarkdown,
+  extractImageBlobs,
+  extractImageFiles,
+  insertImageBlob
+} from "../../imageInsert.js";
+import { saveImageBytesFacet } from "../core/hostFacets.js";
+async function insertBlobsAtCaret(view, blobs) {
+  const saveBytes = view.state.facet(saveImageBytesFacet);
+  for (const blob of blobs) {
+    try {
+      const result = await insertImageBlob({ blob, saveBytes });
+      const md = buildImageMarkdown(result);
+      const pos = view.state.selection.main.head;
+      const insert = md + "\n\n";
+      view.dispatch({
+        changes: { from: pos, insert },
+        selection: EditorSelection.cursor(pos + insert.length),
+        userEvent: "input.paste.image"
+      });
+      if (result.warning) {
+        console.info(`Image inserted with fallback: ${result.warning}`);
+      }
+    } catch (error) {
+      console.error("Failed to insert image:", error);
+    }
+  }
+}
+const imageInsertHandlers = EditorView.domEventHandlers({
+  paste(event, view) {
+    const blobs = extractImageBlobs(event.clipboardData?.items);
+    if (blobs.length === 0) return false;
+    event.preventDefault();
+    void insertBlobsAtCaret(view, blobs);
+    return true;
+  },
+  drop(event, view) {
+    const files = extractImageFiles(event.dataTransfer?.files);
+    if (files.length === 0) return false;
+    event.preventDefault();
+    void insertBlobsAtCaret(view, files);
+    return true;
+  }
+});
+function pickImageFileForCaret(view) {
+  const input = document.createElement("input");
+  input.type = "file";
+  input.accept = "image/*";
+  input.multiple = true;
+  input.onchange = () => {
+    const files = input.files ? Array.from(input.files) : [];
+    if (files.length > 0) void insertBlobsAtCaret(view, files);
+  };
+  input.click();
+}
+export {
+  imageInsertHandlers,
+  insertBlobsAtCaret,
+  pickImageFileForCaret
+};
+//# sourceMappingURL=imageInsertHandlers.js.map

package/dist/codemirror/image/imageInsertHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/codemirror/image/imageInsertHandlers.ts"],"sourcesContent":["/**\n * Image insertion handlers for CM6 — paste image bytes from the\n * clipboard or drop image files into the editor, save them through\n * the existing `insertImageBlob` pipeline, then insert the\n * resulting `![alt](path)` markdown at the caret.\n *\n * Same pipeline the Tiptap editor uses; the editor surface differs\n * but the persistence + markdown-reference logic is shared.\n */\n\nimport { EditorSelection } from \"@codemirror/state\";\nimport { EditorView } from \"@codemirror/view\";\n\nimport {\n  buildImageMarkdown,\n  extractImageBlobs,\n  extractImageFiles,\n  insertImageBlob,\n} from \"../../imageInsert\";\nimport { saveImageBytesFacet } from \"../core/hostFacets\";\n\nexport async function insertBlobsAtCaret(view: EditorView, blobs: Blob[]): Promise<void> {\n  const saveBytes = view.state.facet(saveImageBytesFacet);\n  for (const blob of blobs) {\n    try {\n      const result = await insertImageBlob({ blob, saveBytes });\n      const md = buildImageMarkdown(result);\n      const pos = view.state.selection.main.head;\n      const insert = md + \"\\n\\n\";\n      view.dispatch({\n        changes: { from: pos, insert },\n        selection: EditorSelection.cursor(pos + insert.length),\n        userEvent: \"input.paste.image\",\n      });\n      if (result.warning) {\n        // Browser-dev fallback to data URL — surface via console so\n        // the user knows the markdown bloated.\n        // eslint-disable-next-line no-console\n        console.info(`Image inserted with fallback: ${result.warning}`);\n      }\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.error(\"Failed to insert image:\", error);\n    }\n  }\n}\n\nexport const imageInsertHandlers = EditorView.domEventHandlers({\n  paste(event, view) {\n    const blobs = extractImageBlobs(event.clipboardData?.items);\n    if (blobs.length === 0) return false;\n    event.preventDefault();\n    void insertBlobsAtCaret(view, blobs);\n    return true;\n  },\n  drop(event, view) {\n    const files = extractImageFiles(event.dataTransfer?.files);\n    if (files.length === 0) return false;\n    event.preventDefault();\n    void insertBlobsAtCaret(view, files);\n    return true;\n  },\n});\n\n/**\n * Open the browser's native file picker, then run the picked files\n * through the same insert pipeline. Called by the toolbar's Image\n * button.\n */\nexport function pickImageFileForCaret(view: EditorView): void {\n  const input = document.createElement(\"input\");\n  input.type = \"file\";\n  input.accept = \"image/*\";\n  input.multiple = true;\n  input.onchange = () => {\n    const files = input.files ? Array.from(input.files) : [];\n    if (files.length > 0) void insertBlobsAtCaret(view, files);\n  };\n  input.click();\n}\n"],"mappings":";AAUA,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAE3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,2BAA2B;AAEpC,eAAsB,mBAAmB,MAAkB,OAA8B;AACvF,QAAM,YAAY,KAAK,MAAM,MAAM,mBAAmB;AACtD,aAAW,QAAQ,OAAO;AACxB,QAAI;AACF,YAAM,SAAS,MAAM,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACxD,YAAM,KAAK,mBAAmB,MAAM;AACpC,YAAM,MAAM,KAAK,MAAM,UAAU,KAAK;AACtC,YAAM,SAAS,KAAK;AACpB,WAAK,SAAS;AAAA,QACZ,SAAS,EAAE,MAAM,KAAK,OAAO;AAAA,QAC7B,WAAW,gBAAgB,OAAO,MAAM,OAAO,MAAM;AAAA,QACrD,WAAW;AAAA,MACb,CAAC;AACD,UAAI,OAAO,SAAS;AAIlB,gBAAQ,KAAK,iCAAiC,OAAO,OAAO,EAAE;AAAA,MAChE;AAAA,IACF,SAAS,OAAO;AAEd,cAAQ,MAAM,2BAA2B,KAAK;AAAA,IAChD;AAAA,EACF;AACF;AAEO,MAAM,sBAAsB,WAAW,iBAAiB;AAAA,EAC7D,MAAM,OAAO,MAAM;AACjB,UAAM,QAAQ,kBAAkB,MAAM,eAAe,KAAK;AAC1D,QAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,UAAM,eAAe;AACrB,SAAK,mBAAmB,MAAM,KAAK;AACnC,WAAO;AAAA,EACT;AAAA,EACA,KAAK,OAAO,MAAM;AAChB,UAAM,QAAQ,kBAAkB,MAAM,cAAc,KAAK;AACzD,QAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,UAAM,eAAe;AACrB,SAAK,mBAAmB,MAAM,KAAK;AACnC,WAAO;AAAA,EACT;AACF,CAAC;AAOM,SAAS,sBAAsB,MAAwB;AAC5D,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,OAAO;AACb,QAAM,SAAS;AACf,QAAM,WAAW;AACjB,QAAM,WAAW,MAAM;AACrB,UAAM,QAAQ,MAAM,QAAQ,MAAM,KAAK,MAAM,KAAK,IAAI,CAAC;AACvD,QAAI,MAAM,SAAS,EAAG,MAAK,mBAAmB,MAAM,KAAK;AAAA,EAC3D;AACA,QAAM,MAAM;AACd;","names":[]}

package/dist/codemirror/image/imageWidget.d.ts

@@ -0,0 +1,49 @@
+import { Facet } from '@codemirror/state';
+import { NodeRule } from '../core/paint.js';
+import { WidgetType, EditorView } from '@codemirror/view';
+import { ImageResolveContext } from '../../imageSrcResolver.js';
+
+/**
+ * Inline image widget — renders markdown `![alt](url)` as a real
+ * `<img>` element.
+ *
+ * Source resolution goes through `resolveDisplaySrc` (the same
+ * function the Tiptap editor uses), so workspace-relative paths
+ * become `asset://…` URLs that the Tauri WebKit can stream from
+ * disk.
+ *
+ * Click handling is intentionally minimal in this phase: the widget
+ * doesn't intercept clicks, so a click lands the caret at the
+ * widget's boundary. Spec section 7.6 calls for "click selects image
+ * block + toolbar"; that ships when the image metadata editor lands
+ * in a later phase.
+ */
+
+/**
+ * Resolver facet — wired by the React editor so the plugin can turn
+ * relative `images/foo.png` into a `<img src=…>` the webview can
+ * fetch. Combine returns the first registered resolver, or a no-op
+ * if none.
+ */
+declare const imageContextFacet: Facet<ImageResolveContext, ImageResolveContext>;
+declare class ImageWidget extends WidgetType {
+    readonly alt: string;
+    readonly rawSrc: string;
+    readonly ctx: ImageResolveContext;
+    /** Source range of the `![alt](src)` markdown that produced this widget. */
+    readonly sourceFrom: number;
+    readonly sourceTo: number;
+    private readonly measureKey;
+    constructor(alt: string, rawSrc: string, ctx: ImageResolveContext, 
+    /** Source range of the `![alt](src)` markdown that produced this widget. */
+    sourceFrom: number, sourceTo: number);
+    eq(other: ImageWidget): boolean;
+    toDOM(view: EditorView): HTMLElement;
+    ignoreEvent(): boolean;
+    get estimatedHeight(): number;
+}
+/** `![alt](src)` → an inline `<img>` widget; src resolution via the host
+ *  facet (workspace-relative paths → asset URLs). */
+declare const imageRule: NodeRule;
+
+export { ImageWidget, imageContextFacet, imageRule };

package/dist/codemirror/image/imageWidget.js

@@ -0,0 +1,83 @@
+import {
+  __publicField
+} from "../../chunk-V6TY7KAL.js";
+import { Facet } from "@codemirror/state";
+import { Decoration, WidgetType } from "@codemirror/view";
+import { resolveImageSrcFacet } from "../core/hostFacets.js";
+import { showImageActionMenu } from "./imageActionMenu.js";
+const imageContextFacet = Facet.define({
+  combine: (values) => values[0] ?? { fileDir: null }
+});
+const measuredImageHeights = /* @__PURE__ */ new Map();
+const IMAGE_ESTIMATE_PX = 200;
+class ImageWidget extends WidgetType {
+  constructor(alt, rawSrc, ctx, sourceFrom, sourceTo) {
+    super();
+    __publicField(this, "alt", alt);
+    __publicField(this, "rawSrc", rawSrc);
+    __publicField(this, "ctx", ctx);
+    __publicField(this, "sourceFrom", sourceFrom);
+    __publicField(this, "sourceTo", sourceTo);
+    __publicField(this, "measureKey");
+    this.measureKey = `${ctx.fileDir ?? ""}
+${rawSrc}`;
+  }
+  eq(other) {
+    return other.alt === this.alt && other.rawSrc === this.rawSrc && other.ctx.fileDir === this.ctx.fileDir && other.sourceFrom === this.sourceFrom;
+  }
+  toDOM(view) {
+    const img = document.createElement("img");
+    img.className = "cm-image-widget";
+    img.alt = this.alt;
+    img.src = view.state.facet(resolveImageSrcFacet)(this.rawSrc, this.ctx);
+    img.loading = "lazy";
+    img.addEventListener("load", () => {
+      const height = img.offsetHeight || img.naturalHeight;
+      if (height > 0) {
+        measuredImageHeights.set(this.measureKey, height);
+      }
+      view.requestMeasure();
+    });
+    img.addEventListener("error", () => view.requestMeasure());
+    img.addEventListener("contextmenu", (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      showImageActionMenu({
+        x: e.clientX,
+        y: e.clientY,
+        view,
+        alt: this.alt,
+        rawSrc: this.rawSrc,
+        sourceFrom: this.sourceFrom,
+        sourceTo: this.sourceTo
+      });
+    });
+    return img;
+  }
+  ignoreEvent() {
+    return false;
+  }
+  get estimatedHeight() {
+    return measuredImageHeights.get(this.measureKey) ?? IMAGE_ESTIMATE_PX;
+  }
+}
+const imageRule = (ctx) => {
+  const state = ctx.state;
+  const label = ctx.node.getChild("LinkLabel");
+  const url = ctx.node.getChild("URL");
+  const alt = label ? state.sliceDoc(label.from, label.to) : "";
+  const rawSrc = url ? state.sliceDoc(url.from, url.to) : "";
+  const imageCtx = state.facet(imageContextFacet);
+  return {
+    paint: "widget",
+    deco: Decoration.replace({
+      widget: new ImageWidget(alt, rawSrc, imageCtx, ctx.from, ctx.to)
+    })
+  };
+};
+export {
+  ImageWidget,
+  imageContextFacet,
+  imageRule
+};
+//# sourceMappingURL=imageWidget.js.map

package/dist/codemirror/image/imageWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/codemirror/image/imageWidget.ts"],"sourcesContent":["/**\n * Inline image widget — renders markdown `![alt](url)` as a real\n * `<img>` element.\n *\n * Source resolution goes through `resolveDisplaySrc` (the same\n * function the Tiptap editor uses), so workspace-relative paths\n * become `asset://…` URLs that the Tauri WebKit can stream from\n * disk.\n *\n * Click handling is intentionally minimal in this phase: the widget\n * doesn't intercept clicks, so a click lands the caret at the\n * widget's boundary. Spec section 7.6 calls for \"click selects image\n * block + toolbar\"; that ships when the image metadata editor lands\n * in a later phase.\n */\n\nimport { Facet } from \"@codemirror/state\";\nimport { type NodeRule, type Paint } from \"../core/paint\";\nimport { Decoration, EditorView, WidgetType } from \"@codemirror/view\";\n\nimport { type ImageResolveContext } from \"../../imageSrcResolver\";\nimport { resolveImageSrcFacet } from \"../core/hostFacets\";\nimport { showImageActionMenu } from \"./imageActionMenu\";\n\n/**\n * Resolver facet — wired by the React editor so the plugin can turn\n * relative `images/foo.png` into a `<img src=…>` the webview can\n * fetch. Combine returns the first registered resolver, or a no-op\n * if none.\n */\nexport const imageContextFacet = Facet.define<\n  ImageResolveContext,\n  ImageResolveContext\n>({\n  combine: (values) => values[0] ?? { fileDir: null },\n});\n\n/** Rendered heights per image, so a re-render (tab switch, edits above)\n *  reserves the real space instead of re-guessing. Keyed by resolve context +\n *  src — the same image in two docs can render at different widths. */\nconst measuredImageHeights = new Map<string, number>();\n\n/** Pre-load estimate. CM6 places everything below an unmeasured widget with\n *  this; images previously claimed one text line, so each unloaded image hid\n *  ~180px of scroll error that surfaced as a viewport jump on load. */\nconst IMAGE_ESTIMATE_PX = 200;\n\nexport class ImageWidget extends WidgetType {\n  private readonly measureKey: string;\n\n  constructor(\n    readonly alt: string,\n    readonly rawSrc: string,\n    readonly ctx: ImageResolveContext,\n    /** Source range of the `![alt](src)` markdown that produced this widget. */\n    readonly sourceFrom: number,\n    readonly sourceTo: number,\n  ) {\n    super();\n    this.measureKey = `${ctx.fileDir ?? \"\"}\\n${rawSrc}`;\n  }\n\n  override eq(other: ImageWidget): boolean {\n    return (\n      other.alt === this.alt &&\n      other.rawSrc === this.rawSrc &&\n      other.ctx.fileDir === this.ctx.fileDir &&\n      other.sourceFrom === this.sourceFrom\n    );\n  }\n\n  override toDOM(view: EditorView): HTMLElement {\n    const img = document.createElement(\"img\");\n    img.className = \"cm-image-widget\";\n    img.alt = this.alt;\n    img.src = view.state.facet(resolveImageSrcFacet)(this.rawSrc, this.ctx);\n    img.loading = \"lazy\";\n    // The real height arrives asynchronously; record it and re-measure NOW —\n    // in a controlled pass — rather than letting CM discover the layout shift\n    // during the user's next scroll or selection.\n    img.addEventListener(\"load\", () => {\n      const height = img.offsetHeight || img.naturalHeight;\n      if (height > 0) {\n        measuredImageHeights.set(this.measureKey, height);\n      }\n      view.requestMeasure();\n    });\n    img.addEventListener(\"error\", () => view.requestMeasure());\n    img.addEventListener(\"contextmenu\", (e) => {\n      e.preventDefault();\n      e.stopPropagation();\n      showImageActionMenu({\n        x: e.clientX,\n        y: e.clientY,\n        view,\n        alt: this.alt,\n        rawSrc: this.rawSrc,\n        sourceFrom: this.sourceFrom,\n        sourceTo: this.sourceTo,\n      });\n    });\n    return img;\n  }\n\n  override ignoreEvent(): boolean {\n    return false;\n  }\n\n  override get estimatedHeight(): number {\n    return measuredImageHeights.get(this.measureKey) ?? IMAGE_ESTIMATE_PX;\n  }\n}\n\n/* ---------------- The Image rule ---------------- */\n\n/** `![alt](src)` → an inline `<img>` widget; src resolution via the host\n *  facet (workspace-relative paths → asset URLs). */\nexport const imageRule: NodeRule = (ctx): Paint => {\n  const state = ctx.state;\n  const label = ctx.node.getChild(\"LinkLabel\");\n  const url = ctx.node.getChild(\"URL\");\n  const alt = label ? state.sliceDoc(label.from, label.to) : \"\";\n  const rawSrc = url ? state.sliceDoc(url.from, url.to) : \"\";\n  const imageCtx = state.facet(imageContextFacet);\n  return {\n    paint: \"widget\",\n    deco: Decoration.replace({\n      widget: new ImageWidget(alt, rawSrc, imageCtx, ctx.from, ctx.to),\n    }),\n  };\n};\n"],"mappings":";;;AAgBA,SAAS,aAAa;AAEtB,SAAS,YAAwB,kBAAkB;AAGnD,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AAQ7B,MAAM,oBAAoB,MAAM,OAGrC;AAAA,EACA,SAAS,CAAC,WAAW,OAAO,CAAC,KAAK,EAAE,SAAS,KAAK;AACpD,CAAC;AAKD,MAAM,uBAAuB,oBAAI,IAAoB;AAKrD,MAAM,oBAAoB;AAEnB,MAAM,oBAAoB,WAAW;AAAA,EAG1C,YACW,KACA,QACA,KAEA,YACA,UACT;AACA,UAAM;AAPG;AACA;AACA;AAEA;AACA;AARX,wBAAiB;AAWf,SAAK,aAAa,GAAG,IAAI,WAAW,EAAE;AAAA,EAAK,MAAM;AAAA,EACnD;AAAA,EAES,GAAG,OAA6B;AACvC,WACE,MAAM,QAAQ,KAAK,OACnB,MAAM,WAAW,KAAK,UACtB,MAAM,IAAI,YAAY,KAAK,IAAI,WAC/B,MAAM,eAAe,KAAK;AAAA,EAE9B;AAAA,EAES,MAAM,MAA+B;AAC5C,UAAM,MAAM,SAAS,cAAc,KAAK;AACxC,QAAI,YAAY;AAChB,QAAI,MAAM,KAAK;AACf,QAAI,MAAM,KAAK,MAAM,MAAM,oBAAoB,EAAE,KAAK,QAAQ,KAAK,GAAG;AACtE,QAAI,UAAU;AAId,QAAI,iBAAiB,QAAQ,MAAM;AACjC,YAAM,SAAS,IAAI,gBAAgB,IAAI;AACvC,UAAI,SAAS,GAAG;AACd,6BAAqB,IAAI,KAAK,YAAY,MAAM;AAAA,MAClD;AACA,WAAK,eAAe;AAAA,IACtB,CAAC;AACD,QAAI,iBAAiB,SAAS,MAAM,KAAK,eAAe,CAAC;AACzD,QAAI,iBAAiB,eAAe,CAAC,MAAM;AACzC,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,0BAAoB;AAAA,QAClB,GAAG,EAAE;AAAA,QACL,GAAG,EAAE;AAAA,QACL;AAAA,QACA,KAAK,KAAK;AAAA,QACV,QAAQ,KAAK;AAAA,QACb,YAAY,KAAK;AAAA,QACjB,UAAU,KAAK;AAAA,MACjB,CAAC;AAAA,IACH,CAAC;AACD,WAAO;AAAA,EACT;AAAA,EAES,cAAuB;AAC9B,WAAO;AAAA,EACT;AAAA,EAEA,IAAa,kBAA0B;AACrC,WAAO,qBAAqB,IAAI,KAAK,UAAU,KAAK;AAAA,EACtD;AACF;AAMO,MAAM,YAAsB,CAAC,QAAe;AACjD,QAAM,QAAQ,IAAI;AAClB,QAAM,QAAQ,IAAI,KAAK,SAAS,WAAW;AAC3C,QAAM,MAAM,IAAI,KAAK,SAAS,KAAK;AACnC,QAAM,MAAM,QAAQ,MAAM,SAAS,MAAM,MAAM,MAAM,EAAE,IAAI;AAC3D,QAAM,SAAS,MAAM,MAAM,SAAS,IAAI,MAAM,IAAI,EAAE,IAAI;AACxD,QAAM,WAAW,MAAM,MAAM,iBAAiB;AAC9C,SAAO;AAAA,IACL,OAAO;AAAA,IACP,MAAM,WAAW,QAAQ;AAAA,MACvB,QAAQ,IAAI,YAAY,KAAK,QAAQ,UAAU,IAAI,MAAM,IAAI,EAAE;AAAA,IACjE,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/codemirror/image/index.d.ts

@@ -0,0 +1,8 @@
+export { ImageWidget, imageContextFacet, imageRule } from './imageWidget.js';
+export { imageInsertHandlers, insertBlobsAtCaret, pickImageFileForCaret } from './imageInsertHandlers.js';
+export { showImageActionMenu } from './imageActionMenu.js';
+export { IMAGE_EDIT_ALT_EVENT, ImageEditAltEventDetail } from './imageEditEvent.js';
+import '@codemirror/state';
+import '../core/paint.js';
+import '@codemirror/view';
+import '../../imageSrcResolver.js';

package/dist/codemirror/image/index.js

@@ -0,0 +1,5 @@
+export * from "./imageWidget.js";
+export * from "./imageInsertHandlers.js";
+export * from "./imageActionMenu.js";
+export * from "./imageEditEvent.js";
+//# sourceMappingURL=index.js.map

package/dist/codemirror/image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/codemirror/image/index.ts"],"sourcesContent":["/**\n * Inline images: the `![alt](src)` widget, paste/drop insert handlers, the\n * click action menu, and the CodeMirror-free alt-edit event contract.\n */\nexport * from \"./imageWidget\";\nexport * from \"./imageInsertHandlers\";\nexport * from \"./imageActionMenu\";\nexport * from \"./imageEditEvent\";\n"],"mappings":"AAIA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/codemirror/interaction/clickModel.d.ts

@@ -0,0 +1,43 @@
+import * as _codemirror_state from '@codemirror/state';
+import { Facet } from '@codemirror/state';
+import { EditorView } from '@codemirror/view';
+
+/**
+ * Navigation callback registered by the editor's React shell. Routes a
+ * clicked workspace-relative path back through `selectFile`.
+ */
+declare const navigateToFacet: Facet<(path: string) => void, ((path: string) => void) | null>;
+/**
+ * Walk up from a syntax node to find a `Link` ancestor and return
+ * its URL — or `null` if the click wasn't on a link.
+ */
+declare function linkUrlAt(view: EditorView, pos: number): string | null;
+/**
+ * If `pos` falls inside a `[[…]]` wikilink, return the workspace
+ * file path it resolves to (or null if unresolved). Wikilinks are
+ * detected via the same regex + code-context guard `wikilinkPlugin`
+ * uses; we re-scan the current line at click time because the plugin
+ * doesn't expose its matches.
+ */
+declare function wikilinkTargetAt(view: EditorView, pos: number): string | null;
+/** What a Cmd/Ctrl-clicked link resolves to. */
+type LinkAction = {
+    kind: "navigate";
+    path: string;
+} | {
+    kind: "open";
+    href: string;
+};
+/**
+ * Resolve the link under `pos` to an action. A markdown link `[t](href)` or a
+ * `[[wikilink]]` that names a known workspace file → navigate in-app; a markdown
+ * link with a URI scheme (`https:`, `mailto:`, …) → open in the browser; plain
+ * text, a broken internal link, or an in-page `#anchor` → null, leaving the
+ * click to CM6's default. Pure over editor state, so it's unit-testable with an
+ * explicit pos — the DOM click path can't run under jsdom's layout-less
+ * `posAtCoords`.
+ */
+declare function linkActionAt(view: EditorView, pos: number): LinkAction | null;
+declare const clickModel: _codemirror_state.Extension;
+
+export { type LinkAction, clickModel, linkActionAt, linkUrlAt, navigateToFacet, wikilinkTargetAt };