@multiplatform.one/rich-text 6.1.0 → 6.4.0

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","BlockDragHandle_exports","BlockDragHandle","module","exports","import_core","require","import_state","HANDLE_WIDTH","HANDLE_HTML","createHandleElement","el","document","createElement","className","draggable","innerHTML","assign","style","position","width","height","display","alignItems","justifyContent","cursor","borderRadius","opacity","transition","zIndex","userSelect","Extension","create","addProseMirrorPlugins","editor","handle","currentBlockPos","Plugin","PluginKey","view","editorView","_editorView_dom_parentElement","dom","parentElement","appendChild","onMouseMove","onMouseMove2","event","contains","pos","posAtCoords","left","clientX","top","clientY","$pos","state","doc","resolve","depth","topLevelPos","before","node","nodeAt","domNode","nodeDOM","editorRect","getBoundingClientRect","blockRect","onMouseLeave","onMouseLeave2","onDragStart","onDragStart2","_event_dataTransfer","sel","NodeSelection","dispatch","tr","setSelection"],"sources":["../../../src/editor/BlockDragHandle.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","BlockDragHandle_exports","BlockDragHandle","module","exports","import_core","require","import_state","HANDLE_WIDTH","SVG_NS","GRIP_DOTS","createGripIcon","svg","document","createElementNS","setAttribute","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","cx","cy","circle","String","appendChild","err","return","createHandleElement","el","createElement","className","draggable","assign","style","position","width","height","display","alignItems","justifyContent","cursor","borderRadius","opacity","zIndex","userSelect","Extension","create","addProseMirrorPlugins","handle","currentBlockPos","Plugin","PluginKey","view","editorView","_editorView_dom_parentElement","dom","parentElement","onMouseMove","onMouseMove2","event","contains","pos","posAtCoords","left","clientX","top","clientY","$pos","state","doc","resolve","depth"],"sources":["../../../src/editor/BlockDragHandle.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/editor/SlashCommands.mjs

@@ -1,252 +1,256 @@
 import { Extension } from "@tiptap/core";
-import { ReactRenderer } from "@tiptap/react";
 import Suggestion from "@tiptap/suggestion";
