@multiplatform.one/rich-text 6.1.0 → 6.4.0

package/dist/esm/toolbar/MathBubble.mjs

@@ -0,0 +1,134 @@
+import { useCallback, useEffect, useState } from "react";
+import { BubbleMenu } from "@tiptap/react/menus";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { PencilSimpleIcon, TrashIcon } from "@phosphor-icons/react";
+import { Input, Text, XStack, YStack } from "tamagui";
+import { Button } from "@multiplatform.one/forms";
+import { renderKatexHtml } from "../editor/lazyKatex.mjs";
+import { ToolbarButton } from "./ToolbarButton.mjs";
+import { t } from "../shared/t.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function MathBubble({
+  editor
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [editing, setEditing] = useState(false);
+  const [latex, setLatex] = useState("");
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!editing) return void 0;
+    if (!latex.trim()) {
+      setError(null);
+      return void 0;
+    }
+    let cancelled = false;
+    void renderKatexHtml(latex).then(result => {
+      if (!cancelled) setError(result.ok ? null : result.error);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [latex, editing]);
+  const handleEdit = useCallback(() => {
+    if (!editor) return;
+    setLatex(editor.getAttributes("inlineMath").latex ?? "");
+    setError(null);
+    setEditing(true);
+  }, [editor]);
+  const handleSave = useCallback(() => {
+    if (!editor) return;
+    editor.chain().focus().updateInlineMath({
+      latex: latex.trim()
+    }).run();
+    setEditing(false);
+  }, [editor, latex]);
+  const handleRemove = useCallback(() => {
+    if (!editor) return;
+    editor.chain().focus().deleteSelection().run();
+    setEditing(false);
+  }, [editor]);
+  if (!editor) return null;
+  return /* @__PURE__ */jsx(BubbleMenu, {
+    editor,
+    className: "rt-bubble-menu",
+    shouldShow: ({
+      editor: e
+    }) => e.isActive("inlineMath"),
+    options: {
+      placement: "top",
+      offset: 6
+    },
+    children: /* @__PURE__ */jsx(XStack, {
+      backgroundColor: "$background",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      borderRadius: knobProps.borderRadius.borderRadius,
+      padding: "$1.5",
+      gap: "$1.5",
+      alignItems: "center",
+      elevation: knobProps.elevation,
+      children: editing ? /* @__PURE__ */jsxs(YStack, {
+        gap: "$1.5",
+        children: [/* @__PURE__ */jsx(Input, {
+          size: "$2",
+          placeholder: "x^2 + y^2",
+          value: latex,
+          onChangeText: setLatex,
+          onSubmitEditing: handleSave,
+          "aria-label": t("TeX expression"),
+          autoFocus: true,
+          minWidth: 220,
+          fontFamily: "$mono"
+        }), error ? /* @__PURE__ */jsx(Text, {
+          color: "$red11",
+          fontSize: 11,
+          maxWidth: 260,
+          role: "alert",
+          children: error
+        }) : null, /* @__PURE__ */jsxs(XStack, {
+          gap: "$1",
+          justifyContent: "flex-end",
+          children: [/* @__PURE__ */jsx(Button, {
+            size: "$2",
+            onPress: () => setEditing(false),
+            "aria-label": t("Cancel"),
+            children: t("Cancel")
+          }), /* @__PURE__ */jsx(Button, {
+            size: "$2",
+            theme: "active",
+            onPress: handleSave,
+            "aria-label": t("Save math"),
+            children: t("Save")
+          })]
+        })]
+      }) : /* @__PURE__ */jsxs(Fragment, {
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: 12,
+          fontFamily: "$mono",
+          maxWidth: 220,
+          numberOfLines: 1,
+          color: "$color11",
+          children: editor.getAttributes("inlineMath").latex || t("empty")
+        }), /* @__PURE__ */jsx(ToolbarButton, {
+          onPress: handleEdit,
+          "aria-label": t("Edit math"),
+          tooltip: t("Edit math"),
+          children: /* @__PURE__ */jsx(PencilSimpleIcon, {
+            size: 14
+          })
+        }), /* @__PURE__ */jsx(ToolbarButton, {
+          onPress: handleRemove,
+          "aria-label": t("Remove math"),
+          tooltip: t("Remove math"),
+          children: /* @__PURE__ */jsx(TrashIcon, {
+            size: 14
+          })
+        })]
+      })
+    })
+  });
+}
+export { MathBubble };
+//# sourceMappingURL=MathBubble.mjs.map

