@gravity-ui/markdown-editor 14.4.0 → 14.5.1

package/build/cjs/markup/commands/inline.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.insertFiles = exports.insertImages = exports.insertAnchor = exports.insertLink = void 0;
 const autocomplete_1 = require("@codemirror/autocomplete");
+const codemirror_1 = require("../codemirror");
 const defaultLinkSnippet = (0, autocomplete_1.snippet)(`[#{2:link}](#{1:url} "#{3:title}")`);
 const insertLink = ({ state, dispatch }) => {
     const { from, to, empty } = state.selection.main;
@@ -47,16 +48,25 @@ function insertImages(images) {
     };
 }
 exports.insertImages = insertImages;
+const fileToCurlySyntax = (file) => {
+    const attrsStr = Object.entries(file)
+        .map(([key, value]) => `${key}="${value.replace('"', '')}"`)
+        .join(' ');
+    return `{% file ${attrsStr} %}`;
+};
+const fileToDirectiveSyntax = (file) => {
+    const { src, name, type } = file;
+    let markup = `:file[${name}](${src})`;
+    if (type)
+        markup += `{type="${type}"}`;
+    return markup;
+};
 const insertFiles = (files) => {
     return ({ state, dispatch }) => {
-        const markup = files
-            .map((attrs) => {
-            const attrsStr = Object.entries(attrs)
-                .map(([key, value]) => `${key}="${value.replace('"', '')}"`)
-                .join(' ');
-            return `{% file ${attrsStr} %}`;
-        })
-            .join(' ');
+        const serializer = state.facet(codemirror_1.DirectiveSyntaxFacet).shouldInsertDirectiveMarkup('yfmFile')
+            ? fileToDirectiveSyntax
+            : fileToCurlySyntax;
+        const markup = files.map(serializer).join(' ');
         const tr = state.changeByRange((range) => {
             const changes = state.changes({ from: range.from, to: range.to, insert: markup });
             return { changes, range: range.map(changes) };

package/build/cjs/utils/clipboard.d.ts

@@ -3,6 +3,7 @@ export declare enum DataTransferType {
     Text = "text/plain",
     Html = "text/html",
     Yfm = "text/yfm",
+    Rtf = "text/rtf",
     UriList = "text/uri-list",
     VSCodeData = "vscode-editor-data",
     Files = "Files"
@@ -10,3 +11,16 @@ export declare enum DataTransferType {
 export declare function isFilesOnly({ types }: DataTransfer): boolean;
 export declare function isFilesFromHtml({ types }: DataTransfer): boolean;
 export declare function isImageFile(file: File): boolean;
+export declare function isVSCode(data: DataTransfer): boolean;
+export declare type VSCodeData = {
+    version: number;
+    isFromEmptySelection: boolean;
+    multicursorText: null | string;
+    mode: string;
+    [key: string]: unknown;
+};
+export declare function tryParseVSCodeData(data: DataTransfer): VSCodeData | undefined;
+/**
+ * Checks if HTML conversion should be skipped based on clipboard contents.
+ */
+export declare function shouldSkipHtmlConversion(clipboardData: DataTransfer): boolean;

package/build/cjs/utils/clipboard.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isImageFile = exports.isFilesFromHtml = exports.isFilesOnly = exports.DataTransferType = void 0;
+exports.shouldSkipHtmlConversion = exports.tryParseVSCodeData = exports.isVSCode = exports.isImageFile = exports.isFilesFromHtml = exports.isFilesOnly = exports.DataTransferType = void 0;
 /** Сontains all data formats known to us */
 var DataTransferType;
 (function (DataTransferType) {
     DataTransferType["Text"] = "text/plain";
     DataTransferType["Html"] = "text/html";
     DataTransferType["Yfm"] = "text/yfm";
+    DataTransferType["Rtf"] = "text/rtf";
     DataTransferType["UriList"] = "text/uri-list";
     DataTransferType["VSCodeData"] = "vscode-editor-data";
     DataTransferType["Files"] = "Files";
@@ -25,3 +26,37 @@ function isImageFile(file) {
     return file.type.startsWith('image/');
 }
 exports.isImageFile = isImageFile;
+function isVSCode(data) {
+    return data.types.includes(DataTransferType.VSCodeData);
+}
+exports.isVSCode = isVSCode;
+function tryParseVSCodeData(data) {
+    try {
+        return JSON.parse(data.getData(DataTransferType.VSCodeData));
+    }
+    catch (e) {
+        console.error(e);
+        return undefined;
+    }
+}
+exports.tryParseVSCodeData = tryParseVSCodeData;
+/**
+ * Checks if HTML conversion should be skipped based on clipboard contents.
+ */
+function shouldSkipHtmlConversion(clipboardData) {
+    const hasHtml = clipboardData.types.includes(DataTransferType.Html);
+    // If there's no HTML content, skip conversion
+    if (!hasHtml)
+        return true;
+    // Check for standard HTML clipboard (text/plain + text/html)
+    if (clipboardData.types.length === 2)
+        return false;
+    // Check for WebStorm/Safari case (includes RTF)
+    if (clipboardData.types.length === 3) {
+        const rtf = clipboardData.getData(DataTransferType.Rtf);
+        return rtf.indexOf('\fmodern JetBrains') > 0;
+    }
+    // Skip conversion for any other cases
+    return true;
+}
+exports.shouldSkipHtmlConversion = shouldSkipHtmlConversion;

package/build/cjs/version.js

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

package/build/esm/bundle/Editor.js

@@ -168,6 +168,7 @@ export class EditorImpl extends SafeEventEmitter {
                 uploadHandler: this.fileUploadHandler,
                 parseInsertedUrlAsImage: this.parseInsertedUrlAsImage,
                 needImageDimensions: this.needToSetDimensionsForUploadedImages,
+                parseHtmlOnPaste: __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").parseHtmlOnPaste,
                 enableNewImageSizeCalculation: this.enableNewImageSizeCalculation,
                 extensions: __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").extensions,
                 disabledExtensions: __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").disabledExtensions,

package/build/esm/bundle/config/markup.d.ts

@@ -2,7 +2,7 @@ import { CodeEditor } from '../../markup/editor';
 import { ToolbarData } from '../../toolbar/Toolbar';
 import { ToolbarGroupData } from '../../toolbar/ToolbarGroup';
 import { ToolbarListButtonData } from '../../toolbar/ToolbarListButton';
-import { ToolbarButtonPopupData, ToolbarItemData, ToolbarListItemData, ToolbarReactComponentData, ToolbarSingleItemData } from '../../toolbar/types';
+import { ToolbarButtonPopupData, ToolbarItemData, ToolbarListButtonItemData, ToolbarListItemData, ToolbarReactComponentData, ToolbarSingleItemData } from '../../toolbar/types';
 import type { MarkdownEditorPreset } from '../types';
 export declare type MToolbarData = ToolbarData<CodeEditor>;
 export declare type MToolbarItemData = ToolbarItemData<CodeEditor>;
@@ -12,37 +12,61 @@ export declare type MToolbarReactComponentData = ToolbarReactComponentData<CodeE
 export declare type MToolbarListButtonData = ToolbarListButtonData<CodeEditor>;
 export declare type MToolbarListItemData = ToolbarListItemData<CodeEditor>;
 export declare type MToolbarButtonPopupData = ToolbarButtonPopupData<CodeEditor>;
-export declare const mHistoryGroupConfig: MToolbarGroupData;
-/** Bold, Italic, Underline, Strike buttons group */
+export declare const mUndoItemData: MToolbarSingleItemData;
+export declare const mRedoItemData: MToolbarSingleItemData;
 export declare const mBoldItemData: MToolbarSingleItemData;
 export declare const mItalicItemData: MToolbarSingleItemData;
 export declare const mUnderlineItemData: MToolbarSingleItemData;
 export declare const mStrikethroughItemData: MToolbarSingleItemData;
 export declare const mMonospaceItemData: MToolbarSingleItemData;
 export declare const mMarkedItemData: MToolbarSingleItemData;
-export declare const mBiusGroupConfig: MToolbarGroupData;
-export declare const mHeadingListConfig: MToolbarListButtonData;
-export declare const mListsListConfig: MToolbarListButtonData;
 export declare const mCheckboxButton: MToolbarSingleItemData;
-export declare const mListMoveListConfig: MToolbarListButtonData;
+export declare const mCheckboxItemData: MToolbarSingleItemData;
 export declare const mLinkButton: MToolbarSingleItemData;
-export declare const mNoteButton: MToolbarSingleItemData;
+export declare const mLinkItemData: MToolbarSingleItemData;
 export declare const mQuoteButton: MToolbarSingleItemData;
+export declare const mQuoteItemData: MToolbarSingleItemData;
 export declare const mCutButton: MToolbarSingleItemData;
+export declare const mCutItemData: MToolbarSingleItemData;
+export declare const mNoteButton: MToolbarSingleItemData;
+export declare const mNoteItemData: MToolbarSingleItemData;
 export declare const mTableButton: MToolbarSingleItemData;
-export declare const mCodeblockItemData: MToolbarItemData;
-export declare const mCodeListConfig: MToolbarListButtonData;
-export declare const mMathListConfig: MToolbarListButtonData;
-export declare const mMathListItem: MToolbarListItemData;
-export declare const mMermaidButton: MToolbarSingleItemData;
-export declare const mYfmHtmlBlockButton: MToolbarSingleItemData;
+export declare const mTableItemData: MToolbarSingleItemData;
+export declare const mCodeItemData: ToolbarListButtonItemData<CodeEditor>;
 export declare const mImagePopupData: MToolbarButtonPopupData;
+export declare const mImageItemData: MToolbarButtonPopupData;
 export declare const mFilePopupData: MToolbarButtonPopupData;
-/** prepared markup toolbar config */
-export declare const mToolbarConfig: MToolbarData;
+export declare const mFileItemData: MToolbarButtonPopupData;
+export declare const mTabsItemData: MToolbarSingleItemData;
+export declare const mMathInlineItemData: ToolbarListButtonItemData<CodeEditor>;
+export declare const mMathBlockItemData: ToolbarListButtonItemData<CodeEditor>;
+export declare const mYfmHtmlBlockButton: MToolbarSingleItemData;
+export declare const mYfmHtmlBlockItemData: MToolbarSingleItemData;
+export declare const mMermaidButton: MToolbarSingleItemData;
+export declare const mMermaidItemData: MToolbarSingleItemData;
+export declare const mCodeblockItemData: MToolbarItemData;
+export declare const mCodeBlockItemData: MToolbarItemData;
 export declare const mHruleItemData: MToolbarSingleItemData;
 export declare const mEmojiItemData: MToolbarSingleItemData;
-export declare const mTabsItemData: MToolbarSingleItemData;
+export declare const mMathListItem: MToolbarListItemData;
+export declare const mHeading1ItemData: ToolbarListButtonItemData<CodeEditor>;
+export declare const mHeading2ItemData: ToolbarListButtonItemData<CodeEditor>;
+export declare const mHeading3ItemData: ToolbarListButtonItemData<CodeEditor>;
+export declare const mHeading4ItemData: ToolbarListButtonItemData<CodeEditor>;
+export declare const mHeading5ItemData: ToolbarListButtonItemData<CodeEditor>;
+export declare const mHeading6ItemData: ToolbarListButtonItemData<CodeEditor>;
+export declare const mBulletListItemData: ToolbarListButtonItemData<CodeEditor>;
+export declare const mOrderedListItemData: ToolbarListButtonItemData<CodeEditor>;
+export declare const mSinkListItemData: ToolbarListButtonItemData<CodeEditor>;
+export declare const mLiftListItemData: ToolbarListButtonItemData<CodeEditor>;
+export declare const mHeadingListConfig: MToolbarListButtonData;
+export declare const mListsListConfig: MToolbarListButtonData;
+export declare const mListMoveListConfig: MToolbarListButtonData;
+export declare const mCodeListConfig: MToolbarListButtonData;
+export declare const mMathListConfig: MToolbarListButtonData;
 export declare const mHiddenData: MToolbarSingleItemData[];
+export declare const mHistoryGroupConfig: MToolbarGroupData;
+export declare const mBiusGroupConfig: MToolbarGroupData;
+export declare const mToolbarConfig: MToolbarData;
 export declare const mToolbarConfigByPreset: Record<MarkdownEditorPreset, MToolbarData>;
 export declare const mHiddenDataByPreset: Record<MarkdownEditorPreset, MToolbarItemData[]>;