@gravity-ui/markdown-editor 13.2.0 → 13.3.0

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

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react';
+import type { Extension as CodemirrorExtension } from '@codemirror/state';
 import { CommonEditor, MarkupString } from '../common';
 import { WysiwygEditorOptions } from '../core';
 import { ReactRenderStorage } from '../extensions';
@@ -67,5 +68,6 @@ export declare type EditorOptions = Pick<WysiwygEditorOptions, 'allowHTML' | 'li
     splitMode?: SplitMode;
     renderPreview?: RenderPreview;
     preset: EditorPreset;
+    extraMarkupExtensions?: CodemirrorExtension[];
 };
 export {};

package/build/cjs/bundle/Editor.js

@@ -1,5 +1,5 @@
 "use strict";
-var _EditorImpl_markup, _EditorImpl_editorMode, _EditorImpl_toolbarVisible, _EditorImpl_splitModeEnabled, _EditorImpl_splitMode, _EditorImpl_renderPreview, _EditorImpl_wysiwygEditor, _EditorImpl_markupEditor, _EditorImpl_preset, _EditorImpl_allowHTML, _EditorImpl_linkify, _EditorImpl_linkifyTlds, _EditorImpl_extensions, _EditorImpl_renderStorage, _EditorImpl_fileUploadHandler, _EditorImpl_needToSetDimensionsForUploadedImages, _EditorImpl_prepareRawMarkup;
+var _EditorImpl_markup, _EditorImpl_editorMode, _EditorImpl_toolbarVisible, _EditorImpl_splitModeEnabled, _EditorImpl_splitMode, _EditorImpl_renderPreview, _EditorImpl_wysiwygEditor, _EditorImpl_markupEditor, _EditorImpl_extraMarkupExtensions, _EditorImpl_preset, _EditorImpl_allowHTML, _EditorImpl_linkify, _EditorImpl_linkifyTlds, _EditorImpl_extensions, _EditorImpl_renderStorage, _EditorImpl_fileUploadHandler, _EditorImpl_needToSetDimensionsForUploadedImages, _EditorImpl_prepareRawMarkup;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditorImpl = void 0;
 const tslib_1 = require("tslib");
@@ -23,6 +23,7 @@ class EditorImpl extends event_emitter_1.SafeEventEmitter {
         _EditorImpl_renderPreview.set(this, void 0);
         _EditorImpl_wysiwygEditor.set(this, void 0);
         _EditorImpl_markupEditor.set(this, void 0);
+        _EditorImpl_extraMarkupExtensions.set(this, void 0);
         _EditorImpl_preset.set(this, void 0);
         _EditorImpl_allowHTML.set(this, void 0);
         _EditorImpl_linkify.set(this, void 0);
@@ -44,6 +45,7 @@ class EditorImpl extends event_emitter_1.SafeEventEmitter {
         tslib_1.__classPrivateFieldSet(this, _EditorImpl_linkifyTlds, opts.linkifyTlds, "f");
         tslib_1.__classPrivateFieldSet(this, _EditorImpl_allowHTML, opts.allowHTML, "f");
         tslib_1.__classPrivateFieldSet(this, _EditorImpl_extensions, opts.extensions, "f");
+        tslib_1.__classPrivateFieldSet(this, _EditorImpl_extraMarkupExtensions, opts.extraMarkupExtensions, "f");
         tslib_1.__classPrivateFieldSet(this, _EditorImpl_renderStorage, opts.renderStorage, "f");
         tslib_1.__classPrivateFieldSet(this, _EditorImpl_fileUploadHandler, opts.fileUploadHandler, "f");
         tslib_1.__classPrivateFieldSet(this, _EditorImpl_needToSetDimensionsForUploadedImages, Boolean(opts.needToSetDimensionsForUploadedImages), "f");
@@ -152,6 +154,7 @@ class EditorImpl extends event_emitter_1.SafeEventEmitter {
                 reactRenderer: tslib_1.__classPrivateFieldGet(this, _EditorImpl_renderStorage, "f"),
                 uploadHandler: this.fileUploadHandler,
                 needImgDimms: this.needToSetDimensionsForUploadedImages,
+                extraMarkupExtensions: tslib_1.__classPrivateFieldGet(this, _EditorImpl_extraMarkupExtensions, "f"),
             })), "f");
         }
         return tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupEditor, "f");