-import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const SLASH_ITEMS = [{
-  title: "Heading 1",
-  description: "Large section heading",
-  icon: "H1",
-  command: ({
-    editor,
-    range
-  }) => editor.chain().focus().deleteRange(range).setHeading({
-    level: 1
-  }).run()
-}, {
-  title: "Heading 2",
-  description: "Medium section heading",
-  icon: "H2",
-  command: ({
-    editor,
-    range
-  }) => editor.chain().focus().deleteRange(range).setHeading({
-    level: 2
-  }).run()
-}, {
-  title: "Heading 3",
-  description: "Small section heading",
-  icon: "H3",
-  command: ({
-    editor,
-    range
-  }) => editor.chain().focus().deleteRange(range).setHeading({
-    level: 3
-  }).run()
-}, {
-  title: "Bullet List",
-  description: "Unordered list with bullets",
-  icon: "\u2022",
-  command: ({
-    editor,
-    range
-  }) => editor.chain().focus().deleteRange(range).toggleBulletList().run()
-}, {
-  title: "Numbered List",
-  description: "Ordered list with numbers",
-  icon: "1.",
-  command: ({
-    editor,
-    range
-  }) => editor.chain().focus().deleteRange(range).toggleOrderedList().run()
-}, {
-  title: "Task List",
-  description: "List with checkboxes",
-  icon: "\u2611",
-  command: ({
-    editor,
-    range
-  }) => editor.chain().focus().deleteRange(range).toggleTaskList().run()
-}, {
-  title: "Code Block",
-  description: "Fenced code with syntax highlighting",
-  icon: "<>",
-  command: ({
-    editor,
-    range
-  }) => editor.chain().focus().deleteRange(range).toggleCodeBlock().run()
-}, {
-  title: "Blockquote",
-  description: "Quoted text block",
-  icon: "\u275D",
-  command: ({
-    editor,
-    range
-  }) => editor.chain().focus().deleteRange(range).toggleBlockquote().run()
-}, {
-  title: "Horizontal Rule",
-  description: "Visual divider line",
-  icon: "\u2014",
-  command: ({
-    editor,
-    range
-  }) => editor.chain().focus().deleteRange(range).setHorizontalRule().run()
-}, {
-  title: "Table",
-  description: "Insert a 3\xD73 table",
-  icon: "\u229E",
-  command: ({
-    editor,
-    range
-  }) => editor.chain().focus().deleteRange(range).insertTable({
-    rows: 3,
-    cols: 3,
-    withHeaderRow: true
-  }).run()
-}, {
-  title: "Image",
-  description: "Insert image from URL",
-  icon: "\u{1F5BC}",
-  command: ({
-    editor,
-    range
-  }) => {
-    const url = window.prompt("Image URL:");
-    if (url) {
-      editor.chain().focus().deleteRange(range).setImage({
-        src: url
-      }).run();
-    }
-  }
-}];
-const SlashCommandsList = forwardRef(({
-  items,
-  command
-}, ref) => {
-  const [selectedIndex, setSelectedIndex] = useState(0);
-  const listRef = useRef(null);
-  useEffect(() => {
-    setSelectedIndex(0);
-  }, [items]);
-  useEffect(() => {
-    const el = listRef.current?.children[selectedIndex];
-    el?.scrollIntoView({
-      block: "nearest"
-    });
-  }, [selectedIndex]);
-  const selectItem = useCallback(index => {
-    const item = items[index];
-    if (item) command(item);
-  }, [items, command]);
-  useImperativeHandle(ref, () => ({
-    onKeyDown: ({
-      event
-    }) => {
-      if (event.key === "ArrowUp") {
-        setSelectedIndex(i => (i + items.length - 1) % items.length);
-        return true;
-      }
-      if (event.key === "ArrowDown") {
-        setSelectedIndex(i => (i + 1) % items.length);
-        return true;
+import { CaretCircleDownIcon, CodeIcon, FunctionIcon, ImageIcon, ListBulletsIcon, ListChecksIcon, ListNumbersIcon, MathOperationsIcon, MinusIcon, QuotesIcon, SmileyIcon, TableIcon, TextHOneIcon, TextHThreeIcon, TextHTwoIcon, TextTIcon, TreeStructureIcon } from "@phosphor-icons/react";
+import { t } from "../shared/t.mjs";
+import { createSuggestionRenderer, getSuggestionChrome } from "./suggestionPopup.mjs";
+import { jsx } from "react/jsx-runtime";
+function insertImageFromSlash(editor, range) {
+  const handlers = editor.storage.mediaUpload?.handlers ?? {};
+  if (handlers.onImageUpload && typeof document !== "undefined") {
+    const input = document.createElement("input");
+    input.type = "file";
+    input.accept = "image/*";
+    input.onchange = async () => {
+      const file = input.files?.[0];
+      if (!file) return;
+      try {
+        const src = await handlers.onImageUpload(file);
+        editor.chain().focus().deleteRange(range).setImage({
+          src,
+          alt: file.name.replace(/\.[a-z0-9]+$/i, "")
+        }).run();
+      } catch (err) {
+        console.warn("[rich-text] image upload failed:", err);
       }
-      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"
-      })
-    });
+    };
+    input.click();
+    return;
   }
-  return /* @__PURE__ */jsx("div", {
-    style: styles.container,
-    ref: listRef,
-    children: items.map((item, index) => /* @__PURE__ */jsxs("button", {
-      style: {
-        ...styles.item,
-        ...(index === selectedIndex ? styles.itemSelected : {})
-      },
-      onClick: () => selectItem(index),
-      onMouseEnter: () => 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";
-const 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"
+  const url = window.prompt(t("Image URL:"));
+  if (url) {
+    editor.chain().focus().deleteRange(range).setImage({
+      src: url
+    }).run();
   }
-};
+}
+const ICON_SIZE = 16;
+function getSlashItems() {
+  return [{
+    id: "text",
+    title: t("Text"),
+    description: t("Plain paragraph text"),
+    icon: /* @__PURE__ */jsx(TextTIcon, {
+      size: ICON_SIZE
+    }),
+    command: ({
+      editor,
+      range
+    }) => editor.chain().focus().deleteRange(range).setParagraph().run()
+  }, {
+    id: "heading1",
+    title: t("Heading 1"),
+    description: t("Large section heading"),
+    icon: /* @__PURE__ */jsx(TextHOneIcon, {
+      size: ICON_SIZE
+    }),
+    command: ({
+      editor,
+      range
+    }) => editor.chain().focus().deleteRange(range).setHeading({
+      level: 1
+    }).run()
+  }, {
+    id: "heading2",
+    title: t("Heading 2"),
+    description: t("Medium section heading"),
+    icon: /* @__PURE__ */jsx(TextHTwoIcon, {
+      size: ICON_SIZE
+    }),
+    command: ({
+      editor,
+      range
+    }) => editor.chain().focus().deleteRange(range).setHeading({
+      level: 2
+    }).run()
+  }, {
+    id: "heading3",
+    title: t("Heading 3"),
+    description: t("Small section heading"),
+    icon: /* @__PURE__ */jsx(TextHThreeIcon, {
+      size: ICON_SIZE
+    }),
+    command: ({
+      editor,
+      range
+    }) => editor.chain().focus().deleteRange(range).setHeading({
+      level: 3
+    }).run()
+  }, {
+    id: "bulletList",
+    title: t("Bullet List"),
+    description: t("Unordered list with bullets"),
+    icon: /* @__PURE__ */jsx(ListBulletsIcon, {
+      size: ICON_SIZE
+    }),
+    command: ({
+      editor,
+      range
+    }) => editor.chain().focus().deleteRange(range).toggleBulletList().run()
+  }, {
+    id: "orderedList",
+    title: t("Numbered List"),
+    description: t("Ordered list with numbers"),
+    icon: /* @__PURE__ */jsx(ListNumbersIcon, {
+      size: ICON_SIZE
+    }),
+    command: ({
+      editor,
+      range
+    }) => editor.chain().focus().deleteRange(range).toggleOrderedList().run()
+  }, {
+    id: "taskList",
+    title: t("Task List"),
+    description: t("List with checkboxes"),
+    icon: /* @__PURE__ */jsx(ListChecksIcon, {
+      size: ICON_SIZE
+    }),
+    command: ({
+      editor,
+      range
+    }) => editor.chain().focus().deleteRange(range).toggleTaskList().run()
+  }, {
+    id: "codeBlock",
+    title: t("Code Block"),
+    description: t("Fenced code with syntax highlighting"),
+    icon: /* @__PURE__ */jsx(CodeIcon, {
+      size: ICON_SIZE
+    }),
+    command: ({
+      editor,
+      range
+    }) => editor.chain().focus().deleteRange(range).toggleCodeBlock().run()
+  }, {
+    id: "blockquote",
+    title: t("Blockquote"),
+    description: t("Quoted text block"),
+    icon: /* @__PURE__ */jsx(QuotesIcon, {
+      size: ICON_SIZE
+    }),
+    command: ({
+      editor,
+      range
+    }) => editor.chain().focus().deleteRange(range).toggleBlockquote().run()
+  }, {
+    id: "horizontalRule",
+    title: t("Horizontal Rule"),
+    description: t("Visual divider line"),
+    icon: /* @__PURE__ */jsx(MinusIcon, {
+      size: ICON_SIZE
+    }),
+    command: ({
+      editor,
+      range
+    }) => editor.chain().focus().deleteRange(range).setHorizontalRule().run()
+  }, {
+    id: "table",
+    title: t("Table"),
+    description: t("Insert a 3\xD73 table"),
+    icon: /* @__PURE__ */jsx(TableIcon, {
+      size: ICON_SIZE
+    }),
+    command: ({
+      editor,
+      range
+    }) => editor.chain().focus().deleteRange(range).insertTable({
+      rows: 3,
+      cols: 3,
+      withHeaderRow: true
+    }).run()
+  }, {
+    id: "image",
+    title: t("Image"),
+    description: t("Upload or embed an image"),
+    icon: /* @__PURE__ */jsx(ImageIcon, {
+      size: ICON_SIZE
+    }),
+    command: ({
+      editor,
+      range
+    }) => insertImageFromSlash(editor, range)
+  }, {
+    id: "mermaid",
+    title: t("Mermaid Diagram"),
+    description: t("Diagram code with live preview"),
+    icon: /* @__PURE__ */jsx(TreeStructureIcon, {
+      size: ICON_SIZE
+    }),
+    command: ({
+      editor,
+      range
+    }) => editor.chain().focus().deleteRange(range).setCodeBlock({
+      language: "mermaid"
+    }).run()
+  }, {
+    id: "mathBlock",
+    title: t("Math Block"),
+    description: t("Display TeX math with live preview"),
+    icon: /* @__PURE__ */jsx(MathOperationsIcon, {
+      size: ICON_SIZE
+    }),
+    command: ({
+      editor,
+      range
+    }) => editor.chain().focus().deleteRange(range).setCodeBlock({
+      language: "math"
+    }).run()
+  }, {
+    id: "inlineMath",
+    title: t("Inline Math"),
+    description: t("TeX formula in the text flow"),
+    icon: /* @__PURE__ */jsx(FunctionIcon, {
+      size: ICON_SIZE
+    }),
+    command: ({
+      editor,
+      range
+    }) => editor.chain().focus().deleteRange(range).insertInlineMath().run()
+  }, {
+    id: "details",
+    title: t("Collapsible Section"),
+    description: t("Expandable details with a summary"),
+    icon: /* @__PURE__ */jsx(CaretCircleDownIcon, {
+      size: ICON_SIZE
+    }),
+    // open: true so the freshly inserted section is expanded for typing
+    command: ({
+      editor,
+      range
+    }) => editor.chain().focus().deleteRange(range).setDetails().updateAttributes("details", {
+      open: true
+    }).run()
+  }, {
+    id: "emoji",
+    title: t("Emoji"),
+    description: t("Search emoji by name"),
+    icon: /* @__PURE__ */jsx(SmileyIcon, {
+      size: ICON_SIZE
+    }),
+    // inserting ":" hands off to the emoji suggestion popup
+    command: ({
+      editor,
+      range
+    }) => editor.chain().focus().deleteRange(range).insertContent(":").run()
+  }];
+}
 const SlashCommands = Extension.create({
   name: "slashCommands",
   addOptions() {
     return {
+      /**
+       * Item ids removed from the menu (capability gating — e.g. markdown
+       * capabilities exclude math/details, which GFM cannot express).
+       */
+      excludeIds: [],
       suggestion: {
         char: "/",
         startOfLine: false,
@@ -254,61 +258,18 @@ const SlashCommands = Extension.create({
           query
         }) => {
           const q = query.toLowerCase();
-          return SLASH_ITEMS.filter(item => item.title.toLowerCase().includes(q) || item.description.toLowerCase().includes(q));
-        },
-        render: () => {
-          let component = null;
-          let popup = null;
-          return {
-            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);
-              const {
-                clientRect
-              } = props;
-              if (clientRect) {
-                const rect = clientRect();
-                if (rect) {
-                  popup.style.left = `${rect.left}px`;
-                  popup.style.top = `${rect.bottom + 4}px`;
-                }
-              }
-            },
-            onUpdate: props => {
-              component?.updateProps(props);
-              if (popup && props.clientRect) {
-                const rect = props.clientRect();
-                if (rect) {
-                  popup.style.left = `${rect.left}px`;
-                  popup.style.top = `${rect.bottom + 4}px`;
-                }
-              }
-            },
-            onKeyDown: props => {
-              if (props.event.key === "Escape") {
-                popup?.remove();
-                component?.destroy();
-                popup = null;
-                component = null;
-                return true;
-              }
-              return component?.ref?.onKeyDown(props) ?? false;
-            },
-            onExit: () => {
-              popup?.remove();
-              component?.destroy();
-              popup = null;
-              component = null;
-            }
-          };
+          return getSlashItems().filter(item => item.title.toLowerCase().includes(q) || item.description.toLowerCase().includes(q));
         },
+        render: createSuggestionRenderer({
+          toRow: item => ({
+            key: item.id,
+            title: item.title,
+            description: item.description,
+            icon: item.icon
+          }),
+          getChrome: getSuggestionChrome,
+          getEmptyLabel: () => t("No results")
+        }),
         command: ({
           editor,
           range,
@@ -323,9 +284,11 @@ const SlashCommands = Extension.create({
     };
   },
   addProseMirrorPlugins() {
+    const excludeIds = this.options.excludeIds ?? [];
     return [Suggestion({
       editor: this.editor,
-      ...this.options.suggestion
+      ...this.options.suggestion,
+      items: args => this.options.suggestion.items(args).filter(item => !excludeIds.includes(item.id))
     })];
   }
 });