@gravity-ui/markdown-editor 13.0.0

package/build/cjs/extensions/yfm/YfmFile/YfmFilePaste/index.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YfmFilePaste = void 0;
+const prosemirror_model_1 = require("prosemirror-model");
+const prosemirror_state_1 = require("prosemirror-state");
+const prosemirror_transform_1 = require("prosemirror-transform");
+const lodash_1 = require("../../../../lodash");
+const Clipboard_1 = require("../../../behavior/Clipboard");
+const markdown_1 = require("../../../markdown");
+const utils_1 = require("../../ImgSize/utils"); // TODO: remove hard import
+const YfmFileSpecs_1 = require("../YfmFileSpecs");
+const upload_1 = require("./upload");
+const { isFilesOnly, isFilesFromHtml, isImageFile } = Clipboard_1.clipboardUtils;
+const YfmFilePaste = (builder, opts) => {
+    if (!opts || !(0, lodash_1.isFunction)(opts.fileUploadHandler))
+        throw new Error('YfmFilePaste extension: fileUploadHandler is not a function');
+    builder.addPlugin(() => new prosemirror_state_1.Plugin({
+        props: {
+            handleDOMEvents: {
+                paste(view, e) {
+                    const files = getPastedFiles(e.clipboardData);
+                    if (files) {
+                        e.preventDefault();
+                        new YfmFilesPasteUploadProcess(view, files, {
+                            uploadHandler: opts.fileUploadHandler,
+                            needToSetDimensionsForUploadedImages: opts.needToSetDimensionsForUploadedImages,
+                        }).run();
+                        return true;
+                    }
+                    return false;
+                },
+                drop(view, e) {
+                    var _a, _b;
+                    // handle drop files from device
+                    if (view.dragging)
+                        return false;
+                    const files = getPastedFiles(e.dataTransfer);
+                    if (!files)
+                        return false;
+                    const dropPos = (_b = (_a = view.posAtCoords({ left: e.clientX, top: e.clientY })) === null || _a === void 0 ? void 0 : _a.pos) !== null && _b !== void 0 ? _b : -1;
+                    if (dropPos === -1)
+                        return false;
+                    const posToInsert = (0, prosemirror_transform_1.dropPoint)(view.state.doc, dropPos, createFakeFileSlice(view.state.schema));
+                    if (posToInsert !== null) {
+                        new YfmFilesPasteUploadProcess(view, files, {
+                            pos: posToInsert,
+                            uploadHandler: opts.fileUploadHandler,
+                            needToSetDimensionsForUploadedImages: opts.needToSetDimensionsForUploadedImages,
+                        }).run();
+                    }
+                    e.preventDefault();
+                    return true;
+                },
+            },
+        },
+    }), builder.Priority.Low);
+};
+exports.YfmFilePaste = YfmFilePaste;
+function getPastedFiles(data) {
+    if (!data)
+        return null;
+    if (!isFilesOnly(data) && !isFilesFromHtml(data))
+        return null;
+    return Array.from(data.files);
+}
+function createFakeFileSlice(schema) {
+    return new prosemirror_model_1.Slice(prosemirror_model_1.Fragment.from((0, YfmFileSpecs_1.fileType)(schema).create({
+        href: 'fake',
+        download: 'file',
+    })), 0, 0);
+}
+class YfmFilesPasteUploadProcess extends upload_1.YfmFilesUploadProcessBase {
+    constructor(view, files, opts) {
+        super(view, files, opts.uploadHandler);
+        this.pos = opts.pos;
+        const { schema } = this.view.state;
+        if ((0, markdown_1.imageType)(schema)) {
+            this.createImage = (0, utils_1.createImageNode)((0, markdown_1.imageType)(schema), {
+                needDimmensions: opts.needToSetDimensionsForUploadedImages,
+            });
+        }
+    }
+    getSkeletonInitPos() {
+        var _a;
+        return (_a = this.pos) !== null && _a !== void 0 ? _a : this.view.state.tr.selection.from;
+    }
+    async createPMNode(res) {
+        return isImageFile(res.file) && this.createImage
+            ? this.createImage(res)
+            : this.createFile(res);
+    }
+}