package/dist/esm/toolbar/MathBubble.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useState","BubbleMenu","useResolvedKnobs","PencilSimpleIcon","TrashIcon","Input","Text","XStack","YStack","Button","renderKatexHtml","ToolbarButton","t","Fragment","jsx","jsxs","MathBubble","editor","knobProps","editing","setEditing","latex","setLatex","error","setError","trim","cancelled","then","result","ok","handleEdit","getAttributes","handleSave","chain","focus","updateInlineMath","run","handleRemove","deleteSelection","className","shouldShow","e","isActive","options","placement","offset","children","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","size","placeholder","value","onChangeText","onSubmitEditing","autoFocus","minWidth","fontFamily","color","fontSize","maxWidth","role","justifyContent","onPress","theme","numberOfLines","tooltip"],"sources":["../../../src/toolbar/MathBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/toolbar/MathBubble.native.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { BubbleMenu } from "@tiptap/react/menus";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { PencilSimpleIcon, TrashIcon } from "@phosphor-icons/react";
+import { Input, Text, XStack, YStack } from "tamagui";
+import { Button } from "@multiplatform.one/forms";
+import { renderKatexHtml } from "../editor/lazyKatex.native.js";
+import { ToolbarButton } from "./ToolbarButton.native.js";
+import { t } from "../shared/t.native.js";
+function MathBubble(param) {
+  var {
+    editor
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var [editing, setEditing] = useState(false);
+  var [latex, setLatex] = useState("");
+  var [error, setError] = useState(null);
+  useEffect(function () {
+    if (!editing) return void 0;
+    if (!latex.trim()) {
+      setError(null);
+      return void 0;
+    }
+    var cancelled = false;
+    void renderKatexHtml(latex).then(function (result) {
+      if (!cancelled) setError(result.ok ? null : result.error);
+    });
+    return function () {
+      cancelled = true;
+    };
+  }, [latex, editing]);
+  var handleEdit = useCallback(function () {
+    var _editor_getAttributes_latex;
+    if (!editor) return;
+    setLatex((_editor_getAttributes_latex = editor.getAttributes("inlineMath").latex) !== null && _editor_getAttributes_latex !== void 0 ? _editor_getAttributes_latex : "");
+    setError(null);
+    setEditing(true);
+  }, [editor]);
+  var handleSave = useCallback(function () {
+    if (!editor) return;
+    editor.chain().focus().updateInlineMath({
+      latex: latex.trim()
+    }).run();
+    setEditing(false);
+  }, [editor, latex]);
+  var handleRemove = useCallback(function () {
+    if (!editor) return;
+    editor.chain().focus().deleteSelection().run();
+    setEditing(false);
+  }, [editor]);
+  if (!editor) return null;
+  return /* @__PURE__ */_jsx(BubbleMenu, {
+    editor,
+    className: "rt-bubble-menu",
+    shouldShow: function shouldShow(param2) {
+      var {
+        editor: e
+      } = param2;
+      return e.isActive("inlineMath");
+    },
+    options: {
+      placement: "top",
+      offset: 6
+    },
+    children: /* @__PURE__ */_jsx(XStack, {
+      backgroundColor: "$background",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      borderRadius: knobProps.borderRadius.borderRadius,
+      padding: "$1.5",
+      gap: "$1.5",
+      alignItems: "center",
+      elevation: knobProps.elevation,
+      children: editing ? /* @__PURE__ */_jsxs(YStack, {
+        gap: "$1.5",
+        children: [/* @__PURE__ */_jsx(Input, {
+          size: "$2",
+          placeholder: "x^2 + y^2",
+          value: latex,
+          onChangeText: setLatex,
+          onSubmitEditing: handleSave,
+          "aria-label": t("TeX expression"),
+          autoFocus: true,
+          minWidth: 220,
+          fontFamily: "$mono"
+        }), error ? /* @__PURE__ */_jsx(Text, {
+          color: "$red11",
+          fontSize: 11,
+          maxWidth: 260,
+          role: "alert",
+          children: error
+        }) : null, /* @__PURE__ */_jsxs(XStack, {
+          gap: "$1",
+          justifyContent: "flex-end",
+          children: [/* @__PURE__ */_jsx(Button, {
+            size: "$2",
+            onPress: function onPress() {
+              return setEditing(false);
+            },
+            "aria-label": t("Cancel"),
+            children: t("Cancel")
+          }), /* @__PURE__ */_jsx(Button, {
+            size: "$2",
+            theme: "active",
+            onPress: handleSave,
+            "aria-label": t("Save math"),
+            children: t("Save")
+          })]
+        })]
+      }) : /* @__PURE__ */_jsxs(_Fragment, {
+        children: [/* @__PURE__ */_jsx(Text, {
+          fontSize: 12,
+          fontFamily: "$mono",
+          maxWidth: 220,
+          numberOfLines: 1,
+          color: "$color11",
+          children: editor.getAttributes("inlineMath").latex || t("empty")
+        }), /* @__PURE__ */_jsx(ToolbarButton, {
+          onPress: handleEdit,
+          "aria-label": t("Edit math"),
+          tooltip: t("Edit math"),
+          children: /* @__PURE__ */_jsx(PencilSimpleIcon, {
+            size: 14
+          })
+        }), /* @__PURE__ */_jsx(ToolbarButton, {
+          onPress: handleRemove,
+          "aria-label": t("Remove math"),
+          tooltip: t("Remove math"),
+          children: /* @__PURE__ */_jsx(TrashIcon, {
+            size: 14
+          })
+        })]
+      })
+    })
+  });
+}
+export { MathBubble };
+//# sourceMappingURL=MathBubble.native.js.map

package/dist/esm/toolbar/MathBubble.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useCallback","useEffect","useState","BubbleMenu","useResolvedKnobs","PencilSimpleIcon","TrashIcon","Input","Text","XStack","YStack","Button","renderKatexHtml","ToolbarButton","t","MathBubble","param","editor","knobProps","editing","setEditing","latex","setLatex","error","setError","trim","cancelled","then","result","ok","handleEdit","_editor_getAttributes_latex","getAttributes","handleSave","chain","focus","updateInlineMath","run","handleRemove","deleteSelection","className","shouldShow","param2","e","isActive","options","placement","offset","children","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","size","placeholder","value","onChangeText","onSubmitEditing","autoFocus","minWidth","fontFamily","color","fontSize","maxWidth","role","justifyContent","onPress","theme"],"sources":["../../../src/toolbar/MathBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/toolbar/MoreDropdown.mjs

@@ -1,77 +1,59 @@
-import { useState } from "react";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { Popover, Text, XStack, YStack } from "tamagui";
-import { DropdownMenuItemFrame, ToolbarSeparatorFrame } from "../styled.mjs";
+import { DotsThreeIcon } from "@phosphor-icons/react";
+import { useRef, useState } from "react";
+import { DropdownMenu } from "@multiplatform.one/components";
+import { isCommandInCapabilities } from "../editor/capabilities.mjs";
 import { ToolbarButton } from "./ToolbarButton.mjs";
 import { SubscriptIcon, SuperscriptIcon, AlignLeftIcon, AlignCenterIcon, AlignRightIcon, AlignJustifyIcon, HorizontalRuleIcon, ClearFormattingIcon } from "./icons.mjs";
 import { SHORTCUTS } from "./shortcuts.mjs";
+import { t } from "../shared/t.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const INLINE_ITEMS = [{
-  label: SHORTCUTS.subscript,
+  label: () => SHORTCUTS.subscript,
   command: "subscript",
   icon: SubscriptIcon,
   isActive: s => s.isSubscript
 }, {
-  label: SHORTCUTS.superscript,
+  label: () => SHORTCUTS.superscript,
   command: "superscript",
   icon: SuperscriptIcon,
   isActive: s => s.isSuperscript
 }];
 const ALIGN_ITEMS = [{
-  label: SHORTCUTS.alignLeft,
+  label: () => SHORTCUTS.alignLeft,
   command: "alignLeft",
   icon: AlignLeftIcon,
   isActive: s => s.textAlign === "left"
 }, {
-  label: SHORTCUTS.alignCenter,
+  label: () => SHORTCUTS.alignCenter,
   command: "alignCenter",
   icon: AlignCenterIcon,
   isActive: s => s.textAlign === "center"
 }, {
-  label: SHORTCUTS.alignRight,
+  label: () => SHORTCUTS.alignRight,
   command: "alignRight",
   icon: AlignRightIcon,
   isActive: s => s.textAlign === "right"
 }, {
-  label: SHORTCUTS.alignJustify,
+  label: () => SHORTCUTS.alignJustify,
   command: "alignJustify",
   icon: AlignJustifyIcon,
   isActive: s => s.textAlign === "justify"
 }];
 const BLOCK_ITEMS = [{
-  label: SHORTCUTS.horizontalRule,
+  label: () => SHORTCUTS.horizontalRule,
   command: "horizontalRule",
   icon: HorizontalRuleIcon
 }, {
-  label: SHORTCUTS.clearFormatting,
+  label: () => SHORTCUTS.clearFormatting,
   command: "clearFormatting",
   icon: ClearFormattingIcon
 }];
 function MoreIcon() {
-  return /* @__PURE__ */jsxs("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "currentColor",
-    stroke: "none",
-    children: [/* @__PURE__ */jsx("circle", {
-      cx: "5",
-      cy: "12",
-      r: "2"
-    }), /* @__PURE__ */jsx("circle", {
-      cx: "12",
-      cy: "12",
-      r: "2"
-    }), /* @__PURE__ */jsx("circle", {
-      cx: "19",
-      cy: "12",
-      r: "2"
-    })]
+  return /* @__PURE__ */jsx(DotsThreeIcon, {
+    size: 16,
+    weight: "bold"
   });
 }
-function preventFocusTheft(e) {
-  e.preventDefault();
-}
 function ItemSection({
   items,
   state,
@@ -80,15 +62,14 @@ function ItemSection({
   return /* @__PURE__ */jsx(Fragment, {
     children: items.map(item => {
       const Icon = item.icon;
-      return /* @__PURE__ */jsxs(DropdownMenuItemFrame, {
-        active: item.isActive?.(state),
-        onMouseDown: preventFocusTheft,
-        onPress: () => onSelect(item.command, item.payload),
-        "aria-label": item.label,
-        children: [/* @__PURE__ */jsx(Icon, {}), /* @__PURE__ */jsx(Text, {
-          fontSize: 13,
-          children: item.label
-        })]
+      const label = item.label();
+      return /* @__PURE__ */jsx(DropdownMenu.Item, {
+        icon: /* @__PURE__ */jsx(Icon, {}),
+        closeOnSelect: false,
+        backgroundColor: item.isActive?.(state) ? "$color4" : void 0,
+        "aria-label": label,
+        onSelect: () => onSelect(item.command, item.payload),
+        children: label
       }, item.command);
     })
   });
@@ -96,79 +77,59 @@ function ItemSection({
 function MoreDropdown({
   editorRef,
   state,
+  capabilities = "full",
   disabled
 }) {
-  const {
-    knobProps
-  } = useResolvedKnobs();
   const [open, setOpen] = useState(false);
+  const selectedRef = useRef(false);
   const handleSelect = (command, payload) => {
     editorRef.current?.executeCommand(command, payload);
     if (command === "horizontalRule" || command === "clearFormatting") {
+      selectedRef.current = true;
       setOpen(false);
     }
   };
-  return /* @__PURE__ */jsxs(Popover, {
+  const inlineItems = INLINE_ITEMS.filter(item => isCommandInCapabilities(item.command, capabilities));
+  const alignItems = ALIGN_ITEMS.filter(item => isCommandInCapabilities(item.command, capabilities));
+  return /* @__PURE__ */jsxs(DropdownMenu, {
     open,
     onOpenChange: setOpen,
     placement: "bottom-end",
-    children: [/* @__PURE__ */jsx(Popover.Trigger, {
+    children: [/* @__PURE__ */jsx(DropdownMenu.Trigger, {
       asChild: true,
       children: /* @__PURE__ */jsx(ToolbarButton, {
         disabled,
         onPress: () => setOpen(true),
-        "aria-label": "More formatting options",
-        tooltip: "More",
+        "aria-label": t("More formatting options"),
+        tooltip: t("More"),
         children: /* @__PURE__ */jsx(MoreIcon, {})
       })
-    }), /* @__PURE__ */jsx(Popover.Content, {
-      ...knobProps.panelPadding,
-      backgroundColor: "$background",
-      borderWidth: 1,
-      borderColor: "$borderColor",
-      borderRadius: knobProps.borderRadius.borderRadius,
-      elevation: knobProps.elevation,
-      enterStyle: {
-        opacity: 0,
-        y: -5
+    }), /* @__PURE__ */jsxs(DropdownMenu.Content, {
+      minWidth: 200,
+      onCloseAutoFocus: event => {
+        event.preventDefault();
+        if (selectedRef.current) {
+          selectedRef.current = false;
+          editorRef.current?.focus();
+        }
       },
-      exitStyle: {
-        opacity: 0,
-        y: -5
-      },
-      children: /* @__PURE__ */jsxs(YStack, {
-        gap: "$1",
-        minWidth: 200,
+      children: [inlineItems.length > 0 && /* @__PURE__ */jsxs(Fragment, {
         children: [/* @__PURE__ */jsx(ItemSection, {
-          items: INLINE_ITEMS,
+          items: inlineItems,
           state,
           onSelect: handleSelect
-        }), /* @__PURE__ */jsx(XStack, {
-          paddingVertical: "$1",
-          children: /* @__PURE__ */jsx(ToolbarSeparatorFrame, {
-            vertical: false,
-            width: "100%",
-            height: 1,
-            marginHorizontal: 0
-          })
-        }), /* @__PURE__ */jsx(ItemSection, {
-          items: ALIGN_ITEMS,
-          state,
-          onSelect: handleSelect
-        }), /* @__PURE__ */jsx(XStack, {
-          paddingVertical: "$1",
-          children: /* @__PURE__ */jsx(ToolbarSeparatorFrame, {
-            vertical: false,
-            width: "100%",
-            height: 1,
-            marginHorizontal: 0
-          })
-        }), /* @__PURE__ */jsx(ItemSection, {
-          items: BLOCK_ITEMS,
+        }), /* @__PURE__ */jsx(DropdownMenu.Separator, {})]
+      }), alignItems.length > 0 && /* @__PURE__ */jsxs(Fragment, {
+        children: [/* @__PURE__ */jsx(ItemSection, {
+          items: alignItems,
           state,
           onSelect: handleSelect
-        })]
-      })
+        }), /* @__PURE__ */jsx(DropdownMenu.Separator, {})]
+      }), /* @__PURE__ */jsx(ItemSection, {
+        items: BLOCK_ITEMS,
+        state,
+        onSelect: handleSelect
+      })]
     })]
   });
 }

package/dist/esm/toolbar/MoreDropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useState","useResolvedKnobs","Popover","Text","XStack","YStack","DropdownMenuItemFrame","ToolbarSeparatorFrame","ToolbarButton","SubscriptIcon","SuperscriptIcon","AlignLeftIcon","AlignCenterIcon","AlignRightIcon","AlignJustifyIcon","HorizontalRuleIcon","ClearFormattingIcon","SHORTCUTS","Fragment","jsx","jsxs","INLINE_ITEMS","label","subscript","command","icon","isActive","s","isSubscript","superscript","isSuperscript","ALIGN_ITEMS","alignLeft","textAlign","alignCenter","alignRight","alignJustify","BLOCK_ITEMS","horizontalRule","clearFormatting","MoreIcon","width","height","viewBox","fill","stroke","children","cx","cy","r","preventFocusTheft","e","preventDefault","ItemSection","items","state","onSelect","map","item","Icon","active","onMouseDown","onPress","payload","fontSize","MoreDropdown","editorRef","disabled","knobProps","open","setOpen","handleSelect","current","executeCommand","onOpenChange","placement","Trigger","asChild","tooltip","Content","panelPadding","backgroundColor","borderWidth","borderColor","borderRadius","elevation","enterStyle","opacity","y","exitStyle","gap","minWidth","paddingVertical","vertical","marginHorizontal"],"sources":["../../../src/toolbar/MoreDropdown.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["DotsThreeIcon","useRef","useState","DropdownMenu","isCommandInCapabilities","ToolbarButton","SubscriptIcon","SuperscriptIcon","AlignLeftIcon","AlignCenterIcon","AlignRightIcon","AlignJustifyIcon","HorizontalRuleIcon","ClearFormattingIcon","SHORTCUTS","t","Fragment","jsx","jsxs","INLINE_ITEMS","label","subscript","command","icon","isActive","s","isSubscript","superscript","isSuperscript","ALIGN_ITEMS","alignLeft","textAlign","alignCenter","alignRight","alignJustify","BLOCK_ITEMS","horizontalRule","clearFormatting","MoreIcon","size","weight","ItemSection","items","state","onSelect","children","map","item","Icon","Item","closeOnSelect","backgroundColor","payload","MoreDropdown","editorRef","capabilities","disabled","open","setOpen","selectedRef","handleSelect","current","executeCommand","inlineItems","filter","alignItems","onOpenChange","placement","Trigger","asChild","onPress","tooltip","Content","minWidth","onCloseAutoFocus","event","preventDefault","focus","length","Separator"],"sources":["../../../src/toolbar/MoreDropdown.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}