@gravity-ui/markdown-editor 14.12.3 → 15.0.1

package/build/esm/markup/codemirror/autocomplete/index.js

@@ -1,5 +1,5 @@
-import { mdAutocomplete } from '../yfm';
-import { emptyRowAutocomplete } from './emptyRow';
+import { mdAutocomplete } from "../yfm.js";
+import { emptyRowAutocomplete } from "./emptyRow.js";
 export const getAutocompleteConfig = ({ preserveEmptyRows }) => {
     const autocompleteItems = [];
     if (preserveEmptyRows) {
@@ -8,3 +8,4 @@ export const getAutocompleteConfig = ({ preserveEmptyRows }) => {
     autocompleteItems.push(mdAutocomplete);
     return autocompleteItems;
 };
+//# sourceMappingURL=index.js.map

package/build/esm/markup/codemirror/autocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["markup/codemirror/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,kBAAe;AAEtC,OAAO,EAAC,oBAAoB,EAAC,sBAAmB;AAMhD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAC,iBAAiB,EAAwB,EAAE,EAAE;IAChF,MAAM,iBAAiB,GAAG,EAAE,CAAC;IAE7B,IAAI,iBAAiB,EAAE,CAAC;QACpB,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;IACjD,CAAC;IAED,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAEvC,OAAO,iBAAiB,CAAC;AAC7B,CAAC,CAAC","sourcesContent":["import {mdAutocomplete} from '../yfm';\n\nimport {emptyRowAutocomplete} from './emptyRow';\n\ntype GetAutocompleteConfig = {\n    preserveEmptyRows?: boolean;\n};\n\nexport const getAutocompleteConfig = ({preserveEmptyRows}: GetAutocompleteConfig) => {\n    const autocompleteItems = [];\n\n    if (preserveEmptyRows) {\n        autocompleteItems.push(emptyRowAutocomplete);\n    }\n\n    autocompleteItems.push(mdAutocomplete);\n\n    return autocompleteItems;\n};\n"]}

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

@@ -1,16 +1,16 @@
 import { autocompletion } from '@codemirror/autocomplete';
 import type { Extension, StateCommand } from '@codemirror/state';
-import { EditorView, type EditorViewConfig, KeyBinding, placeholder } from '@codemirror/view';
-import type { ParseInsertedUrlAsImage } from '../../bundle';
-import type { EventMap } from '../../bundle/Editor';
-import type { ReactRenderStorage } from '../../extensions';
-import type { Receiver } from '../../utils';
-import type { DirectiveSyntaxContext } from '../../utils/directive';
-import { type FileUploadHandler } from './files-upload-facet';
-import { type YfmLangOptions } from './yfm';
+import { EditorView, type EditorViewConfig, type KeyBinding, placeholder } from '@codemirror/view';
+import type { ParseInsertedUrlAsImage } from "../../bundle/index.js";
+import type { EventMap } from "../../bundle/Editor.js";
+import type { ReactRenderStorage } from "../../extensions/index.js";
+import type { Receiver } from "../../utils/index.js";
+import type { DirectiveSyntaxContext } from "../../utils/directive.js";
+import { type FileUploadHandler } from "./files-upload-facet.js";
+import { type YfmLangOptions } from "./yfm.js";
 export type { YfmLangOptions };
-declare type Autocompletion = Parameters<typeof autocompletion>[0];
-export declare type CreateCodemirrorParams = {
+type Autocompletion = Parameters<typeof autocompletion>[0];
+export type CreateCodemirrorParams = {
     doc: EditorViewConfig['doc'];
     placeholder: Parameters<typeof placeholder>[0];
     onCancel: () => void;

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

@@ -1,21 +1,21 @@
 import { autocompletion } from '@codemirror/autocomplete';
 import { defaultKeymap, history, historyKeymap, indentWithTab, insertNewlineKeepIndent, insertTab, } 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 { DataTransferType, shouldSkipHtmlConversion } from '../../utils/clipboard';
-import { insertEmptyRow, insertImages, insertLink, toH1, toH2, toH3, toH4, toH5, toH6, toggleBold, toggleItalic, toggleStrikethrough, toggleUnderline, wrapToCodeBlock, wrapToInlineCode, wrapToYfmCut, wrapToYfmNote, } from '../commands';
-import { DirectiveSyntaxFacet } from './directive-facet';
-import { FileUploadHandlerFacet } from './files-upload-facet';
-import { gravityHighlightStyle, gravityTheme } from './gravity';
-import { MarkdownConverter } from './html-to-markdown/converters';
-import { PairingCharactersExtension } from './pairing-chars';
-import { ReactRendererFacet } from './react-facet';
-import { SearchPanelPlugin } from './search-plugin/plugin';
-import { smartReindent } from './smart-reindent';
-import { yfmLang } from './yfm';
+import { EditorView, keymap, placeholder, } from '@codemirror/view';
+import { ActionName } from "../../bundle/config/action-names.js";
+import { logger } from "../../logger.js";
+import { Action as A, formatter as f } from "../../shortcuts/index.js";
+import { DataTransferType, shouldSkipHtmlConversion } from "../../utils/clipboard.js";
+import { insertEmptyRow, insertImages, insertLink, toH1, toH2, toH3, toH4, toH5, toH6, toggleBold, toggleItalic, toggleStrikethrough, toggleUnderline, wrapToCodeBlock, wrapToInlineCode, wrapToYfmCut, wrapToYfmNote, } from "../commands/index.js";
+import { DirectiveSyntaxFacet } from "./directive-facet.js";
+import { FileUploadHandlerFacet } from "./files-upload-facet.js";
+import { gravityHighlightStyle, gravityTheme } from "./gravity.js";
+import { MarkdownConverter } from "./html-to-markdown/converters.js";
+import { PairingCharactersExtension } from "./pairing-chars.js";
+import { ReactRendererFacet } from "./react-facet.js";
+import { SearchPanelPlugin } from "./search-plugin/plugin.js";
+import { smartReindent } from "./smart-reindent/index.js";
+import { yfmLang } from "./yfm.js";
 export function createCodemirror(params) {
     const { doc, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, disabledExtensions = {}, keymaps = [], receiver, yfmLangOptions, extensions: extraExtensions, placeholder: placeholderContent, autocompletion: autocompletionConfig, parseHtmlOnPaste, parseInsertedUrlAsImage, directiveSyntax, preserveEmptyRows, } = params;
     const extensions = [gravityTheme, placeholder(placeholderContent)];
@@ -68,7 +68,6 @@ export function createCodemirror(params) {
             onScroll(event);
         },
         paste(event, editor) {
-            var _a;
             if (!event.clipboardData)
                 return;
             const { from } = editor.state.selection.main;
@@ -111,7 +110,7 @@ export function createCodemirror(params) {
                 }
             }
             if (parseInsertedUrlAsImage) {
-                const { imageUrl, title } = parseInsertedUrlAsImage((_a = event.clipboardData.getData(DataTransferType.Text)) !== null && _a !== void 0 ? _a : '') || {};
+                const { imageUrl, title } = parseInsertedUrlAsImage(event.clipboardData.getData(DataTransferType.Text) ?? '') || {};
                 if (imageUrl) {
                     event.preventDefault();
                     insertImages([
@@ -169,3 +168,4 @@ export function withLogger(action, command) {
         return command(...args);
     };
 }
+//# sourceMappingURL=create.js.map

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

@@ -0,0 +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 {logger} 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 {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    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        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        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 {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                    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                        logger.error(e);\n                    }\n\n                    if (parsedMarkdownMarkup !== undefined) {\n                        event.preventDefault();\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\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        logger.action({mode: 'markup', source: 'keymap', action});\n        return command(...args);\n    };\n}\n"]}

package/build/esm/markup/codemirror/directive-facet.d.ts

@@ -1,3 +1,3 @@
 import { Facet } from '@codemirror/state';
-import type { DirectiveSyntaxContext } from '../../utils/directive';
+import type { DirectiveSyntaxContext } from "../../utils/directive.js";
 export declare const DirectiveSyntaxFacet: Facet<DirectiveSyntaxContext, Omit<DirectiveSyntaxContext, "shouldSerializeToDirective">>;

package/build/esm/markup/codemirror/directive-facet.js

@@ -3,3 +3,4 @@ export const DirectiveSyntaxFacet = Facet.define({
     combine: ([context]) => context,
     static: true,
 });
+//# sourceMappingURL=directive-facet.js.map

package/build/esm/markup/codemirror/directive-facet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive-facet.js","sourceRoot":"../../../../src","sources":["markup/codemirror/directive-facet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAIxC,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,CAG9C;IACE,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,OAAO;IAC/B,MAAM,EAAE,IAAI;CACf,CAAC,CAAC","sourcesContent":["import {Facet} from '@codemirror/state';\n\nimport type {DirectiveSyntaxContext} from '../../utils/directive';\n\nexport const DirectiveSyntaxFacet = Facet.define<\n    DirectiveSyntaxContext,\n    Omit<DirectiveSyntaxContext, 'shouldSerializeToDirective'>\n>({\n    combine: ([context]) => context,\n    static: true,\n});\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"files-upload-facet.js","sourceRoot":"../../../../src","sources":["markup/codemirror/files-upload-facet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAC,iBAAiB,EAAC,uCAA8B;AAIxD,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,MAAM,CAGhD;IACE,OAAO,EAAE,iBAAiB,CAAC,SAAS;IACpC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5B,MAAM,EAAE,IAAI;CACf,CAAC,CAAC","sourcesContent":["import {Facet} from '@codemirror/state';\n\nimport type {FileUploadHandler} from '../../utils/upload';\n\nimport {FilesUploadPlugin} from './files-upload-plugin';\n\nexport type {FileUploadHandler};\n\nexport const FileUploadHandlerFacet = Facet.define<\n    {fn: FileUploadHandler; imageWithDimensions?: boolean; enableNewImageSizeCalculation?: boolean},\n    {fn: FileUploadHandler; imageWithDimensions?: boolean; enableNewImageSizeCalculation?: boolean}\n>({\n    enables: FilesUploadPlugin.extension,\n    combine: (value) => value[0],\n    static: true,\n});\n"]}

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

@@ -1,2 +1,3 @@
 export const IMG_MAX_HEIGHT = 600; // px
 export const SUCCESS_UPLOAD_REMOVE_TIMEOUT = 1000; // 1 sec
+//# sourceMappingURL=const.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"../../../../../src","sources":["markup/codemirror/files-upload-plugin/const.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC,CAAC,KAAK;AACxC,MAAM,CAAC,MAAM,6BAA6B,GAAG,IAAI,CAAC,CAAC,QAAQ","sourcesContent":["export const IMG_MAX_HEIGHT = 600; // px\nexport const SUCCESS_UPLOAD_REMOVE_TIMEOUT = 1000; // 1 sec\n"]}

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

@@ -4,5 +4,5 @@ export declare const AddUploadWidgetEffect: import("@codemirror/state").StateEff
 }>;
 export declare const RemoveUploadWidgetEffect: import("@codemirror/state").StateEffectType<{
     id: string;
-    markup?: string | undefined;
+    markup?: string;
 }>;

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

@@ -1,3 +1,4 @@
 import { StateEffect } from '@codemirror/state';
 export const AddUploadWidgetEffect = StateEffect.define();
 export const RemoveUploadWidgetEffect = StateEffect.define();
+//# sourceMappingURL=effects.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"effects.js","sourceRoot":"../../../../../src","sources":["markup/codemirror/files-upload-plugin/effects.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAE9C,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,EAAyC,CAAC;AACjG,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,CAAC,MAAM,EAAiC,CAAC","sourcesContent":["import {StateEffect} from '@codemirror/state';\n\nexport const AddUploadWidgetEffect = StateEffect.define<{files: ArrayLike<File>; pos: number}>();\nexport const RemoveUploadWidgetEffect = StateEffect.define<{id: string; markup?: string}>();\n"]}

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

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

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

@@ -1,3 +1,4 @@
-export { FilesUploadPlugin } from './plugin';
-export { getImageDimensions } from './utils';
-export { IMG_MAX_HEIGHT } from './const';
+export { FilesUploadPlugin } from "./plugin.js";
+export { getImageDimensions } from "./utils.js";
+export { IMG_MAX_HEIGHT } from "./const.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["markup/codemirror/files-upload-plugin/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,oBAAiB;AAC3C,OAAO,EAAC,kBAAkB,EAAC,mBAAgB;AAC3C,OAAO,EAAC,cAAc,EAAC,mBAAgB","sourcesContent":["export {FilesUploadPlugin} from './plugin';\nexport {getImageDimensions} from './utils';\nexport {IMG_MAX_HEIGHT} from './const';\n"]}

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

@@ -1,4 +1,4 @@
-import { DecorationSet, EditorView, ViewPlugin, ViewUpdate } from '@codemirror/view';
+import { type DecorationSet, type EditorView, ViewPlugin, type ViewUpdate } from '@codemirror/view';
 export declare const FilesUploadPlugin: ViewPlugin<{
     decos: DecorationSet;
     readonly view: EditorView;

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

@@ -1,93 +1,61 @@
 import { Decoration, ViewPlugin, WidgetType, } from '@codemirror/view';
-import { getProportionalSize } from '../../../utils';
-import { FileUploadHandlerFacet } from '../files-upload-facet';
-import { ReactRendererFacet } from '../react-facet';
-import { IMG_MAX_HEIGHT, SUCCESS_UPLOAD_REMOVE_TIMEOUT } from './const';
-import { AddUploadWidgetEffect, RemoveUploadWidgetEffect } from './effects';
-import { getImageDimensions, getTransferFiles, isImageFile, uniqueId } from './utils';
-import { renderWidget } from './widget';
+import { getProportionalSize } from "../../../utils/index.js";
+import { FileUploadHandlerFacet } from "../files-upload-facet.js";
+import { ReactRendererFacet } from "../react-facet.js";
+import { IMG_MAX_HEIGHT, SUCCESS_UPLOAD_REMOVE_TIMEOUT } from "./const.js";
+import { AddUploadWidgetEffect, RemoveUploadWidgetEffect } from "./effects.js";
+import { getImageDimensions, getTransferFiles, isImageFile, uniqueId } from "./utils.js";
+import { renderWidget } from "./widget.js";
 class FileUploadWidget extends WidgetType {
+    selfId;
+    presenter;
+    renderer = null;
+    props = {};
     constructor(id) {
         super();
-        this.renderer = null;
-        this.props = {};
         this.selfId = id;
     }
     toDOM(view) {
-        var _a;
         const dom = document.createElement('div');
         dom.className = 'cm-file-upload-widget';
         dom.style.display = 'inline-block';
-        (_a = this.renderer) === null || _a === void 0 ? void 0 : _a.remove();
+        this.renderer?.remove();
         this.createRenderItem(dom, view);
         return dom;
     }
     updateDOM(dom, view) {
-        var _a;
-        (_a = this.renderer) === null || _a === void 0 ? void 0 : _a.remove();
+        this.renderer?.remove();
         this.createRenderItem(dom, view);
         return true;
     }
     destroy(dom) {
-        var _a, _b;
         super.destroy(dom);
-        (_a = this.renderer) === null || _a === void 0 ? void 0 : _a.remove();
-        (_b = this.presenter) === null || _b === void 0 ? void 0 : _b.cancel();
+        this.renderer?.remove();
+        this.presenter?.cancel();
         this.presenter = undefined;
     }
     setPresenter(presenter) {
         this.presenter = presenter;
     }
     render(props) {
-        var _a;
         Object.assign(this.props, props);
-        (_a = this.renderer) === null || _a === void 0 ? void 0 : _a.rerender();
+        this.renderer?.rerender();
     }
     createRenderItem(dom, view) {
         this.renderer = view.state
             .facet(ReactRendererFacet)
-            .createItem('cm-file-upload-widget', () => renderWidget(dom, Object.assign({}, this.props)));
+            .createItem('cm-file-upload-widget', () => renderWidget(dom, { ...this.props }));
     }
 }
 class FileUploadPresenter {
+    widget;
+    file;
+    view;
+    uploader;
+    needDimensionsForImages;
+    enableNewImageSizeCalculation;
+    state = 'initial';
     constructor(params) {
-        this.state = 'initial';
-        this.onUploadSuccess = (res) => {
-            if (this.state === 'canceled')
-                return;
-            this.state = 'success';
-            this.widget.render({
-                status: 'success',
-                fileName: this.file.name,
-                fileType: isImageFile(this.file) ? 'image' : 'file',
-            });
-            setTimeout(async () => {
-                const markup = await this.formatFileMarkup(res);
-                if (this.state === 'canceled')
-                    return;
-                this.view.dispatch({
-                    effects: RemoveUploadWidgetEffect.of({
-                        id: this.widget.selfId,
-                        markup,
-                    }),
-                });
-            }, SUCCESS_UPLOAD_REMOVE_TIMEOUT);
-        };
-        this.onUploadError = (err) => {
-            if (this.state === 'canceled')
-                return;
-            this.state = 'error';
-            this.widget.render({
-                status: 'error',
-                fileName: this.file.name,
-                fileType: isImageFile(this.file) ? 'image' : 'file',
-                errorText: String(err),
-                onReUploadClick: () => {
-                    if (this.state === 'error')
-                        this.run();
-                },
-            });
-        };
         this.file = params.file;
         this.view = params.view;
         this.widget = params.widget;
@@ -109,9 +77,44 @@ class FileUploadPresenter {
         });
         this.uploader(this.file).then(this.onUploadSuccess, this.onUploadError);
     }
+    onUploadSuccess = (res) => {
+        if (this.state === 'canceled')
+            return;
+        this.state = 'success';
+        this.widget.render({
+            status: 'success',
+            fileName: this.file.name,
+            fileType: isImageFile(this.file) ? 'image' : 'file',
+        });
+        setTimeout(async () => {
+            const markup = await this.formatFileMarkup(res);
+            if (this.state === 'canceled')
+                return;
+            this.view.dispatch({
+                effects: RemoveUploadWidgetEffect.of({
+                    id: this.widget.selfId,
+                    markup,
+                }),
+            });
+        }, SUCCESS_UPLOAD_REMOVE_TIMEOUT);
+    };
+    onUploadError = (err) => {
+        if (this.state === 'canceled')
+            return;
+        this.state = 'error';
+        this.widget.render({
+            status: 'error',
+            fileName: this.file.name,
+            fileType: isImageFile(this.file) ? 'image' : 'file',
+            errorText: String(err),
+            onReUploadClick: () => {
+                if (this.state === 'error')
+                    this.run();
+            },
+        });
+    };
     async formatFileMarkup(res) {
-        var _a, _b;
-        const fileName = (_b = (_a = res.name) !== null && _a !== void 0 ? _a : this.file.name) !== null && _b !== void 0 ? _b : '';
+        const fileName = res.name ?? this.file.name ?? '';
         let markup = `![${fileName}](${res.url}`;
         if (isImageFile(this.file)) {
             if (this.needDimensionsForImages) {
@@ -143,8 +146,9 @@ class FileUploadPresenter {
     }
 }
 export const FilesUploadPlugin = ViewPlugin.fromClass(class {
+    decos = Decoration.none;
+    view;
     constructor(view) {
-        this.decos = Decoration.none;
         this.view = view;
     }
     update(update) {
@@ -227,3 +231,4 @@ export const FilesUploadPlugin = ViewPlugin.fromClass(class {
         },
     },
 });
+//# sourceMappingURL=plugin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sourceRoot":"../../../../../src","sources":["markup/codemirror/files-upload-plugin/plugin.ts"],"names":[],"mappings":"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","sourcesContent":["import type {ChangeSpec} from '@codemirror/state';\nimport {\n    Decoration,\n    type DecorationSet,\n    type EditorView,\n    type PluginValue,\n    ViewPlugin,\n    type ViewUpdate,\n    WidgetType,\n} from '@codemirror/view';\n\nimport type {RendererItem} from '../../../extensions';\nimport {type FileUploadHandler, type FileUploadResult, getProportionalSize} from '../../../utils';\nimport {FileUploadHandlerFacet} from '../files-upload-facet';\nimport {ReactRendererFacet} from '../react-facet';\n\nimport {IMG_MAX_HEIGHT, SUCCESS_UPLOAD_REMOVE_TIMEOUT} from './const';\nimport {AddUploadWidgetEffect, RemoveUploadWidgetEffect} from './effects';\nimport {getImageDimensions, getTransferFiles, isImageFile, uniqueId} from './utils';\nimport {renderWidget} from './widget';\n\nclass FileUploadWidget extends WidgetType {\n    readonly selfId: string;\n\n    private presenter?: FileUploadPresenter;\n\n    private renderer: RendererItem | null = null;\n    private props: object = {};\n\n    constructor(id: string) {\n        super();\n        this.selfId = id;\n    }\n\n    toDOM(view: EditorView): HTMLElement {\n        const dom = document.createElement('div');\n        dom.className = 'cm-file-upload-widget';\n        dom.style.display = 'inline-block';\n        this.renderer?.remove();\n        this.createRenderItem(dom, view);\n        return dom;\n    }\n\n    updateDOM(dom: HTMLElement, view: EditorView): boolean {\n        this.renderer?.remove();\n        this.createRenderItem(dom, view);\n        return true;\n    }\n\n    destroy(dom: HTMLElement): void {\n        super.destroy(dom);\n        this.renderer?.remove();\n        this.presenter?.cancel();\n        this.presenter = undefined;\n    }\n\n    setPresenter(presenter: FileUploadPresenter) {\n        this.presenter = presenter;\n    }\n\n    render(props: object) {\n        Object.assign(this.props, props);\n        this.renderer?.rerender();\n    }\n\n    private createRenderItem(dom: HTMLElement, view: EditorView) {\n        this.renderer = view.state\n            .facet(ReactRendererFacet)\n            .createItem('cm-file-upload-widget', () => renderWidget(dom, {...(this.props as any)}));\n    }\n}\n\nclass FileUploadPresenter {\n    readonly widget: FileUploadWidget;\n\n    private readonly file: File;\n    private readonly view: EditorView;\n    private readonly uploader: FileUploadHandler;\n    private readonly needDimensionsForImages: boolean;\n    private readonly enableNewImageSizeCalculation: boolean;\n\n    private state: 'initial' | 'uploading' | 'success' | 'error' | 'canceled' = 'initial';\n\n    constructor(params: {\n        file: File;\n        widget: FileUploadWidget;\n        uploader: FileUploadHandler;\n        view: EditorView;\n        needDimensionsForImages: boolean;\n        enableNewImageSizeCalculation: boolean;\n    }) {\n        this.file = params.file;\n        this.view = params.view;\n        this.widget = params.widget;\n        this.uploader = params.uploader;\n        this.needDimensionsForImages = params.needDimensionsForImages;\n        this.enableNewImageSizeCalculation = params.enableNewImageSizeCalculation;\n        this.widget.setPresenter(this);\n        this.run();\n    }\n\n    cancel() {\n        this.state = 'canceled';\n    }\n\n    private run() {\n        this.state = 'uploading';\n        this.widget.render({\n            status: 'uploading',\n            fileName: this.file.name,\n            fileType: isImageFile(this.file) ? 'image' : 'file',\n        });\n        this.uploader(this.file).then(this.onUploadSuccess, this.onUploadError);\n    }\n\n    private onUploadSuccess = (res: FileUploadResult) => {\n        if (this.state === 'canceled') return;\n        this.state = 'success';\n        this.widget.render({\n            status: 'success',\n            fileName: this.file.name,\n            fileType: isImageFile(this.file) ? 'image' : 'file',\n        });\n        setTimeout(async () => {\n            const markup = await this.formatFileMarkup(res);\n            if (this.state === 'canceled') return;\n\n            this.view.dispatch({\n                effects: RemoveUploadWidgetEffect.of({\n                    id: this.widget.selfId,\n                    markup,\n                }),\n            });\n        }, SUCCESS_UPLOAD_REMOVE_TIMEOUT);\n    };\n\n    private onUploadError = (err: unknown) => {\n        if (this.state === 'canceled') return;\n        this.state = 'error';\n        this.widget.render({\n            status: 'error',\n            fileName: this.file.name,\n            fileType: isImageFile(this.file) ? 'image' : 'file',\n            errorText: String(err),\n            onReUploadClick: () => {\n                if (this.state === 'error') this.run();\n            },\n        });\n    };\n\n    private async formatFileMarkup(res: FileUploadResult) {\n        const fileName = res.name ?? this.file.name ?? '';\n\n        let markup = `![${fileName}](${res.url}`;\n\n        if (isImageFile(this.file)) {\n            if (this.needDimensionsForImages) {\n                try {\n                    const fileSize = await getImageDimensions(this.file);\n\n                    if (this.enableNewImageSizeCalculation) {\n                        const {width, height} = getProportionalSize({\n                            width: fileSize.width,\n                            height: fileSize.height,\n                            imgMaxHeight: IMG_MAX_HEIGHT,\n                        });\n\n                        markup += ` =${width}x${height}`;\n                    } else {\n                        const height = Math.min(fileSize.height, IMG_MAX_HEIGHT);\n                        markup += ` =x${height}`;\n                    }\n                } catch (err) {\n                    console.error(err);\n                }\n            }\n\n            markup += `)`;\n        } else {\n            markup = `{% file src=\"${res.url}\" name=\"${fileName.replace('\"', '')}\" %}`;\n        }\n\n        return markup;\n    }\n}\n\nexport const FilesUploadPlugin = ViewPlugin.fromClass(\n    class implements PluginValue {\n        decos: DecorationSet = Decoration.none;\n        readonly view: EditorView;\n\n        constructor(view: EditorView) {\n            this.view = view;\n        }\n\n        update(update: ViewUpdate): void {\n            this.decos = this.decos.map(update.changes);\n            const uploadFacet = this.view.state.facet(FileUploadHandlerFacet);\n\n            const changes: ChangeSpec[] = [];\n\n            for (const tr of update.transactions) {\n                for (const eff of tr.effects) {\n                    if (eff.is(AddUploadWidgetEffect)) {\n                        this.decos = this.decos.update({\n                            add: Array.from(eff.value.files).map((file, index) => {\n                                const {widget} = new FileUploadPresenter({\n                                    file,\n                                    view: this.view,\n                                    uploader: uploadFacet.fn,\n                                    needDimensionsForImages: Boolean(\n                                        uploadFacet.imageWithDimensions,\n                                    ),\n                                    enableNewImageSizeCalculation: Boolean(\n                                        uploadFacet.enableNewImageSizeCalculation,\n                                    ),\n                                    widget: new FileUploadWidget(uniqueId('__file_widget_id')),\n                                });\n                                return Decoration.widget({\n                                    widget,\n                                    side: 1,\n                                    __file_widget_id: widget.selfId,\n                                }).range(eff.value.pos + index);\n                            }),\n                        });\n                    }\n                    if (eff.is(RemoveUploadWidgetEffect)) {\n                        this.decos = this.decos.update({\n                            filter: (from, to, deco) => {\n                                if (deco.spec.__file_widget_id !== eff.value.id) return true;\n                                if (eff.value.markup) {\n                                    changes.push({from, to, insert: eff.value.markup});\n                                }\n                                return false;\n                            },\n                        });\n                    }\n                }\n            }\n\n            if (changes.length) {\n                setTimeout(() => {\n                    this.view.dispatch({changes});\n                });\n            }\n        }\n    },\n    {\n        decorations: (v) => v.decos,\n        eventHandlers: {\n            paste(event, view) {\n                if (!event.clipboardData) return false;\n\n                const files = getTransferFiles(event.clipboardData);\n                if (!files) return false;\n\n                const {from, to} = view.state.selection.main;\n\n                view.dispatch({\n                    selection: {anchor: from},\n                    effects: AddUploadWidgetEffect.of({files, pos: from}),\n                    changes: {from, to, insert: ' '.repeat(files.length)},\n                });\n                event.preventDefault();\n                return true;\n            },\n            drop(event, view) {\n                if (!event.dataTransfer) return false;\n\n                const files = getTransferFiles(event.dataTransfer);\n                if (!files) return false;\n\n                const pos = this.view.posAtCoords(event, false);\n                view.dispatch({\n                    selection: {anchor: pos},\n                    effects: AddUploadWidgetEffect.of({files, pos}),\n                    changes: {from: pos, insert: ' '.repeat(files.length)},\n                });\n                event.preventDefault();\n                return true;\n            },\n        },\n    },\n);\n"]}

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

@@ -1,5 +1,5 @@
-export { uniqueId } from '../../../lodash';
-export { isImageFile } from '../../../utils/clipboard';
+export { uniqueId } from "../../../lodash.js";
+export { isImageFile } from "../../../utils/clipboard.js";
 export declare function getImageDimensions(imgFile: File): Promise<{
     width: number;
     height: number;

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

@@ -1,6 +1,6 @@
-import { isFilesFromHtml, isFilesOnly } from '../../../utils';
-export { uniqueId } from '../../../lodash';
-export { isImageFile } from '../../../utils/clipboard';
+import { isFilesFromHtml, isFilesOnly } from "../../../utils/index.js";
+export { uniqueId } from "../../../lodash.js";
+export { isImageFile } from "../../../utils/clipboard.js";
 export async function getImageDimensions(imgFile) {
     const img = await loadImage(imgFile);
     return { width: img.naturalWidth, height: img.naturalHeight };
@@ -23,3 +23,4 @@ export function getTransferFiles(data) {
         return null;
     return Array.from(data.files);
 }
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["markup/codemirror/files-upload-plugin/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,WAAW,EAAC,gCAAuB;AAE5D,OAAO,EAAC,QAAQ,EAAC,2BAAwB;AACzC,OAAO,EAAC,WAAW,EAAC,oCAAiC;AAErD,MAAM,CAAC,KAAK,UAAU,kBAAkB,CAAC,OAAa;IAClD,MAAM,GAAG,GAAG,MAAM,SAAS,CAAC,OAAO,CAAC,CAAC;IACrC,OAAO,EAAC,KAAK,EAAE,GAAG,CAAC,YAAY,EAAE,MAAM,EAAE,GAAG,CAAC,aAAa,EAAC,CAAC;AAChE,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,OAAa;IACzC,OAAO,IAAI,OAAO,CAAmB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QACvC,GAAG,CAAC,MAAM,GAAG,GAAG,EAAE;YACd,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YAC7B,OAAO,CAAC,GAAG,CAAC,CAAC;QACjB,CAAC,CAAC;QACF,GAAG,CAAC,OAAO,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACP,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,IAAyB;IACtD,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAC9D,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAClC,CAAC","sourcesContent":["import {isFilesFromHtml, isFilesOnly} from '../../../utils';\n\nexport {uniqueId} from '../../../lodash';\nexport {isImageFile} from '../../../utils/clipboard';\n\nexport async function getImageDimensions(imgFile: File) {\n    const img = await loadImage(imgFile);\n    return {width: img.naturalWidth, height: img.naturalHeight};\n}\n\nexport async function loadImage(imgFile: File) {\n    return new Promise<HTMLImageElement>((resolve, reject) => {\n        const img = document.createElement('img');\n        img.src = URL.createObjectURL(imgFile);\n        img.onload = () => {\n            URL.revokeObjectURL(img.src);\n            resolve(img);\n        };\n        img.onerror = (_e, _s, _l, _c, error) => reject(error);\n    });\n}\n\nexport function getTransferFiles(data: DataTransfer | null): File[] | null {\n    if (!data) return null;\n    if (!isFilesOnly(data) && !isFilesFromHtml(data)) return null;\n    return Array.from(data.files);\n}\n"]}

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

@@ -1,13 +1,12 @@
-/// <reference types="react" />
-import './widget.css';
+import "./widget.css";
 export declare function renderWidget(container: HTMLElement, props: UploadLabelProps): JSX.Element;
-export declare type UploadedFile = {
+export type UploadedFile = {
     fileName: string;
     fileType: 'image' | 'file';
     status: 'uploading' | 'success' | 'error';
     errorText?: string;
 };
-export declare type UploadLabelProps = UploadedFile & {
+export type UploadLabelProps = UploadedFile & {
     onReUploadClick: () => void;
 };
 export declare function UploadLabel({ fileName, fileType, status, errorText, onReUploadClick, }: UploadLabelProps): JSX.Element | null;

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

@@ -1,33 +1,24 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ArrowsRotateRight } from '@gravity-ui/icons';
 import { Icon, Label, Portal, Spin, Tooltip } from '@gravity-ui/uikit';
-import { icons } from '../../../bundle/config/icons';
-import { cn } from '../../../classname';
-import './widget.css';
+import { icons } from "../../../bundle/config/icons.js";
+import { cn } from "../../../classname.js";
+import "./widget.css";
 export function renderWidget(container, props) {
-    return (React.createElement(Portal, { container: container },
-        React.createElement(UploadLabel, Object.assign({}, props))));
+    return (_jsx(Portal, { container: container, children: _jsx(UploadLabel, { ...props }) }));
 }
 const cnLabel = cn('upload-label');
 export function UploadLabel({ fileName, fileType, status, errorText, onReUploadClick, }) {
     const icon = fileType === 'image' ? icons.image : icons.file;
     if (status === 'uploading') {
-        return (React.createElement(Label, { size: "xs", theme: "info", icon: React.createElement(Icon, Object.assign({}, icon)), className: cnLabel({ status }) },
-            React.createElement("div", { className: cnLabel('content') },
-                React.createElement("span", { title: fileName, className: cnLabel('filename') }, fileName),
-                React.createElement(Spin, { size: "xs" }))));
+        return (_jsx(Label, { size: "xs", theme: "info", icon: _jsx(Icon, { ...icon }), className: cnLabel({ status }), children: _jsxs("div", { className: cnLabel('content'), children: [_jsx("span", { title: fileName, className: cnLabel('filename'), children: fileName }), _jsx(Spin, { size: "xs" })] }) }));
     }
     if (status === 'success') {
-        return (React.createElement(Label, { size: "xs", theme: "success", icon: React.createElement(Icon, Object.assign({}, icon)), className: cnLabel({ status }) },
-            React.createElement("div", { className: cnLabel('content') },
-                React.createElement("span", { title: fileName, className: cnLabel('filename') }, fileName))));
+        return (_jsx(Label, { size: "xs", theme: "success", icon: _jsx(Icon, { ...icon }), className: cnLabel({ status }), children: _jsx("div", { className: cnLabel('content'), children: _jsx("span", { title: fileName, className: cnLabel('filename'), children: fileName }) }) }));
     }
     if (status === 'error') {
-        return (React.createElement(Tooltip, { content: errorText },
-            React.createElement(Label, { size: "xs", interactive: true, theme: "danger", icon: React.createElement(Icon, Object.assign({}, icon)), onClick: onReUploadClick, className: cnLabel({ status }) },
-                React.createElement("div", { className: cnLabel('content') },
-                    React.createElement("span", { className: cnLabel('filename') }, fileName),
-                    React.createElement(Icon, { data: ArrowsRotateRight, size: 16 })))));
+        return (_jsx(Tooltip, { content: errorText, children: _jsx(Label, { size: "xs", interactive: true, theme: "danger", icon: _jsx(Icon, { ...icon }), onClick: onReUploadClick, className: cnLabel({ status }), children: _jsxs("div", { className: cnLabel('content'), children: [_jsx("span", { className: cnLabel('filename'), children: fileName }), _jsx(Icon, { data: ArrowsRotateRight, size: 16 })] }) }) }));
     }
     return null;
 }
+//# sourceMappingURL=widget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget.js","sourceRoot":"../../../../../src","sources":["markup/codemirror/files-upload-plugin/widget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,MAAM,mBAAmB,CAAC;AAErE,OAAO,EAAC,KAAK,EAAC,wCAAqC;AACnD,OAAO,EAAC,EAAE,EAAC,8BAA2B;AAEtC,sBAAuB;AAEvB,MAAM,UAAU,YAAY,CAAC,SAAsB,EAAE,KAAuB;IACxE,OAAO,CACH,KAAC,MAAM,IAAC,SAAS,EAAE,SAAS,YACxB,KAAC,WAAW,OAAK,KAAK,GAAI,GACrB,CACZ,CAAC;AACN,CAAC;AASD,MAAM,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC;AAInC,MAAM,UAAU,WAAW,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,EACT,eAAe,GACA;IACf,MAAM,IAAI,GAAG,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;IAE7D,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;QACzB,OAAO,CACH,KAAC,KAAK,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,KAAC,IAAI,OAAK,IAAI,GAAI,EAAE,SAAS,EAAE,OAAO,CAAC,EAAC,MAAM,EAAC,CAAC,YAChF,eAAK,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,aAC9B,eAAM,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,UAAU,CAAC,YAChD,QAAQ,GACN,EACP,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,GAAG,IAChB,GACF,CACX,CAAC;IACN,CAAC;IAED,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO,CACH,KAAC,KAAK,IACF,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,KAAC,IAAI,OAAK,IAAI,GAAI,EACxB,SAAS,EAAE,OAAO,CAAC,EAAC,MAAM,EAAC,CAAC,YAE5B,cAAK,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,YAC9B,eAAM,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,UAAU,CAAC,YAChD,QAAQ,GACN,GACL,GACF,CACX,CAAC;IACN,CAAC;IAED,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;QACrB,OAAO,CACH,KAAC,OAAO,IAAC,OAAO,EAAE,SAAS,YACvB,KAAC,KAAK,IACF,IAAI,EAAC,IAAI,EACT,WAAW,QACX,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,KAAC,IAAI,OAAK,IAAI,GAAI,EACxB,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,OAAO,CAAC,EAAC,MAAM,EAAC,CAAC,YAE5B,eAAK,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,aAC9B,eAAM,SAAS,EAAE,OAAO,CAAC,UAAU,CAAC,YAAG,QAAQ,GAAQ,EACvD,KAAC,IAAI,IAAC,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,GAAI,IACzC,GACF,GACF,CACb,CAAC;IACN,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC","sourcesContent":["import {ArrowsRotateRight} from '@gravity-ui/icons';\nimport {Icon, Label, Portal, Spin, Tooltip} from '@gravity-ui/uikit';\n\nimport {icons} from '../../../bundle/config/icons';\nimport {cn} from '../../../classname';\n\nimport './widget.scss';\n\nexport function renderWidget(container: HTMLElement, props: UploadLabelProps) {\n    return (\n        <Portal container={container}>\n            <UploadLabel {...props} />\n        </Portal>\n    );\n}\n\nexport type UploadedFile = {\n    fileName: string;\n    fileType: 'image' | 'file';\n    status: 'uploading' | 'success' | 'error';\n    errorText?: string;\n};\n\nconst cnLabel = cn('upload-label');\nexport type UploadLabelProps = UploadedFile & {\n    onReUploadClick: () => void;\n};\nexport function UploadLabel({\n    fileName,\n    fileType,\n    status,\n    errorText,\n    onReUploadClick,\n}: UploadLabelProps) {\n    const icon = fileType === 'image' ? icons.image : icons.file;\n\n    if (status === 'uploading') {\n        return (\n            <Label size=\"xs\" theme=\"info\" icon={<Icon {...icon} />} className={cnLabel({status})}>\n                <div className={cnLabel('content')}>\n                    <span title={fileName} className={cnLabel('filename')}>\n                        {fileName}\n                    </span>\n                    <Spin size=\"xs\" />\n                </div>\n            </Label>\n        );\n    }\n\n    if (status === 'success') {\n        return (\n            <Label\n                size=\"xs\"\n                theme=\"success\"\n                icon={<Icon {...icon} />}\n                className={cnLabel({status})}\n            >\n                <div className={cnLabel('content')}>\n                    <span title={fileName} className={cnLabel('filename')}>\n                        {fileName}\n                    </span>\n                </div>\n            </Label>\n        );\n    }\n\n    if (status === 'error') {\n        return (\n            <Tooltip content={errorText}>\n                <Label\n                    size=\"xs\"\n                    interactive\n                    theme=\"danger\"\n                    icon={<Icon {...icon} />}\n                    onClick={onReUploadClick}\n                    className={cnLabel({status})}\n                >\n                    <div className={cnLabel('content')}>\n                        <span className={cnLabel('filename')}>{fileName}</span>\n                        <Icon data={ArrowsRotateRight} size={16} />\n                    </div>\n                </Label>\n            </Tooltip>\n        );\n    }\n\n    return null;\n}\n"]}

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

@@ -1,7 +1,7 @@
 import { HighlightStyle, defaultHighlightStyle } from '@codemirror/language';
 import { EditorView } from '@codemirror/view';
 import { tags as t } from '@lezer/highlight';
-import { customTags as ct } from './yfm';
+import { customTags as ct } from "./yfm.js";
 export const gravityHighlightStyle = HighlightStyle.define(defaultHighlightStyle.specs.concat({ tag: t.meta, color: 'var(--g-color-text-hint)' }, { tag: t.link, color: 'var(--g-color-text-link)' }, { tag: t.url, color: 'var(--g-color-text-link-hover)' }, { tag: t.contentSeparator, color: 'var(--g-color-text-secondary)' }, { tag: [t.string, t.deleted], color: 'var(--g-color-text-danger)' }, { tag: t.escape, color: 'var(--g-color-text-danger-heavy)' }, { tag: t.typeName, color: 'var(--g-color-text-positive-heavy)' }, { tag: t.atom, color: 'var(--g-color-text-info-heavy)' }, { tag: t.labelName, color: 'var(--g-color-text-complementary)' }, { tag: t.heading, fontWeight: 'bold' }, 
 // custom tags
 { tag: ct.underline, textDecoration: 'underline' }, { tag: ct.monospace, fontFamily: 'monospace' }, { tag: ct.marked, color: 'marktext', backgroundColor: 'mark' }));
@@ -55,3 +55,4 @@ export const gravityTheme = EditorView.baseTheme({
         },
     },
 });
+//# sourceMappingURL=gravity.js.map