package/build/cjs/extensions/yfm/YfmFile/YfmFilePaste/skeleton.css

@@ -0,0 +1,8 @@
+.g-md-file-skeleton {
+  display: inline-flex;
+  align-items: center;
+}
+.g-md-file-skeleton__skeleton {
+  width: 120px;
+  height: 20px;
+}

package/build/cjs/extensions/yfm/YfmFile/YfmFilePaste/skeleton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ReactWidgetDescriptor } from '../../../behavior/WidgetDecoration';
+export declare class FileSkeletonDescriptor extends ReactWidgetDescriptor {
+    #private;
+    constructor(initPos: number);
+    getDomElem(): HTMLElement;
+    renderReactElement(): React.ReactElement;
+}

package/build/cjs/extensions/yfm/YfmFile/YfmFilePaste/skeleton.js

@@ -0,0 +1,28 @@
+"use strict";
+var _FileSkeletonDescriptor_domElem;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileSkeletonDescriptor = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const classname_1 = require("../../../../classname");
+const WidgetDecoration_1 = require("../../../behavior/WidgetDecoration");
+const b = (0, classname_1.cn)('file-skeleton');
+class FileSkeletonDescriptor extends WidgetDecoration_1.ReactWidgetDescriptor {
+    constructor(initPos) {
+        super(initPos, 'yfm_file_skeleton');
+        _FileSkeletonDescriptor_domElem.set(this, void 0);
+        tslib_1.__classPrivateFieldSet(this, _FileSkeletonDescriptor_domElem, document.createElement('span'), "f");
+        tslib_1.__classPrivateFieldGet(this, _FileSkeletonDescriptor_domElem, "f").classList.add(b(), 'yfm-file');
+    }
+    getDomElem() {
+        return tslib_1.__classPrivateFieldGet(this, _FileSkeletonDescriptor_domElem, "f");
+    }
+    renderReactElement() {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("span", { className: "yfm-file__icon" }),
+            react_1.default.createElement(uikit_1.Skeleton, { className: b('skeleton') })));
+    }
+}
+exports.FileSkeletonDescriptor = FileSkeletonDescriptor;
+_FileSkeletonDescriptor_domElem = new WeakMap();

package/build/cjs/extensions/yfm/YfmFile/YfmFilePaste/upload.d.ts

@@ -0,0 +1,12 @@
+import { Node } from 'prosemirror-model';
+import { EditorView } from 'prosemirror-view';
+import { FileUploadHandler, UploadSuccessItem } from '../../../../utils/upload';
+import { FilesBatchUploadProcess } from '../../../behavior/utils/upload';
+import { FileSkeletonDescriptor } from './skeleton';
+export declare abstract class YfmFilesUploadProcessBase extends FilesBatchUploadProcess {
+    protected readonly createFile: ({ result, file }: UploadSuccessItem) => Node;
+    constructor(view: EditorView, files: readonly File[], uploadHandler: FileUploadHandler);
+    protected createSkeleton(): FileSkeletonDescriptor;
+    protected abstract getSkeletonInitPos(): number;
+    protected createPMNode(res: UploadSuccessItem): Promise<Node>;
+}

