@multiplatform.one/rich-text 6.0.0

package/dist/cjs/editor/TentapEditor.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TentapEditor_native_exports","__export","TentapEditor","module","exports","__toCommonJS","import_jsx_runtime","require","import_react","import_react_native","import_tentap_editor","import_tamagui","import_context","import_useEditorState","useNativeEditorDarkMode","themeName","useThemeName","osScheme","useColorScheme","String","startsWith","forwardRef","param","ref","initialContent","initialJSON","placeholder","editable","autoFocus","onChange","onStateChange","minHeight","maxHeight","hasError","_hasError","ctx","RichEditorContext","useStyledContext","isDarkMode","cachedHtml","useRef","cachedJson","editor","useEditorBridge","bridgeExtensions","TenTapStartKit","UnderlineBridge","LinkBridge","ColorBridge","HighlightBridge","ImageBridge","TaskListBridge","PlaceholderBridge","configureExtension","theme","darkEditorTheme","JSON","stringify","autofocus","onChange1","html","getHTML","json","getJSON","current","unused","useEffect","id","setTimeout","injectCSS","darkEditorCss","clearTimeout","unsubscribe","_subscribeToEditorStateUpdate","state","editorState","getEditorStateFromBridge","executeCommand","useCallback","command","payload","toggleBold","toggleItalic","toggleUnderline","toggleStrike","toggleCode","toggleHeading","toggleBulletList","toggleOrderedList","toggleTaskList","src","setImage","toggleBlockquote","href","setLink","undo","redo","color","setColor","setHighlight","useImperativeHandle","getState","getEditorState","setHTML","setContent","setJSON","focus","blur","jsx","View","backgroundColor","disabled","overflow","opacity","children","RichText","style","styles","displayName","StyleSheet","create","flex"],"sources":["../../../src/editor/TentapEditor.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/editor/TiptapEditor.cjs