@@ -268,4 +271,4 @@ class EditorImpl extends event_emitter_1.SafeEventEmitter {
     }
 }
 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_preset = new WeakMap(), _EditorImpl_allowHTML = new WeakMap(), _EditorImpl_linkify = new WeakMap(), _EditorImpl_linkifyTlds = new WeakMap(), _EditorImpl_extensions = new WeakMap(), _EditorImpl_renderStorage = new WeakMap(), _EditorImpl_fileUploadHandler = new WeakMap(), _EditorImpl_needToSetDimensionsForUploadedImages = new WeakMap(), _EditorImpl_prepareRawMarkup = new WeakMap();
+_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_extraMarkupExtensions = new WeakMap(), _EditorImpl_preset = new WeakMap(), _EditorImpl_allowHTML = new WeakMap(), _EditorImpl_linkify = new WeakMap(), _EditorImpl_linkifyTlds = new WeakMap(), _EditorImpl_extensions = new WeakMap(), _EditorImpl_renderStorage = new WeakMap(), _EditorImpl_fileUploadHandler = new WeakMap(), _EditorImpl_needToSetDimensionsForUploadedImages = new WeakMap(), _EditorImpl_prepareRawMarkup = new WeakMap();

package/build/cjs/bundle/wysiwyg-preset.js

@@ -13,6 +13,7 @@ const zero_1 = require("../presets/zero");
 const shortcuts_1 = require("../shortcuts");
 const wysiwyg_1 = require("./config/wysiwyg");
 const emoji_1 = require("./emoji");
+const DEFAULT_IGNORED_KEYS = ['Tab', 'Shift-Tab'];
 const BundlePreset = (builder, opts) => {
     var _a, _b;
     const dropCursor = {
@@ -66,6 +67,7 @@ const BundlePreset = (builder, opts) => {
         }
     }
     const ignoreKeysList = (_b = (_a = opts.ignoreKeysList) === null || _a === void 0 ? void 0 : _a.slice()) !== null && _b !== void 0 ? _b : [];
+    ignoreKeysList.push(...DEFAULT_IGNORED_KEYS);
     for (const action of ignoreActions) {
         const key = shortcuts_1.formatter.toPM(action);
         if (key)

package/build/cjs/markup/codemirror/create.d.ts

@@ -1,4 +1,4 @@
-import type { StateCommand } from '@codemirror/state';
+import type { Extension, StateCommand } from '@codemirror/state';
 import { EditorView, EditorViewConfig } from '@codemirror/view';
 import { ReactRenderStorage } from '../../extensions';
 import { FileUploadHandler } from './files-upload-facet';
@@ -13,6 +13,7 @@ export declare type CreateCodemirrorParams = {
     reactRenderer: ReactRenderStorage;
     uploadHandler?: FileUploadHandler;
     needImgDimms?: boolean;
+    extraMarkupExtensions?: Extension[];
 };
 export declare function createCodemirror(params: CreateCodemirrorParams): EditorView;
 export declare function withLogger(action: string, command: StateCommand): StateCommand;

package/build/cjs/markup/codemirror/create.js

@@ -15,7 +15,7 @@ const pairing_chars_1 = require("./pairing-chars");
 const react_facet_1 = require("./react-facet");
 const yfm_1 = require("./yfm");
 function createCodemirror(params) {
-    const { doc, placeholderText, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, } = params;
+    const { doc, placeholderText, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, extraMarkupExtensions, } = params;
     const extensions = [
         gravity_1.gravityTheme,
         (0, view_1.placeholder)(placeholderText),
@@ -53,6 +53,7 @@ function createCodemirror(params) {
                     return true;
                 },
             },
+            { key: 'Tab', preventDefault: true, run: commands_1.insertTab },
             commands_1.indentWithTab,
             ...commands_1.defaultKeymap,
             ...commands_1.historyKeymap,
@@ -75,6 +76,9 @@ function createCodemirror(params) {
             imgWithDimms: params.needImgDimms,
         }));
     }
