reactjs-tiptap-editor 0.4.1 → 1.0.0

package/lib/Excalidraw-DwBRXEtC.js

@@ -0,0 +1,345 @@
+import { N as V, n as $, m as B } from "./index-DnWWK9F_.js";
+import { N as U, R as X } from "./index-DzcKxutn.js";
+import { jsxs as _, jsx as i } from "react/jsx-runtime";
+import { useMemo as F, useState as l, useCallback as T, useEffect as M, useRef as G } from "react";
+import { A as y } from "./toggle-Cdp4IT2U.js";
+import { D as Y, a as q, b as J, c as K, d as Q } from "./dialog-PtQivpHS.js";
+import { u as ee, d as te, a as re, i as ne } from "./useButtonProps-BsEd4zYM.js";
+import { a as ie } from "./index-BPfVXs5_.js";
+import { c as H } from "./clsx-OuTLNxxd.js";
+import { Resizable as ae } from "re-resizable";
+import { n as se, g as O } from "./dom-dataset-CIEeltF6.js";
+import { B as oe } from "./button-DXMsXUEn.js";
+function ce(e) {
+  return e = e || /* @__PURE__ */ new Map(), {
+    /**
+     * A Map of event names to registered handler functions.
+     */
+    all: e,
+    /**
+     * Register an event handler for the given type.
+     * @param {string|symbol} type Type of event to listen for, or `'*'` for all events
+     * @param {Function} handler Function to call in response to given event
+     * @memberOf mitt
+     */
+    //@ts-expect-error
+    on(t, n) {
+      const r = e.get(t);
+      r ? r.push(n) : e.set(t, [n]);
+    },
+    /**
+     * Remove an event handler for the given type.
+     * If `handler` is omitted, all handlers of the given type are removed.
+     * @param {string|symbol} type Type of event to unregister `handler` from (`'*'` to remove a wildcard handler)
+     * @param {Function} [handler] Handler function to remove
+     * @memberOf mitt
+     */
+    //@ts-expect-error
+    off(t, n) {
+      const r = e.get(t);
+      r && (n ? r.splice(r.indexOf(n) >>> 0, 1) : e.set(t, []));
+    },
+    /**
+     * Invoke all handlers for the given type.
+     * If present, `'*'` handlers are invoked after type-matched handlers.
+     *
+     * Note: Manually firing '*' handlers is not supported.
+     *
+     * @param {string|symbol} type The event type to invoke
+     * @param {Any} [evt] Any value (object is recommended and powerful), passed to each handler
+     * @memberOf mitt
+     */
+    emit(t, n) {
+      let r = e.get(t);
+      r && [...r].map((s) => {
+        s(n);
+      }), r = e.get("*"), r && [...r].map((s) => {
+        s(t, n);
+      });
+    }
+  };
+}
+let S;
+function W() {
+  try {
+    return S || (S = ce()), S;
+  } catch {
+    throw new Error("Error EventEmitter");
+  }
+}
+const R = "OPEN_EXCALIDRAW_SETTING_MODAL";
+function de(e, t) {
+  W().on(e, t);
+}
+function le(e, t) {
+  W().off(e, t);
+}
+function De(e) {
+  W().emit(R, e);
+}
+function Oe() {
+  const e = ie(), t = ee(C.name), n = te(C.name), {
+    tooltipOptions: r = {},
+    isActive: s = void 0
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { editorDisabled: o } = re(s), f = F(() => (n == null ? void 0 : n.options) || {}, [n]), [c, w] = l(null), [N, E] = l({}), [D, h] = l({ elements: [], appState: { isLoading: !1 }, files: null }), [b, u] = l(!1), [x, A] = l(!0), [v, a] = l(null), d = T(
+    (p) => {
+      p && import("@excalidraw/excalidraw").then((m) => {
+        w(m.Excalidraw);
+      }).catch(a).finally(() => A(!1));
+    },
+    [A]
+  ), g = T((p) => {
+    setTimeout(() => {
+      p.refresh();
+    });
+  }, []), I = T((p, m, j) => {
+    E({
+      elements: p,
+      appState: { isLoading: !1 },
+      files: j
+    });
+  }, []), z = T(() => {
+    if (!c) {
+      u(!1);
+      return;
+    }
+    e.chain().focus().setExcalidraw({ data: N }).run(), u(!1);
+  }, [c, e, N, u]);
+  return M(() => {
+    const p = (m) => {
+      (m == null ? void 0 : m.editor) === e && (u(!0), m && h(m.data));
+    };
+    return de(R, p), () => {
+      le(R, p);
+    };
+  }, [e, u]), M(() => {
+    !x && c && b && setTimeout(() => {
+      window.dispatchEvent(new Event("resize"));
+    }, 400);
+  }, [x, c, b]), /* @__PURE__ */ _(
+    Y,
+    {
+      onOpenChange: u,
+      open: b,
+      children: [
+        /* @__PURE__ */ i(q, { asChild: !0, children: /* @__PURE__ */ i(
+          y,
+          {
+            disabled: o,
+            icon: "Excalidraw",
+            tooltip: "Excalidraw",
+            tooltipOptions: r,
+            action: () => {
+              o || u(!0);
+            }
+          }
+        ) }),
+        /* @__PURE__ */ _(J, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
+          /* @__PURE__ */ i(K, { children: "Excalidraw" }),
+          /* @__PURE__ */ _("div", { style: { height: "100%", borderWidth: 1 }, children: [
+            x && /* @__PURE__ */ i("p", { children: "Loading..." }),
+            v && /* @__PURE__ */ i("p", { children: v && v.message || "Error" }),
+            /* @__PURE__ */ i(
+              "div",
+              {
+                ref: d,
+                style: { width: "100%", height: 600 },
+                children: !x && !v && c ? /* @__PURE__ */ i(
+                  c,
+                  {
+                    initialData: D,
+                    langCode: "en",
+                    onChange: I,
+                    ref: g,
+                    ...f.excalidrawProps
+                  }
+                ) : null
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i(Q, { children: /* @__PURE__ */ i(
+            oe,
+            {
+              disabled: !c,
+              onClick: z,
+              type: "button",
+              children: "Save changes"
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+const ue = "_wrap_15k3c_1", he = "_renderWrap_15k3c_7", pe = "_handlerWrap_15k3c_30", L = {
+  wrap: ue,
+  renderWrap: he,
+  handlerWrap: pe
+}, me = 10, fe = 200, Z = 15, k = { width: "100%", height: "100%", maxWidth: "100%" };
+function ge({ editor: e, node: t, updateAttributes: n }) {
+  const r = G(null), s = e.isActive(C.name), { data: o, width: f, height: c } = t.attrs, [w, N] = l(null), [E, D] = l(!0), [h, b] = l(null), [u, x] = l(100), A = T((a) => () => {
+    x(
+      (d) => ne(a === "minus" ? d - Z : d + Z, me, fe)
+    );
+  }, []);
+  M(() => {
+    let a = !1;
+    return import("@excalidraw/excalidraw").then((d) => {
+      a || (r.current = d.exportToSvg);
+    }).catch((d) => !a && b(d)).finally(() => !a && D(!1)), () => {
+      a = !0;
+    };
+  }, [o]), M(() => {
+    let a = !1;
+    return (async () => {
+      if (!r.current || a || E || h || !o)
+        return;
+      const g = await r.current(o);
+      a || (g.setAttribute("width", "100%"), g.setAttribute("height", "100%"), g.setAttribute("display", "block"), N(g));
+    })(), () => {
+      a = !0;
+    };
+  }, [o, E, h]);
+  const v = (a) => {
+    n({ width: a.width, height: a.height });
+  };
+  return /* @__PURE__ */ i(U, { className: H(L.wrap, s && L.isActive), children: /* @__PURE__ */ i(
+    ae,
+    {
+      size: { width: Number.parseInt(f), height: Number.parseInt(c) },
+      onResizeStop: (a, d, g, I) => {
+        v({
+          width: Number.parseInt(f) + I.width,
+          height: Number.parseInt(c) + I.height
+        });
+      },
+      children: /* @__PURE__ */ _(
+        "div",
+        {
+          className: H(L.renderWrap, "render-wrapper"),
+          style: { ...k, overflow: "hidden" },
+          children: [
+            h && /* @__PURE__ */ i("div", { style: k, children: /* @__PURE__ */ i("p", { children: h.message || h }) }),
+            E && /* @__PURE__ */ i("p", { children: "Loading..." }),
+            !E && !h && w && /* @__PURE__ */ i(
+              "div",
+              {
+                dangerouslySetInnerHTML: { __html: (w == null ? void 0 : w.outerHTML) ?? "" },
+                style: {
+                  height: "100%",
+                  maxHeight: "100%",
+                  padding: 24,
+                  overflow: "hidden",
+                  display: "flex",
+                  justifyContent: "center",
+                  alignItems: "center",
+                  transform: `scale(${u / 100})`,
+                  transition: "all ease-in-out .3s"
+                }
+              }
+            ),
+            /* @__PURE__ */ _("div", { className: L.handlerWrap, children: [
+              /* @__PURE__ */ i(
+                y,
+                {
+                  action: A("minus"),
+                  icon: "ZoomOut",
+                  tooltip: "Zoom Out"
+                }
+              ),
+              /* @__PURE__ */ i(
+                y,
+                {
+                  action: A("plus"),
+                  icon: "ZoomIn",
+                  tooltip: "Zoom In"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+}
+const P = { elements: [] }, C = /* @__PURE__ */ V.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: O("width")
+      },
+      height: {
+        default: 240,
+        parseHTML: O("height")
+      },
+      data: {
+        default: P,
+        parseHTML: O("data", !0)
+      }
+    };
+  },
+  addOptions() {
+    var e;
+    return {
+      ...(e = this.parent) == null ? void 0 : e.call(this),
+      HTMLAttributes: {
+        class: "excalidraw"
+      },
+      excalidrawProps: {},
+      button: () => ({
+        componentProps: {}
+      })
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[class=excalidraw]"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: e, node: t }) {
+    return ["div", B(this.options.HTMLAttributes, e, se(t))];
+  },
+  addCommands() {
+    return {
+      setExcalidraw: (e) => ({ tr: t, commands: n, chain: r }) => {
+        var s, o, f;
+        return e = e || {}, e.data = e.data || P, ((f = (o = (s = t.selection) == null ? void 0 : s.node) == null ? void 0 : o.type) == null ? void 0 : f.name) == this.name ? n.updateAttributes(this.name, e) : r().insertContent({
+          type: this.name,
+          attrs: e
+        }).run();
+      }
+    };
+  },
+  addNodeView() {
+    return X(ge);
+  },
+  addInputRules() {
+    return [
+      $({
+        find: /^\$excalidraw\$$/,
+        type: this.type,
+        getAttributes: () => ({ width: "100%" })
+      })
+    ];
+  }
+});
+export {
+  C as E,
+  Oe as R,
+  De as t
+};

package/lib/Excalidraw-ZN3DQvDC.cjs

@@ -0,0 +1 @@
+"use strict";var V=Object.create;var W=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,G=Object.prototype.hasOwnProperty;var Y=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of X(t))!G.call(e,a)&&a!==r&&W(e,a,{get:()=>t[a],enumerable:!(n=U(t,a))||n.enumerable});return e};var k=(e,t,r)=>(r=e!=null?V(F(e)):{},Y(t||!e||!e.__esModule?W(r,"default",{value:e,enumerable:!0}):r,e));const N=require("./index-RfTlOzIr.cjs"),z=require("./index-BH4bc3jN.cjs"),s=require("react/jsx-runtime"),i=require("react"),C=require("./toggle-D41PzQLJ.cjs"),S=require("./dialog-CaCS-W5S.cjs"),I=require("./useButtonProps-C6Vpn190.cjs"),J=require("./index-DV5kbgRU.cjs"),q=require("./clsx-C11secjj.cjs"),K=require("re-resizable"),_=require("./dom-dataset-BqoJhJXt.cjs"),Q=require("./button-B12K7BJ4.cjs");function ee(e){return e=e||new Map,{all:e,on(t,r){const n=e.get(t);n?n.push(r):e.set(t,[r])},off(t,r){const n=e.get(t);n&&(r?n.splice(n.indexOf(r)>>>0,1):e.set(t,[]))},emit(t,r){let n=e.get(t);n&&[...n].map(a=>{a(r)}),n=e.get("*"),n&&[...n].map(a=>{a(t,r)})}}}let O;function y(){try{return O||(O=ee()),O}catch{throw new Error("Error EventEmitter")}}const R="OPEN_EXCALIDRAW_SETTING_MODAL";function te(e,t){y().on(e,t)}function re(e,t){y().off(e,t)}function ne(e){y().emit(R,e)}function se(){const e=J.useEditorInstance(),t=I.useButtonProps(L.name),r=I.useExtension(L.name),{tooltipOptions:n={},isActive:a=void 0}=(t==null?void 0:t.componentProps)??{},{editorDisabled:c}=I.useToggleActive(a),f=i.useMemo(()=>(r==null?void 0:r.options)||{},[r]),[l,m]=i.useState(null),[T,w]=i.useState({}),[M,h]=i.useState({elements:[],appState:{isLoading:!1},files:null}),[v,d]=i.useState(!1),[E,A]=i.useState(!0),[b,o]=i.useState(null),u=i.useCallback(p=>{p&&import("@excalidraw/excalidraw").then(g=>{m(g.Excalidraw)}).catch(o).finally(()=>A(!1))},[A]),x=i.useCallback(p=>{setTimeout(()=>{p.refresh()})},[]),j=i.useCallback((p,g,B)=>{w({elements:p,appState:{isLoading:!1},files:B})},[]),$=i.useCallback(()=>{if(!l){d(!1);return}e.chain().focus().setExcalidraw({data:T}).run(),d(!1)},[l,e,T,d]);return i.useEffect(()=>{const p=g=>{(g==null?void 0:g.editor)===e&&(d(!0),g&&h(g.data))};return te(R,p),()=>{re(R,p)}},[e,d]),i.useEffect(()=>{!E&&l&&v&&setTimeout(()=>{window.dispatchEvent(new Event("resize"))},400)},[E,l,v]),s.jsxs(S.Dialog,{onOpenChange:d,open:v,children:[s.jsx(S.DialogTrigger,{asChild:!0,children:s.jsx(C.ActionButton,{disabled:c,icon:"Excalidraw",tooltip:"Excalidraw",tooltipOptions:n,action:()=>{c||d(!0)}})}),s.jsxs(S.DialogContent,{className:"richtext-z-[99999] !richtext-max-w-[1300px]",children:[s.jsx(S.DialogTitle,{children:"Excalidraw"}),s.jsxs("div",{style:{height:"100%",borderWidth:1},children:[E&&s.jsx("p",{children:"Loading..."}),b&&s.jsx("p",{children:b&&b.message||"Error"}),s.jsx("div",{ref:u,style:{width:"100%",height:600},children:!E&&!b&&l?s.jsx(l,{initialData:M,langCode:"en",onChange:j,ref:x,...f.excalidrawProps}):null})]}),s.jsx(S.DialogFooter,{children:s.jsx(Q.Button,{disabled:!l,onClick:$,type:"button",children:"Save changes"})})]})]})}const ie="_wrap_15k3c_1",ae="_renderWrap_15k3c_7",oe="_handlerWrap_15k3c_30",D={wrap:ie,renderWrap:ae,handlerWrap:oe},ce=10,le=200,H=15,P={width:"100%",height:"100%",maxWidth:"100%"};function ue({editor:e,node:t,updateAttributes:r}){const n=i.useRef(null),a=e.isActive(L.name),{data:c,width:f,height:l}=t.attrs,[m,T]=i.useState(null),[w,M]=i.useState(!0),[h,v]=i.useState(null),[d,E]=i.useState(100),A=i.useCallback(o=>()=>{E(u=>I.clamp(o==="minus"?u-H:u+H,ce,le))},[]);i.useEffect(()=>{let o=!1;return import("@excalidraw/excalidraw").then(u=>{o||(n.current=u.exportToSvg)}).catch(u=>!o&&v(u)).finally(()=>!o&&M(!1)),()=>{o=!0}},[c]),i.useEffect(()=>{let o=!1;return(async()=>{if(!n.current||o||w||h||!c)return;const x=await n.current(c);o||(x.setAttribute("width","100%"),x.setAttribute("height","100%"),x.setAttribute("display","block"),T(x))})(),()=>{o=!0}},[c,w,h]);const b=o=>{r({width:o.width,height:o.height})};return s.jsx(z.NodeViewWrapper,{className:q.clsx(D.wrap,a&&D.isActive),children:s.jsx(K.Resizable,{size:{width:Number.parseInt(f),height:Number.parseInt(l)},onResizeStop:(o,u,x,j)=>{b({width:Number.parseInt(f)+j.width,height:Number.parseInt(l)+j.height})},children:s.jsxs("div",{className:q.clsx(D.renderWrap,"render-wrapper"),style:{...P,overflow:"hidden"},children:[h&&s.jsx("div",{style:P,children:s.jsx("p",{children:h.message||h})}),w&&s.jsx("p",{children:"Loading..."}),!w&&!h&&m&&s.jsx("div",{dangerouslySetInnerHTML:{__html:(m==null?void 0:m.outerHTML)??""},style:{height:"100%",maxHeight:"100%",padding:24,overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center",transform:`scale(${d/100})`,transition:"all ease-in-out .3s"}}),s.jsxs("div",{className:D.handlerWrap,children:[s.jsx(C.ActionButton,{action:A("minus"),icon:"ZoomOut",tooltip:"Zoom Out"}),s.jsx(C.ActionButton,{action:A("plus"),icon:"ZoomIn",tooltip:"Zoom In"})]})]})})})}const Z={elements:[]},L=N.Node3.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:_.getDatasetAttribute("width")},height:{default:240,parseHTML:_.getDatasetAttribute("height")},data:{default:Z,parseHTML:_.getDatasetAttribute("data",!0)}}},addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),HTMLAttributes:{class:"excalidraw"},excalidrawProps:{},button:()=>({componentProps:{}})}},parseHTML(){return[{tag:"div[class=excalidraw]"}]},renderHTML({HTMLAttributes:e,node:t}){return["div",N.mergeAttributes(this.options.HTMLAttributes,e,_.nodeAttrsToDataset(t))]},addCommands(){return{setExcalidraw:e=>({tr:t,commands:r,chain:n})=>{var a,c,f;return e=e||{},e.data=e.data||Z,((f=(c=(a=t.selection)==null?void 0:a.node)==null?void 0:c.type)==null?void 0:f.name)==this.name?r.updateAttributes(this.name,e):n().insertContent({type:this.name,attrs:e}).run()}}},addNodeView(){return z.ReactNodeViewRenderer(ue)},addInputRules(){return[N.nodeInputRule({find:/^\$excalidraw\$$/,type:this.type,getAttributes:()=>({width:"100%"})})]}});exports.Excalidraw=L;exports.RichTextExcalidraw=se;exports.triggerOpenExcalidrawSettingModal=ne;

package/lib/Excalidraw.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-DF2Lp4HZ.cjs");require("./dom-dataset-_6-diIRQ.cjs");const e=require("./Excalidraw-BbMQhNvs.cjs");exports.Excalidraw=e.Excalidraw;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-RfTlOzIr.cjs");require("./index-BH4bc3jN.cjs");const e=require("./Excalidraw-ZN3DQvDC.cjs");require("./dom-dataset-BqoJhJXt.cjs");exports.Excalidraw=e.Excalidraw;exports.RichTextExcalidraw=e.RichTextExcalidraw;

package/lib/Excalidraw.d.cts

@@ -1,3 +1,4 @@
+import { JSX } from 'react/jsx-runtime';
 import { Node as Node_2 } from '@tiptap/core';
 
 export declare const Excalidraw: Node_2<any, any>;
@@ -10,6 +11,8 @@ export declare interface IExcalidrawAttrs {
     data?: Record<string, unknown>;
 }
 
+export declare function RichTextExcalidraw(): JSX.Element;
+
 export { }
 
 
@@ -43,11 +46,22 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -55,8 +69,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        drawer: {
+            setDrawer: (options: any, replace?: any) => ReturnType;
+            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -74,7 +89,16 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
+        };
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
         };
     }
 }
@@ -99,10 +123,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -142,22 +164,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        indent: {
-            /**
-             * Set the indent attribute
-             */
-            indent: () => ReturnType;
-            /**
-             * Set the outdent attribute
-             */
-            outdent: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         imageGifUpload: {
@@ -180,8 +186,15 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        indent: {
+            /**
+             * Set the indent attribute
+             */
+            indent: () => ReturnType;
+            /**
+             * Set the outdent attribute
+             */
+            outdent: () => ReturnType;
         };
     }
 }
@@ -189,9 +202,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
         };
     }
 }
@@ -207,20 +219,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         search: {
@@ -244,16 +242,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         twitter: {

package/lib/Excalidraw.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react/jsx-runtime';
 import { Node as Node_2 } from '@tiptap/core';
 
 export declare const Excalidraw: Node_2<any, any>;
@@ -10,6 +11,8 @@ export declare interface IExcalidrawAttrs {
     data?: Record<string, unknown>;
 }
 
+export declare function RichTextExcalidraw(): JSX.Element;
+
 export { }
 
 
@@ -43,11 +46,22 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -55,8 +69,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        drawer: {
+            setDrawer: (options: any, replace?: any) => ReturnType;
+            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -74,7 +89,16 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
+        };
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
         };
     }
 }
@@ -99,10 +123,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -142,22 +164,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        indent: {
-            /**
-             * Set the indent attribute
-             */
-            indent: () => ReturnType;
-            /**
-             * Set the outdent attribute
-             */
-            outdent: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         imageGifUpload: {
@@ -180,8 +186,15 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        indent: {
+            /**
+             * Set the indent attribute
+             */
+            indent: () => ReturnType;
+            /**
+             * Set the outdent attribute
+             */
+            outdent: () => ReturnType;
         };
     }
 }
@@ -189,9 +202,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
         };
     }
 }
@@ -207,20 +219,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         search: {
@@ -244,16 +242,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         twitter: {