reactjs-tiptap-editor 0.3.8 → 0.3.10

package/lib/Excalidraw-DuV1h_du.js

@@ -0,0 +1,282 @@
+import { N as Z, n as k, m as z } from "./index-CXIIg9Sq.js";
+import { N as j, c as C, R as P, n as V, g as y } from "./dom-dataset-2RXYq9wp.js";
+import { jsxs as x, jsx as n } from "react/jsx-runtime";
+import { useState as o, useCallback as v, useEffect as T, useRef as B } from "react";
+import { w as U, x as $, A as M, y as F, z as X, F as G, B as K, K as Y } from "./RichTextEditor-CRDKX-F8.js";
+import { n as q } from "./index-D-DR0FPY.js";
+import { Resizable as J } from "re-resizable";
+let I;
+function D() {
+  try {
+    return I || (I = q()), I;
+  } catch {
+    throw new Error("Error EventEmitter");
+  }
+}
+const S = "OPEN_EXCALIDRAW_SETTING_MODAL";
+function Q(e, r) {
+  D().on(e, r);
+}
+function ee(e, r) {
+  D().off(e, r);
+}
+function fe(e) {
+  D().emit(S, e);
+}
+const te = ({ editor: e }) => {
+  const [r, u] = o(null), [c, m] = o({}), [l, h] = o({ elements: [], appState: { isLoading: !1 }, files: null }), [g, a] = o(!1), [f, p] = o(!0), [w, d] = o(null), _ = v(
+    (i) => {
+      i && import("@excalidraw/excalidraw").then((t) => {
+        u(t.Excalidraw);
+      }).catch(d).finally(() => p(!1));
+    },
+    [p]
+  ), N = v((i) => {
+    setTimeout(() => {
+      i.refresh();
+    });
+  }, []), L = v((i, t, s) => {
+    m({
+      elements: i,
+      appState: { isLoading: !1 },
+      files: s
+    });
+  }, []), b = v(() => {
+    if (!r) {
+      a(!1);
+      return;
+    }
+    e.chain().focus().setExcalidraw({ data: c }).run(), a(!1);
+  }, [r, e, c, a]);
+  return T(() => {
+    const i = (t) => {
+      (t == null ? void 0 : t.editor) === e && (a(!0), t && h(t.data));
+    };
+    return Q(S, i), () => {
+      ee(S, i);
+    };
+  }, [e, a]), T(() => {
+    !f && r && g && setTimeout(() => {
+      window.dispatchEvent(new Event("resize"));
+    }, 400);
+  }, [f, r, g]), /* @__PURE__ */ x(
+    U,
+    {
+      onOpenChange: a,
+      open: g,
+      children: [
+        /* @__PURE__ */ n($, { asChild: !0, children: /* @__PURE__ */ n(
+          M,
+          {
+            action: () => a(!0),
+            icon: "Excalidraw",
+            tooltip: "Excalidraw"
+          }
+        ) }),
+        /* @__PURE__ */ x(F, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
+          /* @__PURE__ */ n(X, { children: "Excalidraw" }),
+          /* @__PURE__ */ x("div", { style: { height: "100%", borderWidth: 1 }, children: [
+            f && /* @__PURE__ */ n("p", { children: "Loading..." }),
+            w && /* @__PURE__ */ n("p", { children: w && w.message || "Error" }),
+            /* @__PURE__ */ n(
+              "div",
+              {
+                ref: _,
+                style: { width: "100%", height: 600 },
+                children: !f && !w && r ? /* @__PURE__ */ n(
+                  r,
+                  {
+                    initialData: l,
+                    langCode: "en",
+                    onChange: L,
+                    ref: N
+                  }
+                ) : null
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n(
+            K,
+            {
+              onClick: b,
+              type: "button",
+              children: "Save changes"
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}, re = "_wrap_15k3c_1", ne = "_renderWrap_15k3c_7", ae = "_handlerWrap_15k3c_30", A = {
+  wrap: re,
+  renderWrap: ne,
+  handlerWrap: ae
+}, ie = 10, se = 200, R = 15, W = { width: "100%", height: "100%", maxWidth: "100%" };
+function oe({ editor: e, node: r, updateAttributes: u }) {
+  const c = B(null), m = e.isActive(le.name), { data: l, width: h, height: g } = r.attrs, [a, f] = o(null), [p, w] = o(!0), [d, _] = o(null), [N, L] = o(100), b = v((t) => () => {
+    L(
+      (s) => Y(t === "minus" ? s - R : s + R, ie, se)
+    );
+  }, []);
+  T(() => {
+    let t = !1;
+    return import("@excalidraw/excalidraw").then((s) => {
+      t || (c.current = s.exportToSvg);
+    }).catch((s) => !t && _(s)).finally(() => !t && w(!1)), () => {
+      t = !0;
+    };
+  }, [l]), T(() => {
+    let t = !1;
+    return (async () => {
+      if (!c.current || t || p || d || !l)
+        return;
+      const E = await c.current(l);
+      t || (E.setAttribute("width", "100%"), E.setAttribute("height", "100%"), E.setAttribute("display", "block"), f(E));
+    })(), () => {
+      t = !0;
+    };
+  }, [l, p, d]);
+  const i = (t) => {
+    u({ width: t.width, height: t.height });
+  };
+  return /* @__PURE__ */ n(j, { className: C(A.wrap, m && A.isActive), children: /* @__PURE__ */ n(
+    J,
+    {
+      size: { width: Number.parseInt(h), height: Number.parseInt(g) },
+      onResizeStop: (t, s, E, O) => {
+        i({
+          width: Number.parseInt(h) + O.width,
+          height: Number.parseInt(g) + O.height
+        });
+      },
+      children: /* @__PURE__ */ x(
+        "div",
+        {
+          className: C(A.renderWrap, "render-wrapper"),
+          style: { ...W, overflow: "hidden" },
+          children: [
+            d && /* @__PURE__ */ n("div", { style: W, children: /* @__PURE__ */ n("p", { children: d.message || d }) }),
+            p && /* @__PURE__ */ n("p", { children: "Loading..." }),
+            !p && !d && a && /* @__PURE__ */ n(
+              "div",
+              {
+                dangerouslySetInnerHTML: { __html: (a == null ? void 0 : a.outerHTML) ?? "" },
+                style: {
+                  height: "100%",
+                  maxHeight: "100%",
+                  padding: 24,
+                  overflow: "hidden",
+                  display: "flex",
+                  justifyContent: "center",
+                  alignItems: "center",
+                  transform: `scale(${N / 100})`,
+                  transition: "all ease-in-out .3s"
+                }
+              }
+            ),
+            /* @__PURE__ */ x("div", { className: A.handlerWrap, children: [
+              /* @__PURE__ */ n(
+                M,
+                {
+                  action: b("minus"),
+                  icon: "ZoomOut",
+                  tooltip: "Zoom Out"
+                }
+              ),
+              /* @__PURE__ */ n(
+                M,
+                {
+                  action: b("plus"),
+                  icon: "ZoomIn",
+                  tooltip: "Zoom In"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+}
+const H = { elements: [] }, le = /* @__PURE__ */ Z.create({
+  name: "excalidraw",
+  group: "block",
+  selectable: !0,
+  atom: !0,
+  draggable: !0,
+  inline: !1,
+  addAttributes() {
+    return {
+      defaultShowPicker: {
+        default: !1
+      },
+      createUser: {
+        default: null
+      },
+      width: {
+        default: "100%",
+        parseHTML: y("width")
+      },
+      height: {
+        default: 240,
+        parseHTML: y("height")
+      },
+      data: {
+        default: H,
+        parseHTML: y("data", !0)
+      }
+    };
+  },
+  addOptions() {
+    var e;
+    return {
+      ...(e = this.parent) == null ? void 0 : e.call(this),
+      HTMLAttributes: {
+        class: "excalidraw"
+      },
+      button: ({ editor: r }) => ({
+        component: te,
+        componentProps: {
+          editor: r
+        }
+      })
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[class=excalidraw]"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: e, node: r }) {
+    return ["div", z(this.options.HTMLAttributes, e, V(r))];
+  },
+  addCommands() {
+    return {
+      setExcalidraw: (e) => ({ tr: r, commands: u, chain: c }) => {
+        var m, l, h;
+        return e = e || {}, e.data = e.data || H, ((h = (l = (m = r.selection) == null ? void 0 : m.node) == null ? void 0 : l.type) == null ? void 0 : h.name) == this.name ? u.updateAttributes(this.name, e) : c().insertContent({
+          type: this.name,
+          attrs: e
+        }).run();
+      }
+    };
+  },
+  addNodeView() {
+    return P(oe);
+  },
+  addInputRules() {
+    return [
+      k({
+        find: /^\$excalidraw\$$/,
+        type: this.type,
+        getAttributes: () => ({ width: "100%" })
+      })
+    ];
+  }
+});
+export {
+  le as E,
+  fe as t
+};

package/lib/Excalidraw.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-CSvnpArE.cjs");require("./dom-dataset-DmsCLv1q.cjs");const e=require("./Excalidraw-BmNljVH8.cjs");exports.Excalidraw=e.Excalidraw;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-CSvnpArE.cjs");require("./dom-dataset-Cuy-pIfj.cjs");const e=require("./Excalidraw-Bj3dtbC4.cjs");exports.Excalidraw=e.Excalidraw;

package/lib/Excalidraw.d.cts

@@ -127,19 +127,19 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        imageUpload: {
+        imageGifUpload: {
             /**
-             * Add an image
+             * Add an image gif
              */
-            setImageInline: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
-             * Update an image
+             * Update an image gif
              */
-            updateImage: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
              * Set image alignment
              */
-            setAlignImage: (align: 'left' | 'center' | 'right') => ReturnType;
+            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -147,19 +147,19 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        imageGifUpload: {
+        imageUpload: {
             /**
-             * Add an image gif
+             * Add an image
              */
-            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            setImageInline: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
-             * Update an image gif
+             * Update an image
              */
-            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            updateImage: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
              * Set image alignment
              */
-            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
+            setAlignImage: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }

package/lib/Excalidraw.d.ts

@@ -127,19 +127,19 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        imageUpload: {
+        imageGifUpload: {
             /**
-             * Add an image
+             * Add an image gif
              */
-            setImageInline: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
-             * Update an image
+             * Update an image gif
              */
-            updateImage: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
              * Set image alignment
              */
-            setAlignImage: (align: 'left' | 'center' | 'right') => ReturnType;
+            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -147,19 +147,19 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        imageGifUpload: {
+        imageUpload: {
             /**
-             * Add an image gif
+             * Add an image
              */
-            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            setImageInline: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
-             * Update an image gif
+             * Update an image
              */
-            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            updateImage: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
              * Set image alignment
              */
-            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
+            setAlignImage: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }

package/lib/Excalidraw.js

@@ -1,6 +1,6 @@
 import "./index-CXIIg9Sq.js";
 import "./dom-dataset-2RXYq9wp.js";
-import { E as m } from "./Excalidraw-DwD8Qm59.js";
+import { E as m } from "./Excalidraw-DuV1h_du.js";
 export {
   m as Excalidraw
 };

package/lib/ExportPdf.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index-CSvnpArE.cjs"),d=require("./RichTextEditor-Db6oQoYY.cjs");function s(n){const t=document.createElement("iframe");t.setAttribute("style","position: absolute; width: 0; height: 0; top: 0; left: 0;"),document.body.appendChild(t),t.textContent=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index-CSvnpArE.cjs"),d=require("./RichTextEditor-ymQlnG9m.cjs");function s(n){const t=document.createElement("iframe");t.setAttribute("style","position: absolute; width: 0; height: 0; top: 0; left: 0;"),document.body.appendChild(t),t.textContent=`
     <!DOCTYPE html>
     <html lang="en">
     <head>

package/lib/ExportPdf.d.cts

@@ -119,19 +119,19 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        imageUpload: {
+        imageGifUpload: {
             /**
-             * Add an image
+             * Add an image gif
              */
-            setImageInline: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
-             * Update an image
+             * Update an image gif
              */
-            updateImage: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
              * Set image alignment
              */
-            setAlignImage: (align: 'left' | 'center' | 'right') => ReturnType;
+            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -139,19 +139,19 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        imageGifUpload: {
+        imageUpload: {
             /**
-             * Add an image gif
+             * Add an image
              */
-            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            setImageInline: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
-             * Update an image gif
+             * Update an image
              */
-            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            updateImage: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
              * Set image alignment
              */
-            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
+            setAlignImage: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }

package/lib/ExportPdf.d.ts

@@ -119,19 +119,19 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        imageUpload: {
+        imageGifUpload: {
             /**
-             * Add an image
+             * Add an image gif
              */
-            setImageInline: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
-             * Update an image
+             * Update an image gif
              */
-            updateImage: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
              * Set image alignment
              */
-            setAlignImage: (align: 'left' | 'center' | 'right') => ReturnType;
+            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -139,19 +139,19 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        imageGifUpload: {
+        imageUpload: {
             /**
-             * Add an image gif
+             * Add an image
              */
-            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            setImageInline: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
-             * Update an image gif
+             * Update an image
              */
-            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            updateImage: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
              * Set image alignment
              */
-            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
+            setAlignImage: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }

package/lib/ExportPdf.js

@@ -1,5 +1,5 @@
 import { E as c } from "./index-CXIIg9Sq.js";
-import { A as d } from "./RichTextEditor-BfYZYQb9.js";
+import { A as d } from "./RichTextEditor-CRDKX-F8.js";
 function s(n) {
   const t = document.createElement("iframe");
   t.setAttribute("style", "position: absolute; width: 0; height: 0; top: 0; left: 0;"), document.body.appendChild(t), t.textContent = `

package/lib/ExportWord.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-CSvnpArE.cjs"),s=require("docx"),t=require("prosemirror-docx"),i=require("./RichTextEditor-Db6oQoYY.cjs"),l=typeof window<"u";function c(o,e){if(l){const n=window.URL.createObjectURL(o),r=document.createElement("a");return r.href=n,r.download=e,r.click(),window.URL.revokeObjectURL(n),Promise.resolve()}return console.error("Download is not supported in Node.js"),Promise.resolve()}const u={...t.defaultNodes,hardBreak:t.defaultNodes.hard_break,codeBlock:t.defaultNodes.code_block,orderedList:t.defaultNodes.ordered_list,listItem:t.defaultNodes.list_item,bulletList:t.defaultNodes.bullet_list,horizontalRule:t.defaultNodes.horizontal_rule,image(o,e){o.renderInline(e),o.closeBlock(e)},table(o,e){o.table(e,{tableOptions:{width:{size:100,type:s.WidthType.PERCENTAGE}}})}},p=new t.DocxSerializer(u,t.defaultMarks),f=a.Extension.create({name:"exportWord",addOptions(){var o;return{...(o=this.parent)==null?void 0:o.call(this),button:({editor:e,t:n})=>({component:i.ActionButton,componentProps:{icon:"ExportWord",action:()=>{e==null||e.commands.exportToWord()},tooltip:n("editor.exportWord.tooltip"),isActive:()=>!1,disabled:!1}})}},addCommands(){return{exportToWord:()=>async({editor:o})=>{const e={getImageBuffer:async r=>{const d=await(await fetch(r)).arrayBuffer();return new Uint8Array(d)}},n=p.serialize(o.state.doc,e);return s.Packer.toBlob(n).then(r=>c(new Blob([r]),"export-document.docx")),!0}}}});exports.ExportWord=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-CSvnpArE.cjs"),s=require("docx"),t=require("prosemirror-docx"),i=require("./RichTextEditor-ymQlnG9m.cjs"),l=typeof window<"u";function c(o,e){if(l){const n=window.URL.createObjectURL(o),r=document.createElement("a");return r.href=n,r.download=e,r.click(),window.URL.revokeObjectURL(n),Promise.resolve()}return console.error("Download is not supported in Node.js"),Promise.resolve()}const u={...t.defaultNodes,hardBreak:t.defaultNodes.hard_break,codeBlock:t.defaultNodes.code_block,orderedList:t.defaultNodes.ordered_list,listItem:t.defaultNodes.list_item,bulletList:t.defaultNodes.bullet_list,horizontalRule:t.defaultNodes.horizontal_rule,image(o,e){o.renderInline(e),o.closeBlock(e)},table(o,e){o.table(e,{tableOptions:{width:{size:100,type:s.WidthType.PERCENTAGE}}})}},p=new t.DocxSerializer(u,t.defaultMarks),f=a.Extension.create({name:"exportWord",addOptions(){var o;return{...(o=this.parent)==null?void 0:o.call(this),button:({editor:e,t:n})=>({component:i.ActionButton,componentProps:{icon:"ExportWord",action:()=>{e==null||e.commands.exportToWord()},tooltip:n("editor.exportWord.tooltip"),isActive:()=>!1,disabled:!1}})}},addCommands(){return{exportToWord:()=>async({editor:o})=>{const e={getImageBuffer:async r=>{const d=await(await fetch(r)).arrayBuffer();return new Uint8Array(d)}},n=p.serialize(o.state.doc,e);return s.Packer.toBlob(n).then(r=>c(new Blob([r]),"export-document.docx")),!0}}}});exports.ExportWord=f;

package/lib/ExportWord.d.cts

@@ -190,19 +190,19 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        imageUpload: {
+        imageGifUpload: {
             /**
-             * Add an image
+             * Add an image gif
              */
-            setImageInline: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
-             * Update an image
+             * Update an image gif
              */
-            updateImage: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
              * Set image alignment
              */
-            setAlignImage: (align: 'left' | 'center' | 'right') => ReturnType;
+            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -210,19 +210,19 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        imageGifUpload: {
+        imageUpload: {
             /**
-             * Add an image gif
+             * Add an image
              */
-            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            setImageInline: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
-             * Update an image gif
+             * Update an image
              */
-            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            updateImage: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
              * Set image alignment
              */
-            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
+            setAlignImage: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }

package/lib/ExportWord.d.ts

@@ -190,19 +190,19 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        imageUpload: {
+        imageGifUpload: {
             /**
-             * Add an image
+             * Add an image gif
              */
-            setImageInline: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
-             * Update an image
+             * Update an image gif
              */
-            updateImage: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
              * Set image alignment
              */
-            setAlignImage: (align: 'left' | 'center' | 'right') => ReturnType;
+            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -210,19 +210,19 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        imageGifUpload: {
+        imageUpload: {
             /**
-             * Add an image gif
+             * Add an image
              */
-            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            setImageInline: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
-             * Update an image gif
+             * Update an image
              */
-            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            updateImage: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
              * Set image alignment
              */
-            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
+            setAlignImage: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }

package/lib/ExportWord.js

@@ -1,7 +1,7 @@
 import { E as a } from "./index-CXIIg9Sq.js";
 import { Packer as i, WidthType as c } from "docx";
 import { defaultNodes as t, DocxSerializer as d, defaultMarks as l } from "prosemirror-docx";
-import { A as p } from "./RichTextEditor-BfYZYQb9.js";
+import { A as p } from "./RichTextEditor-CRDKX-F8.js";
 const m = typeof window < "u";
 function u(e, o) {
   if (m) {

package/lib/FontFamily.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-CrxasX7b.cjs");const y=require("./index-CSvnpArE.cjs"),m=require("./index-Dz3YxLE7.cjs"),o=require("react/jsx-runtime"),F=require("react"),h=require("./ActionMenuButton-CqlhqVIW.cjs"),s=require("./RichTextEditor-Db6oQoYY.cjs"),x=y.Extension.create({name:"fontFamily",addOptions(){return{types:["textStyle"]}},addGlobalAttributes(){return[{types:this.options.types,attributes:{fontFamily:{default:null,parseHTML:t=>t.style.fontFamily,renderHTML:t=>t.fontFamily?{style:`font-family: ${t.fontFamily}`}:{}}}}]},addCommands(){return{setFontFamily:t=>({chain:i})=>i().setMark("textStyle",{fontFamily:t}).run(),unsetFontFamily:()=>({chain:t})=>t().setMark("textStyle",{fontFamily:null}).removeEmptyTextStyle().run()}}});function M(t){var r,f,d;const{t:i,lang:u}=m.useLocale(),e=F.useMemo(()=>{var a;const n=(a=t==null?void 0:t.items)==null?void 0:a.find(l=>l.isActive());return n&&!n.default?{...n}:{title:t.tooltip,font:i("editor.fontFamily.default.tooltip"),isActive:()=>!1,disabled:!1,action:()=>t.editor.chain().focus().unsetFontFamily().run()}},[i,u,t]);return o.jsxs(s.DropdownMenu,{children:[o.jsx(s.DropdownMenuTrigger,{asChild:!0,disabled:t==null?void 0:t.disabled,children:o.jsx(h.ActionMenuButton,{disabled:t==null?void 0:t.disabled,icon:"MenuDown",title:((r=e==null?void 0:e.font)==null?void 0:r.length)>7?`${(f=e==null?void 0:e.font)==null?void 0:f.slice(0,6)}...`:e==null?void 0:e.font,tooltip:t==null?void 0:t.tooltip})}),o.jsx(s.DropdownMenuContent,{className:"richtext-w-full",children:(d=t==null?void 0:t.items)==null?void 0:d.map((n,c)=>{const a=n.font===i("editor.fontFamily.default.tooltip")?{}:{fontFamily:n.font};return o.jsxs(F.Fragment,{children:[o.jsx(s.DropdownMenuCheckboxItem,{checked:(e==null?void 0:e.font)===n.font,onClick:n.action,children:o.jsx("div",{className:"richtext-ml-1 richtext-h-full",style:a,children:n.font})}),n.font===i("editor.fontFamily.default.tooltip")&&o.jsx(s.DropdownMenuSeparator,{})]},`font-family-${c}`)})})]})}const b=x.extend({addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),fontFamilyList:m.DEFAULT_FONT_FAMILY_LIST,button({editor:i,extension:u,t:e}){var a;const{extensions:r=[]}=i.extensionManager??[],f=s.ensureNameValueOptions(((a=u==null?void 0:u.options)==null?void 0:a.fontFamilyList)||[]),d=r.find(l=>l.name==="base-kit"),n=f.map(l=>({action:()=>{i.chain().focus().setFontFamily(l.value).run()},isActive:()=>i.isActive("textStyle",{fontFamily:l.value})||!1,disabled:!i.can().setFontFamily(l.value),title:l.name,font:l.value}));d&&d.options.textStyle!==!1&&n.unshift({action:()=>i.chain().focus().unsetFontFamily().run(),isActive:()=>!1,disabled:!1,font:e("editor.fontFamily.default.tooltip"),title:e("editor.fontFamily.tooltip")});const c=n.filter(l=>l.disabled).length===n.length;return{component:M,componentProps:{tooltip:e("editor.fontFamily.tooltip"),disabled:c,items:n,editor:i}}}}}});exports.DEFAULT_FONT_FAMILY_LIST=m.DEFAULT_FONT_FAMILY_LIST;exports.FontFamily=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-CrxasX7b.cjs");const y=require("./index-CSvnpArE.cjs"),m=require("./index-Dz3YxLE7.cjs"),o=require("react/jsx-runtime"),F=require("react"),h=require("./ActionMenuButton-D96eTByd.cjs"),s=require("./RichTextEditor-ymQlnG9m.cjs"),x=y.Extension.create({name:"fontFamily",addOptions(){return{types:["textStyle"]}},addGlobalAttributes(){return[{types:this.options.types,attributes:{fontFamily:{default:null,parseHTML:t=>t.style.fontFamily,renderHTML:t=>t.fontFamily?{style:`font-family: ${t.fontFamily}`}:{}}}}]},addCommands(){return{setFontFamily:t=>({chain:i})=>i().setMark("textStyle",{fontFamily:t}).run(),unsetFontFamily:()=>({chain:t})=>t().setMark("textStyle",{fontFamily:null}).removeEmptyTextStyle().run()}}});function M(t){var r,f,d;const{t:i,lang:u}=m.useLocale(),e=F.useMemo(()=>{var a;const n=(a=t==null?void 0:t.items)==null?void 0:a.find(l=>l.isActive());return n&&!n.default?{...n}:{title:t.tooltip,font:i("editor.fontFamily.default.tooltip"),isActive:()=>!1,disabled:!1,action:()=>t.editor.chain().focus().unsetFontFamily().run()}},[i,u,t]);return o.jsxs(s.DropdownMenu,{children:[o.jsx(s.DropdownMenuTrigger,{asChild:!0,disabled:t==null?void 0:t.disabled,children:o.jsx(h.ActionMenuButton,{disabled:t==null?void 0:t.disabled,icon:"MenuDown",title:((r=e==null?void 0:e.font)==null?void 0:r.length)>7?`${(f=e==null?void 0:e.font)==null?void 0:f.slice(0,6)}...`:e==null?void 0:e.font,tooltip:t==null?void 0:t.tooltip})}),o.jsx(s.DropdownMenuContent,{className:"richtext-w-full",children:(d=t==null?void 0:t.items)==null?void 0:d.map((n,c)=>{const a=n.font===i("editor.fontFamily.default.tooltip")?{}:{fontFamily:n.font};return o.jsxs(F.Fragment,{children:[o.jsx(s.DropdownMenuCheckboxItem,{checked:(e==null?void 0:e.font)===n.font,onClick:n.action,children:o.jsx("div",{className:"richtext-ml-1 richtext-h-full",style:a,children:n.font})}),n.font===i("editor.fontFamily.default.tooltip")&&o.jsx(s.DropdownMenuSeparator,{})]},`font-family-${c}`)})})]})}const b=x.extend({addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),fontFamilyList:m.DEFAULT_FONT_FAMILY_LIST,button({editor:i,extension:u,t:e}){var a;const{extensions:r=[]}=i.extensionManager??[],f=s.ensureNameValueOptions(((a=u==null?void 0:u.options)==null?void 0:a.fontFamilyList)||[]),d=r.find(l=>l.name==="base-kit"),n=f.map(l=>({action:()=>{i.chain().focus().setFontFamily(l.value).run()},isActive:()=>i.isActive("textStyle",{fontFamily:l.value})||!1,disabled:!i.can().setFontFamily(l.value),title:l.name,font:l.value}));d&&d.options.textStyle!==!1&&n.unshift({action:()=>i.chain().focus().unsetFontFamily().run(),isActive:()=>!1,disabled:!1,font:e("editor.fontFamily.default.tooltip"),title:e("editor.fontFamily.tooltip")});const c=n.filter(l=>l.disabled).length===n.length;return{component:M,componentProps:{tooltip:e("editor.fontFamily.tooltip"),disabled:c,items:n,editor:i}}}}}});exports.DEFAULT_FONT_FAMILY_LIST=m.DEFAULT_FONT_FAMILY_LIST;exports.FontFamily=b;