@gravity-ui/markdown-editor 14.12.3 → 15.0.1

package/README.md

@@ -30,7 +30,6 @@ To set up styling and theme see [UIKit docs](https://github.com/gravity-ui/uikit
 ```tsx
 import React from 'react';
 import {useMarkdownEditor, MarkdownEditorView} from '@gravity-ui/markdown-editor';
-import {toaster} from '@gravity-ui/uikit/toaster-singleton-react-18';
 
 function Editor({onSubmit}) {
   const editor = useMarkdownEditor({allowHTML: false});
@@ -48,7 +47,7 @@ function Editor({onSubmit}) {
     };
   }, [onSubmit]);
 
-  return <MarkdownEditorView stickyToolbar autofocus toaster={toaster} editor={editor} />;
+  return <MarkdownEditorView stickyToolbar autofocus editor={editor} />;
 }
 ```
 Read more:

package/build/cjs/bundle/Editor.d.ts

@@ -1,10 +1,10 @@
-import type { CommonEditor } from '../common';
-import type { TransformFn } from '../core/markdown/ProseMirrorTransformer';
-import { ReactRenderStorage } from '../extensions';
-import { type Receiver } from '../utils';
-import type { DirectiveSyntaxContext } from '../utils/directive';
-import type { MarkdownEditorMode as EditorMode, MarkdownEditorPreset as EditorPreset, MarkdownEditorOptions } from './types';
-export declare type ToolbarActionData = {
+import type { CommonEditor } from "../common/index.js";
+import type { TransformFn } from "../core/markdown/ProseMirrorTransformer/index.js";
+import type { ReactRenderStorage } from "../extensions/index.js";
+import { type Receiver } from "../utils/index.js";
+import type { DirectiveSyntaxContext } from "../utils/directive.js";
+import type { MarkdownEditorMode as EditorMode, MarkdownEditorPreset as EditorPreset, MarkdownEditorOptions } from "./types.js";
+export type ToolbarActionData = {
     editorMode: EditorMode;
     id: string;
     attrs?: {
@@ -34,13 +34,13 @@ export interface Editor extends Receiver<EventMap>, CommonEditor {
         line: number;
     }): void;
 }
-declare type SetEditorModeOptions = Pick<ChangeEditorModeOptions, 'emit'>;
-export declare type ChangeEditorModeOptions = {
+type SetEditorModeOptions = Pick<ChangeEditorModeOptions, 'emit'>;
+export type ChangeEditorModeOptions = {
     mode: EditorMode;
     reason: 'error-boundary' | 'settings' | 'manually';
     emit?: boolean;
 };
-export declare type EditorOptions = Pick<MarkdownEditorOptions, 'md' | 'initial' | 'handlers' | 'experimental' | 'markupConfig' | 'wysiwygConfig'> & {
+export type EditorOptions = Pick<MarkdownEditorOptions, 'md' | 'initial' | 'handlers' | 'experimental' | 'markupConfig' | 'wysiwygConfig'> & {
     renderStorage: ReactRenderStorage;
     preset: EditorPreset;
     directiveSyntax: DirectiveSyntaxContext;

package/build/cjs/bundle/Editor.js

@@ -1,114 +1,80 @@
 "use strict";
-var _EditorImpl_markup, _EditorImpl_editorMode, _EditorImpl_toolbarVisible, _EditorImpl_splitModeEnabled, _EditorImpl_splitMode, _EditorImpl_renderPreview, _EditorImpl_wysiwygEditor, _EditorImpl_markupEditor, _EditorImpl_markupConfig, _EditorImpl_escapeConfig, _EditorImpl_mdOptions, _EditorImpl_pmTransformers, _EditorImpl_preserveEmptyRows, _EditorImpl_modifiers, _EditorImpl_preset, _EditorImpl_extensions, _EditorImpl_renderStorage, _EditorImpl_fileUploadHandler, _EditorImpl_parseInsertedUrlAsImage, _EditorImpl_needToSetDimensionsForUploadedImages, _EditorImpl_enableNewImageSizeCalculation, _EditorImpl_directiveSyntax, _EditorImpl_prepareRawMarkup, _EditorImpl_beforeEditorModeChange;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditorImpl = void 0;
-const tslib_1 = require("tslib");
 const view_1 = require("@codemirror/view");
 const prosemirror_state_1 = require("prosemirror-state");
-const core_1 = require("../core");
-const bundle_1 = require("../i18n/bundle");
-const logger_1 = require("../logger");
-const markup_1 = require("../markup");
-const autocomplete_1 = require("../markup/codemirror/autocomplete");
-const editor_1 = require("../markup/editor");
-const utils_1 = require("../utils");
-const MarkupManager_1 = require("./MarkupManager");
-const dynamicModifiers_1 = require("./config/dynamicModifiers");
+const core_1 = require("../core/index.js");
+const bundle_1 = require("../i18n/bundle/index.js");
+const logger_1 = require("../logger.js");
+const markup_1 = require("../markup/index.js");
+const autocomplete_1 = require("../markup/codemirror/autocomplete/index.js");
+const editor_1 = require("../markup/editor.js");
+const utils_1 = require("../utils/index.js");
+const MarkupManager_1 = require("./MarkupManager.js");
+const dynamicModifiers_1 = require("./config/dynamicModifiers.js");
 /** @internal */
 class EditorImpl extends utils_1.SafeEventEmitter {
-    constructor(opts) {
-        var _a, _b, _c, _d, _e, _f;
-        super({ onError: logger_1.logger.error.bind(logger_1.logger) });
-        _EditorImpl_markup.set(this, void 0);
-        _EditorImpl_editorMode.set(this, void 0);
-        _EditorImpl_toolbarVisible.set(this, void 0);
-        _EditorImpl_splitModeEnabled.set(this, void 0);
-        _EditorImpl_splitMode.set(this, void 0);
-        _EditorImpl_renderPreview.set(this, void 0);
-        _EditorImpl_wysiwygEditor.set(this, void 0);
-        _EditorImpl_markupEditor.set(this, void 0);
-        _EditorImpl_markupConfig.set(this, void 0);
-        _EditorImpl_escapeConfig.set(this, void 0);
-        _EditorImpl_mdOptions.set(this, void 0);
-        _EditorImpl_pmTransformers.set(this, []);
-        _EditorImpl_preserveEmptyRows.set(this, void 0);
-        _EditorImpl_modifiers.set(this, void 0);
-        _EditorImpl_preset.set(this, void 0);
-        _EditorImpl_extensions.set(this, void 0);
-        _EditorImpl_renderStorage.set(this, void 0);
-        _EditorImpl_fileUploadHandler.set(this, void 0);
-        _EditorImpl_parseInsertedUrlAsImage.set(this, void 0);
-        _EditorImpl_needToSetDimensionsForUploadedImages.set(this, void 0);
-        _EditorImpl_enableNewImageSizeCalculation.set(this, void 0);
-        _EditorImpl_directiveSyntax.set(this, void 0);
-        _EditorImpl_prepareRawMarkup.set(this, void 0);
-        _EditorImpl_beforeEditorModeChange.set(this, void 0);
-        this.getValue = () => this.currentEditor.getValue();
-        const { md = {}, initial = {}, handlers = {}, experimental = {}, markupConfig = {}, wysiwygConfig = {}, } = opts;
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_modifiers, experimental.preserveMarkupFormatting
-            ? (0, dynamicModifiers_1.createDynamicModifiers)(new MarkupManager_1.MarkupManager())
-            : undefined, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_editorMode, (_a = initial.mode) !== null && _a !== void 0 ? _a : 'wysiwyg', "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_toolbarVisible, (_b = initial.toolbarVisible) !== null && _b !== void 0 ? _b : true, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_splitMode, (_c = (markupConfig.renderPreview && markupConfig.splitMode)) !== null && _c !== void 0 ? _c : false, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_splitModeEnabled, (_d = (tslib_1.__classPrivateFieldGet(this, _EditorImpl_splitMode, "f") && initial.splitModeEnabled)) !== null && _d !== void 0 ? _d : false, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_renderPreview, markupConfig.renderPreview, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_markup, (_e = initial.markup) !== null && _e !== void 0 ? _e : '', "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_preset, (_f = opts.preset) !== null && _f !== void 0 ? _f : 'full', "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_pmTransformers, opts.pmTransformers, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_mdOptions, md, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_extensions, wysiwygConfig.extensions, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_markupConfig, Object.assign({}, opts.markupConfig), "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_renderStorage, opts.renderStorage, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_fileUploadHandler, handlers.uploadFile, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_parseInsertedUrlAsImage, markupConfig.parseInsertedUrlAsImage, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_needToSetDimensionsForUploadedImages, Boolean(experimental.needToSetDimensionsForUploadedImages), "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_directiveSyntax, opts.directiveSyntax, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_enableNewImageSizeCalculation, Boolean(experimental.enableNewImageSizeCalculation), "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_preserveEmptyRows, experimental.preserveEmptyRows || false, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_prepareRawMarkup, experimental.prepareRawMarkup, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_escapeConfig, wysiwygConfig.escapeConfig, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_beforeEditorModeChange, experimental.beforeEditorModeChange, "f");
-    }
+    #markup;
+    #editorMode;
+    #toolbarVisible;
+    #splitModeEnabled;
+    #splitMode;
+    #renderPreview;
+    #wysiwygEditor;
+    #markupEditor;
+    #markupConfig;
+    #escapeConfig;
+    #mdOptions;
+    #pmTransformers = [];
+    #preserveEmptyRows;
+    #modifiers;
+    #preset;
+    #extensions;
+    #renderStorage;
+    #fileUploadHandler;
+    #parseInsertedUrlAsImage;
+    #needToSetDimensionsForUploadedImages;
+    #enableNewImageSizeCalculation;
+    #directiveSyntax;
+    #prepareRawMarkup;
+    #beforeEditorModeChange;
     get _wysiwygView() {
-        var _a;
         // @ts-expect-error internal typing
-        return (_a = tslib_1.__classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f")) === null || _a === void 0 ? void 0 : _a.view;
+        return this.#wysiwygEditor?.view;
     }
     get currentMode() {
-        return tslib_1.__classPrivateFieldGet(this, _EditorImpl_editorMode, "f");
+        return this.#editorMode;
     }
     set currentMode(newMode) {
-        var _a, _b, _c;
         switch (newMode) {
             case 'markup': {
-                tslib_1.__classPrivateFieldSet(this, _EditorImpl_editorMode, newMode, "f");
-                if (tslib_1.__classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f")) {
-                    const markupEditorValue = (_a = tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupEditor, "f")) === null || _a === void 0 ? void 0 : _a.getValue();
-                    const wysiwygEditorValue = tslib_1.__classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f").getValue();
+                this.#editorMode = newMode;
+                if (this.#wysiwygEditor) {
+                    const markupEditorValue = this.#markupEditor?.getValue();
+                    const wysiwygEditorValue = this.#wysiwygEditor.getValue();
                     if (!markupEditorValue ||
                         this.shouldReplaceMarkupEditorValue(markupEditorValue, wysiwygEditorValue)) {
-                        tslib_1.__classPrivateFieldSet(this, _EditorImpl_markup, wysiwygEditorValue, "f");
+                        this.#markup = wysiwygEditorValue;
                     }
                     else {
-                        tslib_1.__classPrivateFieldSet(this, _EditorImpl_markup, markupEditorValue, "f");
+                        this.#markup = markupEditorValue;
                     }
                 }
-                if (tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupEditor, "f"))
-                    tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupEditor, "f").replace(tslib_1.__classPrivateFieldGet(this, _EditorImpl_markup, "f"));
+                if (this.#markupEditor)
+                    this.#markupEditor.replace(this.#markup);
                 break;
             }
             case 'wysiwyg': {
-                tslib_1.__classPrivateFieldSet(this, _EditorImpl_editorMode, newMode, "f");
-                if (tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupEditor, "f")) {
-                    const value = tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupEditor, "f").getValue();
-                    tslib_1.__classPrivateFieldSet(this, _EditorImpl_markup, (_c = (_b = tslib_1.__classPrivateFieldGet(this, _EditorImpl_prepareRawMarkup, "f")) === null || _b === void 0 ? void 0 : _b.call(this, value)) !== null && _c !== void 0 ? _c : value, "f");
+                this.#editorMode = newMode;
+                if (this.#markupEditor) {
+                    const value = this.#markupEditor.getValue();
+                    this.#markup = this.#prepareRawMarkup?.(value) ?? value;
                 }
-                else if (tslib_1.__classPrivateFieldGet(this, _EditorImpl_prepareRawMarkup, "f")) {
-                    tslib_1.__classPrivateFieldSet(this, _EditorImpl_markup, tslib_1.__classPrivateFieldGet(this, _EditorImpl_prepareRawMarkup, "f").call(this, tslib_1.__classPrivateFieldGet(this, _EditorImpl_markup, "f")), "f");
+                else if (this.#prepareRawMarkup) {
+                    this.#markup = this.#prepareRawMarkup(this.#markup);
                 }
-                if (tslib_1.__classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f"))
-                    tslib_1.__classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f").replace(tslib_1.__classPrivateFieldGet(this, _EditorImpl_markup, "f"));
+                if (this.#wysiwygEditor)
+                    this.#wysiwygEditor.replace(this.#markup);
                 break;
             }
             default:
@@ -119,25 +85,25 @@ class EditorImpl extends utils_1.SafeEventEmitter {
         }, 30);
     }
     get toolbarVisible() {
-        return tslib_1.__classPrivateFieldGet(this, _EditorImpl_toolbarVisible, "f");
+        return this.#toolbarVisible;
     }
     get splitModeEnabled() {
-        return tslib_1.__classPrivateFieldGet(this, _EditorImpl_splitModeEnabled, "f");
+        return this.#splitModeEnabled;
     }
     get splitMode() {
-        return tslib_1.__classPrivateFieldGet(this, _EditorImpl_splitMode, "f");
+        return this.#splitMode;
     }
     get preset() {
-        return tslib_1.__classPrivateFieldGet(this, _EditorImpl_preset, "f");
+        return this.#preset;
     }
     get mdOptions() {
-        return tslib_1.__classPrivateFieldGet(this, _EditorImpl_mdOptions, "f");
+        return this.#mdOptions;
     }
     get directiveSyntax() {
-        return tslib_1.__classPrivateFieldGet(this, _EditorImpl_directiveSyntax, "f");
+        return this.#directiveSyntax;
     }
     get renderPreview() {
-        return tslib_1.__classPrivateFieldGet(this, _EditorImpl_renderPreview, "f");
+        return this.#renderPreview;
     }
     get currentEditor() {
         const mode = this.currentMode;
@@ -151,71 +117,98 @@ class EditorImpl extends utils_1.SafeEventEmitter {
         }
     }
     get wysiwygEditor() {
-        if (!tslib_1.__classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f")) {
-            const mdPreset = tslib_1.__classPrivateFieldGet(this, _EditorImpl_preset, "f") === 'zero' || tslib_1.__classPrivateFieldGet(this, _EditorImpl_preset, "f") === 'commonmark' ? tslib_1.__classPrivateFieldGet(this, _EditorImpl_preset, "f") : 'default';
-            tslib_1.__classPrivateFieldSet(this, _EditorImpl_wysiwygEditor, new core_1.WysiwygEditor({
+        if (!this.#wysiwygEditor) {
+            const mdPreset = this.#preset === 'zero' || this.#preset === 'commonmark' ? this.#preset : 'default';
+            this.#wysiwygEditor = new core_1.WysiwygEditor({
                 mdPreset,
-                initialContent: tslib_1.__classPrivateFieldGet(this, _EditorImpl_markup, "f"),
-                extensions: tslib_1.__classPrivateFieldGet(this, _EditorImpl_extensions, "f"),
-                pmTransformers: tslib_1.__classPrivateFieldGet(this, _EditorImpl_pmTransformers, "f"),
-                modifiers: tslib_1.__classPrivateFieldGet(this, _EditorImpl_modifiers, "f"),
-                allowHTML: tslib_1.__classPrivateFieldGet(this, _EditorImpl_mdOptions, "f").html,
-                linkify: tslib_1.__classPrivateFieldGet(this, _EditorImpl_mdOptions, "f").linkify,
-                linkifyTlds: tslib_1.__classPrivateFieldGet(this, _EditorImpl_mdOptions, "f").linkifyTlds,
-                escapeConfig: tslib_1.__classPrivateFieldGet(this, _EditorImpl_escapeConfig, "f"),
+                initialContent: this.#markup,
+                extensions: this.#extensions,
+                pmTransformers: this.#pmTransformers,
+                modifiers: this.#modifiers,
+                allowHTML: this.#mdOptions.html,
+                linkify: this.#mdOptions.linkify,
+                linkifyTlds: this.#mdOptions.linkifyTlds,
+                escapeConfig: this.#escapeConfig,
                 onChange: () => this.emit('rerender-toolbar', null),
                 onDocChange: () => this.emit('change', null),
-            }), "f");
+            });
         }
-        return tslib_1.__classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f");
+        return this.#wysiwygEditor;
     }
     get markupEditor() {
-        var _a, _b;
-        if (!tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupEditor, "f")) {
-            tslib_1.__classPrivateFieldSet(this, _EditorImpl_markupEditor, new editor_1.Editor((0, markup_1.createCodemirror)({
-                doc: tslib_1.__classPrivateFieldGet(this, _EditorImpl_markup, "f"),
-                placeholder: (_a = tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").placeholder) !== null && _a !== void 0 ? _a : (0, bundle_1.i18n)('markup_placeholder'),
+        if (!this.#markupEditor) {
+            this.#markupEditor = new editor_1.Editor((0, markup_1.createCodemirror)({
+                doc: this.#markup,
+                placeholder: this.#markupConfig.placeholder ?? (0, bundle_1.i18n)('markup_placeholder'),
                 onCancel: () => this.emit('cancel', null),
                 onSubmit: () => this.emit('submit', null),
                 onChange: () => this.emit('rerender-toolbar', null),
                 onDocChange: () => this.emit('change', null),
                 onScroll: (event) => this.emit('cm-scroll', { event }),
-                reactRenderer: tslib_1.__classPrivateFieldGet(this, _EditorImpl_renderStorage, "f"),
+                reactRenderer: this.#renderStorage,
                 uploadHandler: this.fileUploadHandler,
                 parseInsertedUrlAsImage: this.parseInsertedUrlAsImage,
                 needImageDimensions: this.needToSetDimensionsForUploadedImages,
-                parseHtmlOnPaste: tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").parseHtmlOnPaste,
+                parseHtmlOnPaste: this.#markupConfig.parseHtmlOnPaste,
                 enableNewImageSizeCalculation: this.enableNewImageSizeCalculation,
-                extensions: tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").extensions,
-                disabledExtensions: tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").disabledExtensions,
-                keymaps: tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").keymaps,
-                preserveEmptyRows: tslib_1.__classPrivateFieldGet(this, _EditorImpl_preserveEmptyRows, "f"),
+                extensions: this.#markupConfig.extensions,
+                disabledExtensions: this.#markupConfig.disabledExtensions,
+                keymaps: this.#markupConfig.keymaps,
+                preserveEmptyRows: this.#preserveEmptyRows,
                 yfmLangOptions: {
                     languageData: (0, autocomplete_1.getAutocompleteConfig)({
-                        preserveEmptyRows: tslib_1.__classPrivateFieldGet(this, _EditorImpl_preserveEmptyRows, "f"),
-                    }).concat(((_b = tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupConfig, "f")) === null || _b === void 0 ? void 0 : _b.languageData) || []),
+                        preserveEmptyRows: this.#preserveEmptyRows,
+                    }).concat(this.#markupConfig?.languageData || []),
                 },
-                autocompletion: tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").autocompletion,
+                autocompletion: this.#markupConfig.autocompletion,
                 directiveSyntax: this.directiveSyntax,
                 receiver: this,
-            })), "f");
+            }));
         }
-        return tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupEditor, "f");
+        return this.#markupEditor;
     }
     get renderStorage() {
-        return tslib_1.__classPrivateFieldGet(this, _EditorImpl_renderStorage, "f");
+        return this.#renderStorage;
     }
     get fileUploadHandler() {
-        return tslib_1.__classPrivateFieldGet(this, _EditorImpl_fileUploadHandler, "f");
+        return this.#fileUploadHandler;
     }
     get parseInsertedUrlAsImage() {
-        return tslib_1.__classPrivateFieldGet(this, _EditorImpl_parseInsertedUrlAsImage, "f");
+        return this.#parseInsertedUrlAsImage;
     }
     get needToSetDimensionsForUploadedImages() {
-        return tslib_1.__classPrivateFieldGet(this, _EditorImpl_needToSetDimensionsForUploadedImages, "f");
+        return this.#needToSetDimensionsForUploadedImages;
     }
     get enableNewImageSizeCalculation() {
-        return tslib_1.__classPrivateFieldGet(this, _EditorImpl_enableNewImageSizeCalculation, "f");
+        return this.#enableNewImageSizeCalculation;
+    }
+    constructor(opts) {
+        super({ onError: logger_1.logger.error.bind(logger_1.logger) });
+        const { md = {}, initial = {}, handlers = {}, experimental = {}, markupConfig = {}, wysiwygConfig = {}, } = opts;
+        this.#modifiers = experimental.preserveMarkupFormatting
+            ? (0, dynamicModifiers_1.createDynamicModifiers)(new MarkupManager_1.MarkupManager())
+            : undefined;
+        this.#editorMode = initial.mode ?? 'wysiwyg';
+        this.#toolbarVisible = initial.toolbarVisible ?? true;
+        this.#splitMode = (markupConfig.renderPreview && markupConfig.splitMode) ?? false;
+        this.#splitModeEnabled = (this.#splitMode && initial.splitModeEnabled) ?? false;
+        this.#renderPreview = markupConfig.renderPreview;
+        this.#markup = initial.markup ?? '';
+        this.#preset = opts.preset ?? 'full';
+        this.#pmTransformers = opts.pmTransformers;
+        this.#mdOptions = md;
+        this.#extensions = wysiwygConfig.extensions;
+        this.#markupConfig = { ...opts.markupConfig };
+        this.#renderStorage = opts.renderStorage;
+        this.#fileUploadHandler = handlers.uploadFile;
+        this.#parseInsertedUrlAsImage = markupConfig.parseInsertedUrlAsImage;
+        this.#needToSetDimensionsForUploadedImages = Boolean(experimental.needToSetDimensionsForUploadedImages);
+        this.#directiveSyntax = opts.directiveSyntax;
+        this.#enableNewImageSizeCalculation = Boolean(experimental.enableNewImageSizeCalculation);
+        this.#preserveEmptyRows = experimental.preserveEmptyRows || false;
+        this.#prepareRawMarkup = experimental.prepareRawMarkup;
+        this.#escapeConfig = wysiwygConfig.escapeConfig;
+        this.#beforeEditorModeChange = experimental.beforeEditorModeChange;
     }
     // ---> implements CodeEditor
     get cm() {
@@ -231,22 +224,19 @@ class EditorImpl extends utils_1.SafeEventEmitter {
     }
     // <--- implements ActionStorage
     destroy() {
-        var _a, _b;
-        (_a = tslib_1.__classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f")) === null || _a === void 0 ? void 0 : _a.destroy();
-        (_b = tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupEditor, "f")) === null || _b === void 0 ? void 0 : _b.codemirror.destroy();
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_markupEditor, undefined, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_markupEditor, undefined, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_wysiwygEditor, undefined, "f");
+        this.#wysiwygEditor?.destroy();
+        this.#markupEditor?.codemirror.destroy();
+        this.#markupEditor = undefined;
+        this.#markupEditor = undefined;
+        this.#wysiwygEditor = undefined;
     }
     setEditorMode(mode, opts) {
-        this.changeEditorMode({ mode, reason: 'manually', emit: opts === null || opts === void 0 ? void 0 : opts.emit });
+        this.changeEditorMode({ mode, reason: 'manually', emit: opts?.emit });
     }
-    changeEditorMode(_a) {
-        var _b;
-        var { emit = true } = _a, opts = tslib_1.__rest(_a, ["emit"]);
-        if (tslib_1.__classPrivateFieldGet(this, _EditorImpl_editorMode, "f") === opts.mode)
+    changeEditorMode({ emit = true, ...opts }) {
+        if (this.#editorMode === opts.mode)
             return;
-        if (((_b = tslib_1.__classPrivateFieldGet(this, _EditorImpl_beforeEditorModeChange, "f")) === null || _b === void 0 ? void 0 : _b.call(this, { mode: opts.mode, reason: opts.reason })) === false) {
+        if (this.#beforeEditorModeChange?.({ mode: opts.mode, reason: opts.reason }) === false) {
             return;
         }
         this.currentMode = opts.mode;
@@ -256,14 +246,14 @@ class EditorImpl extends utils_1.SafeEventEmitter {
         }
     }
     changeToolbarVisibility(opts) {
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_toolbarVisible, opts.visible, "f");
+        this.#toolbarVisible = opts.visible;
         this.emit('rerender', null);
         this.emit('change-toolbar-visibility', opts);
     }
     changeSplitModeEnabled(opts) {
-        if (tslib_1.__classPrivateFieldGet(this, _EditorImpl_splitModeEnabled, "f") === opts.splitModeEnabled)
+        if (this.#splitModeEnabled === opts.splitModeEnabled)
             return;
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_splitModeEnabled, opts.splitModeEnabled, "f");
+        this.#splitModeEnabled = opts.splitModeEnabled;
         this.emit('rerender', null);
         this.emit('change-split-mode-enabled', opts);
     }
@@ -273,6 +263,7 @@ class EditorImpl extends utils_1.SafeEventEmitter {
     hasFocus() {
         return this.currentEditor.hasFocus();
     }
+    getValue = () => this.currentEditor.getValue();
     isEmpty() {
         return this.currentEditor.isEmpty();
     }
@@ -331,13 +322,11 @@ class EditorImpl extends utils_1.SafeEventEmitter {
         }
     }
     shouldReplaceMarkupEditorValue(markupValue, wysiwygValue) {
-        var _a;
-        const serializedEditorMarkup = (_a = tslib_1.__classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f")) === null || _a === void 0 ? void 0 : _a.serializer.serialize(tslib_1.__classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f").parser.parse(markupValue), tslib_1.__classPrivateFieldGet(this, _EditorImpl_escapeConfig, "f"));
-        return (serializedEditorMarkup === null || serializedEditorMarkup === void 0 ? void 0 : serializedEditorMarkup.trim()) !== wysiwygValue.trim();
+        const serializedEditorMarkup = this.#wysiwygEditor?.serializer.serialize(this.#wysiwygEditor.parser.parse(markupValue), this.#escapeConfig);
+        return serializedEditorMarkup?.trim() !== wysiwygValue.trim();
     }
 }
 exports.EditorImpl = EditorImpl;
-_EditorImpl_markup = new WeakMap(), _EditorImpl_editorMode = new WeakMap(), _EditorImpl_toolbarVisible = new WeakMap(), _EditorImpl_splitModeEnabled = new WeakMap(), _EditorImpl_splitMode = new WeakMap(), _EditorImpl_renderPreview = new WeakMap(), _EditorImpl_wysiwygEditor = new WeakMap(), _EditorImpl_markupEditor = new WeakMap(), _EditorImpl_markupConfig = new WeakMap(), _EditorImpl_escapeConfig = new WeakMap(), _EditorImpl_mdOptions = new WeakMap(), _EditorImpl_pmTransformers = new WeakMap(), _EditorImpl_preserveEmptyRows = new WeakMap(), _EditorImpl_modifiers = new WeakMap(), _EditorImpl_preset = new WeakMap(), _EditorImpl_extensions = new WeakMap(), _EditorImpl_renderStorage = new WeakMap(), _EditorImpl_fileUploadHandler = new WeakMap(), _EditorImpl_parseInsertedUrlAsImage = new WeakMap(), _EditorImpl_needToSetDimensionsForUploadedImages = new WeakMap(), _EditorImpl_enableNewImageSizeCalculation = new WeakMap(), _EditorImpl_directiveSyntax = new WeakMap(), _EditorImpl_prepareRawMarkup = new WeakMap(), _EditorImpl_beforeEditorModeChange = new WeakMap();
 function getTopOffset(elem) {
     const TOOLBAR_HEIGHT = 36; //px
     const TOOLBAR_BOTTOM_OFFSET = 8; // px
@@ -358,3 +347,4 @@ function calculateCSSNumberValue(cssValue) {
     tmp.remove();
     return value;
 }
+//# sourceMappingURL=Editor.js.map

package/build/cjs/bundle/Editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.js","sourceRoot":"../../../src","sources":["bundle/Editor.ts"],"names":[],"mappings":"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","sourcesContent":["import type {ReactNode} from 'react';\n\nimport {EditorView as CMEditorView} from '@codemirror/view';\nimport {TextSelection} from 'prosemirror-state';\nimport type {EditorView as PMEditorView} from 'prosemirror-view';\n\nimport type {CommonEditor, MarkupString} from '../common';\nimport {\n    type ActionStorage,\n    type EscapeConfig,\n    WysiwygEditor,\n    type WysiwygEditorOptions,\n} from '../core';\nimport type {TransformFn} from '../core/markdown/ProseMirrorTransformer';\nimport type {DynamicModifiers} from '../core/types/dynamicModifiers';\nimport type {ReactRenderStorage, RenderStorage} from '../extensions';\nimport {i18n} from '../i18n/bundle';\nimport {logger} from '../logger';\nimport {createCodemirror} from '../markup';\nimport {getAutocompleteConfig} from '../markup/codemirror/autocomplete';\nimport {type CodeEditor, Editor as MarkupEditor} from '../markup/editor';\nimport {type Emitter, type FileUploadHandler, type Receiver, SafeEventEmitter} from '../utils';\nimport type {DirectiveSyntaxContext} from '../utils/directive';\n\nimport {MarkupManager} from './MarkupManager';\nimport {createDynamicModifiers} from './config/dynamicModifiers';\nimport type {\n    MarkdownEditorMode as EditorMode,\n    MarkdownEditorPreset as EditorPreset,\n    MarkdownEditorMdOptions,\n    MarkdownEditorOptions,\n    MarkdownEditorMarkupConfig as MarkupConfig,\n    ParseInsertedUrlAsImage,\n    RenderPreview,\n    MarkdownEditorSplitMode as SplitMode,\n} from './types';\n\nexport type ToolbarActionData = {\n    editorMode: EditorMode;\n    id: string;\n    attrs?: {[key: string]: any};\n};\n\nexport interface EventMap {\n    change: null;\n    cancel: null;\n    submit: null;\n\n    'toolbar-action': ToolbarActionData;\n\n    'change-editor-mode': {mode: EditorMode};\n    'change-toolbar-visibility': {visible: boolean};\n    'change-split-mode-enabled': {splitModeEnabled: boolean};\n}\n\n// internal events\ninterface EventMapInt extends EventMap {\n    rerender: null;\n    'rerender-toolbar': null;\n    'cm-scroll': {event: Event};\n}\n\nexport interface Editor extends Receiver<EventMap>, CommonEditor {\n    readonly currentMode: EditorMode;\n    readonly toolbarVisible: boolean;\n\n    setEditorMode(mode: EditorMode, opts?: SetEditorModeOptions): void;\n\n    moveCursor(position: 'start' | 'end' | {line: number}): void;\n\n    /** @internal used in demo for dev-tools */\n    readonly _wysiwygView?: PMEditorView;\n}\n\n/** @internal */\nexport interface EditorInt\n    extends CommonEditor,\n        Emitter<EventMapInt>,\n        Receiver<EventMapInt>,\n        ActionStorage,\n        CodeEditor {\n    readonly currentMode: EditorMode;\n    readonly toolbarVisible: boolean;\n    readonly splitModeEnabled: boolean;\n    readonly splitMode: SplitMode;\n    readonly preset: EditorPreset;\n    readonly mdOptions: Readonly<MarkdownEditorMdOptions>;\n    readonly directiveSyntax: DirectiveSyntaxContext;\n\n    /** @internal used in demo for dev-tools */\n    readonly _wysiwygView?: PMEditorView;\n\n    readonly currentEditor: CommonEditor;\n    readonly wysiwygEditor: WysiwygEditor;\n    readonly markupEditor: MarkupEditor;\n\n    readonly renderStorage: RenderStorage<ReactNode>;\n    readonly fileUploadHandler?: FileUploadHandler;\n    readonly needToSetDimensionsForUploadedImages: boolean;\n    readonly disableHTMLParsingInMd?: boolean;\n\n    readonly renderPreview?: RenderPreview;\n\n    changeEditorMode(opts: ChangeEditorModeOptions): void;\n\n    setEditorMode(mode: EditorMode, opts?: SetEditorModeOptions): void;\n\n    moveCursor(position: 'start' | 'end' | {line: number}): void;\n\n    changeToolbarVisibility(opts: {visible: boolean}): void;\n\n    changeSplitModeEnabled(opts: {splitModeEnabled: boolean}): void;\n\n    destroy(): void;\n}\n\ntype SetEditorModeOptions = Pick<ChangeEditorModeOptions, 'emit'>;\n\nexport type ChangeEditorModeOptions = {\n    mode: EditorMode;\n    reason: 'error-boundary' | 'settings' | 'manually';\n    emit?: boolean;\n};\n\nexport type EditorOptions = Pick<\n    MarkdownEditorOptions,\n    'md' | 'initial' | 'handlers' | 'experimental' | 'markupConfig' | 'wysiwygConfig'\n> & {\n    renderStorage: ReactRenderStorage;\n    preset: EditorPreset;\n    directiveSyntax: DirectiveSyntaxContext;\n    pmTransformers: TransformFn[];\n};\n\n/** @internal */\nexport class EditorImpl extends SafeEventEmitter<EventMapInt> implements EditorInt {\n    #markup: MarkupString;\n    #editorMode: EditorMode;\n    #toolbarVisible: boolean;\n    #splitModeEnabled: boolean;\n    #splitMode: SplitMode;\n    #renderPreview?: RenderPreview;\n    #wysiwygEditor?: WysiwygEditor;\n    #markupEditor?: MarkupEditor;\n    #markupConfig: MarkupConfig;\n    #escapeConfig?: EscapeConfig;\n    #mdOptions: Readonly<MarkdownEditorMdOptions>;\n    #pmTransformers: TransformFn[] = [];\n    #preserveEmptyRows: boolean;\n    #modifiers?: DynamicModifiers[];\n\n    readonly #preset: EditorPreset;\n    #extensions?: WysiwygEditorOptions['extensions'];\n    #renderStorage: ReactRenderStorage;\n    #fileUploadHandler?: FileUploadHandler;\n    #parseInsertedUrlAsImage?: ParseInsertedUrlAsImage;\n    #needToSetDimensionsForUploadedImages: boolean;\n    #enableNewImageSizeCalculation: boolean;\n    #directiveSyntax: DirectiveSyntaxContext;\n    #prepareRawMarkup?: (value: MarkupString) => MarkupString;\n    #beforeEditorModeChange?: (\n        options: Pick<ChangeEditorModeOptions, 'mode' | 'reason'>,\n    ) => boolean | undefined;\n\n    get _wysiwygView(): PMEditorView {\n        // @ts-expect-error internal typing\n        return this.#wysiwygEditor?.view;\n    }\n\n    get currentMode(): EditorMode {\n        return this.#editorMode;\n    }\n\n    private set currentMode(newMode: EditorMode) {\n        switch (newMode) {\n            case 'markup': {\n                this.#editorMode = newMode;\n                if (this.#wysiwygEditor) {\n                    const markupEditorValue = this.#markupEditor?.getValue();\n                    const wysiwygEditorValue = this.#wysiwygEditor.getValue();\n                    if (\n                        !markupEditorValue ||\n                        this.shouldReplaceMarkupEditorValue(markupEditorValue, wysiwygEditorValue)\n                    ) {\n                        this.#markup = wysiwygEditorValue;\n                    } else {\n                        this.#markup = markupEditorValue;\n                    }\n                }\n                if (this.#markupEditor) this.#markupEditor.replace(this.#markup);\n                break;\n            }\n            case 'wysiwyg': {\n                this.#editorMode = newMode;\n                if (this.#markupEditor) {\n                    const value = this.#markupEditor.getValue();\n                    this.#markup = this.#prepareRawMarkup?.(value) ?? value;\n                } else if (this.#prepareRawMarkup) {\n                    this.#markup = this.#prepareRawMarkup(this.#markup);\n                }\n                if (this.#wysiwygEditor) this.#wysiwygEditor.replace(this.#markup);\n                break;\n            }\n            default:\n                throw new Error('Unknown editor mode: ' + newMode);\n        }\n        setTimeout(() => {\n            this.currentEditor.focus();\n        }, 30);\n    }\n\n    get toolbarVisible(): boolean {\n        return this.#toolbarVisible;\n    }\n\n    get splitModeEnabled(): boolean {\n        return this.#splitModeEnabled;\n    }\n\n    get splitMode(): SplitMode {\n        return this.#splitMode;\n    }\n\n    get preset(): EditorPreset {\n        return this.#preset;\n    }\n\n    get mdOptions(): Readonly<MarkdownEditorMdOptions> {\n        return this.#mdOptions;\n    }\n\n    get directiveSyntax(): DirectiveSyntaxContext {\n        return this.#directiveSyntax;\n    }\n\n    get renderPreview(): RenderPreview | undefined {\n        return this.#renderPreview;\n    }\n\n    get currentEditor(): CommonEditor {\n        const mode = this.currentMode;\n        switch (mode) {\n            case 'markup':\n                return this.markupEditor;\n            case 'wysiwyg':\n                return this.wysiwygEditor;\n            default:\n                throw new Error('Unknown editor mode: ' + mode);\n        }\n    }\n\n    get wysiwygEditor(): WysiwygEditor {\n        if (!this.#wysiwygEditor) {\n            const mdPreset: NonNullable<WysiwygEditorOptions['mdPreset']> =\n                this.#preset === 'zero' || this.#preset === 'commonmark' ? this.#preset : 'default';\n            this.#wysiwygEditor = new WysiwygEditor({\n                mdPreset,\n                initialContent: this.#markup,\n                extensions: this.#extensions,\n                pmTransformers: this.#pmTransformers,\n                modifiers: this.#modifiers,\n                allowHTML: this.#mdOptions.html,\n                linkify: this.#mdOptions.linkify,\n                linkifyTlds: this.#mdOptions.linkifyTlds,\n                escapeConfig: this.#escapeConfig,\n                onChange: () => this.emit('rerender-toolbar', null),\n                onDocChange: () => this.emit('change', null),\n            });\n        }\n        return this.#wysiwygEditor;\n    }\n\n    get markupEditor(): MarkupEditor {\n        if (!this.#markupEditor) {\n            this.#markupEditor = new MarkupEditor(\n                createCodemirror({\n                    doc: this.#markup,\n                    placeholder: this.#markupConfig.placeholder ?? i18n('markup_placeholder'),\n                    onCancel: () => this.emit('cancel', null),\n                    onSubmit: () => this.emit('submit', null),\n                    onChange: () => this.emit('rerender-toolbar', null),\n                    onDocChange: () => this.emit('change', null),\n                    onScroll: (event) => this.emit('cm-scroll', {event}),\n                    reactRenderer: this.#renderStorage,\n                    uploadHandler: this.fileUploadHandler,\n                    parseInsertedUrlAsImage: this.parseInsertedUrlAsImage,\n                    needImageDimensions: this.needToSetDimensionsForUploadedImages,\n                    parseHtmlOnPaste: this.#markupConfig.parseHtmlOnPaste,\n                    enableNewImageSizeCalculation: this.enableNewImageSizeCalculation,\n                    extensions: this.#markupConfig.extensions,\n                    disabledExtensions: this.#markupConfig.disabledExtensions,\n                    keymaps: this.#markupConfig.keymaps,\n                    preserveEmptyRows: this.#preserveEmptyRows,\n                    yfmLangOptions: {\n                        languageData: getAutocompleteConfig({\n                            preserveEmptyRows: this.#preserveEmptyRows,\n                        }).concat(this.#markupConfig?.languageData || []),\n                    },\n                    autocompletion: this.#markupConfig.autocompletion,\n                    directiveSyntax: this.directiveSyntax,\n                    receiver: this,\n                }),\n            );\n        }\n        return this.#markupEditor;\n    }\n\n    get renderStorage(): RenderStorage<ReactNode> {\n        return this.#renderStorage;\n    }\n\n    get fileUploadHandler(): FileUploadHandler | undefined {\n        return this.#fileUploadHandler;\n    }\n\n    get parseInsertedUrlAsImage() {\n        return this.#parseInsertedUrlAsImage;\n    }\n\n    get needToSetDimensionsForUploadedImages(): boolean {\n        return this.#needToSetDimensionsForUploadedImages;\n    }\n\n    get enableNewImageSizeCalculation(): boolean {\n        return this.#enableNewImageSizeCalculation;\n    }\n\n    constructor(opts: EditorOptions) {\n        super({onError: logger.error.bind(logger)});\n\n        const {\n            md = {},\n            initial = {},\n            handlers = {},\n            experimental = {},\n            markupConfig = {},\n            wysiwygConfig = {},\n        } = opts;\n\n        this.#modifiers = experimental.preserveMarkupFormatting\n            ? createDynamicModifiers(new MarkupManager())\n            : undefined;\n\n        this.#editorMode = initial.mode ?? 'wysiwyg';\n        this.#toolbarVisible = initial.toolbarVisible ?? true;\n        this.#splitMode = (markupConfig.renderPreview && markupConfig.splitMode) ?? false;\n        this.#splitModeEnabled = (this.#splitMode && initial.splitModeEnabled) ?? false;\n        this.#renderPreview = markupConfig.renderPreview;\n\n        this.#markup = initial.markup ?? '';\n\n        this.#preset = opts.preset ?? 'full';\n        this.#pmTransformers = opts.pmTransformers;\n        this.#mdOptions = md;\n        this.#extensions = wysiwygConfig.extensions;\n        this.#markupConfig = {...opts.markupConfig};\n\n        this.#renderStorage = opts.renderStorage;\n        this.#fileUploadHandler = handlers.uploadFile;\n        this.#parseInsertedUrlAsImage = markupConfig.parseInsertedUrlAsImage;\n        this.#needToSetDimensionsForUploadedImages = Boolean(\n            experimental.needToSetDimensionsForUploadedImages,\n        );\n        this.#directiveSyntax = opts.directiveSyntax;\n        this.#enableNewImageSizeCalculation = Boolean(experimental.enableNewImageSizeCalculation);\n        this.#preserveEmptyRows = experimental.preserveEmptyRows || false;\n        this.#prepareRawMarkup = experimental.prepareRawMarkup;\n        this.#escapeConfig = wysiwygConfig.escapeConfig;\n        this.#beforeEditorModeChange = experimental.beforeEditorModeChange;\n    }\n\n    // ---> implements CodeEditor\n\n    get cm() {\n        return this.markupEditor.cm;\n    }\n\n    // <--- implements CodeEditor\n\n    // ---> implements ActionStorage\n    get actions(): WysiwygEditor.Actions {\n        return this.wysiwygEditor.actions;\n    }\n\n    action<T extends keyof WysiwygEditor.Actions>(actionName: T): WysiwygEditor.Actions[T] {\n        return this.wysiwygEditor.action(actionName);\n    }\n\n    // <--- implements ActionStorage\n\n    destroy() {\n        this.#wysiwygEditor?.destroy();\n        this.#markupEditor?.codemirror.destroy();\n\n        this.#markupEditor = undefined;\n        this.#markupEditor = undefined;\n        this.#wysiwygEditor = undefined;\n    }\n\n    setEditorMode(mode: EditorMode, opts?: SetEditorModeOptions): void {\n        this.changeEditorMode({mode, reason: 'manually', emit: opts?.emit});\n    }\n\n    changeEditorMode({emit = true, ...opts}: ChangeEditorModeOptions): void {\n        if (this.#editorMode === opts.mode) return;\n\n        if (this.#beforeEditorModeChange?.({mode: opts.mode, reason: opts.reason}) === false) {\n            return;\n        }\n\n        this.currentMode = opts.mode;\n        this.emit('rerender', null);\n\n        if (emit) {\n            this.emit('change-editor-mode', opts);\n        }\n    }\n\n    changeToolbarVisibility(opts: {visible: boolean}): void {\n        this.#toolbarVisible = opts.visible;\n        this.emit('rerender', null);\n        this.emit('change-toolbar-visibility', opts);\n    }\n\n    changeSplitModeEnabled(opts: {splitModeEnabled: boolean}): void {\n        if (this.#splitModeEnabled === opts.splitModeEnabled) return;\n        this.#splitModeEnabled = opts.splitModeEnabled;\n        this.emit('rerender', null);\n        this.emit('change-split-mode-enabled', opts);\n    }\n\n    focus(): void {\n        return this.currentEditor.focus();\n    }\n\n    hasFocus(): boolean {\n        return this.currentEditor.hasFocus();\n    }\n\n    getValue: () => MarkupString = () => this.currentEditor.getValue();\n\n    isEmpty(): boolean {\n        return this.currentEditor.isEmpty();\n    }\n\n    clear(): void {\n        return this.currentEditor.clear();\n    }\n\n    replace(newMarkup: MarkupString): void {\n        return this.currentEditor.replace(newMarkup);\n    }\n\n    prepend(markup: MarkupString): void {\n        return this.currentEditor.prepend(markup);\n    }\n\n    append(markup: MarkupString): void {\n        return this.currentEditor.append(markup);\n    }\n\n    moveCursor(\n        position:\n            | 'start'\n            | 'end'\n            | {\n                  /** 0-based line number */\n                  line: number;\n              },\n    ): void {\n        if (typeof position === 'object') {\n            return this.moveCursorToLine(position.line);\n        }\n\n        return this.currentEditor.moveCursor(position);\n    }\n\n    private moveCursorToLine(/** 0-based line number */ line: number): void {\n        const mode = this.currentMode;\n\n        switch (mode) {\n            case 'markup': {\n                const view = this.markupEditor.cm;\n\n                let cmLine = line + 1; // lines in codemirror is 1-based\n                cmLine = Math.max(cmLine, 1);\n                cmLine = Math.min(cmLine, view.state.doc.lines);\n\n                const yMargin = getTopOffset(view.dom);\n                const anchor = view.state.doc.line(cmLine).from;\n                view.dispatch({\n                    scrollIntoView: true,\n                    selection: {anchor},\n                    effects: [\n                        CMEditorView.scrollIntoView(anchor, {y: 'start', x: 'start', yMargin}),\n                    ],\n                });\n\n                break;\n\n                // eslint-disable-next-line no-inner-declarations\n            }\n            case 'wysiwyg': {\n                const elem = this.wysiwygEditor.dom.querySelector(`[data-line=\"${line}\"]`);\n\n                if (elem) {\n                    const elemTop = elem.getBoundingClientRect().top;\n                    const topOffset = getTopOffset(this.wysiwygEditor.dom);\n                    window.scrollTo({top: elemTop + window.scrollY - topOffset});\n\n                    const position = this._wysiwygView.posAtDOM(elem, 0);\n                    const {tr} = this._wysiwygView.state;\n                    this._wysiwygView.dispatch(\n                        tr.setSelection(TextSelection.create(tr.doc, position)),\n                    );\n                }\n\n                break;\n            }\n            default:\n                throw new Error('Unknown editor mode: ' + mode);\n        }\n    }\n\n    private shouldReplaceMarkupEditorValue(markupValue: string, wysiwygValue: string) {\n        const serializedEditorMarkup = this.#wysiwygEditor?.serializer.serialize(\n            this.#wysiwygEditor.parser.parse(markupValue),\n            this.#escapeConfig,\n        );\n        return serializedEditorMarkup?.trim() !== wysiwygValue.trim();\n    }\n}\n\nfunction getTopOffset(elem: Element) {\n    const TOOLBAR_HEIGHT = 36; //px\n    const TOOLBAR_BOTTOM_OFFSET = 8; // px\n    const TOOLBAR_TOP_ADDITIONAL_OFFSET = 8; // px\n    const TOOLBAR_TOP_OFFSET_VAR = '--g-md-toolbar-sticky-offset';\n\n    const topOffsetValue = window.getComputedStyle(elem).getPropertyValue(TOOLBAR_TOP_OFFSET_VAR);\n    const toolbarTopOffset =\n        calculateCSSNumberValue(topOffsetValue) + TOOLBAR_TOP_ADDITIONAL_OFFSET;\n\n    return toolbarTopOffset + TOOLBAR_HEIGHT + TOOLBAR_BOTTOM_OFFSET;\n}\n\nfunction calculateCSSNumberValue(cssValue: string): number {\n    const tmp = document.createElement('div');\n    tmp.style.position = 'absolute';\n    tmp.style.top = '-99999px';\n    tmp.style.left = '-99999px';\n    tmp.style.width = `calc(${cssValue})`;\n\n    document.body.appendChild(tmp);\n    const value = tmp.getBoundingClientRect().width;\n    tmp.remove();\n\n    return value;\n}\n"]}

package/build/cjs/bundle/HorizontalDrag.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import { EditorInt } from './Editor';
+import type { EditorInt } from "./Editor.js";
 export declare const IN_RESIZE_CLASSNAME = "in-resize";
-export declare type HorizontalDragProps = {
+export type HorizontalDragProps = {
     leftElRef: React.RefObject<HTMLDivElement>;
     rightElRef: React.RefObject<HTMLDivElement>;
     wrapperRef: React.RefObject<HTMLDivElement>;