tiptap-markdown-react 0.8.2 → 0.8.3

package/dist/index.js

@@ -981,41 +981,41 @@ function insertMarkdown(editor, markdown, sources = []) {
   const prepared = enrichMarkdownCitations(markdown, sources);
   editor.chain().focus().insertContent(prepared, { contentType: "markdown" }).run();
 }
-const toolbar = "_toolbar_16b09_2";
-const inner = "_inner_16b09_15";
-const btn = "_btn_16b09_27";
-const btnActive = "_btnActive_16b09_50";
-const tableBubble = "_tableBubble_16b09_66";
-const txtIcon = "_txtIcon_16b09_78";
-const colorIcon = "_colorIcon_16b09_86";
-const colorIconGlyph = "_colorIconGlyph_16b09_94";
-const colorIconBar = "_colorIconBar_16b09_100";
-const scriptTrigger = "_scriptTrigger_16b09_107";
-const scriptTriggerGlyph = "_scriptTriggerGlyph_16b09_127";
-const divider = "_divider_16b09_135";
-const styleTrigger = "_styleTrigger_16b09_144";
-const styleTriggerLabel = "_styleTriggerLabel_16b09_173";
-const styleTriggerCaret = "_styleTriggerCaret_16b09_181";
-const styleItem = "_styleItem_16b09_187";
-const styleIcon = "_styleIcon_16b09_193";
-const scriptGlyph = "_scriptGlyph_16b09_203";
-const menu = "_menu_16b09_215";
-const menuItem = "_menuItem_16b09_226";
-const menuItemSelected = "_menuItemSelected_16b09_252";
-const popoverContent$1 = "_popoverContent_16b09_266";
-const mathLayer = "_mathLayer_16b09_270";
-const mathStack = "_mathStack_16b09_275";
-const mathStackBlock = "_mathStackBlock_16b09_282";
-const mathHint = "_mathHint_16b09_287";
-const mathHintBlock = "_mathHintBlock_16b09_299";
-const mathHintIcon = "_mathHintIcon_16b09_305";
-const mathPreviewInline = "_mathPreviewInline_16b09_311";
-const mathPreviewBlock = "_mathPreviewBlock_16b09_321";
-const mathField = "_mathField_16b09_336";
-const mathFieldBlock = "_mathFieldBlock_16b09_348";
-const mathInput = "_mathInput_16b09_355";
-const mathDone = "_mathDone_16b09_373";
-const mathDoneKbd = "_mathDoneKbd_16b09_398";
+const toolbar = "_toolbar_w3tos_2";
+const inner = "_inner_w3tos_15";
+const btn = "_btn_w3tos_27";
+const btnActive = "_btnActive_w3tos_50";
+const tableBubble = "_tableBubble_w3tos_66";
+const txtIcon = "_txtIcon_w3tos_78";
+const colorIcon = "_colorIcon_w3tos_86";
+const colorIconGlyph = "_colorIconGlyph_w3tos_94";
+const colorIconBar = "_colorIconBar_w3tos_100";
+const scriptTrigger = "_scriptTrigger_w3tos_107";
+const scriptTriggerGlyph = "_scriptTriggerGlyph_w3tos_127";
+const divider = "_divider_w3tos_135";
+const styleTrigger = "_styleTrigger_w3tos_144";
+const styleTriggerLabel = "_styleTriggerLabel_w3tos_173";
+const styleTriggerCaret = "_styleTriggerCaret_w3tos_181";
+const styleItem = "_styleItem_w3tos_187";
+const styleIcon = "_styleIcon_w3tos_193";
+const scriptGlyph = "_scriptGlyph_w3tos_203";
+const menu = "_menu_w3tos_215";
+const menuItem = "_menuItem_w3tos_226";
+const menuItemSelected = "_menuItemSelected_w3tos_252";
+const popoverContent$1 = "_popoverContent_w3tos_266";
+const mathLayer = "_mathLayer_w3tos_270";
+const mathStack = "_mathStack_w3tos_275";
+const mathStackBlock = "_mathStackBlock_w3tos_282";
+const mathHint = "_mathHint_w3tos_287";
+const mathHintBlock = "_mathHintBlock_w3tos_299";
+const mathHintIcon = "_mathHintIcon_w3tos_305";
+const mathPreviewInline = "_mathPreviewInline_w3tos_311";
+const mathPreviewBlock = "_mathPreviewBlock_w3tos_337";
+const mathField = "_mathField_w3tos_367";
+const mathFieldBlock = "_mathFieldBlock_w3tos_379";
+const mathInput = "_mathInput_w3tos_386";
+const mathDone = "_mathDone_w3tos_404";
+const mathDoneKbd = "_mathDoneKbd_w3tos_429";
 const styles$3 = {
   toolbar,
   inner,
@@ -1134,6 +1134,10 @@ function resolveNodeEl(editor, pos) {
   if (dom instanceof Node) return dom.parentElement;
   return null;
 }
+function getMathPreviewFontSize(editor, pos) {
+  const el = pos != null ? resolveNodeEl(editor, pos) : null;
+  return getComputedStyle(el ?? editor.view.dom).fontSize;
+}
 function getMathLayerStyle(editor, kind, mode, pos) {
   const host = editor.view.dom.parentElement;
   if (!host) return {};
@@ -1187,6 +1191,9 @@ function MathEditorPopover({
   const [layerStyle, setLayerStyle] = useState(
     () => getMathLayerStyle(editor, kind, mode, pos)
   );
+  const [previewFontSize, setPreviewFontSize] = useState(
+    () => getMathPreviewFontSize(editor, pos)
+  );
   const titleId = useId();
   const inputRef = useRef(null);
   const rootRef = useRef(null);
@@ -1196,7 +1203,10 @@ function MathEditorPopover({
     setDraft(latex);
   }, [latex]);
   useEffect(() => {
-    const update = () => setLayerStyle(getMathLayerStyle(editor, kind, mode, pos));
+    const update = () => {
+      setLayerStyle(getMathLayerStyle(editor, kind, mode, pos));
+      setPreviewFontSize(getMathPreviewFontSize(editor, pos));
+    };
     update();
     window.addEventListener("resize", update);
     return () => window.removeEventListener("resize", update);
@@ -1301,6 +1311,7 @@ function MathEditorPopover({
                 {
                   id: titleId,
                   className: isBlock ? styles$3.mathPreviewBlock : styles$3.mathPreviewInline,
+                  style: { fontSize: previewFontSize },
                   dangerouslySetInnerHTML: { __html: preview }
                 }
               ),