reactjs-tiptap-editor 0.4.1 → 1.0.0

package/lib/Excalidraw-BbMQhNvs.cjs

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

package/lib/Excalidraw-CVWz2Vyn.js

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

package/lib/FormatPainter.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-DF2Lp4HZ.cjs"),c=require("./RichTextEditor-CxvwGvQG.cjs"),m=i.Extension.create({name:"painter",addOptions(){var n;return{...(n=this.parent)==null?void 0:n.call(this),button:({editor:t,t:e})=>({component:c.ActionButton,componentProps:{action:()=>{t.commands.setPainter(t==null?void 0:t.state.selection.$head.marks())},icon:"PaintRoller",tooltip:e("editor.format")}})}},addCommands(){return{setPainter:n=>({view:{dispatch:t,state:{tr:e},dom:s}})=>{const a=`url("data:image/svg+xml;utf8,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#000" d="M9 22v-6H4V7q0-1.65 1.175-2.825T8 3h12v13h-5v6zM6 10h12V5h-1v4h-2V5h-1v2h-2V5H8q-.825 0-1.412.588T6 7zm0 4h12v-2H6zm0 0v-2z"/></svg>')}"), auto`;return s.style.cursor=a,t(e.setMeta("painterAction",{type:"start",marks:n})),!0}}},addProseMirrorPlugins(){return[new i.Plugin({key:new i.PluginKey("format-painter"),state:{init:()=>[],apply:(n,t)=>{const e=n.getMeta("painterAction");return e&&e.type==="start"?t=e.marks:e&&e.type==="end"&&(t=[]),t}},props:{handleDOMEvents:{mousedown(n){const t=this.getState(n.state);if(!t||t.length===0)return n.dom.style.cursor="",!1;const e=()=>{document.removeEventListener("mouseup",e);let{dispatch:s,state:{tr:r,selection:o},dom:a}=n;a.style.cursor="",r=r.removeMark(o.from,o.to);for(const u of t)u.type.name!=="link"&&(r=r.addMark(o.from,o.to,u));s(r.setMeta("painterAction",{type:"end"}))};return document.addEventListener("mouseup",e),!0}}}})]}});exports.FormatPainter=m;

package/lib/FormatPainter.d.cts

@@ -1,372 +0,0 @@
-import { Editor } from '@tiptap/react';
-import { Extension } from '@tiptap/core';
-import { Mark } from '@tiptap/pm/model';
-
-/**
- * Represents the ButtonView function.
- */
-declare type ButtonView<T = any> = (options: ButtonViewParams<T>) => ButtonViewReturn | ButtonViewReturn[];
-
-/**
- * Represents the parameters for the ButtonView function.
- */
-declare interface ButtonViewParams<T = any> {
-    /** Editor object */
-    editor: Editor;
-    /** Extension object */
-    extension: Extension<T>;
-    /** Translation function */
-    t: (path: string) => string;
-}
-
-/**
- * Represents the return value for the ButtonView component.
- */
-declare interface ButtonViewReturn {
-    /** Component */
-    component: unknown;
-    /** Component props */
-    componentProps: ButtonViewReturnComponentProps;
-    /** Component slots */
-    componentSlots?: ButtonViewReturnComponentSlots;
-}
-
-/**
- * Represents the props for the ButtonView component.
- */
-declare interface ButtonViewReturnComponentProps {
-    /** Method triggered when action is performed */
-    action?: (value?: any) => void;
-    /** Whether it is in the active state */
-    isActive?: () => boolean;
-    /** Button icon */
-    icon?: any;
-    /** Text displayed on hover */
-    tooltip?: string;
-    [x: string]: any;
-}
-
-/**
- * Represents the slots for the ButtonView component.
- */
-declare interface ButtonViewReturnComponentSlots {
-    /** Dialog slot */
-    dialog: () => any;
-    [x: string]: () => any;
-}
-
-/**
- * 格式刷
- */
-export declare const FormatPainter: Extension<FormatPainterOptions, any>;
-
-/**
- * Represents the interface for font size options, extending GeneralOptions.
- */
-export declare interface FormatPainterOptions extends GeneralOptions<FormatPainterOptions> {
-}
-
-/**
- * Represents the general options for Tiptap extensions.
- */
-declare interface GeneralOptions<T> {
-    /** Enabled divider */
-    divider: boolean;
-    /** Enabled spacer */
-    spacer: boolean;
-    /** Button view function */
-    button: ButtonView<T>;
-    /** Show on Toolbar */
-    toolbar?: boolean;
-    /** Shortcut keys override */
-    shortcutKeys?: string[] | string[][];
-}
-
-export declare interface PainterAction {
-    type: 'start' | 'end';
-    marks: Mark[];
-}
-
-export { }
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        attachment: {
-            setAttachment: (attrs?: unknown) => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        setCodeBlock: {
-            setCodeBlock: (options?: any) => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        codeView: {
-            /**
-                   * Toggle code view mode
-                   */
-            toggleCodeView: () => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        exportPdf: {
-            exportToPdf: () => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        exportWord: {
-            exportToWord: () => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        fontSize: {
-            /**
-             * Set the text font size. ex: "12px", "2em", or "small". Must be a valid
-             * CSS font-size
-             * (https://developer.mozilla.org/en-US/docs/Web/CSS/font-size).
-             */
-            setFontSize: (fontSize: string) => ReturnType;
-            /**
-             * Unset the font size
-             */
-            unsetFontSize: () => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        iframe: {
-            /**
-             * Add an iframe
-             */
-            setIframe: (options: {
-                src: string;
-                service: string;
-            }) => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        imageUpload: {
-            /**
-             * Add an image
-             */
-            setImageInline: (options: Partial<SetImageAttrsOptions>) => ReturnType;
-            /**
-             * Update an image
-             */
-            updateImage: (options: Partial<SetImageAttrsOptions>) => ReturnType;
-            /**
-             * Set image alignment
-             */
-            setAlignImage: (align: 'left' | 'center' | 'right') => ReturnType;
-        };
-    }
-}
-
-
-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: {
-            /**
-             * Add an image gif
-             */
-            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
-            /**
-             * Update an image gif
-             */
-            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
-            /**
-             * Set image alignment
-             */
-            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        mermaid: {
-            setMermaid: (options: any, replace?: any) => ReturnType;
-            setAlignImageMermaid: (align: 'left' | 'center' | 'right') => ReturnType;
-        };
-    }
-}
-
-
-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: {
-            setSearchTerm: (searchTerm: string) => ReturnType;
-            setReplaceTerm: (replaceTerm: string) => ReturnType;
-            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
-            resetIndex: () => ReturnType;
-            nextSearchResult: () => ReturnType;
-            previousSearchResult: () => ReturnType;
-            replace: () => ReturnType;
-            replaceAll: () => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Storage {
-        searchAndReplace: SearchAndReplaceStorage;
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        twitter: {
-            /**
-             * Insert a tweet
-             * @param options The tweet attributes
-             * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
-             */
-            setTweet: (options: SetTweetOptions) => ReturnType;
-            updateTweet: (options: SetTweetOptions) => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        video: {
-            /**
-             * Add an video
-             */
-            setVideo: (options: Partial<SetVideoOptions>) => ReturnType;
-            /**
-             * Update an video
-             */
-            updateVideo: (options: Partial<SetVideoOptions>) => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableCellBackground: {
-            setTableCellBackground: (color: string) => ReturnType;
-            unsetTableCellBackground: () => ReturnType;
-        };
-    }
-}