reactjs-tiptap-editor 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -700,22 +700,6 @@ declare module '@tiptap/core' {
700
700
  }
701
701
 
702
702
 
703
- declare module '@tiptap/core' {
704
- interface Commands<ReturnType> {
705
- indent: {
706
- /**
707
- * Set the indent attribute
708
- */
709
- indent: () => ReturnType;
710
- /**
711
- * Set the outdent attribute
712
- */
713
- outdent: () => ReturnType;
714
- };
715
- }
716
- }
717
-
718
-
719
703
  declare module '@tiptap/core' {
720
704
  interface Commands<ReturnType> {
721
705
  imageUpload: {
@@ -738,13 +722,15 @@ declare module '@tiptap/core' {
738
722
 
739
723
  declare module '@tiptap/core' {
740
724
  interface Commands<ReturnType> {
741
- columns: {
742
- insertColumns: (attrs?: {
743
- cols: number;
744
- }) => ReturnType;
745
- addColBefore: () => ReturnType;
746
- addColAfter: () => ReturnType;
747
- deleteCol: () => ReturnType;
725
+ indent: {
726
+ /**
727
+ * Set the indent attribute
728
+ */
729
+ indent: () => ReturnType;
730
+ /**
731
+ * Set the outdent attribute
732
+ */
733
+ outdent: () => ReturnType;
748
734
  };
749
735
  }
750
736
  }
@@ -762,14 +748,22 @@ declare module '@tiptap/core' {
762
748
 
763
749
  declare module '@tiptap/core' {
764
750
  interface Commands<ReturnType> {
765
- search: {
766
- setSearchTerm: (searchTerm: string) => ReturnType;
767
- setReplaceTerm: (replaceTerm: string) => ReturnType;
768
- replace: () => ReturnType;
769
- replaceAll: () => ReturnType;
770
- goToPrevSearchResult: () => void;
771
- goToNextSearchResult: () => void;
772
- setCaseSensitive: (caseSensitive: boolean) => ReturnType;
751
+ painter: {
752
+ setPainter: (marks: Mark[]) => ReturnType;
753
+ };
754
+ }
755
+ }
756
+
757
+
758
+ declare module '@tiptap/core' {
759
+ interface Commands<ReturnType> {
760
+ columns: {
761
+ insertColumns: (attrs?: {
762
+ cols: number;
763
+ }) => ReturnType;
764
+ addColBefore: () => ReturnType;
765
+ addColAfter: () => ReturnType;
766
+ deleteCol: () => ReturnType;
773
767
  };
774
768
  }
775
769
  }
@@ -792,8 +786,14 @@ declare module '@tiptap/core' {
792
786
 
793
787
  declare module '@tiptap/core' {
794
788
  interface Commands<ReturnType> {
795
- katex: {
796
- setKatex: (arg?: IKatexAttrs) => ReturnType;
789
+ search: {
790
+ setSearchTerm: (searchTerm: string) => ReturnType;
791
+ setReplaceTerm: (replaceTerm: string) => ReturnType;
792
+ replace: () => ReturnType;
793
+ replaceAll: () => ReturnType;
794
+ goToPrevSearchResult: () => void;
795
+ goToNextSearchResult: () => void;
796
+ setCaseSensitive: (caseSensitive: boolean) => ReturnType;
797
797
  };
798
798
  }
799
799
  }
@@ -813,8 +813,8 @@ declare module '@tiptap/core' {
813
813
 
814
814
  declare module '@tiptap/core' {
815
815
  interface Commands<ReturnType> {
816
- painter: {
817
- setPainter: (marks: Mark[]) => ReturnType;
816
+ katex: {
817
+ setKatex: (arg?: IKatexAttrs) => ReturnType;
818
818
  };
819
819
  }
820
820
  }
@@ -841,9 +841,8 @@ declare module '@tiptap/core' {
841
841
 
842
842
  declare module '@tiptap/core' {
843
843
  interface Commands<ReturnType> {
844
- mermaid: {
845
- setMermaid: (options: any, replace?: any) => ReturnType;
846
- setAlignImageMermaid: (align: 'left' | 'center' | 'right') => ReturnType;
844
+ excalidraw: {
845
+ setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
847
846
  };
848
847
  }
849
848
  }
@@ -860,14 +859,19 @@ declare module '@tiptap/core' {
860
859
 
861
860
  declare module '@tiptap/core' {
862
861
  interface Commands<ReturnType> {
863
- twitter: {
862
+ imageGifUpload: {
864
863
  /**
865
- * Insert a tweet
866
- * @param options The tweet attributes
867
- * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
864
+ * Add an image gif
868
865
  */
869
- setTweet: (options: SetTweetOptions) => ReturnType;
870
- updateTweet: (options: SetTweetOptions) => ReturnType;
866
+ setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
867
+ /**
868
+ * Update an image gif
869
+ */
870
+ updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
871
+ /**
872
+ * Set image alignment
873
+ */
874
+ setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
871
875
  };
872
876
  }
873
877
  }
@@ -875,8 +879,9 @@ declare module '@tiptap/core' {
875
879
 
876
880
  declare module '@tiptap/core' {
877
881
  interface Commands<ReturnType> {
878
- excalidraw: {
879
- setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
882
+ mermaid: {
883
+ setMermaid: (options: any, replace?: any) => ReturnType;
884
+ setAlignImageMermaid: (align: 'left' | 'center' | 'right') => ReturnType;
880
885
  };
881
886
  }
882
887
  }
@@ -884,19 +889,14 @@ declare module '@tiptap/core' {
884
889
 
885
890
  declare module '@tiptap/core' {
886
891
  interface Commands<ReturnType> {
887
- imageGifUpload: {
888
- /**
889
- * Add an image gif
890
- */
891
- setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
892
- /**
893
- * Update an image gif
894
- */
895
- updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
892
+ twitter: {
896
893
  /**
897
- * Set image alignment
894
+ * Insert a tweet
895
+ * @param options The tweet attributes
896
+ * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
898
897
  */
899
- setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
898
+ setTweet: (options: SetTweetOptions) => ReturnType;
899
+ updateTweet: (options: SetTweetOptions) => ReturnType;
900
900
  };
901
901
  }
902
902
  }
@@ -700,22 +700,6 @@ declare module '@tiptap/core' {
700
700
  }
701
701
 
702
702
 
703
- declare module '@tiptap/core' {
704
- interface Commands<ReturnType> {
705
- indent: {
706
- /**
707
- * Set the indent attribute
708
- */
709
- indent: () => ReturnType;
710
- /**
711
- * Set the outdent attribute
712
- */
713
- outdent: () => ReturnType;
714
- };
715
- }
716
- }
717
-
718
-
719
703
  declare module '@tiptap/core' {
720
704
  interface Commands<ReturnType> {
721
705
  imageUpload: {
@@ -738,13 +722,15 @@ declare module '@tiptap/core' {
738
722
 
739
723
  declare module '@tiptap/core' {
740
724
  interface Commands<ReturnType> {
741
- columns: {
742
- insertColumns: (attrs?: {
743
- cols: number;
744
- }) => ReturnType;
745
- addColBefore: () => ReturnType;
746
- addColAfter: () => ReturnType;
747
- deleteCol: () => ReturnType;
725
+ indent: {
726
+ /**
727
+ * Set the indent attribute
728
+ */
729
+ indent: () => ReturnType;
730
+ /**
731
+ * Set the outdent attribute
732
+ */
733
+ outdent: () => ReturnType;
748
734
  };
749
735
  }
750
736
  }
@@ -762,14 +748,22 @@ declare module '@tiptap/core' {
762
748
 
763
749
  declare module '@tiptap/core' {
764
750
  interface Commands<ReturnType> {
765
- search: {
766
- setSearchTerm: (searchTerm: string) => ReturnType;
767
- setReplaceTerm: (replaceTerm: string) => ReturnType;
768
- replace: () => ReturnType;
769
- replaceAll: () => ReturnType;
770
- goToPrevSearchResult: () => void;
771
- goToNextSearchResult: () => void;
772
- setCaseSensitive: (caseSensitive: boolean) => ReturnType;
751
+ painter: {
752
+ setPainter: (marks: Mark[]) => ReturnType;
753
+ };
754
+ }
755
+ }
756
+
757
+
758
+ declare module '@tiptap/core' {
759
+ interface Commands<ReturnType> {
760
+ columns: {
761
+ insertColumns: (attrs?: {
762
+ cols: number;
763
+ }) => ReturnType;
764
+ addColBefore: () => ReturnType;
765
+ addColAfter: () => ReturnType;
766
+ deleteCol: () => ReturnType;
773
767
  };
774
768
  }
775
769
  }
@@ -792,8 +786,14 @@ declare module '@tiptap/core' {
792
786
 
793
787
  declare module '@tiptap/core' {
794
788
  interface Commands<ReturnType> {
795
- katex: {
796
- setKatex: (arg?: IKatexAttrs) => ReturnType;
789
+ search: {
790
+ setSearchTerm: (searchTerm: string) => ReturnType;
791
+ setReplaceTerm: (replaceTerm: string) => ReturnType;
792
+ replace: () => ReturnType;
793
+ replaceAll: () => ReturnType;
794
+ goToPrevSearchResult: () => void;
795
+ goToNextSearchResult: () => void;
796
+ setCaseSensitive: (caseSensitive: boolean) => ReturnType;
797
797
  };
798
798
  }
799
799
  }
@@ -813,8 +813,8 @@ declare module '@tiptap/core' {
813
813
 
814
814
  declare module '@tiptap/core' {
815
815
  interface Commands<ReturnType> {
816
- painter: {
817
- setPainter: (marks: Mark[]) => ReturnType;
816
+ katex: {
817
+ setKatex: (arg?: IKatexAttrs) => ReturnType;
818
818
  };
819
819
  }
820
820
  }
@@ -841,9 +841,8 @@ declare module '@tiptap/core' {
841
841
 
842
842
  declare module '@tiptap/core' {
843
843
  interface Commands<ReturnType> {
844
- mermaid: {
845
- setMermaid: (options: any, replace?: any) => ReturnType;
846
- setAlignImageMermaid: (align: 'left' | 'center' | 'right') => ReturnType;
844
+ excalidraw: {
845
+ setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
847
846
  };
848
847
  }
849
848
  }
@@ -860,14 +859,19 @@ declare module '@tiptap/core' {
860
859
 
861
860
  declare module '@tiptap/core' {
862
861
  interface Commands<ReturnType> {
863
- twitter: {
862
+ imageGifUpload: {
864
863
  /**
865
- * Insert a tweet
866
- * @param options The tweet attributes
867
- * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
864
+ * Add an image gif
868
865
  */
869
- setTweet: (options: SetTweetOptions) => ReturnType;
870
- updateTweet: (options: SetTweetOptions) => ReturnType;
866
+ setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
867
+ /**
868
+ * Update an image gif
869
+ */
870
+ updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
871
+ /**
872
+ * Set image alignment
873
+ */
874
+ setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
871
875
  };
872
876
  }
873
877
  }
@@ -875,8 +879,9 @@ declare module '@tiptap/core' {
875
879
 
876
880
  declare module '@tiptap/core' {
877
881
  interface Commands<ReturnType> {
878
- excalidraw: {
879
- setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
882
+ mermaid: {
883
+ setMermaid: (options: any, replace?: any) => ReturnType;
884
+ setAlignImageMermaid: (align: 'left' | 'center' | 'right') => ReturnType;
880
885
  };
881
886
  }
882
887
  }
@@ -884,19 +889,14 @@ declare module '@tiptap/core' {
884
889
 
885
890
  declare module '@tiptap/core' {
886
891
  interface Commands<ReturnType> {
887
- imageGifUpload: {
888
- /**
889
- * Add an image gif
890
- */
891
- setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
892
- /**
893
- * Update an image gif
894
- */
895
- updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
892
+ twitter: {
896
893
  /**
897
- * Set image alignment
894
+ * Insert a tweet
895
+ * @param options The tweet attributes
896
+ * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
898
897
  */
899
- setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
898
+ setTweet: (options: SetTweetOptions) => ReturnType;
899
+ updateTweet: (options: SetTweetOptions) => ReturnType;
900
900
  };
901
901
  }
902
902
  }
package/lib/index.d.cts CHANGED
@@ -252,22 +252,6 @@ declare module '@tiptap/core' {
252
252
  }
253
253
 
254
254
 
255
- declare module '@tiptap/core' {
256
- interface Commands<ReturnType> {
257
- indent: {
258
- /**
259
- * Set the indent attribute
260
- */
261
- indent: () => ReturnType;
262
- /**
263
- * Set the outdent attribute
264
- */
265
- outdent: () => ReturnType;
266
- };
267
- }
268
- }
269
-
270
-
271
255
  declare module '@tiptap/core' {
272
256
  interface Commands<ReturnType> {
273
257
  imageUpload: {
@@ -290,13 +274,15 @@ declare module '@tiptap/core' {
290
274
 
291
275
  declare module '@tiptap/core' {
292
276
  interface Commands<ReturnType> {
293
- columns: {
294
- insertColumns: (attrs?: {
295
- cols: number;
296
- }) => ReturnType;
297
- addColBefore: () => ReturnType;
298
- addColAfter: () => ReturnType;
299
- deleteCol: () => ReturnType;
277
+ indent: {
278
+ /**
279
+ * Set the indent attribute
280
+ */
281
+ indent: () => ReturnType;
282
+ /**
283
+ * Set the outdent attribute
284
+ */
285
+ outdent: () => ReturnType;
300
286
  };
301
287
  }
302
288
  }
@@ -314,14 +300,22 @@ declare module '@tiptap/core' {
314
300
 
315
301
  declare module '@tiptap/core' {
316
302
  interface Commands<ReturnType> {
317
- search: {
318
- setSearchTerm: (searchTerm: string) => ReturnType;
319
- setReplaceTerm: (replaceTerm: string) => ReturnType;
320
- replace: () => ReturnType;
321
- replaceAll: () => ReturnType;
322
- goToPrevSearchResult: () => void;
323
- goToNextSearchResult: () => void;
324
- setCaseSensitive: (caseSensitive: boolean) => ReturnType;
303
+ painter: {
304
+ setPainter: (marks: Mark[]) => ReturnType;
305
+ };
306
+ }
307
+ }
308
+
309
+
310
+ declare module '@tiptap/core' {
311
+ interface Commands<ReturnType> {
312
+ columns: {
313
+ insertColumns: (attrs?: {
314
+ cols: number;
315
+ }) => ReturnType;
316
+ addColBefore: () => ReturnType;
317
+ addColAfter: () => ReturnType;
318
+ deleteCol: () => ReturnType;
325
319
  };
326
320
  }
327
321
  }
@@ -344,8 +338,14 @@ declare module '@tiptap/core' {
344
338
 
345
339
  declare module '@tiptap/core' {
346
340
  interface Commands<ReturnType> {
347
- katex: {
348
- setKatex: (arg?: IKatexAttrs) => ReturnType;
341
+ search: {
342
+ setSearchTerm: (searchTerm: string) => ReturnType;
343
+ setReplaceTerm: (replaceTerm: string) => ReturnType;
344
+ replace: () => ReturnType;
345
+ replaceAll: () => ReturnType;
346
+ goToPrevSearchResult: () => void;
347
+ goToNextSearchResult: () => void;
348
+ setCaseSensitive: (caseSensitive: boolean) => ReturnType;
349
349
  };
350
350
  }
351
351
  }
@@ -365,8 +365,8 @@ declare module '@tiptap/core' {
365
365
 
366
366
  declare module '@tiptap/core' {
367
367
  interface Commands<ReturnType> {
368
- painter: {
369
- setPainter: (marks: Mark[]) => ReturnType;
368
+ katex: {
369
+ setKatex: (arg?: IKatexAttrs) => ReturnType;
370
370
  };
371
371
  }
372
372
  }
@@ -393,9 +393,8 @@ declare module '@tiptap/core' {
393
393
 
394
394
  declare module '@tiptap/core' {
395
395
  interface Commands<ReturnType> {
396
- mermaid: {
397
- setMermaid: (options: any, replace?: any) => ReturnType;
398
- setAlignImageMermaid: (align: 'left' | 'center' | 'right') => ReturnType;
396
+ excalidraw: {
397
+ setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
399
398
  };
400
399
  }
401
400
  }
@@ -412,14 +411,19 @@ declare module '@tiptap/core' {
412
411
 
413
412
  declare module '@tiptap/core' {
414
413
  interface Commands<ReturnType> {
415
- twitter: {
414
+ imageGifUpload: {
416
415
  /**
417
- * Insert a tweet
418
- * @param options The tweet attributes
419
- * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
416
+ * Add an image gif
420
417
  */
421
- setTweet: (options: SetTweetOptions) => ReturnType;
422
- updateTweet: (options: SetTweetOptions) => ReturnType;
418
+ setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
419
+ /**
420
+ * Update an image gif
421
+ */
422
+ updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
423
+ /**
424
+ * Set image alignment
425
+ */
426
+ setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
423
427
  };
424
428
  }
425
429
  }
@@ -427,8 +431,9 @@ declare module '@tiptap/core' {
427
431
 
428
432
  declare module '@tiptap/core' {
429
433
  interface Commands<ReturnType> {
430
- excalidraw: {
431
- setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
434
+ mermaid: {
435
+ setMermaid: (options: any, replace?: any) => ReturnType;
436
+ setAlignImageMermaid: (align: 'left' | 'center' | 'right') => ReturnType;
432
437
  };
433
438
  }
434
439
  }
@@ -436,19 +441,14 @@ declare module '@tiptap/core' {
436
441
 
437
442
  declare module '@tiptap/core' {
438
443
  interface Commands<ReturnType> {
439
- imageGifUpload: {
440
- /**
441
- * Add an image gif
442
- */
443
- setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
444
- /**
445
- * Update an image gif
446
- */
447
- updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
444
+ twitter: {
448
445
  /**
449
- * Set image alignment
446
+ * Insert a tweet
447
+ * @param options The tweet attributes
448
+ * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
450
449
  */
451
- setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
450
+ setTweet: (options: SetTweetOptions) => ReturnType;
451
+ updateTweet: (options: SetTweetOptions) => ReturnType;
452
452
  };
453
453
  }
454
454
  }
package/lib/index.d.ts CHANGED
@@ -252,22 +252,6 @@ declare module '@tiptap/core' {
252
252
  }
253
253
 
254
254
 
255
- declare module '@tiptap/core' {
256
- interface Commands<ReturnType> {
257
- indent: {
258
- /**
259
- * Set the indent attribute
260
- */
261
- indent: () => ReturnType;
262
- /**
263
- * Set the outdent attribute
264
- */
265
- outdent: () => ReturnType;
266
- };
267
- }
268
- }
269
-
270
-
271
255
  declare module '@tiptap/core' {
272
256
  interface Commands<ReturnType> {
273
257
  imageUpload: {
@@ -290,13 +274,15 @@ declare module '@tiptap/core' {
290
274
 
291
275
  declare module '@tiptap/core' {
292
276
  interface Commands<ReturnType> {
293
- columns: {
294
- insertColumns: (attrs?: {
295
- cols: number;
296
- }) => ReturnType;
297
- addColBefore: () => ReturnType;
298
- addColAfter: () => ReturnType;
299
- deleteCol: () => ReturnType;
277
+ indent: {
278
+ /**
279
+ * Set the indent attribute
280
+ */
281
+ indent: () => ReturnType;
282
+ /**
283
+ * Set the outdent attribute
284
+ */
285
+ outdent: () => ReturnType;
300
286
  };
301
287
  }
302
288
  }
@@ -314,14 +300,22 @@ declare module '@tiptap/core' {
314
300
 
315
301
  declare module '@tiptap/core' {
316
302
  interface Commands<ReturnType> {
317
- search: {
318
- setSearchTerm: (searchTerm: string) => ReturnType;
319
- setReplaceTerm: (replaceTerm: string) => ReturnType;
320
- replace: () => ReturnType;
321
- replaceAll: () => ReturnType;
322
- goToPrevSearchResult: () => void;
323
- goToNextSearchResult: () => void;
324
- setCaseSensitive: (caseSensitive: boolean) => ReturnType;
303
+ painter: {
304
+ setPainter: (marks: Mark[]) => ReturnType;
305
+ };
306
+ }
307
+ }
308
+
309
+
310
+ declare module '@tiptap/core' {
311
+ interface Commands<ReturnType> {
312
+ columns: {
313
+ insertColumns: (attrs?: {
314
+ cols: number;
315
+ }) => ReturnType;
316
+ addColBefore: () => ReturnType;
317
+ addColAfter: () => ReturnType;
318
+ deleteCol: () => ReturnType;
325
319
  };
326
320
  }
327
321
  }
@@ -344,8 +338,14 @@ declare module '@tiptap/core' {
344
338
 
345
339
  declare module '@tiptap/core' {
346
340
  interface Commands<ReturnType> {
347
- katex: {
348
- setKatex: (arg?: IKatexAttrs) => ReturnType;
341
+ search: {
342
+ setSearchTerm: (searchTerm: string) => ReturnType;
343
+ setReplaceTerm: (replaceTerm: string) => ReturnType;
344
+ replace: () => ReturnType;
345
+ replaceAll: () => ReturnType;
346
+ goToPrevSearchResult: () => void;
347
+ goToNextSearchResult: () => void;
348
+ setCaseSensitive: (caseSensitive: boolean) => ReturnType;
349
349
  };
350
350
  }
351
351
  }
@@ -365,8 +365,8 @@ declare module '@tiptap/core' {
365
365
 
366
366
  declare module '@tiptap/core' {
367
367
  interface Commands<ReturnType> {
368
- painter: {
369
- setPainter: (marks: Mark[]) => ReturnType;
368
+ katex: {
369
+ setKatex: (arg?: IKatexAttrs) => ReturnType;
370
370
  };
371
371
  }
372
372
  }
@@ -393,9 +393,8 @@ declare module '@tiptap/core' {
393
393
 
394
394
  declare module '@tiptap/core' {
395
395
  interface Commands<ReturnType> {
396
- mermaid: {
397
- setMermaid: (options: any, replace?: any) => ReturnType;
398
- setAlignImageMermaid: (align: 'left' | 'center' | 'right') => ReturnType;
396
+ excalidraw: {
397
+ setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
399
398
  };
400
399
  }
401
400
  }
@@ -412,14 +411,19 @@ declare module '@tiptap/core' {
412
411
 
413
412
  declare module '@tiptap/core' {
414
413
  interface Commands<ReturnType> {
415
- twitter: {
414
+ imageGifUpload: {
416
415
  /**
417
- * Insert a tweet
418
- * @param options The tweet attributes
419
- * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
416
+ * Add an image gif
420
417
  */
421
- setTweet: (options: SetTweetOptions) => ReturnType;
422
- updateTweet: (options: SetTweetOptions) => ReturnType;
418
+ setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
419
+ /**
420
+ * Update an image gif
421
+ */
422
+ updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
423
+ /**
424
+ * Set image alignment
425
+ */
426
+ setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
423
427
  };
424
428
  }
425
429
  }
@@ -427,8 +431,9 @@ declare module '@tiptap/core' {
427
431
 
428
432
  declare module '@tiptap/core' {
429
433
  interface Commands<ReturnType> {
430
- excalidraw: {
431
- setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
434
+ mermaid: {
435
+ setMermaid: (options: any, replace?: any) => ReturnType;
436
+ setAlignImageMermaid: (align: 'left' | 'center' | 'right') => ReturnType;
432
437
  };
433
438
  }
434
439
  }
@@ -436,19 +441,14 @@ declare module '@tiptap/core' {
436
441
 
437
442
  declare module '@tiptap/core' {
438
443
  interface Commands<ReturnType> {
439
- imageGifUpload: {
440
- /**
441
- * Add an image gif
442
- */
443
- setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
444
- /**
445
- * Update an image gif
446
- */
447
- updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
444
+ twitter: {
448
445
  /**
449
- * Set image alignment
446
+ * Insert a tweet
447
+ * @param options The tweet attributes
448
+ * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
450
449
  */
451
- setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
450
+ setTweet: (options: SetTweetOptions) => ReturnType;
451
+ updateTweet: (options: SetTweetOptions) => ReturnType;
452
452
  };
453
453
  }
454
454
  }
@@ -928,22 +928,6 @@ declare module '@tiptap/core' {
928
928
  }
929
929
 
930
930
 
931
- declare module '@tiptap/core' {
932
- interface Commands<ReturnType> {
933
- indent: {
934
- /**
935
- * Set the indent attribute
936
- */
937
- indent: () => ReturnType;
938
- /**
939
- * Set the outdent attribute
940
- */
941
- outdent: () => ReturnType;
942
- };
943
- }
944
- }
945
-
946
-
947
931
  declare module '@tiptap/core' {
948
932
  interface Commands<ReturnType> {
949
933
  imageUpload: {
@@ -966,13 +950,15 @@ declare module '@tiptap/core' {
966
950
 
967
951
  declare module '@tiptap/core' {
968
952
  interface Commands<ReturnType> {
969
- columns: {
970
- insertColumns: (attrs?: {
971
- cols: number;
972
- }) => ReturnType;
973
- addColBefore: () => ReturnType;
974
- addColAfter: () => ReturnType;
975
- deleteCol: () => ReturnType;
953
+ indent: {
954
+ /**
955
+ * Set the indent attribute
956
+ */
957
+ indent: () => ReturnType;
958
+ /**
959
+ * Set the outdent attribute
960
+ */
961
+ outdent: () => ReturnType;
976
962
  };
977
963
  }
978
964
  }
@@ -990,14 +976,22 @@ declare module '@tiptap/core' {
990
976
 
991
977
  declare module '@tiptap/core' {
992
978
  interface Commands<ReturnType> {
993
- search: {
994
- setSearchTerm: (searchTerm: string) => ReturnType;
995
- setReplaceTerm: (replaceTerm: string) => ReturnType;
996
- replace: () => ReturnType;
997
- replaceAll: () => ReturnType;
998
- goToPrevSearchResult: () => void;
999
- goToNextSearchResult: () => void;
1000
- setCaseSensitive: (caseSensitive: boolean) => ReturnType;
979
+ painter: {
980
+ setPainter: (marks: Mark[]) => ReturnType;
981
+ };
982
+ }
983
+ }
984
+
985
+
986
+ declare module '@tiptap/core' {
987
+ interface Commands<ReturnType> {
988
+ columns: {
989
+ insertColumns: (attrs?: {
990
+ cols: number;
991
+ }) => ReturnType;
992
+ addColBefore: () => ReturnType;
993
+ addColAfter: () => ReturnType;
994
+ deleteCol: () => ReturnType;
1001
995
  };
1002
996
  }
1003
997
  }
@@ -1020,8 +1014,14 @@ declare module '@tiptap/core' {
1020
1014
 
1021
1015
  declare module '@tiptap/core' {
1022
1016
  interface Commands<ReturnType> {
1023
- katex: {
1024
- setKatex: (arg?: IKatexAttrs) => ReturnType;
1017
+ search: {
1018
+ setSearchTerm: (searchTerm: string) => ReturnType;
1019
+ setReplaceTerm: (replaceTerm: string) => ReturnType;
1020
+ replace: () => ReturnType;
1021
+ replaceAll: () => ReturnType;
1022
+ goToPrevSearchResult: () => void;
1023
+ goToNextSearchResult: () => void;
1024
+ setCaseSensitive: (caseSensitive: boolean) => ReturnType;
1025
1025
  };
1026
1026
  }
1027
1027
  }
@@ -1041,8 +1041,8 @@ declare module '@tiptap/core' {
1041
1041
 
1042
1042
  declare module '@tiptap/core' {
1043
1043
  interface Commands<ReturnType> {
1044
- painter: {
1045
- setPainter: (marks: Mark[]) => ReturnType;
1044
+ katex: {
1045
+ setKatex: (arg?: IKatexAttrs) => ReturnType;
1046
1046
  };
1047
1047
  }
1048
1048
  }
@@ -1069,9 +1069,8 @@ declare module '@tiptap/core' {
1069
1069
 
1070
1070
  declare module '@tiptap/core' {
1071
1071
  interface Commands<ReturnType> {
1072
- mermaid: {
1073
- setMermaid: (options: any, replace?: any) => ReturnType;
1074
- setAlignImageMermaid: (align: 'left' | 'center' | 'right') => ReturnType;
1072
+ excalidraw: {
1073
+ setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
1075
1074
  };
1076
1075
  }
1077
1076
  }
@@ -1088,14 +1087,19 @@ declare module '@tiptap/core' {
1088
1087
 
1089
1088
  declare module '@tiptap/core' {
1090
1089
  interface Commands<ReturnType> {
1091
- twitter: {
1090
+ imageGifUpload: {
1092
1091
  /**
1093
- * Insert a tweet
1094
- * @param options The tweet attributes
1095
- * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
1092
+ * Add an image gif
1096
1093
  */
1097
- setTweet: (options: SetTweetOptions) => ReturnType;
1098
- updateTweet: (options: SetTweetOptions) => ReturnType;
1094
+ setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
1095
+ /**
1096
+ * Update an image gif
1097
+ */
1098
+ updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
1099
+ /**
1100
+ * Set image alignment
1101
+ */
1102
+ setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
1099
1103
  };
1100
1104
  }
1101
1105
  }
@@ -1103,8 +1107,9 @@ declare module '@tiptap/core' {
1103
1107
 
1104
1108
  declare module '@tiptap/core' {
1105
1109
  interface Commands<ReturnType> {
1106
- excalidraw: {
1107
- setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
1110
+ mermaid: {
1111
+ setMermaid: (options: any, replace?: any) => ReturnType;
1112
+ setAlignImageMermaid: (align: 'left' | 'center' | 'right') => ReturnType;
1108
1113
  };
1109
1114
  }
1110
1115
  }
@@ -1112,19 +1117,14 @@ declare module '@tiptap/core' {
1112
1117
 
1113
1118
  declare module '@tiptap/core' {
1114
1119
  interface Commands<ReturnType> {
1115
- imageGifUpload: {
1116
- /**
1117
- * Add an image gif
1118
- */
1119
- setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
1120
- /**
1121
- * Update an image gif
1122
- */
1123
- updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
1120
+ twitter: {
1124
1121
  /**
1125
- * Set image alignment
1122
+ * Insert a tweet
1123
+ * @param options The tweet attributes
1124
+ * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
1126
1125
  */
1127
- setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
1126
+ setTweet: (options: SetTweetOptions) => ReturnType;
1127
+ updateTweet: (options: SetTweetOptions) => ReturnType;
1128
1128
  };
1129
1129
  }
1130
1130
  }
@@ -928,22 +928,6 @@ declare module '@tiptap/core' {
928
928
  }
929
929
 
930
930
 
931
- declare module '@tiptap/core' {
932
- interface Commands<ReturnType> {
933
- indent: {
934
- /**
935
- * Set the indent attribute
936
- */
937
- indent: () => ReturnType;
938
- /**
939
- * Set the outdent attribute
940
- */
941
- outdent: () => ReturnType;
942
- };
943
- }
944
- }
945
-
946
-
947
931
  declare module '@tiptap/core' {
948
932
  interface Commands<ReturnType> {
949
933
  imageUpload: {
@@ -966,13 +950,15 @@ declare module '@tiptap/core' {
966
950
 
967
951
  declare module '@tiptap/core' {
968
952
  interface Commands<ReturnType> {
969
- columns: {
970
- insertColumns: (attrs?: {
971
- cols: number;
972
- }) => ReturnType;
973
- addColBefore: () => ReturnType;
974
- addColAfter: () => ReturnType;
975
- deleteCol: () => ReturnType;
953
+ indent: {
954
+ /**
955
+ * Set the indent attribute
956
+ */
957
+ indent: () => ReturnType;
958
+ /**
959
+ * Set the outdent attribute
960
+ */
961
+ outdent: () => ReturnType;
976
962
  };
977
963
  }
978
964
  }
@@ -990,14 +976,22 @@ declare module '@tiptap/core' {
990
976
 
991
977
  declare module '@tiptap/core' {
992
978
  interface Commands<ReturnType> {
993
- search: {
994
- setSearchTerm: (searchTerm: string) => ReturnType;
995
- setReplaceTerm: (replaceTerm: string) => ReturnType;
996
- replace: () => ReturnType;
997
- replaceAll: () => ReturnType;
998
- goToPrevSearchResult: () => void;
999
- goToNextSearchResult: () => void;
1000
- setCaseSensitive: (caseSensitive: boolean) => ReturnType;
979
+ painter: {
980
+ setPainter: (marks: Mark[]) => ReturnType;
981
+ };
982
+ }
983
+ }
984
+
985
+
986
+ declare module '@tiptap/core' {
987
+ interface Commands<ReturnType> {
988
+ columns: {
989
+ insertColumns: (attrs?: {
990
+ cols: number;
991
+ }) => ReturnType;
992
+ addColBefore: () => ReturnType;
993
+ addColAfter: () => ReturnType;
994
+ deleteCol: () => ReturnType;
1001
995
  };
1002
996
  }
1003
997
  }
@@ -1020,8 +1014,14 @@ declare module '@tiptap/core' {
1020
1014
 
1021
1015
  declare module '@tiptap/core' {
1022
1016
  interface Commands<ReturnType> {
1023
- katex: {
1024
- setKatex: (arg?: IKatexAttrs) => ReturnType;
1017
+ search: {
1018
+ setSearchTerm: (searchTerm: string) => ReturnType;
1019
+ setReplaceTerm: (replaceTerm: string) => ReturnType;
1020
+ replace: () => ReturnType;
1021
+ replaceAll: () => ReturnType;
1022
+ goToPrevSearchResult: () => void;
1023
+ goToNextSearchResult: () => void;
1024
+ setCaseSensitive: (caseSensitive: boolean) => ReturnType;
1025
1025
  };
1026
1026
  }
1027
1027
  }
@@ -1041,8 +1041,8 @@ declare module '@tiptap/core' {
1041
1041
 
1042
1042
  declare module '@tiptap/core' {
1043
1043
  interface Commands<ReturnType> {
1044
- painter: {
1045
- setPainter: (marks: Mark[]) => ReturnType;
1044
+ katex: {
1045
+ setKatex: (arg?: IKatexAttrs) => ReturnType;
1046
1046
  };
1047
1047
  }
1048
1048
  }
@@ -1069,9 +1069,8 @@ declare module '@tiptap/core' {
1069
1069
 
1070
1070
  declare module '@tiptap/core' {
1071
1071
  interface Commands<ReturnType> {
1072
- mermaid: {
1073
- setMermaid: (options: any, replace?: any) => ReturnType;
1074
- setAlignImageMermaid: (align: 'left' | 'center' | 'right') => ReturnType;
1072
+ excalidraw: {
1073
+ setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
1075
1074
  };
1076
1075
  }
1077
1076
  }
@@ -1088,14 +1087,19 @@ declare module '@tiptap/core' {
1088
1087
 
1089
1088
  declare module '@tiptap/core' {
1090
1089
  interface Commands<ReturnType> {
1091
- twitter: {
1090
+ imageGifUpload: {
1092
1091
  /**
1093
- * Insert a tweet
1094
- * @param options The tweet attributes
1095
- * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
1092
+ * Add an image gif
1096
1093
  */
1097
- setTweet: (options: SetTweetOptions) => ReturnType;
1098
- updateTweet: (options: SetTweetOptions) => ReturnType;
1094
+ setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
1095
+ /**
1096
+ * Update an image gif
1097
+ */
1098
+ updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
1099
+ /**
1100
+ * Set image alignment
1101
+ */
1102
+ setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
1099
1103
  };
1100
1104
  }
1101
1105
  }
@@ -1103,8 +1107,9 @@ declare module '@tiptap/core' {
1103
1107
 
1104
1108
  declare module '@tiptap/core' {
1105
1109
  interface Commands<ReturnType> {
1106
- excalidraw: {
1107
- setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
1110
+ mermaid: {
1111
+ setMermaid: (options: any, replace?: any) => ReturnType;
1112
+ setAlignImageMermaid: (align: 'left' | 'center' | 'right') => ReturnType;
1108
1113
  };
1109
1114
  }
1110
1115
  }
@@ -1112,19 +1117,14 @@ declare module '@tiptap/core' {
1112
1117
 
1113
1118
  declare module '@tiptap/core' {
1114
1119
  interface Commands<ReturnType> {
1115
- imageGifUpload: {
1116
- /**
1117
- * Add an image gif
1118
- */
1119
- setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
1120
- /**
1121
- * Update an image gif
1122
- */
1123
- updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
1120
+ twitter: {
1124
1121
  /**
1125
- * Set image alignment
1122
+ * Insert a tweet
1123
+ * @param options The tweet attributes
1124
+ * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
1126
1125
  */
1127
- setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
1126
+ setTweet: (options: SetTweetOptions) => ReturnType;
1127
+ updateTweet: (options: SetTweetOptions) => ReturnType;
1128
1128
  };
1129
1129
  }
1130
1130
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "reactjs-tiptap-editor",
3
3
  "type": "module",
4
- "version": "0.2.0",
4
+ "version": "0.2.1",
5
5
  "packageManager": "pnpm@8.15.9",
6
6
  "description": "A modern WYSIWYG rich text editor based on tiptap and shadcn ui for React",
7
7
  "license": "MIT",
@@ -194,8 +194,8 @@
194
194
  "tippy.js": "^6.3.7"
195
195
  },
196
196
  "peerDependencies": {
197
- "react": "^16.8 || ^17.0 || ^18.0 || ^19.0",
198
- "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0"
197
+ "react": ">= 17.0.0",
198
+ "react-dom": ">= 17.0.0"
199
199
  },
200
200
  "devDependencies": {
201
201
  "@eslint-react/eslint-plugin": "^1.30.2",
@@ -203,9 +203,9 @@
203
203
  "@types/deep-equal": "^1.0.4",
204
204
  "@types/katex": "^0.16.7",
205
205
  "@types/lodash-es": "^4.17.12",
206
- "@types/node": "^22.13.9",
207
- "@types/react": "^19.0.10",
208
- "@types/react-dom": "^19.0.4",
206
+ "@types/node": "^20",
207
+ "@types/react": "^19",
208
+ "@types/react-dom": "^19",
209
209
  "@vitejs/plugin-react": "^4.3.4",
210
210
  "autoprefixer": "^10.4.20",
211
211
  "bumpp": "^9.11.1",