@hachej/boring-workspace 0.1.0

package/dist/FileTree-DRq_bfue.js

@@ -0,0 +1,245 @@
+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-aM61U-b0.js";
+import { Input as G } from "@hachej/boring-ui-kit";
+import { c as v } from "./utils-B6yFEsav.js";
+const T = /* @__PURE__ */ new Set(), A = H({
+  onContextMenu: void 0,
+  editing: null,
+  pendingPaths: T,
+  onSubmitEdit: void 0,
+  onCancelEdit: void 0
+});
+function J({
+  initialValue: n,
+  onSubmit: p,
+  onCancel: h,
+  isDraft: c
+}) {
+  const t = w(null), u = w(!1);
+  R(() => {
+    const e = t.current;
+    if (e)
+      if (e.focus(), !c && n.includes(".")) {
+        const o = n.lastIndexOf(".");
+        e.setSelectionRange(0, o);
+      } else
+        e.select();
+  }, [n, c]);
+  const l = () => {
+    var o;
+    if (u.current) return;
+    u.current = !0;
+    const e = ((o = t.current) == null ? void 0 : o.value.trim()) ?? "";
+    !e || e === n ? h() : p(e);
+  };
+  return /* @__PURE__ */ i(
+    G,
+    {
+      ref: t,
+      type: "text",
+      defaultValue: n,
+      "data-testid": "file-tree-edit-input",
+      "aria-label": c ? "Name" : "Rename",
+      onPointerDown: (e) => e.stopPropagation(),
+      onClick: (e) => e.stopPropagation(),
+      onKeyDown: (e) => {
+        e.stopPropagation(), e.key === "Enter" ? (e.preventDefault(), l()) : e.key === "Escape" && (e.preventDefault(), u.current = !0, h());
+      },
+      onBlur: l,
+      className: "h-5 min-w-0 flex-1 rounded-sm border-[color:var(--accent)]/60 px-1 text-[13px] leading-[1.2] focus-visible:ring-[color:var(--accent)]"
+    }
+  );
+}
+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");
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      ref: h,
+      style: p,
+      className: v(
+        "group relative mx-1 flex items-center gap-1.5 rounded-md px-2 py-0.5 text-[13px] leading-[1.4] cursor-pointer select-none text-foreground",
+        "transition-colors duration-150 ease-[cubic-bezier(0.22,1,0.36,1)]",
+        !d && "hover:bg-foreground/[0.04]",
+        n.isSelected && !d && "bg-[oklch(from_var(--accent)_l_c_h/0.10)] text-foreground font-medium",
+        n.willReceiveDrop && "bg-foreground/5 outline outline-1 outline-border"
+      ),
+      onClick: (s) => {
+        d || (s.stopPropagation(), f ? n.toggle() : (n.select(), n.activate()));
+      },
+      onContextMenu: (s) => {
+        d || o.isDraft || (s.preventDefault(), s.stopPropagation(), c == null || c(s, o));
+      },
+      children: [
+        f ? /* @__PURE__ */ i(
+          K,
+          {
+            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)]",
+              n.isOpen && "rotate-90"
+            ),
+            strokeWidth: 2
+          }
+        ) : /* @__PURE__ */ i("span", { className: "w-3 shrink-0" }),
+        /* @__PURE__ */ i(
+          b,
+          {
+            className: v(
+              "h-4 w-4 shrink-0",
+              n.isSelected ? "text-[color:var(--accent)]" : "text-muted-foreground/80"
+            ),
+            strokeWidth: 1.5
+          }
+        ),
+        d ? /* @__PURE__ */ i(
+          J,
+          {
+            initialValue: (t == null ? void 0 : t.initialValue) ?? o.name ?? "",
+            isDraft: !!(t != null && t.isDraft),
+            onSubmit: (s) => l == null ? void 0 : l(o.path, s),
+            onCancel: () => e == null ? void 0 : e()
+          }
+        ) : /* @__PURE__ */ i(
+          "span",
+          {
+            className: v(
+              "truncate",
+              N && "text-muted-foreground italic"
+            ),
+            children: o.name
+          }
+        ),
+        N && !d && /* @__PURE__ */ i(
+          E,
+          {
+            "data-testid": "file-tree-pending-spinner",
+            "aria-label": "Pending",
+            className: "ml-auto h-3 w-3 shrink-0 animate-spin text-muted-foreground/70",
+            strokeWidth: 2
+          }
+        )
+      ]
+    }
+  );
+}
+function te({
+  files: n,
+  selectedPath: p,
+  searchQuery: h,
+  height: c = 400,
+  editing: t,
+  revealPath: u,
+  pendingPaths: l,
+  onSelect: e,
+  onExpand: o,
+  onCollapse: f,
+  onContextMenu: d,
+  onSubmitEdit: N,
+  onCancelEdit: b,
+  onDragDrop: s,
+  className: I
+}) {
+  const k = w(null);
+  R(() => {
+    if (!(t != null && t.isDraft)) return;
+    const r = requestAnimationFrame(() => {
+      var a;
+      (a = k.current) == null || a.scrollTo(t.path);
+    });
+    return () => cancelAnimationFrame(r);
+  }, [t == null ? void 0 : t.isDraft, t == null ? void 0 : t.path]), R(() => {
+    if (!u) return;
+    const r = requestAnimationFrame(() => {
+      var a;
+      (a = k.current) == null || a.scrollTo(u);
+    });
+    return () => cancelAnimationFrame(r);
+  }, [n, u]);
+  const D = P(
+    () => p || void 0,
+    [p]
+  ), F = x(
+    (r) => {
+      r.data.kind === "file" && (e == null || e(r.data.path));
+    },
+    [e]
+  ), y = x(
+    (r) => {
+      var m;
+      const a = (m = k.current) == null ? void 0 : m.get(r);
+      a && (a.isOpen ? o == null || o(a.data.path) : f == null || f(a.data.path));
+    },
+    [o, f]
+  ), M = x(
+    (r) => {
+      if (!s) return;
+      const a = !r.parentNode || r.parentNode.isRoot, m = a ? "." : r.parentNode.data.path;
+      if (!(!a && r.parentNode.data.kind !== "dir"))
+        for (const j of r.dragNodes) {
+          const g = j.data.path;
+          if (m === g || m !== "." && m.startsWith(g + "/")) return;
+          s(g, m);
+        }
+    },
+    [s]
+  ), O = x(
+    (r) => {
+      if (!r.parentNode || r.parentNode.isRoot) return !1;
+      if (r.parentNode.data.kind !== "dir") return !0;
+      for (const a of r.dragNodes)
+        if (r.parentNode.data.path === a.data.path || r.parentNode.data.path.startsWith(a.data.path + "/")) return !0;
+      return !1;
+    },
+    []
+  ), W = x(
+    (r, a) => r.data.name.toLowerCase().includes(a.toLowerCase()),
+    []
+  ), _ = P(
+    () => ({
+      onContextMenu: d,
+      editing: t ?? null,
+      pendingPaths: l ?? T,
+      onSubmitEdit: N,
+      onCancelEdit: b
+    }),
+    [d, t, l, N, b]
+  );
+  return n.length === 0 ? /* @__PURE__ */ i(
+    "div",
+    {
+      className: v(
+        "flex h-full items-center justify-center text-sm text-muted-foreground",
+        I
+      ),
+      children: "No files"
+    }
+  ) : /* @__PURE__ */ i(A.Provider, { value: _, children: /* @__PURE__ */ i("div", { "data-boring-workspace-part": "file-tree", className: v("file-tree", I), children: /* @__PURE__ */ i(
+    q,
+    {
+      ref: k,
+      data: n,
+      idAccessor: "path",
+      childrenAccessor: "children",
+      openByDefault: !1,
+      width: "100%",
+      height: c,
+      rowHeight: 26,
+      indent: 14,
+      selection: D,
+      searchTerm: h ?? "",
+      searchMatch: W,
+      onActivate: F,
+      onToggle: y,
+      onMove: M,
+      disableDrop: O,
+      disableEdit: !0,
+      children: Q
+    }
+  ) }) });
+}
+export {
+  te as FileTree
+};

