@hachej/boring-workspace 0.1.16 → 0.1.18

package/dist/MarkdownEditor-L1KDH0bM.js

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