reactjs-tiptap-editor 0.4.2 → 1.0.1

package/lib/ExportPdf.d.cts

@@ -1,5 +1,6 @@
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
 
 /**
  * Represents the ButtonView function.
@@ -87,6 +88,8 @@ declare type PageMargin = '0in' | '0.25in' | '0.4in' | '0.5in' | '0.75in' | '1in
 
 declare type PaperSize = 'Legal' | 'Letter' | 'Tabloid' | 'A0' | 'A1' | 'A2' | 'A3' | 'A4' | 'A5';
 
+export declare function RichTextExportPdf(): JSX.Element;
+
 export { }
 
 
@@ -120,6 +123,27 @@ declare module '@tiptap/core' {
 }
 
 
+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: {
@@ -151,7 +175,7 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
         };
     }
 }
@@ -176,10 +200,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -264,16 +286,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         mermaid: {
@@ -284,20 +296,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         search: {
@@ -321,16 +319,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         twitter: {

package/lib/ExportPdf.d.ts

@@ -1,5 +1,6 @@
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
 
 /**
  * Represents the ButtonView function.
@@ -87,6 +88,8 @@ declare type PageMargin = '0in' | '0.25in' | '0.4in' | '0.5in' | '0.75in' | '1in
 
 declare type PaperSize = 'Legal' | 'Letter' | 'Tabloid' | 'A0' | 'A1' | 'A2' | 'A3' | 'A4' | 'A5';
 
+export declare function RichTextExportPdf(): JSX.Element;
+
 export { }
 
 
@@ -120,6 +123,27 @@ declare module '@tiptap/core' {
 }
 
 
+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: {
@@ -151,7 +175,7 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
         };
     }
 }
@@ -176,10 +200,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -264,16 +286,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         mermaid: {
@@ -284,20 +296,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         search: {
@@ -321,16 +319,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         twitter: {

package/lib/ExportPdf.js

@@ -1,35 +1,39 @@
-import { E as g } from "./index-kbO3iWqL.js";
-import { A as b } from "./RichTextEditor-DGcKEUGr.js";
-function y(e, n) {
-  var i;
+import { E as b } from "./index-DnWWK9F_.js";
+import { jsx as u, Fragment as v } from "react/jsx-runtime";
+import { A as y } from "./toggle-Cdp4IT2U.js";
+import "react";
+import "./index-BPfVXs5_.js";
+import { u as E, a as x } from "./useButtonProps-BsEd4zYM.js";
+function P(o, i) {
+  var m;
   const t = document.createElement("iframe");
   t.setAttribute(
     "style",
     "position: absolute; width: 0; height: 0; top: 0; left: 0;"
   ), document.body.appendChild(t);
-  const o = t.contentDocument || ((i = t.contentWindow) == null ? void 0 : i.document);
-  if (!o) return;
+  const e = t.contentDocument || ((m = t.contentWindow) == null ? void 0 : m.document);
+  if (!e) return;
   const {
     paperSize: s,
-    title: c = "Echo Editor",
+    title: n = "Echo Editor",
     margins: {
-      top: p,
-      right: l,
-      bottom: m,
-      left: h
+      top: a,
+      right: d,
+      bottom: r,
+      left: c
     }
-  } = n, f = `
+  } = i, p = `
     <!DOCTYPE html>
     <html lang="en">
     <head>
-      <title>${c}</title>
+      <title>${n}</title>
       <meta charset="UTF-8">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <style>
         @media print {
           @page {
             size: ${s};
-            margin: ${p} ${l} ${m} ${h}; /* top, right, bottom, left */
+            margin: ${a} ${d} ${r} ${c}; /* top, right, bottom, left */
           }
 
           body {
@@ -52,18 +56,18 @@ function y(e, n) {
     </head>
     <body>
       <div class="print-container">
-        ${e}
+        ${o}
       </div>
     </body>
     </html>
   `;
-  o.open(), o.write(f), o.close(), t.addEventListener("load", () => {
+  e.open(), e.write(p), e.close(), t.addEventListener("load", () => {
     setTimeout(() => {
-      var r, d;
+      var l, f;
       try {
-        (r = t.contentWindow) == null || r.focus(), (d = t.contentWindow) == null || d.print();
-      } catch (u) {
-        console.error("Print failed", u);
+        (l = t.contentWindow) == null || l.focus(), (f = t.contentWindow) == null || f.print();
+      } catch (g) {
+        console.error("Print failed", g);
       }
       setTimeout(() => {
         document.body.removeChild(t);
@@ -71,18 +75,42 @@ function y(e, n) {
     }, 50);
   });
 }
-function a(e, n) {
-  const t = e.getHTML();
-  return t ? (y(t, n), !0) : !1;
+function h(o, i) {
+  const t = o.getHTML();
+  return t ? (P(t, i), !0) : !1;
 }
-const x = /* @__PURE__ */ g.create({
+function j() {
+  const o = E(w.name), {
+    icon: i = void 0,
+    tooltip: t = void 0,
+    shortcutKeys: e = void 0,
+    tooltipOptions: s = {},
+    action: n = void 0,
+    isActive: a = void 0
+  } = (o == null ? void 0 : o.componentProps) ?? {}, { dataState: d, disabled: r, update: c } = x(a), p = () => {
+    r || n && (n(), c());
+  };
+  return o ? /* @__PURE__ */ u(
+    y,
+    {
+      action: p,
+      dataState: d,
+      disabled: r,
+      icon: i,
+      shortcutKeys: e,
+      tooltip: t,
+      tooltipOptions: s
+    }
+  ) : /* @__PURE__ */ u(v, {});
+}
+const w = /* @__PURE__ */ b.create({
   name: "exportPdf",
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-expect-error
   addOptions() {
-    var e;
+    var o;
     return {
-      ...(e = this.parent) == null ? void 0 : e.call(this),
+      ...(o = this.parent) == null ? void 0 : o.call(this),
       paperSize: "Letter",
       title: "Echo Editor",
       margins: {
@@ -91,14 +119,13 @@ const x = /* @__PURE__ */ g.create({
         bottom: "0.4in",
         left: "0.4in"
       },
-      button: ({ editor: n, extension: t, t: o }) => ({
-        component: b,
+      button: ({ editor: i, extension: t, t: e }) => ({
         componentProps: {
           action: () => {
-            a(n, t.options);
+            h(i, t.options);
           },
           icon: "ExportPdf",
-          tooltip: o("editor.exportPdf.tooltip"),
+          tooltip: e("editor.exportPdf.tooltip"),
           isActive: () => !1,
           disabled: !1
         }
@@ -107,10 +134,11 @@ const x = /* @__PURE__ */ g.create({
   },
   addCommands() {
     return {
-      exportToPdf: () => ({ editor: e }) => a(e, this.options)
+      exportToPdf: () => ({ editor: o }) => h(o, this.options)
     };
   }
 });
 export {
-  x as ExportPdf
+  w as ExportPdf,
+  j as RichTextExportPdf
 };

package/lib/ExportWord.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index-DF2Lp4HZ.cjs"),e=require("prosemirror-docx"),s=require("./RichTextEditor-CxvwGvQG.cjs");({...e.defaultNodes,hardBreak:e.defaultNodes.hard_break,codeBlock:e.defaultNodes.code_block,orderedList:e.defaultNodes.ordered_list,listItem:e.defaultNodes.list_item,bulletList:e.defaultNodes.bullet_list,horizontalRule:e.defaultNodes.horizontal_rule});const n=d.Extension.create({name:"exportWord",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button:({editor:o,t:r})=>({component:s.ActionButton,componentProps:{icon:"ExportWord",action:()=>{o==null||o.commands.exportToWord()},tooltip:r("editor.exportWord.tooltip"),isActive:()=>!1,disabled:!1}})}},addCommands(){return{exportToWord:()=>async()=>!0}}});exports.ExportWord=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./index-RfTlOzIr.cjs"),u=require("docx"),n=require("prosemirror-docx"),i=require("react/jsx-runtime"),g=require("./toggle-D41PzQLJ.cjs"),y=require("react");require("./index-DV5kbgRU.cjs");const l=require("./useButtonProps-C6Vpn190.cjs"),B=typeof window<"u";function v(o,e){if(B){const r=window.URL.createObjectURL(o),t=document.createElement("a");return t.href=r,t.download=e,t.click(),window.URL.revokeObjectURL(r),Promise.resolve()}return console.error("Download is not supported in Node.js"),Promise.resolve()}function E(){const o=l.useButtonProps(p.name),[e,r]=y.useState(!1),{icon:t=void 0,tooltip:a=void 0,shortcutKeys:s=void 0,tooltipOptions:f={},action:c=void 0,isActive:x=void 0}=(o==null?void 0:o.componentProps)??{},{dataState:m,disabled:d,update:w}=l.useToggleActive(x),b=async()=>{d||e||c&&(r(!0),await c(),w(),r(!1))};return o?i.jsx(g.ActionButton,{action:b,dataState:m,disabled:d||e,icon:e?"Loader":t,shortcutKeys:s,tooltip:a,tooltipOptions:f}):i.jsx(i.Fragment,{})}const W={...n.defaultNodes,hardBreak:n.defaultNodes.hard_break,codeBlock:n.defaultNodes.code_block,orderedList:n.defaultNodes.ordered_list,listItem:n.defaultNodes.list_item,bulletList:n.defaultNodes.bullet_list,horizontalRule:n.defaultNodes.horizontal_rule,image(o,e){o.renderInline(e),o.closeBlock(e)},table(o,e){o.table(e,{tableOptions:{width:{size:100,type:u.WidthType.PERCENTAGE}}})}},R=new n.DocxSerializer(W,n.defaultMarks),p=h.Extension.create({name:"exportWord",addOptions(){var o;return{...(o=this.parent)==null?void 0:o.call(this),button:({editor:e,t:r})=>({componentProps:{icon:"ExportWord",action:()=>{var t;return e==null?void 0:e.commands.exportToWord((t=e==null?void 0:e.state)==null?void 0:t.doc)},tooltip:r("editor.exportWord.tooltip"),isActive:()=>!1,disabled:!1}})}},addCommands(){return{exportToWord:o=>async()=>{try{const e={getImageBuffer:async t=>{const s=await(await fetch(t)).arrayBuffer();return new Uint8Array(s)}},r=R.serialize(o,e);return u.Packer.toBlob(r).then(t=>v(new Blob([t]),"richtext-export-document.docx")),!0}catch(e){return console.error("Error exporting to Word:",e),!1}}}}});exports.ExportWord=p;exports.RichTextExportWord=E;

package/lib/ExportWord.d.cts

@@ -1,5 +1,6 @@
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
 
 /**
  * Represents the ButtonView function.
@@ -56,7 +57,7 @@ declare interface ButtonViewReturnComponentSlots {
 
 export declare const ExportWord: Extension<ExportWordOptions, any>;
 
-export declare interface ExportWordOptions extends GeneralOptions<ExportWordOptions> {
+declare interface ExportWordOptions extends GeneralOptions<ExportWordOptions> {
 }
 
 /**
@@ -75,6 +76,8 @@ declare interface GeneralOptions<T> {
     shortcutKeys?: string[] | string[][];
 }
 
+export declare function RichTextExportWord(): JSX.Element;
+
 export { }
 
 
@@ -108,6 +111,27 @@ declare module '@tiptap/core' {
 }
 
 
+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: {
@@ -139,7 +163,7 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
         };
     }
 }
@@ -164,10 +188,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -252,16 +274,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         mermaid: {
@@ -272,20 +284,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         search: {
@@ -309,16 +307,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         twitter: {

package/lib/ExportWord.d.ts

@@ -1,5 +1,6 @@
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
 
 /**
  * Represents the ButtonView function.
@@ -56,7 +57,7 @@ declare interface ButtonViewReturnComponentSlots {
 
 export declare const ExportWord: Extension<ExportWordOptions, any>;
 
-export declare interface ExportWordOptions extends GeneralOptions<ExportWordOptions> {
+declare interface ExportWordOptions extends GeneralOptions<ExportWordOptions> {
 }
 
 /**
@@ -75,6 +76,8 @@ declare interface GeneralOptions<T> {
     shortcutKeys?: string[] | string[][];
 }
 
+export declare function RichTextExportWord(): JSX.Element;
+
 export { }
 
 
@@ -108,6 +111,27 @@ declare module '@tiptap/core' {
 }
 
 
+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: {
@@ -139,7 +163,7 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
         };
     }
 }
@@ -164,10 +188,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -252,16 +274,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         mermaid: {
@@ -272,20 +284,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         search: {
@@ -309,16 +307,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         twitter: {