@gravity-ui/markdown-editor 14.11.2 → 14.12.1

package/build/esm/extensions/additional/GPT/utils.js

@@ -1,9 +1,9 @@
-import { i18n } from '../../../i18n/gpt/dialog';
+import { i18n } from "../../../i18n/gpt/dialog/index.js";
 export function getAlertGptInfo(gptAlert) {
     return {
-        alertMessage: (gptAlert === null || gptAlert === void 0 ? void 0 : gptAlert.message) || i18n('alert-gpt-presets-info'),
-        alertTheme: (gptAlert === null || gptAlert === void 0 ? void 0 : gptAlert.theme) || 'info',
-        alertClassName: gptAlert === null || gptAlert === void 0 ? void 0 : gptAlert.className,
+        alertMessage: gptAlert?.message || i18n('alert-gpt-presets-info'),
+        alertTheme: gptAlert?.theme || 'info',
+        alertClassName: gptAlert?.className,
     };
 }
 export function getDisableReplaceButtonText(disablePromptPresets) {
@@ -16,18 +16,18 @@ export const isEnter = (event) => event.code === 'Enter' || event.code === 'Nump
 export function focusWithoutScroll(element) {
     const x = window.scrollX;
     const y = window.scrollY;
-    element === null || element === void 0 ? void 0 : element.focus({
+    element?.focus({
         preventScroll: true,
     });
     window.scrollTo(x, y);
 }
 export function isEmptyGptPrompts(gptWidgetOptions, disablePromptPresets) {
-    var _a;
     if (disablePromptPresets && !gptWidgetOptions.onCustomPromptApply)
         return true;
     if (!disablePromptPresets &&
-        !((_a = gptWidgetOptions.promptPresets) === null || _a === void 0 ? void 0 : _a.length) &&
+        !gptWidgetOptions.promptPresets?.length &&
         !gptWidgetOptions.onCustomPromptApply)
         return true;
     return false;
 }
+//# sourceMappingURL=utils.js.map

package/build/esm/extensions/additional/GPT/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["extensions/additional/GPT/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,IAAI,EAAC,0CAAiC;AAQ9C,MAAM,UAAU,eAAe,CAAC,QAAyC;IACrE,OAAO;QACH,YAAY,EAAE,QAAQ,EAAE,OAAO,IAAI,IAAI,CAAC,wBAAwB,CAAC;QACjE,UAAU,EAAE,QAAQ,EAAE,KAAK,IAAI,MAAM;QACrC,cAAc,EAAE,QAAQ,EAAE,SAAS;KACtC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAC,oBAA8B;IACtE,OAAO,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAC7E,CAAC;AAED,MAAM,UAAU,mBAAmB,CAC/B,oBAA8B,EAC9B,yBAAkC,EAClC,uBAAgC;IAEhC,OAAO,oBAAoB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,uBAAuB,CAAC;AACtF,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAA4B,EAAE,EAAE,CACpD,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC;AAE3D,MAAM,UAAU,kBAAkB,CAAC,OAA4B;IAC3D,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC;IACzB,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC;IAEzB,OAAO,EAAE,KAAK,CAAC;QACX,aAAa,EAAE,IAAI;KACtB,CAAC,CAAC;IAEH,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,iBAAiB,CAG/B,gBAA0D,EAAE,oBAA6B;IACvF,IAAI,oBAAoB,IAAI,CAAC,gBAAgB,CAAC,mBAAmB;QAAE,OAAO,IAAI,CAAC;IAE/E,IACI,CAAC,oBAAoB;QACrB,CAAC,gBAAgB,CAAC,aAAa,EAAE,MAAM;QACvC,CAAC,gBAAgB,CAAC,mBAAmB;QAErC,OAAO,IAAI,CAAC;IAEhB,OAAO,KAAK,CAAC;AACjB,CAAC","sourcesContent":["import type React from 'react';\n\nimport {i18n} from '../../../i18n/gpt/dialog';\n\nimport {CommonAnswer} from './ErrorScreen/types';\nimport {GptDialogProps} from './GptDialog/GptDialog';\nimport {GptWidgetOptions} from './gptExtension/gptExtension';\n\ntype CombinedKeyboardEvent = KeyboardEvent | React.KeyboardEvent;\n\nexport function getAlertGptInfo(gptAlert: GptDialogProps['gptAlertProps']) {\n    return {\n        alertMessage: gptAlert?.message || i18n('alert-gpt-presets-info'),\n        alertTheme: gptAlert?.theme || 'info',\n        alertClassName: gptAlert?.className,\n    };\n}\n\nexport function getDisableReplaceButtonText(disablePromptPresets?: boolean) {\n    return disablePromptPresets ? i18n(`replace-disabled`) : i18n(`replace`);\n}\n\nexport function getInputPlaceHolder(\n    disablePromptPresets?: boolean,\n    disabledPromptPlaceholder?: string,\n    customPromptPlaceholder?: string,\n) {\n    return disablePromptPresets ? disabledPromptPlaceholder : customPromptPlaceholder;\n}\n\nexport const isEnter = (event: CombinedKeyboardEvent) =>\n    event.code === 'Enter' || event.code === 'NumpadEnter';\n\nexport function focusWithoutScroll(element?: HTMLElement | null) {\n    const x = window.scrollX;\n    const y = window.scrollY;\n\n    element?.focus({\n        preventScroll: true,\n    });\n\n    window.scrollTo(x, y);\n}\n\nexport function isEmptyGptPrompts<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>(gptWidgetOptions: GptWidgetOptions<AnswerData, PromptData>, disablePromptPresets: boolean) {\n    if (disablePromptPresets && !gptWidgetOptions.onCustomPromptApply) return true;\n\n    if (\n        !disablePromptPresets &&\n        !gptWidgetOptions.promptPresets?.length &&\n        !gptWidgetOptions.onCustomPromptApply\n    )\n        return true;\n\n    return false;\n}\n"]}

package/build/esm/extensions/additional/GPT/wGptItemData.d.ts

@@ -1,3 +1,3 @@
-import type { WToolbarSingleItemData } from '../../../bundle/toolbar/types';
+import type { WToolbarSingleItemData } from "../../../bundle/toolbar/types.js";
 export declare const cnGptButton: import("@bem-react/classname").ClassNameFormatter;
 export declare const wGptItemData: WToolbarSingleItemData;

package/build/esm/extensions/additional/GPT/wGptItemData.js

@@ -1,8 +1,8 @@
 import { cn } from '@bem-react/classname';
-import { i18n } from '../../../i18n/gpt/extension';
-import gptIcon from '../../../icons/GPT';
-import { ToolbarDataType } from '../../../toolbar/types';
-import { gptHotKeys } from './constants';
+import { i18n } from "../../../i18n/gpt/extension/index.js";
+import gptIcon from "../../../icons/GPT.js";
+import { ToolbarDataType } from "../../../toolbar/types.js";
+import { gptHotKeys } from "./constants.js";
 export const cnGptButton = cn('gpt-button');
 export const wGptItemData = {
     type: ToolbarDataType.SingleButton,
@@ -10,9 +10,10 @@ export const wGptItemData = {
     title: () => `${i18n('help-with-text')}`,
     hotkey: gptHotKeys.openGptKeyTooltip,
     icon: { data: gptIcon },
-    disabledPopoverVisible: false,
+    hintWhenDisabled: false,
     exec: (actionsStorage) => actionsStorage.actions.addGptWidget.run({}),
     isActive: (actionsStorage) => actionsStorage.actions.addGptWidget.isActive(),
     isEnable: (actionsStorage) => actionsStorage.actions.addGptWidget.isEnable(),
     className: cnGptButton(),
 };
+//# sourceMappingURL=wGptItemData.js.map

package/build/esm/extensions/additional/GPT/wGptItemData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wGptItemData.js","sourceRoot":"../../../../../src","sources":["extensions/additional/GPT/wGptItemData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,sBAAsB,CAAC;AAGxC,OAAO,EAAC,IAAI,EAAC,6CAAoC;AACjD,OAAO,OAAO,8BAA2B;AACzC,OAAO,EAAC,eAAe,EAAC,kCAA+B;AAEvD,OAAO,EAAC,UAAU,EAAC,uBAAoB;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAE5C,MAAM,CAAC,MAAM,YAAY,GAA2B;IAChD,IAAI,EAAE,eAAe,CAAC,YAAY;IAClC,EAAE,EAAE,KAAK;IACT,KAAK,EAAE,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,EAAE;IACxC,MAAM,EAAE,UAAU,CAAC,iBAAiB;IACpC,IAAI,EAAE,EAAC,IAAI,EAAE,OAAO,EAAC;IACrB,gBAAgB,EAAE,KAAK;IACvB,IAAI,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;IACrE,QAAQ,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,EAAE;IAC5E,QAAQ,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,EAAE;IAC5E,SAAS,EAAE,WAAW,EAAE;CAC3B,CAAC","sourcesContent":["import {cn} from '@bem-react/classname';\n\nimport type {WToolbarSingleItemData} from '../../../bundle/toolbar/types';\nimport {i18n} from '../../../i18n/gpt/extension';\nimport gptIcon from '../../../icons/GPT';\nimport {ToolbarDataType} from '../../../toolbar/types';\n\nimport {gptHotKeys} from './constants';\n\nexport const cnGptButton = cn('gpt-button');\n\nexport const wGptItemData: WToolbarSingleItemData = {\n    type: ToolbarDataType.SingleButton,\n    id: 'gpt',\n    title: () => `${i18n('help-with-text')}`,\n    hotkey: gptHotKeys.openGptKeyTooltip,\n    icon: {data: gptIcon},\n    hintWhenDisabled: false,\n    exec: (actionsStorage) => actionsStorage.actions.addGptWidget.run({}),\n    isActive: (actionsStorage) => actionsStorage.actions.addGptWidget.isActive(),\n    isEnable: (actionsStorage) => actionsStorage.actions.addGptWidget.isEnable(),\n    className: cnGptButton(),\n};\n"]}

package/build/esm/extensions/additional/Math/MathSpecs/const.js

@@ -10,3 +10,4 @@ export const CLASSNAMES = {
         Content: 'math-inline__content',
     },
 };
+//# sourceMappingURL=const.js.map

package/build/esm/extensions/additional/Math/MathSpecs/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/Math/MathSpecs/const.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IAChB,kCAAsB,CAAA;IACtB,kCAAsB,CAAA;AAC1B,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AAED,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,MAAM,EAAE;QACJ,SAAS,EAAE,aAAa;QACxB,KAAK,EAAE,oBAAoB;QAC3B,OAAO,EAAE,sBAAsB;KAClC;CACK,CAAC","sourcesContent":["export enum MathNode {\n    Inline = 'math_inline',\n    Block = 'math_display',\n}\n\nexport const CLASSNAMES = {\n    Inline: {\n        Container: 'math-inline',\n        Sharp: 'math-inline__sharp',\n        Content: 'math-inline__content',\n    },\n} as const;\n"]}

package/build/esm/extensions/additional/Math/MathSpecs/index.d.ts

@@ -1,5 +1,5 @@
-import type { ExtensionAuto } from '../../../../core';
-export { MathNode } from './const';
-export declare const mathIType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;
-export declare const mathBType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;
+import type { ExtensionAuto } from "../../../../core/index.js";
+export { MathNode } from "./const.js";
+export declare const mathIType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").NodeType;
+export declare const mathBType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").NodeType;
 export declare const MathSpecs: ExtensionAuto;

package/build/esm/extensions/additional/Math/MathSpecs/index.js

@@ -1,7 +1,7 @@
 import { transform } from '@diplodoc/latex-extension';
-import { nodeTypeFactory } from '../../../../utils/schema';
-import { CLASSNAMES, MathNode } from './const';
-export { MathNode } from './const';
+import { nodeTypeFactory } from "../../../../utils/schema.js";
+import { CLASSNAMES, MathNode } from "./const.js";
+export { MathNode } from "./const.js";
 export const mathIType = nodeTypeFactory(MathNode.Inline);
 export const mathBType = nodeTypeFactory(MathNode.Block);
 export const MathSpecs = (builder) => {
@@ -52,3 +52,4 @@ export const MathSpecs = (builder) => {
         },
     }));
 };