package/build/cjs/extensions/yfm/YfmFile/YfmFilePaste/upload.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YfmFilesUploadProcessBase = void 0;
+const upload_1 = require("../../../behavior/utils/upload");
+const YfmFileSpecs_1 = require("../YfmFileSpecs");
+const utils_1 = require("../utils");
+const skeleton_1 = require("./skeleton");
+class YfmFilesUploadProcessBase extends upload_1.FilesBatchUploadProcess {
+    constructor(view, files, uploadHandler) {
+        super(view, files, uploadHandler);
+        this.createFile = (0, utils_1.createFileNode)((0, YfmFileSpecs_1.fileType)(this.view.state.schema));
+    }
+    createSkeleton() {
+        return new skeleton_1.FileSkeletonDescriptor(this.getSkeletonInitPos());
+    }
+    async createPMNode(res) {
+        return this.createFile(res);
+    }
+}
+exports.YfmFilesUploadProcessBase = YfmFilesUploadProcessBase;

package/build/cjs/extensions/yfm/YfmFile/YfmFileSpecs/const.d.ts

@@ -0,0 +1,6 @@
+import type { AttributeSpec } from 'prosemirror-model';
+export declare const yfmFileNodeName = "yfm_file";
+export declare const KNOWN_ATTRS: readonly string[];
+export declare const REQUIRED_ATTRS: string[];
+export declare const fileNodeAttrsSpec: Record<string, AttributeSpec>;
+export declare const LINK_TO_FILE_ATTRS_MAP: Record<string, string>;

package/build/cjs/extensions/yfm/YfmFile/YfmFileSpecs/const.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LINK_TO_FILE_ATTRS_MAP = exports.fileNodeAttrsSpec = exports.REQUIRED_ATTRS = exports.KNOWN_ATTRS = exports.yfmFileNodeName = void 0;
+const const_1 = require("@diplodoc/transform/lib/plugins/file/const");
+exports.yfmFileNodeName = const_1.FILE_TOKEN;
+exports.KNOWN_ATTRS = const_1.KNOWN_ATTRS.map((attrName) => {
+    if (attrName in const_1.FILE_TO_LINK_ATTRS_MAP)
+        return const_1.FILE_TO_LINK_ATTRS_MAP[attrName];
+    return attrName;
+});
+exports.REQUIRED_ATTRS = const_1.REQUIRED_ATTRS.map((attrName) => {
+    if (attrName in const_1.FILE_TO_LINK_ATTRS_MAP)
+        return const_1.FILE_TO_LINK_ATTRS_MAP[attrName];
+    return attrName;
+});
+exports.fileNodeAttrsSpec = {};
+for (const attrName of exports.KNOWN_ATTRS) {
+    const attrSpec = (exports.fileNodeAttrsSpec[attrName] = {});
+    if (!exports.REQUIRED_ATTRS.includes(attrName)) {
+        attrSpec.default = null;
+    }
+}
+exports.LINK_TO_FILE_ATTRS_MAP = {};
+for (const [key, value] of Object.entries(const_1.FILE_TO_LINK_ATTRS_MAP)) {
+    exports.LINK_TO_FILE_ATTRS_MAP[value] = key;
+}

package/build/cjs/extensions/yfm/YfmFile/YfmFileSpecs/index.d.ts

@@ -0,0 +1,4 @@
+import type { Extension } from '../../../../core';
+export { yfmFileNodeName } from './const';
+export declare const fileType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;
+export declare const YfmFileSpecs: Extension;

