@fileverse-dev/ddoc 4.6.0 → 4.6.1

package/dist/{index-BuSMzCGL.mjs → index-Dz5ZcPSn.mjs}

@@ -1,4 +1,4 @@
-import { k as Ql, b as Zl, s as eh } from "./index-wVRnXbOi.mjs";
+import { k as Ql, b as Zl, s as eh } from "./index-CSSRI6hv.mjs";
 let An = [], Xr = [];
 (() => {
   let s = "lc,34,7n,7,7b,19,,,,2,,2,,,20,b,1c,l,g,,2t,7,2,6,2,2,,4,z,,u,r,2j,b,1m,9,9,,o,4,,9,,3,,5,17,3,3b,f,,w,1j,,,,4,8,4,,3,7,a,2,t,,1m,,,,2,4,8,,9,,a,2,q,,2,2,1l,,4,2,4,2,2,3,3,,u,2,3,,b,2,1l,,4,5,,2,4,,k,2,m,6,,,1m,,,2,,4,8,,7,3,a,2,u,,1n,,,,c,,9,,14,,3,,1l,3,5,3,,4,7,2,b,2,t,,1m,,2,,2,,3,,5,2,7,2,b,2,s,2,1l,2,,,2,4,8,,9,,a,2,t,,20,,4,,2,3,,,8,,29,,2,7,c,8,2q,,2,9,b,6,22,2,r,,,,,,1j,e,,5,,2,5,b,,10,9,,2u,4,,6,,2,2,2,p,2,4,3,g,4,d,,2,2,6,,f,,jj,3,qa,3,t,3,t,2,u,2,1s,2,,7,8,,2,b,9,,19,3,3b,2,y,,3a,3,4,2,9,,6,3,63,2,2,,1m,,,7,,,,,2,8,6,a,2,,1c,h,1r,4,1c,7,,,5,,14,9,c,2,w,4,2,2,,3,1k,,,2,3,,,3,1m,8,2,2,48,3,,d,,7,4,,6,,3,2,5i,1m,,5,ek,,5f,x,2da,3,3x,,2o,w,fe,6,2x,2,n9w,4,,a,w,2,28,2,7k,,3,,4,,p,2,5,,47,2,q,i,d,,12,8,p,b,1a,3,1c,,2,4,2,2,13,,1v,6,2,2,2,2,c,,8,,1b,,1f,,,3,2,2,5,2,,,16,2,8,,6m,,2,,4,,fn4,,kh,g,g,g,a6,2,gt,,6a,,45,5,1ae,3,,2,5,4,14,3,4,,4l,2,fx,4,ar,2,49,b,4w,,1i,f,1k,3,1d,4,2,2,1x,3,10,5,,8,1q,,c,2,1g,9,a,4,2,,2n,3,2,,,2,6,,4g,,3,8,l,2,1l,2,,,,,m,,e,7,3,5,5f,8,2,3,,,n,,29,,2,6,,,2,,,2,,2,6j,,2,4,6,2,,2,r,2,2d,8,2,,,2,2y,,,,2,6,,,2t,3,2,4,,5,77,9,,2,6t,,a,2,,,4,,40,4,2,2,4,,w,a,14,6,2,4,8,,9,6,2,3,1a,d,,2,ba,7,,6,,,2a,m,2,7,,2,,2,3e,6,3,,,2,,7,,,20,2,3,,,,9n,2,f0b,5,1n,7,t4,,1r,4,29,,f5k,2,43q,,,3,4,5,8,8,2,7,u,4,44,3,1iz,1j,4,1e,8,,e,,m,5,,f,11s,7,,h,2,7,,2,,5,79,7,c5,4,15s,7,31,7,240,5,gx7k,2o,3k,6o".split(",").map((e) => e ? parseInt(e, 36) : 1);

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { D as a, a as o, E as t, P as d, f as r, i, g as n, l as m, h as E, m as c, e as l, n as p, c as u, d as C, u as f, v as D } from "./index-wVRnXbOi.mjs";
+import { D as a, a as o, E as t, P as d, f as r, i, g as n, j as m, h as E, m as c, e as l, l as p, c as u, d as C, u as f, v as D } from "./index-CSSRI6hv.mjs";
 export {
   a as DdocEditor,
   o as DdocExportModal,

package/dist/{markdown-source-pane-4v_yuVaC.mjs → markdown-source-pane-DvDbVS8h.mjs}

@@ -1,9 +1,9 @@
 var Vr = Object.defineProperty;
 var Wr = (t, e, O) => e in t ? Vr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: O }) : t[e] = O;
 var gt = (t, e, O) => Wr(t, typeof e != "symbol" ? e + "" : e, O);
-import { j as Cr } from "./index-wVRnXbOi.mjs";
+import { jsx as Cr } from "react/jsx-runtime";
 import { useRef as pe, useEffect as St } from "react";
-import { s as y, A as pO, T as dO, a as Gr, S as et, b as Lr, P as fO, E as j, i as QO, c as _, D as le, k as tt, F as Ar, M as Pt, W as Er, R as Ur, d as mO, N as oe, e as V, f as Mr, g as Ot, h as ce, p as $O, j as Y, t as h, l as Ir, I as rt, L as at, m as ye, n as ue, o as Qe, q as gO, r as te, u as SO, v as Br, w as Nr, x as PO, y as kO, z as Dr, B as Fr, C as Kr, G as Oe, H as ZO, J as Jr, K as kt, O as Hr, Q as ea, U as ta, V as Oa, X as ra, Y as aa, Z as ia, _ as sa, $ as na, a0 as la, a1 as oa, a2 as ca } from "./index-BuSMzCGL.mjs";
+import { s as y, A as pO, T as dO, a as Gr, S as et, b as Lr, P as fO, E as j, i as QO, c as _, D as le, k as tt, F as Ar, M as Pt, W as Er, R as Ur, d as mO, N as oe, e as V, f as Mr, g as Ot, h as ce, p as $O, j as Y, t as h, l as Ir, I as rt, L as at, m as ye, n as ue, o as Qe, q as gO, r as te, u as SO, v as Br, w as Nr, x as PO, y as kO, z as Dr, B as Fr, C as Kr, G as Oe, H as ZO, J as Jr, K as kt, O as Hr, Q as ea, U as ta, V as Oa, X as ra, Y as aa, Z as ia, _ as sa, $ as na, a0 as la, a1 as oa, a2 as ca } from "./index-Dz5ZcPSn.mjs";
 class ua {
   /**
   Create a new completion context. (Mostly useful for testing
@@ -6062,7 +6062,7 @@ function tl({
         dO.addToHistory.of(!1)
       ]
     });
-  }, [t]), /* @__PURE__ */ Cr.jsx("div", { ref: r, className: "w-full h-full overflow-auto" });
+  }, [t]), /* @__PURE__ */ Cr("div", { ref: r, className: "w-full h-full overflow-auto" });
 }
 export {
   tl as default

package/dist/split-view-toolbar-BrNvEwHW.mjs

@@ -0,0 +1,289 @@
+import { jsx as m, jsxs as L } from "react/jsx-runtime";
+import { useRef as D, useState as E, useEffect as A } from "react";
+import { DynamicDropdown as P, Tooltip as O, IconButton as T } from "@fileverse/ui";
+import { a3 as _, a4 as w, c as R } from "./index-Dz5ZcPSn.mjs";
+const p = (e, n, o = n) => {
+  const { state: i } = e, l = i.changeByRange((t) => {
+    const d = i.sliceDoc(t.from, t.to), r = i.sliceDoc(
+      Math.max(0, t.from - n.length),
+      t.from
+    ), u = i.sliceDoc(
+      t.to,
+      Math.min(i.doc.length, t.to + o.length)
+    );
+    if (r === n && u === o)
+      return {
+        changes: [
+          { from: t.from - n.length, to: t.from, insert: "" },
+          { from: t.to, to: t.to + o.length, insert: "" }
+        ],
+        range: R.range(
+          t.from - n.length,
+          t.to - n.length
+        )
+      };
+    const b = n + d + o;
+    return {
+      changes: { from: t.from, to: t.to, insert: b },
+      range: R.range(
+        t.from + n.length,
+        t.from + n.length + d.length
+      )
+    };
+  });
+  e.dispatch(i.update(l, { scrollIntoView: !0 })), e.focus();
+}, B = (e, n) => {
+  const { state: o } = e, i = [], l = /* @__PURE__ */ new Set();
+  for (const t of o.selection.ranges) {
+    let d = t.from;
+    for (; ; ) {
+      const r = o.doc.lineAt(d);
+      if (!l.has(r.number)) {
+        l.add(r.number);
+        const u = n(r.text, r.from);
+        u && i.push(u);
+      }
+      if (r.to >= t.to) break;
+      d = r.to + 1;
+    }
+  }
+  i.length && e.dispatch(o.update({ changes: i, scrollIntoView: !0 })), e.focus();
+}, y = (e, n) => B(
+  e,
+  (o, i) => o.startsWith(n) ? { from: i, to: i + n.length, insert: "" } : { from: i, insert: n }
+), z = (e, n) => {
+  const o = "#".repeat(n) + " ";
+  return B(e, (i, l) => {
+    const t = i.match(/^(#{1,6})\s/);
+    return t && t[1].length === n ? { from: l, to: l + t[0].length, insert: "" } : t ? { from: l, to: l + t[0].length, insert: o } : { from: l, insert: o };
+  });
+}, f = (e, n) => {
+  const { state: o } = e, i = o.selection.main, r = `${o.doc.lineAt(i.from).text.trim() === "" ? "" : `
+
+`}${n}
+`;
+  e.dispatch(
+    o.update({
+      changes: { from: i.from, insert: r },
+      selection: { anchor: i.from + r.length },
+      scrollIntoView: !0
+    })
+  ), e.focus();
+}, G = (e, n) => {
+  const { state: o } = e, i = o.changeByRange((l) => {
+    const t = o.sliceDoc(l.from, l.to) || "text", d = n ?? "url", r = `[${t}](${d})`, u = l.from + 1 + t.length + 2;
+    return {
+      changes: { from: l.from, to: l.to, insert: r },
+      range: R.range(u, u + d.length)
+    };
+  });
+  e.dispatch(o.update(i, { scrollIntoView: !0 })), e.focus();
+}, K = (e, n) => {
+  const o = `<img src="${n.src}" media-type="secure-img" encryptionKey="${n.encryptionKey}" nonce="${n.nonce}" ipfsUrl="${n.ipfsUrl}" ipfsHash="${n.ipfsHash}" version="2" authTag="${n.authTag}" mimeType="${n.mimeType}" />`;
+  f(e, o);
+}, M = (e, n) => f(e, `<img src="${n}" media-type="img" />`), W = `| Column 1 | Column 2 |
+| -------- | -------- |
+|          |          |`, c = {
+  bold: (e) => p(e, "**"),
+  italic: (e) => p(e, "*"),
+  strike: (e) => p(e, "~~"),
+  inlineCode: (e) => p(e, "`"),
+  underline: (e) => p(e, "<u>", "</u>"),
+  heading: (e, n) => z(e, n),
+  bulletList: (e) => y(e, "- "),
+  orderedList: (e) => y(e, "1. "),
+  taskList: (e) => y(e, "- [ ] "),
+  blockquote: (e) => y(e, "> "),
+  codeBlock: (e) => f(e, "```\n\n```"),
+  horizontalRule: (e) => f(e, "---"),
+  table: (e) => f(e, W),
+  link: (e, n) => G(e, n),
+  undo: (e) => {
+    w(e), e.focus();
+  },
+  redo: (e) => {
+    _(e), e.focus();
+  },
+  // Highlight → inline HTML (round-trips via our turndown/DOMPurify rules).
+  highlight: (e, n) => n ? p(e, `<mark style="background-color: ${n}">`, "</mark>") : p(e, "<mark>", "</mark>")
+}, H = [
+  [
+    { icon: "Undo", label: "Undo", run: (e) => c.undo(e) },
+    { icon: "Redo", label: "Redo", run: (e) => c.redo(e) }
+  ],
+  [
+    {
+      icon: "Heading1",
+      label: "Heading 1",
+      run: (e) => c.heading(e, 1)
+    },
+    {
+      icon: "Heading2",
+      label: "Heading 2",
+      run: (e) => c.heading(e, 2)
+    },
+    {
+      icon: "Heading3",
+      label: "Heading 3",
+      run: (e) => c.heading(e, 3)
+    }
+  ],
+  [
+    { icon: "Bold", label: "Bold", run: (e) => c.bold(e) },
+    { icon: "Italic", label: "Italic", run: (e) => c.italic(e) },
+    {
+      icon: "Underline",
+      label: "Underline",
+      run: (e) => c.underline(e)
+    },
+    {
+      icon: "Strikethrough",
+      label: "Strikethrough",
+      run: (e) => c.strike(e)
+    },
+    {
+      icon: "Code",
+      label: "Inline code",
+      run: (e) => c.inlineCode(e)
+    },
+    {
+      icon: "Highlighter",
+      label: "Highlight",
+      run: (e) => c.highlight(e)
+    }
+  ],
+  [
+    {
+      icon: "List",
+      label: "Bullet list",
+      run: (e) => c.bulletList(e)
+    },
+    {
+      icon: "ListOrdered",
+      label: "Numbered list",
+      run: (e) => c.orderedList(e)
+    },
+    {
+      icon: "ListChecks",
+      label: "To-do list",
+      run: (e) => c.taskList(e)
+    },
+    { icon: "TextQuote", label: "Quote", run: (e) => c.blockquote(e) }
+  ],
+  [
+    // Inserts [text](url) inline and selects `url` to type over.
+    { icon: "Link", label: "Link", run: (e) => c.link(e) },
+    { icon: "Image", label: "Image", run: () => {
+    }, upload: !0 },
+    {
+      icon: "Braces",
+      label: "Code block",
+      run: (e) => c.codeBlock(e)
+    },
+    { icon: "Table", label: "Table", run: (e) => c.table(e) },
+    {
+      icon: "Minus",
+      label: "Divider",
+      run: (e) => c.horizontalRule(e)
+    }
+  ]
+], $ = 3, V = H.slice(0, $), U = H.slice($), S = "!h-6 !w-6 !min-w-0", j = 560, C = () => /* @__PURE__ */ m("div", { className: "w-[1px] h-4 vertical-divider mx-1" });
+function X({
+  view: e,
+  ipfsImageUploadFn: n,
+  onError: o
+}) {
+  const i = (s) => {
+    const a = document.createElement("input");
+    a.type = "file", a.accept = "image/*", a.onchange = async () => {
+      var x;
+      const h = (x = a.files) == null ? void 0 : x[0];
+      if (!(!h || !h.type.includes("image/")))
+        try {
+          if (n) {
+            const g = await n(h);
+            K(s, {
+              src: URL.createObjectURL(h),
+              ipfsUrl: g.ipfsUrl,
+              encryptionKey: g.encryptionKey,
+              nonce: g.nonce,
+              ipfsHash: g.ipfsHash,
+              authTag: g.authTag,
+              mimeType: h.type
+            });
+          } else {
+            const g = await new Promise((I, N) => {
+              const k = new FileReader();
+              k.onload = () => I(k.result), k.onerror = N, k.readAsDataURL(h);
+            });
+            M(s, g);
+          }
+        } catch {
+          o == null || o("Failed to upload image");
+        }
+    }, a.click();
+  }, l = (s, a) => {
+    if (s.upload) {
+      i(a);
+      return;
+    }
+    s.run(a);
+  }, t = D(null), [d, r] = E(!1);
+  A(() => {
+    const s = t.current;
+    if (!s || typeof ResizeObserver > "u") return;
+    const a = () => r(s.clientWidth < j);
+    a();
+    const h = new ResizeObserver(a);
+    return h.observe(s), () => h.disconnect();
+  }, []);
+  const u = (s) => /* @__PURE__ */ m(O, { text: s.label, children: /* @__PURE__ */ m(
+    T,
+    {
+      variant: "ghost",
+      size: "sm",
+      className: S,
+      icon: s.icon,
+      disabled: !e,
+      onClick: () => e && l(s, e)
+    }
+  ) }, s.label), b = (s, a) => /* @__PURE__ */ L("div", { className: "flex items-center gap-0.5", children: [
+    a && /* @__PURE__ */ m(C, {}),
+    s.map(u)
+  ] }, s[0].label);
+  return /* @__PURE__ */ m("div", { className: "flex items-center px-2 py-2 border-b color-border-default shrink-0", children: /* @__PURE__ */ L(
+    "div",
+    {
+      ref: t,
+      className: "flex items-center gap-0.5 flex-1 min-w-0 overflow-hidden",
+      children: [
+        V.map((s, a) => b(s, a > 0)),
+        d ? /* @__PURE__ */ L("div", { className: "flex items-center gap-0.5", children: [
+          /* @__PURE__ */ m(C, {}),
+          /* @__PURE__ */ m(
+            P,
+            {
+              align: "start",
+              sideOffset: 8,
+              anchorTrigger: /* @__PURE__ */ m(O, { text: "More", children: /* @__PURE__ */ m(
+                T,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: S,
+                  icon: "Ellipsis",
+                  disabled: !e
+                }
+              ) }),
+              content: /* @__PURE__ */ m("div", { className: "flex items-center gap-0.5 p-1", children: U.flat().map(u) })
+            },
+            "md-more-dropdown"
+          )
+        ] }) : U.map((s) => b(s, !0))
+      ]
+    }
+  ) });
+}
+export {
+  X as default
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fileverse-dev/ddoc",
   "private": false,
   "description": "DDoc",
-  "version": "4.6.0",
+  "version": "4.6.1",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",
   "exports": {
@@ -132,7 +132,7 @@
     "@dnd-kit/utilities": ">=3.2.2",
     "@fileverse/crypto": ">=0.0.21",
     "@fileverse/ens": "0.0.4",
-    "@fileverse/ui": "5.3.0",
+    "@fileverse/ui": "5.3.1",
     "framer-motion": ">=11.2.10",
     "frimousse": ">=0.3.0",
     "mermaid": "11.14.0",

package/dist/split-view-toolbar-BAQhhpBX.mjs

@@ -1,289 +0,0 @@
-import { j as d } from "./index-wVRnXbOi.mjs";
-import { useRef as I, useState as N, useEffect as D } from "react";
-import { DynamicDropdown as E, Tooltip as R, IconButton as O } from "@fileverse/ui";
-import { a3 as A, a4 as P, c as y } from "./index-BuSMzCGL.mjs";
-const p = (e, t, o = t) => {
-  const { state: s } = e, l = s.changeByRange((n) => {
-    const u = s.sliceDoc(n.from, n.to), r = s.sliceDoc(
-      Math.max(0, n.from - t.length),
-      n.from
-    ), m = s.sliceDoc(
-      n.to,
-      Math.min(s.doc.length, n.to + o.length)
-    );
-    if (r === t && m === o)
-      return {
-        changes: [
-          { from: n.from - t.length, to: n.from, insert: "" },
-          { from: n.to, to: n.to + o.length, insert: "" }
-        ],
-        range: y.range(
-          n.from - t.length,
-          n.to - t.length
-        )
-      };
-    const b = t + u + o;
-    return {
-      changes: { from: n.from, to: n.to, insert: b },
-      range: y.range(
-        n.from + t.length,
-        n.from + t.length + u.length
-      )
-    };
-  });
-  e.dispatch(s.update(l, { scrollIntoView: !0 })), e.focus();
-}, S = (e, t) => {
-  const { state: o } = e, s = [], l = /* @__PURE__ */ new Set();
-  for (const n of o.selection.ranges) {
-    let u = n.from;
-    for (; ; ) {
-      const r = o.doc.lineAt(u);
-      if (!l.has(r.number)) {
-        l.add(r.number);
-        const m = t(r.text, r.from);
-        m && s.push(m);
-      }
-      if (r.to >= n.to) break;
-      u = r.to + 1;
-    }
-  }
-  s.length && e.dispatch(o.update({ changes: s, scrollIntoView: !0 })), e.focus();
-}, k = (e, t) => S(
-  e,
-  (o, s) => o.startsWith(t) ? { from: s, to: s + t.length, insert: "" } : { from: s, insert: t }
-), _ = (e, t) => {
-  const o = "#".repeat(t) + " ";
-  return S(e, (s, l) => {
-    const n = s.match(/^(#{1,6})\s/);
-    return n && n[1].length === t ? { from: l, to: l + n[0].length, insert: "" } : n ? { from: l, to: l + n[0].length, insert: o } : { from: l, insert: o };
-  });
-}, f = (e, t) => {
-  const { state: o } = e, s = o.selection.main, r = `${o.doc.lineAt(s.from).text.trim() === "" ? "" : `
-
-`}${t}
-`;
-  e.dispatch(
-    o.update({
-      changes: { from: s.from, insert: r },
-      selection: { anchor: s.from + r.length },
-      scrollIntoView: !0
-    })
-  ), e.focus();
-}, w = (e, t) => {
-  const { state: o } = e, s = o.changeByRange((l) => {
-    const n = o.sliceDoc(l.from, l.to) || "text", u = t ?? "url", r = `[${n}](${u})`, m = l.from + 1 + n.length + 2;
-    return {
-      changes: { from: l.from, to: l.to, insert: r },
-      range: y.range(m, m + u.length)
-    };
-  });
-  e.dispatch(o.update(s, { scrollIntoView: !0 })), e.focus();
-}, z = (e, t) => {
-  const o = `<img src="${t.src}" media-type="secure-img" encryptionKey="${t.encryptionKey}" nonce="${t.nonce}" ipfsUrl="${t.ipfsUrl}" ipfsHash="${t.ipfsHash}" version="2" authTag="${t.authTag}" mimeType="${t.mimeType}" />`;
-  f(e, o);
-}, G = (e, t) => f(e, `<img src="${t}" media-type="img" />`), K = `| Column 1 | Column 2 |
-| -------- | -------- |
-|          |          |`, c = {
-  bold: (e) => p(e, "**"),
-  italic: (e) => p(e, "*"),
-  strike: (e) => p(e, "~~"),
-  inlineCode: (e) => p(e, "`"),
-  underline: (e) => p(e, "<u>", "</u>"),
-  heading: (e, t) => _(e, t),
-  bulletList: (e) => k(e, "- "),
-  orderedList: (e) => k(e, "1. "),
-  taskList: (e) => k(e, "- [ ] "),
-  blockquote: (e) => k(e, "> "),
-  codeBlock: (e) => f(e, "```\n\n```"),
-  horizontalRule: (e) => f(e, "---"),
-  table: (e) => f(e, K),
-  link: (e, t) => w(e, t),
-  undo: (e) => {
-    P(e), e.focus();
-  },
-  redo: (e) => {
-    A(e), e.focus();
-  },
-  // Highlight → inline HTML (round-trips via our turndown/DOMPurify rules).
-  highlight: (e, t) => t ? p(e, `<mark style="background-color: ${t}">`, "</mark>") : p(e, "<mark>", "</mark>")
-}, C = [
-  [
-    { icon: "Undo", label: "Undo", run: (e) => c.undo(e) },
-    { icon: "Redo", label: "Redo", run: (e) => c.redo(e) }
-  ],
-  [
-    {
-      icon: "Heading1",
-      label: "Heading 1",
-      run: (e) => c.heading(e, 1)
-    },
-    {
-      icon: "Heading2",
-      label: "Heading 2",
-      run: (e) => c.heading(e, 2)
-    },
-    {
-      icon: "Heading3",
-      label: "Heading 3",
-      run: (e) => c.heading(e, 3)
-    }
-  ],
-  [
-    { icon: "Bold", label: "Bold", run: (e) => c.bold(e) },
-    { icon: "Italic", label: "Italic", run: (e) => c.italic(e) },
-    {
-      icon: "Underline",
-      label: "Underline",
-      run: (e) => c.underline(e)
-    },
-    {
-      icon: "Strikethrough",
-      label: "Strikethrough",
-      run: (e) => c.strike(e)
-    },
-    {
-      icon: "Code",
-      label: "Inline code",
-      run: (e) => c.inlineCode(e)
-    },
-    {
-      icon: "Highlighter",
-      label: "Highlight",
-      run: (e) => c.highlight(e)
-    }
-  ],
-  [
-    {
-      icon: "List",
-      label: "Bullet list",
-      run: (e) => c.bulletList(e)
-    },
-    {
-      icon: "ListOrdered",
-      label: "Numbered list",
-      run: (e) => c.orderedList(e)
-    },
-    {
-      icon: "ListChecks",
-      label: "To-do list",
-      run: (e) => c.taskList(e)
-    },
-    { icon: "TextQuote", label: "Quote", run: (e) => c.blockquote(e) }
-  ],
-  [
-    // Inserts [text](url) inline and selects `url` to type over.
-    { icon: "Link", label: "Link", run: (e) => c.link(e) },
-    { icon: "Image", label: "Image", run: () => {
-    }, upload: !0 },
-    {
-      icon: "Braces",
-      label: "Code block",
-      run: (e) => c.codeBlock(e)
-    },
-    { icon: "Table", label: "Table", run: (e) => c.table(e) },
-    {
-      icon: "Minus",
-      label: "Divider",
-      run: (e) => c.horizontalRule(e)
-    }
-  ]
-], B = 3, M = C.slice(0, B), T = C.slice(B), U = "!h-6 !w-6 !min-w-0", W = 560, j = () => /* @__PURE__ */ d.jsx("div", { className: "w-[1px] h-4 vertical-divider mx-1" });
-function Q({
-  view: e,
-  ipfsImageUploadFn: t,
-  onError: o
-}) {
-  const s = (i) => {
-    const a = document.createElement("input");
-    a.type = "file", a.accept = "image/*", a.onchange = async () => {
-      var L;
-      const h = (L = a.files) == null ? void 0 : L[0];
-      if (!(!h || !h.type.includes("image/")))
-        try {
-          if (t) {
-            const g = await t(h);
-            z(i, {
-              src: URL.createObjectURL(h),
-              ipfsUrl: g.ipfsUrl,
-              encryptionKey: g.encryptionKey,
-              nonce: g.nonce,
-              ipfsHash: g.ipfsHash,
-              authTag: g.authTag,
-              mimeType: h.type
-            });
-          } else {
-            const g = await new Promise((H, $) => {
-              const x = new FileReader();
-              x.onload = () => H(x.result), x.onerror = $, x.readAsDataURL(h);
-            });
-            G(i, g);
-          }
-        } catch {
-          o == null || o("Failed to upload image");
-        }
-    }, a.click();
-  }, l = (i, a) => {
-    if (i.upload) {
-      s(a);
-      return;
-    }
-    i.run(a);
-  }, n = I(null), [u, r] = N(!1);
-  D(() => {
-    const i = n.current;
-    if (!i || typeof ResizeObserver > "u") return;
-    const a = () => r(i.clientWidth < W);
-    a();
-    const h = new ResizeObserver(a);
-    return h.observe(i), () => h.disconnect();
-  }, []);
-  const m = (i) => /* @__PURE__ */ d.jsx(R, { text: i.label, children: /* @__PURE__ */ d.jsx(
-    O,
-    {
-      variant: "ghost",
-      size: "sm",
-      className: U,
-      icon: i.icon,
-      disabled: !e,
-      onClick: () => e && l(i, e)
-    }
-  ) }, i.label), b = (i, a) => /* @__PURE__ */ d.jsxs("div", { className: "flex items-center gap-0.5", children: [
-    a && /* @__PURE__ */ d.jsx(j, {}),
-    i.map(m)
-  ] }, i[0].label);
-  return /* @__PURE__ */ d.jsx("div", { className: "flex items-center px-2 py-2 border-b color-border-default shrink-0", children: /* @__PURE__ */ d.jsxs(
-    "div",
-    {
-      ref: n,
-      className: "flex items-center gap-0.5 flex-1 min-w-0 overflow-hidden",
-      children: [
-        M.map((i, a) => b(i, a > 0)),
-        u ? /* @__PURE__ */ d.jsxs("div", { className: "flex items-center gap-0.5", children: [
-          /* @__PURE__ */ d.jsx(j, {}),
-          /* @__PURE__ */ d.jsx(
-            E,
-            {
-              align: "start",
-              sideOffset: 8,
-              anchorTrigger: /* @__PURE__ */ d.jsx(R, { text: "More", children: /* @__PURE__ */ d.jsx(
-                O,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  className: U,
-                  icon: "Ellipsis",
-                  disabled: !e
-                }
-              ) }),
-              content: /* @__PURE__ */ d.jsx("div", { className: "flex items-center gap-0.5 p-1", children: T.flat().map(m) })
-            },
-            "md-more-dropdown"
-          )
-        ] }) : T.map((i) => b(i, !0))
-      ]
-    }
-  ) });
-}
-export {
-  Q as default
-};