reactjs-tiptap-editor 0.3.31 → 0.4.1

package/lib/SearchAndReplace.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index-ByRfqzMr.cjs"),P=require("scroll-into-view-if-needed"),a=require("react/jsx-runtime"),f=require("react"),c=require("./RichTextEditor-DWlLqTl9.cjs"),A=require("./index-D_A0TBRA.cjs");function w({editor:e,...t}){const{t:s}=A.useLocale(),[i,n]=f.useState(-1),[r,l]=f.useState([]),[o,x]=f.useState(""),[u,h]=f.useState(""),[m,C]=f.useState(!1),[T,I]=f.useState(!1);return f.useEffect(()=>{m||(x(""),h(""),n(-1),l([]),e.commands.setSearchTerm(""),e.commands.setReplaceTerm(""))},[e,m]),f.useEffect(()=>{m&&e&&e.commands&&e.commands.setSearchTerm&&e.commands.setSearchTerm(o)},[m,o,e]),f.useEffect(()=>{m&&e&&e.commands&&e.commands.setReplaceTerm&&e.commands.setReplaceTerm(u)},[m,u,e]),f.useEffect(()=>{if(!e)return;const d=e.extensionManager.extensions.find(R=>R.name===j.name);if(!d)return;const p=()=>{if(!m)return;const R=d?d.storage.currentIndex:-1,v=d?d.storage.results:[];n(E=>E!==R?R:E),l(E=>c.deepEqual(E,v)?E:v)};return c.listenEvent(c.EVENTS.SEARCH_REPLCE,p),()=>{d&&c.listenEvent(c.EVENTS.SEARCH_REPLCE,p)}},[m,e]),a.jsxs(c.Popover,{onOpenChange:C,open:m,children:[a.jsx(c.PopoverTrigger,{asChild:!0,disabled:t==null?void 0:t.disabled,children:a.jsx(c.ActionButton,{disabled:t==null?void 0:t.disabled,isActive:t==null?void 0:t.isActive,tooltip:t==null?void 0:t.tooltip,tooltipOptions:t==null?void 0:t.tooltipOptions,children:a.jsx(c.IconComponent,{name:t==null?void 0:t.icon})})}),a.jsxs(c.PopoverContent,{align:"start",className:"richtext-w-full",hideWhenDetached:!0,side:"bottom",children:[a.jsxs("div",{className:"richtext-mb-[6px] richtext-flex richtext-items-center richtext-justify-between",children:[a.jsx(c.Label,{children:s("editor.search.dialog.text")}),a.jsx("span",{className:"richtext-font-semibold",children:r.length>0?`${i+1}/${r.length}`:"0/0"})]}),a.jsxs("div",{className:"richtext-mb-[10px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5",children:[a.jsx(c.Input,{autoFocus:!0,className:"richtext-w-full",onChange:d=>x(d.target.value),placeholder:"Text",required:!0,type:"text",value:o}),a.jsx(c.Button,{className:"richtext-flex-1",disabled:r.length===0,onClick:e.commands.goToPrevSearchResult,children:a.jsx(c.IconComponent,{name:"ChevronUp"})}),a.jsx(c.Button,{className:"richtext-flex-1",disabled:r.length===0,onClick:e.commands.goToNextSearchResult,children:a.jsx(c.IconComponent,{name:"ChevronDown"})})]}),a.jsx(c.Label,{className:"richtext-mb-[6px]",children:s("editor.replace.dialog.text")}),a.jsx("div",{className:"richtext-mb-[5px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5",children:a.jsx("div",{className:"richtext-relative richtext-w-full richtext-max-w-sm richtext-items-center",children:a.jsx(c.Input,{className:"richtext-w-80",onChange:d=>h(d.target.value),placeholder:"Text",required:!0,type:"text",value:u})})}),a.jsxs("div",{className:"richtext-mb-[10px] richtext-flex richtext-items-center richtext-space-x-2",children:[a.jsx(c.Switch,{checked:T,onCheckedChange:d=>{I(d),e.commands.setCaseSensitive(d)}}),a.jsx(c.Label,{children:s("editor.replace.caseSensitive")})]}),a.jsxs("div",{className:"richtext-flex richtext-items-center richtext-gap-[10px]",children:[a.jsx(c.Button,{className:"richtext-flex-1",disabled:r.length===0,onClick:e.commands.replace,children:s("editor.replace.dialog.text")}),a.jsx(c.Button,{className:"richtext-flex-1",disabled:r.length===0,onClick:e.commands.replaceAll,children:s("editor.replaceAll.dialog.text")})]})]})]})}const S=(e,t)=>t(e.tr);function V(e,t,s){return RegExp(t?e.replace(/[$()*+./?[\\\]^{|}-]/g,String.raw`\$&`):e,s?"gu":"gui")}function L(e,t,s){const i=[];let n=[];const r=[];let l=0;if(!t)return{decorationsToReturn:[],results:[]};e==null||e.descendants((o,x)=>{o.isText?n[l]?n[l]={text:n[l].text+o.text,pos:n[l].pos}:n[l]={text:`${o.text}`,pos:x}:l+=1}),n=n.filter(Boolean);for(const{text:o,pos:x}of n){const u=[...o.matchAll(t)];for(const h of u){if(h[0]==="")break;h.index!==void 0&&r.push({from:x+h.index,to:x+h.index+h[0].length})}}for(const o of r)i.push(g.Decoration.inline(o.from,o.to,{class:s}));return{decorationsToReturn:i,results:r}}function b(e,t,{state:s,dispatch:i}){if(!t[0])return;const{from:r,to:l}=t[0];i&&i(s.tr.insertText(e,r,l))}function y(e,t,s,i){const n=t+1;if(!i[n])return null;const{from:r,to:l}=i[t],o=l-r-e.length+s,{from:x,to:u}=i[n];return i[n]={to:u-o,from:x-o},[o,i]}function D(e,t,{tr:s,dispatch:i}){let n=0,r=t.slice();if(r.length===0)return!1;for(let l=0;l<r.length;l+=1){const{from:o,to:x}=r[l];s.insertText(e,o,x);const u=y(e,l,n,r);u&&(n=u[0],r=u[1])}return i(s),!0}function N({view:e,tr:t,searchResults:s,searchResultCurrentClass:i,gotoIndex:n}){const r=s[n];if(r){const l=t.setMeta("directDecoration",{fromPos:r.from,toPos:r.to,attrs:{class:i}});return e==null||e.dispatch(l),setTimeout(()=>{const o=window.document.querySelector(`.${i}`);o&&P(o,{behavior:"smooth",scrollMode:"if-needed"})},0),!0}return!1}const j=g.Extension.create({name:"search",addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),searchTerm:"",replaceTerm:"",results:[],currentIndex:0,searchResultClass:"search-result",searchResultCurrentClass:"search-result-current",caseSensitive:!1,disableRegex:!1,onChange:()=>{},button:({editor:t,t:s})=>({component:w,componentProps:{action:()=>{},icon:"SearchAndReplace",tooltip:s("editor.searchAndReplace.tooltip"),isActive:()=>!1,disabled:!1,editor:t}})}},addStorage(){return{results:[],currentIndex:-1}},addCommands(){return{setSearchTerm:e=>({state:t,dispatch:s})=>(this.options.searchTerm=e,this.storage.results=[],this.storage.currentIndex=0,c.dispatchEvent(c.EVENTS.SEARCH_REPLCE),S(t,s),!1),setReplaceTerm:e=>({state:t,dispatch:s})=>(this.options.replaceTerm=e,S(t,s),!1),setCaseSensitive:e=>({state:t,dispatch:s})=>(this.options.caseSensitive=e,S(t,s),!1),replace:()=>({state:e,dispatch:t})=>{const{replaceTerm:s}=this.options,{currentIndex:i,results:n}=this.storage,r=n[i];return r?(b(s,[r],{state:e,dispatch:t}),this.storage.results.splice(i,1)):(b(s,n,{state:e,dispatch:t}),this.storage.results.shift()),c.dispatchEvent(c.EVENTS.SEARCH_REPLCE),S(e,t),!1},replaceAll:()=>({state:e,tr:t,dispatch:s})=>{const{replaceTerm:i}=this.options,{results:n}=this.storage;return D(i,n,{tr:t,dispatch:s}),this.storage.currentIndex=-1,this.storage.results=[],c.dispatchEvent(c.EVENTS.SEARCH_REPLCE),S(e,s),!1},goToPrevSearchResult:()=>({view:e,tr:t})=>{const{searchResultCurrentClass:s}=this.options,{currentIndex:i,results:n}=this.storage,r=(i+n.length-1)%n.length;return this.storage.currentIndex=r,c.dispatchEvent(c.EVENTS.SEARCH_REPLCE),N({view:e,tr:t,searchResults:n,searchResultCurrentClass:s,gotoIndex:r})},goToNextSearchResult:()=>({view:e,tr:t})=>{const{searchResultCurrentClass:s}=this.options,{currentIndex:i,results:n}=this.storage,r=(i+1)%n.length;return this.storage.currentIndex=r,this.options.onChange&&this.options.onChange(),c.dispatchEvent(c.EVENTS.SEARCH_REPLCE),N({view:e,tr:t,searchResults:n,searchResultCurrentClass:s,gotoIndex:r})}}},addProseMirrorPlugins(){const e=this;return[new g.Plugin({key:new g.PluginKey("search"),state:{init(){return g.DecorationSet.empty},apply(t){const{doc:s,docChanged:i}=t,{searchTerm:n,searchResultClass:r,searchResultCurrentClass:l,disableRegex:o,caseSensitive:x}=e.options;if(i||n){const{decorationsToReturn:u,results:h}=L(s,V(n,o,x),r);if(e.storage.results=h,e.storage.currentIndex>h.length-1&&(e.storage.currentIndex=0),c.dispatchEvent(c.EVENTS.SEARCH_REPLCE),t.getMeta("directDecoration")){const{fromPos:m,toPos:C,attrs:T}=t.getMeta("directDecoration");u.push(g.Decoration.inline(m,C,T))}else h.length>0&&(u[0]=g.Decoration.inline(h[0].from,h[0].to,{class:l}));return g.DecorationSet.create(s,u)}return g.DecorationSet.empty}},props:{decorations(t){return this.getState(t)}}})]}});exports.SearchAndReplace=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index-DF2Lp4HZ.cjs"),r=require("react/jsx-runtime"),f=require("react"),u=require("./RichTextEditor-CxvwGvQG.cjs"),L=require("./index-6D1J-A-o.cjs");function B({editor:e,...t}){const{t:s}=L.useLocale(),[n,i]=f.useState(!1),[a,c]=f.useState(""),[o,h]=f.useState(""),[l,g]=f.useState(!1),[d,m]=f.useState(""),R=()=>{var x,I,T,C;m(`${((I=(x=e==null?void 0:e.storage)==null?void 0:x.searchAndReplace)==null?void 0:I.resultIndex)+1}/${(C=(T=e==null?void 0:e.storage)==null?void 0:T.searchAndReplace)==null?void 0:C.results.length}`)};f.useEffect(()=>{e&&R()},[e]);const A=(x=!1)=>{e&&(x&&e.commands.resetIndex(),e.commands.setSearchTerm(a),e.commands.setReplaceTerm(o),e.commands.setCaseSensitive(l),R())},v=()=>{if(!e)return;const{results:x,resultIndex:I}=e.storage.searchAndReplace,T=x[I];if(!T)return;e.commands.setTextSelection(T);const{node:C}=e.view.domAtPos(e.state.selection.anchor);C instanceof HTMLElement&&C.scrollIntoView({behavior:"smooth",block:"center"}),R()};f.useEffect(()=>{a.trim()||j(),a.trim()&&A(!0)},[a]),f.useEffect(()=>{o.trim()&&A()},[o]),f.useEffect(()=>{A(!0)},[l]);const b=()=>{e==null||e.commands.replace(),v()},y=()=>{e==null||e.commands.nextSearchResult(),v()},P=()=>{e==null||e.commands.previousSearchResult(),v()},j=()=>{c(""),h(""),e.commands.resetIndex(),R()},k=()=>{e==null||e.commands.replaceAll(),m("0/0")};return r.jsxs(u.Popover,{onOpenChange:i,open:n,children:[r.jsx(u.PopoverTrigger,{asChild:!0,disabled:t==null?void 0:t.disabled,children:r.jsx(u.ActionButton,{disabled:t==null?void 0:t.disabled,isActive:t==null?void 0:t.isActive,tooltip:t==null?void 0:t.tooltip,tooltipOptions:t==null?void 0:t.tooltipOptions,children:r.jsx(u.IconComponent,{name:t==null?void 0:t.icon})})}),r.jsxs(u.PopoverContent,{align:"start",className:"richtext-w-full",hideWhenDetached:!0,side:"bottom",children:[r.jsxs("div",{className:"richtext-mb-[6px] richtext-flex richtext-items-center richtext-justify-between",children:[r.jsx(u.Label,{children:s("editor.search.dialog.text")}),r.jsx("span",{className:"richtext-font-semibold",children:d})]}),r.jsxs("div",{className:"richtext-mb-[10px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5",children:[r.jsx(u.Input,{autoFocus:!0,className:"richtext-w-full",onChange:x=>c(x.target.value),placeholder:"Text",required:!0,type:"text",value:a}),r.jsx(u.Button,{className:"richtext-flex-1",onClick:P,children:r.jsx(u.IconComponent,{name:"ChevronUp"})}),r.jsx(u.Button,{className:"richtext-flex-1",onClick:y,children:r.jsx(u.IconComponent,{name:"ChevronDown"})}),r.jsx(u.Button,{className:"richtext-flex-1",onClick:j,children:"Clear"})]}),r.jsx(u.Label,{className:"richtext-mb-[6px]",children:s("editor.replace.dialog.text")}),r.jsx("div",{className:"richtext-mb-[5px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5",children:r.jsx("div",{className:"richtext-relative richtext-w-full richtext-max-w-sm richtext-items-center",children:r.jsx(u.Input,{className:"richtext-w-80",onChange:x=>h(x.target.value),placeholder:"Text",required:!0,type:"text",value:o})})}),r.jsxs("div",{className:"richtext-mb-[10px] richtext-flex richtext-items-center richtext-space-x-2",children:[r.jsx(u.Switch,{checked:l,onCheckedChange:x=>{g(x),e.commands.setCaseSensitive(x)}}),r.jsx(u.Label,{children:s("editor.replace.caseSensitive")})]}),r.jsxs("div",{className:"richtext-flex richtext-items-center richtext-gap-[10px]",children:[r.jsx(u.Button,{className:"richtext-flex-1",onClick:b,children:s("editor.replace.dialog.text")}),r.jsx(u.Button,{className:"richtext-flex-1",onClick:k,children:s("editor.replaceAll.dialog.text")})]})]})]})}const S=(e,t)=>t(e.tr);function $(e,t,s){return RegExp(t?e.replace(/[$()*+.?[\\\]^{|}]/g,String.raw`\$&`):e,s?"gu":"gui")}function q(e,t,s,n){const i=[],a=[];let c=[],o=0;if(!t)return{decorationsToReturn:p.DecorationSet.empty,results:[]};e==null||e.descendants((h,l)=>{h.isText?c[o]?c[o]={text:c[o].text+h.text,pos:c[o].pos}:c[o]={text:`${h.text}`,pos:l}:o+=1}),c=c.filter(Boolean);for(const h of c){const{text:l,pos:g}=h,d=Array.from(l.matchAll(t)).filter(([m])=>m.trim());for(const m of d){if(m[0]==="")break;m.index!==void 0&&a.push({from:g+m.index,to:g+m.index+m[0].length})}}for(const[h,l]of a.entries()){const g=h===n?`${s} ${s}-current`:s,d=p.Decoration.inline(l.from,l.to,{class:g});i.push(d)}return{decorationsToReturn:p.DecorationSet.create(e,i),results:a}}function N(e,t,{state:s,dispatch:n}){if(!t[0])return;const{from:a,to:c}=t[0];n&&n(s.tr.insertText(e,a,c))}function D(e,t,s,n){const i=t+1;if(!n[i])return null;const{from:a,to:c}=n[t],o=c-a-e.length+s,{from:h,to:l}=n[i];return n[i]={to:l-o,from:h-o},[o,n]}function E(e,t,{tr:s,dispatch:n}){let i=0,a=t.slice();if(a.length!==0){for(let c=0;c<a.length;c+=1){const{from:o,to:h}=a[c];s.insertText(e,o,h);const l=D(e,c,i,a);l&&(i=l[0],a=l[1])}n(s)}}const w=new p.PluginKey("searchAndReplacePlugin"),O=p.Extension.create({name:"searchAndReplace",addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),searchTerm:"",replaceTerm:"",results:[],searchResultClass:"search-result",searchResultCurrentClass:"search-result-current",caseSensitive:!1,disableRegex:!0,onChange:()=>{},button:({editor:t,t:s})=>({component:B,componentProps:{action:()=>{},icon:"SearchAndReplace",tooltip:s("editor.searchAndReplace.tooltip"),isActive:()=>!1,disabled:!1,editor:t}})}},addStorage(){return{searchTerm:"",replaceTerm:"",results:[],lastSearchTerm:"",caseSensitive:!1,lastCaseSensitive:!1,resultIndex:0,lastResultIndex:0}},addCommands(){return{setSearchTerm:e=>({editor:t,state:s,dispatch:n})=>(t.storage.searchAndReplace.searchTerm=e,S(s,n),!1),setReplaceTerm:e=>({editor:t,state:s,dispatch:n})=>(t.storage.searchAndReplace.replaceTerm=e,S(s,n),!1),setCaseSensitive:e=>({editor:t,state:s,dispatch:n})=>(t.storage.searchAndReplace.caseSensitive=e,S(s,n),!1),resetIndex:()=>({editor:e,state:t,dispatch:s})=>(e.storage.searchAndReplace.resultIndex=0,S(t,s),!1),nextSearchResult:()=>({editor:e})=>{const{results:t,resultIndex:s}=e.storage.searchAndReplace,n=s+1;return t[n]?e.storage.searchAndReplace.resultIndex=n:e.storage.searchAndReplace.resultIndex=0,!1},previousSearchResult:()=>({editor:e})=>{const{results:t,resultIndex:s}=e.storage.searchAndReplace,n=s-1;return t[n]?e.storage.searchAndReplace.resultIndex=n:e.storage.searchAndReplace.resultIndex=t.length-1,!1},replace:()=>({editor:e,state:t,dispatch:s})=>{const{replaceTerm:n,results:i,resultIndex:a}=e.storage.searchAndReplace,c=i[a];return c?(N(n,[c],{state:t,dispatch:s}),e.storage.searchAndReplace.results.splice(a,1)):(N(n,i,{state:t,dispatch:s}),e.storage.searchAndReplace.results.shift()),S(t,s),!1},replaceAll:()=>({editor:e,tr:t,state:s,dispatch:n})=>{const{replaceTerm:i,results:a}=e.storage.searchAndReplace;return E(i,a,{tr:t,dispatch:n}),e.storage.searchAndReplace.resultIndex=0,e.storage.searchAndReplace.results=[],S(s,n),!1}}},addProseMirrorPlugins(){const e=this.editor,{searchResultClass:t,disableRegex:s}=this.options,n=c=>e.storage.searchAndReplace.lastSearchTerm=c,i=c=>e.storage.searchAndReplace.lastCaseSensitive=c,a=c=>e.storage.searchAndReplace.lastResultIndex=c;return[new p.Plugin({key:w,state:{init:()=>p.DecorationSet.empty,apply({doc:c,docChanged:o},h){const{searchTerm:l,lastSearchTerm:g,caseSensitive:d,lastCaseSensitive:m,resultIndex:R,lastResultIndex:A}=e.storage.searchAndReplace;if(!o&&g===l&&m===d&&A===R)return h;if(n(l),i(d),a(R),!l)return e.storage.searchAndReplace.results=[],p.DecorationSet.empty;const{decorationsToReturn:v,results:b}=q(c,$(l,s,d),t,R);return e.storage.searchAndReplace.results=b,v}},props:{decorations(c){return this.getState(c)}}})]}});exports.SearchAndReplace=O;exports.searchAndReplacePluginKey=w;