package/build/cjs/extensions/yfm/YfmFile/YfmFileSpecs/index.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YfmFileSpecs = exports.fileType = exports.yfmFileNodeName = void 0;
+const tslib_1 = require("tslib");
+const file_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/plugins/file"));
+const const_1 = require("@diplodoc/transform/lib/plugins/file/const");
+const schema_1 = require("../../../../utils/schema");
+const const_2 = require("./const");
+var const_3 = require("./const");
+Object.defineProperty(exports, "yfmFileNodeName", { enumerable: true, get: function () { return const_3.yfmFileNodeName; } });
+exports.fileType = (0, schema_1.nodeTypeFactory)(const_2.yfmFileNodeName);
+const YfmFileSpecs = (builder) => {
+    builder.configureMd((md) => md.use(file_1.default));
+    builder.addNode(const_2.yfmFileNodeName, () => ({
+        spec: {
+            group: 'inline',
+            inline: true,
+            attrs: const_2.fileNodeAttrsSpec,
+            parseDOM: [
+                {
+                    tag: `a[class="${const_1.FileClassName.Link}"]`,
+                    getAttrs(p) {
+                        const elem = p;
+                        const attrs = {};
+                        for (const name of const_2.KNOWN_ATTRS) {
+                            const value = elem.getAttribute(name);
+                            if (value) {
+                                attrs[name] = value;
+                            }
+                        }
+                        return attrs;
+                    },
+                    priority: 101,
+                },
+            ],
+            toDOM(node) {
+                const a = document.createElement('a');
+                a.contentEditable = 'false';
+                a.classList.add(const_1.FileClassName.Link);
+                for (const [key, value] of Object.entries(node.attrs)) {
+                    if (value)
+                        a.setAttribute(key, value);
+                }
+                const span = document.createElement('span');
+                span.classList.add(const_1.FileClassName.Icon);
+                a.appendChild(span);
+                a.append(node.attrs[const_1.LinkHtmlAttr.Download]);
+                return a;
+            },
+        },
+        fromMd: {
+            tokenName: const_2.yfmFileNodeName,
+            tokenSpec: {
+                name: const_2.yfmFileNodeName,
+                type: 'node',
+                getAttrs: (tok) => {
+                    var _a;
+                    return Object.fromEntries((_a = tok.attrs) !== null && _a !== void 0 ? _a : []);
+                },
+            },
+        },
+        toMd: (state, node) => {
+            const attrsStr = Object.entries(node.attrs)
+                .reduce((arr, [key, value]) => {
+                if (value) {
+                    if (key in const_2.LINK_TO_FILE_ATTRS_MAP) {
+                        key = const_2.LINK_TO_FILE_ATTRS_MAP[key];
+                    }
+                    arr.push(`${key}="${value.replace(/"/g, '')}"`);
+                }
+                return arr;
+            }, [])
+                .join(' ');
+            state.write(`${const_1.PREFIX}${attrsStr} %}`);
+        },
+    }));
+};
+exports.YfmFileSpecs = YfmFileSpecs;

package/build/cjs/extensions/yfm/YfmFile/YfmFileWidget/actions.d.ts

@@ -0,0 +1,3 @@
+import { ActionSpec, ExtensionDeps } from '../../../../core';
+import { FileUploadHandler } from '../../../../utils/upload';
+export declare const addFileWidget: (deps: ExtensionDeps, uploadFiles?: FileUploadHandler) => ActionSpec;

package/build/cjs/extensions/yfm/YfmFile/YfmFileWidget/actions.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addFileWidget = void 0;
+const widget_1 = require("./widget");
+const addFileWidget = (deps, uploadFiles) => ({
+    isEnable: (state) => state.selection.empty,
+    run(state, dispatch) {
+        dispatch((0, widget_1.addWidget)(state.tr, deps, uploadFiles));
+    },
+});
+exports.addFileWidget = addFileWidget;

package/build/cjs/extensions/yfm/YfmFile/YfmFileWidget/index.d.ts

@@ -0,0 +1,15 @@
+import { Action, ExtensionAuto } from '../../../../core';
+import { FileUploadHandler } from '../../../../utils/upload';
+declare const addFileAction = "addFile";
+export declare type YfmFileWidgetOptions = {
+    fileUploadHandler?: FileUploadHandler;
+};
+export declare const YfmFileWidget: ExtensionAuto<YfmFileWidgetOptions>;
+declare global {
+    namespace WysiwygEditor {
+        interface Actions {
+            [addFileAction]: Action;
+        }
+    }
+}
+export {};

