@hachej/boring-workspace 0.1.16 → 0.1.17

package/dist/MarkdownEditor-yc6mFsnI.js

@@ -1,533 +0,0 @@
-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
-};