reactjs-tiptap-editor 0.4.1 → 1.0.0

package/lib/TextBubble.js

@@ -1,133 +0,0 @@
-import { E as h } from "./index-kbO3iWqL.js";
-import { jsxs as o, jsx as a } from "react/jsx-runtime";
-import { useMemo as l } from "react";
-import { ChevronDown as u } from "lucide-react";
-import { D as m, h as g, B as x, j as b, i as v, k as f } from "./RichTextEditor-DGcKEUGr.js";
-import { u as N } from "./index-LmrOdnen.js";
-function A(e) {
-  const { t } = N(), c = l(() => [
-    {
-      name: "paragraph",
-      label: t("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: t("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: t("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: t("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: t("editor.bulletlist.tooltip"),
-      isActive: () => e.editor.isActive("bulletList"),
-      iconName: "List",
-      action: () => e.editor.chain().focus().clearNodes().toggleBulletList().run()
-    },
-    {
-      name: "numberedList",
-      label: t("editor.orderedlist.tooltip"),
-      isActive: () => e.editor.isActive("orderedList"),
-      iconName: "ListOrdered",
-      action: () => e.editor.chain().focus().clearNodes().toggleOrderedList().run()
-    },
-    {
-      name: "taskList",
-      label: t("editor.tasklist.tooltip"),
-      isActive: () => e.editor.isActive("taskList"),
-      iconName: "ListTodo",
-      action: () => e.editor.chain().focus().clearNodes().toggleTaskList().run()
-    },
-    {
-      name: "blockquote",
-      label: t("editor.blockquote.tooltip"),
-      isActive: () => e.editor.isActive("blockquote"),
-      iconName: "TextQuote",
-      action: () => e.editor.chain().focus().clearNodes().toggleBlockquote().run()
-    }
-  ], [e.editor, t]), n = l(() => c.findLast((i) => i.isActive()) ?? {
-    label: "Empty"
-  }, [c]);
-  return /* @__PURE__ */ o(m, { children: [
-    /* @__PURE__ */ a(g, { asChild: !0, children: /* @__PURE__ */ o(
-      x,
-      {
-        className: "richtext-flex richtext-h-[32px] richtext-gap-1 richtext-px-1.5",
-        variant: "ghost",
-        children: [
-          /* @__PURE__ */ o("span", { className: "richtext-whitespace-nowrap richtext-text-sm richtext-font-normal", children: [
-            " ",
-            n == null ? void 0 : n.label
-          ] }),
-          /* @__PURE__ */ a(u, { className: "richtext-size-4" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ a(
-      b,
-      {
-        align: "start",
-        className: "richtext-w-full richtext-p-1",
-        hideWhenDetached: !0,
-        sideOffset: 5,
-        children: c.map((i, s) => {
-          var r;
-          const d = v[i.iconName];
-          return /* @__PURE__ */ a(
-            f,
-            {
-              checked: ((r = i.isActive) == null ? void 0 : r.call(i)) || !1,
-              className: "richtext-cursor-pointer",
-              onClick: () => i.action(),
-              children: /* @__PURE__ */ o("div", { className: "richtext-flex richtext-items-center richtext-gap-2 richtext-px-2", children: [
-                /* @__PURE__ */ a(d, { className: "richtext-h3 richtext-w-3" }),
-                /* @__PURE__ */ o("span", { children: [
-                  " ",
-                  i.label
-                ] })
-              ] })
-            },
-            `text-bubble-${s}`
-          );
-        })
-      }
-    )
-  ] });
-}
-const T = /* @__PURE__ */ h.create({
-  name: "text-bubble",
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  //@ts-expect-error
-  addOptions() {
-    var e;
-    return {
-      ...(e = this.parent) == null ? void 0 : e.call(this),
-      toolbar: !1,
-      button: () => ({
-        component: A,
-        componentProps: {}
-      })
-    };
-  }
-});
-export {
-  T as TextBubble,
-  T as default
-};

package/lib/TrailingNode.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-DF2Lp4HZ.cjs");function s({types:n,node:o}){return Array.isArray(n)&&n.includes(o.type)||o.type===n}const g=i.Extension.create({name:"trailingNode",addOptions(){return{node:"paragraph",notAfter:["paragraph"]}},addProseMirrorPlugins(){const n=new i.PluginKey(this.name),o=Object.entries(this.editor.schema.nodes).map(([,e])=>e).filter(e=>this.options.notAfter.includes(e.name));return[new i.Plugin({key:n,appendTransaction:(e,r,t)=>{const{doc:d,tr:a,schema:c}=t,l=n.getState(t),u=d.content.size,p=c.nodes[this.options.node];if(l)return a.insert(u,p.create())},state:{init:(e,r)=>{const t=r.tr.doc.lastChild;return!s({node:t,types:o})},apply:(e,r)=>{if(!e.docChanged)return r;const t=e.doc.lastChild;return!s({node:t,types:o})}}})]}});exports.TrailingNode=g;

package/lib/TrailingNode.d.cts

@@ -1,297 +0,0 @@
-import { Extension } from '@tiptap/core';
-
-export declare const TrailingNode: Extension<TrailingNodeOptions, any>;
-
-/**
- * Extension based on:
- * - https://github.com/ueberdosis/tiptap/blob/v1/packages/tiptap-extensions/src/extensions/TrailingNode.js
- * - https://github.com/remirror/remirror/blob/e0f1bec4a1e8073ce8f5500d62193e52321155b9/packages/prosemirror-trailing-node/src/trailing-node-plugin.ts
- */
-export declare interface TrailingNodeOptions {
-    node: string;
-    notAfter: string[];
-}
-
-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;
-        };
-    }
-}