package/build/cjs/extensions/yfm/YfmFile/YfmFileWidget/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YfmFileWidget = void 0;
+const actions_1 = require("./actions");
+const addFileAction = 'addFile';
+const YfmFileWidget = (builder, opts) => {
+    builder.addAction(addFileAction, (deps) => (0, actions_1.addFileWidget)(deps, opts.fileUploadHandler));
+};
+exports.YfmFileWidget = YfmFileWidget;

package/build/cjs/extensions/yfm/YfmFile/YfmFileWidget/view.css

@@ -0,0 +1,7 @@
+.g-md-file-placeholder {
+  margin: 0 4px;
+  pointer-events: none;
+}
+.g-md-file-placeholder .yfm-file__icon {
+  margin-right: 8px;
+}

package/build/cjs/extensions/yfm/YfmFile/YfmFileWidget/view.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FileFormProps } from '../../../../forms/FileForm';
+export declare type FilePlaceholderProps = {
+    onCancel: () => void;
+    onSubmit: FileFormProps['onSubmit'];
+    onAttach?: (files: File[]) => Promise<void>;
+};
+export declare const FilePlaceholder: React.FC<FilePlaceholderProps>;

package/build/cjs/extensions/yfm/YfmFile/YfmFileWidget/view.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilePlaceholder = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const react_use_1 = require("react-use");
+const classname_1 = require("../../../../classname");
+const FileForm_1 = require("../../../../forms/FileForm");
+const widgets_1 = require("../../../../i18n/widgets");
+const hooks_1 = require("../../../../react-utils/hooks");
+const b = (0, classname_1.cn)('file-placeholder');
+const placement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];
+const FilePlaceholder = ({ onCancel, onSubmit, onAttach }) => {
+    const isMounted = (0, react_use_1.useMountedState)();
+    const [loading, showLoading, hideLoading] = (0, hooks_1.useBooleanState)(false);
+    const divRef = react_1.default.useRef(null);
+    const attachHandler = react_1.default.useCallback((files) => {
+        if (!onAttach)
+            return;
+        if (isMounted()) {
+            showLoading();
+            onAttach(files).finally(() => {
+                if (isMounted()) {
+                    hideLoading();
+                }
+            });
+        }
+    }, [isMounted, onAttach, showLoading, hideLoading]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("span", { ref: divRef, className: b() },
+            react_1.default.createElement("a", { href: "#", className: "yfm-file" },
+                react_1.default.createElement("span", { className: "yfm-file__icon" }),
+                (0, widgets_1.i18n)('file'))),
+        react_1.default.createElement(uikit_1.Popup, { open: true, onClose: onCancel, anchorRef: divRef, placement: placement },
+            react_1.default.createElement(FileForm_1.FileForm, { autoFocus: true, loading: loading, onCancel: onCancel, onSubmit: onSubmit, onAttach: onAttach && attachHandler }))));
+};
+exports.FilePlaceholder = FilePlaceholder;

package/build/cjs/extensions/yfm/YfmFile/YfmFileWidget/widget.d.ts

@@ -0,0 +1,5 @@
+import { Transaction } from 'prosemirror-state';
+import { ExtensionDeps } from '../../../../core';
+import { FileUploadHandler } from '../../../../utils/upload';
+export declare const addWidget: (tr: Transaction, deps: ExtensionDeps, uploadFiles?: FileUploadHandler) => Transaction;
+export declare const removeWidget: (tr: Transaction, id: string) => Transaction;