+    if (extraMarkupExtensions) {
+        extensions.push(...extraMarkupExtensions);
+    }
     return new view_1.EditorView({
         doc,
         extensions,

package/build/cjs/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 /** During build process, the current version will be injected here */
-exports.VERSION = typeof '13.2.0' !== 'undefined' ? '13.2.0' : 'unknown';
+exports.VERSION = typeof '13.3.0' !== 'undefined' ? '13.3.0' : 'unknown';

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

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react';
+import type { Extension as CodemirrorExtension } from '@codemirror/state';
 import { CommonEditor, MarkupString } from '../common';
 import { WysiwygEditorOptions } from '../core';
 import { ReactRenderStorage } from '../extensions';
@@ -67,5 +68,6 @@ export declare type EditorOptions = Pick<WysiwygEditorOptions, 'allowHTML' | 'li
     splitMode?: SplitMode;
     renderPreview?: RenderPreview;
     preset: EditorPreset;
+    extraMarkupExtensions?: CodemirrorExtension[];
 };
 export {};

package/build/esm/bundle/Editor.js

@@ -1,4 +1,4 @@
-var _EditorImpl_markup, _EditorImpl_editorMode, _EditorImpl_toolbarVisible, _EditorImpl_splitModeEnabled, _EditorImpl_splitMode, _EditorImpl_renderPreview, _EditorImpl_wysiwygEditor, _EditorImpl_markupEditor, _EditorImpl_preset, _EditorImpl_allowHTML, _EditorImpl_linkify, _EditorImpl_linkifyTlds, _EditorImpl_extensions, _EditorImpl_renderStorage, _EditorImpl_fileUploadHandler, _EditorImpl_needToSetDimensionsForUploadedImages, _EditorImpl_prepareRawMarkup;
+var _EditorImpl_markup, _EditorImpl_editorMode, _EditorImpl_toolbarVisible, _EditorImpl_splitModeEnabled, _EditorImpl_splitMode, _EditorImpl_renderPreview, _EditorImpl_wysiwygEditor, _EditorImpl_markupEditor, _EditorImpl_extraMarkupExtensions, _EditorImpl_preset, _EditorImpl_allowHTML, _EditorImpl_linkify, _EditorImpl_linkifyTlds, _EditorImpl_extensions, _EditorImpl_renderStorage, _EditorImpl_fileUploadHandler, _EditorImpl_needToSetDimensionsForUploadedImages, _EditorImpl_prepareRawMarkup;
 import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import { TextSelection } from 'prosemirror-state';
 import { WysiwygEditor } from '../core';
@@ -20,6 +20,7 @@ export class EditorImpl extends SafeEventEmitter {
         _EditorImpl_renderPreview.set(this, void 0);
         _EditorImpl_wysiwygEditor.set(this, void 0);
         _EditorImpl_markupEditor.set(this, void 0);
+        _EditorImpl_extraMarkupExtensions.set(this, void 0);
         _EditorImpl_preset.set(this, void 0);
         _EditorImpl_allowHTML.set(this, void 0);
         _EditorImpl_linkify.set(this, void 0);
@@ -41,6 +42,7 @@ export class EditorImpl extends SafeEventEmitter {
         __classPrivateFieldSet(this, _EditorImpl_linkifyTlds, opts.linkifyTlds, "f");
         __classPrivateFieldSet(this, _EditorImpl_allowHTML, opts.allowHTML, "f");
         __classPrivateFieldSet(this, _EditorImpl_extensions, opts.extensions, "f");
+        __classPrivateFieldSet(this, _EditorImpl_extraMarkupExtensions, opts.extraMarkupExtensions, "f");
         __classPrivateFieldSet(this, _EditorImpl_renderStorage, opts.renderStorage, "f");
         __classPrivateFieldSet(this, _EditorImpl_fileUploadHandler, opts.fileUploadHandler, "f");
         __classPrivateFieldSet(this, _EditorImpl_needToSetDimensionsForUploadedImages, Boolean(opts.needToSetDimensionsForUploadedImages), "f");
@@ -149,6 +151,7 @@ export class EditorImpl extends SafeEventEmitter {
                 reactRenderer: __classPrivateFieldGet(this, _EditorImpl_renderStorage, "f"),
                 uploadHandler: this.fileUploadHandler,
                 needImgDimms: this.needToSetDimensionsForUploadedImages,
+                extraMarkupExtensions: __classPrivateFieldGet(this, _EditorImpl_extraMarkupExtensions, "f"),
             })), "f");
         }
         return __classPrivateFieldGet(this, _EditorImpl_markupEditor, "f");
@@ -264,4 +267,4 @@ export class EditorImpl extends SafeEventEmitter {
         return (serializedEditorMarkup === null || serializedEditorMarkup === void 0 ? void 0 : serializedEditorMarkup.trim()) !== wysiwygValue.trim();
     }
 }