@@ -0,0 +1,578 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var TiptapEditor_exports = {};
+__export(TiptapEditor_exports, {
+  TiptapEditor: () => TiptapEditor
+});
+module.exports = __toCommonJS(TiptapEditor_exports);
+var import_react = require("react");
+var import_react2 = require("@tiptap/react");
+var import_core = require("@tiptap/core");
+var import_starter_kit = __toESM(require("@tiptap/starter-kit"));
+var import_extension_placeholder = __toESM(require("@tiptap/extension-placeholder"));
+var import_extension_text_align = __toESM(require("@tiptap/extension-text-align"));
+var import_extension_color = require("@tiptap/extension-color");
+var import_extension_text_style = require("@tiptap/extension-text-style");
+var import_extension_highlight = require("@tiptap/extension-highlight");
+var import_extension_subscript = require("@tiptap/extension-subscript");
+var import_extension_superscript = require("@tiptap/extension-superscript");
+var import_extension_task_list = __toESM(require("@tiptap/extension-task-list"));
+var import_extension_task_item = __toESM(require("@tiptap/extension-task-item"));
+var import_extension_image = __toESM(require("@tiptap/extension-image"));
+var import_extension_code_block_lowlight = __toESM(require("@tiptap/extension-code-block-lowlight"));
+var import_extension_typography = __toESM(require("@tiptap/extension-typography"));
+var import_extension_character_count = __toESM(require("@tiptap/extension-character-count"));
+var import_extension_table = require("@tiptap/extension-table");
+var import_extension_table_row = require("@tiptap/extension-table-row");
+var import_extension_table_header = require("@tiptap/extension-table-header");
+var import_extension_table_cell = require("@tiptap/extension-table-cell");
+var import_lowlight = require("lowlight");
+var import_turndown = __toESM(require("turndown"));
+var import_marked = require("marked");
+var import_tamagui = require("tamagui");
+var import_constants = require("@tamagui/constants");
+var import_types = require("../types.cjs");
+var import_context = require("../context.cjs");
+var import_editorStyles = require("./editorStyles.cjs");
+var import_SlashCommands = require("./SlashCommands.cjs");
+var import_MarkdownPaste = require("./MarkdownPaste.cjs");
+var import_BlockDragHandle = require("./BlockDragHandle.cjs");
+var import_useEditorState = require("./useEditorState.cjs");
+var import_BubbleToolbar = require("../toolbar/BubbleToolbar.cjs");
+var import_LinkBubble = require("../toolbar/LinkBubble.cjs");
+var import_CodeBlockBubble = require("../toolbar/CodeBlockBubble.cjs");
+var import_ImageBubble = require("../toolbar/ImageBubble.cjs");
+var import_TableBubble = require("../toolbar/TableBubble.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const lowlight = (0, import_lowlight.createLowlight)(import_lowlight.common);
+const turndownService = new import_turndown.default({
+  headingStyle: "atx",
+  codeBlockStyle: "fenced"
+});
+const CodeBlockTabIndent = import_core.Extension.create({
+  name: "codeBlockTabIndent",
+  addKeyboardShortcuts() {
+    return {
+      Tab: ({
+        editor
+      }) => {
+        if (!editor.isActive("codeBlock")) return false;
+        const {
+          state,
+          dispatch
+        } = editor.view;
+        const {
+          from,
+          to
+        } = state.selection;
+        if (from === to) {
+          dispatch(state.tr.insertText("  ", from, to));
+          return true;
+        }
+        const doc = state.doc;
+        const lines = [];
+        doc.nodesBetween(from, to, (node, pos) => {
+          if (node.isTextblock) {
+            lines.push({
+              start: pos + 1
+            });
+          }
+        });
+        if (lines.length === 0) {
+          dispatch(state.tr.insertText("  ", from, to));
+          return true;
+        }
+        let tr = state.tr;
+        let offset = 0;
+        for (const line of lines) {
+          const lineStart = line.start + offset;
+          tr = tr.insertText("  ", lineStart);
+          offset += 2;
+        }
+        dispatch(tr);
+        return true;
+      },
+      "Shift-Tab": ({
+        editor
+      }) => {
+        if (!editor.isActive("codeBlock")) return false;
+        const {
+          state,
+          dispatch
+        } = editor.view;
+        const {
+          from,
+          to,
+          $from
+        } = state.selection;
+        if (from === to) {
+          const lineStart = from - $from.parentOffset;
+          const text = state.doc.textBetween(lineStart, from);
+          const leadingSpaces = text.match(/^ {1,2}/)?.[0];
+          if (leadingSpaces) {
+            dispatch(state.tr.delete(lineStart, lineStart + leadingSpaces.length));
+          }
+          return true;
+        }
+        const doc = state.doc;
+        let tr = state.tr;
+        let offset = 0;
+        doc.nodesBetween(from, to, (node, pos) => {
+          if (node.isTextblock) {
+            const lineStart = pos + 1 + offset;
+            const text = tr.doc.textBetween(lineStart, Math.min(lineStart + node.content.size, tr.doc.content.size));
+            const leadingSpaces = text.match(/^ {1,2}/)?.[0];
+            if (leadingSpaces) {
+              tr = tr.delete(lineStart, lineStart + leadingSpaces.length);
+              offset -= leadingSpaces.length;
+            }
+          }
+        });
+        dispatch(tr);
+        return true;
+      }
+    };
+  }
+});
+const ParagraphEnterKeys = import_core.Extension.create({
+  name: "paragraphEnterKeys",
+  priority: 1e3,
+  addKeyboardShortcuts() {
+    return {
+      "Shift-Enter": ({
+        editor
+      }) => editor.commands.first([() => editor.commands.newlineInCode(), () => editor.commands.splitListItem("listItem"), () => editor.commands.createParagraphNear(), () => editor.commands.liftEmptyBlock(), () => editor.commands.splitBlock()]),
+      "Mod-Enter": ({
+        editor
+      }) => editor.commands.first([() => editor.commands.newlineInCode(), () => editor.commands.createParagraphNear(), () => editor.commands.liftEmptyBlock(), () => editor.commands.splitBlock()])
+    };
+  }
+});
+const ListItemKeys = import_core.Extension.create({
+  name: "listItemKeys",
+  addKeyboardShortcuts() {
+    return {
+      Tab: ({
+        editor
+      }) => {
+        if (editor.isActive("codeBlock")) return false;
+        if (editor.isActive("bulletList") || editor.isActive("orderedList") || editor.isActive("taskList")) {
+          return editor.commands.sinkListItem("listItem") || editor.commands.sinkListItem("taskItem");
+        }
+        return false;
+      },
+      "Shift-Tab": ({
+        editor
+      }) => {
+        if (editor.isActive("codeBlock")) return false;
+        if (editor.isActive("bulletList") || editor.isActive("orderedList") || editor.isActive("taskList")) {
+          return editor.commands.liftListItem("listItem") || editor.commands.liftListItem("taskItem");
+        }
+        return false;
+      }
+    };
+  }
+});
+const EditorContainer = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "TiptapEditorContainer",
+  flex: 1,
+  minHeight: 150,
+  overflow: "hidden"
+});
+const TiptapEditor = (0, import_react.memo)((0, import_react.forwardRef)(({
+  initialContent = "",
+  initialJSON,
+  placeholder = "Start writing...",
+  editable = true,
+  autoFocus = false,
+  onChange,
+  onStateChange,
+  onFocus,
+  onBlur,
+  minHeight = 150,
+  maxHeight,
+  hasError: _hasError,
+  showBubbleToolbar = false,
+  bodyFontFamily,
+  headingFontFamily,
+  editorMode = "richtext"
+}, ref) => {
+  const _ctx = import_context.RichEditorContext.useStyledContext();
+  const internalRef = (0, import_react.useRef)(null);
+  const stateRafRef = (0, import_react.useRef)(0);
+  const changeRafRef = (0, import_react.useRef)(0);
+  const onStateChangeRef = (0, import_react.useRef)(onStateChange);
+  const onChangeRef = (0, import_react.useRef)(onChange);
+  const [markdownSource, setMarkdownSource] = (0, import_react.useState)("");
+  const prevModeRef = (0, import_react.useRef)(editorMode);
+  (0, import_react.useEffect)(() => {
+    onStateChangeRef.current = onStateChange;
+    onChangeRef.current = onChange;
+  });
+  const editor = (0, import_react2.useEditor)({
+    extensions: [import_starter_kit.default.configure({
+      heading: {
+        levels: [1, 2, 3, 4, 5, 6],
+        HTMLAttributes: {
+          dir: "auto"
+        }
+      },
+      paragraph: {
+        HTMLAttributes: {
+          dir: "auto"
+        }
+      },
+      link: {
+        openOnClick: false,
+        HTMLAttributes: {
+          rel: "noopener noreferrer",
+          target: "_blank"
+        }
+      },
+      bulletList: {
+        keepMarks: true
+      },
+      orderedList: {
+        keepMarks: true
+      },
+      codeBlock: false,
+      hardBreak: false
+    }), import_extension_code_block_lowlight.default.configure({
+      lowlight,
+      exitOnTripleEnter: true,
+      exitOnArrowDown: false
+    }), ParagraphEnterKeys, CodeBlockTabIndent, ListItemKeys, import_extension_typography.default, import_extension_character_count.default, import_SlashCommands.SlashCommands, import_MarkdownPaste.MarkdownPaste, import_BlockDragHandle.BlockDragHandle, import_extension_table.Table.configure({
+      resizable: true
+    }), import_extension_table_row.TableRow, import_extension_table_header.TableHeader, import_extension_table_cell.TableCell, import_extension_placeholder.default.configure({
+      placeholder
+    }), import_extension_text_align.default.configure({
+      types: ["heading", "paragraph"],
+      defaultAlignment: "left"
+    }), import_extension_text_style.TextStyle, import_extension_color.Color, import_extension_highlight.Highlight.configure({
+      multicolor: true
+    }), import_extension_subscript.Subscript, import_extension_superscript.Superscript, import_extension_task_list.default, import_extension_task_item.default.configure({
+      nested: true
+    }), import_extension_image.default.configure({
+      inline: true,
+      allowBase64: true
+    })],
+    content: initialJSON || initialContent,
+    editable,
+    autofocus: autoFocus,
+    injectCSS: false,
+    immediatelyRender: false,
+    shouldRerenderOnTransaction: false,
+    onUpdate: ({
+      editor: editor2
+    }) => {
+      cancelAnimationFrame(changeRafRef.current);
+      changeRafRef.current = requestAnimationFrame(() => {
+        const html = editor2.getHTML();
+        const json = editor2.getJSON();
+        onChangeRef.current?.(html, json);
+      });
+    },
+    onTransaction: ({
+      editor: editor2
+    }) => {
+      cancelAnimationFrame(stateRafRef.current);
+      stateRafRef.current = requestAnimationFrame(() => {
+        onStateChangeRef.current?.((0, import_useEditorState.getEditorStateFromTiptap)(editor2));
+      });
+    },
+    onFocus: () => onFocus?.(),
+    onBlur: () => onBlur?.()
+  });
+  (0, import_react.useEffect)(() => {
+    if (!editor) return;
+    if (prevModeRef.current === editorMode) return;
+    prevModeRef.current = editorMode;
+    if (editorMode === "markdown") {
+      setMarkdownSource(turndownService.turndown(editor.getHTML()));
+    } else {
+      const html = import_marked.marked.parse(markdownSource, {
+        async: false
+      });
+      editor.commands.setContent(html);
+    }
+  }, [editorMode, editor, markdownSource]);
+  const handleMarkdownChange = (0, import_react.useCallback)(e => {
+    const md = e.target.value;
+    setMarkdownSource(md);
+    const html = import_marked.marked.parse(md, {
+      async: false
+    });
+    onChangeRef.current?.(html, null);
+  }, []);
+  const executeCommand = (0, import_react.useCallback)((command, payload) => {
+    if (!editor) return;
+    const chain = editor.chain().focus();
+    switch (command) {
+      case "bold":
+        chain.toggleBold().run();
+        break;
+      case "italic":
+        chain.toggleItalic().run();
+        break;
+      case "underline":
+        chain.toggleUnderline().run();
+        break;
+      case "strike":
+        chain.toggleStrike().run();
+        break;
+      case "code":
+        chain.toggleCode().run();
+        break;
+      case "subscript":
+        chain.toggleSubscript().run();
+        break;
+      case "superscript":
+        chain.toggleSuperscript().run();
+        break;
+      case "heading1":
+        chain.toggleHeading({
+          level: 1
+        }).run();
+        break;
+      case "heading2":
+        chain.toggleHeading({
+          level: 2
+        }).run();
+        break;
+      case "heading3":
+        chain.toggleHeading({
+          level: 3
+        }).run();
+        break;
+      case "heading4":
+        chain.toggleHeading({
+          level: 4
+        }).run();
+        break;
+      case "heading5":
+        chain.toggleHeading({
+          level: 5
+        }).run();
+        break;
+      case "heading6":
+        chain.toggleHeading({
+          level: 6
+        }).run();
+        break;
+      case "paragraph":
+        chain.setParagraph().run();
+        break;
+      case "bulletList":
+        chain.toggleBulletList().run();
+        break;
+      case "orderedList":
+        chain.toggleOrderedList().run();
+        break;
+      case "taskList":
+        chain.toggleTaskList().run();
+        break;
+      case "image":
+        if (payload?.src) {
+          chain.setImage({
+            src: payload.src,
+            alt: payload.alt || ""
+          }).run();
+        }
+        break;
+      case "blockquote":
+        chain.toggleBlockquote().run();
+        break;
+      case "codeBlock":
+        chain.toggleCodeBlock().run();
+        break;
+      case "link":
+        if (payload?.href) {
+          chain.setLink({
+            href: payload.href
+          }).run();
+        } else {
+          chain.unsetLink().run();
+        }
+        break;
+      case "undo":
+        chain.undo().run();
+        break;
+      case "redo":
+        chain.redo().run();
+        break;
+      case "alignLeft":
+        chain.setTextAlign("left").run();
+        break;
+      case "alignCenter":
+        chain.setTextAlign("center").run();
+        break;
+      case "alignRight":
+        chain.setTextAlign("right").run();
+        break;
+      case "alignJustify":
+        chain.setTextAlign("justify").run();
+        break;
+      case "textColor":
+        if (payload?.color) {
+          chain.setColor(payload.color).run();
+        } else {
+          chain.unsetColor().run();
+        }
+        break;
+      case "highlight":
+        if (payload?.color) {
+          chain.setHighlight({
+            color: payload.color
+          }).run();
+        } else {
+          chain.unsetHighlight().run();
+        }
+        break;
+      case "horizontalRule":
+        chain.setHorizontalRule().run();
+        break;
+      case "clearFormatting":
+        chain.unsetAllMarks().clearNodes().run();
+        break;
+      case "insertTable":
+        chain.insertTable({
+          rows: payload?.rows ?? 3,
+          cols: payload?.cols ?? 3,
+          withHeaderRow: payload?.withHeaderRow ?? true
+        }).run();
+        break;
+      case "addColumnBefore":
+        chain.addColumnBefore().run();
+        break;
+      case "addColumnAfter":
+        chain.addColumnAfter().run();
+        break;
+      case "deleteColumn":
+        chain.deleteColumn().run();
+        break;
+      case "addRowBefore":
+        chain.addRowBefore().run();
+        break;
+      case "addRowAfter":
+        chain.addRowAfter().run();
+        break;
+      case "deleteRow":
+        chain.deleteRow().run();
+        break;
+      case "deleteTable":
+        chain.deleteTable().run();
+        break;
+      case "mergeCells":
+        chain.mergeCells().run();
+        break;
+      case "splitCell":
+        chain.splitCell().run();
+        break;
+      case "toggleHeaderRow":
+        chain.toggleHeaderRow().run();
+        break;
+    }
+  }, [editor]);
+  const refMethods = (0, import_react.useMemo)(() => ({
+    executeCommand,
+    getState: () => (0, import_useEditorState.getEditorStateFromTiptap)(editor),
+    getHTML: () => editor?.getHTML() || "",
+    getJSON: () => editor?.getJSON() || null,
+    setHTML: html => editor?.commands.setContent(html),
+    setJSON: json => editor?.commands.setContent(json),
+    focus: () => editor?.commands.focus(),
+    blur: () => editor?.commands.blur()
+  }), [editor, executeCommand]);
+  (0, import_react.useImperativeHandle)(ref, () => refMethods, [refMethods]);
+  internalRef.current = refMethods;
+  const editorCSS = (0, import_react.useMemo)(() => (0, import_editorStyles.getEditorCSS)({
+    minHeight,
+    maxHeight,
+    bodyFontFamily,
+    headingFontFamily
+  }), [minHeight, maxHeight, bodyFontFamily, headingFontFamily]);
+  if (editorMode === "markdown") {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(EditorContainer, {
+      minHeight,
+      maxHeight,
+      overflow: "hidden",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("textarea", {
+        value: markdownSource,
+        onChange: handleMarkdownChange,
+        style: {
+          width: "100%",
+          minHeight,
+          maxHeight: maxHeight || void 0,
+          padding: "12px 12px 12px 16px",
+          border: "none",
+          outline: "none",
+          resize: "none",
+          background: "transparent",
+          color: "inherit",
+          fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+          fontSize: "0.875em",
+          lineHeight: "1.6",
+          overflow: "auto",
+          boxSizing: "border-box"
+        },
+        spellCheck: false
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(EditorContainer, {
+    minHeight,
+    maxHeight,
+    overflow: "hidden",
+    children: [import_constants.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)("style", {
+      children: editorCSS
+    }), showBubbleToolbar && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_BubbleToolbar.BubbleToolbar, {
+        editor,
+        editorRef: internalRef,
+        state: import_types.defaultEditorState
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_LinkBubble.LinkBubble, {
+        editor
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CodeBlockBubble.CodeBlockBubble, {
+        editor
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageBubble.ImageBubble, {
+        editor
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TableBubble.TableBubble, {
+        editor
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.EditorContent, {
+      editor
+    })]
+  });
+}));
+TiptapEditor.displayName = "TiptapEditor";