package/build/cjs/extensions/yfm/YfmFile/YfmFileWidget/widget.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeWidget = exports.addWidget = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const WidgetDecoration_1 = require("../../../behavior/WidgetDecoration");
+const markdown_1 = require("../../../markdown");
+const upload_1 = require("../YfmFilePaste/upload");
+const YfmFileSpecs_1 = require("../YfmFileSpecs");
+const view_1 = require("./view");
+const addWidget = (tr, deps, uploadFiles) => {
+    return new FileWidgetDescriptor(tr.selection.from, deps, uploadFiles).applyTo(tr);
+};
+exports.addWidget = addWidget;
+exports.removeWidget = WidgetDecoration_1.removeDecoration;
+class FileWidgetDescriptor extends WidgetDecoration_1.ReactWidgetDescriptor {
+    constructor(initPos, deps, uploadFiles) {
+        super(initPos, 'file_placeholder');
+        this.widgetHandler = null;
+        this.uploadFiles = uploadFiles;
+        this.domElem = document.createElement('span');
+        this.deps = deps;
+    }
+    getWidgetHandler(view, getPos) {
+        if (!this.widgetHandler) {
+            this.widgetHandler = new FileWidgetHandler({
+                view,
+                getPos,
+                decoId: this.id,
+                uploadFiles: this.uploadFiles,
+            }, this.deps);
+        }
+        return this.widgetHandler;
+    }
+    getDomElem() {
+        return this.domElem;
+    }
+    renderReactElement(view, getPos) {
+        return this.getWidgetHandler(view, getPos).renderWidgetView(view, getPos);
+    }
+    remove() {
+        super.remove();
+        this.widgetHandler = null;
+    }
+}
+class FileWidgetHandler {
+    constructor({ decoId, view, getPos, uploadFiles }, deps) {
+        this.onCancel = () => {
+            this.view.dispatch((0, WidgetDecoration_1.removeDecoration)(this.view.state.tr, this.decoId));
+            this.view.focus();
+        };
+        this.onSubmit = (params) => {
+            var _a;
+            if (!params.src || !params.name)
+                return;
+            const href = (_a = this.normalizeUrl(params.src)) === null || _a === void 0 ? void 0 : _a.url;
+            const download = params.name;
+            if (!href)
+                return;
+            const node = (0, YfmFileSpecs_1.fileType)(this.view.state.schema).create({ href, download });
+            this.insertNodes([node]);
+        };
+        this.onAttach = async (files) => {
+            if (!this.uploadFiles)
+                return;
+            const { view } = this;
+            new YfmFileWidgetUploadProcess(view, files, this.uploadFiles, this.getPos()).run();
+            view.dispatch((0, exports.removeWidget)(view.state.tr, this.decoId));
+            view.focus();
+        };
+        this.decoId = decoId;
+        this.view = view;
+        this.getPos = getPos;
+        this.uploadFiles = uploadFiles;
+        this.normalizeUrl = (0, markdown_1.normalizeUrlFactory)(deps);
+    }
+    renderWidgetView(view, getPos) {
+        this.view = view;
+        this.getPos = getPos;
+        return (react_1.default.createElement(view_1.FilePlaceholder, { onCancel: this.onCancel, onSubmit: this.onSubmit, onAttach: this.uploadFiles && this.onAttach }));
+    }
+    insertNodes(fileNodes) {
+        let tr = this.view.state.tr;
+        tr = tr.insert(tr.mapping.map(this.getPos()), fileNodes);
+        tr = (0, exports.removeWidget)(tr, this.decoId);
+        this.view.dispatch(tr);
+        this.view.focus();
+    }
+}
+class YfmFileWidgetUploadProcess extends upload_1.YfmFilesUploadProcessBase {
+    constructor(view, files, uploadHandler, position) {
+        super(view, files, uploadHandler);
+        this.skeletonInitPos = position;
+    }
+    getSkeletonInitPos() {
+        return this.skeletonInitPos;
+    }
+}

package/build/cjs/extensions/yfm/YfmFile/index.css

@@ -0,0 +1,3 @@
+.yfm-editor .yfm-file {
+  pointer-events: none;
+}

package/build/cjs/extensions/yfm/YfmFile/index.d.ts

@@ -0,0 +1,7 @@
+import { ExtensionAuto } from '../../../core';
+import { FileUploadHandler } from '../../../utils/upload';
+export declare type YfmFileOptions = {
+    fileUploadHandler?: FileUploadHandler;
+    needToSetDimensionsForUploadedImages?: boolean;
+};
+export declare const YfmFile: ExtensionAuto<YfmFileOptions>;