+//# sourceMappingURL=index.js.map

package/build/esm/extensions/additional/Math/MathSpecs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/Math/MathSpecs/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {transform} from '@diplodoc/latex-extension';\n\nimport type {ExtensionAuto} from '../../../../core';\nimport {nodeTypeFactory} from '../../../../utils/schema';\n\nimport {CLASSNAMES, MathNode} from './const';\n\nexport {MathNode} from './const';\nexport const mathIType = nodeTypeFactory(MathNode.Inline);\nexport const mathBType = nodeTypeFactory(MathNode.Block);\n\nexport const MathSpecs: ExtensionAuto = (builder) => {\n    builder.configureMd((md) => md.use(transform({bundle: false, validate: false}), {output: ''}));\n    builder\n        .addNode(MathNode.Inline, () => ({\n            spec: {\n                group: 'inline math',\n                content: 'text*',\n                inline: true,\n                marks: '',\n                code: true,\n                toDOM: () => [\n                    'span',\n                    {class: CLASSNAMES.Inline.Container},\n                    ['span', {class: CLASSNAMES.Inline.Sharp, contenteditable: 'false'}, '$'],\n                    ['span', {class: CLASSNAMES.Inline.Content}, 0],\n                    ['span', {class: CLASSNAMES.Inline.Sharp, contenteditable: 'false'}, '$'],\n                ],\n                parseDOM: [{tag: `span.${CLASSNAMES.Inline.Content}`, priority: 200}],\n            },\n            fromMd: {\n                tokenName: 'math_inline',\n                tokenSpec: {name: MathNode.Inline, type: 'block', noCloseToken: true},\n            },\n            toMd: (state, node) => {\n                state.text(`$${node.textContent}$`, false);\n                state.closeBlock();\n            },\n        }))\n        .addNode(MathNode.Block, () => ({\n            spec: {\n                group: 'block math',\n                content: 'text*',\n                marks: '',\n                code: true,\n                toDOM: () => ['div', {class: 'math-block'}, 0],\n                parseDOM: [{tag: 'div.math-block', priority: 200}],\n                selectable: true,\n            },\n            fromMd: {\n                tokenName: 'math_block',\n                tokenSpec: {name: MathNode.Block, type: 'block', noCloseToken: true},\n            },\n            toMd: (state, node) => {\n                state.text(`$$${node.textContent}$$\\n\\n`, false);\n                state.closeBlock();\n            },\n        }));\n};\n"]}

