reactjs-tiptap-editor 0.4.1 → 1.0.0

package/lib/TableOfContent.d.ts

@@ -1,291 +0,0 @@
-import { Node as Node_2 } from '@tiptap/core';
-
-declare interface Options {
-    onHasOneBeforeInsert?: () => void;
-}
-
-export declare const TableOfContents: Node_2<Options, any>;
-
-export { }
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        attachment: {
-            setAttachment: (attrs?: unknown) => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        setCodeBlock: {
-            setCodeBlock: (options?: any) => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        codeView: {
-            /**
-                   * Toggle code view mode
-                   */
-            toggleCodeView: () => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        exportPdf: {
-            exportToPdf: () => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        exportWord: {
-            exportToWord: () => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        fontSize: {
-            /**
-             * Set the text font size. ex: "12px", "2em", or "small". Must be a valid
-             * CSS font-size
-             * (https://developer.mozilla.org/en-US/docs/Web/CSS/font-size).
-             */
-            setFontSize: (fontSize: string) => ReturnType;
-            /**
-             * Unset the font size
-             */
-            unsetFontSize: () => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        iframe: {
-            /**
-             * Add an iframe
-             */
-            setIframe: (options: {
-                src: string;
-                service: string;
-            }) => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        imageUpload: {
-            /**
-             * Add an image
-             */
-            setImageInline: (options: Partial<SetImageAttrsOptions>) => ReturnType;
-            /**
-             * Update an image
-             */
-            updateImage: (options: Partial<SetImageAttrsOptions>) => ReturnType;
-            /**
-             * Set image alignment
-             */
-            setAlignImage: (align: 'left' | 'center' | 'right') => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        indent: {
-            /**
-             * Set the indent attribute
-             */
-            indent: () => ReturnType;
-            /**
-             * Set the outdent attribute
-             */
-            outdent: () => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        imageGifUpload: {
-            /**
-             * Add an image gif
-             */
-            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
-            /**
-             * Update an image gif
-             */
-            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
-            /**
-             * Set image alignment
-             */
-            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        mermaid: {
-            setMermaid: (options: any, replace?: any) => ReturnType;
-            setAlignImageMermaid: (align: 'left' | 'center' | 'right') => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        search: {
-            setSearchTerm: (searchTerm: string) => ReturnType;
-            setReplaceTerm: (replaceTerm: string) => ReturnType;
-            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
-            resetIndex: () => ReturnType;
-            nextSearchResult: () => ReturnType;
-            previousSearchResult: () => ReturnType;
-            replace: () => ReturnType;
-            replaceAll: () => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Storage {
-        searchAndReplace: SearchAndReplaceStorage;
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        twitter: {
-            /**
-             * Insert a tweet
-             * @param options The tweet attributes
-             * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
-             */
-            setTweet: (options: SetTweetOptions) => ReturnType;
-            updateTweet: (options: SetTweetOptions) => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        video: {
-            /**
-             * Add an video
-             */
-            setVideo: (options: Partial<SetVideoOptions>) => ReturnType;
-            /**
-             * Update an video
-             */
-            updateVideo: (options: Partial<SetVideoOptions>) => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableCellBackground: {
-            setTableCellBackground: (color: string) => ReturnType;
-            unsetTableCellBackground: () => ReturnType;
-        };
-    }
-}

package/lib/TableOfContent.js

@@ -1,185 +0,0 @@
-import { N as b, m as v } from "./index-kbO3iWqL.js";
-import { N as C, c as g, R as N } from "./dom-dataset-lYeH6gfI.js";
-import { jsx as l, jsxs as T } from "react/jsx-runtime";
-import { useState as p, useCallback as m, useEffect as d } from "react";
-import { u as _ } from "./index-LmrOdnen.js";
-import { _ as O, A as y } from "./RichTextEditor-DGcKEUGr.js";
-const x = "_toc_aag8a_1", A = "_visible_aag8a_7", w = "_list_aag8a_11", E = "_item_aag8a_16", f = {
-  toc: x,
-  visible: A,
-  list: w,
-  item: E
-};
-function k(t) {
-  const s = [], o = [s];
-  return t.forEach((a) => {
-    let e = -1, n = o[a.level + e];
-    for (; !n; )
-      e -= 1, n = o[a.level + e];
-    n.push({ ...a, children: o[a.level] = [] });
-  }), s;
-}
-function M({ editor: t }) {
-  const s = O(), [o, a] = p([]), { t: e } = _(), n = m(() => {
-    const i = [], r = t.state.tr;
-    t.state.doc.descendants((c, h) => {
-      if (c.type.name === "heading") {
-        const u = `heading-${i.length + 1}`;
-        c.attrs.id !== u && r.setNodeMarkup(h, void 0, {
-          ...c.attrs,
-          id: u
-        }), i.push({
-          level: c.attrs.level,
-          text: c.textContent,
-          id: u
-        });
-      }
-    }), r.setMeta("addToHistory", !1), r.setMeta("preventUpdate", !0), t.view.dispatch(r), a(i), t.eventEmitter && t.eventEmitter.emit("TableOfContents", k(i));
-  }, [t]);
-  return d(() => {
-    if (t) {
-      if (!t.options.editable) {
-        n();
-        return;
-      }
-      return t.on("update", n), () => {
-        t.off("update", n);
-      };
-    }
-  }, [t, n]), d(() => {
-    n();
-  }, []), /* @__PURE__ */ l(C, { className: g("tableOfContent", f.toc, s && f.visible), children: s ? /* @__PURE__ */ T("div", { style: { position: "relative" }, children: [
-    /* @__PURE__ */ l("p", { className: "text-[20px] richtext-mb-[8px] richtext-font-semibold", children: e("editor.table_of_content") }),
-    /* @__PURE__ */ l("ul", { className: f.list, children: o.map((i, r) => /* @__PURE__ */ l(
-      "li",
-      {
-        className: f.item,
-        style: { paddingLeft: `${i.level - 1}rem` },
-        children: /* @__PURE__ */ l("a", { href: `#${i.id}`, children: i.text })
-      },
-      `table-of-content-${r}`
-    )) })
-  ] }) : null });
-}
-function B(t, ...s) {
-  const [o, a] = p(!1);
-  return d(() => {
-    const e = () => {
-      a(t.isActive.apply(t, s));
-    };
-    return t.on("selectionUpdate", e), t.on("transaction", e), () => {
-      t.off("selectionUpdate", e), t.off("transaction", e);
-    };
-  }, [t, s, a]), o;
-}
-function H({ editor: t, icon: s, tooltip: o, tooltipOptions: a }) {
-  const e = B(t, z.name), n = m(() => {
-    if (e) {
-      t.chain().focus().removeTableOfContents().run();
-      return;
-    }
-    t.chain().focus().setTableOfContents().run();
-  }, [t, e]);
-  return /* @__PURE__ */ l(
-    y,
-    {
-      action: n,
-      isActive: () => e || !1,
-      icon: s,
-      tooltip: o,
-      tooltipOptions: a
-    }
-  );
-}
-function L(t) {
-  return t && t.type.name === "title";
-}
-function S(t, s) {
-  const a = [t.getJSON()], e = [];
-  for (; a.length > 0; ) {
-    const n = a.shift();
-    n.type === s && e.push(n), n.content && n.content.length > 0 && a.push(...n.content);
-  }
-  return e;
-}
-const z = /* @__PURE__ */ b.create({
-  name: "tableOfContents",
-  group: "block",
-  atom: !0,
-  addOptions() {
-    var t;
-    return {
-      ...(t = this.parent) == null ? void 0 : t.call(this),
-      onHasOneBeforeInsert: () => {
-      },
-      resizable: !0,
-      lastColumnResizable: !0,
-      allowTableNodeSelection: !1,
-      button: ({ editor: s, t: o }) => ({
-        component: H,
-        componentProps: {
-          disabled: !1,
-          icon: "BookMarked",
-          tooltip: o("editor.table_of_content"),
-          editor: s
-        }
-      })
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "toc"
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes: t }) {
-    return ["toc", v(t)];
-  },
-  addNodeView() {
-    return N(M);
-  },
-  // @ts-expect-error
-  addCommands() {
-    return {
-      setTableOfContents: () => ({ commands: t, editor: s, view: o }) => {
-        if (S(s, this.name).length > 0) {
-          this.options.onHasOneBeforeInsert();
-          return;
-        }
-        const e = o.props.state.doc.content.firstChild;
-        if (L(e)) {
-          const n = (e.firstChild && e.firstChild.nodeSize || 0) + 1;
-          return t.insertContentAt(n, { type: this.name });
-        }
-        return t.insertContent({
-          type: this.name
-        });
-      },
-      removeTableOfContents: () => ({ state: t, dispatch: s }) => {
-        const { tr: o } = t, a = t.schema.nodes.tableOfContents;
-        return t.doc.descendants((e, n) => {
-          if (e.type === a) {
-            const i = n, r = n + e.nodeSize;
-            o.delete(i, r);
-          }
-        }), o.docChanged ? (s(o), !0) : !1;
-      }
-    };
-  },
-  addGlobalAttributes() {
-    return [
-      {
-        types: ["heading"],
-        attributes: {
-          id: {
-            default: null
-          }
-        }
-      }
-    ];
-  }
-});
-export {
-  z as TableOfContents
-};

package/lib/TextBubble.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./index-DF2Lp4HZ.cjs"),t=require("react/jsx-runtime"),l=require("react"),x=require("lucide-react"),n=require("./RichTextEditor-CxvwGvQG.cjs"),g=require("./index-6D1J-A-o.cjs");function b(e){const{t:i}=g.useLocale(),c=l.useMemo(()=>[{name:"paragraph",label:i("editor.paragraph.tooltip"),iconName:"Heading1",isActive:()=>e.editor.isActive("paragraph")&&!e.editor.isActive("orderedList")&&!e.editor.isActive("bulletList")&&!e.editor.isActive("taskList"),action:()=>e.editor.chain().focus().clearNodes().run()},{name:"heading1",label:i("editor.heading.h1.tooltip"),isActive:()=>e.editor.isActive("heading",{level:1}),iconName:"Heading1",action:()=>e.editor.chain().focus().clearNodes().toggleHeading({level:1}).run()},{name:"heading2",label:i("editor.heading.h2.tooltip"),isActive:()=>e.editor.isActive("heading",{level:2}),iconName:"Heading2",action:()=>e.editor.chain().focus().clearNodes().toggleHeading({level:2}).run()},{name:"heading3",label:i("editor.heading.h3.tooltip"),isActive:()=>e.editor.isActive("heading",{level:3}),iconName:"Heading3",action:()=>e.editor.chain().focus().clearNodes().toggleHeading({level:3}).run()},{name:"bulletList",label:i("editor.bulletlist.tooltip"),isActive:()=>e.editor.isActive("bulletList"),iconName:"List",action:()=>e.editor.chain().focus().clearNodes().toggleBulletList().run()},{name:"numberedList",label:i("editor.orderedlist.tooltip"),isActive:()=>e.editor.isActive("orderedList"),iconName:"ListOrdered",action:()=>e.editor.chain().focus().clearNodes().toggleOrderedList().run()},{name:"taskList",label:i("editor.tasklist.tooltip"),isActive:()=>e.editor.isActive("taskList"),iconName:"ListTodo",action:()=>e.editor.chain().focus().clearNodes().toggleTaskList().run()},{name:"blockquote",label:i("editor.blockquote.tooltip"),isActive:()=>e.editor.isActive("blockquote"),iconName:"TextQuote",action:()=>e.editor.chain().focus().clearNodes().toggleBlockquote().run()}],[e.editor,i]),a=l.useMemo(()=>c.findLast(o=>o.isActive())??{label:"Empty"},[c]);return t.jsxs(n.DropdownMenu,{children:[t.jsx(n.DropdownMenuTrigger,{asChild:!0,children:t.jsxs(n.Button,{className:"richtext-flex richtext-h-[32px] richtext-gap-1 richtext-px-1.5",variant:"ghost",children:[t.jsxs("span",{className:"richtext-whitespace-nowrap richtext-text-sm richtext-font-normal",children:[" ",a==null?void 0:a.label]}),t.jsx(x.ChevronDown,{className:"richtext-size-4"})]})}),t.jsx(n.DropdownMenuContent,{align:"start",className:"richtext-w-full richtext-p-1",hideWhenDetached:!0,sideOffset:5,children:c.map((o,d)=>{var r;const u=n.icons[o.iconName];return t.jsx(n.DropdownMenuCheckboxItem,{checked:((r=o.isActive)==null?void 0:r.call(o))||!1,className:"richtext-cursor-pointer",onClick:()=>o.action(),children:t.jsxs("div",{className:"richtext-flex richtext-items-center richtext-gap-2 richtext-px-2",children:[t.jsx(u,{className:"richtext-h3 richtext-w-3"}),t.jsxs("span",{children:[" ",o.label]})]})},`text-bubble-${d}`)})})]})}const s=h.Extension.create({name:"text-bubble",addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),toolbar:!1,button:()=>({component:b,componentProps:{}})}}});exports.TextBubble=s;exports.default=s;