package/build/cjs/extensions/yfm/YfmFile/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YfmFile = void 0;
+const YfmFilePaste_1 = require("./YfmFilePaste");
+const YfmFileSpecs_1 = require("./YfmFileSpecs");
+const YfmFileWidget_1 = require("./YfmFileWidget");
+const YfmFile = (builder, opts = {}) => {
+    builder.use(YfmFileSpecs_1.YfmFileSpecs, opts);
+    builder.use(YfmFileWidget_1.YfmFileWidget, opts);
+    if (opts.fileUploadHandler) {
+        builder.use(YfmFilePaste_1.YfmFilePaste, {
+            fileUploadHandler: opts.fileUploadHandler,
+            needToSetDimensionsForUploadedImages: Boolean(opts.needToSetDimensionsForUploadedImages),
+        });
+    }
+};
+exports.YfmFile = YfmFile;

package/build/cjs/extensions/yfm/YfmFile/utils.d.ts

@@ -0,0 +1,3 @@
+import { NodeType } from 'prosemirror-model';
+import { UploadSuccessItem } from '../../../utils/upload';
+export declare const createFileNode: (fileType: NodeType) => ({ result, file }: UploadSuccessItem) => import("prosemirror-model").Node;

package/build/cjs/extensions/yfm/YfmFile/utils.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createFileNode = void 0;
+const createFileNode = (fileType) => ({ result, file }) => {
+    var _a, _b;
+    return fileType.create({
+        href: result.url,
+        download: (_a = result.name) !== null && _a !== void 0 ? _a : file.name,
+        type: (_b = result.type) !== null && _b !== void 0 ? _b : file.type,
+    });
+};
+exports.createFileNode = createFileNode;

package/build/cjs/extensions/yfm/YfmHeading/YfmHeadingSpecs/const.d.ts

@@ -0,0 +1,7 @@
+export type { HeadingLevel } from '../../../markdown/Heading/const';
+export { headingLevelAttr, headingNodeName } from '../../../markdown/Heading/HeadingSpecs';
+export declare const YfmHeadingAttr: {
+    readonly Level: "level";
+    readonly Id: "id";
+    readonly DataLine: "data-line";
+};

package/build/cjs/extensions/yfm/YfmHeading/YfmHeadingSpecs/const.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YfmHeadingAttr = exports.headingNodeName = exports.headingLevelAttr = void 0;
+const HeadingSpecs_1 = require("../../../markdown/Heading/HeadingSpecs");
+var HeadingSpecs_2 = require("../../../markdown/Heading/HeadingSpecs");
+Object.defineProperty(exports, "headingLevelAttr", { enumerable: true, get: function () { return HeadingSpecs_2.headingLevelAttr; } });
+Object.defineProperty(exports, "headingNodeName", { enumerable: true, get: function () { return HeadingSpecs_2.headingNodeName; } });
+exports.YfmHeadingAttr = {
+    Level: HeadingSpecs_1.headingLevelAttr,
+    Id: 'id',
+    DataLine: 'data-line',
+};

package/build/cjs/extensions/yfm/YfmHeading/YfmHeadingSpecs/index.d.ts

@@ -0,0 +1,11 @@
+import type { NodeSpec } from 'prosemirror-model';
+import type { ExtensionAuto } from '../../../../core';
+export { YfmHeadingAttr } from './const';
+export declare type YfmHeadingSpecsOptions = {
+    /**
+     * @deprecated: use placeholder option in BehaviorPreset instead.
+     */
+    headingPlaceholder?: NonNullable<NodeSpec['placeholder']>['content'];
+};
+/** YfmHeading extension needs markdown-it-attrs plugin */
+export declare const YfmHeadingSpecs: ExtensionAuto<YfmHeadingSpecsOptions>;