package/lib/SearchAndReplace.d.cts

@@ -1,95 +1,25 @@
-import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { PluginKey } from '@tiptap/pm/state';
+import { Range as Range_2 } from '@tiptap/core';
 
-/**
- * Represents the ButtonView function.
- */
-declare type ButtonView<T = any> = (options: ButtonViewParams<T>) => ButtonViewReturn | ButtonViewReturn[];
+export declare const SearchAndReplace: Extension<SearchAndReplaceOptions, SearchAndReplaceStorage>;
 
-/**
- * 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;
-}
-
-/**
- * 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[][];
-}
-
-declare interface Result {
-    from: number;
-    to: number;
+export declare interface SearchAndReplaceOptions {
+    searchResultClass: string;
+    disableRegex: boolean;
 }
 
-export declare const SearchAndReplace: Extension<SearchOptions, SearchStorage>;
+export declare const searchAndReplacePluginKey: PluginKey<any>;
 
-declare interface SearchOptions extends GeneralOptions<SearchOptions> {
+export declare interface SearchAndReplaceStorage {
     searchTerm: string;
     replaceTerm: string;
-    searchResultClass: string;
-    searchResultCurrentClass: string;
+    results: Range_2[];
+    lastSearchTerm: string;
     caseSensitive: boolean;
-    disableRegex: boolean;
-    onChange?: () => void;
-}
-
-declare interface SearchStorage {
-    results: Result[];
-    currentIndex: number;
+    lastCaseSensitive: boolean;
+    resultIndex: number;
+    lastResultIndex: number;
 }
 
 export { }
@@ -135,18 +65,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        emoji: {
-            setEmoji: (emoji: {
-                name: string;
-                emoji: string;
-            }) => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         excalidraw: {
@@ -238,19 +156,15 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        imageGifUpload: {
-            /**
-             * Add an image gif
-             */
-            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+        indent: {
             /**
-             * Update an image gif
+             * Set the indent attribute
              */
-            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            indent: () => ReturnType;
             /**
-             * Set image alignment
+             * Set the outdent attribute
              */
-            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
+            outdent: () => ReturnType;
         };
     }
 }
