@multiplatform.one/rich-text 6.0.0

package/dist/esm/editor/SlashCommands.native.js

@@ -0,0 +1,385 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Extension } from "@tiptap/core";
+import { ReactRenderer } from "@tiptap/react";
+import Suggestion from "@tiptap/suggestion";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
+var SLASH_ITEMS = [{
+  title: "Heading 1",
+  description: "Large section heading",
+  icon: "H1",
+  command: function command(param) {
+    var {
+      editor,
+      range
+    } = param;
+    return editor.chain().focus().deleteRange(range).setHeading({
+      level: 1
+    }).run();
+  }
+}, {
+  title: "Heading 2",
+  description: "Medium section heading",
+  icon: "H2",
+  command: function command2(param) {
+    var {
+      editor,
+      range
+    } = param;
+    return editor.chain().focus().deleteRange(range).setHeading({
+      level: 2
+    }).run();
+  }
+}, {
+  title: "Heading 3",
+  description: "Small section heading",
+  icon: "H3",
+  command: function command3(param) {
+    var {
+      editor,
+      range
+    } = param;
+    return editor.chain().focus().deleteRange(range).setHeading({
+      level: 3
+    }).run();
+  }
+}, {
+  title: "Bullet List",
+  description: "Unordered list with bullets",
+  icon: "\u2022",
+  command: function command4(param) {
+    var {
+      editor,
+      range
+    } = param;
+    return editor.chain().focus().deleteRange(range).toggleBulletList().run();
+  }
+}, {
+  title: "Numbered List",
+  description: "Ordered list with numbers",
+  icon: "1.",
+  command: function command5(param) {
+    var {
+      editor,
+      range
+    } = param;
+    return editor.chain().focus().deleteRange(range).toggleOrderedList().run();
+  }
+}, {
+  title: "Task List",
+  description: "List with checkboxes",
+  icon: "\u2611",
+  command: function command6(param) {
+    var {
+      editor,
+      range
+    } = param;
+    return editor.chain().focus().deleteRange(range).toggleTaskList().run();
+  }
+}, {
+  title: "Code Block",
+  description: "Fenced code with syntax highlighting",
+  icon: "<>",
+  command: function command7(param) {
+    var {
+      editor,
+      range
+    } = param;
+    return editor.chain().focus().deleteRange(range).toggleCodeBlock().run();
+  }
+}, {
+  title: "Blockquote",
+  description: "Quoted text block",
+  icon: "\u275D",
+  command: function command8(param) {
+    var {
+      editor,
+      range
+    } = param;
+    return editor.chain().focus().deleteRange(range).toggleBlockquote().run();
+  }
+}, {
+  title: "Horizontal Rule",
+  description: "Visual divider line",
+  icon: "\u2014",
+  command: function command9(param) {
+    var {
+      editor,
+      range
+    } = param;
+    return editor.chain().focus().deleteRange(range).setHorizontalRule().run();
+  }
+}, {
+  title: "Table",
+  description: "Insert a 3\xD73 table",
+  icon: "\u229E",
+  command: function command10(param) {
+    var {
+      editor,
+      range
+    } = param;
+    return editor.chain().focus().deleteRange(range).insertTable({
+      rows: 3,
+      cols: 3,
+      withHeaderRow: true
+    }).run();
+  }
+}, {
+  title: "Image",
+  description: "Insert image from URL",
+  icon: "\u{1F5BC}",
+  command: function command11(param) {
+    var {
+      editor,
+      range
+    } = param;
+    var url = window.prompt("Image URL:");
+    if (url) {
+      editor.chain().focus().deleteRange(range).setImage({
+        src: url
+      }).run();
+    }
+  }
+}];
+var SlashCommandsList = /* @__PURE__ */forwardRef(function (param, ref) {
+  var {
+    items,
+    command: command12
+  } = param;
+  var [selectedIndex, setSelectedIndex] = useState(0);
+  var listRef = useRef(null);
+  useEffect(function () {
+    setSelectedIndex(0);
+  }, [items]);
+  useEffect(function () {
+    var _listRef_current;
+    var el = (_listRef_current = listRef.current) === null || _listRef_current === void 0 ? void 0 : _listRef_current.children[selectedIndex];
+    el === null || el === void 0 ? void 0 : el.scrollIntoView({
+      block: "nearest"
+    });
+  }, [selectedIndex]);
+  var selectItem = useCallback(function (index) {
+    var item = items[index];
+    if (item) command12(item);
+  }, [items, command12]);
+  useImperativeHandle(ref, function () {
+    return {
+      onKeyDown: function onKeyDown(param2) {
+        var {
+          event
+        } = param2;
+        if (event.key === "ArrowUp") {
+          setSelectedIndex(function (i) {
+            return (i + items.length - 1) % items.length;
+          });
+          return true;
+        }
+        if (event.key === "ArrowDown") {
+          setSelectedIndex(function (i) {
+            return (i + 1) % items.length;
+          });
+          return true;
+        }
+        if (event.key === "Enter") {
+          selectItem(selectedIndex);
+          return true;
+        }
+        return false;
+      }
+    };
+  });
+  if (items.length === 0) {
+    return /* @__PURE__ */_jsx("div", {
+      style: styles.container,
+      children: /* @__PURE__ */_jsx("div", {
+        style: styles.empty,
+        children: "No results"
+      })
+    });
+  }
+  return /* @__PURE__ */_jsx("div", {
+    style: styles.container,
+    ref: listRef,
+    children: items.map(function (item, index) {
+      return /* @__PURE__ */_jsxs("button", {
+        style: {
+          ...styles.item,
+          ...(index === selectedIndex ? styles.itemSelected : {})
+        },
+        onClick: function onClick() {
+          return selectItem(index);
+        },
+        onMouseEnter: function onMouseEnter() {
+          return setSelectedIndex(index);
+        },
+        type: "button",
+        children: [/* @__PURE__ */_jsx("span", {
+          style: styles.icon,
+          children: item.icon
+        }), /* @__PURE__ */_jsxs("span", {
+          style: styles.textGroup,
+          children: [/* @__PURE__ */_jsx("span", {
+            style: styles.title,
+            children: item.title
+          }), /* @__PURE__ */_jsx("span", {
+            style: styles.description,
+            children: item.description
+          })]
+        })]
+      }, item.title);
+    })
+  });
+});
+SlashCommandsList.displayName = "SlashCommandsList";
+var styles = {
+  container: {
+    background: "var(--background, #fff)",
+    border: "1px solid var(--borderColor, #e0e0e0)",
+    borderRadius: "8px",
+    boxShadow: "0 4px 16px rgba(0,0,0,0.12)",
+    padding: "4px",
+    maxHeight: "320px",
+    overflowY: "auto",
+    minWidth: "220px"
+  },
+  item: {
+    display: "flex",
+    alignItems: "center",
+    gap: "10px",
+    padding: "8px 10px",
+    border: "none",
+    background: "none",
+    width: "100%",
+    textAlign: "left",
+    cursor: "pointer",
+    borderRadius: "6px",
+    fontSize: "13px",
+    lineHeight: "1.3"
+  },
+  itemSelected: {
+    background: "var(--color4, #f0f0f0)"
+  },
+  icon: {
+    width: "28px",
+    height: "28px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "4px",
+    background: "var(--color3, #f5f5f5)",
+    fontWeight: "700",
+    fontSize: "12px",
+    flexShrink: 0
+  },
+  textGroup: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "1px"
+  },
+  title: {
+    fontWeight: "600",
+    color: "var(--color12, #333)"
+  },
+  description: {
+    fontSize: "11px",
+    color: "var(--color9, #888)"
+  },
+  empty: {
+    padding: "8px 12px",
+    color: "var(--color9, #888)",
+    fontSize: "13px"
+  }
+};
+var SlashCommands = Extension.create({
+  name: "slashCommands",
+  addOptions() {
+    return {
+      suggestion: {
+        char: "/",
+        startOfLine: false,
+        items: function items(param) {
+          var {
+            query
+          } = param;
+          var q = query.toLowerCase();
+          return SLASH_ITEMS.filter(function (item) {
+            return item.title.toLowerCase().includes(q) || item.description.toLowerCase().includes(q);
+          });
+        },
+        render: function render() {
+          var component = null;
+          var popup = null;
+          return {
+            onStart: function onStart(props) {
+              component = new ReactRenderer(SlashCommandsList, {
+                props,
+                editor: props.editor
+              });
+              popup = document.createElement("div");
+              popup.style.position = "absolute";
+              popup.style.zIndex = "50";
+              document.body.appendChild(popup);
+              popup.appendChild(component.element);
+              var {
+                clientRect
+              } = props;
+              if (clientRect) {
+                var rect = clientRect();
+                if (rect) {
+                  popup.style.left = `${rect.left}px`;
+                  popup.style.top = `${rect.bottom + 4}px`;
+                }
+              }
+            },
+            onUpdate: function onUpdate(props) {
+              component === null || component === void 0 ? void 0 : component.updateProps(props);
+              if (popup && props.clientRect) {
+                var rect = props.clientRect();
+                if (rect) {
+                  popup.style.left = `${rect.left}px`;
+                  popup.style.top = `${rect.bottom + 4}px`;
+                }
+              }
+            },
+            onKeyDown: function onKeyDown(props) {
+              var _ref;
+              var _component_ref;
+              if (props.event.key === "Escape") {
+                popup === null || popup === void 0 ? void 0 : popup.remove();
+                component === null || component === void 0 ? void 0 : component.destroy();
+                popup = null;
+                component = null;
+                return true;
+              }
+              return (_ref = component === null || component === void 0 ? void 0 : (_component_ref = component.ref) === null || _component_ref === void 0 ? void 0 : _component_ref.onKeyDown(props)) !== null && _ref !== void 0 ? _ref : false;
+            },
+            onExit: function onExit() {
+              popup === null || popup === void 0 ? void 0 : popup.remove();
+              component === null || component === void 0 ? void 0 : component.destroy();
+              popup = null;
+              component = null;
+            }
+          };
+        },
+        command: function command12(param) {
+          var {
+            editor,
+            range,
+            props
+          } = param;
+          props.command({
+            editor,
+            range
+          });
+        }
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    return [Suggestion({
+      editor: this.editor,
+      ...this.options.suggestion
+    })];
+  }
+});
+export { SlashCommands };
+//# sourceMappingURL=SlashCommands.native.js.map

package/dist/esm/editor/SlashCommands.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Extension","ReactRenderer","Suggestion","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","useState","SLASH_ITEMS","title","description","icon","command","param","editor","range","chain","focus","deleteRange","setHeading","level","run","command2","command3","command4","toggleBulletList","command5","toggleOrderedList","command6","toggleTaskList","command7","toggleCodeBlock","command8","toggleBlockquote","command9","setHorizontalRule","command10","insertTable","rows","cols","withHeaderRow","command11","url","window","prompt","setImage","src","SlashCommandsList","ref","items","command12","selectedIndex","setSelectedIndex","listRef","_listRef_current","el","current","children","scrollIntoView","block","selectItem","index","item","onKeyDown","param2","event","key","i","length","style","styles","container","empty","map","itemSelected","onClick","onMouseEnter","type","textGroup","displayName","background","border","borderRadius","boxShadow","padding","maxHeight","overflowY","minWidth","display","alignItems","gap","width","textAlign","cursor","fontSize","lineHeight","height","justifyContent","fontWeight","flexShrink","flexDirection","color","SlashCommands","create","name","addOptions"],"sources":["../../../src/editor/SlashCommands.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/editor/TentapEditor.native.js

@@ -0,0 +1,214 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from "react";
+import { StyleSheet, useColorScheme } from "react-native";
+import { RichText, useEditorBridge, TenTapStartKit, UnderlineBridge, LinkBridge, PlaceholderBridge, ColorBridge, HighlightBridge, ImageBridge, TaskListBridge, darkEditorCss, darkEditorTheme } from "@10play/tentap-editor";
+import { View, useThemeName } from "tamagui";
+import { RichEditorContext } from "../context.native.js";
+import { getEditorStateFromBridge } from "./useEditorState.native.js";
+function useNativeEditorDarkMode() {
+  var themeName = useThemeName();
+  var osScheme = useColorScheme();
+  if (themeName != null && `${themeName}` !== "") {
+    return String(themeName).startsWith("dark");
+  }
+  return osScheme === "dark";
+}
+var TentapEditor = /* @__PURE__ */forwardRef(function (param, ref) {
+  var {
+    initialContent = "",
+    initialJSON,
+    placeholder = "Start writing...",
+    editable = true,
+    autoFocus = false,
+    onChange,
+    onStateChange,
+    minHeight = 150,
+    maxHeight,
+    hasError: _hasError
+  } = param;
+  var ctx = RichEditorContext.useStyledContext();
+  var isDarkMode = useNativeEditorDarkMode();
+  var cachedHtml = useRef("");
+  var cachedJson = useRef(null);
+  var editor = useEditorBridge({
+    bridgeExtensions: [...TenTapStartKit, UnderlineBridge, LinkBridge, ColorBridge, HighlightBridge, ImageBridge, TaskListBridge, PlaceholderBridge.configureExtension({
+      placeholder
+    })],
+    theme: isDarkMode ? darkEditorTheme : void 0,
+    initialContent: initialJSON ? JSON.stringify(initialJSON) : initialContent,
+    autofocus: autoFocus,
+    editable,
+    onChange: async function onChange1() {
+      try {
+        var html = await editor.getHTML();
+        var json = await editor.getJSON();
+        cachedHtml.current = html;
+        cachedJson.current = json;
+        onChange === null || onChange === void 0 ? void 0 : onChange(html, json);
+      } catch (unused) {}
+    }
+  });
+  useEffect(function () {
+    var id = setTimeout(function () {
+      if (isDarkMode) {
+        editor.injectCSS(darkEditorCss, "multiplatform-tentap-dark");
+      } else {
+        editor.injectCSS("", "multiplatform-tentap-dark");
+      }
+    }, 150);
+    return function () {
+      return clearTimeout(id);
+    };
+  }, [editor, isDarkMode]);
+  useEffect(function () {
+    var unsubscribe = editor._subscribeToEditorStateUpdate(function (state) {
+      var editorState = getEditorStateFromBridge(state);
+      onStateChange === null || onStateChange === void 0 ? void 0 : onStateChange(editorState);
+    });
+    return unsubscribe;
+  }, [editor, onStateChange]);
+  var executeCommand = useCallback(function (command, payload) {
+    switch (command) {
+      case "bold":
+        editor.toggleBold();
+        break;
+      case "italic":
+        editor.toggleItalic();
+        break;
+      case "underline":
+        editor.toggleUnderline();
+        break;
+      case "strike":
+        editor.toggleStrike();
+        break;
+      case "code":
+        editor.toggleCode();
+        break;
+      /** 10Tap does not have a subscript bridge extension */
+      case "subscript":
+        break;
+      /** 10Tap does not have a superscript bridge extension */
+      case "superscript":
+        break;
+      case "heading1":
+        editor.toggleHeading(1);
+        break;
+      case "heading2":
+        editor.toggleHeading(2);
+        break;
+      case "heading3":
+        editor.toggleHeading(3);
+        break;
+      case "heading4":
+        editor.toggleHeading(4);
+        break;
+      case "heading5":
+        editor.toggleHeading(5);
+        break;
+      case "heading6":
+        editor.toggleHeading(6);
+        break;
+      case "paragraph":
+        break;
+      case "bulletList":
+        editor.toggleBulletList();
+        break;
+      case "orderedList":
+        editor.toggleOrderedList();
+        break;
+      case "taskList":
+        editor.toggleTaskList();
+        break;
+      case "image":
+        if (payload === null || payload === void 0 ? void 0 : payload.src) {
+          editor.setImage(payload.src);
+        }
+        break;
+      case "blockquote":
+        editor.toggleBlockquote();
+        break;
+      /** 10Tap does not have a codeBlock bridge extension */
+      case "codeBlock":
+        break;
+      case "link":
+        if (payload === null || payload === void 0 ? void 0 : payload.href) {
+          editor.setLink(payload.href);
+        }
+        break;
+      case "undo":
+        editor.undo();
+        break;
+      case "redo":
+        editor.redo();
+        break;
+      /** 10Tap does not have text alignment bridge extensions */
+      case "alignLeft":
+      case "alignCenter":
+      case "alignRight":
+      case "alignJustify":
+        break;
+      case "textColor":
+        if (payload === null || payload === void 0 ? void 0 : payload.color) {
+          editor.setColor(payload.color);
+        }
+        break;
+      case "highlight":
+        if (payload === null || payload === void 0 ? void 0 : payload.color) {
+          editor.setHighlight(payload.color);
+        }
+        break;
+      /** 10Tap does not have a horizontal rule bridge extension */
+      case "horizontalRule":
+        break;
+      /** 10Tap does not have a clear formatting bridge extension */
+      case "clearFormatting":
+        break;
+    }
+  }, [editor]);
+  useImperativeHandle(ref, function () {
+    return {
+      executeCommand,
+      getState: function getState() {
+        return getEditorStateFromBridge(editor.getEditorState());
+      },
+      getHTML: function getHTML() {
+        return cachedHtml.current;
+      },
+      getJSON: function getJSON() {
+        return cachedJson.current;
+      },
+      setHTML: function setHTML(html) {
+        return editor.setContent(html);
+      },
+      setJSON: function setJSON(json) {
+        return editor.setContent(JSON.stringify(json));
+      },
+      focus: function focus() {
+        return editor.focus();
+      },
+      blur: function blur() {
+        return editor.blur();
+      }
+    };
+  }, [editor, executeCommand]);
+  return /* @__PURE__ */_jsx(View, {
+    minHeight,
+    maxHeight,
+    backgroundColor: ctx.disabled ? "$color3" : "$color2",
+    overflow: "hidden",
+    opacity: ctx.disabled ? 0.5 : 1,
+    children: /* @__PURE__ */_jsx(RichText, {
+      editor,
+      style: styles.editor
+    })
+  });
+});
+TentapEditor.displayName = "TentapEditor";
+var styles = StyleSheet.create({
+  editor: {
+    flex: 1,
+    minHeight: 150
+  }
+});
+export { TentapEditor };
+//# sourceMappingURL=TentapEditor.native.js.map

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

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