@hachej/boring-workspace 0.1.7 → 0.1.9

package/dist/MarkdownEditor-wDDxxED5.js

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