@gravity-ui/markdown-editor 15.6.1 → 15.8.0

package/build/cjs/forms/ImageForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageForm.js","sourceRoot":"../../../src","sources":["forms/ImageForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useLayoutEffect, useState} from 'react';\n\nimport {TextInput, type TextInputProps} from '@gravity-ui/uikit';\nimport {Tabs} from '@gravity-ui/uikit/legacy';\n\nimport {type ClassNameProps, cn} from '../classname';\nimport {i18n} from '../i18n/forms';\nimport {isFunction} from '../lodash';\nimport {enterKeyHandler} from '../utils/handlers';\n\nimport {TextInputFixed} from './TextInput';\nimport Form from './base';\nimport {ButtonAttach, NumberInput} from './components';\n\nimport './ImageForm.scss';\n\nconst b = cn('image-form');\n\nconst enum ImageTabId {\n    Attach = 'attach',\n    Link = 'link',\n}\n\nexport type ImageFormSubmitParams = {\n    url: string;\n    name: string;\n    alt: string;\n    width?: number;\n    height?: number;\n};\n\nexport type ImageFormProps = ClassNameProps & {\n    autoFocus?: boolean;\n    onSubmit(params: ImageFormSubmitParams): void;\n    onCancel(): void;\n    onAttach?: (files: File[]) => void;\n    loading?: boolean;\n};\n\nexport const ImageForm: React.FC<ImageFormProps> = ({\n    className,\n    autoFocus,\n    onCancel,\n    onSubmit,\n    onAttach,\n    loading,\n}) => {\n    const [tabId, setTabId] = useState<string>(() =>\n        isFunction(onAttach) ? ImageTabId.Attach : ImageTabId.Link,\n    );\n    const [url, setUrl] = useState('');\n    const [name, setName] = useState('');\n    const [alt, setAlt] = useState('');\n    const [width, setWidth] = useState<number | undefined>();\n    const [height, setHeight] = useState<number | undefined>();\n\n    const shouldRenderTabs = isFunction(onAttach);\n    useLayoutEffect(() => {\n        if (!shouldRenderTabs && tabId === ImageTabId.Attach) {\n            setTabId(ImageTabId.Link);\n        }\n    }, [shouldRenderTabs, tabId]);\n\n    const handleSubmit = () => {\n        const data: ImageFormSubmitParams = {\n            url: url.trim(),\n            name: name.trim(),\n            alt: alt.trim(),\n        };\n        if (typeof width === 'number' && width >= 0) data.width = width;\n        if (typeof height === 'number' && height >= 0) data.height = height;\n        onSubmit(data);\n    };\n    const inputEnterKeyHandler: TextInputProps['onKeyDown'] = enterKeyHandler(handleSubmit);\n\n    return (\n        <Form.Form className={b(null, [className])}>\n            {shouldRenderTabs && (\n                <Tabs\n                    activeTab={tabId}\n                    onSelectTab={setTabId}\n                    items={[\n                        {id: ImageTabId.Attach, title: i18n('common_tab_attach')},\n                        {id: ImageTabId.Link, title: i18n('common_tab_link')},\n                    ]}\n                />\n            )}\n            {tabId === ImageTabId.Attach && onAttach && (\n                <>\n                    <Form.Layout>{i18n('image_upload_help')}</Form.Layout>\n                    <Form.Footer onCancel={onCancel}>\n                        <ButtonAttach\n                            multiple\n                            accept=\"image/*\"\n                            onUpdate={onAttach}\n                            buttonProps={{size: 's', view: 'action', loading}}\n                        >\n                            {i18n('common_action_upload')}\n                        </ButtonAttach>\n                    </Form.Footer>\n                </>\n            )}\n            {tabId === ImageTabId.Link && (\n                <>\n                    <Form.Layout>\n                        <Form.Row\n                            label={i18n('common_link')}\n                            control={\n                                <TextInputFixed\n                                    size=\"s\"\n                                    view=\"normal\"\n                                    value={url}\n                                    onUpdate={setUrl}\n                                    placeholder=\"https://\"\n                                    autoFocus={autoFocus}\n                                    className={b('input', {type: 'link'})}\n                                    onKeyPress={inputEnterKeyHandler}\n                                />\n                            }\n                        />\n                        <Form.Row\n                            label={i18n('image_name')}\n                            control={\n                                <TextInput\n                                    size=\"s\"\n                                    view=\"normal\"\n                                    value={name}\n                                    onUpdate={setName}\n                                    className={b('input', {type: 'name'})}\n                                    onKeyPress={inputEnterKeyHandler}\n                                />\n                            }\n                        />\n                        <Form.Row\n                            label={i18n('image_alt')}\n                            help={i18n('image_alt_help')}\n                            control={\n                                <TextInput\n                                    size=\"s\"\n                                    view=\"normal\"\n                                    value={alt}\n                                    onUpdate={setAlt}\n                                    className={b('input', {type: 'alt'})}\n                                    onKeyPress={inputEnterKeyHandler}\n                                />\n                            }\n                        />\n                        <Form.Row\n                            label={i18n('common_sizes')}\n                            control={\n                                <div className={b('size-controls')}>\n                                    <NumberInput\n                                        min={0}\n                                        size=\"s\"\n                                        view=\"normal\"\n                                        value={width}\n                                        onUpdate={setWidth}\n                                        placeholder={i18n('image_size_width')}\n                                        className={b('input', {type: 'width'})}\n                                        onKeyDown={inputEnterKeyHandler}\n                                    />\n                                    x\n                                    <NumberInput\n                                        min={0}\n                                        size=\"s\"\n                                        view=\"normal\"\n                                        value={height}\n                                        onUpdate={setHeight}\n                                        placeholder={i18n('image_size_height')}\n                                        className={b('input', {type: 'height'})}\n                                        onKeyDown={inputEnterKeyHandler}\n                                    />\n                                </div>\n                            }\n                        />\n                    </Form.Layout>\n                    <Form.Footer onCancel={onCancel} onSubmit={handleSubmit} />\n                </>\n            )}\n        </Form.Form>\n    );\n};\n"]}
+{"version":3,"file":"ImageForm.js","sourceRoot":"../../../src","sources":["forms/ImageForm.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAgD;AAEhD,6CAAiE;AACjE,qDAA8C;AAE9C,+CAAqD;AACrD,kDAAmC;AACnC,yCAAqC;AACrC,mDAAkD;AAElD,8CAA2C;AAC3C,mEAA0B;AAC1B,sDAAuD;AAEvD,2BAA0B;AAE1B,MAAM,CAAC,GAAG,IAAA,cAAE,EAAC,YAAY,CAAC,CAAC;AAE3B,IAAW,UAGV;AAHD,WAAW,UAAU;IACjB,+BAAiB,CAAA;IACjB,2BAAa,CAAA;AACjB,CAAC,EAHU,UAAU,KAAV,UAAU,QAGpB;AAmBM,MAAM,SAAS,GAA6B,CAAC,EAChD,SAAS,EACT,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,UAAU,EAAE,YAAY,GAC3B,EAAE,EAAE;IACD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAS,GAAG,EAAE,CAC5C,IAAA,mBAAU,EAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAC7D,CAAC;IACF,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACnC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,IAAI,EAAE,CAAC,CAAC;IACrD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAsB,CAAC;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,GAAsB,CAAC;IAE3D,MAAM,gBAAgB,GAAG,IAAA,mBAAU,EAAC,QAAQ,CAAC,CAAC;IAC9C,IAAA,uBAAe,EAAC,GAAG,EAAE;QACjB,IAAI,CAAC,gBAAgB,IAAI,KAAK,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;YACnD,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC;IACL,CAAC,EAAE,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAAC;IAE9B,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,MAAM,IAAI,GAA0B;YAChC,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE;YACf,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;YACjB,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE;SAClB,CAAC;QACF,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,IAAI,CAAC;YAAE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QAChE,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,IAAI,CAAC;YAAE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACpE,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IACF,MAAM,oBAAoB,GAAgC,IAAA,0BAAe,EAAC,YAAY,CAAC,CAAC;IAExF,OAAO,CACH,wBAAC,cAAI,CAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC,aACrC,gBAAgB,IAAI,CACjB,uBAAC,aAAI,IACD,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,QAAQ,EACrB,KAAK,EAAE;oBACH,EAAC,EAAE,EAAE,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,IAAA,YAAI,EAAC,mBAAmB,CAAC,EAAC;oBACzD,EAAC,EAAE,EAAE,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,IAAA,YAAI,EAAC,iBAAiB,CAAC,EAAC;iBACxD,GACH,CACL,EACA,KAAK,KAAK,UAAU,CAAC,MAAM,IAAI,QAAQ,IAAI,CACxC,6DACI,uBAAC,cAAI,CAAC,MAAM,cAAE,IAAA,YAAI,EAAC,mBAAmB,CAAC,GAAe,EACtD,uBAAC,cAAI,CAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,YAC3B,uBAAC,yBAAY,IACT,QAAQ,QACR,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,EAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAC,YAEhD,IAAA,YAAI,EAAC,sBAAsB,CAAC,GAClB,GACL,IACf,CACN,EACA,KAAK,KAAK,UAAU,CAAC,IAAI,IAAI,CAC1B,6DACI,wBAAC,cAAI,CAAC,MAAM,eACR,uBAAC,cAAI,CAAC,GAAG,IACL,KAAK,EAAE,IAAA,YAAI,EAAC,aAAa,CAAC,EAC1B,OAAO,EACH,uBAAC,0BAAc,IACX,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAC,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC,EACrC,UAAU,EAAE,oBAAoB,GAClC,GAER,EACF,uBAAC,cAAI,CAAC,GAAG,IACL,KAAK,EAAE,IAAA,YAAI,EAAC,YAAY,CAAC,EACzB,OAAO,EACH,uBAAC,iBAAS,IACN,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC,EACrC,UAAU,EAAE,oBAAoB,GAClC,GAER,EACF,uBAAC,cAAI,CAAC,GAAG,IACL,KAAK,EAAE,IAAA,YAAI,EAAC,WAAW,CAAC,EACxB,IAAI,EAAE,IAAA,YAAI,EAAC,gBAAgB,CAAC,EAC5B,OAAO,EACH,uBAAC,iBAAS,IACN,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,EACpC,UAAU,EAAE,oBAAoB,GAClC,GAER,EACF,uBAAC,cAAI,CAAC,GAAG,IACL,KAAK,EAAE,IAAA,YAAI,EAAC,cAAc,CAAC,EAC3B,OAAO,EACH,iCAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,uBAAC,wBAAW,IACR,GAAG,EAAE,CAAC,EACN,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,IAAA,YAAI,EAAC,kBAAkB,CAAC,EACrC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC,EACtC,SAAS,EAAE,oBAAoB,GACjC,OAEF,uBAAC,wBAAW,IACR,GAAG,EAAE,CAAC,EACN,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,SAAS,EACnB,WAAW,EAAE,IAAA,YAAI,EAAC,mBAAmB,CAAC,EACtC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,EACvC,SAAS,EAAE,oBAAoB,GACjC,IACA,GAEZ,IACQ,EACd,uBAAC,cAAI,CAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,GAAI,IAC5D,CACN,IACO,CACf,CAAC;AACN,CAAC,CAAC;AA/IW,QAAA,SAAS,aA+IpB","sourcesContent":["import {useLayoutEffect, useState} from 'react';\n\nimport {TextInput, type TextInputProps} from '@gravity-ui/uikit';\nimport {Tabs} from '@gravity-ui/uikit/legacy';\n\nimport {type ClassNameProps, cn} from '../classname';\nimport {i18n} from '../i18n/forms';\nimport {isFunction} from '../lodash';\nimport {enterKeyHandler} from '../utils/handlers';\n\nimport {TextInputFixed} from './TextInput';\nimport Form from './base';\nimport {ButtonAttach, NumberInput} from './components';\n\nimport './ImageForm.scss';\n\nconst b = cn('image-form');\n\nconst enum ImageTabId {\n    Attach = 'attach',\n    Link = 'link',\n}\n\nexport type ImageFormSubmitParams = {\n    url: string;\n    name: string;\n    alt: string;\n    width?: number;\n    height?: number;\n};\n\nexport type ImageFormProps = ClassNameProps & {\n    autoFocus?: boolean;\n    onSubmit(params: ImageFormSubmitParams): void;\n    onCancel(): void;\n    onAttach?: (files: File[]) => void;\n    loading?: boolean;\n    imageTitle?: string;\n};\n\nexport const ImageForm: React.FC<ImageFormProps> = ({\n    className,\n    autoFocus,\n    onCancel,\n    onSubmit,\n    onAttach,\n    loading,\n    imageTitle: providedName,\n}) => {\n    const [tabId, setTabId] = useState<string>(() =>\n        isFunction(onAttach) ? ImageTabId.Attach : ImageTabId.Link,\n    );\n    const [url, setUrl] = useState('');\n    const [name, setName] = useState(providedName ?? '');\n    const [alt, setAlt] = useState('');\n    const [width, setWidth] = useState<number | undefined>();\n    const [height, setHeight] = useState<number | undefined>();\n\n    const shouldRenderTabs = isFunction(onAttach);\n    useLayoutEffect(() => {\n        if (!shouldRenderTabs && tabId === ImageTabId.Attach) {\n            setTabId(ImageTabId.Link);\n        }\n    }, [shouldRenderTabs, tabId]);\n\n    const handleSubmit = () => {\n        const data: ImageFormSubmitParams = {\n            url: url.trim(),\n            name: name.trim(),\n            alt: alt.trim(),\n        };\n        if (typeof width === 'number' && width >= 0) data.width = width;\n        if (typeof height === 'number' && height >= 0) data.height = height;\n        onSubmit(data);\n    };\n    const inputEnterKeyHandler: TextInputProps['onKeyDown'] = enterKeyHandler(handleSubmit);\n\n    return (\n        <Form.Form className={b(null, [className])}>\n            {shouldRenderTabs && (\n                <Tabs\n                    activeTab={tabId}\n                    onSelectTab={setTabId}\n                    items={[\n                        {id: ImageTabId.Attach, title: i18n('common_tab_attach')},\n                        {id: ImageTabId.Link, title: i18n('common_tab_link')},\n                    ]}\n                />\n            )}\n            {tabId === ImageTabId.Attach && onAttach && (\n                <>\n                    <Form.Layout>{i18n('image_upload_help')}</Form.Layout>\n                    <Form.Footer onCancel={onCancel}>\n                        <ButtonAttach\n                            multiple\n                            accept=\"image/*\"\n                            onUpdate={onAttach}\n                            buttonProps={{size: 's', view: 'action', loading}}\n                        >\n                            {i18n('common_action_upload')}\n                        </ButtonAttach>\n                    </Form.Footer>\n                </>\n            )}\n            {tabId === ImageTabId.Link && (\n                <>\n                    <Form.Layout>\n                        <Form.Row\n                            label={i18n('common_link')}\n                            control={\n                                <TextInputFixed\n                                    size=\"s\"\n                                    view=\"normal\"\n                                    value={url}\n                                    onUpdate={setUrl}\n                                    placeholder=\"https://\"\n                                    autoFocus={autoFocus}\n                                    className={b('input', {type: 'link'})}\n                                    onKeyPress={inputEnterKeyHandler}\n                                />\n                            }\n                        />\n                        <Form.Row\n                            label={i18n('image_name')}\n                            control={\n                                <TextInput\n                                    size=\"s\"\n                                    view=\"normal\"\n                                    value={name}\n                                    onUpdate={setName}\n                                    className={b('input', {type: 'name'})}\n                                    onKeyPress={inputEnterKeyHandler}\n                                />\n                            }\n                        />\n                        <Form.Row\n                            label={i18n('image_alt')}\n                            help={i18n('image_alt_help')}\n                            control={\n                                <TextInput\n                                    size=\"s\"\n                                    view=\"normal\"\n                                    value={alt}\n                                    onUpdate={setAlt}\n                                    className={b('input', {type: 'alt'})}\n                                    onKeyPress={inputEnterKeyHandler}\n                                />\n                            }\n                        />\n                        <Form.Row\n                            label={i18n('common_sizes')}\n                            control={\n                                <div className={b('size-controls')}>\n                                    <NumberInput\n                                        min={0}\n                                        size=\"s\"\n                                        view=\"normal\"\n                                        value={width}\n                                        onUpdate={setWidth}\n                                        placeholder={i18n('image_size_width')}\n                                        className={b('input', {type: 'width'})}\n                                        onKeyDown={inputEnterKeyHandler}\n                                    />\n                                    x\n                                    <NumberInput\n                                        min={0}\n                                        size=\"s\"\n                                        view=\"normal\"\n                                        value={height}\n                                        onUpdate={setHeight}\n                                        placeholder={i18n('image_size_height')}\n                                        className={b('input', {type: 'height'})}\n                                        onKeyDown={inputEnterKeyHandler}\n                                    />\n                                </div>\n                            }\n                        />\n                    </Form.Layout>\n                    <Form.Footer onCancel={onCancel} onSubmit={handleSubmit} />\n                </>\n            )}\n        </Form.Form>\n    );\n};\n"]}

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

@@ -21,6 +21,7 @@ const react_facet_1 = require("./react-facet.js");
 const plugin_1 = require("./search-plugin/plugin.js");
 const smart_reindent_1 = require("./smart-reindent/index.js");
 const yfm_1 = require("./yfm.js");
+const linkRegex = /\[[\s\S]*?]\([\s\S]*?\)/g;
 function createCodemirror(params) {
     const { logger, doc, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, disabledExtensions = {}, keymaps = [], receiver, yfmLangOptions, extensions: extraExtensions, placeholder: placeholderContent, autocompletion: autocompletionConfig, parseHtmlOnPaste, parseInsertedUrlAsImage, directiveSyntax, preserveEmptyRows, } = params;
     const extensions = [gravity_1.gravityTheme, (0, view_1.placeholder)(placeholderContent)];
@@ -122,17 +123,21 @@ function createCodemirror(params) {
                 }
             }
             if (parseInsertedUrlAsImage) {
-                const { imageUrl, title } = parseInsertedUrlAsImage(event.clipboardData.getData(clipboard_1.DataTransferType.Text) ?? '') || {};
-                if (imageUrl) {
-                    event.preventDefault();
-                    logger.event({ event: 'paste-url-as-image' });
-                    (0, commands_2.insertImages)([
-                        {
-                            url: imageUrl,
-                            alt: title,
-                            title,
-                        },
-                    ])(editor);
+                const linkMatches = currentLine.matchAll(linkRegex);
+                const isInsertedInsideLink = linkMatches.some((item) => from >= item.index && from <= item.index + (item[0]?.length ?? 0));
+                if (!isInsertedInsideLink) {
+                    const { imageUrl, title } = parseInsertedUrlAsImage(event.clipboardData.getData(clipboard_1.DataTransferType.Text) ?? '') || {};
+                    if (imageUrl) {
+                        event.preventDefault();
+                        logger.event({ event: 'paste-url-as-image' });
+                        (0, commands_2.insertImages)([
+                            {
+                                url: imageUrl,
+                                alt: title,
+                                title,
+                            },
+                        ])(editor);
+                    }
                 }
             }
             // Reindenting pasted plain text

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

@@ -1 +1 @@
-{"version":3,"file":"create.js","sourceRoot":"../../../../src","sources":["markup/codemirror/create.ts"],"names":[],"mappings":"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","sourcesContent":["import {autocompletion} from '@codemirror/autocomplete';\nimport {\n    defaultKeymap,\n    history,\n    historyKeymap,\n    indentWithTab,\n    insertNewlineKeepIndent,\n    insertTab,\n} from '@codemirror/commands';\nimport {syntaxHighlighting} from '@codemirror/language';\nimport type {Extension, StateCommand} from '@codemirror/state';\nimport {\n    EditorView,\n    type EditorViewConfig,\n    type KeyBinding,\n    keymap,\n    placeholder,\n} from '@codemirror/view';\n\nimport type {ParseInsertedUrlAsImage} from '../../bundle';\nimport type {EventMap} from '../../bundle/Editor';\nimport {ActionName} from '../../bundle/config/action-names';\nimport type {ReactRenderStorage} from '../../extensions';\nimport {type Logger2, globalLogger} from '../../logger';\nimport {Action as A, formatter as f} from '../../shortcuts';\nimport type {Receiver} from '../../utils';\nimport {DataTransferType, shouldSkipHtmlConversion} from '../../utils/clipboard';\nimport type {DirectiveSyntaxContext} from '../../utils/directive';\nimport {\n    insertEmptyRow,\n    insertImages,\n    insertLink,\n    toH1,\n    toH2,\n    toH3,\n    toH4,\n    toH5,\n    toH6,\n    toggleBold,\n    toggleItalic,\n    toggleStrikethrough,\n    toggleUnderline,\n    wrapToCodeBlock,\n    wrapToInlineCode,\n    wrapToYfmCut,\n    wrapToYfmNote,\n} from '../commands';\n\nimport {DirectiveSyntaxFacet} from './directive-facet';\nimport {type FileUploadHandler, FileUploadHandlerFacet} from './files-upload-facet';\nimport {gravityHighlightStyle, gravityTheme} from './gravity';\nimport {MarkdownConverter} from './html-to-markdown/converters';\nimport {LoggerFacet} from './logger-facet';\nimport {PairingCharactersExtension} from './pairing-chars';\nimport {ReactRendererFacet} from './react-facet';\nimport {SearchPanelPlugin} from './search-plugin/plugin';\nimport {smartReindent} from './smart-reindent';\nimport {type YfmLangOptions, yfmLang} from './yfm';\n\nexport type {YfmLangOptions};\n\ntype Autocompletion = Parameters<typeof autocompletion>[0];\n\nexport type CreateCodemirrorParams = {\n    doc: EditorViewConfig['doc'];\n    placeholder: Parameters<typeof placeholder>[0];\n    logger: Logger2.ILogger;\n    onCancel: () => void;\n    onSubmit: () => void;\n    onChange: () => void;\n    onDocChange: () => void;\n    onScroll: (event: Event) => void;\n    reactRenderer: ReactRenderStorage;\n    uploadHandler?: FileUploadHandler;\n    parseHtmlOnPaste?: boolean;\n    parseInsertedUrlAsImage?: ParseInsertedUrlAsImage;\n    needImageDimensions?: boolean;\n    enableNewImageSizeCalculation?: boolean;\n    extensions?: Extension[];\n    disabledExtensions?: {\n        history?: boolean;\n    };\n    keymaps?: readonly KeyBinding[];\n    receiver?: Receiver<EventMap>;\n    yfmLangOptions?: YfmLangOptions;\n    autocompletion?: Autocompletion;\n    directiveSyntax: DirectiveSyntaxContext;\n    preserveEmptyRows: boolean;\n};\n\nexport function createCodemirror(params: CreateCodemirrorParams) {\n    const {\n        logger,\n        doc,\n        reactRenderer,\n        onCancel,\n        onScroll,\n        onSubmit,\n        onChange,\n        onDocChange,\n        disabledExtensions = {},\n        keymaps = [],\n        receiver,\n        yfmLangOptions,\n        extensions: extraExtensions,\n        placeholder: placeholderContent,\n        autocompletion: autocompletionConfig,\n        parseHtmlOnPaste,\n        parseInsertedUrlAsImage,\n        directiveSyntax,\n        preserveEmptyRows,\n    } = params;\n\n    const extensions: Extension[] = [gravityTheme, placeholder(placeholderContent)];\n\n    if (!disabledExtensions.history) {\n        extensions.push(history());\n    }\n\n    extensions.push(\n        syntaxHighlighting(gravityHighlightStyle),\n        LoggerFacet.of(logger),\n        keymap.of([\n            {key: f.toCM(A.Bold)!, run: withLogger(ActionName.bold, toggleBold)},\n            {key: f.toCM(A.Italic)!, run: withLogger(ActionName.italic, toggleItalic)},\n            {key: f.toCM(A.Strike)!, run: withLogger(ActionName.strike, toggleStrikethrough)},\n            {key: f.toCM(A.Underline)!, run: withLogger(ActionName.underline, toggleUnderline)},\n            {key: f.toCM(A.Link)!, run: withLogger(ActionName.link, insertLink)},\n            {key: f.toCM(A.Heading1)!, run: withLogger(ActionName.heading1, toH1)},\n            {key: f.toCM(A.Heading2)!, run: withLogger(ActionName.heading2, toH2)},\n            {key: f.toCM(A.Heading3)!, run: withLogger(ActionName.heading3, toH3)},\n            {key: f.toCM(A.Heading4)!, run: withLogger(ActionName.heading4, toH4)},\n            {key: f.toCM(A.Heading5)!, run: withLogger(ActionName.heading5, toH5)},\n            {key: f.toCM(A.Heading6)!, run: withLogger(ActionName.heading6, toH6)},\n            {key: f.toCM(A.Code)!, run: withLogger(ActionName.code_inline, wrapToInlineCode)},\n            {key: f.toCM(A.CodeBlock)!, run: withLogger(ActionName.code_block, wrapToCodeBlock)},\n            {key: f.toCM(A.Cut)!, run: withLogger(ActionName.yfm_cut, wrapToYfmCut)},\n            {key: f.toCM(A.Note)!, run: withLogger(ActionName.yfm_note, wrapToYfmNote)},\n            {\n                key: f.toCM(A.Cancel)!,\n                preventDefault: true,\n                run: () => {\n                    onCancel();\n                    return true;\n                },\n            },\n            {\n                key: f.toCM(A.Submit)!,\n                preventDefault: true,\n                run: () => {\n                    onSubmit();\n                    return true;\n                },\n            },\n            {key: 'Tab', preventDefault: true, run: insertTab},\n            {\n                key: 'Enter',\n                shift: insertNewlineKeepIndent,\n            },\n            indentWithTab,\n            ...defaultKeymap,\n            ...(disabledExtensions.history ? [] : historyKeymap),\n            ...keymaps,\n        ]),\n        autocompletion(autocompletionConfig),\n        yfmLang(yfmLangOptions),\n        ReactRendererFacet.of(reactRenderer),\n        DirectiveSyntaxFacet.of(directiveSyntax),\n        PairingCharactersExtension,\n        EditorView.lineWrapping,\n        EditorView.contentAttributes.of({spellcheck: 'true'}),\n        EditorView.domEventHandlers({\n            scroll(event) {\n                onScroll(event);\n            },\n            paste(event, editor) {\n                if (!event.clipboardData) return;\n\n                const pasteLogger = logger.nested({\n                    domEvent: 'paste',\n                    dataTypes: event.clipboardData.types,\n                });\n\n                const {from} = editor.state.selection.main;\n                const line = editor.state.doc.lineAt(from);\n                const currentLine = line.text;\n\n                // if clipboard contains YFM content - avoid any meddling with pasted content\n                // since text/yfm will contain valid markdown\n                const yfmContent = event.clipboardData.getData(DataTransferType.Yfm);\n                if (yfmContent) {\n                    event.preventDefault();\n                    logger.event({event: 'paste-markup'});\n                    const reindentedYfmContent = smartReindent(yfmContent, currentLine);\n                    editor.dispatch(editor.state.replaceSelection(reindentedYfmContent));\n                    return;\n                }\n\n                // checking if a copy buffer content is suitable for convertion\n                const shouldSkipHtml = shouldSkipHtmlConversion(event.clipboardData);\n\n                // if we have text/html inside copy/paste buffer\n                const htmlContent = event.clipboardData.getData(DataTransferType.Html);\n                // if we pasting markdown from VsCode we need skip html transformation\n                if (htmlContent && parseHtmlOnPaste && !shouldSkipHtml) {\n                    let parsedMarkdownMarkup: string | undefined;\n                    try {\n                        const parser = new DOMParser();\n                        const htmlDoc = parser.parseFromString(htmlContent, 'text/html');\n\n                        const converter = new MarkdownConverter();\n                        parsedMarkdownMarkup = converter.processNode(htmlDoc.body).trim();\n                    } catch (e) {\n                        // The code is pretty new and there might be random issues we haven't caught yet,\n                        // especially with invalid HTML or weird DOM parsing errors.\n                        // If something goes wrong, I just want to fall back to the \"default pasting\"\n                        // rather than break the entire experience for the user.\n                        pasteLogger.error(e, {event: 'parse-html-to-md'});\n                        globalLogger.error(e);\n                    }\n\n                    if (parsedMarkdownMarkup !== undefined) {\n                        event.preventDefault();\n                        logger.event({event: 'paste-parsed-html'});\n                        const reindentedHtmlContent = smartReindent(\n                            parsedMarkdownMarkup,\n                            currentLine,\n                        );\n                        editor.dispatch(editor.state.replaceSelection(reindentedHtmlContent));\n                        return;\n                    }\n                }\n\n                if (parseInsertedUrlAsImage) {\n                    const {imageUrl, title} =\n                        parseInsertedUrlAsImage(\n                            event.clipboardData.getData(DataTransferType.Text) ?? '',\n                        ) || {};\n\n                    if (imageUrl) {\n                        event.preventDefault();\n                        logger.event({event: 'paste-url-as-image'});\n                        insertImages([\n                            {\n                                url: imageUrl,\n                                alt: title,\n                                title,\n                            },\n                        ])(editor);\n                    }\n                }\n\n                // Reindenting pasted plain text\n                const pastedText = event.clipboardData.getData(DataTransferType.Text);\n                const reindentedText = smartReindent(pastedText, currentLine);\n                // but only if there is a need for reindentation\n                if (pastedText !== reindentedText) {\n                    editor.dispatch(editor.state.replaceSelection(reindentedText));\n                    event.preventDefault();\n                }\n            },\n        }),\n        SearchPanelPlugin({\n            anchorSelector: '.g-md-search-anchor',\n            receiver,\n        }),\n    );\n\n    if (preserveEmptyRows) {\n        extensions.push(\n            keymap.of([\n                {key: f.toCM(A.EmptyRow)!, run: withLogger(ActionName.emptyRow, insertEmptyRow)},\n            ]),\n        );\n    }\n\n    if (params.uploadHandler) {\n        extensions.push(\n            FileUploadHandlerFacet.of({\n                fn: params.uploadHandler,\n                imageWithDimensions: params.needImageDimensions,\n                enableNewImageSizeCalculation: params.enableNewImageSizeCalculation,\n            }),\n        );\n    }\n\n    if (extraExtensions) {\n        extensions.push(...extraExtensions);\n    }\n\n    return new EditorView({\n        doc,\n        extensions,\n        dispatchTransactions: (trs, view) => {\n            view.update(trs);\n            onChange();\n            if (trs.some((tr) => tr.docChanged)) {\n                onDocChange();\n            }\n        },\n    });\n}\n\nexport function withLogger(action: string, command: StateCommand): StateCommand {\n    return (...args) => {\n        const {state} = args[0];\n        state.facet(LoggerFacet).action({source: 'keymap', action});\n        globalLogger.action({mode: 'markup', source: 'keymap', action});\n        return command(...args);\n    };\n}\n"]}
+{"version":3,"file":"create.js","sourceRoot":"../../../../src","sources":["markup/codemirror/create.ts"],"names":[],"mappings":";;AA4FA,4CAyNC;AAED,gCAOC;AA9TD,2DAAwD;AACxD,mDAO8B;AAC9B,mDAAwD;AAExD,2CAM0B;AAI1B,sEAA4D;AAE5D,4CAAwD;AACxD,wDAA4D;AAE5D,wDAAiF;AAEjF,mDAkBqB;AAErB,0DAAuD;AACvD,gEAAoF;AACpF,0CAA8D;AAC9D,iEAAgE;AAChE,oDAA2C;AAC3C,sDAA2D;AAC3D,kDAAiD;AACjD,sDAAyD;AACzD,8DAA+C;AAC/C,kCAAmD;AAMnD,MAAM,SAAS,GAAG,0BAA0B,CAAC;AA6B7C,SAAgB,gBAAgB,CAAC,MAA8B;IAC3D,MAAM,EACF,MAAM,EACN,GAAG,EACH,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,kBAAkB,GAAG,EAAE,EACvB,OAAO,GAAG,EAAE,EACZ,QAAQ,EACR,cAAc,EACd,UAAU,EAAE,eAAe,EAC3B,WAAW,EAAE,kBAAkB,EAC/B,cAAc,EAAE,oBAAoB,EACpC,gBAAgB,EAChB,uBAAuB,EACvB,eAAe,EACf,iBAAiB,GACpB,GAAG,MAAM,CAAC;IAEX,MAAM,UAAU,GAAgB,CAAC,sBAAY,EAAE,IAAA,kBAAW,EAAC,kBAAkB,CAAC,CAAC,CAAC;IAEhF,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,CAAC;QAC9B,UAAU,CAAC,IAAI,CAAC,IAAA,kBAAO,GAAE,CAAC,CAAC;IAC/B,CAAC;IAED,UAAU,CAAC,IAAI,CACX,IAAA,6BAAkB,EAAC,+BAAqB,CAAC,EACzC,0BAAW,CAAC,EAAE,CAAC,MAAM,CAAC,EACtB,aAAM,CAAC,EAAE,CAAC;QACN,EAAC,GAAG,EAAE,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,IAAI,CAAE,EAAE,GAAG,EAAE,UAAU,CAAC,yBAAU,CAAC,IAAI,EAAE,qBAAU,CAAC,EAAC;QACpE,EAAC,GAAG,EAAE,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,MAAM,CAAE,EAAE,GAAG,EAAE,UAAU,CAAC,yBAAU,CAAC,MAAM,EAAE,uBAAY,CAAC,EAAC;QAC1E,EAAC,GAAG,EAAE,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,MAAM,CAAE,EAAE,GAAG,EAAE,UAAU,CAAC,yBAAU,CAAC,MAAM,EAAE,8BAAmB,CAAC,EAAC;QACjF,EAAC,GAAG,EAAE,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,SAAS,CAAE,EAAE,GAAG,EAAE,UAAU,CAAC,yBAAU,CAAC,SAAS,EAAE,0BAAe,CAAC,EAAC;QACnF,EAAC,GAAG,EAAE,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,IAAI,CAAE,EAAE,GAAG,EAAE,UAAU,CAAC,yBAAU,CAAC,IAAI,EAAE,qBAAU,CAAC,EAAC;QACpE,EAAC,GAAG,EAAE,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,QAAQ,CAAE,EAAE,GAAG,EAAE,UAAU,CAAC,yBAAU,CAAC,QAAQ,EAAE,eAAI,CAAC,EAAC;QACtE,EAAC,GAAG,EAAE,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,QAAQ,CAAE,EAAE,GAAG,EAAE,UAAU,CAAC,yBAAU,CAAC,QAAQ,EAAE,eAAI,CAAC,EAAC;QACtE,EAAC,GAAG,EAAE,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,QAAQ,CAAE,EAAE,GAAG,EAAE,UAAU,CAAC,yBAAU,CAAC,QAAQ,EAAE,eAAI,CAAC,EAAC;QACtE,EAAC,GAAG,EAAE,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,QAAQ,CAAE,EAAE,GAAG,EAAE,UAAU,CAAC,yBAAU,CAAC,QAAQ,EAAE,eAAI,CAAC,EAAC;QACtE,EAAC,GAAG,EAAE,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,QAAQ,CAAE,EAAE,GAAG,EAAE,UAAU,CAAC,yBAAU,CAAC,QAAQ,EAAE,eAAI,CAAC,EAAC;QACtE,EAAC,GAAG,EAAE,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,QAAQ,CAAE,EAAE,GAAG,EAAE,UAAU,CAAC,yBAAU,CAAC,QAAQ,EAAE,eAAI,CAAC,EAAC;QACtE,EAAC,GAAG,EAAE,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,IAAI,CAAE,EAAE,GAAG,EAAE,UAAU,CAAC,yBAAU,CAAC,WAAW,EAAE,2BAAgB,CAAC,EAAC;QACjF,EAAC,GAAG,EAAE,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,SAAS,CAAE,EAAE,GAAG,EAAE,UAAU,CAAC,yBAAU,CAAC,UAAU,EAAE,0BAAe,CAAC,EAAC;QACpF,EAAC,GAAG,EAAE,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,GAAG,CAAE,EAAE,GAAG,EAAE,UAAU,CAAC,yBAAU,CAAC,OAAO,EAAE,uBAAY,CAAC,EAAC;QACxE,EAAC,GAAG,EAAE,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,IAAI,CAAE,EAAE,GAAG,EAAE,UAAU,CAAC,yBAAU,CAAC,QAAQ,EAAE,wBAAa,CAAC,EAAC;QAC3E;YACI,GAAG,EAAE,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,MAAM,CAAE;YACtB,cAAc,EAAE,IAAI;YACpB,GAAG,EAAE,GAAG,EAAE;gBACN,QAAQ,EAAE,CAAC;gBACX,OAAO,IAAI,CAAC;YAChB,CAAC;SACJ;QACD;YACI,GAAG,EAAE,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,MAAM,CAAE;YACtB,cAAc,EAAE,IAAI;YACpB,GAAG,EAAE,GAAG,EAAE;gBACN,QAAQ,EAAE,CAAC;gBACX,OAAO,IAAI,CAAC;YAChB,CAAC;SACJ;QACD,EAAC,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,GAAG,EAAE,oBAAS,EAAC;QAClD;YACI,GAAG,EAAE,OAAO;YACZ,KAAK,EAAE,kCAAuB;SACjC;QACD,wBAAa;QACb,GAAG,wBAAa;QAChB,GAAG,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,wBAAa,CAAC;QACpD,GAAG,OAAO;KACb,CAAC,EACF,IAAA,6BAAc,EAAC,oBAAoB,CAAC,EACpC,IAAA,aAAO,EAAC,cAAc,CAAC,EACvB,gCAAkB,CAAC,EAAE,CAAC,aAAa,CAAC,EACpC,sCAAoB,CAAC,EAAE,CAAC,eAAe,CAAC,EACxC,0CAA0B,EAC1B,iBAAU,CAAC,YAAY,EACvB,iBAAU,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAC,UAAU,EAAE,MAAM,EAAC,CAAC,EACrD,iBAAU,CAAC,gBAAgB,CAAC;QACxB,MAAM,CAAC,KAAK;YACR,QAAQ,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;QACD,KAAK,CAAC,KAAK,EAAE,MAAM;YACf,IAAI,CAAC,KAAK,CAAC,aAAa;gBAAE,OAAO;YAEjC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC;gBAC9B,QAAQ,EAAE,OAAO;gBACjB,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK;aACvC,CAAC,CAAC;YAEH,MAAM,EAAC,IAAI,EAAC,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;YAC3C,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC;YAE9B,6EAA6E;YAC7E,6CAA6C;YAC7C,MAAM,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,4BAAgB,CAAC,GAAG,CAAC,CAAC;YACrE,IAAI,UAAU,EAAE,CAAC;gBACb,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM,CAAC,KAAK,CAAC,EAAC,KAAK,EAAE,cAAc,EAAC,CAAC,CAAC;gBACtC,MAAM,oBAAoB,GAAG,IAAA,8BAAa,EAAC,UAAU,EAAE,WAAW,CAAC,CAAC;gBACpE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC;gBACrE,OAAO;YACX,CAAC;YAED,+DAA+D;YAC/D,MAAM,cAAc,GAAG,IAAA,oCAAwB,EAAC,KAAK,CAAC,aAAa,CAAC,CAAC;YAErE,gDAAgD;YAChD,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,4BAAgB,CAAC,IAAI,CAAC,CAAC;YACvE,sEAAsE;YACtE,IAAI,WAAW,IAAI,gBAAgB,IAAI,CAAC,cAAc,EAAE,CAAC;gBACrD,IAAI,oBAAwC,CAAC;gBAC7C,IAAI,CAAC;oBACD,MAAM,MAAM,GAAG,IAAI,SAAS,EAAE,CAAC;oBAC/B,MAAM,OAAO,GAAG,MAAM,CAAC,eAAe,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;oBAEjE,MAAM,SAAS,GAAG,IAAI,8BAAiB,EAAE,CAAC;oBAC1C,oBAAoB,GAAG,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;gBACtE,CAAC;gBAAC,OAAO,CAAC,EAAE,CAAC;oBACT,iFAAiF;oBACjF,4DAA4D;oBAC5D,6EAA6E;oBAC7E,wDAAwD;oBACxD,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,EAAC,KAAK,EAAE,kBAAkB,EAAC,CAAC,CAAC;oBAClD,qBAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBAC1B,CAAC;gBAED,IAAI,oBAAoB,KAAK,SAAS,EAAE,CAAC;oBACrC,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,MAAM,CAAC,KAAK,CAAC,EAAC,KAAK,EAAE,mBAAmB,EAAC,CAAC,CAAC;oBAC3C,MAAM,qBAAqB,GAAG,IAAA,8BAAa,EACvC,oBAAoB,EACpB,WAAW,CACd,CAAC;oBACF,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC,CAAC;oBACtE,OAAO;gBACX,CAAC;YACL,CAAC;YAED,IAAI,uBAAuB,EAAE,CAAC;gBAC1B,MAAM,WAAW,GAAG,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;gBACpD,MAAM,oBAAoB,GAAG,WAAW,CAAC,IAAI,CACzC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,IAAI,CAAC,CAAC,CAC9E,CAAC;gBACF,IAAI,CAAC,oBAAoB,EAAE,CAAC;oBACxB,MAAM,EAAC,QAAQ,EAAE,KAAK,EAAC,GACnB,uBAAuB,CACnB,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,4BAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,CAC3D,IAAI,EAAE,CAAC;oBAEZ,IAAI,QAAQ,EAAE,CAAC;wBACX,KAAK,CAAC,cAAc,EAAE,CAAC;wBACvB,MAAM,CAAC,KAAK,CAAC,EAAC,KAAK,EAAE,oBAAoB,EAAC,CAAC,CAAC;wBAC5C,IAAA,uBAAY,EAAC;4BACT;gCACI,GAAG,EAAE,QAAQ;gCACb,GAAG,EAAE,KAAK;gCACV,KAAK;6BACR;yBACJ,CAAC,CAAC,MAAM,CAAC,CAAC;oBACf,CAAC;gBACL,CAAC;YACL,CAAC;YAED,gCAAgC;YAChC,MAAM,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,4BAAgB,CAAC,IAAI,CAAC,CAAC;YACtE,MAAM,cAAc,GAAG,IAAA,8BAAa,EAAC,UAAU,EAAE,WAAW,CAAC,CAAC;YAC9D,gDAAgD;YAChD,IAAI,UAAU,KAAK,cAAc,EAAE,CAAC;gBAChC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAC;gBAC/D,KAAK,CAAC,cAAc,EAAE,CAAC;YAC3B,CAAC;QACL,CAAC;KACJ,CAAC,EACF,IAAA,0BAAiB,EAAC;QACd,cAAc,EAAE,qBAAqB;QACrC,QAAQ;KACX,CAAC,CACL,CAAC;IAEF,IAAI,iBAAiB,EAAE,CAAC;QACpB,UAAU,CAAC,IAAI,CACX,aAAM,CAAC,EAAE,CAAC;YACN,EAAC,GAAG,EAAE,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,QAAQ,CAAE,EAAE,GAAG,EAAE,UAAU,CAAC,yBAAU,CAAC,QAAQ,EAAE,yBAAc,CAAC,EAAC;SACnF,CAAC,CACL,CAAC;IACN,CAAC;IAED,IAAI,MAAM,CAAC,aAAa,EAAE,CAAC;QACvB,UAAU,CAAC,IAAI,CACX,2CAAsB,CAAC,EAAE,CAAC;YACtB,EAAE,EAAE,MAAM,CAAC,aAAa;YACxB,mBAAmB,EAAE,MAAM,CAAC,mBAAmB;YAC/C,6BAA6B,EAAE,MAAM,CAAC,6BAA6B;SACtE,CAAC,CACL,CAAC;IACN,CAAC;IAED,IAAI,eAAe,EAAE,CAAC;QAClB,UAAU,CAAC,IAAI,CAAC,GAAG,eAAe,CAAC,CAAC;IACxC,CAAC;IAED,OAAO,IAAI,iBAAU,CAAC;QAClB,GAAG;QACH,UAAU;QACV,oBAAoB,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;YAChC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACjB,QAAQ,EAAE,CAAC;YACX,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC;gBAClC,WAAW,EAAE,CAAC;YAClB,CAAC;QACL,CAAC;KACJ,CAAC,CAAC;AACP,CAAC;AAED,SAAgB,UAAU,CAAC,MAAc,EAAE,OAAqB;IAC5D,OAAO,CAAC,GAAG,IAAI,EAAE,EAAE;QACf,MAAM,EAAC,KAAK,EAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QACxB,KAAK,CAAC,KAAK,CAAC,0BAAW,CAAC,CAAC,MAAM,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAC,CAAC,CAAC;QAC5D,qBAAY,CAAC,MAAM,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAC,CAAC,CAAC;QAChE,OAAO,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;IAC5B,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {autocompletion} from '@codemirror/autocomplete';\nimport {\n    defaultKeymap,\n    history,\n    historyKeymap,\n    indentWithTab,\n    insertNewlineKeepIndent,\n    insertTab,\n} from '@codemirror/commands';\nimport {syntaxHighlighting} from '@codemirror/language';\nimport type {Extension, StateCommand} from '@codemirror/state';\nimport {\n    EditorView,\n    type EditorViewConfig,\n    type KeyBinding,\n    keymap,\n    placeholder,\n} from '@codemirror/view';\n\nimport type {ParseInsertedUrlAsImage} from '../../bundle';\nimport type {EventMap} from '../../bundle/Editor';\nimport {ActionName} from '../../bundle/config/action-names';\nimport type {ReactRenderStorage} from '../../extensions';\nimport {type Logger2, globalLogger} from '../../logger';\nimport {Action as A, formatter as f} from '../../shortcuts';\nimport type {Receiver} from '../../utils';\nimport {DataTransferType, shouldSkipHtmlConversion} from '../../utils/clipboard';\nimport type {DirectiveSyntaxContext} from '../../utils/directive';\nimport {\n    insertEmptyRow,\n    insertImages,\n    insertLink,\n    toH1,\n    toH2,\n    toH3,\n    toH4,\n    toH5,\n    toH6,\n    toggleBold,\n    toggleItalic,\n    toggleStrikethrough,\n    toggleUnderline,\n    wrapToCodeBlock,\n    wrapToInlineCode,\n    wrapToYfmCut,\n    wrapToYfmNote,\n} from '../commands';\n\nimport {DirectiveSyntaxFacet} from './directive-facet';\nimport {type FileUploadHandler, FileUploadHandlerFacet} from './files-upload-facet';\nimport {gravityHighlightStyle, gravityTheme} from './gravity';\nimport {MarkdownConverter} from './html-to-markdown/converters';\nimport {LoggerFacet} from './logger-facet';\nimport {PairingCharactersExtension} from './pairing-chars';\nimport {ReactRendererFacet} from './react-facet';\nimport {SearchPanelPlugin} from './search-plugin/plugin';\nimport {smartReindent} from './smart-reindent';\nimport {type YfmLangOptions, yfmLang} from './yfm';\n\nexport type {YfmLangOptions};\n\ntype Autocompletion = Parameters<typeof autocompletion>[0];\n\nconst linkRegex = /\\[[\\s\\S]*?]\\([\\s\\S]*?\\)/g;\n\nexport type CreateCodemirrorParams = {\n    doc: EditorViewConfig['doc'];\n    placeholder: Parameters<typeof placeholder>[0];\n    logger: Logger2.ILogger;\n    onCancel: () => void;\n    onSubmit: () => void;\n    onChange: () => void;\n    onDocChange: () => void;\n    onScroll: (event: Event) => void;\n    reactRenderer: ReactRenderStorage;\n    uploadHandler?: FileUploadHandler;\n    parseHtmlOnPaste?: boolean;\n    parseInsertedUrlAsImage?: ParseInsertedUrlAsImage;\n    needImageDimensions?: boolean;\n    enableNewImageSizeCalculation?: boolean;\n    extensions?: Extension[];\n    disabledExtensions?: {\n        history?: boolean;\n    };\n    keymaps?: readonly KeyBinding[];\n    receiver?: Receiver<EventMap>;\n    yfmLangOptions?: YfmLangOptions;\n    autocompletion?: Autocompletion;\n    directiveSyntax: DirectiveSyntaxContext;\n    preserveEmptyRows: boolean;\n};\n\nexport function createCodemirror(params: CreateCodemirrorParams) {\n    const {\n        logger,\n        doc,\n        reactRenderer,\n        onCancel,\n        onScroll,\n        onSubmit,\n        onChange,\n        onDocChange,\n        disabledExtensions = {},\n        keymaps = [],\n        receiver,\n        yfmLangOptions,\n        extensions: extraExtensions,\n        placeholder: placeholderContent,\n        autocompletion: autocompletionConfig,\n        parseHtmlOnPaste,\n        parseInsertedUrlAsImage,\n        directiveSyntax,\n        preserveEmptyRows,\n    } = params;\n\n    const extensions: Extension[] = [gravityTheme, placeholder(placeholderContent)];\n\n    if (!disabledExtensions.history) {\n        extensions.push(history());\n    }\n\n    extensions.push(\n        syntaxHighlighting(gravityHighlightStyle),\n        LoggerFacet.of(logger),\n        keymap.of([\n            {key: f.toCM(A.Bold)!, run: withLogger(ActionName.bold, toggleBold)},\n            {key: f.toCM(A.Italic)!, run: withLogger(ActionName.italic, toggleItalic)},\n            {key: f.toCM(A.Strike)!, run: withLogger(ActionName.strike, toggleStrikethrough)},\n            {key: f.toCM(A.Underline)!, run: withLogger(ActionName.underline, toggleUnderline)},\n            {key: f.toCM(A.Link)!, run: withLogger(ActionName.link, insertLink)},\n            {key: f.toCM(A.Heading1)!, run: withLogger(ActionName.heading1, toH1)},\n            {key: f.toCM(A.Heading2)!, run: withLogger(ActionName.heading2, toH2)},\n            {key: f.toCM(A.Heading3)!, run: withLogger(ActionName.heading3, toH3)},\n            {key: f.toCM(A.Heading4)!, run: withLogger(ActionName.heading4, toH4)},\n            {key: f.toCM(A.Heading5)!, run: withLogger(ActionName.heading5, toH5)},\n            {key: f.toCM(A.Heading6)!, run: withLogger(ActionName.heading6, toH6)},\n            {key: f.toCM(A.Code)!, run: withLogger(ActionName.code_inline, wrapToInlineCode)},\n            {key: f.toCM(A.CodeBlock)!, run: withLogger(ActionName.code_block, wrapToCodeBlock)},\n            {key: f.toCM(A.Cut)!, run: withLogger(ActionName.yfm_cut, wrapToYfmCut)},\n            {key: f.toCM(A.Note)!, run: withLogger(ActionName.yfm_note, wrapToYfmNote)},\n            {\n                key: f.toCM(A.Cancel)!,\n                preventDefault: true,\n                run: () => {\n                    onCancel();\n                    return true;\n                },\n            },\n            {\n                key: f.toCM(A.Submit)!,\n                preventDefault: true,\n                run: () => {\n                    onSubmit();\n                    return true;\n                },\n            },\n            {key: 'Tab', preventDefault: true, run: insertTab},\n            {\n                key: 'Enter',\n                shift: insertNewlineKeepIndent,\n            },\n            indentWithTab,\n            ...defaultKeymap,\n            ...(disabledExtensions.history ? [] : historyKeymap),\n            ...keymaps,\n        ]),\n        autocompletion(autocompletionConfig),\n        yfmLang(yfmLangOptions),\n        ReactRendererFacet.of(reactRenderer),\n        DirectiveSyntaxFacet.of(directiveSyntax),\n        PairingCharactersExtension,\n        EditorView.lineWrapping,\n        EditorView.contentAttributes.of({spellcheck: 'true'}),\n        EditorView.domEventHandlers({\n            scroll(event) {\n                onScroll(event);\n            },\n            paste(event, editor) {\n                if (!event.clipboardData) return;\n\n                const pasteLogger = logger.nested({\n                    domEvent: 'paste',\n                    dataTypes: event.clipboardData.types,\n                });\n\n                const {from} = editor.state.selection.main;\n                const line = editor.state.doc.lineAt(from);\n                const currentLine = line.text;\n\n                // if clipboard contains YFM content - avoid any meddling with pasted content\n                // since text/yfm will contain valid markdown\n                const yfmContent = event.clipboardData.getData(DataTransferType.Yfm);\n                if (yfmContent) {\n                    event.preventDefault();\n                    logger.event({event: 'paste-markup'});\n                    const reindentedYfmContent = smartReindent(yfmContent, currentLine);\n                    editor.dispatch(editor.state.replaceSelection(reindentedYfmContent));\n                    return;\n                }\n\n                // checking if a copy buffer content is suitable for convertion\n                const shouldSkipHtml = shouldSkipHtmlConversion(event.clipboardData);\n\n                // if we have text/html inside copy/paste buffer\n                const htmlContent = event.clipboardData.getData(DataTransferType.Html);\n                // if we pasting markdown from VsCode we need skip html transformation\n                if (htmlContent && parseHtmlOnPaste && !shouldSkipHtml) {\n                    let parsedMarkdownMarkup: string | undefined;\n                    try {\n                        const parser = new DOMParser();\n                        const htmlDoc = parser.parseFromString(htmlContent, 'text/html');\n\n                        const converter = new MarkdownConverter();\n                        parsedMarkdownMarkup = converter.processNode(htmlDoc.body).trim();\n                    } catch (e) {\n                        // The code is pretty new and there might be random issues we haven't caught yet,\n                        // especially with invalid HTML or weird DOM parsing errors.\n                        // If something goes wrong, I just want to fall back to the \"default pasting\"\n                        // rather than break the entire experience for the user.\n                        pasteLogger.error(e, {event: 'parse-html-to-md'});\n                        globalLogger.error(e);\n                    }\n\n                    if (parsedMarkdownMarkup !== undefined) {\n                        event.preventDefault();\n                        logger.event({event: 'paste-parsed-html'});\n                        const reindentedHtmlContent = smartReindent(\n                            parsedMarkdownMarkup,\n                            currentLine,\n                        );\n                        editor.dispatch(editor.state.replaceSelection(reindentedHtmlContent));\n                        return;\n                    }\n                }\n\n                if (parseInsertedUrlAsImage) {\n                    const linkMatches = currentLine.matchAll(linkRegex);\n                    const isInsertedInsideLink = linkMatches.some(\n                        (item) => from >= item.index && from <= item.index + (item[0]?.length ?? 0),\n                    );\n                    if (!isInsertedInsideLink) {\n                        const {imageUrl, title} =\n                            parseInsertedUrlAsImage(\n                                event.clipboardData.getData(DataTransferType.Text) ?? '',\n                            ) || {};\n\n                        if (imageUrl) {\n                            event.preventDefault();\n                            logger.event({event: 'paste-url-as-image'});\n                            insertImages([\n                                {\n                                    url: imageUrl,\n                                    alt: title,\n                                    title,\n                                },\n                            ])(editor);\n                        }\n                    }\n                }\n\n                // Reindenting pasted plain text\n                const pastedText = event.clipboardData.getData(DataTransferType.Text);\n                const reindentedText = smartReindent(pastedText, currentLine);\n                // but only if there is a need for reindentation\n                if (pastedText !== reindentedText) {\n                    editor.dispatch(editor.state.replaceSelection(reindentedText));\n                    event.preventDefault();\n                }\n            },\n        }),\n        SearchPanelPlugin({\n            anchorSelector: '.g-md-search-anchor',\n            receiver,\n        }),\n    );\n\n    if (preserveEmptyRows) {\n        extensions.push(\n            keymap.of([\n                {key: f.toCM(A.EmptyRow)!, run: withLogger(ActionName.emptyRow, insertEmptyRow)},\n            ]),\n        );\n    }\n\n    if (params.uploadHandler) {\n        extensions.push(\n            FileUploadHandlerFacet.of({\n                fn: params.uploadHandler,\n                imageWithDimensions: params.needImageDimensions,\n                enableNewImageSizeCalculation: params.enableNewImageSizeCalculation,\n            }),\n        );\n    }\n\n    if (extraExtensions) {\n        extensions.push(...extraExtensions);\n    }\n\n    return new EditorView({\n        doc,\n        extensions,\n        dispatchTransactions: (trs, view) => {\n            view.update(trs);\n            onChange();\n            if (trs.some((tr) => tr.docChanged)) {\n                onDocChange();\n            }\n        },\n    });\n}\n\nexport function withLogger(action: string, command: StateCommand): StateCommand {\n    return (...args) => {\n        const {state} = args[0];\n        state.facet(LoggerFacet).action({source: 'keymap', action});\n        globalLogger.action({mode: 'markup', source: 'keymap', action});\n        return command(...args);\n    };\n}\n"]}

package/build/cjs/utils/serialize-for-clipboard.d.ts

@@ -1,11 +1,11 @@
-import type { Slice } from 'prosemirror-model';
+import { type Slice } from 'prosemirror-model';
 import type { EditorView } from 'prosemirror-view';
-import { __serializeForClipboard } from 'prosemirror-view';
-declare module 'prosemirror-view' {
-    type SerializeForClipboard = (view: EditorView, slice: Slice) => {
-        dom: HTMLElement;
-        text: string;
-    };
-    const __serializeForClipboard: SerializeForClipboard;
-}
-export { __serializeForClipboard as serializeForClipboard };
+/**
+ * @deprecated
+ * will be removed in next major version, use view.serializeForClipboard instead
+ */
+export declare function serializeForClipboard(view: EditorView, slice: Slice): {
+    dom: HTMLDivElement;
+    text: string;
+    slice: Slice;
+};

package/build/cjs/utils/serialize-for-clipboard.js

@@ -1,8 +1,67 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.serializeForClipboard = void 0;
-const prosemirror_view_1 = require("prosemirror-view");
-Object.defineProperty(exports, "serializeForClipboard", { enumerable: true, get: function () { return prosemirror_view_1.__serializeForClipboard; } });
-if (!prosemirror_view_1.__serializeForClipboard)
-    throw new Error('__serializeForClipboard not exported from prosemirror-view module.');
+exports.serializeForClipboard = serializeForClipboard;
+const prosemirror_model_1 = require("prosemirror-model");
+// Trick from jQuery -- some elements must be wrapped in other
+// elements for innerHTML to work. I.e. if you do `div.innerHTML =
+// "<td>..</td>"` the table cells are ignored.
+const wrapMap = {
+    thead: ['table'],
+    tbody: ['table'],
+    tfoot: ['table'],
+    caption: ['table'],
+    colgroup: ['table'],
+    col: ['table', 'colgroup'],
+    tr: ['table', 'tbody'],
+    td: ['table', 'tbody', 'tr'],
+    th: ['table', 'tbody', 'tr'],
+};
+let _detachedDoc = null;
+function detachedDoc() {
+    // eslint-disable-next-line no-return-assign
+    return _detachedDoc || (_detachedDoc = document.implementation.createHTMLDocument('title'));
+}
+// MAJOR: remove serializeForClipboard
+/**
+ * @deprecated
+ * will be removed in next major version, use view.serializeForClipboard instead
+ */
+function serializeForClipboard(view, slice) {
+    view.someProp('transformCopied', (f) => {
+        slice = f(slice, view);
+    });
+    const context = [];
+    let { content, openStart, openEnd } = slice;
+    while (openStart > 1 &&
+        openEnd > 1 &&
+        content.childCount == 1 &&
+        content.firstChild.childCount == 1) {
+        openStart--;
+        openEnd--;
+        const node = content.firstChild;
+        context.push(node.type.name, node.attrs != node.type.defaultAttrs ? node.attrs : null);
+        content = node.content;
+    }
+    const serializer = view.someProp('clipboardSerializer') || prosemirror_model_1.DOMSerializer.fromSchema(view.state.schema);
+    const doc = detachedDoc(), wrap = doc.createElement('div');
+    wrap.appendChild(serializer.serializeFragment(content, { document: doc }));
+    let firstChild = wrap.firstChild, needsWrap, wrappers = 0;
+    while (firstChild &&
+        firstChild.nodeType == 1 &&
+        (needsWrap = wrapMap[firstChild.nodeName.toLowerCase()])) {
+        for (let i = needsWrap.length - 1; i >= 0; i--) {
+            const wrapper = doc.createElement(needsWrap[i]);
+            while (wrap.firstChild)
+                wrapper.appendChild(wrap.firstChild);
+            wrap.appendChild(wrapper);
+            wrappers++;
+        }
+        firstChild = wrap.firstChild;
+    }
+    if (firstChild && firstChild.nodeType == 1)
+        firstChild.setAttribute('data-pm-slice', `${openStart} ${openEnd}${wrappers ? ` -${wrappers}` : ''} ${JSON.stringify(context)}`);
+    const text = view.someProp('clipboardTextSerializer', (f) => f(slice, view)) ||
+        slice.content.textBetween(0, slice.content.size, '\n\n');
+    return { dom: wrap, text, slice };
+}
 //# sourceMappingURL=serialize-for-clipboard.js.map

package/build/cjs/utils/serialize-for-clipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"serialize-for-clipboard.js","sourceRoot":"../../../src","sources":["utils/serialize-for-clipboard.ts"],"names":[],"mappings":";;;AAEA,uDAAyD;AAetB,sGAf3B,0CAAuB,OAeyB;AAHxD,IAAI,CAAC,0CAAuB;IACxB,MAAM,IAAI,KAAK,CAAC,oEAAoE,CAAC,CAAC","sourcesContent":["import type {Slice} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\nimport {__serializeForClipboard} from 'prosemirror-view';\n\ndeclare module 'prosemirror-view' {\n    type SerializeForClipboard = (\n        view: EditorView,\n        slice: Slice,\n    ) => {dom: HTMLElement; text: string};\n\n    // internal export\n    export const __serializeForClipboard: SerializeForClipboard;\n}\n\nif (!__serializeForClipboard)\n    throw new Error('__serializeForClipboard not exported from prosemirror-view module.');\n\nexport {__serializeForClipboard as serializeForClipboard};\n"]}
+{"version":3,"file":"serialize-for-clipboard.js","sourceRoot":"../../../src","sources":["utils/serialize-for-clipboard.ts"],"names":[],"mappings":"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","sourcesContent":["import {DOMSerializer, type Slice} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\n\n// Trick from jQuery -- some elements must be wrapped in other\n// elements for innerHTML to work. I.e. if you do `div.innerHTML =\n// \"<td>..</td>\"` the table cells are ignored.\nconst wrapMap: {[node: string]: string[]} = {\n    thead: ['table'],\n    tbody: ['table'],\n    tfoot: ['table'],\n    caption: ['table'],\n    colgroup: ['table'],\n    col: ['table', 'colgroup'],\n    tr: ['table', 'tbody'],\n    td: ['table', 'tbody', 'tr'],\n    th: ['table', 'tbody', 'tr'],\n};\n\nlet _detachedDoc: Document | null = null;\nfunction detachedDoc() {\n    // eslint-disable-next-line no-return-assign\n    return _detachedDoc || (_detachedDoc = document.implementation.createHTMLDocument('title'));\n}\n\n// MAJOR: remove serializeForClipboard\n/**\n * @deprecated\n * will be removed in next major version, use view.serializeForClipboard instead\n */\nexport function serializeForClipboard(view: EditorView, slice: Slice) {\n    view.someProp('transformCopied', (f) => {\n        slice = f(slice!, view);\n    });\n\n    const context = [];\n    let {content, openStart, openEnd} = slice;\n\n    while (\n        openStart > 1 &&\n        openEnd > 1 &&\n        content.childCount == 1 &&\n        content.firstChild!.childCount == 1\n    ) {\n        openStart--;\n        openEnd--;\n        const node = content.firstChild!;\n        context.push(\n            node.type.name,\n            node.attrs != (node.type as any).defaultAttrs ? node.attrs : null,\n        );\n        content = node.content;\n    }\n\n    const serializer =\n        view.someProp('clipboardSerializer') || DOMSerializer.fromSchema(view.state.schema);\n    const doc = detachedDoc(),\n        wrap = doc.createElement('div');\n    wrap.appendChild(serializer.serializeFragment(content, {document: doc}));\n\n    let firstChild = wrap.firstChild,\n        needsWrap,\n        wrappers = 0;\n    while (\n        firstChild &&\n        firstChild.nodeType == 1 &&\n        (needsWrap = wrapMap[firstChild.nodeName.toLowerCase()])\n    ) {\n        for (let i = needsWrap.length - 1; i >= 0; i--) {\n            const wrapper = doc.createElement(needsWrap[i]);\n            while (wrap.firstChild) wrapper.appendChild(wrap.firstChild);\n            wrap.appendChild(wrapper);\n            wrappers++;\n        }\n        firstChild = wrap.firstChild;\n    }\n\n    if (firstChild && firstChild.nodeType == 1)\n        (firstChild as HTMLElement).setAttribute(\n            'data-pm-slice',\n            `${openStart} ${openEnd}${wrappers ? ` -${wrappers}` : ''} ${JSON.stringify(context)}`,\n        );\n\n    const text =\n        view.someProp('clipboardTextSerializer', (f) => f(slice, view)) ||\n        slice.content.textBetween(0, slice.content.size, '\\n\\n');\n\n    return {dom: wrap, text, slice};\n}\n"]}

package/build/cjs/version.js

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

package/build/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":";;;AAAA,sEAAsE;AACzD,QAAA,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.6.1' !== 'undefined' ? '15.6.1' : 'unknown';\n"]}
+{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":";;;AAAA,sEAAsE;AACzD,QAAA,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.8.0' !== 'undefined' ? '15.8.0' : 'unknown';\n"]}

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

@@ -6,10 +6,7 @@ import type { MToolbarData, MToolbarItemData, WToolbarData, WToolbarItemData } f
 import "../styles/styles.css";
 import "./MarkdownEditorView.css";
 export declare const cnEditorComponent: import("@bem-react/classname").ClassNameFormatter;
-export type MarkdownEditorViewProps = ClassNameProps & QAProps & {
-    editor?: Editor;
-    autofocus?: boolean;
-    toolbarsPreset?: ToolbarsPreset;
+type ToolbarConfigs = {
     /**
      * @deprecated use `toolbarsPreset` instead
      */
@@ -26,35 +23,17 @@ export type MarkdownEditorViewProps = ClassNameProps & QAProps & {
      * @deprecated use `toolbarsPreset` instead
      */
     wysiwygHiddenActionsConfig?: WToolbarItemData[];
-    /** @default true */
-    settingsVisible?: boolean;
-    stickyToolbar: boolean;
-    enableSubmitInPreview?: boolean;
-    hidePreviewAfterSubmit?: boolean;
 };
-export declare const MarkdownEditorView: import("react").ForwardRefExoticComponent<ClassNameProps & QAProps & {
+type ViewProps = {
     editor?: Editor;
     autofocus?: boolean;
-    toolbarsPreset?: ToolbarsPreset;
-    /**
-     * @deprecated use `toolbarsPreset` instead
-     */
-    markupToolbarConfig?: MToolbarData;
-    /**
-     * @deprecated use `toolbarsPreset` instead
-     */
-    wysiwygToolbarConfig?: WToolbarData;
-    /**
-     * @deprecated use `toolbarsPreset` instead
-     */
-    markupHiddenActionsConfig?: MToolbarItemData[];
-    /**
-     * @deprecated use `toolbarsPreset` instead
-     */
-    wysiwygHiddenActionsConfig?: WToolbarItemData[];
     /** @default true */
     settingsVisible?: boolean;
+    toolbarsPreset?: ToolbarsPreset;
     stickyToolbar: boolean;
     enableSubmitInPreview?: boolean;
     hidePreviewAfterSubmit?: boolean;
-} & import("react").RefAttributes<HTMLDivElement>>;
+};
+export type MarkdownEditorViewProps = ClassNameProps & ToolbarConfigs & ViewProps & QAProps & {};
+export declare const MarkdownEditorView: import("react").ForwardRefExoticComponent<ClassNameProps & ToolbarConfigs & ViewProps & QAProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/build/esm/bundle/MarkdownEditorView.js

@@ -20,18 +20,7 @@ import "../styles/styles.css";
 import "./MarkdownEditorView.css"; // eslint-disable-line import/order
 export const cnEditorComponent = cn('editor-component');
 const b = cnEditorComponent;
-export const MarkdownEditorView = forwardRef((props, ref) => {
-    const divRef = useEnsuredForwardedRef(ref);
-    const [isMounted, setIsMounted] = useState(false);
-    useEffect(() => {
-        setIsMounted(true);
-    }, []);
-    const [showPreview, , unsetShowPreview, toggleShowPreview] = useBooleanState(false);
-    const context = useMarkdownEditorContext();
-    const editor = (props.editor ?? context);
-    if (!editor)
-        throw new Error('[MarkdownEditorView]: an instance of the editor must be passed through the props or context');
-    const { qa, autofocus, className, settingsVisible = true, toolbarsPreset, stickyToolbar, wysiwygToolbarConfig: initialWysiwygToolbarConfig, markupToolbarConfig: initialMarkupToolbarConfig, wysiwygHiddenActionsConfig: initialWysiwygHiddenActionsConfig, markupHiddenActionsConfig: initialMarkupHiddenActionsConfig, enableSubmitInPreview = true, hidePreviewAfterSubmit = false, } = props;
+const EditorWrapper = forwardRef(({ autofocus, editor, editorMode, enableSubmitInPreview, hidePreviewAfterSubmit, isFocused, markupHiddenActionsConfig: initialMarkupHiddenActionsConfig, markupToolbarConfig: initialMarkupToolbarConfig, qa, settingsVisible, showPreview, stickyToolbar, toggleShowPreview, toolbarsPreset, unsetShowPreview, wysiwygHiddenActionsConfig: initialWysiwygHiddenActionsConfig, wysiwygToolbarConfig: initialWysiwygToolbarConfig, }, ref) => {
     const { wysiwygToolbarConfig, markupToolbarConfig, wysiwygHiddenActionsConfig, markupHiddenActionsConfig, } = useMemo(() => getToolbarsConfigs({
         toolbarsPreset,
         props: {
@@ -49,13 +38,6 @@ export const MarkdownEditorView = forwardRef((props, ref) => {
         initialMarkupHiddenActionsConfig,
         editor.preset,
     ]);
-    const rerender = useUpdate();
-    useLayoutEffect(() => {
-        editor.on('rerender', rerender);
-        return () => {
-            editor.off('rerender', rerender);
-        };
-    }, [editor, rerender]);
     const onModeChange = useCallback((type) => {
         editor.changeEditorMode({ mode: type, reason: 'settings' });
         unsetShowPreview();
@@ -72,44 +54,67 @@ export const MarkdownEditorView = forwardRef((props, ref) => {
         if (showPreviewValue !== showPreview)
             toggleShowPreview();
     }, [editor, showPreview, toggleShowPreview]);
-    const editorMode = editor.currentMode;
-    const markupSplitMode = editor.splitModeEnabled && editor.splitMode && editorMode === 'markup';
     const canRenderPreview = Boolean(editor.renderPreview && editorMode === 'markup' && !editor.splitModeEnabled);
     useKey((e) => canRenderPreview && isPreviewKeyDown(e), (e) => {
         e.preventDefault();
         onShowPreviewChange(!showPreview);
     }, { event: 'keydown' }, [showPreview, editorMode, onShowPreviewChange, canRenderPreview]);
-    const editorWrapperRef = useRef(null);
-    const splitModeViewWrapperRef = useRef(null);
-    useEffect(() => {
-        if (showPreview) {
-            divRef.current.focus();
-        }
-    }, [divRef, showPreview]);
-    useKey((e) => enableSubmitInPreview &&
-        showPreview &&
-        isWrapperFocused(divRef) &&
-        isSubmitKeyDown(e), () => {
+    useKey((e) => Boolean(enableSubmitInPreview && showPreview && isFocused && isSubmitKeyDown(e)), () => {
         editor.emit('submit', null);
         if (hidePreviewAfterSubmit) {
             onShowPreviewChange(false);
         }
     }, { event: 'keydown' }, [hidePreviewAfterSubmit, enableSubmitInPreview, showPreview, showPreview]);
-    const settings = useMemo(() => (_jsx(Settings, { mode: editorMode, settingsVisible: settingsVisible, onModeChange: onModeChange, toolbarVisibility: editor.toolbarVisible && !showPreview, onToolbarVisibilityChange: onToolbarVisibilityChange, onSplitModeChange: onSplitModeChange, splitModeEnabled: editor.splitModeEnabled, splitMode: editor.splitMode, stickyToolbar: stickyToolbar, onShowPreviewChange: onShowPreviewChange, showPreview: showPreview, renderPreviewButton: canRenderPreview })), [
-        editorMode,
-        settingsVisible,
-        editor.toolbarVisible,
-        editor.splitModeEnabled,
-        editor.splitMode,
+    const settingsProps = {
+        mode: editorMode,
         onModeChange,
-        showPreview,
-        onToolbarVisibilityChange,
+        onShowPreviewChange,
         onSplitModeChange,
+        onToolbarVisibilityChange,
+        renderPreviewButton: canRenderPreview,
+        showPreview,
+        splitMode: editor.splitMode,
+        splitModeEnabled: editor.splitModeEnabled,
         stickyToolbar,
-        onShowPreviewChange,
-        canRenderPreview,
-    ]);
+        toolbarVisibility: editor.toolbarVisible && !showPreview,
+    };
+    return (_jsx("div", { className: b('editor-wrapper'), ref: ref, "data-qa": qa, "data-mode": editor.currentMode, children: showPreview ? (_jsxs(_Fragment, { children: [_jsx("div", { className: b('preview-wrapper'), children: editor.renderPreview?.({
+                        getValue: editor.getValue,
+                        mode: 'preview',
+                        md: editor.mdOptions,
+                        directiveSyntax: editor.directiveSyntax,
+                    }) }), _jsx(Settings, { ...settingsProps, settingsVisible: settingsVisible })] })) : (_jsxs(_Fragment, { children: [editorMode === 'wysiwyg' && (_jsx(WysiwygEditorView, { editor: editor, autofocus: autofocus, settingsVisible: settingsVisible, toolbarConfig: wysiwygToolbarConfig, toolbarVisible: editor.toolbarVisible, hiddenActionsConfig: wysiwygHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar, children: _jsx(Settings, { ...settingsProps, settingsVisible: settingsVisible && editor.toolbarVisible }) })), editorMode === 'markup' && (_jsx(MarkupEditorView, { editor: editor, autofocus: autofocus, settingsVisible: settingsVisible, toolbarConfig: markupToolbarConfig, toolbarVisible: editor.toolbarVisible, splitMode: editor.splitMode, splitModeEnabled: editor.splitModeEnabled, hiddenActionsConfig: markupHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar, children: _jsx(Settings, { ...settingsProps, settingsVisible: settingsVisible && editor.toolbarVisible }) })), _jsx(Settings, { ...settingsProps, settingsVisible: !editor.toolbarVisible && settingsVisible, renderPreviewButton: !editor.toolbarVisible && editorMode === 'markup' })] })) }));
+});
+EditorWrapper.displayName = 'EditorWrapper';
+export const MarkdownEditorView = forwardRef((props, ref) => {
+    const divRef = useEnsuredForwardedRef(ref);
+    const editorWrapperRef = useRef(null);
+    const [showPreview, , unsetShowPreview, toggleShowPreview] = useBooleanState(false);
+    const [isMounted, setIsMounted] = useState(false);
+    useEffect(() => {
+        setIsMounted(true);
+    }, []);
+    const context = useMarkdownEditorContext();
+    const editor = (props.editor ?? context);
+    if (!editor)
+        throw new Error('[MarkdownEditorView]: an instance of the editor must be passed through the props or context');
+    const { autofocus, className, enableSubmitInPreview = true, hidePreviewAfterSubmit = false, markupHiddenActionsConfig, markupToolbarConfig, qa, settingsVisible = true, stickyToolbar, toolbarsPreset, wysiwygHiddenActionsConfig, wysiwygToolbarConfig, } = props;
+    const rerender = useUpdate();
+    useLayoutEffect(() => {
+        editor.on('rerender', rerender);
+        return () => {
+            editor.off('rerender', rerender);
+        };
+    }, [editor, rerender]);
+    const editorMode = editor.currentMode;
+    const markupSplitMode = editor.splitModeEnabled && editor.splitMode && editorMode === 'markup';
+    const splitModeViewWrapperRef = useRef(null);
     const toaster = useToaster();
+    useEffect(() => {
+        if (showPreview) {
+            divRef.current.focus();
+        }
+    }, [divRef, showPreview]);
     return (_jsx(ErrorBoundary, { onError: (e) => {
             globalLogger.error(e);
             editor.logger.error(e);
@@ -132,12 +137,7 @@ export const MarkdownEditorView = forwardRef((props, ref) => {
         }, children: _jsxs("div", { ref: divRef, "data-qa": qa, className: b({
                 settings: settingsVisible,
                 split: markupSplitMode && editor.splitMode,
-            }, [className]), role: "button", tabIndex: 0, children: [_jsx("div", { className: b('editor-wrapper'), ref: editorWrapperRef, "data-qa": "g-md-editor-mode", "data-mode": editor.currentMode, children: showPreview ? (_jsxs(_Fragment, { children: [_jsx("div", { className: b('preview-wrapper'), children: editor.renderPreview?.({
-                                    getValue: editor.getValue,
-                                    mode: 'preview',
-                                    md: editor.mdOptions,
-                                    directiveSyntax: editor.directiveSyntax,
-                                }) }), settings] })) : (_jsxs(_Fragment, { children: [editorMode === 'wysiwyg' && (_jsx(WysiwygEditorView, { editor: editor, autofocus: autofocus, settingsVisible: settingsVisible, toolbarConfig: wysiwygToolbarConfig, toolbarVisible: editor.toolbarVisible, hiddenActionsConfig: wysiwygHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar, children: editor.toolbarVisible && settingsVisible && settings })), editorMode === 'markup' && (_jsx(MarkupEditorView, { editor: editor, autofocus: autofocus, settingsVisible: settingsVisible, toolbarConfig: markupToolbarConfig, toolbarVisible: editor.toolbarVisible, splitMode: editor.splitMode, splitModeEnabled: editor.splitModeEnabled, hiddenActionsConfig: markupHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar, children: editor.toolbarVisible && settings })), !editor.toolbarVisible && settings] })) }), markupSplitMode && (_jsxs(_Fragment, { children: [editor.splitMode === 'horizontal' ? (_jsx(HorizontalDrag, { editor: editor, isMounted: isMounted, leftElRef: editorWrapperRef, rightElRef: splitModeViewWrapperRef, wrapperRef: divRef })) : (_jsx("div", { className: b('resizer') })), _jsx(SplitModeView, { editor: editor, ref: splitModeViewWrapperRef })] }))] }) }));
+            }, [className]), role: "button", tabIndex: 0, children: [_jsx(EditorWrapper, { autofocus: autofocus, editor: editor, editorMode: editorMode, enableSubmitInPreview: enableSubmitInPreview, hidePreviewAfterSubmit: hidePreviewAfterSubmit, isFocused: isWrapperFocused(divRef), markupHiddenActionsConfig: markupHiddenActionsConfig, markupToolbarConfig: markupToolbarConfig, qa: "g-md-editor-mode", ref: editorWrapperRef, settingsVisible: settingsVisible, showPreview: showPreview, stickyToolbar: stickyToolbar, toggleShowPreview: toggleShowPreview, toolbarsPreset: toolbarsPreset, unsetShowPreview: unsetShowPreview, wysiwygHiddenActionsConfig: wysiwygHiddenActionsConfig, wysiwygToolbarConfig: wysiwygToolbarConfig }), markupSplitMode && (_jsxs(_Fragment, { children: [editor.splitMode === 'horizontal' ? (_jsx(HorizontalDrag, { editor: editor, isMounted: isMounted, leftElRef: editorWrapperRef, rightElRef: splitModeViewWrapperRef, wrapperRef: divRef })) : (_jsx("div", { className: b('resizer') })), _jsx(SplitModeView, { editor: editor, ref: splitModeViewWrapperRef })] }))] }) }));
 });
 MarkdownEditorView.displayName = 'MarkdownEditorView';
 const MarkupSearchAnchor = ({ mode }) => (_jsx(_Fragment, { children: mode === 'markup' && _jsx("div", { className: "g-md-search-anchor" }) }));