@hachej/boring-workspace 0.1.13 → 0.1.14

package/dist/{FileTree-BVfqs3rR.js → FileTree-Dl-qUAB0.js}

@@ -1,9 +1,9 @@
 import { jsx as i, jsxs as C } from "react/jsx-runtime";
 import { useRef as w, useEffect as R, useMemo as P, useCallback as x, createContext as H, useContext as L } from "react";
 import { Tree as q } from "react-arborist";
-import { FolderOpenIcon as z, FolderIcon as B, ChevronRightIcon as K, Loader2Icon as E } from "lucide-react";
-import { K as Y } from "./CommandPalette-Dme9em28.js";
-import { Input as G } from "@hachej/boring-ui-kit";
+import { FolderOpenIcon as z, FolderIcon as B, ChevronRightIcon as E, Loader2Icon as J } from "lucide-react";
+import { J as K } from "./CommandPalette-NOEOVkN2.js";
+import { Input as Y } from "@hachej/boring-ui-kit";
 import { c as v } from "./utils-B6yFEsav.js";
 const T = /* @__PURE__ */ new Set(), A = H({
   onContextMenu: void 0,
@@ -12,7 +12,7 @@ const T = /* @__PURE__ */ new Set(), A = H({
   onSubmitEdit: void 0,
   onCancelEdit: void 0
 });
-function J({
+function G({
   initialValue: n,
   onSubmit: p,
   onCancel: h,
@@ -36,7 +36,7 @@ function J({
     !e || e === n ? h() : p(e);
   };
   return /* @__PURE__ */ i(
-    G,
+    Y,
     {
       ref: t,
       type: "text",
@@ -54,7 +54,7 @@ function J({
   );
 }
 function Q({ node: n, style: p, dragHandle: h }) {
-  const { onContextMenu: c, editing: t, pendingPaths: u, onSubmitEdit: l, onCancelEdit: e } = L(A), o = n.data, f = o.kind === "dir", d = (t == null ? void 0 : t.path) === o.path, N = u.has(o.path), b = f ? n.isOpen ? z : B : Y(o.name || "untitled");
+  const { onContextMenu: c, editing: t, pendingPaths: u, onSubmitEdit: l, onCancelEdit: e } = L(A), o = n.data, f = o.kind === "dir", d = (t == null ? void 0 : t.path) === o.path, N = u.has(o.path), b = f ? n.isOpen ? z : B : K(o.name || "untitled");
   return /* @__PURE__ */ C(
     "div",
     {
@@ -75,7 +75,7 @@ function Q({ node: n, style: p, dragHandle: h }) {
       },
       children: [
         f ? /* @__PURE__ */ i(
-          K,
+          E,
           {
             className: v(
               "h-3 w-3 shrink-0 text-muted-foreground/70 transition-transform duration-150 ease-[cubic-bezier(0.22,1,0.36,1)]",
@@ -95,7 +95,7 @@ function Q({ node: n, style: p, dragHandle: h }) {
           }
         ),
         d ? /* @__PURE__ */ i(
-          J,
+          G,
           {
             initialValue: (t == null ? void 0 : t.initialValue) ?? o.name ?? "",
             isDraft: !!(t != null && t.isDraft),
@@ -113,7 +113,7 @@ function Q({ node: n, style: p, dragHandle: h }) {
           }
         ),
         N && !d && /* @__PURE__ */ i(
-          E,
+          J,
           {
             "data-testid": "file-tree-pending-spinner",
             "aria-label": "Pending",

package/dist/MarkdownEditor-yc6mFsnI.js

@@ -0,0 +1,533 @@
+import { jsxs as R, jsx as e } from "react/jsx-runtime";
+import { useState as D, useCallback as V, useRef as L, useEffect as B, useMemo as X } from "react";
+import { ReactNodeViewRenderer as K, NodeViewWrapper as Q, useEditor as Z, EditorContent as G, useEditorState as J } from "@tiptap/react";
+import Y from "@tiptap/starter-kit";
+import tt from "@tiptap/extension-underline";
+import et from "@tiptap/extension-link";
+import P from "@tiptap/extension-placeholder";
+import rt from "@tiptap/extension-task-list";
+import it from "@tiptap/extension-task-item";
+import nt from "@tiptap/extension-text-align";
+import at from "@tiptap/extension-highlight";
+import { Table as ot } from "@tiptap/extension-table";
+import { TableRow as lt } from "@tiptap/extension-table-row";
+import { TableHeader as st } from "@tiptap/extension-table-header";
+import { TableCell as ct } from "@tiptap/extension-table-cell";
+import ut from "@tiptap/extension-image";
+import { c as H } from "./utils-B6yFEsav.js";
+import { ao as j, ap as gt } from "./CommandPalette-NOEOVkN2.js";
+import { uploadFile as dt } from "@hachej/boring-agent/front";
+import ft from "@tiptap/extension-code-block-lowlight";
+import { createLowlight as mt, common as pt } from "lowlight";
+import { Markdown as ht } from "@tiptap/markdown";
+import { BoldIcon as wt, ItalicIcon as kt, UnderlineIcon as vt, StrikethroughIcon as bt, Heading1Icon as It, Heading2Icon as At, Heading3Icon as yt, ListIcon as Lt, ListOrderedIcon as xt, ListChecksIcon as Nt, QuoteIcon as Ct, CodeIcon as Tt, LinkIcon as Mt, ImageIcon as Rt, HighlighterIcon as Ht, AlignLeftIcon as Ut, AlignCenterIcon as $t, AlignRightIcon as St, MinusIcon as Bt, Loader2Icon as Dt } from "lucide-react";
+import { Toolbar as Et, Input as Ft, ToolbarButton as zt, ToolbarSeparator as Wt } from "@hachej/boring-ui-kit";
+function Pt(t) {
+  const i = j(), n = gt(), [a, c] = D(0);
+  return { upload: V(
+    async (f, o) => {
+      c((p) => p + 1);
+      try {
+        return await dt(f, {
+          apiBaseUrl: i,
+          workspaceRequestId: n,
+          directory: (o == null ? void 0 : o.directory) ?? (t == null ? void 0 : t.directory),
+          sourcePath: o == null ? void 0 : o.sourcePath
+        });
+      } finally {
+        c((p) => p - 1);
+      }
+    },
+    [i, n, t == null ? void 0 : t.directory]
+  ), uploading: a > 0 };
+}
+const E = 64, F = 2e3;
+function jt(t) {
+  return t.replace(/\\/g, "\\\\").replace(/]/g, "\\]");
+}
+function S(t) {
+  return t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function z(t) {
+  if (typeof t == "number" && Number.isFinite(t) && t > 0) return t;
+  if (typeof t == "string" && t.trim()) {
+    const i = Number(t);
+    if (Number.isFinite(i) && i > 0) return i;
+  }
+  return null;
+}
+const q = ut.extend({
+  name: "image",
+  draggable: !0,
+  addOptions() {
+    var t;
+    return {
+      ...(t = this.parent) == null ? void 0 : t.call(this),
+      resolveSrc: (i) => i
+    };
+  },
+  parseMarkdown: (t, i) => i.createNode("image", {
+    src: t.href,
+    title: t.title,
+    alt: t.text
+  }),
+  renderMarkdown: (t) => {
+    var b, I, A, r, m, w, y;
+    const i = typeof ((b = t.attrs) == null ? void 0 : b.src) == "string" ? t.attrs.src : "", n = typeof ((I = t.attrs) == null ? void 0 : I.alt) == "string" ? t.attrs.alt : "", a = typeof ((A = t.attrs) == null ? void 0 : A.title) == "string" ? t.attrs.title : "", c = z((r = t.attrs) == null ? void 0 : r.width), l = z((m = t.attrs) == null ? void 0 : m.height), f = ((w = t.attrs) == null ? void 0 : w.align) === "center" || ((y = t.attrs) == null ? void 0 : y.align) === "right" ? t.attrs.align : "left";
+    if (!c && !l && f === "left") {
+      const k = jt(n);
+      return a ? `![${k}](${i} "${a.replace(/"/g, '\\"')}")` : `![${k}](${i})`;
+    }
+    const p = `<img ${[
+      `src="${S(i)}"`,
+      n ? `alt="${S(n)}"` : null,
+      a ? `title="${S(a)}"` : null,
+      c ? `width="${c}"` : null,
+      l ? `height="${l}"` : null
+    ].filter(Boolean).join(" ")} />`;
+    return f === "center" || f === "right" ? `<p align="${f}">${p}</p>` : p;
+  },
+  addAttributes() {
+    var i;
+    return {
+      ...((i = this.parent) == null ? void 0 : i.call(this)) ?? {},
+      width: {
+        default: null,
+        parseHTML: (n) => {
+          const a = n.getAttribute("width");
+          if (a) {
+            const l = parseInt(a, 10);
+            return Number.isFinite(l) ? l : null;
+          }
+          const c = n.style.width;
+          if (c && c.endsWith("px")) {
+            const l = parseInt(c, 10);
+            return Number.isFinite(l) ? l : null;
+          }
+          return null;
+        },
+        renderHTML: (n) => n.width ? { width: String(n.width) } : {}
+      },
+      align: {
+        default: "left",
+        parseHTML: (n) => {
+          const a = n.getAttribute("data-align");
+          return a === "left" || a === "center" || a === "right" ? a : n.style.marginLeft === "auto" && n.style.marginRight === "auto" ? "center" : n.style.marginLeft === "auto" ? "right" : "left";
+        },
+        renderHTML: (n) => ({ "data-align": n.align ?? "left" })
+      },
+      // Transient marker used by MarkdownEditor.insertImageRef to find THIS
+      // specific inserted image when its background upload completes, even
+      // if the user pasted the same file twice (which produces two image
+      // nodes with identical `src` data URLs). Never serialized to HTML or
+      // markdown — purely in-memory state for the swap.
+      pendingUploadId: {
+        default: null,
+        parseHTML: () => null,
+        renderHTML: () => ({})
+      }
+    };
+  },
+  addNodeView() {
+    return K(qt);
+  }
+});
+function qt({ node: t, updateAttributes: i, selected: n, extension: a }) {
+  const c = L(null), l = L(null), [f, o] = D(!1), p = t.attrs.src ?? "", I = (a.options.resolveSrc ?? ((k) => k))(p), A = t.attrs.alt ?? "", r = t.attrs.title ?? void 0, m = t.attrs.width, w = t.attrs.align ?? "left";
+  B(() => {
+    if (!f) return;
+    const k = (g) => {
+      const s = l.current;
+      if (!s) return;
+      const d = g.clientX - s.x, h = Math.max(E, Math.min(F, s.width + d));
+      i({ width: Math.round(h) });
+    }, v = () => {
+      l.current = null, o(!1);
+    };
+    return window.addEventListener("pointermove", k), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v), () => {
+      window.removeEventListener("pointermove", k), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
+    };
+  }, [f, i]);
+  const y = (k) => {
+    var s;
+    k.preventDefault(), k.stopPropagation();
+    const v = (s = c.current) == null ? void 0 : s.querySelector("img"), g = m ?? (v == null ? void 0 : v.getBoundingClientRect().width) ?? 320;
+    l.current = { x: k.clientX, width: g }, o(!0);
+  };
+  return /* @__PURE__ */ R(
+    Q,
+    {
+      ref: c,
+      "data-resizable-image": "",
+      "data-selected": n ? "true" : void 0,
+      className: H(
+        "relative block max-w-full align-baseline",
+        "[&>img]:block [&>img]:max-w-full [&>img]:h-auto [&>img]:rounded-md",
+        w === "left" && "mr-auto",
+        w === "center" && "mx-auto",
+        w === "right" && "ml-auto",
+        n && "ring-2 ring-[color:var(--accent)] ring-offset-1 ring-offset-background"
+      ),
+      style: { width: m ? `${m}px` : void 0 },
+      children: [
+        /* @__PURE__ */ e("img", { src: I, alt: A, title: r, draggable: !1 }),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            role: "slider",
+            "aria-label": "Resize image",
+            "aria-valuenow": m ?? 0,
+            "aria-valuemin": E,
+            "aria-valuemax": F,
+            "data-testid": "resize-handle",
+            onPointerDown: y,
+            className: H(
+              "absolute right-0 bottom-0 h-3 w-3 translate-x-1/2 translate-y-1/2 cursor-nwse-resize",
+              "rounded-full border border-background bg-[color:var(--accent)] shadow",
+              "opacity-0 transition-opacity duration-150 ease-out",
+              (n || f) && "opacity-100"
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+const _t = mt(pt), Ot = [
+  /<script[\s>][\s\S]*?<\/script>/gi,
+  /<iframe[\s>][\s\S]*?<\/iframe>/gi,
+  /\s+on\w+\s*=\s*["'][^"']*["']/gi,
+  /\s+on\w+\s*=\s*\S+/gi,
+  /href\s*=\s*["']?\s*javascript:[^"'\s>]*/gi,
+  /src\s*=\s*["']?\s*javascript:[^"'\s>]*/gi
+];
+function Vt(t) {
+  let i = t;
+  for (const n of Ot)
+    i = i.replace(n, "");
+  return i;
+}
+function Xt(t) {
+  return /^(?:[a-z][a-z0-9+.-]*:|\/|#)/i.test(t);
+}
+function Kt(t, i) {
+  const n = t.match(/^([^?#]*)([?#].*)?$/), a = (n == null ? void 0 : n[1]) ?? t, c = (n == null ? void 0 : n[2]) ?? "", l = i != null && i.includes("/") ? i.slice(0, i.lastIndexOf("/")) : "", f = `${l ? `${l}/` : ""}${a}`.split("/"), o = [];
+  for (const p of f)
+    !p || p === "." || (p === ".." ? o.pop() : o.push(p));
+  return `${o.join("/")}${c}`;
+}
+function Qt(t, i, n) {
+  if (!t || Xt(t)) return t;
+  const a = Kt(t, i);
+  return `${n.replace(/\/$/, "")}/api/v1/files/raw?path=${encodeURIComponent(a)}`;
+}
+const Zt = [
+  Y.configure({
+    codeBlock: !1,
+    link: !1,
+    underline: !1
+  }),
+  tt,
+  et.configure({
+    openOnClick: !0,
+    autolink: !0,
+    linkOnPaste: !0,
+    defaultProtocol: "https",
+    HTMLAttributes: { rel: "noopener noreferrer nofollow", target: "_blank" }
+  }),
+  P.configure({
+    placeholder: "Start writing..."
+  }),
+  rt,
+  it.configure({ nested: !0 }),
+  nt.configure({
+    types: ["heading", "paragraph"]
+  }),
+  at,
+  ot.configure({
+    resizable: !0
+  }),
+  lt,
+  st,
+  ct,
+  q.configure({
+    inline: !1,
+    allowBase64: !0
+  }),
+  ft.configure({ lowlight: _t }),
+  ht.configure({
+    markedOptions: {
+      gfm: !0,
+      breaks: !1,
+      pedantic: !1
+    }
+  })
+];
+function u({ onClick: t, active: i, disabled: n, title: a, children: c }) {
+  return /* @__PURE__ */ e(
+    zt,
+    {
+      type: "button",
+      size: "icon-xs",
+      onClick: t,
+      disabled: n,
+      title: a,
+      "aria-pressed": i,
+      className: H(
+        "text-muted-foreground/70",
+        i && "bg-[color:var(--accent-soft)] text-[color:var(--accent)]"
+      ),
+      children: c
+    }
+  );
+}
+function x() {
+  return /* @__PURE__ */ e(Wt, { className: "mx-2 h-3.5" });
+}
+function W(t) {
+  const i = t.trim().toLowerCase();
+  return !i.startsWith("javascript:") && !i.startsWith("data:text/html");
+}
+function Gt(t) {
+  return new Promise((i, n) => {
+    const a = new FileReader();
+    a.onload = () => i(a.result), a.onerror = () => n(a.error ?? new Error("Read failed")), a.readAsDataURL(t);
+  });
+}
+function Jt(t) {
+  if (!t) return null;
+  for (const i of Array.from(t.files ?? []))
+    if (i.type.startsWith("image/")) return i;
+  for (const i of Array.from(t.items ?? [])) {
+    if (i.kind !== "file" || !i.type.startsWith("image/")) continue;
+    const n = i.getAsFile();
+    if (n) return n;
+  }
+  return null;
+}
+function Yt({
+  editor: t,
+  onInsertImage: i,
+  rawMode: n,
+  onToggleRawMode: a,
+  uploading: c
+}) {
+  const l = (r) => {
+    if (t) {
+      if (t.isActive("image")) {
+        t.chain().focus().updateAttributes("image", { align: r }).run();
+        return;
+      }
+      t.chain().focus().setTextAlign(r).run();
+    }
+  }, f = L(null), o = J({
+    editor: t,
+    selector: ({ editor: r }) => r ? {
+      bold: r.isActive("bold"),
+      italic: r.isActive("italic"),
+      underline: r.isActive("underline"),
+      strike: r.isActive("strike"),
+      h1: r.isActive("heading", { level: 1 }),
+      h2: r.isActive("heading", { level: 2 }),
+      h3: r.isActive("heading", { level: 3 }),
+      bulletList: r.isActive("bulletList"),
+      orderedList: r.isActive("orderedList"),
+      taskList: r.isActive("taskList"),
+      blockquote: r.isActive("blockquote"),
+      codeBlock: r.isActive("codeBlock"),
+      link: r.isActive("link"),
+      highlight: r.isActive("highlight"),
+      alignLeft: r.isActive("image") ? (r.getAttributes("image").align ?? "left") === "left" : r.isActive({ textAlign: "left" }),
+      alignCenter: r.isActive("image") ? r.getAttributes("image").align === "center" : r.isActive({ textAlign: "center" }),
+      alignRight: r.isActive("image") ? r.getAttributes("image").align === "right" : r.isActive({ textAlign: "right" })
+    } : null
+  });
+  if (!t || !o) return null;
+  const p = () => {
+    const r = window.prompt("URL:");
+    r && W(r) && t.chain().focus().extendMarkRange("link").setLink({ href: r }).run();
+  }, b = () => {
+    const r = window.prompt("Image URL:");
+    r && W(r) && t.chain().focus().setImage({ src: r }).run();
+  }, I = (r) => {
+    var m;
+    if (r != null && r.shiftKey) {
+      b();
+      return;
+    }
+    (m = f.current) == null || m.click();
+  }, A = async (r) => {
+    var w;
+    const m = (w = r.target.files) == null ? void 0 : w[0];
+    r.target.value = "", !(!m || !m.type.startsWith("image/")) && await i(m);
+  };
+  return /* @__PURE__ */ R(Et, { className: "border-b border-border/60 bg-background px-3 py-1.5", "aria-label": "Formatting toolbar", children: [
+    /* @__PURE__ */ e(u, { onClick: () => t.chain().focus().toggleBold().run(), active: o.bold, title: "Bold", children: /* @__PURE__ */ e(wt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(u, { onClick: () => t.chain().focus().toggleItalic().run(), active: o.italic, title: "Italic", children: /* @__PURE__ */ e(kt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(u, { onClick: () => t.chain().focus().toggleUnderline().run(), active: o.underline, title: "Underline", children: /* @__PURE__ */ e(vt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(u, { onClick: () => t.chain().focus().toggleStrike().run(), active: o.strike, title: "Strikethrough", children: /* @__PURE__ */ e(bt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(x, {}),
+    /* @__PURE__ */ e(u, { onClick: () => t.chain().focus().toggleHeading({ level: 1 }).run(), active: o.h1, title: "Heading 1", children: /* @__PURE__ */ e(It, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(u, { onClick: () => t.chain().focus().toggleHeading({ level: 2 }).run(), active: o.h2, title: "Heading 2", children: /* @__PURE__ */ e(At, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(u, { onClick: () => t.chain().focus().toggleHeading({ level: 3 }).run(), active: o.h3, title: "Heading 3", children: /* @__PURE__ */ e(yt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(x, {}),
+    /* @__PURE__ */ e(u, { onClick: () => t.chain().focus().toggleBulletList().run(), active: o.bulletList, title: "Bullet list", children: /* @__PURE__ */ e(Lt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(u, { onClick: () => t.chain().focus().toggleOrderedList().run(), active: o.orderedList, title: "Ordered list", children: /* @__PURE__ */ e(xt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(u, { onClick: () => t.chain().focus().toggleTaskList().run(), active: o.taskList, title: "Task list", children: /* @__PURE__ */ e(Nt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(x, {}),
+    /* @__PURE__ */ e(u, { onClick: () => t.chain().focus().toggleBlockquote().run(), active: o.blockquote, title: "Quote", children: /* @__PURE__ */ e(Ct, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(u, { onClick: () => t.chain().focus().toggleCodeBlock().run(), active: o.codeBlock, title: "Code block", children: /* @__PURE__ */ e(Tt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(u, { onClick: p, active: o.link, title: "Link", children: /* @__PURE__ */ e(Mt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(
+      u,
+      {
+        onClick: I,
+        title: "Image (click to upload, Shift+click for URL)",
+        children: /* @__PURE__ */ e(Rt, { className: "h-4 w-4" })
+      }
+    ),
+    /* @__PURE__ */ e(
+      Ft,
+      {
+        ref: f,
+        "data-testid": "image-file-input",
+        type: "file",
+        accept: "image/*",
+        className: "hidden",
+        onChange: A
+      }
+    ),
+    /* @__PURE__ */ e(u, { onClick: () => t.chain().focus().toggleHighlight().run(), active: o.highlight, title: "Highlight", children: /* @__PURE__ */ e(Ht, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(x, {}),
+    /* @__PURE__ */ e(u, { onClick: () => l("left"), active: o.alignLeft, title: "Align left", children: /* @__PURE__ */ e(Ut, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(u, { onClick: () => l("center"), active: o.alignCenter, title: "Center align", children: /* @__PURE__ */ e($t, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(u, { onClick: () => l("right"), active: o.alignRight, title: "Align right", children: /* @__PURE__ */ e(St, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(x, {}),
+    /* @__PURE__ */ e(u, { onClick: () => t.chain().focus().setHorizontalRule().run(), title: "Horizontal rule", children: /* @__PURE__ */ e(Bt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(x, {}),
+    c && /* @__PURE__ */ R(
+      "span",
+      {
+        role: "status",
+        "aria-live": "polite",
+        className: "ml-auto flex items-center gap-1.5 text-[11px] text-muted-foreground/80",
+        children: [
+          /* @__PURE__ */ e(Dt, { className: "h-3 w-3 animate-spin", "aria-hidden": !0 }),
+          "Uploading…"
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      u,
+      {
+        onClick: a,
+        active: n,
+        title: n ? "Rich text" : "Raw markdown",
+        children: /* @__PURE__ */ e("span", { className: "font-mono text-[10px] font-semibold leading-none tracking-[-0.02em]", children: "MD" })
+      }
+    )
+  ] });
+}
+function Le({
+  content: t,
+  onChange: i,
+  readOnly: n = !1,
+  placeholder: a,
+  className: c,
+  documentPath: l
+}) {
+  const f = j(), { upload: o, uploading: p } = Pt(), [b, I] = D(!1), A = X(() => {
+    const s = q.configure({
+      inline: !1,
+      allowBase64: !0,
+      resolveSrc: (h) => Qt(h, l, f)
+    }), d = Zt.map((h) => h.name === "image" ? s : h);
+    return a ? [
+      ...d.filter((h) => h.name !== "placeholder"),
+      P.configure({ placeholder: a })
+    ] : d;
+  }, [f, l, a]), r = L(i);
+  r.current = i;
+  const m = L(!1), w = L(null), y = L(async () => {
+  });
+  y.current = async (s) => {
+    const d = w.current;
+    if (!d) return;
+    let h;
+    try {
+      h = await Gt(s);
+    } catch {
+      return;
+    }
+    const U = typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `pending-${Date.now()}-${Math.random().toString(36).slice(2)}`, _ = { src: h, alt: s.name, pendingUploadId: U };
+    d.chain().focus().setImage(_).run();
+    try {
+      const { url: N } = await o(s, { sourcePath: l }), C = w.current;
+      if (!C || C.isDestroyed) return;
+      C.commands.command(({ tr: $, state: T }) => (T.doc.descendants((M, O) => (M.type.name === "image" && M.attrs.pendingUploadId === U && $.setNodeMarkup(O, void 0, { ...M.attrs, src: N, pendingUploadId: null }), !0)), !0));
+    } catch {
+      const N = w.current;
+      if (!N || N.isDestroyed) return;
+      N.commands.command(({ tr: C, state: $ }) => ($.doc.descendants((T, M) => (T.type.name === "image" && T.attrs.pendingUploadId === U && C.setNodeMarkup(M, void 0, { ...T.attrs, pendingUploadId: null }), !0)), !0));
+    }
+  };
+  const k = t || { type: "doc", content: [{ type: "paragraph" }] }, v = t ? "markdown" : "json", g = Z({
+    extensions: A,
+    content: k,
+    contentType: v,
+    editable: !n,
+    editorProps: {
+      attributes: {
+        class: "tiptap-prose max-w-[68ch] px-8 py-6 focus:outline-none min-h-[200px]"
+      },
+      transformPastedHTML: Vt,
+      handlePaste: (s, d) => {
+        if (n) return !1;
+        const h = Jt(d.clipboardData);
+        return h ? (d.preventDefault(), y.current(h), !0) : !1;
+      }
+    },
+    onUpdate: ({ editor: s }) => {
+      var d, h;
+      m.current || (h = r.current) == null || h.call(r, ((d = s.getMarkdown) == null ? void 0 : d.call(s)) ?? s.getHTML());
+    }
+  });
+  return w.current = g, B(() => {
+    !g || g.isDestroyed || g.setEditable(!n);
+  }, [g, n]), B(() => {
+    var d;
+    !g || g.isDestroyed || (((d = g.getMarkdown) == null ? void 0 : d.call(g)) ?? g.getHTML()) === t || (m.current = !0, g.commands.setContent(k, { contentType: v }), m.current = !1);
+  }, [g, t]), /* @__PURE__ */ R("div", { className: H("flex h-full flex-col overflow-hidden", c), children: [
+    !n && /* @__PURE__ */ e(
+      Yt,
+      {
+        editor: g,
+        onInsertImage: (s) => y.current(s),
+        rawMode: b,
+        onToggleRawMode: () => I((s) => !s),
+        uploading: p
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: b && !n ? /* @__PURE__ */ e(
+      "textarea",
+      {
+        "aria-label": "Raw markdown",
+        "data-testid": "markdown-raw-editor",
+        className: "h-full min-h-[200px] w-full resize-none bg-background px-8 py-6 font-mono text-[13px] leading-6 text-foreground outline-none placeholder:text-muted-foreground/70",
+        value: t,
+        placeholder: a,
+        spellCheck: !1,
+        onChange: (s) => {
+          var d;
+          return (d = r.current) == null ? void 0 : d.call(r, s.target.value);
+        }
+      }
+    ) : /* @__PURE__ */ e(G, { editor: g }) })
+  ] });
+}
+export {
+  Le as MarkdownEditor,
+  W as isSafeUrl,
+  Gt as readFileAsDataUrl,
+  Vt as sanitizeHtml
+};