@multiplatform.one/rich-text 6.1.0 → 6.4.0

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

@@ -3,23 +3,30 @@ import { BubbleMenu } from "@tiptap/react/menus";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { XStack } from "tamagui";
 import { defaultEditorState } from "../types.native.js";
+import { isCommandInCapabilities } from "../editor/capabilities.native.js";
 import { ToolbarButton } from "./ToolbarButton.native.js";
-import { BoldIcon, ItalicIcon, UnderlineIcon, StrikeIcon, SubscriptIcon, SuperscriptIcon } from "./icons.native.js";
+import { BoldIcon, InlineCodeIcon, ItalicIcon, UnderlineIcon, StrikeIcon, SubscriptIcon, SuperscriptIcon } from "./icons.native.js";
 import { TextColorPicker, HighlightColorPicker } from "./ColorPicker.native.js";
 import { LinkDialog } from "./LinkDialog.native.js";
 import { SHORTCUTS } from "./shortcuts.native.js";
+import { t } from "../shared/t.native.js";
 function BubbleToolbar(param) {
   var {
     editor,
     editorRef,
-    state = defaultEditorState
+    state = defaultEditorState,
+    capabilities = "full"
   } = param;
   var {
     knobProps
   } = useResolvedKnobs();
+  var has = function has2(command) {
+    return isCommandInCapabilities(command, capabilities);
+  };
   if (!editor) return null;
   return /* @__PURE__ */_jsx(BubbleMenu, {
     editor,
+    className: "rt-bubble-menu",
     shouldShow: function shouldShow(param2) {
       var {
         editor: e,
@@ -47,7 +54,7 @@ function BubbleToolbar(param) {
           var _editorRef_current;
           return (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("bold");
         },
-        "aria-label": "Bold",
+        "aria-label": t("Bold"),
         tooltip: SHORTCUTS.bold,
         children: /* @__PURE__ */_jsx(BoldIcon, {
           children: "B"
@@ -58,18 +65,18 @@ function BubbleToolbar(param) {
           var _editorRef_current;
           return (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("italic");
         },
-        "aria-label": "Italic",
+        "aria-label": t("Italic"),
         tooltip: SHORTCUTS.italic,
         children: /* @__PURE__ */_jsx(ItalicIcon, {
           children: "I"
         })
-      }), /* @__PURE__ */_jsx(ToolbarButton, {
+      }), has("underline") && /* @__PURE__ */_jsx(ToolbarButton, {
         active: state.isUnderline,
         onPress: function onPress() {
           var _editorRef_current;
           return (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("underline");
         },
-        "aria-label": "Underline",
+        "aria-label": t("Underline"),
         tooltip: SHORTCUTS.underline,
         children: /* @__PURE__ */_jsx(UnderlineIcon, {
           children: "U"
@@ -80,7 +87,7 @@ function BubbleToolbar(param) {
           var _editorRef_current;
           return (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("strike");
         },
-        "aria-label": "Strikethrough",
+        "aria-label": t("Strikethrough"),
         tooltip: SHORTCUTS.strike,
         children: /* @__PURE__ */_jsx(StrikeIcon, {
           children: "S"
@@ -91,32 +98,32 @@ function BubbleToolbar(param) {
           var _editorRef_current;
           return (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("code");
         },
-        "aria-label": "Code",
+        "aria-label": t("Code"),
         tooltip: SHORTCUTS.code,
-        children: "</>"
-      }), /* @__PURE__ */_jsx(ToolbarButton, {
+        children: /* @__PURE__ */_jsx(InlineCodeIcon, {})
+      }), has("subscript") && /* @__PURE__ */_jsx(ToolbarButton, {
         active: state.isSubscript,
         onPress: function onPress() {
           var _editorRef_current;
           return (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("subscript");
         },
-        "aria-label": "Subscript",
+        "aria-label": t("Subscript"),
         tooltip: SHORTCUTS.subscript,
         children: /* @__PURE__ */_jsx(SubscriptIcon, {})
-      }), /* @__PURE__ */_jsx(ToolbarButton, {
+      }), has("superscript") && /* @__PURE__ */_jsx(ToolbarButton, {
         active: state.isSuperscript,
         onPress: function onPress() {
           var _editorRef_current;
           return (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("superscript");
         },
-        "aria-label": "Superscript",
+        "aria-label": t("Superscript"),
         tooltip: SHORTCUTS.superscript,
         children: /* @__PURE__ */_jsx(SuperscriptIcon, {})
-      }), /* Color pickers */
-      /* @__PURE__ */_jsx(TextColorPicker, {
+      }), /* Color pickers — no markdown syntax (LC-52) */
+      has("textColor") && /* @__PURE__ */_jsx(TextColorPicker, {
         editorRef,
         state
-      }), /* @__PURE__ */_jsx(HighlightColorPicker, {
+      }), has("highlight") && /* @__PURE__ */_jsx(HighlightColorPicker, {
         editorRef,
         state
       }), /* Link */

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","BubbleMenu","useResolvedKnobs","XStack","defaultEditorState","ToolbarButton","BoldIcon","ItalicIcon","UnderlineIcon","StrikeIcon","SubscriptIcon","SuperscriptIcon","TextColorPicker","HighlightColorPicker","LinkDialog","SHORTCUTS","BubbleToolbar","param","editor","editorRef","state","knobProps","shouldShow","param2","e","from","to","isActive","children","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","active","isBold","onPress","_editorRef_current","current","executeCommand","tooltip","bold","isItalic","italic","isUnderline","underline","isStrike","strike","isCode","code","isSubscript","subscript","isSuperscript","superscript"],"sources":["../../../src/toolbar/BubbleToolbar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","BubbleMenu","useResolvedKnobs","XStack","defaultEditorState","isCommandInCapabilities","ToolbarButton","BoldIcon","InlineCodeIcon","ItalicIcon","UnderlineIcon","StrikeIcon","SubscriptIcon","SuperscriptIcon","TextColorPicker","HighlightColorPicker","LinkDialog","SHORTCUTS","t","BubbleToolbar","param","editor","editorRef","state","capabilities","knobProps","has","has2","command","className","shouldShow","param2","e","from","to","isActive","children","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","active","isBold","onPress","_editorRef_current","current","executeCommand","tooltip","bold","isItalic","italic","isUnderline","underline","isStrike","strike","isCode","code","isSubscript","subscript","isSuperscript","superscript"],"sources":["../../../src/toolbar/BubbleToolbar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/toolbar/CodeBlockBubble.mjs

@@ -1,9 +1,12 @@
-import { useCallback, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { BubbleMenu } from "@tiptap/react/menus";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { CheckIcon, CopyIcon, TrashIcon } from "@phosphor-icons/react";
 import { Popover, Text, XStack, YStack } from "tamagui";
 import { DropdownMenuItemFrame } from "../styled.mjs";
+import { getBlockVirtualElement } from "../editor/blockAnchor.mjs";
 import { ToolbarButton, ToolbarDropdownButton } from "./ToolbarButton.mjs";
+import { t } from "../shared/t.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 const LANGUAGES = [{
   value: null,
@@ -44,6 +47,12 @@ const LANGUAGES = [{
 }, {
   value: "markdown",
   label: "Markdown"
+}, {
+  value: "math",
+  label: "Math (TeX)"
+}, {
+  value: "mermaid",
+  label: "Mermaid"
 }, {
   value: "php",
   label: "PHP"
@@ -75,20 +84,15 @@ const LANGUAGES = [{
   value: "yaml",
   label: "YAML"
 }];
-function TrashIcon() {
-  return /* @__PURE__ */jsxs("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    children: [/* @__PURE__ */jsx("polyline", {
-      points: "3 6 5 6 21 6"
-    }), /* @__PURE__ */jsx("path", {
-      d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
-    })]
-  });
+function getActiveCodeBlockText(editor) {
+  const {
+    $from
+  } = editor.state.selection;
+  for (let depth = $from.depth; depth >= 0; depth--) {
+    const node = $from.node(depth);
+    if (node.type.name === "codeBlock") return node.textContent;
+  }
+  return "";
 }
 function CodeBlockBubble({
   editor
@@ -97,8 +101,14 @@ function CodeBlockBubble({
     knobProps
   } = useResolvedKnobs();
   const [langOpen, setLangOpen] = useState(false);
+  const [copied, setCopied] = useState(false);
+  const copiedTimer = useRef(null);
+  useEffect(() => () => {
+    if (copiedTimer.current) clearTimeout(copiedTimer.current);
+  }, []);
   const currentLang = editor?.getAttributes("codeBlock")?.language ?? null;
-  const currentLabel = LANGUAGES.find(l => l.value === currentLang)?.label ?? currentLang ?? "Plain text";
+  const rawLabel = LANGUAGES.find(l => l.value === currentLang)?.label ?? currentLang;
+  const currentLabel = currentLang === null ? t("Plain text") : rawLabel ?? t("Plain text");
   const setLanguage = useCallback(lang => {
     if (!editor) return;
     editor.chain().focus().updateAttributes("codeBlock", {
@@ -106,6 +116,17 @@ function CodeBlockBubble({
     }).run();
     setLangOpen(false);
   }, [editor]);
+  const copyCode = useCallback(async () => {
+    if (!editor) return;
+    try {
+      await navigator.clipboard.writeText(getActiveCodeBlockText(editor));
+      setCopied(true);
+      if (copiedTimer.current) clearTimeout(copiedTimer.current);
+      copiedTimer.current = setTimeout(() => setCopied(false), 1500);
+    } catch (err) {
+      console.warn("[rich-text] copy failed:", err);
+    }
+  }, [editor]);
   const removeCodeBlock = useCallback(() => {
     if (!editor) return;
     editor.chain().focus().toggleCodeBlock().run();
@@ -113,11 +134,14 @@ function CodeBlockBubble({
   if (!editor) return null;
   return /* @__PURE__ */jsx(BubbleMenu, {
     editor,
+    className: "rt-bubble-menu",
     shouldShow: ({
       editor: e
     }) => e.isActive("codeBlock"),
+    getReferencedVirtualElement: () => getBlockVirtualElement(editor, "codeBlock"),
     options: {
-      placement: "top-start"
+      placement: "top-start",
+      offset: 6
     },
     children: /* @__PURE__ */jsxs(XStack, {
       backgroundColor: "$background",
@@ -136,14 +160,15 @@ function CodeBlockBubble({
           asChild: true,
           children: /* @__PURE__ */jsx(ToolbarDropdownButton, {
             onPress: () => setLangOpen(true),
-            "aria-label": "Select language",
+            "aria-label": t("Select language"),
             children: /* @__PURE__ */jsx(Text, {
               fontSize: 12,
               children: currentLabel
             })
           })
         }), /* @__PURE__ */jsx(Popover.Content, {
-          ...knobProps.panelPadding,
+          padding: 0,
+          overflow: "hidden",
           backgroundColor: "$background",
           borderWidth: 1,
           borderColor: "$borderColor",
@@ -165,19 +190,30 @@ function CodeBlockBubble({
             children: LANGUAGES.map(lang => /* @__PURE__ */jsx(DropdownMenuItemFrame, {
               active: currentLang === lang.value,
               onPress: () => setLanguage(lang.value),
-              "aria-label": lang.label,
+              "aria-label": lang.value === null ? t("Plain text") : lang.label,
               children: /* @__PURE__ */jsx(Text, {
                 fontSize: 13,
-                children: lang.label
+                children: lang.value === null ? t("Plain text") : lang.label
               })
             }, lang.label))
           })
         })]
+      }), /* @__PURE__ */jsx(ToolbarButton, {
+        onPress: copyCode,
+        "aria-label": copied ? t("Copied") : t("Copy code"),
+        tooltip: copied ? t("Copied") : t("Copy code"),
+        children: copied ? /* @__PURE__ */jsx(CheckIcon, {
+          size: 14
+        }) : /* @__PURE__ */jsx(CopyIcon, {
+          size: 14
+        })
       }), /* @__PURE__ */jsx(ToolbarButton, {
         onPress: removeCodeBlock,
-        "aria-label": "Remove code block",
-        tooltip: "Remove code block",
-        children: /* @__PURE__ */jsx(TrashIcon, {})
+        "aria-label": t("Remove code block"),
+        tooltip: t("Remove code block"),
+        children: /* @__PURE__ */jsx(TrashIcon, {
+          size: 14
+        })
       })]
     })
   });

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

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useState","BubbleMenu","useResolvedKnobs","Popover","Text","XStack","YStack","DropdownMenuItemFrame","ToolbarButton","ToolbarDropdownButton","jsx","jsxs","LANGUAGES","value","label","TrashIcon","width","height","viewBox","fill","stroke","strokeWidth","children","points","d","CodeBlockBubble","editor","knobProps","langOpen","setLangOpen","currentLang","getAttributes","language","currentLabel","find","l","setLanguage","lang","chain","focus","updateAttributes","run","removeCodeBlock","toggleCodeBlock","shouldShow","e","isActive","options","placement","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","open","onOpenChange","Trigger","asChild","onPress","fontSize","Content","panelPadding","enterStyle","opacity","y","exitStyle","minWidth","maxHeight","overflow","map","active","tooltip"],"sources":["../../../src/toolbar/CodeBlockBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useRef","useState","BubbleMenu","useResolvedKnobs","CheckIcon","CopyIcon","TrashIcon","Popover","Text","XStack","YStack","DropdownMenuItemFrame","getBlockVirtualElement","ToolbarButton","ToolbarDropdownButton","t","jsx","jsxs","LANGUAGES","value","label","getActiveCodeBlockText","editor","$from","state","selection","depth","node","type","name","textContent","CodeBlockBubble","knobProps","langOpen","setLangOpen","copied","setCopied","copiedTimer","current","clearTimeout","currentLang","getAttributes","language","rawLabel","find","l","currentLabel","setLanguage","lang","chain","focus","updateAttributes","run","copyCode","navigator","clipboard","writeText","setTimeout","err","console","warn","removeCodeBlock","toggleCodeBlock","className","shouldShow","e","isActive","getReferencedVirtualElement","options","placement","offset","children","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","open","onOpenChange","Trigger","asChild","onPress","fontSize","Content","overflow","enterStyle","opacity","y","exitStyle","minWidth","maxHeight","map","active","tooltip","size"],"sources":["../../../src/toolbar/CodeBlockBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -1,10 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { BubbleMenu } from "@tiptap/react/menus";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { CheckIcon, CopyIcon, TrashIcon } from "@phosphor-icons/react";
 import { Popover, Text, XStack, YStack } from "tamagui";
 import { DropdownMenuItemFrame } from "../styled.native.js";
+import { getBlockVirtualElement } from "../editor/blockAnchor.native.js";
 import { ToolbarButton, ToolbarDropdownButton } from "./ToolbarButton.native.js";
+import { t } from "../shared/t.native.js";
 var LANGUAGES = [{
   value: null,
   label: "Plain text"
@@ -44,6 +47,12 @@ var LANGUAGES = [{
 }, {
   value: "markdown",
   label: "Markdown"
+}, {
+  value: "math",
+  label: "Math (TeX)"
+}, {
+  value: "mermaid",
+  label: "Mermaid"
 }, {
   value: "php",
   label: "PHP"
@@ -75,35 +84,38 @@ var LANGUAGES = [{
   value: "yaml",
   label: "YAML"
 }];
-function TrashIcon() {
-  return /* @__PURE__ */_jsxs("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    children: [/* @__PURE__ */_jsx("polyline", {
-      points: "3 6 5 6 21 6"
-    }), /* @__PURE__ */_jsx("path", {
-      d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
-    })]
-  });
+function getActiveCodeBlockText(editor) {
+  var {
+    $from
+  } = editor.state.selection;
+  for (var depth = $from.depth; depth >= 0; depth--) {
+    var node = $from.node(depth);
+    if (node.type.name === "codeBlock") return node.textContent;
+  }
+  return "";
 }
 function CodeBlockBubble(param) {
   var {
     editor
   } = param;
-  var _ref, _ref1, _ref2;
+  var _ref, _ref1;
   var _editor_getAttributes, _LANGUAGES_find;
   var {
     knobProps
   } = useResolvedKnobs();
   var [langOpen, setLangOpen] = useState(false);
+  var [copied, setCopied] = useState(false);
+  var copiedTimer = useRef(null);
+  useEffect(function () {
+    return function () {
+      if (copiedTimer.current) clearTimeout(copiedTimer.current);
+    };
+  }, []);
   var currentLang = (_ref = editor === null || editor === void 0 ? void 0 : (_editor_getAttributes = editor.getAttributes("codeBlock")) === null || _editor_getAttributes === void 0 ? void 0 : _editor_getAttributes.language) !== null && _ref !== void 0 ? _ref : null;
-  var currentLabel = (_ref1 = (_ref2 = (_LANGUAGES_find = LANGUAGES.find(function (l) {
+  var rawLabel = (_ref1 = (_LANGUAGES_find = LANGUAGES.find(function (l) {
     return l.value === currentLang;
-  })) === null || _LANGUAGES_find === void 0 ? void 0 : _LANGUAGES_find.label) !== null && _ref2 !== void 0 ? _ref2 : currentLang) !== null && _ref1 !== void 0 ? _ref1 : "Plain text";
+  })) === null || _LANGUAGES_find === void 0 ? void 0 : _LANGUAGES_find.label) !== null && _ref1 !== void 0 ? _ref1 : currentLang;
+  var currentLabel = currentLang === null ? t("Plain text") : rawLabel !== null && rawLabel !== void 0 ? rawLabel : t("Plain text");
   var setLanguage = useCallback(function (lang) {
     if (!editor) return;
     editor.chain().focus().updateAttributes("codeBlock", {
@@ -111,6 +123,19 @@ function CodeBlockBubble(param) {
     }).run();
     setLangOpen(false);
   }, [editor]);
+  var copyCode = useCallback(async function () {
+    if (!editor) return;
+    try {
+      await navigator.clipboard.writeText(getActiveCodeBlockText(editor));
+      setCopied(true);
+      if (copiedTimer.current) clearTimeout(copiedTimer.current);
+      copiedTimer.current = setTimeout(function () {
+        return setCopied(false);
+      }, 1500);
+    } catch (err) {
+      console.warn("[rich-text] copy failed:", err);
+    }
+  }, [editor]);
   var removeCodeBlock = useCallback(function () {
     if (!editor) return;
     editor.chain().focus().toggleCodeBlock().run();
@@ -118,14 +143,22 @@ function CodeBlockBubble(param) {
   if (!editor) return null;
   return /* @__PURE__ */_jsx(BubbleMenu, {
     editor,
+    className: "rt-bubble-menu",
     shouldShow: function shouldShow(param2) {
       var {
         editor: e
       } = param2;
       return e.isActive("codeBlock");
     },
+    // Anchor to the <pre> rect (not the caret) so the bubble sits above
+    // the block instead of covering its first line, and does not chase
+    // the caret while typing.
+    getReferencedVirtualElement: function getReferencedVirtualElement() {
+      return getBlockVirtualElement(editor, "codeBlock");
+    },
     options: {
-      placement: "top-start"
+      placement: "top-start",
+      offset: 6
     },
     children: /* @__PURE__ */_jsxs(XStack, {
       backgroundColor: "$background",
@@ -146,14 +179,16 @@ function CodeBlockBubble(param) {
             onPress: function onPress() {
               return setLangOpen(true);
             },
-            "aria-label": "Select language",
+            "aria-label": t("Select language"),
             children: /* @__PURE__ */_jsx(Text, {
               fontSize: 12,
               children: currentLabel
             })
           })
         }), /* @__PURE__ */_jsx(Popover.Content, {
-          ...knobProps.panelPadding,
+          // SP-EDGE: container owns only its border — items own all padding.
+          padding: 0,
+          overflow: "hidden",
           backgroundColor: "$background",
           borderWidth: 1,
           borderColor: "$borderColor",
@@ -178,20 +213,31 @@ function CodeBlockBubble(param) {
                 onPress: function onPress() {
                   return setLanguage(lang.value);
                 },
-                "aria-label": lang.label,
+                "aria-label": lang.value === null ? t("Plain text") : lang.label,
                 children: /* @__PURE__ */_jsx(Text, {
                   fontSize: 13,
-                  children: lang.label
+                  children: lang.value === null ? t("Plain text") : lang.label
                 })
               }, lang.label);
             })
           })
         })]
+      }), /* @__PURE__ */_jsx(ToolbarButton, {
+        onPress: copyCode,
+        "aria-label": copied ? t("Copied") : t("Copy code"),
+        tooltip: copied ? t("Copied") : t("Copy code"),
+        children: copied ? /* @__PURE__ */_jsx(CheckIcon, {
+          size: 14
+        }) : /* @__PURE__ */_jsx(CopyIcon, {
+          size: 14
+        })
       }), /* @__PURE__ */_jsx(ToolbarButton, {
         onPress: removeCodeBlock,
-        "aria-label": "Remove code block",
-        tooltip: "Remove code block",
-        children: /* @__PURE__ */_jsx(TrashIcon, {})
+        "aria-label": t("Remove code block"),
+        tooltip: t("Remove code block"),
+        children: /* @__PURE__ */_jsx(TrashIcon, {
+          size: 14
+        })
       })]
     })
   });

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useCallback","useState","BubbleMenu","useResolvedKnobs","Popover","Text","XStack","YStack","DropdownMenuItemFrame","ToolbarButton","ToolbarDropdownButton","LANGUAGES","value","label","TrashIcon","width","height","viewBox","fill","stroke","strokeWidth","children","points","d","CodeBlockBubble","param","editor","_ref","_ref1","_ref2","_editor_getAttributes","_LANGUAGES_find","knobProps","langOpen","setLangOpen","currentLang","getAttributes","language"],"sources":["../../../src/toolbar/CodeBlockBubble.tsx"],"sourcesContent":[null],"mappings":"AAKA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAA,QAAgB;AAEtC,SAASC,WAAA,EAAAC,QAAkB;AAC3B,SAASC,UAAA,6BAAwB;AACjC,SAASC,gBAAe,QAAQ,0BAAc;AAC9C,SAASC,OAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,MAA6B;AACtC,SAASC,qBAAe;AA8BpB,SAQEC,aARF,EAAAC,qBAAA;AA5BJ,IAAAC,SAAM,IACJ;EACEC,KAAA,EAAO;EACPC,KAAA,EAAO;AACT,GACA;EACED,KAAA,EAAO;EACPC,KAAA,EAAO;AACT,GACA;EACED,KAAA,EAAO;EACPC,KAAA,EAAO;AACT,GACA;EACED,KAAA,EAAO;EACPC,KAAA,EAAO;AACT,GACA;EACED,KAAA,EAAO,QAAQ;EACfC,KAAA,EAAO;AACT,GACA;EACED,KAAA,EAAO;EACPC,KAAA,EAAO;AACX,GAEA;EACED,KACE;EAACC,KAAA;AAAA;EACOD,KACN,WAAO;EAAAC,KACP;AAAQ,GACH;EACED,KACP;EAAYC,KAEZ;AAAA,GAAgC;EACyDD,KAAA;EAAAC,KAAA;AAC3F,GAEJ;EAMOD,KAAS;EACdC,KAAM,EAAE;AACR,GAEA;EACAD,KAAM;EAGNC,KAAM;AAAc,GAEhB;EACAD,KAAA,YAAe;EACfC,KAAA;AAAiB,GACnB;EAEFD,KAAA;EAEAC,KAAM;AACJ,GACA;EACFD,KAAI,UAAO;EAEXC,KAAK;AAEL,GACE;EAACD,KAAA;EAAAC,KACC;AAAA,GACqD;EACnBD,KAElC;EAAAC,KAAC;AAAA;EACiBD,KAAA,EAChB;EAAaC,KAAA,EACb;AAAY,GACyB;EAC7BD,KAAA,EACR,KAAI;EAAAC,KAAA,EACJ;AAAW,GACU;EAErBD,KAAA;EACEC,KAAA;AAIA,GACA;EAASD,KAAA,cAAR;EAAAC,KAAA;AACe,GACE;EACHD,KAAA;EACDC,KAAA;AACyB,GAChB;EACWD,KAAA;EACDC,KAAA;AAI3B,EAAC;AAAA,SAAAC,UAAA;EAE8B,sBAC7Bf,KAAA,CAAS,OAAM;IAAsBgB,KAAA;IACpBC,MAAA;IAEeC,OAAA;IAAAC,IAAA;IALtBC,MAAA,gBAQhB;IAAAC,WAAA;IAAAC,QAAA,EACF,gBACFxB,IAAA;MAAAyB,MAEA;IAAA,IAAC,eAAAzB,IAAA;MAAA0B,CAAA;IACU;EAED;AAEG;AAAA,SAAAC,eACbA,CAAAC,KAAA;EAAA;IAAAC;EAAA,IAAAD,KAAA;EAAA,IAAAE,IAAA,EAAAC,KAAA,EAAAC,KAAA;EAAA,IACFC,qBAAA,EAAAC,eAAA;EAAA;IAAAC;EAAA,IAAA7B,gBAAA;EACF,KAAA8B,QAAA,EAAAC,WAAA,IAAAjC,QAAA;EAEJ,IAAAkC,WAAA,IAAAR,IAAA,GAAAD,MAAA,aAAAA,MAAA,wBAAAI,qBAAA,GAAAJ,MAAA,CAAAU,aAAA,2BAAAN,qBAAA,uBAAAA,qBAAA,CAAAO,QAAA,cAAAV,IAAA,cAAAA,IAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useCallback","useEffect","useRef","useState","BubbleMenu","useResolvedKnobs","CheckIcon","CopyIcon","TrashIcon","Popover","Text","XStack","YStack","DropdownMenuItemFrame","getBlockVirtualElement","ToolbarButton","ToolbarDropdownButton","t","LANGUAGES","value","label","getActiveCodeBlockText","editor","$from","state","selection","depth","node","type","name","textContent","CodeBlockBubble","param","_ref","_ref1","_editor_getAttributes","_LANGUAGES_find","knobProps","langOpen","setLangOpen","copied","setCopied","copiedTimer","current","clearTimeout","currentLang","getAttributes","language","rawLabel","find","l","currentLabel","setLanguage","lang","chain","focus","updateAttributes","run","copyCode","navigator","clipboard","writeText","setTimeout","err","console","warn"],"sources":["../../../src/toolbar/CodeBlockBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}