-_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_preset = new WeakMap(), _EditorImpl_allowHTML = new WeakMap(), _EditorImpl_linkify = new WeakMap(), _EditorImpl_linkifyTlds = new WeakMap(), _EditorImpl_extensions = new WeakMap(), _EditorImpl_renderStorage = new WeakMap(), _EditorImpl_fileUploadHandler = new WeakMap(), _EditorImpl_needToSetDimensionsForUploadedImages = new WeakMap(), _EditorImpl_prepareRawMarkup = new WeakMap();
+_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_extraMarkupExtensions = new WeakMap(), _EditorImpl_preset = new WeakMap(), _EditorImpl_allowHTML = new WeakMap(), _EditorImpl_linkify = new WeakMap(), _EditorImpl_linkifyTlds = new WeakMap(), _EditorImpl_extensions = new WeakMap(), _EditorImpl_renderStorage = new WeakMap(), _EditorImpl_fileUploadHandler = new WeakMap(), _EditorImpl_needToSetDimensionsForUploadedImages = new WeakMap(), _EditorImpl_prepareRawMarkup = new WeakMap();

package/build/esm/bundle/wysiwyg-preset.js

@@ -10,6 +10,7 @@ import { ZeroPreset } from '../presets/zero';
 import { Action as A, formatter as f } from '../shortcuts';
 import { wCommandMenuConfigByPreset, wSelectionMenuConfigByPreset } from './config/wysiwyg';
 import { emojiDefs } from './emoji';
+const DEFAULT_IGNORED_KEYS = ['Tab', 'Shift-Tab'];
 export const BundlePreset = (builder, opts) => {
     var _a, _b;
     const dropCursor = {
@@ -63,6 +64,7 @@ export const BundlePreset = (builder, opts) => {
         }
     }
     const ignoreKeysList = (_b = (_a = opts.ignoreKeysList) === null || _a === void 0 ? void 0 : _a.slice()) !== null && _b !== void 0 ? _b : [];
+    ignoreKeysList.push(...DEFAULT_IGNORED_KEYS);
     for (const action of ignoreActions) {
         const key = f.toPM(action);
         if (key)

package/build/esm/markup/codemirror/create.d.ts

@@ -1,4 +1,4 @@
-import type { StateCommand } from '@codemirror/state';
+import type { Extension, StateCommand } from '@codemirror/state';
 import { EditorView, EditorViewConfig } from '@codemirror/view';
 import { ReactRenderStorage } from '../../extensions';
 import { FileUploadHandler } from './files-upload-facet';
@@ -13,6 +13,7 @@ export declare type CreateCodemirrorParams = {
     reactRenderer: ReactRenderStorage;
     uploadHandler?: FileUploadHandler;
     needImgDimms?: boolean;
+    extraMarkupExtensions?: Extension[];
 };
 export declare function createCodemirror(params: CreateCodemirrorParams): EditorView;
 export declare function withLogger(action: string, command: StateCommand): StateCommand;

package/build/esm/markup/codemirror/create.js

@@ -1,5 +1,5 @@
 import { autocompletion } from '@codemirror/autocomplete';
-import { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands';
+import { defaultKeymap, history, historyKeymap, indentWithTab, insertTab, } from '@codemirror/commands';
 import { syntaxHighlighting } from '@codemirror/language';
 import { EditorView, keymap, placeholder } from '@codemirror/view';
 import { ActionName } from '../../bundle/config/action-names';
@@ -12,7 +12,7 @@ import { PairingCharactersExtension } from './pairing-chars';
 import { ReactRendererFacet } from './react-facet';
 import { yfmLang } from './yfm';
 export function createCodemirror(params) {
-    const { doc, placeholderText, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, } = params;
+    const { doc, placeholderText, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, extraMarkupExtensions, } = params;
     const extensions = [
         gravityTheme,
         placeholder(placeholderText),
@@ -50,6 +50,7 @@ export function createCodemirror(params) {
                     return true;
                 },
             },
+            { key: 'Tab', preventDefault: true, run: insertTab },
             indentWithTab,
             ...defaultKeymap,
             ...historyKeymap,
@@ -72,6 +73,9 @@ export function createCodemirror(params) {
             imgWithDimms: params.needImgDimms,
         }));
     }
+    if (extraMarkupExtensions) {
+        extensions.push(...extraMarkupExtensions);
+    }
     return new EditorView({
         doc,
         extensions,

package/build/esm/version.js

@@ -1,2 +1,2 @@
 /** During build process, the current version will be injected here */
-export const VERSION = typeof '13.2.0' !== 'undefined' ? '13.2.0' : 'unknown';
+export const VERSION = typeof '13.3.0' !== 'undefined' ? '13.3.0' : 'unknown';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "13.2.0",
+  "version": "13.3.0",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {