reactjs-tiptap-editor 1.0.1 → 1.0.2

package/lib/Excalidraw-DwBRXEtC.js

@@ -1,345 +0,0 @@
-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

@@ -1 +0,0 @@
-"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.d.cts

@@ -1,283 +0,0 @@
-import { JSX } from 'react/jsx-runtime';
-import { Node as Node_2 } from '@tiptap/core';
-
-export declare const Excalidraw: Node_2<any, any>;
-
-export declare interface IExcalidrawAttrs {
-    defaultShowPicker?: boolean;
-    createUser?: any;
-    width?: number | string;
-    height?: number;
-    data?: Record<string, unknown>;
-}
-
-export declare function RichTextExcalidraw(): JSX.Element;
-
-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 Storage {
-        color: ColorStorage;
-    }
-}
-
-
-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> {
-        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: (docState: any) => 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 Storage {
-        highlight: HighlightStorage;
-    }
-}
-
-
-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> {
-        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> {
-        indent: {
-            /**
-             * Set the indent attribute
-             */
-            indent: () => ReturnType;
-            /**
-             * Set the outdent attribute
-             */
-            outdent: () => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => 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> {
-        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> {
-        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;
-        };
-    }
-}