@@ -258,15 +172,19 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        indent: {
+        imageGifUpload: {
             /**
-             * Set the indent attribute
+             * Add an image gif
              */
-            indent: () => ReturnType;
+            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
-             * Set the outdent attribute
+             * Update an image gif
              */
-            outdent: () => ReturnType;
+            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            /**
+             * Set image alignment
+             */
+            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -320,16 +238,24 @@ declare module '@tiptap/core' {
         search: {
             setSearchTerm: (searchTerm: string) => ReturnType;
             setReplaceTerm: (replaceTerm: string) => ReturnType;
+            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
+            resetIndex: () => ReturnType;
+            nextSearchResult: () => ReturnType;
+            previousSearchResult: () => ReturnType;
             replace: () => ReturnType;
             replaceAll: () => ReturnType;
-            goToPrevSearchResult: () => void;
-            goToNextSearchResult: () => void;
-            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
         };
     }
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        searchAndReplace: SearchAndReplaceStorage;
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         tableOfContents: {

package/lib/SearchAndReplace.d.ts

@@ -1,95 +1,25 @@
-import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { PluginKey } from '@tiptap/pm/state';
+import { Range as Range_2 } from '@tiptap/core';
 
-/**
- * Represents the ButtonView function.
- */
-declare type ButtonView<T = any> = (options: ButtonViewParams<T>) => ButtonViewReturn | ButtonViewReturn[];
+export declare const SearchAndReplace: Extension<SearchAndReplaceOptions, SearchAndReplaceStorage>;
 
-/**
- * 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;
-}
-
-/**
- * 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[][];
-}
-
-declare interface Result {
-    from: number;
-    to: number;
+export declare interface SearchAndReplaceOptions {
+    searchResultClass: string;
+    disableRegex: boolean;
 }
 
-export declare const SearchAndReplace: Extension<SearchOptions, SearchStorage>;
+export declare const searchAndReplacePluginKey: PluginKey<any>;
 
-declare interface SearchOptions extends GeneralOptions<SearchOptions> {
+export declare interface SearchAndReplaceStorage {
     searchTerm: string;
     replaceTerm: string;
-    searchResultClass: string;
-    searchResultCurrentClass: string;
+    results: Range_2[];
+    lastSearchTerm: string;
     caseSensitive: boolean;
-    disableRegex: boolean;
-    onChange?: () => void;
-}
-
-declare interface SearchStorage {
-    results: Result[];
-    currentIndex: number;
+    lastCaseSensitive: boolean;
+    resultIndex: number;
+    lastResultIndex: number;
 }
 
 export { }
@@ -135,18 +65,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        emoji: {
-            setEmoji: (emoji: {
-                name: string;
-                emoji: string;
-            }) => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         excalidraw: {
@@ -238,19 +156,15 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        imageGifUpload: {
-            /**
-             * Add an image gif
-             */
-            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+        indent: {
             /**
-             * Update an image gif
+             * Set the indent attribute
              */
-            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            indent: () => ReturnType;
             /**
-             * Set image alignment
+             * Set the outdent attribute
              */
-            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
+            outdent: () => ReturnType;
         };
     }
 }
@@ -258,15 +172,19 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        indent: {
+        imageGifUpload: {
             /**
-             * Set the indent attribute
+             * Add an image gif
              */
-            indent: () => ReturnType;
+            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
             /**
-             * Set the outdent attribute
+             * Update an image gif
              */
-            outdent: () => ReturnType;
+            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            /**
+             * Set image alignment
+             */
+            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -320,16 +238,24 @@ declare module '@tiptap/core' {
         search: {
             setSearchTerm: (searchTerm: string) => ReturnType;
             setReplaceTerm: (replaceTerm: string) => ReturnType;
+            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
+            resetIndex: () => ReturnType;
+            nextSearchResult: () => ReturnType;
+            previousSearchResult: () => ReturnType;
             replace: () => ReturnType;
             replaceAll: () => ReturnType;
-            goToPrevSearchResult: () => void;
-            goToNextSearchResult: () => void;
-            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
         };
     }
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        searchAndReplace: SearchAndReplaceStorage;
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         tableOfContents: {