@hachej/boring-workspace 0.1.40 → 0.1.41

package/dist/MarkdownEditor-DhVfKSAq.js

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