@haklex/rich-plugin-floating-toolbar 0.0.110 → 0.1.0

package/dist/FloatingToolbarPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingToolbarPlugin.d.ts","sourceRoot":"","sources":["../src/FloatingToolbarPlugin.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA8LrD,MAAM,WAAW,0BAA0B;IACzC,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,GACR,GAAE,0BAA+B,GAAG,YAAY,GAAG,IAAI,CAwhBvD"}
+{"version":3,"file":"FloatingToolbarPlugin.d.ts","sourceRoot":"","sources":["../src/FloatingToolbarPlugin.tsx"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAoMrD,MAAM,WAAW,0BAA0B;IACzC,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,GACR,GAAE,0BAA+B,GAAG,YAAY,GAAG,IAAI,CA2hBvD"}

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useTextSelectionSnapshot, getDOMRectFromTextSelection } from "@haklex/rich-editor";
 import { $toggleSpoilerSelection, $selectionTouchesSpoiler } from "@haklex/rich-editor/commands";
-import { $createRubyNode, $isRubyNode } from "@haklex/rich-editor/nodes";
+import { $isKaTeXInlineNode, $createRubyNode, $isRubyNode } from "@haklex/rich-editor/nodes";
 import { ColorPicker } from "@haklex/rich-editor-ui";
 import { usePortalTheme, usePortalContainer, vars } from "@haklex/rich-style-token";
 import { TOGGLE_LINK_COMMAND, $isLinkNode, $isAutoLinkNode } from "@lexical/link";
@@ -85,6 +85,12 @@ function getSelectionState(selection) {
     return isEffectiveLinkNode(parent) || isEffectiveLinkNode(node);
   });
   const hasRuby = getSelectedRubyNodes(nodes).length > 0;
+  const textColor = $getSelectionStyleValueForProperty(selection, "color", "");
+  let fontColor = textColor;
+  if (!fontColor) {
+    const katex = nodes.find((n) => $isKaTeXInlineNode(n));
+    if (katex) fontColor = katex.getColor() ?? "";
+  }
   return {
     isBold: selection.hasFormat("bold"),
     isItalic: selection.hasFormat("italic"),
@@ -97,7 +103,7 @@ function getSelectionState(selection) {
     isLink: hasLink,
     isRuby: hasRuby,
     isSpoiler: $selectionTouchesSpoiler(selection),
-    fontColor: $getSelectionStyleValueForProperty(selection, "color", "")
+    fontColor
   };
 }
 function computePosition(rect, toolbar2, container) {
@@ -296,8 +302,11 @@ function FloatingToolbarPlugin({
     (value) => {
       editor.update(() => {
         const sel = $getSelection();
-        if ($isRangeSelection(sel)) {
-          $patchStyleText(sel, { color: value === "inherit" ? null : value });
+        if (!$isRangeSelection(sel)) return;
+        const color = value === "inherit" ? null : value;
+        $patchStyleText(sel, { color });
+        for (const node of sel.getNodes()) {
+          if ($isKaTeXInlineNode(node)) node.setColor(color);
         }
       });
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-plugin-floating-toolbar",
-  "version": "0.0.110",
+  "version": "0.1.0",
   "description": "Floating toolbar plugin",
   "repository": {
     "type": "git",
@@ -21,9 +21,9 @@
     "dist"
   ],
   "dependencies": {
-    "@haklex/rich-editor": "0.0.110",
-    "@haklex/rich-style-token": "0.0.110",
-    "@haklex/rich-editor-ui": "0.0.110"
+    "@haklex/rich-editor": "0.1.0",
+    "@haklex/rich-style-token": "0.1.0",
+    "@haklex/rich-editor-ui": "0.1.0"
   },
   "devDependencies": {
     "@lexical/link": "^0.43.0",