package/build/esm/extensions/additional/Math/commands.js

@@ -1,9 +1,9 @@
 import { NodeSelection, TextSelection } from 'prosemirror-state';
-import { get$Cursor } from '../../../utils/selection';
-import { mathIType } from './const';
+import { get$Cursor } from "../../../utils/selection.js";
+import { mathIType } from "./const.js";
 export const ignoreIfCursorInsideMathInline = ({ selection, schema }) => {
     const $cursor = get$Cursor(selection);
-    return ($cursor === null || $cursor === void 0 ? void 0 : $cursor.parent.type) === mathIType(schema);
+    return $cursor?.parent.type === mathIType(schema);
 };
 /**
  * If cursor at the beginning of MathInline:
@@ -12,13 +12,13 @@ export const ignoreIfCursorInsideMathInline = ({ selection, schema }) => {
  */
 export const removeEmptyMathInlineIfCursorIsAtBeginning = ({ tr, schema }, dispatch) => {
     const $cursor = get$Cursor(tr.selection);
-    if (($cursor === null || $cursor === void 0 ? void 0 : $cursor.parent.type) === mathIType(schema) && $cursor.start() === $cursor.pos) {
+    if ($cursor?.parent.type === mathIType(schema) && $cursor.start() === $cursor.pos) {
         const isEmptyAnchor = $cursor.parent.nodeSize <= 2;
         if (isEmptyAnchor) {
-            dispatch === null || dispatch === void 0 ? void 0 : dispatch(tr.delete($cursor.before(), $cursor.after()));
+            dispatch?.(tr.delete($cursor.before(), $cursor.after()));
         }
         else {
-            dispatch === null || dispatch === void 0 ? void 0 : dispatch(tr.setSelection(NodeSelection.create(tr.doc, $cursor.before())));
+            dispatch?.(tr.setSelection(NodeSelection.create(tr.doc, $cursor.before())));
         }
         return true;
     }
@@ -28,16 +28,15 @@ export const removeEmptyMathInlineIfCursorIsAtBeginning = ({ tr, schema }, dispa
  * Handle cursor movement to the right at the boundary of a MathInline block
  */
 export const moveCursorRightOfMathInline = ({ tr, schema }, dispatch) => {
-    var _a;
     const $cursor = get$Cursor(tr.selection);
     if ($cursor) {
         const mathType = mathIType(schema);
-        const isOnBeforeOfMathInline = ((_a = $cursor.nodeAfter) === null || _a === void 0 ? void 0 : _a.type) === mathType;
+        const isOnBeforeOfMathInline = $cursor.nodeAfter?.type === mathType;
         const isOnEndOfMathInline = $cursor.parentOffset === $cursor.parent.content.size &&
             $cursor.parent.type === mathType;
         if (isOnBeforeOfMathInline || isOnEndOfMathInline) {
             const newPos = $cursor.pos + 1;
-            dispatch === null || dispatch === void 0 ? void 0 : dispatch(tr.setSelection(TextSelection.create(tr.doc, newPos)));
+            dispatch?.(tr.setSelection(TextSelection.create(tr.doc, newPos)));
             return true;
         }
     }
@@ -47,17 +46,17 @@ export const moveCursorRightOfMathInline = ({ tr, schema }, dispatch) => {
  * Handle cursor movement to the left at the boundary of a MathInline block
  */
 export const moveCursorLeftOfMathInline = ({ tr, schema }, dispatch) => {
-    var _a;
     const $cursor = get$Cursor(tr.selection);
     if ($cursor) {
         const mathType = mathIType(schema);
-        const isOnAfterOfMathInline = ((_a = $cursor.nodeBefore) === null || _a === void 0 ? void 0 : _a.type) === mathType;
+        const isOnAfterOfMathInline = $cursor.nodeBefore?.type === mathType;
         const isOnStartOfMathInline = $cursor.parentOffset === 0 && $cursor.parent.type === mathType;
         if (isOnAfterOfMathInline || isOnStartOfMathInline) {
             const newPos = $cursor.pos - 1;
-            dispatch === null || dispatch === void 0 ? void 0 : dispatch(tr.setSelection(TextSelection.create(tr.doc, newPos)));
+            dispatch?.(tr.setSelection(TextSelection.create(tr.doc, newPos)));
             return true;
         }
     }
     return false;
 };
+//# sourceMappingURL=commands.js.map

package/build/esm/extensions/additional/Math/commands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.js","sourceRoot":"../../../../../src","sources":["extensions/additional/Math/commands.ts"],"names":[],"mappings":"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","sourcesContent":["import {Command, NodeSelection, TextSelection} from 'prosemirror-state';\n\nimport {get$Cursor} from '../../../utils/selection';\n\nimport {mathIType} from './const';\n\nexport const ignoreIfCursorInsideMathInline: Command = ({selection, schema}) => {\n    const $cursor = get$Cursor(selection);\n    return $cursor?.parent.type === mathIType(schema);\n};\n\n/**\n * If cursor at the beginning of MathInline:\n * - if math is empty – remove anchor\n * - if math has content – select node with NodeSelection\n */\nexport const removeEmptyMathInlineIfCursorIsAtBeginning: Command = ({tr, schema}, dispatch) => {\n    const $cursor = get$Cursor(tr.selection);\n    if ($cursor?.parent.type === mathIType(schema) && $cursor.start() === $cursor.pos) {\n        const isEmptyAnchor = $cursor.parent.nodeSize <= 2;\n        if (isEmptyAnchor) {\n            dispatch?.(tr.delete($cursor.before(), $cursor.after()));\n        } else {\n            dispatch?.(tr.setSelection(NodeSelection.create(tr.doc, $cursor.before())));\n        }\n        return true;\n    }\n    return false;\n};\n\n/**\n * Handle cursor movement to the right at the boundary of a MathInline block\n */\nexport const moveCursorRightOfMathInline: Command = ({tr, schema}, dispatch) => {\n    const $cursor = get$Cursor(tr.selection);\n\n    if ($cursor) {\n        const mathType = mathIType(schema);\n        const isOnBeforeOfMathInline = $cursor.nodeAfter?.type === mathType;\n        const isOnEndOfMathInline =\n            $cursor.parentOffset === $cursor.parent.content.size &&\n            $cursor.parent.type === mathType;\n\n        if (isOnBeforeOfMathInline || isOnEndOfMathInline) {\n            const newPos = $cursor.pos + 1;\n            dispatch?.(tr.setSelection(TextSelection.create(tr.doc, newPos)));\n            return true;\n        }\n    }\n\n    return false;\n};\n\n/**\n * Handle cursor movement to the left at the boundary of a MathInline block\n */\nexport const moveCursorLeftOfMathInline: Command = ({tr, schema}, dispatch) => {\n    const $cursor = get$Cursor(tr.selection);\n\n    if ($cursor) {\n        const mathType = mathIType(schema);\n        const isOnAfterOfMathInline = $cursor.nodeBefore?.type === mathType;\n        const isOnStartOfMathInline =\n            $cursor.parentOffset === 0 && $cursor.parent.type === mathType;\n\n        if (isOnAfterOfMathInline || isOnStartOfMathInline) {\n            const newPos = $cursor.pos - 1;\n            dispatch?.(tr.setSelection(TextSelection.create(tr.doc, newPos)));\n            return true;\n        }\n    }\n\n    return false;\n};\n"]}

package/build/esm/extensions/additional/Math/const.d.ts

@@ -1,2 +1,2 @@
-export * from './MathSpecs/const';
-export { mathBType, mathIType } from './MathSpecs';
+export * from "./MathSpecs/const.js";
+export { mathBType, mathIType } from "./MathSpecs/index.js";

package/build/esm/extensions/additional/Math/const.js

@@ -1,2 +1,3 @@
-export * from './MathSpecs/const';
-export { mathBType, mathIType } from './MathSpecs';
+export * from "./MathSpecs/const.js";
+export { mathBType, mathIType } from "./MathSpecs/index.js";
+//# sourceMappingURL=const.js.map

package/build/esm/extensions/additional/Math/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"../../../../../src","sources":["extensions/additional/Math/const.ts"],"names":[],"mappings":"AAAA,qCAAkC;AAClC,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,6BAAoB","sourcesContent":["export * from './MathSpecs/const';\nexport {mathBType, mathIType} from './MathSpecs';\n"]}

package/build/esm/extensions/additional/Math/hint.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { HelpPopoverProps } from '@gravity-ui/components';
+import { type HelpMarkProps } from '@gravity-ui/uikit';
 export declare const b: import("@bem-react/classname").ClassNameFormatter;
-declare type MathHintProps = Pick<HelpPopoverProps, 'offset' | 'hasArrow'>;
+type MathHintProps = Pick<NonNullable<HelpMarkProps['popoverProps']>, 'offset' | 'hasArrow'>;
 export declare function renderMathHint(props: MathHintProps, container: HTMLElement): React.ReactNode;
 export {};

package/build/esm/extensions/additional/Math/hint.js

@@ -1,19 +1,19 @@
-import React from 'react';
-import { HelpPopover } from '@gravity-ui/components';
-import { Link, Portal } from '@gravity-ui/uikit';
-import { cn } from '../../../classname';
-import { i18n } from '../../../i18n/math-hint';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { HelpMark, Link, Portal } from '@gravity-ui/uikit';
+import { cn } from "../../../classname.js";
+import { i18n } from "../../../i18n/math-hint/index.js";
 export const b = cn('MathHint');
 const MathHintContent = function MathHintContent() {
-    return (React.createElement(React.Fragment, null,
-        i18n('math_hint'),
-        ' ',
-        React.createElement(Link, { href: 'https://katex.org/', target: 'blank' }, i18n('math_hint_katex'))));
+    return (_jsxs(_Fragment, { children: [i18n('math_hint'), ' ', _jsx(Link, { href: 'https://katex.org/', target: 'blank', children: i18n('math_hint_katex') })] }));
 };
 const MathHint = function MathHint(props) {
-    return (React.createElement(HelpPopover, Object.assign({ placement: ['bottom-end', 'top-end'] }, props, { content: React.createElement(MathHintContent, null) })));
+    return (_jsx(HelpMark, { popoverProps: {
+            placement: ['bottom-end', 'top-end'],
+            modal: false,
+            ...props,
+        }, children: _jsx(MathHintContent, {}) }));
 };
 export function renderMathHint(props, container) {
-    return (React.createElement(Portal, { container: container },
-        React.createElement(MathHint, Object.assign({}, props))));
+    return (_jsx(Portal, { container: container, children: _jsx(MathHint, { ...props }) }));
 }
+//# sourceMappingURL=hint.js.map

package/build/esm/extensions/additional/Math/hint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hint.js","sourceRoot":"../../../../../src","sources":["extensions/additional/Math/hint.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAsB,IAAI,EAAE,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAE7E,OAAO,EAAC,EAAE,EAAC,8BAA2B;AACtC,OAAO,EAAC,IAAI,EAAC,yCAAgC;AAE7C,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC;AAEhC,MAAM,eAAe,GAAa,SAAS,eAAe;IACtD,OAAO,CACH,8BACK,IAAI,CAAC,WAAW,CAAC,EAAE,GAAG,EACvB,KAAC,IAAI,IAAC,IAAI,EAAE,oBAAoB,EAAE,MAAM,EAAE,OAAO,YAC5C,IAAI,CAAC,iBAAiB,CAAC,GACrB,IACR,CACN,CAAC;AACN,CAAC,CAAC;AAIF,MAAM,QAAQ,GAA4B,SAAS,QAAQ,CAAC,KAAK;IAC7D,OAAO,CACH,KAAC,QAAQ,IACL,YAAY,EAAE;YACV,SAAS,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC;YACpC,KAAK,EAAE,KAAK;YACZ,GAAG,KAAK;SACX,YAED,KAAC,eAAe,KAAG,GACZ,CACd,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,UAAU,cAAc,CAAC,KAAoB,EAAE,SAAsB;IACvE,OAAO,CACH,KAAC,MAAM,IAAC,SAAS,EAAE,SAAS,YACxB,KAAC,QAAQ,OAAK,KAAK,GAAI,GAClB,CACZ,CAAC;AACN,CAAC","sourcesContent":["import {HelpMark, type HelpMarkProps, Link, Portal} from '@gravity-ui/uikit';\n\nimport {cn} from '../../../classname';\nimport {i18n} from '../../../i18n/math-hint';\n\nexport const b = cn('MathHint');\n\nconst MathHintContent: React.FC = function MathHintContent() {\n    return (\n        <>\n            {i18n('math_hint')}{' '}\n            <Link href={'https://katex.org/'} target={'blank'}>\n                {i18n('math_hint_katex')}\n            </Link>\n        </>\n    );\n};\n\ntype MathHintProps = Pick<NonNullable<HelpMarkProps['popoverProps']>, 'offset' | 'hasArrow'>;\n\nconst MathHint: React.FC<MathHintProps> = function MathHint(props) {\n    return (\n        <HelpMark\n            popoverProps={{\n                placement: ['bottom-end', 'top-end'],\n                modal: false,\n                ...props,\n            }}\n        >\n            <MathHintContent />\n        </HelpMark>\n    );\n};\n\nexport function renderMathHint(props: MathHintProps, container: HTMLElement): React.ReactNode {\n    return (\n        <Portal container={container}>\n            <MathHint {...props} />\n        </Portal>\n    );\n}\n"]}

package/build/esm/extensions/additional/Math/index.d.ts

@@ -1,11 +1,11 @@
-import type { Action, ExtensionAuto } from '../../../core';
-import { MathNodeViewOptions } from './view-and-edit';
-import './index.css';
-export { MathNode, mathBType, mathIType } from './MathSpecs';
-export { MathBlockNodeView, MathInlineNodeView } from './view-and-edit';
+import type { Action, ExtensionAuto } from "../../../core/index.js";
+import { MathNodeViewOptions } from "./view-and-edit.js";
+import "./index.css";
+export { MathNode, mathBType, mathIType } from "./MathSpecs/index.js";
+export { MathBlockNodeView, MathInlineNodeView } from "./view-and-edit.js";
 declare const mathIAction = "addMathInline";
 declare const mathBAction = "toMathBlock";
-export declare type MathOptions = Pick<MathNodeViewOptions, 'loadRuntimeScript' | 'sanitize' | 'katexOptions'>;
+export type MathOptions = Pick<MathNodeViewOptions, 'loadRuntimeScript' | 'sanitize' | 'katexOptions'>;
 export declare const Math: ExtensionAuto<MathOptions>;
 declare global {
     namespace WysiwygEditor {

package/build/esm/extensions/additional/Math/index.js

@@ -1,26 +1,30 @@
 import { chainCommands, setBlockType } from 'prosemirror-commands';
 import { TextSelection } from 'prosemirror-state';
+// @ts-ignore // TODO: fix cjs build
 import { hasParentNodeOfType } from 'prosemirror-utils';
-import { inlineNodeInputRule, textblockTypeInputRule } from '../../../utils/inputrules';
-import { isTextSelection } from '../../../utils/selection';
-import { MathSpecs } from './MathSpecs';
-import { ignoreIfCursorInsideMathInline, moveCursorLeftOfMathInline, removeEmptyMathInlineIfCursorIsAtBeginning, } from './commands';
-import { mathBType, mathIType } from './const';
-import { mathViewAndEditPlugin } from './view-and-edit';
-import './index.css';
-export { MathNode, mathBType, mathIType } from './MathSpecs';
-export { MathBlockNodeView, MathInlineNodeView } from './view-and-edit';
+import { inlineNodeInputRule, textblockTypeInputRule } from "../../../utils/inputrules.js";
+import { isTextSelection } from "../../../utils/selection.js";
+import { MathSpecs } from "./MathSpecs/index.js";
+import { ignoreIfCursorInsideMathInline, moveCursorLeftOfMathInline, removeEmptyMathInlineIfCursorIsAtBeginning, } from "./commands.js";
+import { mathBType, mathIType } from "./const.js";
+import { mathViewAndEditPlugin } from "./view-and-edit.js";
+import "./index.css";
+export { MathNode, mathBType, mathIType } from "./MathSpecs/index.js";
+export { MathBlockNodeView, MathInlineNodeView } from "./view-and-edit.js";
 const mathIAction = 'addMathInline';
 const mathBAction = 'toMathBlock';
 const mathITemplate = 'f(x)=';
 export const Math = (builder, opts) => {
     builder.use(MathSpecs);
     builder.addKeymap(() => ({
-        Enter: ignoreIfCursorInsideMathInline,
+        Enter: ignoreIfCursorInsideMathInline, // ignore breaks in math inline
         Backspace: chainCommands(removeEmptyMathInlineIfCursorIsAtBeginning, moveCursorLeftOfMathInline),
     }));
     builder
-        .addPlugin(() => mathViewAndEditPlugin(Object.assign(Object.assign({}, opts), { reactRenderer: builder.context.get('reactrenderer') })))
+        .addPlugin(() => mathViewAndEditPlugin({
+        ...opts,
+        reactRenderer: builder.context.get('reactrenderer'),
+    }))
         .addInputRules((deps) => ({
         rules: [
             textblockTypeInputRule(/^\$\$\s$/, mathBType(deps.schema)),
@@ -61,3 +65,4 @@ export const Math = (builder, opts) => {
         };
     });
 };
+//# sourceMappingURL=index.js.map

package/build/esm/extensions/additional/Math/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/additional/Math/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {chainCommands, setBlockType} from 'prosemirror-commands';\nimport {Command, TextSelection} from 'prosemirror-state';\n// @ts-ignore // TODO: fix cjs build\nimport {hasParentNodeOfType} from 'prosemirror-utils';\n\nimport type {Action, ExtensionAuto} from '../../../core';\nimport {inlineNodeInputRule, textblockTypeInputRule} from '../../../utils/inputrules';\nimport {isTextSelection} from '../../../utils/selection';\n\nimport {MathSpecs} from './MathSpecs';\nimport {\n    ignoreIfCursorInsideMathInline,\n    moveCursorLeftOfMathInline,\n    removeEmptyMathInlineIfCursorIsAtBeginning,\n} from './commands';\nimport {mathBType, mathIType} from './const';\nimport {MathNodeViewOptions, mathViewAndEditPlugin} from './view-and-edit';\n\nimport './index.scss';\n\nexport {MathNode, mathBType, mathIType} from './MathSpecs';\nexport {MathBlockNodeView, MathInlineNodeView} from './view-and-edit';\n\nconst mathIAction = 'addMathInline';\nconst mathBAction = 'toMathBlock';\n\nconst mathITemplate = 'f(x)=';\n\n// !!! YfmPreset/YfmSpecsPreset does not use or re-export the Math extension\n\nexport type MathOptions = Pick<\n    MathNodeViewOptions,\n    'loadRuntimeScript' | 'sanitize' | 'katexOptions'\n>;\n\nexport const Math: ExtensionAuto<MathOptions> = (builder, opts) => {\n    builder.use(MathSpecs);\n\n    builder.addKeymap(() => ({\n        Enter: ignoreIfCursorInsideMathInline, // ignore breaks in math inline\n        Backspace: chainCommands(\n            removeEmptyMathInlineIfCursorIsAtBeginning,\n            moveCursorLeftOfMathInline,\n        ),\n    }));\n\n    builder\n        .addPlugin(() =>\n            mathViewAndEditPlugin({\n                ...opts,\n                reactRenderer: builder.context.get('reactrenderer')!,\n            }),\n        )\n        .addInputRules((deps) => ({\n            rules: [\n                textblockTypeInputRule(/^\\$\\$\\s$/, mathBType(deps.schema)),\n                inlineNodeInputRule(/\\$[^$\\s]+\\$$/, (match) =>\n                    mathIType(deps.schema).create(null, deps.schema.text(match.replace(/\\$/g, ''))),\n                ),\n            ],\n        }));\n    builder\n        .addAction(mathIAction, (deps) => {\n            const type = mathIType(deps.schema);\n            const cmd: Command = (state, dispatch) => {\n                const {selection} = state;\n                if (isTextSelection(selection) && selection.$from.sameParent(selection.$to)) {\n                    if (dispatch) {\n                        const fragment = selection.content().content;\n                        const selectedText =\n                            fragment.textBetween(0, fragment.size) || mathITemplate;\n                        const tr = state.tr;\n                        selection.replaceWith(\n                            tr,\n                            type.create(null, deps.schema.text(selectedText)),\n                        );\n                        tr.setSelection(\n                            TextSelection.create(tr.doc, selection.from + selectedText.length + 1),\n                        );\n                        dispatch(tr);\n                    }\n                    return true;\n                }\n                return false;\n            };\n            return {\n                isActive: (state) => hasParentNodeOfType(type)(state.selection),\n                isEnable: cmd,\n                run: cmd,\n            };\n        })\n        .addAction(mathBAction, (deps) => {\n            const type = mathBType(deps.schema);\n            const cmd = setBlockType(type);\n            return {\n                isActive: (state) => hasParentNodeOfType(type)(state.selection),\n                isEnable: cmd,\n                run: cmd,\n            };\n        });\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [mathIAction]: Action;\n            [mathBAction]: Action;\n        }\n    }\n}\n"]}

package/build/esm/extensions/additional/Math/types.d.ts

@@ -1,11 +1,11 @@
 import type { KatexOptions } from 'katex';
 export type { KatexOptions };
-export declare type RunOptions = KatexOptions & {
+export type RunOptions = KatexOptions & {
     querySelector?: string;
     nodes?: HTMLElement[];
     sanitize?: (content: string) => string;
 };
-export declare type ExposedAPI = {
+export type ExposedAPI = {
     run: (options?: RunOptions) => Promise<void>;
 };
 declare global {

package/build/esm/extensions/additional/Math/types.js

@@ -1,3 +1,4 @@
 // copied from https://github.com/diplodoc-platform/latex-extension/blob/7958a99a7d77f31fb5c4cf485990cbbd82ebe3f0/src/types.ts
 // and https://github.com/diplodoc-platform/latex-extension/blob/7958a99a7d77f31fb5c4cf485990cbbd82ebe3f0/src/%40types/globals.d.ts
 export {};
+//# sourceMappingURL=types.js.map

package/build/esm/extensions/additional/Math/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["extensions/additional/Math/types.ts"],"names":[],"mappings":"AAAA,8HAA8H;AAC9H,mIAAmI","sourcesContent":["// copied from https://github.com/diplodoc-platform/latex-extension/blob/7958a99a7d77f31fb5c4cf485990cbbd82ebe3f0/src/types.ts\n// and https://github.com/diplodoc-platform/latex-extension/blob/7958a99a7d77f31fb5c4cf485990cbbd82ebe3f0/src/%40types/globals.d.ts\n\nimport type {KatexOptions} from 'katex';\n\nexport type {KatexOptions};\n\nexport type RunOptions = KatexOptions & {\n    querySelector?: string;\n    nodes?: HTMLElement[];\n    sanitize?: (content: string) => string;\n};\n\nexport type ExposedAPI = {\n    run: (options?: RunOptions) => Promise<void>;\n};\n\ndeclare global {\n    interface Window {\n        latexJsonp: Callback[];\n    }\n\n    type Callback = (exposed: ExposedAPI) => void | Promise<void>;\n}\n"]}

package/build/esm/extensions/additional/Math/view-and-edit.d.ts

@@ -1,10 +1,10 @@
 import type { Node } from 'prosemirror-model';
 import { Plugin } from 'prosemirror-state';
-import { Decoration, NodeView } from 'prosemirror-view';
-import type { ReactRenderer, RendererItem } from '../../behavior/ReactRenderer';
-import type { KatexOptions, RunOptions } from './types';
-import './view-and-edit.css';
-export declare type MathNodeViewOptions = Pick<RunOptions, 'sanitize'> & {
+import { Decoration, NodeView, ViewMutationRecord } from 'prosemirror-view';
+import type { ReactRenderer, RendererItem } from "../../behavior/ReactRenderer/index.js";
+import type { KatexOptions, RunOptions } from "./types.js";
+import "./view-and-edit.css";
+export type MathNodeViewOptions = Pick<RunOptions, 'sanitize'> & {
     katexOptions?: KatexOptions;
     loadRuntimeScript: () => void;
     reactRenderer: ReactRenderer;
@@ -27,7 +27,7 @@ export declare abstract class MathNodeView implements NodeView {
     abstract isDisplayMode(): boolean;
     constructor(node: Node, opts: MathNodeViewOptions);
     update(node: Node, decos: readonly Decoration[]): boolean;
-    ignoreMutation(mutation: MutationRecord): boolean;
+    ignoreMutation(mutation: ViewMutationRecord): boolean;
     destroy(): void;
     protected renderKatex(): void;
     protected toggleErrorView(isError: boolean): void;
@@ -58,5 +58,5 @@ export declare class MathBlockNodeView extends MathNodeView {
         hintRendererItem: RendererItem;
     };
 }
-export declare type MathViewAndEditPluginOptions = MathNodeViewOptions;
+export type MathViewAndEditPluginOptions = MathNodeViewOptions;
 export declare const mathViewAndEditPlugin: (options: MathViewAndEditPluginOptions) => Plugin<any>;

package/build/esm/extensions/additional/Math/view-and-edit.js

@@ -1,19 +1,31 @@
 import { keydownHandler } from 'prosemirror-keymap';
 import { Plugin } from 'prosemirror-state';
 import { Decoration, DecorationSet } from 'prosemirror-view';
-import { isTextSelection } from '../../../utils/selection';
-import { moveCursorLeftOfMathInline, moveCursorRightOfMathInline } from './commands';
-import { CLASSNAMES, MathNode } from './const';
-import { b, renderMathHint } from './hint';
-import './view-and-edit.css';
+import { isTextSelection } from "../../../utils/selection.js";
+import { moveCursorLeftOfMathInline, moveCursorRightOfMathInline } from "./commands.js";
+import { CLASSNAMES, MathNode } from "./const.js";
+import { b, renderMathHint } from "./hint.js";
+import "./view-and-edit.css";
 const MATH_ACTIVE_DECO = 'math_active_decoration';
 export class MathNodeView {
+    dom;
+    contentDOM;
+    node;
+    texContent;
+    mathViewDOM;
+    mathHintContainerDOM;
+    hintRendererItem;
+    reactRenderer;
+    loadRuntimeScript;
+    katexRunOptions;
+    hasActiveDeco = false;
     constructor(node, opts) {
-        var _a;
-        this.hasActiveDeco = false;
         this.node = node;
         this.texContent = this.getTexContent();
-        this.katexRunOptions = Object.assign(Object.assign({}, opts.katexOptions), { sanitize: opts.sanitize });
+        this.katexRunOptions = {
+            ...opts.katexOptions,
+            sanitize: opts.sanitize,
+        };
         this.reactRenderer = opts.reactRenderer;
         this.loadRuntimeScript = opts.loadRuntimeScript;
         const elems = this.createDOM();
@@ -22,7 +34,7 @@ export class MathNodeView {
         this.mathViewDOM = elems.mathViewDOM;
         this.mathHintContainerDOM = elems.mathHintContainerDOM;
         this.hintRendererItem = elems.hintRendererItem;
-        (_a = window.latexJsonp) !== null && _a !== void 0 ? _a : (window.latexJsonp = []);
+        window.latexJsonp ??= [];
         this.loadRuntimeScript();
         this.renderKatex();
     }
@@ -44,11 +56,11 @@ export class MathNodeView {
         return true;
     }
     ignoreMutation(mutation) {
-        // @ts-expect-error
         if (mutation.type === 'selection' || mutation.type === 'attributes')
             return true;
         return (mutation.type === 'childList' &&
             (mutation.target === this.mathHintContainerDOM ||
+                this.mathHintContainerDOM.contains(mutation.target) ||
                 this.mathViewDOM.contains(mutation.target)));
     }
     destroy() {
@@ -67,7 +79,12 @@ export class MathNodeView {
         this.toggleErrorView(false);
         window.latexJsonp.push(async (api) => {
             try {
-                await api.run(Object.assign(Object.assign(Object.assign({}, this.katexRunOptions), runOptions), { nodes: [elem], throwOnError: true }));
+                await api.run({
+                    ...this.katexRunOptions,
+                    ...runOptions,
+                    nodes: [elem],
+                    throwOnError: true,
+                });
             }
             catch (err) {
                 const errorElem = document.createElement('span');
@@ -89,8 +106,7 @@ export class MathNodeView {
 }
 export class MathInlineNodeView extends MathNodeView {
     destroy() {
-        var _a;
-        (_a = this.hintRendererItem) === null || _a === void 0 ? void 0 : _a.remove();
+        this.hintRendererItem?.remove();
     }
     isDisplayMode() {
         return false;
@@ -108,7 +124,7 @@ export class MathInlineNodeView extends MathNodeView {
         dom.appendChild(mathViewDOM);
         dom.appendChild(mathInlineDOM.container);
         dom.appendChild(mathHintContainerDOM);
-        const hintRendererItem = this.reactRenderer.createItem('math-inline-hint', () => renderMathHint({ offset: { left: 3, top: -1 } }, mathHintContainerDOM));
+        const hintRendererItem = this.reactRenderer.createItem('math-inline-hint', () => renderMathHint({}, mathHintContainerDOM));
         return {
             dom,
             contentDOM: mathInlineDOM.content,
@@ -150,7 +166,7 @@ export class MathBlockNodeView extends MathNodeView {
         dom.appendChild(mathHintContainerDOM);
         dom.appendChild(mathViewDOM);
         dom.appendChild(contentDOM);
-        const hintRendererItem = this.reactRenderer.createItem('math-block-hint', () => renderMathHint({ offset: { left: -3 } }, mathHintContainerDOM));
+        const hintRendererItem = this.reactRenderer.createItem('math-block-hint', () => renderMathHint({}, mathHintContainerDOM));
         return { dom, contentDOM, mathViewDOM, mathHintContainerDOM, hintRendererItem };
     }
 }
@@ -184,3 +200,4 @@ export const mathViewAndEditPlugin = (options) => new Plugin({
         },
     },
 });
+//# sourceMappingURL=view-and-edit.js.map

package/build/esm/extensions/additional/Math/view-and-edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-and-edit.js","sourceRoot":"../../../../../src","sources":["extensions/additional/Math/view-and-edit.ts"],"names":[],"mappings":"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","sourcesContent":["import {keydownHandler} from 'prosemirror-keymap';\nimport type {Node} from 'prosemirror-model';\nimport {Plugin} from 'prosemirror-state';\nimport {Decoration, DecorationSet, NodeView, ViewMutationRecord} from 'prosemirror-view';\n\nimport {isTextSelection} from '../../../utils/selection';\nimport type {ReactRenderer, RendererItem} from '../../behavior/ReactRenderer';\n\nimport {moveCursorLeftOfMathInline, moveCursorRightOfMathInline} from './commands';\nimport {CLASSNAMES, MathNode} from './const';\nimport {b, renderMathHint} from './hint';\nimport type {KatexOptions, RunOptions} from './types';\n\nimport './view-and-edit.scss';\n\nconst MATH_ACTIVE_DECO = 'math_active_decoration';\n\nexport type MathNodeViewOptions = Pick<RunOptions, 'sanitize'> & {\n    katexOptions?: KatexOptions;\n    loadRuntimeScript: () => void;\n    reactRenderer: ReactRenderer;\n};\n\nexport abstract class MathNodeView implements NodeView {\n    dom: HTMLElement;\n    contentDOM: HTMLElement;\n\n    protected node: Node;\n    protected texContent: string;\n    protected mathViewDOM: HTMLElement;\n    protected mathHintContainerDOM: HTMLElement;\n\n    protected hintRendererItem: RendererItem;\n    protected readonly reactRenderer: ReactRenderer;\n    protected readonly loadRuntimeScript: () => void;\n    protected readonly katexRunOptions: RunOptions;\n\n    protected hasActiveDeco = false;\n\n    abstract createDOM(): Record<\n        'dom' | 'contentDOM' | 'mathViewDOM' | 'mathHintContainerDOM',\n        HTMLElement\n    > & {hintRendererItem: RendererItem};\n    abstract isDisplayMode(): boolean;\n\n    constructor(node: Node, opts: MathNodeViewOptions) {\n        this.node = node;\n        this.texContent = this.getTexContent();\n        this.katexRunOptions = {\n            ...opts.katexOptions,\n            sanitize: opts.sanitize,\n        };\n\n        this.reactRenderer = opts.reactRenderer;\n        this.loadRuntimeScript = opts.loadRuntimeScript;\n\n        const elems = this.createDOM();\n        this.dom = elems.dom;\n        this.contentDOM = elems.contentDOM;\n        this.mathViewDOM = elems.mathViewDOM;\n        this.mathHintContainerDOM = elems.mathHintContainerDOM;\n        this.hintRendererItem = elems.hintRendererItem;\n\n        window.latexJsonp ??= [];\n        this.loadRuntimeScript();\n        this.renderKatex();\n    }\n\n    update(node: Node, decos: readonly Decoration[]): boolean {\n        if (this.node.type !== node.type) return false;\n        this.node = node;\n\n        const isActive = decos.some((deco) => deco.spec[MATH_ACTIVE_DECO]);\n        if (isActive === this.hasActiveDeco) return true;\n\n        if (!isActive) {\n            const newTexContent = this.getTexContent();\n            if (this.texContent !== newTexContent) {\n                this.texContent = newTexContent;\n                this.renderKatex();\n            }\n        }\n\n        this.hasActiveDeco = isActive;\n\n        return true;\n    }\n\n    ignoreMutation(mutation: ViewMutationRecord): boolean {\n        if (mutation.type === 'selection' || mutation.type === 'attributes') return true;\n\n        return (\n            mutation.type === 'childList' &&\n            (mutation.target === this.mathHintContainerDOM ||\n                this.mathHintContainerDOM.contains(mutation.target) ||\n                this.mathViewDOM.contains(mutation.target))\n        );\n    }\n\n    destroy() {\n        this.hintRendererItem.remove();\n    }\n\n    protected renderKatex() {\n        const displayMode = this.isDisplayMode();\n        const runOptions: RunOptions = {displayMode};\n\n        const econtent = encodeURIComponent(this.texContent);\n        const eoptions = encodeURIComponent(JSON.stringify(runOptions));\n\n        const elem = document.createElement(displayMode ? 'p' : 'span');\n        elem.classList.add('yfm-latex');\n        elem.setAttribute('data-content', econtent);\n        elem.setAttribute('data-options', eoptions);\n        this.mathViewDOM.replaceChildren(elem);\n\n        this.toggleErrorView(false);\n\n        window.latexJsonp.push(async (api) => {\n            try {\n                await api.run({\n                    ...this.katexRunOptions,\n                    ...runOptions,\n                    nodes: [elem],\n                    throwOnError: true,\n                });\n            } catch (err) {\n                const errorElem = document.createElement('span');\n                errorElem.classList.add('math-error');\n                errorElem.innerText = `(error) ${this.texContent}`;\n                errorElem.title = String(err);\n                this.mathViewDOM.replaceChildren(errorElem);\n                this.toggleErrorView(true);\n            }\n        });\n    }\n\n    protected toggleErrorView(isError: boolean) {\n        this.dom.classList.toggle('math-container-error', isError);\n        this.mathViewDOM.classList.toggle('math-view-error', isError);\n    }\n\n    protected getTexContent() {\n        return this.node.textContent;\n    }\n}\n\nexport class MathInlineNodeView extends MathNodeView {\n    destroy() {\n        this.hintRendererItem?.remove();\n    }\n\n    isDisplayMode(): boolean {\n        return false;\n    }\n\n    createDOM() {\n        const dom = document.createElement('span');\n        dom.classList.add('math-container', 'math-inline-container');\n\n        const mathViewDOM = document.createElement('span');\n        mathViewDOM.classList.add('math-view', 'math-inline-view');\n        mathViewDOM.contentEditable = 'false';\n\n        const mathInlineDOM = this.createMathInlineDOM();\n\n        const mathHintContainerDOM = document.createElement('div');\n        mathHintContainerDOM.contentEditable = 'false';\n        mathHintContainerDOM.classList.add(...b({view: 'inline'}).split(' '));\n\n        dom.appendChild(mathViewDOM);\n        dom.appendChild(mathInlineDOM.container);\n        dom.appendChild(mathHintContainerDOM);\n\n        const hintRendererItem = this.reactRenderer.createItem('math-inline-hint', () =>\n            renderMathHint({}, mathHintContainerDOM),\n        );\n\n        return {\n            dom,\n            contentDOM: mathInlineDOM.content,\n            mathViewDOM,\n            mathHintContainerDOM,\n            hintRendererItem,\n        };\n    }\n\n    // same as math-inline spec toDOM()\n    protected createMathInlineDOM() {\n        const container = document.createElement('span');\n        container.classList.add(CLASSNAMES.Inline.Container);\n\n        const sharpBefore = document.createElement('span');\n        sharpBefore.classList.add(CLASSNAMES.Inline.Sharp);\n        sharpBefore.contentEditable = 'false';\n        sharpBefore.textContent = '$';\n\n        const sharpAfter = sharpBefore.cloneNode(true);\n\n        const content = document.createElement('span');\n        content.classList.add(CLASSNAMES.Inline.Content);\n\n        container.replaceChildren(sharpBefore, content, sharpAfter);\n\n        return {container, content};\n    }\n}\n\nexport class MathBlockNodeView extends MathNodeView {\n    isDisplayMode(): boolean {\n        return true;\n    }\n\n    createDOM() {\n        const dom = document.createElement('div');\n        dom.classList.add('math-container', 'math-block-container');\n\n        const mathViewDOM = document.createElement('div');\n        mathViewDOM.classList.add('math-view', 'math-block-view');\n        mathViewDOM.contentEditable = 'false';\n\n        const contentDOM = document.createElement('div');\n        contentDOM.classList.add('math-block');\n\n        const mathHintContainerDOM = document.createElement('div');\n        mathHintContainerDOM.contentEditable = 'false';\n        mathHintContainerDOM.classList.add(...b({view: 'block'}).split(' '));\n\n        dom.appendChild(mathHintContainerDOM);\n        dom.appendChild(mathViewDOM);\n        dom.appendChild(contentDOM);\n\n        const hintRendererItem = this.reactRenderer.createItem('math-block-hint', () =>\n            renderMathHint({}, mathHintContainerDOM),\n        );\n\n        return {dom, contentDOM, mathViewDOM, mathHintContainerDOM, hintRendererItem};\n    }\n}\n\nexport type MathViewAndEditPluginOptions = MathNodeViewOptions;\n\nexport const mathViewAndEditPlugin = (options: MathViewAndEditPluginOptions) =>\n    new Plugin({\n        props: {\n            handleKeyDown: keydownHandler({\n                ArrowRight: moveCursorRightOfMathInline,\n                ArrowLeft: moveCursorLeftOfMathInline,\n            }),\n            nodeViews: {\n                [MathNode.Block]: (node) => new MathBlockNodeView(node, options),\n                [MathNode.Inline]: (node) => new MathInlineNodeView(node, options),\n            },\n            decorations: (state) => {\n                const {selection} = state;\n                if (isTextSelection(selection)) {\n                    const decorations: Decoration[] = [];\n                    state.doc.nodesBetween(selection.from, selection.to, (node, pos) => {\n                        const typeName = node.type.name;\n                        if (typeName === MathNode.Inline || typeName === MathNode.Block) {\n                            decorations.push(\n                                Decoration.node(\n                                    pos,\n                                    pos + node.nodeSize,\n                                    {\n                                        class: 'math-active',\n                                    },\n                                    {[MATH_ACTIVE_DECO]: true},\n                                ),\n                            );\n                        }\n                    });\n                    if (decorations.length) {\n                        return DecorationSet.create(state.doc, decorations);\n                    }\n                }\n                return DecorationSet.empty;\n            },\n        },\n    });\n"]}

package/build/esm/extensions/additional/Mermaid/MermaidNodeView/MermaidView.d.ts

@@ -1,11 +1,10 @@
-import React from 'react';
-import type { Mermaid } from 'mermaid';
+import type { Mermaid } from 'mermaid' with { 'resolution-mode': 'import' };
 import { Node } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
-import { MermaidConsts } from '../MermaidSpecs/const';
+import { MermaidConsts } from "../MermaidSpecs/const.js";
 export declare const cnMermaid: import("@bem-react/classname").ClassNameFormatter;
-export declare const cnDiagramHelper: import("@bem-react/classname").ClassNameFormatter;
-import './Mermaid.css';
+export declare const STOP_EVENT_CLASSNAME = "prosemirror-stop-event";
+import "./Mermaid.css";
 export declare const MermaidView: React.FC<{
     view: EditorView;
     onChange: (attrs: {