reactjs-tiptap-editor 0.4.1 → 1.0.0

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,11 +111,22 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -120,8 +134,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        drawer: {
+            setDrawer: (options: any, replace?: any) => ReturnType;
+            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -139,7 +154,16 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
+        };
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => 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;
     }
 }
 
@@ -207,22 +229,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        indent: {
-            /**
-             * Set the indent attribute
-             */
-            indent: () => ReturnType;
-            /**
-             * Set the outdent attribute
-             */
-            outdent: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         imageGifUpload: {
@@ -245,8 +251,15 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        indent: {
+            /**
+             * Set the indent attribute
+             */
+            indent: () => ReturnType;
+            /**
+             * Set the outdent attribute
+             */
+            outdent: () => ReturnType;
         };
     }
 }
@@ -254,9 +267,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
         };
     }
 }
@@ -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,11 +111,22 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -120,8 +134,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        drawer: {
+            setDrawer: (options: any, replace?: any) => ReturnType;
+            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -139,7 +154,16 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
+        };
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => 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;
     }
 }
 
@@ -207,22 +229,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        indent: {
-            /**
-             * Set the indent attribute
-             */
-            indent: () => ReturnType;
-            /**
-             * Set the outdent attribute
-             */
-            outdent: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         imageGifUpload: {
@@ -245,8 +251,15 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        indent: {
+            /**
+             * Set the indent attribute
+             */
+            indent: () => ReturnType;
+            /**
+             * Set the outdent attribute
+             */
+            outdent: () => ReturnType;
         };
     }
 }
@@ -254,9 +267,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
         };
     }
 }
@@ -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.js

