@gravity-ui/markdown-editor 13.0.0

package/build/esm/i18n/yfm-note/en.json

@@ -0,0 +1,7 @@
+{
+  "info": "Note",
+  "tip": "Tip",
+  "warning": "Warning",
+  "alert": "Alert",
+  "remove": "Remove"
+}

package/build/esm/i18n/yfm-note/index.d.ts

@@ -0,0 +1,9 @@
+export declare const i18n: <G extends "remove" | "info" | "alert" | "tip" | "warning", S extends string>(key: G | (string extends S ? S : never), params?: {
+    [key: string]: any;
+} | undefined) => S extends G ? {
+    info: string;
+    tip: string;
+    warning: string;
+    alert: string;
+    remove: string;
+}[G] : string;

package/build/esm/i18n/yfm-note/index.js

@@ -0,0 +1,5 @@
+import { registerKeyset } from '../i18n';
+import en from './en.json';
+import ru from './ru.json';
+const KEYSET = 'yfm-note';
+export const i18n = registerKeyset(KEYSET, { en, ru });

package/build/esm/i18n/yfm-note/ru.json

@@ -0,0 +1,7 @@
+{
+  "info": "Примечание",
+  "tip": "Совет",
+  "warning": "Важно",
+  "alert": "Внимание",
+  "remove": "Удалить"
+}

package/build/esm/i18n/yfm-table/en.json

@@ -0,0 +1,9 @@
+{
+  "column.add.before": "Add column before",
+  "column.add.after": "Add column after",
+  "column.remove": "Remove column",
+  "row.add.before": "Add row before",
+  "row.add.after": "Add row after",
+  "row.remove": "Remove row",
+  "table.remove": "Remove table"
+}

package/build/esm/i18n/yfm-table/index.d.ts

@@ -0,0 +1,11 @@
+export declare const i18n: <G extends "column.add.before" | "column.add.after" | "column.remove" | "row.add.before" | "row.add.after" | "row.remove" | "table.remove", S extends string>(key: G | (string extends S ? S : never), params?: {
+    [key: string]: any;
+} | undefined) => S extends G ? {
+    "column.add.before": string;
+    "column.add.after": string;
+    "column.remove": string;
+    "row.add.before": string;
+    "row.add.after": string;
+    "row.remove": string;
+    "table.remove": string;
+}[G] : string;

package/build/esm/i18n/yfm-table/index.js

@@ -0,0 +1,5 @@
+import { registerKeyset } from '../i18n';
+import en from './en.json';
+import ru from './ru.json';
+const KEYSET = 'yfm-table';
+export const i18n = registerKeyset(KEYSET, { en, ru });

package/build/esm/i18n/yfm-table/ru.json

@@ -0,0 +1,9 @@
+{
+  "column.add.before": "Добавить столбец до",
+  "column.add.after": "Добавить столбец после",
+  "column.remove": "Удалить столбец",
+  "row.add.before": "Добавить строку до",
+  "row.add.after": "Добавить строку после",
+  "row.remove": "Удалить строку",
+  "table.remove": "Удалить таблицу"
+}

package/build/esm/icons/Mermaid.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const Mermaid: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default Mermaid;

package/build/esm/icons/Mermaid.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+const Mermaid = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 491, height: 491, viewBox: "0 0 491 491", style: {
+        fillRule: 'evenodd',
+        clipRule: 'evenodd',
+        strokeLinejoin: 'round',
+        strokeMiterlimit: 2,
+    } }, props),
+    React.createElement("path", { d: "M 490.16 405.55 C 490.16 452.248 452.248 490.16 405.55 490.16 L 84.61 490.16 C 37.912 490.16 0 452.248 0 405.55 L 0 84.61 C 0 37.912 37.912 0 84.61 0 L 405.55 0 C 452.248 0 490.16 37.912 490.16 84.61 Z M 407.48 111.18 C 335.587 108.103 269.573 152.338 245.08 220 C 220.587 152.338 154.573 108.103 82.68 111.18 C 80.285 168.229 107.577 222.632 154.74 254.82 C 178.908 271.419 193.35 298.951 193.27 328.27 L 193.27 379.13 L 296.9 379.13 L 296.9 328.27 C 296.816 298.953 311.255 271.42 335.42 254.82 C 382.596 222.644 409.892 168.233 407.48 111.18 Z", fill: "currentColor" })));
+export default Mermaid;

