@multiplatform.one/rich-text 6.0.0

package/dist/cjs/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/cjs/editor/SlashCommands.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SlashCommands_exports","__export","SlashCommands","module","exports","import_jsx_runtime","require","import_core","import_react","import_suggestion","__toESM","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","key","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","height","justifyContent","fontWeight","flexShrink","flexDirection","color","Extension","create","name"],"sources":["../../../src/editor/SlashCommands.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/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