@@ -1,30 +1,80 @@
-import { E as n } from "./index-kbO3iWqL.js";
-import { defaultNodes as o } from "prosemirror-docx";
-import { A as a } from "./RichTextEditor-DGcKEUGr.js";
-({
-  ...o,
-  hardBreak: o.hard_break,
-  codeBlock: o.code_block,
-  orderedList: o.ordered_list,
-  listItem: o.list_item,
-  bulletList: o.bullet_list,
-  horizontalRule: o.horizontal_rule
-});
-const l = /* @__PURE__ */ n.create({
+import { E as w } from "./index-DnWWK9F_.js";
+import { Packer as x, WidthType as b } from "docx";
+import { defaultNodes as n, DocxSerializer as h, defaultMarks as B } from "prosemirror-docx";
+import { jsx as d, Fragment as v } from "react/jsx-runtime";
+import { A as y } from "./toggle-Cdp4IT2U.js";
+import { useState as E } from "react";
+import "./index-BPfVXs5_.js";
+import { u as g, a as k } from "./useButtonProps-BsEd4zYM.js";
+const W = typeof window < "u";
+function A(e, o) {
+  if (W) {
+    const r = window.URL.createObjectURL(e), t = document.createElement("a");
+    return t.href = r, t.download = o, t.click(), window.URL.revokeObjectURL(r), Promise.resolve();
+  }
+  return console.error("Download is not supported in Node.js"), Promise.resolve();
+}
+function I() {
+  const e = g(R.name), [o, r] = E(!1), {
+    icon: t = void 0,
+    tooltip: s = void 0,
+    shortcutKeys: i = void 0,
+    tooltipOptions: l = {},
+    action: a = void 0,
+    isActive: p = void 0
+  } = (e == null ? void 0 : e.componentProps) ?? {}, { dataState: u, disabled: c, update: m } = k(p), f = async () => {
+    c || o || a && (r(!0), await a(), m(), r(!1));
+  };
+  return e ? /* @__PURE__ */ d(
+    y,
+    {
+      action: f,
+      dataState: u,
+      disabled: c || o,
+      icon: o ? "Loader" : t,
+      shortcutKeys: i,
+      tooltip: s,
+      tooltipOptions: l
+    }
+  ) : /* @__PURE__ */ d(v, {});
+}
+const L = {
+  ...n,
+  hardBreak: n.hard_break,
+  codeBlock: n.code_block,
+  orderedList: n.ordered_list,
+  listItem: n.list_item,
+  bulletList: n.bullet_list,
+  horizontalRule: n.horizontal_rule,
+  // Requirement Buffer on browser
+  image(e, o) {
+    e.renderInline(o), e.closeBlock(o);
+  },
+  table(e, o) {
+    e.table(o, {
+      tableOptions: {
+        width: {
+          size: 100,
+          type: b.PERCENTAGE
+        }
+      }
+    });
+  }
+}, z = /* @__PURE__ */ new h(L, B), R = /* @__PURE__ */ w.create({
   name: "exportWord",
   //@ts-expect-error
   addOptions() {
-    var r;
+    var e;
     return {
-      ...(r = this.parent) == null ? void 0 : r.call(this),
-      button: ({ editor: t, t: e }) => ({
-        component: a,
+      ...(e = this.parent) == null ? void 0 : e.call(this),
+      button: ({ editor: o, t: r }) => ({
         componentProps: {
           icon: "ExportWord",
           action: () => {
-            t == null || t.commands.exportToWord();
+            var t;
+            return o == null ? void 0 : o.commands.exportToWord((t = o == null ? void 0 : o.state) == null ? void 0 : t.doc);
           },
-          tooltip: e("editor.exportWord.tooltip"),
+          tooltip: r("editor.exportWord.tooltip"),
           isActive: () => !1,
           disabled: !1
         }
@@ -34,10 +84,23 @@ const l = /* @__PURE__ */ n.create({
   // @ts-expect-error
   addCommands() {
     return {
-      exportToWord: () => async () => !0
+      exportToWord: (e) => async () => {
+        try {
+          const o = {
+            getImageBuffer: async (t) => {
+              const i = await (await fetch(t)).arrayBuffer();
+              return new Uint8Array(i);
+            }
+          }, r = z.serialize(e, o);
+          return x.toBlob(r).then((t) => A(new Blob([t]), "richtext-export-document.docx")), !0;
+        } catch (o) {
+          return console.error("Error exporting to Word:", o), !1;
+        }
+      }
     };
   }
 });
 export {
-  l as ExportWord
+  R as ExportWord,
+  I as RichTextExportWord
 };

package/lib/FontFamily.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./index-BeCTd5v2.cjs"),m=require("./index-6D1J-A-o.cjs"),o=require("react/jsx-runtime"),r=require("react"),h=require("./ActionMenuButton-CYdM1xx5.cjs"),u=require("./RichTextEditor-CxvwGvQG.cjs");function x(t){var d,f,s;const{t:i,lang:c}=m.useLocale(),n=r.useMemo(()=>{var a;const e=(a=t==null?void 0:t.items)==null?void 0:a.find(l=>l.isActive());return e&&!e.default?{...e}:{title:t.tooltip,font:i("editor.fontFamily.default.tooltip"),isActive:()=>!1,disabled:!1,action:()=>t.editor.chain().focus().unsetFontFamily().run()}},[i,c,t]);return o.jsxs(u.DropdownMenu,{children:[o.jsx(u.DropdownMenuTrigger,{asChild:!0,disabled:t==null?void 0:t.disabled,children:o.jsx(h.ActionMenuButton,{disabled:t==null?void 0:t.disabled,icon:"MenuDown",title:((d=n==null?void 0:n.font)==null?void 0:d.length)>7?`${(f=n==null?void 0:n.font)==null?void 0:f.slice(0,6)}...`:n==null?void 0:n.font,tooltip:t==null?void 0:t.tooltip,tooltipOptions:t==null?void 0:t.tooltipOptions})}),o.jsx(u.DropdownMenuContent,{className:"richtext-w-full",children:(s=t==null?void 0:t.items)==null?void 0:s.map((e,F)=>{const a=e.font===i("editor.fontFamily.default.tooltip")?{}:{fontFamily:e.font};return o.jsxs(r.Fragment,{children:[o.jsx(u.DropdownMenuCheckboxItem,{checked:(n==null?void 0:n.font)===e.font,onClick:e.action,children:o.jsx("div",{className:"richtext-ml-1 richtext-h-full",style:a,children:e.font})}),e.font===i("editor.fontFamily.default.tooltip")&&o.jsx(u.DropdownMenuSeparator,{})]},`font-family-${F}`)})})]})}const b=y.FontFamily.extend({addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),fontFamilyList:m.DEFAULT_FONT_FAMILY_LIST,button({editor:i,extension:c,t:n}){var a;const{extensions:d=[]}=i.extensionManager??[],f=u.ensureNameValueOptions(((a=c==null?void 0:c.options)==null?void 0:a.fontFamilyList)||[]),s=d.find(l=>l.name==="base-kit"),e=f.map(l=>({action:()=>{i.chain().focus().setFontFamily(l.value).run()},isActive:()=>i.isActive("textStyle",{fontFamily:l.value})||!1,disabled:!i.can().setFontFamily(l.value),title:l.name,font:l.value}));s&&s.options.textStyle!==!1&&e.unshift({action:()=>i.chain().focus().unsetFontFamily().run(),isActive:()=>!1,disabled:!1,font:n("editor.fontFamily.default.tooltip"),title:n("editor.fontFamily.tooltip")});const F=e.filter(l=>l.disabled).length===e.length;return{component:x,componentProps:{tooltip:n("editor.fontFamily.tooltip"),disabled:F,items:e,editor:i}}}}}});exports.DEFAULT_FONT_FAMILY_LIST=m.DEFAULT_FONT_FAMILY_LIST;exports.FontFamily=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index-N--9MohJ.cjs"),F=require("./index-Dfmm6FTT.cjs"),f=require("./useButtonProps-C6Vpn190.cjs"),e=require("react/jsx-runtime"),m=require("react"),x=require("./ActionMenuButton-DLQyd_gx.cjs");require("./index-DV5kbgRU.cjs");const d=require("./dropdown-menu-CdSm4emp.cjs");function M(){const{t:l}=F.useLocale(),n=f.useButtonProps(p.name),{icon:u=void 0,tooltip:a=void 0,items:r=[],isActive:s=void 0}=(n==null?void 0:n.componentProps)??{},{disabled:c,dataState:t}=f.useActive(s),o=m.useMemo(()=>(t==null?void 0:t.font)||l("editor.fontFamily.default.tooltip"),[t]);return n?e.jsxs(d.DropdownMenu,{children:[e.jsx(d.DropdownMenuTrigger,{asChild:!0,disabled:c,children:e.jsx(x.ActionMenuButton,{disabled:c,icon:u,title:(o==null?void 0:o.length)>12?`${o==null?void 0:o.slice(0,12)}...`:o,tooltip:a})}),e.jsx(d.DropdownMenuContent,{className:"richtext-w-full",children:r==null?void 0:r.map((i,y)=>{const h=i.font===l("editor.fontFamily.default.tooltip")?{}:{fontFamily:i.font};return e.jsxs(m.Fragment,{children:[e.jsx(d.DropdownMenuCheckboxItem,{checked:o===i.font,onClick:i.action,children:e.jsx("div",{className:"richtext-ml-1 richtext-h-full",style:h,children:i.font})}),i.font===l("editor.fontFamily.default.tooltip")&&e.jsx(d.DropdownMenuSeparator,{})]},`font-family-${y}`)})})]}):e.jsx(e.Fragment,{})}const p=v.FontFamily.extend({addOptions(){var l;return{...(l=this.parent)==null?void 0:l.call(this),fontFamilyList:F.DEFAULT_FONT_FAMILY_LIST,button({editor:n,extension:u,t:a}){var c;const r=f.ensureNameValueOptions(((c=u==null?void 0:u.options)==null?void 0:c.fontFamilyList)||[]),s=r.map(t=>({action:()=>{if(t.value==="Default"){n.chain().focus().unsetFontFamily().run();return}n.chain().focus().setFontFamily(t.value).run()},isActive:()=>n.isActive("textStyle",{fontFamily:t.value})||!1,title:t.name,font:t.value,default:t.value==="Default"}));return{componentProps:{tooltip:a("editor.fontFamily.tooltip"),disabled:!1,items:s,isActive:()=>{const t=s==null?void 0:s.find(i=>i.isActive());return t&&!t.default?t:{title:a("editor.fontFamily.default.tooltip"),font:a("editor.fontFamily.default.tooltip"),isActive:()=>!1,disabled:!1}},icon:"MenuDown",fontFamilyList:r}}}}}});exports.FontFamily=p;exports.RichTextFontFamily=M;