package/build/esm/icons/Mono.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const Mono: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default Mono;

package/build/esm/icons/Mono.js

@@ -0,0 +1,4 @@
+import * as React from 'react';
+const Mono = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16" }, props),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.5 3.88862V13.25C3.5 13.6642 3.16421 14 2.75 14C2.33579 14 2 13.6642 2 13.25V3.32392C2 2.59274 2.59274 2 3.32392 2C3.75884 2 4.16601 2.21361 4.41321 2.57145L8 7.76376L11.5868 2.57145C11.834 2.21361 12.2412 2 12.6761 2C13.4073 2 14 2.59274 14 3.32392V13.25C14 13.6642 13.6642 14 13.25 14C12.8358 14 12.5 13.6642 12.5 13.25V3.88862L8.61708 9.50961C8.47705 9.71232 8.24638 9.83333 8 9.83333C7.75362 9.83333 7.52295 9.71232 7.38292 9.50961L3.5 3.88862Z", fill: "currentColor" })));
+export default Mono;

package/build/esm/icons/Tabs.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const Tabs: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default Tabs;

package/build/esm/icons/Tabs.js

@@ -0,0 +1,4 @@
+import * as React from 'react';
+const Tabs = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16" }, props),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.25 3.5L4 3.5C3.17157 3.5 2.5 4.17157 2.5 5L2.5 11C2.5 11.8284 3.17157 12.5 4 12.5L12 12.5C12.8284 12.5 13.5 11.8284 13.5 11L13.5 7L10 7L6 7C5.80109 7 5.61032 6.92098 5.46967 6.78033C5.32902 6.63968 5.25 6.44891 5.25 6.25L5.25 3.5ZM6.75 3.5L9.25 3.5L9.25 5.5L6.75 5.5L6.75 3.5ZM10.75 3.5L12 3.5C12.8284 3.5 13.5 4.17157 13.5 5L13.5 5.5L10.75 5.5L10.75 3.5ZM15 5C15 3.34315 13.6569 2 12 2L4 2C2.34315 2 0.999999 3.34314 0.999999 5L0.999998 11C0.999998 12.6569 2.34314 14 4 14L12 14C13.6569 14 15 12.6569 15 11L15 5Z", fill: "currentColor" })));
+export default Tabs;

package/build/esm/icons/WysiwygMode.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const WysiwygMode: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default WysiwygMode;

package/build/esm/icons/WysiwygMode.js