package/dist/MarkdownEditor-DjiHxnRv.js

@@ -0,0 +1,349 @@
+import { jsxs as A, jsx as t } from "react/jsx-runtime";
+import { useRef as k, useState as y, useEffect as L } from "react";
+import { ReactNodeViewRenderer as S, NodeViewWrapper as B, useEditor as E, EditorContent as U, useEditorState as P } from "@tiptap/react";
+import z from "@tiptap/starter-kit";
+import D from "@tiptap/extension-underline";
+import W from "@tiptap/extension-link";
+import T from "@tiptap/extension-placeholder";
+import F from "@tiptap/extension-task-list";
+import j from "@tiptap/extension-task-item";
+import q from "@tiptap/extension-text-align";
+import V from "@tiptap/extension-highlight";
+import { Table as _ } from "@tiptap/extension-table";
+import { TableRow as $ } from "@tiptap/extension-table-row";
+import { TableHeader as X } from "@tiptap/extension-table-header";
+import { TableCell as K } from "@tiptap/extension-table-cell";
+import O from "@tiptap/extension-image";
+import { c as v } from "./utils-B6yFEsav.js";
+import Q from "@tiptap/extension-code-block-lowlight";
+import { createLowlight as Z, common as G } from "lowlight";
+import { Markdown as J } from "tiptap-markdown";
+import { BoldIcon as Y, ItalicIcon as tt, UnderlineIcon as et, StrikethroughIcon as it, Heading1Icon as rt, Heading2Icon as nt, Heading3Icon as at, ListIcon as ot, ListOrderedIcon as lt, ListChecksIcon as st, QuoteIcon as ct, CodeIcon as ut, LinkIcon as gt, ImageIcon as dt, HighlighterIcon as mt, AlignLeftIcon as ft, AlignCenterIcon as ht, AlignRightIcon as pt, MinusIcon as wt } from "lucide-react";
+import { Toolbar as kt, Input as vt, ToolbarButton as bt, ToolbarSeparator as Lt } from "@hachej/boring-ui-kit";
+const I = 64, x = 2e3, At = O.extend({
+  name: "image",
+  draggable: !0,
+  addAttributes() {
+    var a;
+    return {
+      ...((a = this.parent) == null ? void 0 : a.call(this)) ?? {},
+      width: {
+        default: null,
+        parseHTML: (n) => {
+          const r = n.getAttribute("width");
+          if (r) {
+            const s = parseInt(r, 10);
+            return Number.isFinite(s) ? s : null;
+          }
+          const u = n.style.width;
+          if (u && u.endsWith("px")) {
+            const s = parseInt(u, 10);
+            return Number.isFinite(s) ? s : null;
+          }
+          return null;
+        },
+        renderHTML: (n) => n.width ? { width: String(n.width) } : {}
+      },
+      align: {
+        default: "left",
+        parseHTML: (n) => {
+          const r = n.getAttribute("data-align");
+          return r === "left" || r === "center" || r === "right" ? r : n.style.marginLeft === "auto" && n.style.marginRight === "auto" ? "center" : n.style.marginLeft === "auto" ? "right" : "left";
+        },
+        renderHTML: (n) => ({ "data-align": n.align ?? "left" })
+      }
+    };
+  },
+  addNodeView() {
+    return S(It);
+  }
+});
+function It({ node: i, updateAttributes: a, selected: n }) {
+  const r = k(null), u = k(null), [s, d] = y(!1), c = i.attrs.src ?? "", e = i.attrs.alt ?? "", o = i.attrs.title ?? void 0, g = i.attrs.width, m = i.attrs.align ?? "left";
+  L(() => {
+    if (!s) return;
+    const h = (b) => {
+      const p = u.current;
+      if (!p) return;
+      const R = b.clientX - p.x, M = Math.max(I, Math.min(x, p.width + R));
+      a({ width: Math.round(M) });
+    }, f = () => {
+      u.current = null, d(!1);
+    };
+    return window.addEventListener("pointermove", h), window.addEventListener("pointerup", f), window.addEventListener("pointercancel", f), () => {
+      window.removeEventListener("pointermove", h), window.removeEventListener("pointerup", f), window.removeEventListener("pointercancel", f);
+    };
+  }, [s, a]);
+  const H = (h) => {
+    var p;
+    h.preventDefault(), h.stopPropagation();
+    const f = (p = r.current) == null ? void 0 : p.querySelector("img"), b = g ?? (f == null ? void 0 : f.getBoundingClientRect().width) ?? 320;
+    u.current = { x: h.clientX, width: b }, d(!0);
+  };
+  return /* @__PURE__ */ A(
+    B,
+    {
+      ref: r,
+      "data-resizable-image": "",
+      "data-selected": n ? "true" : void 0,
+      className: v(
+        "relative block max-w-full align-baseline",
+        "[&>img]:block [&>img]:max-w-full [&>img]:h-auto [&>img]:rounded-md",
+        m === "left" && "mr-auto",
+        m === "center" && "mx-auto",
+        m === "right" && "ml-auto",
+        n && "ring-2 ring-[color:var(--accent)] ring-offset-1 ring-offset-background"
+      ),
+      style: { width: g ? `${g}px` : void 0 },
+      children: [
+        /* @__PURE__ */ t("img", { src: c, alt: e, title: o, draggable: !1 }),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            role: "slider",
+            "aria-label": "Resize image",
+            "aria-valuenow": g ?? 0,
+            "aria-valuemin": I,
+            "aria-valuemax": x,
+            "data-testid": "resize-handle",
+            onPointerDown: H,
+            className: v(
+              "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 || s) && "opacity-100"
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+const xt = Z(G), Ct = [
+  /<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 Nt(i) {
+  let a = i;
+  for (const n of Ct)
+    a = a.replace(n, "");
+  return a;
+}
+const C = [
+  z.configure({
+    codeBlock: !1,
+    link: !1,
+    underline: !1
+  }),
+  D,
+  W.configure({
+    openOnClick: !0,
+    autolink: !0,
+    linkOnPaste: !0,
+    defaultProtocol: "https",
+    HTMLAttributes: { rel: "noopener noreferrer nofollow", target: "_blank" }
+  }),
+  T.configure({
+    placeholder: "Start writing..."
+  }),
+  F,
+  j.configure({ nested: !0 }),
+  q.configure({
+    types: ["heading", "paragraph"]
+  }),
+  V,
+  _.configure({
+    resizable: !0
+  }),
+  $,
+  X,
+  K,
+  At.configure({
+    inline: !1,
+    allowBase64: !0
+  }),
+  Q.configure({ lowlight: xt }),
+  J.configure({
+    html: !0,
+    transformPastedText: !0,
+    transformCopiedText: !0
+  })
+];
+function l({ onClick: i, active: a, disabled: n, title: r, children: u }) {
+  return /* @__PURE__ */ t(
+    bt,
+    {
+      type: "button",
+      size: "icon-xs",
+      onClick: i,
+      disabled: n,
+      title: r,
+      "aria-pressed": a,
+      className: v(
+        "text-muted-foreground/70",
+        a && "bg-[color:var(--accent-soft)] text-[color:var(--accent)]"
+      ),
+      children: u
+    }
+  );
+}
+function w() {
+  return /* @__PURE__ */ t(Lt, { className: "mx-2 h-3.5" });
+}
+function N(i) {
+  const a = i.trim().toLowerCase();
+  return !a.startsWith("javascript:") && !a.startsWith("data:text/html");
+}
+function Tt(i) {
+  return new Promise((a, n) => {
+    const r = new FileReader();
+    r.onload = () => a(r.result), r.onerror = () => n(r.error ?? new Error("Read failed")), r.readAsDataURL(i);
+  });
+}
+function Ht({ editor: i }) {
+  const a = (e) => {
+    if (i) {
+      if (i.isActive("image")) {
+        i.chain().focus().updateAttributes("image", { align: e }).run();
+        return;
+      }
+      i.chain().focus().setTextAlign(e).run();
+    }
+  }, n = k(null), r = P({
+    editor: i,
+    selector: ({ editor: e }) => e ? {
+      bold: e.isActive("bold"),
+      italic: e.isActive("italic"),
+      underline: e.isActive("underline"),
+      strike: e.isActive("strike"),
+      h1: e.isActive("heading", { level: 1 }),
+      h2: e.isActive("heading", { level: 2 }),
+      h3: e.isActive("heading", { level: 3 }),
+      bulletList: e.isActive("bulletList"),
+      orderedList: e.isActive("orderedList"),
+      taskList: e.isActive("taskList"),
+      blockquote: e.isActive("blockquote"),
+      codeBlock: e.isActive("codeBlock"),
+      link: e.isActive("link"),
+      highlight: e.isActive("highlight"),
+      alignLeft: e.isActive("image") ? (e.getAttributes("image").align ?? "left") === "left" : e.isActive({ textAlign: "left" }),
+      alignCenter: e.isActive("image") ? e.getAttributes("image").align === "center" : e.isActive({ textAlign: "center" }),
+      alignRight: e.isActive("image") ? e.getAttributes("image").align === "right" : e.isActive({ textAlign: "right" })
+    } : null
+  });
+  if (!i || !r) return null;
+  const u = () => {
+    const e = window.prompt("URL:");
+    e && N(e) && i.chain().focus().extendMarkRange("link").setLink({ href: e }).run();
+  }, s = () => {
+    const e = window.prompt("Image URL:");
+    e && N(e) && i.chain().focus().setImage({ src: e }).run();
+  }, d = (e) => {
+    var o;
+    if (e != null && e.shiftKey) {
+      s();
+      return;
+    }
+    (o = n.current) == null || o.click();
+  }, c = async (e) => {
+    var g;
+    const o = (g = e.target.files) == null ? void 0 : g[0];
+    if (e.target.value = "", !(!o || !o.type.startsWith("image/")))
+      try {
+        const m = await Tt(o);
+        i.chain().focus().setImage({ src: m, alt: o.name }).run();
+      } catch {
+      }
+  };
+  return /* @__PURE__ */ A(kt, { className: "border-b border-border/60 bg-background px-3 py-1.5", "aria-label": "Formatting toolbar", children: [
+    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleBold().run(), active: r.bold, title: "Bold", children: /* @__PURE__ */ t(Y, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleItalic().run(), active: r.italic, title: "Italic", children: /* @__PURE__ */ t(tt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleUnderline().run(), active: r.underline, title: "Underline", children: /* @__PURE__ */ t(et, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleStrike().run(), active: r.strike, title: "Strikethrough", children: /* @__PURE__ */ t(it, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ t(w, {}),
+    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleHeading({ level: 1 }).run(), active: r.h1, title: "Heading 1", children: /* @__PURE__ */ t(rt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleHeading({ level: 2 }).run(), active: r.h2, title: "Heading 2", children: /* @__PURE__ */ t(nt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleHeading({ level: 3 }).run(), active: r.h3, title: "Heading 3", children: /* @__PURE__ */ t(at, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ t(w, {}),
+    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleBulletList().run(), active: r.bulletList, title: "Bullet list", children: /* @__PURE__ */ t(ot, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleOrderedList().run(), active: r.orderedList, title: "Ordered list", children: /* @__PURE__ */ t(lt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleTaskList().run(), active: r.taskList, title: "Task list", children: /* @__PURE__ */ t(st, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ t(w, {}),
+    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleBlockquote().run(), active: r.blockquote, title: "Quote", children: /* @__PURE__ */ t(ct, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleCodeBlock().run(), active: r.codeBlock, title: "Code block", children: /* @__PURE__ */ t(ut, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ t(l, { onClick: u, active: r.link, title: "Link", children: /* @__PURE__ */ t(gt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ t(
+      l,
+      {
+        onClick: d,
+        title: "Image (click to upload, Shift+click for URL)",
+        children: /* @__PURE__ */ t(dt, { className: "h-4 w-4" })
+      }
+    ),
+    /* @__PURE__ */ t(
+      vt,
+      {
+        ref: n,
+        "data-testid": "image-file-input",
+        type: "file",
+        accept: "image/*",
+        className: "hidden",
+        onChange: c
+      }
+    ),
+    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleHighlight().run(), active: r.highlight, title: "Highlight", children: /* @__PURE__ */ t(mt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ t(w, {}),
+    /* @__PURE__ */ t(l, { onClick: () => a("left"), active: r.alignLeft, title: "Align left", children: /* @__PURE__ */ t(ft, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ t(l, { onClick: () => a("center"), active: r.alignCenter, title: "Center align", children: /* @__PURE__ */ t(ht, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ t(l, { onClick: () => a("right"), active: r.alignRight, title: "Align right", children: /* @__PURE__ */ t(pt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ t(w, {}),
+    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().setHorizontalRule().run(), title: "Horizontal rule", children: /* @__PURE__ */ t(wt, { className: "h-4 w-4" }) })
+  ] });
+}
+function Gt({
+  content: i,
+  onChange: a,
+  readOnly: n = !1,
+  placeholder: r,
+  className: u
+}) {
+  const s = k(a);
+  s.current = a;
+  const d = k(!1), c = E({
+    extensions: r ? [
+      ...C.filter((e) => e.name !== "placeholder"),
+      T.configure({ placeholder: r })
+    ] : C,
+    content: i,
+    editable: !n,
+    editorProps: {
+      attributes: {
+        class: "tiptap-prose max-w-[68ch] px-8 py-6 focus:outline-none min-h-[200px]"
+      },
+      transformPastedHTML: Nt
+    },
+    onUpdate: ({ editor: e }) => {
+      var o, g, m;
+      d.current || (m = s.current) == null || m.call(s, ((g = (o = e.storage.markdown) == null ? void 0 : o.getMarkdown) == null ? void 0 : g.call(o)) ?? e.getHTML());
+    }
+  });
+  return L(() => {
+    !c || c.isDestroyed || c.setEditable(!n);
+  }, [c, n]), L(() => {
+    var o, g;
+    !c || c.isDestroyed || (((g = (o = c.storage.markdown) == null ? void 0 : o.getMarkdown) == null ? void 0 : g.call(o)) ?? c.getHTML()) === i || (d.current = !0, c.commands.setContent(i), d.current = !1);
+  }, [c, i]), /* @__PURE__ */ A("div", { className: v("flex h-full flex-col overflow-hidden", u), children: [
+    !n && /* @__PURE__ */ t(Ht, { editor: c }),
+    /* @__PURE__ */ t("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ t(U, { editor: c }) })
+  ] });
+}
+export {
+  Gt as MarkdownEditor,
+  N as isSafeUrl,
+  Tt as readFileAsDataUrl,
+  Nt as sanitizeHtml
+};