@multiplatform.one/rich-text 6.0.0

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

@@ -0,0 +1,424 @@
+"use strict";
+
+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 SlashCommands_exports = {};
+__export(SlashCommands_exports, {
+  SlashCommands: () => SlashCommands
+});
+module.exports = __toCommonJS(SlashCommands_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tiptap/core");
+var import_react = require("@tiptap/react");
+var import_suggestion = __toESM(require("@tiptap/suggestion"));
+var import_react2 = require("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__ */(0, import_react2.forwardRef)(function (param, ref) {
+  var {
+    items,
+    command: command12
+  } = param;
+  var [selectedIndex, setSelectedIndex] = (0, import_react2.useState)(0);
+  var listRef = (0, import_react2.useRef)(null);
+  (0, import_react2.useEffect)(function () {
+    setSelectedIndex(0);
+  }, [items]);
+  (0, import_react2.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 = (0, import_react2.useCallback)(function (index) {
+    var item = items[index];
+    if (item) command12(item);
+  }, [items, command12]);
+  (0, import_react2.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__ */(0, import_jsx_runtime.jsx)("div", {
+      style: styles.container,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+        style: styles.empty,
+        children: "No results"
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+    style: styles.container,
+    ref: listRef,
+    children: items.map(function (item, index) {
+      return /* @__PURE__ */(0, import_jsx_runtime.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__ */(0, import_jsx_runtime.jsx)("span", {
+          style: styles.icon,
+          children: item.icon
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)("span", {
+          style: styles.textGroup,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+            style: styles.title,
+            children: item.title
+          }), /* @__PURE__ */(0, import_jsx_runtime.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 = import_core.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 import_react.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 [(0, import_suggestion.default)({
+      editor: this.editor,
+      ...this.options.suggestion
+    })];
+  }
+});
+//# sourceMappingURL=SlashCommands.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","SlashCommands_exports","SlashCommands","module","exports","import_jsx_runtime","require","import_core","import_react","import_suggestion","import_react2","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","forwardRef","ref","items","command12","selectedIndex","setSelectedIndex","useState","listRef","useRef","useEffect","_listRef_current","el","current","children","scrollIntoView","block","selectItem","useCallback","index","item","useImperativeHandle","onKeyDown","param2","event","i","length","jsx","style","styles","container","empty","map","jsxs","itemSelected","onClick","onMouseEnter","type","textGroup","displayName","background","border","borderRadius","boxShadow","padding","maxHeight","overflowY","minWidth","display","alignItems","gap","width","textAlign","cursor","fontSize","lineHeight"],"sources":["../../../src/editor/SlashCommands.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,242 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var TentapEditor_native_exports = {};
+__export(TentapEditor_native_exports, {
+  TentapEditor: () => TentapEditor
+});
+module.exports = __toCommonJS(TentapEditor_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_native = require("react-native");
+var import_tentap_editor = require("@10play/tentap-editor");
+var import_tamagui = require("tamagui");
+var import_context = require("../context.native.js");
+var import_useEditorState = require("./useEditorState.native.js");
+function useNativeEditorDarkMode() {
+  var themeName = (0, import_tamagui.useThemeName)();
+  var osScheme = (0, import_react_native.useColorScheme)();
+  if (themeName != null && `${themeName}` !== "") {
+    return String(themeName).startsWith("dark");
+  }
+  return osScheme === "dark";
+}
+var TentapEditor = /* @__PURE__ */(0, import_react.forwardRef)(function (param, ref) {
+  var {
+    initialContent = "",
+    initialJSON,
+    placeholder = "Start writing...",
+    editable = true,
+    autoFocus = false,
+    onChange,
+    onStateChange,
+    minHeight = 150,
+    maxHeight,
+    hasError: _hasError
+  } = param;
+  var ctx = import_context.RichEditorContext.useStyledContext();
+  var isDarkMode = useNativeEditorDarkMode();
+  var cachedHtml = (0, import_react.useRef)("");
+  var cachedJson = (0, import_react.useRef)(null);
+  var editor = (0, import_tentap_editor.useEditorBridge)({
+    bridgeExtensions: [...import_tentap_editor.TenTapStartKit, import_tentap_editor.UnderlineBridge, import_tentap_editor.LinkBridge, import_tentap_editor.ColorBridge, import_tentap_editor.HighlightBridge, import_tentap_editor.ImageBridge, import_tentap_editor.TaskListBridge, import_tentap_editor.PlaceholderBridge.configureExtension({
+      placeholder
+    })],
+    theme: isDarkMode ? import_tentap_editor.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) {}
+    }
+  });
+  (0, import_react.useEffect)(function () {
+    var id = setTimeout(function () {
+      if (isDarkMode) {
+        editor.injectCSS(import_tentap_editor.darkEditorCss, "multiplatform-tentap-dark");
+      } else {
+        editor.injectCSS("", "multiplatform-tentap-dark");
+      }
+    }, 150);
+    return function () {
+      return clearTimeout(id);
+    };
+  }, [editor, isDarkMode]);
+  (0, import_react.useEffect)(function () {
+    var unsubscribe = editor._subscribeToEditorStateUpdate(function (state) {
+      var editorState = (0, import_useEditorState.getEditorStateFromBridge)(state);
+      onStateChange === null || onStateChange === void 0 ? void 0 : onStateChange(editorState);
+    });
+    return unsubscribe;
+  }, [editor, onStateChange]);
+  var executeCommand = (0, import_react.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]);
+  (0, import_react.useImperativeHandle)(ref, function () {
+    return {
+      executeCommand,
+      getState: function getState() {
+        return (0, import_useEditorState.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    minHeight,
+    maxHeight,
+    backgroundColor: ctx.disabled ? "$color3" : "$color2",
+    overflow: "hidden",
+    opacity: ctx.disabled ? 0.5 : 1,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tentap_editor.RichText, {
+      editor,
+      style: styles.editor
+    })
+  });
+});
+TentapEditor.displayName = "TentapEditor";
+var styles = import_react_native.StyleSheet.create({
+  editor: {
+    flex: 1,
+    minHeight: 150
+  }
+});
+//# sourceMappingURL=TentapEditor.native.js.map