@krainovsd/markdown-editor 0.4.9 → 0.5.0-beta.1

package/lib/cjs/{index-DULzPQ7W.js → index-Da-2bfWr.js}

@@ -174,7 +174,6 @@ function overlapMark({ marks, shift, state, requireMatched }) {
         originalText: text.substring(shiftBeforeOuter, text.length - shiftAfterOuter),
     };
 }
-// eslint-disable-next-line max-params
 function findMarkIndex(text, marks, requireMatched, direction = "right") {
     if (text.length === 0)
         return -1;
@@ -705,16 +704,19 @@ const initKeyMaps = async ({ onEnter, onEscape, multiCursorMode, keyMaps, defaul
     return view.keymap.of(keyBindings);
 };
 
-function getChangeEvent({ onChange }) {
-    return onChange
+function initListeners({ onBlur, onChange, onFocus, onViewChange }) {
+    return [getChangeEvent({ onChange, onViewChange }), getFocusEvent({ onBlur, onFocus })];
+}
+function getChangeEvent({ onChange, onViewChange }) {
+    return onChange || onViewChange
         ? view.EditorView.updateListener.of((event) => {
+            onViewChange?.(event);
             if (event.docChanged) {
-                onChange(event);
+                onChange?.(event);
             }
         })
         : [];
 }
-
 function getFocusEvent({ onBlur, onFocus }) {
     return onFocus || onBlur
         ? view.EditorView.focusChangeEffect.of((event, focus) => {
@@ -727,10 +729,6 @@ function getFocusEvent({ onBlur, onFocus }) {
         : [];
 }
 
-function initListeners({ onBlur, onChange, onFocus }) {
-    return [getChangeEvent({ onChange }), getFocusEvent({ onBlur, onFocus })];
-}
-
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
   var insertAt = ref.insertAt;
@@ -1214,7 +1212,6 @@ const CODE_OF_END_IMAGE_TEXT = 93; // ]
 const CODE_OF_START_IMAGE_URL = 40; // (
 const CODE_OF_END_IMAGE_URL = 41; // )
 
-/* eslint-disable max-params */
 const IMAGE_NODES = {};
 const INTERVAL_DELAY = 10000;
 const EXISTING_WIDGETS = new Set();
@@ -1610,7 +1607,6 @@ function getLinkLabelSelectionDecoration({ decorations, node, view, forceActive,
     }
 }
 
-/* eslint-disable max-params */
 const LINK_NODES = {};
 class LinkWidget extends view.WidgetType {
     text;
@@ -2227,7 +2223,7 @@ async function initSettings({ readonly, vimMode, }) {
     ];
 }
 
-const initExtensions = async ({ onBlur, onChange, onFocus, onEnter, onEscape, readonly = true, vimMode = false, multiCursorText, provider, theme = "light", dark, light, languages, keyMaps, defaultKeyMaps, imageSrcGetter, autoCompleteTagOptions, autoCompleteConfig, }) => {
+const initExtensions = async ({ onBlur, onChange, onFocus, onEnter, onEscape, onViewChange, readonly = true, vimMode = false, multiCursorText, provider, theme = "light", dark, light, languages, keyMaps, defaultKeyMaps, imageSrcGetter, autoCompleteTagOptions, autoCompleteConfig, }) => {
     const multiCursorMode = Boolean(multiCursorText && provider);
     const asyncPlugins = await Promise.all([
         initSettings({ readonly, vimMode }),
@@ -2243,7 +2239,7 @@ const initExtensions = async ({ onBlur, onChange, onFocus, onEnter, onEscape, re
             light,
         }),
         new Promise((resolve) => {
-            void Promise.resolve().then(() => require('./index--WqbgHNW.js')).then(({ initMarkdown }) => {
+            void Promise.resolve().then(() => require('./index-i33yKEVJ.js')).then(({ initMarkdown }) => {
                 resolve(initMarkdown({ languages, imageSrcGetter }));
             });
         }),
@@ -2252,7 +2248,7 @@ const initExtensions = async ({ onBlur, onChange, onFocus, onEnter, onEscape, re
     const extensions = [
         ...asyncPlugins,
         initTheme({ theme, dark, light }),
-        initListeners({ onBlur, onChange, onFocus }),
+        initListeners({ onBlur, onChange, onFocus, onViewChange }),
     ];
     if (multiCursorText && provider) {
         const multiCursorModules = await Promise.all([import('yjs'), import('y-codemirror.next')]);
@@ -2331,14 +2327,28 @@ class Editor {
     provider;
     arguments;
     yText;
-    constructor(options) {
-        void initEditor(options).then((editor) => {
-            this.view = editor.view;
-            this.provider = editor.provider;
-            this.yText = editor.multiCursorText;
-        });
+    init = async (options) => {
+        const editor = await initEditor(options);
+        this.view = editor.view;
+        this.provider = editor.provider;
+        this.yText = editor.multiCursorText;
         this.arguments = options;
-    }
+    };
+    destroy = () => {
+        return new Promise((resolve) => {
+            saveDispatch(() => {
+                this.view?.destroy?.();
+                this.provider?.destroy?.();
+                resolve(true);
+            });
+        });
+    };
+    reset = async () => {
+        await this.destroy();
+        if (!this.arguments)
+            return;
+        return this.init(this.arguments);
+    };
     focus = () => {
         if (!this.view)
             return;
@@ -2369,10 +2379,6 @@ class Editor {
         });
     };
     replaceContent = (content) => {
-        // if (!this.yText) return;
-        // this.yText.delete(0, this.yText.length);
-        // this.yText.insert(0, content);
-        // return;
         if (!this.view)
             return;
         const transaction = this.view.state.update({
@@ -2400,11 +2406,11 @@ class Editor {
             this.view.dispatch({
                 effects: ThemeCompartment.reconfigure(theme === "dark"
                     ? getDarkTheme({
-                        dark: this.arguments.dark,
-                        light: this.arguments.light})
+                        dark: this.arguments?.dark,
+                        light: this.arguments?.light})
                     : getLightTheme({
-                        dark: this.arguments.dark,
-                        light: this.arguments.light})),
+                        dark: this.arguments?.dark,
+                        light: this.arguments?.light})),
             });
         });
     };
@@ -2425,17 +2431,6 @@ class Editor {
             return;
         this.provider.awareness.setLocalStateField("user", { name, color });
     };
-    destroy = () => {
-        saveDispatch(() => {
-            if (!this.view)
-                return;
-            this.view.destroy();
-        });
-        saveDispatch(() => {
-            if (this.provider)
-                this.provider.destroy();
-        });
-    };
 }
 
 exports.CODE_OF_LINE_BREAK = CODE_OF_LINE_BREAK;
@@ -2445,4 +2440,4 @@ exports.Editor = Editor;
 exports.NAME_OF_MENTION = NAME_OF_MENTION;
 exports.markdownDecorationPlugin = markdownDecorationPlugin;
 exports.markdownState = markdownState;
-//# sourceMappingURL=index-DULzPQ7W.js.map
+//# sourceMappingURL=index-Da-2bfWr.js.map