@@ -0,0 +1,5 @@
+import * as React from 'react';
+const WysiwygMode = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16" }, props),
+    React.createElement("path", { d: "M5.25002 4.75L5.25002 11.25M5.25002 4.75L8.5 4.75M5.25002 4.75L2.00004 4.75", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "currentColor" }),
+    React.createElement("path", { d: "M12.5 3C12.5 3 12.5 9.57107 12.5 12.5M12.5 3L14 2M12.5 3L11 2M12.5 12.5L14 13.5M12.5 12.5L11 13.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "currentColor" })));
+export default WysiwygMode;

package/build/esm/icons/index.d.ts

@@ -0,0 +1,5 @@
+import MermaidIcon from './Mermaid';
+import MonoIcon from './Mono';
+import TabsIcon from './Tabs';
+export { MermaidIcon, MonoIcon, TabsIcon };
+export { ArrowUturnCcwLeft as UndoIcon, ArrowUturnCwRight as RedoIcon, Bold as BoldIcon, Italic as ItalicIcon, Underline as UnderlineIcon, Strikethrough as StrikethroughIcon, FontCursor as MarkIcon, Text as TextIcon, Heading as HeadingIcon, Heading1 as Heading1Icon, Heading2 as Heading2Icon, Heading3 as Heading3Icon, Heading4 as Heading4Icon, Heading5 as Heading5Icon, Heading6 as Heading6Icon, ListUl as ListBlIcon, ListOl as ListOlIcon, TextOutdent as LiftIcon, TextIndent as SinkIcon, Font as TextColorIcon, Link as LinkIcon, QuoteClose as QuoteIcon, Scissors as CutIcon, Sticker as NoteIcon, Paperclip as FileIcon, Minus as HRuleIcon, LayoutList as TableIcon, ChevronsExpandHorizontal as IframeIcon, SquareCheck as CheckListIcon, Picture as ImageIcon, Person as UserIcon, FaceSmile as EmojiIcon, Code as CodeInlineIcon, FileCode as CodeBlockIcon, Function as FunctionInlineIcon, CurlyBracketsFunction as FunctionBlockIcon, Hashtag as AnchorIcon, SquareDashedText as BlockIcon, LayoutColumns3 as LayoutIcon, Pencil as DrawIoIcon, } from '@gravity-ui/icons';

package/build/esm/icons/index.js

@@ -0,0 +1,29 @@
+import MermaidIcon from './Mermaid';
+import MonoIcon from './Mono';
+import TabsIcon from './Tabs';
+export { MermaidIcon, MonoIcon, TabsIcon };
+export { ArrowUturnCcwLeft as UndoIcon, ArrowUturnCwRight as RedoIcon, 
+//
+Bold as BoldIcon, Italic as ItalicIcon, Underline as UnderlineIcon, Strikethrough as StrikethroughIcon, FontCursor as MarkIcon, 
+//
+Text as TextIcon, Heading as HeadingIcon, Heading1 as Heading1Icon, Heading2 as Heading2Icon, Heading3 as Heading3Icon, Heading4 as Heading4Icon, Heading5 as Heading5Icon, Heading6 as Heading6Icon, 
+//
+ListUl as ListBlIcon, ListOl as ListOlIcon, 
+//
+TextOutdent as LiftIcon, TextIndent as SinkIcon, 
+//
+Font as TextColorIcon, 
+//
+Link as LinkIcon, QuoteClose as QuoteIcon, Scissors as CutIcon, Sticker as NoteIcon, Paperclip as FileIcon, Minus as HRuleIcon, 
+//
+LayoutList as TableIcon, 
+//
+ChevronsExpandHorizontal as IframeIcon, SquareCheck as CheckListIcon, Picture as ImageIcon, Person as UserIcon, FaceSmile as EmojiIcon, 
+//
+Code as CodeInlineIcon, FileCode as CodeBlockIcon, 
+//
+Function as FunctionInlineIcon, CurlyBracketsFunction as FunctionBlockIcon, 
+//
+Hashtag as AnchorIcon, SquareDashedText as BlockIcon, LayoutColumns3 as LayoutIcon, 
+//
+Pencil as DrawIoIcon, } from '@gravity-ui/icons';

package/build/esm/index.d.ts

@@ -0,0 +1,29 @@
+export * from './common';
+export * from './core';
+export * from './toolbar';
+export * from './react-utils';
+export * from './classname';
+export * from './logger';
+export * from './extensions';
+export * from './plugins';
+export * from './extensions/specs';
+export * from './forms';
+export * from './view';
+export * from './utils';
+export * from './bundle';
+export { ReactRendererFacet, getImageDimensions } from './markup';
+export * as MarkupCommands from './markup/commands';
+export * as MarkupHelpers from './markup/commands/helpers';
+export { Lang, configure } from './configure';
+export { isMac } from './utils/platform';
+export { markInputRule, nodeInputRule, inlineNodeInputRule } from './utils/inputrules';
+export { findMark, isMarkActive } from './utils/marks';
+export { findFirstTextblockChild, isNodeEmpty, isCodeBlock, isSelectableNode } from './utils/nodes';
+export { nodeTypeFactory, markTypeFactory, isSameNodeType } from './utils/schema';
+export { getPlaceholderContent } from './utils/placeholder';
+export { isTextSelection, isNodeSelection, isWholeSelection, get$Cursor, findSelectedNodeOfType, } from './utils/selection';
+export * from './table-utils';
+export type { NodeChild } from './utils/nodes';
+export { getChildrenOfNode, getLastChildOfNode } from './utils/nodes';
+export { serializeForClipboard } from './utils/serialize-for-clipboard';
+export * from './utils/event-emitter';

package/build/esm/index.js

@@ -0,0 +1,28 @@
+export * from './common';
+export * from './core';
+export * from './toolbar';
+export * from './react-utils';
+export * from './classname';
+export * from './logger';
+export * from './extensions';
+export * from './plugins';
+export * from './extensions/specs';
+export * from './forms';
+export * from './view';
+export * from './utils';
+export * from './bundle';
+export { ReactRendererFacet, getImageDimensions } from './markup';
+export * as MarkupCommands from './markup/commands';
+export * as MarkupHelpers from './markup/commands/helpers';
+export { Lang, configure } from './configure';
+export { isMac } from './utils/platform';
+export { markInputRule, nodeInputRule, inlineNodeInputRule } from './utils/inputrules';
+export { findMark, isMarkActive } from './utils/marks';
+export { findFirstTextblockChild, isNodeEmpty, isCodeBlock, isSelectableNode } from './utils/nodes';
+export { nodeTypeFactory, markTypeFactory, isSameNodeType } from './utils/schema';
+export { getPlaceholderContent } from './utils/placeholder';
+export { isTextSelection, isNodeSelection, isWholeSelection, get$Cursor, findSelectedNodeOfType, } from './utils/selection';
+export * from './table-utils';
+export { getChildrenOfNode, getLastChildOfNode } from './utils/nodes';
+export { serializeForClipboard } from './utils/serialize-for-clipboard';
+export * from './utils/event-emitter';

package/build/esm/lodash.d.ts

@@ -0,0 +1,14 @@
+import capitalize from 'lodash/capitalize';
+import clamp from 'lodash/clamp';
+import cloneDeep from 'lodash/cloneDeep';
+import debounce from 'lodash/debounce';
+import groupBy from 'lodash/groupBy';
+import isEqual from 'lodash/isEqual';
+import isFunction from 'lodash/isFunction';
+import isString from 'lodash/isString';
+import noop from 'lodash/noop';
+import omit from 'lodash/omit';
+import partial from 'lodash/partial';
+import throttle from 'lodash/throttle';
+import uniqueId from 'lodash/uniqueId';
+export { noop, omit, clamp, groupBy, partial, debounce, throttle, uniqueId, isString, capitalize, isEqual, isFunction, cloneDeep, };

package/build/esm/lodash.js

@@ -0,0 +1,14 @@
+import capitalize from 'lodash/capitalize';
+import clamp from 'lodash/clamp';
+import cloneDeep from 'lodash/cloneDeep';
+import debounce from 'lodash/debounce';
+import groupBy from 'lodash/groupBy';
+import isEqual from 'lodash/isEqual';
+import isFunction from 'lodash/isFunction';
+import isString from 'lodash/isString';
+import noop from 'lodash/noop';
+import omit from 'lodash/omit';
+import partial from 'lodash/partial';
+import throttle from 'lodash/throttle';
+import uniqueId from 'lodash/uniqueId';
+export { noop, omit, clamp, groupBy, partial, debounce, throttle, uniqueId, isString, capitalize, isEqual, isFunction, cloneDeep, };

package/build/esm/logger.d.ts

@@ -0,0 +1,43 @@
+declare global {
+    namespace MdEditorLogger {
+        type MetricsData = {
+            component: string;
+            event: string;
+            duration?: number;
+            meta?: Record<string, any>;
+        };
+        interface ActionData {
+            action: string;
+            source: string;
+            [key: string]: any;
+        }
+        interface Logger {
+            log(...data: any[]): void;
+            info(...data: any[]): void;
+            error(...data: any[]): void;
+            warn(...data: any[]): void;
+            metrics(data: MetricsData): void;
+            action(data: ActionData): void;
+        }
+        interface Settings extends Partial<Logger> {
+        }
+    }
+}
+declare class Logger implements MdEditorLogger.Logger {
+    #private;
+    get log(): (...data: any[]) => void;
+    get info(): (...data: any[]) => void;
+    get error(): (...data: any[]) => void;
+    get warn(): (...data: any[]) => void;
+    get metrics(): (data: MdEditorLogger.MetricsData) => void;
+    get action(): (data: MdEditorLogger.ActionData) => void;
+    setLogger(settings?: MdEditorLogger.Settings): void;
+    /**
+     * @inner
+     *
+     * To override the default logger, use setLogger
+     */
+    createLogger(settings: MdEditorLogger.Settings): MdEditorLogger.Logger;
+}
+export declare const logger: Logger;
+export {};

package/build/esm/logger.js

@@ -0,0 +1,47 @@
+var _Logger_logger;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
+const noop = () => { };
+class Logger {
+    constructor() {
+        _Logger_logger.set(this, this.createLogger({}));
+    }
+    get log() {
+        return __classPrivateFieldGet(this, _Logger_logger, "f").log;
+    }
+    get info() {
+        return __classPrivateFieldGet(this, _Logger_logger, "f").info;
+    }
+    get error() {
+        return __classPrivateFieldGet(this, _Logger_logger, "f").error;
+    }
+    get warn() {
+        return __classPrivateFieldGet(this, _Logger_logger, "f").warn;
+    }
+    get metrics() {
+        return __classPrivateFieldGet(this, _Logger_logger, "f").metrics;
+    }
+    get action() {
+        return __classPrivateFieldGet(this, _Logger_logger, "f").action;
+    }
+    setLogger(settings = {}) {
+        __classPrivateFieldSet(this, _Logger_logger, this.createLogger(settings), "f");
+    }
+    /**
+     * @inner
+     *
+     * To override the default logger, use setLogger
+     */
+    createLogger(settings) {
+        var _a, _b, _c, _d, _e, _f;
+        return {
+            log: (_a = settings.log) !== null && _a !== void 0 ? _a : noop,
+            info: (_b = settings.info) !== null && _b !== void 0 ? _b : noop,
+            warn: (_c = settings.warn) !== null && _c !== void 0 ? _c : noop,
+            error: (_d = settings.error) !== null && _d !== void 0 ? _d : noop,
+            metrics: (_e = settings.metrics) !== null && _e !== void 0 ? _e : noop,
+            action: (_f = settings.action) !== null && _f !== void 0 ? _f : noop,
+        };
+    }
+}
+_Logger_logger = new WeakMap();
+export const logger = new Logger();

package/build/esm/markdown-it/color.d.ts

@@ -0,0 +1,2 @@
+import color from 'markdown-it-color';
+export default color;

package/build/esm/markdown-it/color.js

@@ -0,0 +1,2 @@
+import color from 'markdown-it-color';
+export default color;

package/build/esm/markdown-it/emoji.d.ts

@@ -0,0 +1,5 @@
+import emoji from 'markdown-it-emoji';
+import bare from 'markdown-it-emoji/bare';
+import light from 'markdown-it-emoji/light';
+export default emoji;
+export { bare, light };

package/build/esm/markdown-it/emoji.js

@@ -0,0 +1,5 @@
+import emoji from 'markdown-it-emoji';
+import bare from 'markdown-it-emoji/bare';
+import light from 'markdown-it-emoji/light';
+export default emoji;
+export { bare, light };

package/build/esm/markdown-it/ins.d.ts

@@ -0,0 +1,2 @@
+import ins from 'markdown-it-ins';
+export default ins;

package/build/esm/markdown-it/ins.js

@@ -0,0 +1,2 @@
+import ins from 'markdown-it-ins';
+export default ins;

package/build/esm/markdown-it/mark.d.ts

@@ -0,0 +1,2 @@
+import mark from 'markdown-it-mark';
+export default mark;

package/build/esm/markdown-it/mark.js

@@ -0,0 +1,2 @@
+import mark from 'markdown-it-mark';
+export default mark;

package/build/esm/markdown-it/sub.d.ts

@@ -0,0 +1,2 @@
+import sub from 'markdown-it-sub';
+export default sub;

package/build/esm/markdown-it/sub.js

@@ -0,0 +1,2 @@
+import sub from 'markdown-it-sub';
+export default sub;

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

@@ -0,0 +1,18 @@
+import type { StateCommand } from '@codemirror/state';
+import { EditorView, EditorViewConfig } from '@codemirror/view';
+import { ReactRenderStorage } from '../../extensions';
+import { FileUploadHandler } from './files-upload-facet';
+export declare type CreateCodemirrorParams = {
+    doc: EditorViewConfig['doc'];
+    placeholderText: string;
+    onCancel: () => void;
+    onSubmit: () => void;
+    onChange: () => void;
+    onDocChange: () => void;
+    onScroll: (event: Event) => void;
+    reactRenderer: ReactRenderStorage;
+    uploadHandler?: FileUploadHandler;
+    needImgDimms?: boolean;
+};
+export declare function createCodemirror(params: CreateCodemirrorParams): EditorView;
+export declare function withLogger(action: string, command: StateCommand): StateCommand;

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

@@ -0,0 +1,92 @@
+import { autocompletion } from '@codemirror/autocomplete';
+import { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands';
+import { syntaxHighlighting } from '@codemirror/language';
+import { EditorView, keymap, placeholder } from '@codemirror/view';
+import { ActionName } from '../../bundle/config/action-names';
+import { logger } from '../../logger';
+import { Action as A, formatter as f } from '../../shortcuts';
+import { insertLink, toH1, toH2, toH3, toH4, toH5, toH6, toggleBold, toggleItalic, toggleStrikethrough, toggleUnderline, wrapToCodeBlock, wrapToInlineCode, wrapToYfmCut, wrapToYfmNote, } from '../commands';
+import { FileUploadHandlerFacet } from './files-upload-facet';
+import { gravityHighlightStyle, gravityTheme } from './gravity';
+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 extensions = [
+        gravityTheme,
+        placeholder(placeholderText),
+        history(),
+        syntaxHighlighting(gravityHighlightStyle),
+        keymap.of([
+            { key: f.toCM(A.Bold), run: withLogger(ActionName.bold, toggleBold) },
+            { key: f.toCM(A.Italic), run: withLogger(ActionName.italic, toggleItalic) },
+            { key: f.toCM(A.Strike), run: withLogger(ActionName.strike, toggleStrikethrough) },
+            { key: f.toCM(A.Underline), run: withLogger(ActionName.underline, toggleUnderline) },
+            { key: f.toCM(A.Link), run: withLogger(ActionName.link, insertLink) },
+            { key: f.toCM(A.Heading1), run: withLogger(ActionName.heading1, toH1) },
+            { key: f.toCM(A.Heading2), run: withLogger(ActionName.heading2, toH2) },
+            { key: f.toCM(A.Heading3), run: withLogger(ActionName.heading3, toH3) },
+            { key: f.toCM(A.Heading4), run: withLogger(ActionName.heading4, toH4) },
+            { key: f.toCM(A.Heading5), run: withLogger(ActionName.heading5, toH5) },
+            { key: f.toCM(A.Heading6), run: withLogger(ActionName.heading6, toH6) },
+            { key: f.toCM(A.Code), run: withLogger(ActionName.code_inline, wrapToInlineCode) },
+            { key: f.toCM(A.CodeBlock), run: withLogger(ActionName.code_block, wrapToCodeBlock) },
+            { key: f.toCM(A.Cut), run: withLogger(ActionName.yfm_cut, wrapToYfmCut) },
+            { key: f.toCM(A.Note), run: withLogger(ActionName.yfm_note, wrapToYfmNote) },
+            {
+                key: f.toCM(A.Cancel),
+                preventDefault: true,
+                run: () => {
+                    onCancel();
+                    return true;
+                },
+            },
+            {
+                key: f.toCM(A.Submit),
+                preventDefault: true,
+                run: () => {
+                    onSubmit();
+                    return true;
+                },
+            },
+            indentWithTab,
+            ...defaultKeymap,
+            ...historyKeymap,
+        ]),
+        autocompletion(),
+        yfmLang(),
+        ReactRendererFacet.of(reactRenderer),
+        PairingCharactersExtension,
+        EditorView.lineWrapping,
+        EditorView.contentAttributes.of({ spellcheck: 'true' }),
+        EditorView.domEventHandlers({
+            scroll(event) {
+                onScroll(event);
+            },
+        }),
+    ];
+    if (params.uploadHandler) {
+        extensions.push(FileUploadHandlerFacet.of({
+            fn: params.uploadHandler,
+            imgWithDimms: params.needImgDimms,
+        }));
+    }
+    return new EditorView({
+        doc,
+        extensions,
+        dispatchTransactions: (trs, view) => {
+            view.update(trs);
+            onChange();
+            if (trs.some((tr) => tr.docChanged)) {
+                onDocChange();
+            }
+        },
+    });
+}
+export function withLogger(action, command) {
+    return (...args) => {
+        logger.action({ mode: 'markup', source: 'keymap', action });
+        return command(...args);
+    };
+}

package/build/esm/markup/codemirror/files-upload-facet.d.ts

@@ -0,0 +1,10 @@
+import { Facet } from '@codemirror/state';
+import type { FileUploadHandler } from '../../utils/upload';
+export type { FileUploadHandler };
+export declare const FileUploadHandlerFacet: Facet<{
+    fn: FileUploadHandler;
+    imgWithDimms?: boolean | undefined;
+}, {
+    fn: FileUploadHandler;
+    imgWithDimms?: boolean | undefined;
+}>;

package/build/esm/markup/codemirror/files-upload-facet.js

@@ -0,0 +1,7 @@
+import { Facet } from '@codemirror/state';
+import { FilesUploadPlugin } from './files-upload-plugin';
+export const FileUploadHandlerFacet = Facet.define({
+    enables: FilesUploadPlugin.extension,
+    combine: (value) => value[0],
+    static: true,
+});

package/build/esm/markup/codemirror/files-upload-plugin/const.d.ts

@@ -0,0 +1,2 @@
+export declare const IMG_MAX_HEIGHT = 600;
+export declare const SUCCESS_UPLOAD_REMOVE_TIMEOUT = 1000;

package/build/esm/markup/codemirror/files-upload-plugin/const.js

@@ -0,0 +1,2 @@
+export const IMG_MAX_HEIGHT = 600; // px
+export const SUCCESS_UPLOAD_REMOVE_TIMEOUT = 1000; // 1 sec

package/build/esm/markup/codemirror/files-upload-plugin/effects.d.ts

@@ -0,0 +1,8 @@
+export declare const AddUploadWidgetEffect: import("@codemirror/state").StateEffectType<{
+    files: ArrayLike<File>;
+    pos: number;
+}>;
+export declare const RemoveUploadWidgetEffect: import("@codemirror/state").StateEffectType<{
+    id: string;
+    markup?: string | undefined;
+}>;

package/build/esm/markup/codemirror/files-upload-plugin/effects.js

@@ -0,0 +1,3 @@
+import { StateEffect } from '@codemirror/state';
+export const AddUploadWidgetEffect = StateEffect.define();
+export const RemoveUploadWidgetEffect = StateEffect.define();

package/build/esm/markup/codemirror/files-upload-plugin/index.d.ts

@@ -0,0 +1,3 @@
+export { FilesUploadPlugin } from './plugin';
+export { getImageDimensions } from './utils';
+export { IMG_MAX_HEIGHT } from './const';

package/build/esm/markup/codemirror/files-upload-plugin/index.js

@@ -0,0 +1,3 @@
+export { FilesUploadPlugin } from './plugin';
+export { getImageDimensions } from './utils';
+export { IMG_MAX_HEIGHT } from './const';

package/build/esm/markup/codemirror/files-upload-plugin/plugin.d.ts

@@ -0,0 +1,6 @@
+import { DecorationSet, EditorView, ViewPlugin, ViewUpdate } from '@codemirror/view';
+export declare const FilesUploadPlugin: ViewPlugin<{
+    decos: DecorationSet;
+    readonly view: EditorView;
+    update(update: ViewUpdate): void;
+}>;