@gravity-ui/markdown-editor 14.12.2 → 15.0.0

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

@@ -1,21 +1,22 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = 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 classname_1 = require("../../../../classname.js");
+const FileForm_1 = require("../../../../forms/FileForm.js");
+const widgets_1 = require("../../../../i18n/widgets/index.js");
+const hooks_1 = require("../../../../react-utils/hooks.js");
+require("./view.css");
 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) => {
+    const [anchor, setAnchor] = (0, hooks_1.useElementState)();
+    const attachHandler = (0, react_1.useCallback)((files) => {
         if (!onAttach)
             return;
         if (isMounted()) {
@@ -27,12 +28,7 @@ const FilePlaceholder = ({ onCancel, onSubmit, onAttach }) => {
             });
         }
     }, [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 }))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { ref: setAnchor, className: b(), children: (0, jsx_runtime_1.jsxs)("a", { href: "#", className: "yfm-file", children: [(0, jsx_runtime_1.jsx)("span", { className: "yfm-file__icon" }), (0, widgets_1.i18n)('file')] }) }), (0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: true, modal: true, onOpenChange: onCancel, anchorElement: anchor, placement: placement, children: (0, jsx_runtime_1.jsx)(FileForm_1.FileForm, { autoFocus: true, loading: loading, onCancel: onCancel, onSubmit: onSubmit, onAttach: onAttach && attachHandler }) })] }));
 };
 exports.FilePlaceholder = FilePlaceholder;
+//# sourceMappingURL=view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/YfmFile/YfmFileWidget/view.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAElC,6CAA6D;AAC7D,yCAA0C;AAE1C,wDAAyC;AACzC,4DAAwE;AACxE,+DAA8C;AAC9C,4DAA+E;AAE/E,sBAAqB;AAErB,MAAM,CAAC,GAAG,IAAA,cAAE,EAAC,kBAAkB,CAAC,CAAC;AACjC,MAAM,SAAS,GAAmB,CAAC,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;AAQlF,MAAM,eAAe,GAAmC,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC9F,MAAM,SAAS,GAAG,IAAA,2BAAe,GAAE,CAAC;IACpC,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,CAAC,GAAG,IAAA,uBAAe,EAAC,KAAK,CAAC,CAAC;IACnE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,uBAAe,GAAE,CAAC;IAC9C,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC7B,CAAC,KAAK,EAAE,EAAE;QACN,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,IAAI,SAAS,EAAE,EAAE,CAAC;YACd,WAAW,EAAE,CAAC;YACd,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;gBACzB,IAAI,SAAS,EAAE,EAAE,CAAC;oBACd,WAAW,EAAE,CAAC;gBAClB,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,CAAC,CAClD,CAAC;IAEF,OAAO,CACH,6DACI,iCAAM,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,YAEhC,+BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,UAAU,aAC5B,iCAAM,SAAS,EAAC,gBAAgB,GAAG,EAClC,IAAA,cAAI,EAAC,MAAM,CAAC,IACb,GACD,EACP,uBAAC,aAAK,IAAC,IAAI,QAAC,KAAK,QAAC,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,YACjF,uBAAC,mBAAQ,IACL,SAAS,QACT,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IAAI,aAAa,GACrC,GACE,IACT,CACN,CAAC;AACN,CAAC,CAAC;AAvCW,QAAA,eAAe,mBAuC1B","sourcesContent":["import {useCallback} from 'react';\n\nimport {Popup, type PopupPlacement} from '@gravity-ui/uikit';\nimport {useMountedState} from 'react-use';\n\nimport {cn} from '../../../../classname';\nimport {FileForm, type FileFormProps} from '../../../../forms/FileForm';\nimport {i18n} from '../../../../i18n/widgets';\nimport {useBooleanState, useElementState} from '../../../../react-utils/hooks';\n\nimport './view.scss';\n\nconst b = cn('file-placeholder');\nconst placement: PopupPlacement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];\n\nexport type FilePlaceholderProps = {\n    onCancel: () => void;\n    onSubmit: FileFormProps['onSubmit'];\n    onAttach?: (files: File[]) => Promise<void>;\n};\n\nexport const FilePlaceholder: React.FC<FilePlaceholderProps> = ({onCancel, onSubmit, onAttach}) => {\n    const isMounted = useMountedState();\n    const [loading, showLoading, hideLoading] = useBooleanState(false);\n    const [anchor, setAnchor] = useElementState();\n    const attachHandler = useCallback<NonNullable<FileFormProps['onAttach']>>(\n        (files) => {\n            if (!onAttach) return;\n            if (isMounted()) {\n                showLoading();\n                onAttach(files).finally(() => {\n                    if (isMounted()) {\n                        hideLoading();\n                    }\n                });\n            }\n        },\n        [isMounted, onAttach, showLoading, hideLoading],\n    );\n\n    return (\n        <>\n            <span ref={setAnchor} className={b()}>\n                {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\n                <a href=\"#\" className=\"yfm-file\">\n                    <span className=\"yfm-file__icon\" />\n                    {i18n('file')}\n                </a>\n            </span>\n            <Popup open modal onOpenChange={onCancel} anchorElement={anchor} placement={placement}>\n                <FileForm\n                    autoFocus\n                    loading={loading}\n                    onCancel={onCancel}\n                    onSubmit={onSubmit}\n                    onAttach={onAttach && attachHandler}\n                />\n            </Popup>\n        </>\n    );\n};\n"]}

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

@@ -1,5 +1,5 @@
-import { Transaction } from 'prosemirror-state';
-import { ExtensionDeps } from '../../../../core';
-import { FileUploadHandler } from '../../../../utils/upload';
+import type { Transaction } from 'prosemirror-state';
+import type { ExtensionDeps } from "../../../../core/index.js";
+import type { FileUploadHandler } from "../../../../utils/upload.js";
 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

@@ -1,22 +1,24 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
+const WidgetDecoration_1 = require("../../../behavior/WidgetDecoration/index.js");
+const markdown_1 = require("../../../markdown/index.js");
+const upload_1 = require("../YfmFilePaste/upload.js");
+const YfmFileSpecs_1 = require("../YfmFileSpecs/index.js");
+const view_1 = require("./view.js");
 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 {
+    domElem;
+    deps;
+    uploadFiles;
+    widgetHandler = null;
     constructor(initPos, deps, uploadFiles) {
         super(initPos, 'file_placeholder');
-        this.widgetHandler = null;
         this.uploadFiles = uploadFiles;
         this.domElem = document.createElement('span');
         this.deps = deps;
@@ -44,30 +46,12 @@ class FileWidgetDescriptor extends WidgetDecoration_1.ReactWidgetDescriptor {
     }
 }
 class FileWidgetHandler {
+    view;
+    getPos;
+    decoId;
+    uploadFiles;
+    normalizeUrl;
     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;
@@ -77,8 +61,30 @@ class FileWidgetHandler {
     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 }));
+        return ((0, jsx_runtime_1.jsx)(view_1.FilePlaceholder, { onCancel: this.onCancel, onSubmit: this.onSubmit, onAttach: this.uploadFiles && this.onAttach }));
     }
+    onCancel = () => {
+        this.view.dispatch((0, WidgetDecoration_1.removeDecoration)(this.view.state.tr, this.decoId));
+        this.view.focus();
+    };
+    onSubmit = (params) => {
+        if (!params.src || !params.name)
+            return;
+        const href = this.normalizeUrl(params.src)?.url;
+        const download = params.name;
+        if (!href)
+            return;
+        const node = (0, YfmFileSpecs_1.fileType)(this.view.state.schema).create({ href, download });
+        this.insertNodes([node]);
+    };
+    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();
+    };
     insertNodes(fileNodes) {
         let tr = this.view.state.tr;
         tr = tr.insert(tr.mapping.map(this.getPos()), fileNodes);
@@ -88,6 +94,7 @@ class FileWidgetHandler {
     }
 }
 class YfmFileWidgetUploadProcess extends upload_1.YfmFilesUploadProcessBase {
+    skeletonInitPos;
     constructor(view, files, uploadHandler, position) {
         super(view, files, uploadHandler);
         this.skeletonInitPos = position;
@@ -96,3 +103,4 @@ class YfmFileWidgetUploadProcess extends upload_1.YfmFilesUploadProcessBase {
         return this.skeletonInitPos;
     }
 }
+//# sourceMappingURL=widget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/YfmFile/YfmFileWidget/widget.tsx"],"names":[],"mappings":"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","sourcesContent":["import type {Node} from 'prosemirror-model';\nimport type {Transaction} from 'prosemirror-state';\nimport type {EditorView} from 'prosemirror-view';\n\nimport type {ExtensionDeps} from '../../../../core';\nimport type {FileUploadHandler} from '../../../../utils/upload';\nimport {ReactWidgetDescriptor, removeDecoration} from '../../../behavior/WidgetDecoration';\nimport {normalizeUrlFactory} from '../../../markdown';\nimport {YfmFilesUploadProcessBase} from '../YfmFilePaste/upload';\nimport {fileType} from '../YfmFileSpecs';\n\nimport {FilePlaceholder, type FilePlaceholderProps} from './view';\n\nexport const addWidget = (\n    tr: Transaction,\n    deps: ExtensionDeps,\n    uploadFiles?: FileUploadHandler,\n) => {\n    return new FileWidgetDescriptor(tr.selection.from, deps, uploadFiles).applyTo(tr);\n};\n\nexport const removeWidget = removeDecoration;\n\nclass FileWidgetDescriptor extends ReactWidgetDescriptor {\n    private readonly domElem;\n    private readonly deps;\n    private readonly uploadFiles;\n\n    private widgetHandler: FileWidgetHandler | null = null;\n\n    constructor(initPos: number, deps: ExtensionDeps, uploadFiles?: FileUploadHandler) {\n        super(initPos, 'file_placeholder');\n        this.uploadFiles = uploadFiles;\n        this.domElem = document.createElement('span');\n        this.deps = deps;\n    }\n\n    getWidgetHandler(view: EditorView, getPos: () => number): FileWidgetHandler {\n        if (!this.widgetHandler) {\n            this.widgetHandler = new FileWidgetHandler(\n                {\n                    view,\n                    getPos,\n                    decoId: this.id,\n                    uploadFiles: this.uploadFiles,\n                },\n                this.deps,\n            );\n        }\n        return this.widgetHandler;\n    }\n\n    getDomElem(): HTMLElement {\n        return this.domElem;\n    }\n\n    renderReactElement(view: EditorView, getPos: () => number): React.ReactElement {\n        return this.getWidgetHandler(view, getPos).renderWidgetView(view, getPos);\n    }\n\n    remove(): void {\n        super.remove();\n        this.widgetHandler = null;\n    }\n}\n\ntype FileWidgetHandlerProps = {\n    decoId: string;\n    view: EditorView;\n    getPos: () => number;\n    uploadFiles?: FileUploadHandler;\n};\n\nclass FileWidgetHandler {\n    private view;\n    private getPos;\n\n    private readonly decoId: string;\n    private readonly uploadFiles;\n    private readonly normalizeUrl;\n\n    constructor({decoId, view, getPos, uploadFiles}: FileWidgetHandlerProps, deps: ExtensionDeps) {\n        this.decoId = decoId;\n        this.view = view;\n        this.getPos = getPos;\n        this.uploadFiles = uploadFiles;\n        this.normalizeUrl = normalizeUrlFactory(deps);\n    }\n\n    renderWidgetView(view: EditorView, getPos: () => number): React.ReactElement {\n        this.view = view;\n        this.getPos = getPos;\n        return (\n            <FilePlaceholder\n                onCancel={this.onCancel}\n                onSubmit={this.onSubmit}\n                onAttach={this.uploadFiles && this.onAttach}\n            />\n        );\n    }\n\n    private onCancel: FilePlaceholderProps['onCancel'] = () => {\n        this.view.dispatch(removeDecoration(this.view.state.tr, this.decoId));\n        this.view.focus();\n    };\n\n    private onSubmit: FilePlaceholderProps['onSubmit'] = (params) => {\n        if (!params.src || !params.name) return;\n\n        const href = this.normalizeUrl(params.src)?.url;\n        const download = params.name;\n\n        if (!href) return;\n\n        const node = fileType(this.view.state.schema).create({href, download});\n        this.insertNodes([node]);\n    };\n\n    private onAttach: FilePlaceholderProps['onAttach'] = async (files) => {\n        if (!this.uploadFiles) return;\n\n        const {view} = this;\n        new YfmFileWidgetUploadProcess(view, files, this.uploadFiles, this.getPos()).run();\n        view.dispatch(removeWidget(view.state.tr, this.decoId));\n        view.focus();\n    };\n\n    private insertNodes(fileNodes: Node[]) {\n        let tr = this.view.state.tr;\n        tr = tr.insert(tr.mapping.map(this.getPos()), fileNodes);\n        tr = removeWidget(tr, this.decoId);\n        this.view.dispatch(tr);\n        this.view.focus();\n    }\n}\n\nclass YfmFileWidgetUploadProcess extends YfmFilesUploadProcessBase {\n    private readonly skeletonInitPos;\n\n    constructor(\n        view: EditorView,\n        files: readonly File[],\n        uploadHandler: FileUploadHandler,\n        position: number,\n    ) {\n        super(view, files, uploadHandler);\n\n        this.skeletonInitPos = position;\n    }\n\n    protected getSkeletonInitPos(): number {\n        return this.skeletonInitPos;\n    }\n}\n"]}

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

@@ -1,7 +1,8 @@
-import { ExtensionAuto } from '../../../core';
-import { FileUploadHandler } from '../../../utils/upload';
+import type { ExtensionAuto } from "../../../core/index.js";
+import type { FileUploadHandler } from "../../../utils/upload.js";
 import '@diplodoc/file-extension/runtime/styles.css';
-export declare type YfmFileOptions = {
+import "./index.css";
+export type YfmFileOptions = {
     fileUploadHandler?: FileUploadHandler;
     needToSetDimensionsForUploadedImages?: boolean;
 };

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

@@ -1,10 +1,11 @@
 "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 YfmFilePaste_1 = require("./YfmFilePaste/index.js");
+const YfmFileSpecs_1 = require("./YfmFileSpecs/index.js");
+const YfmFileWidget_1 = require("./YfmFileWidget/index.js");
 require("@diplodoc/file-extension/runtime/styles.css");
+require("./index.css"); // eslint-disable-line import/order
 const YfmFile = (builder, opts = {}) => {
     builder.use(YfmFileSpecs_1.YfmFileSpecs, opts);
     builder.use(YfmFileWidget_1.YfmFileWidget, opts);
@@ -16,3 +17,4 @@ const YfmFile = (builder, opts = {}) => {
     }
 };
 exports.YfmFile = YfmFile;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/YfmFile/index.ts"],"names":[],"mappings":";;;AAGA,0DAA4C;AAC5C,0DAA4C;AAC5C,4DAA8C;AAE9C,uDAAqD;AACrD,uBAAsB,CAAC,mCAAmC;AAOnD,MAAM,OAAO,GAAkC,CAAC,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE;IACzE,OAAO,CAAC,GAAG,CAAC,2BAAY,EAAE,IAAI,CAAC,CAAC;IAChC,OAAO,CAAC,GAAG,CAAC,6BAAa,EAAE,IAAI,CAAC,CAAC;IACjC,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,OAAO,CAAC,GAAG,CAAC,2BAAY,EAAE;YACtB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;YACzC,oCAAoC,EAAE,OAAO,CACzC,IAAI,CAAC,oCAAoC,CAC5C;SACJ,CAAC,CAAC;IACP,CAAC;AACL,CAAC,CAAC;AAXW,QAAA,OAAO,WAWlB","sourcesContent":["import type {ExtensionAuto} from '../../../core';\nimport type {FileUploadHandler} from '../../../utils/upload';\n\nimport {YfmFilePaste} from './YfmFilePaste';\nimport {YfmFileSpecs} from './YfmFileSpecs';\nimport {YfmFileWidget} from './YfmFileWidget';\n\nimport '@diplodoc/file-extension/runtime/styles.css';\nimport './index.scss'; // eslint-disable-line import/order\n\nexport type YfmFileOptions = {\n    fileUploadHandler?: FileUploadHandler;\n    needToSetDimensionsForUploadedImages?: boolean;\n};\n\nexport const YfmFile: ExtensionAuto<YfmFileOptions> = (builder, opts = {}) => {\n    builder.use(YfmFileSpecs, opts);\n    builder.use(YfmFileWidget, opts);\n    if (opts.fileUploadHandler) {\n        builder.use(YfmFilePaste, {\n            fileUploadHandler: opts.fileUploadHandler,\n            needToSetDimensionsForUploadedImages: Boolean(\n                opts.needToSetDimensionsForUploadedImages,\n            ),\n        });\n    }\n};\n"]}

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

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

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

@@ -1,12 +1,10 @@
 "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,
-    });
-};
+const createFileNode = (fileType) => ({ result, file }) => fileType.create({
+    href: result.url,
+    download: result.name ?? file.name,
+    type: result.type ?? file.type,
+});
 exports.createFileNode = createFileNode;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/YfmFile/utils.ts"],"names":[],"mappings":";;;AAIO,MAAM,cAAc,GACvB,CAAC,QAAkB,EAAE,EAAE,CACvB,CAAC,EAAC,MAAM,EAAE,IAAI,EAAoB,EAAE,EAAE,CAClC,QAAQ,CAAC,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC,GAAG;IAChB,QAAQ,EAAE,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI;IAClC,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI;CACjC,CAAC,CAAC;AAPE,QAAA,cAAc,kBAOhB","sourcesContent":["import type {NodeType} from 'prosemirror-model';\n\nimport type {UploadSuccessItem} from '../../../utils/upload';\n\nexport const createFileNode =\n    (fileType: NodeType) =>\n    ({result, file}: UploadSuccessItem) =>\n        fileType.create({\n            href: result.url,\n            download: result.name ?? file.name,\n            type: result.type ?? file.type,\n        });\n"]}

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

@@ -1,5 +1,5 @@
-export type { HeadingLevel } from '../../../markdown/Heading/const';
-export { headingLevelAttr, headingNodeName } from '../../../markdown/Heading/HeadingSpecs';
+export type { HeadingLevel } from "../../../markdown/Heading/const.js";
+export { headingLevelAttr, headingNodeName } from "../../../markdown/Heading/HeadingSpecs/index.js";
 export declare const YfmHeadingAttr: {
     readonly Level: "level";
     readonly Id: "id";

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

@@ -1,8 +1,8 @@
 "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");
+const HeadingSpecs_1 = require("../../../markdown/Heading/HeadingSpecs/index.js");
+var HeadingSpecs_2 = require("../../../markdown/Heading/HeadingSpecs/index.js");
 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 = {
@@ -11,3 +11,4 @@ exports.YfmHeadingAttr = {
     DataLine: 'data-line',
     Folding: 'folded',
 };
+//# sourceMappingURL=const.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/YfmHeading/YfmHeadingSpecs/const.ts"],"names":[],"mappings":";;;AAAA,kFAAwE;AAGxE,gFAAyF;AAAjF,gHAAA,gBAAgB,OAAA;AAAE,+GAAA,eAAe,OAAA;AAE5B,QAAA,cAAc,GAAG;IAC1B,KAAK,EAAE,+BAAgB;IACvB,EAAE,EAAE,IAAI;IACR,QAAQ,EAAE,WAAW;IACrB,OAAO,EAAE,QAAQ;CACX,CAAC","sourcesContent":["import {headingLevelAttr} from '../../../markdown/Heading/HeadingSpecs';\nexport type {HeadingLevel} from '../../../markdown/Heading/const';\n\nexport {headingLevelAttr, headingNodeName} from '../../../markdown/Heading/HeadingSpecs';\n\nexport const YfmHeadingAttr = {\n    Level: headingLevelAttr,\n    Id: 'id',\n    DataLine: 'data-line',\n    Folding: 'folded',\n} as const;\n"]}

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

@@ -1,7 +1,7 @@
 import type { NodeSpec } from 'prosemirror-model';
-import type { ExtensionAuto } from '../../../../core';
-export { YfmHeadingAttr } from './const';
-export declare type YfmHeadingSpecsOptions = {
+import type { ExtensionAuto } from "../../../../core/index.js";
+export { YfmHeadingAttr } from "./const.js";
+export type YfmHeadingSpecsOptions = {
     /**
      * @deprecated: use placeholder option in BehaviorPreset instead.
      */

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

@@ -1,103 +1,106 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YfmHeadingSpecs = exports.YfmHeadingAttr = void 0;
-const const_1 = require("./const");
-const utils_1 = require("./utils");
+const const_1 = require("./const.js");
+const utils_1 = require("./utils.js");
 const DEFAULT_PLACEHOLDER = (node) => 'Heading ' + node.attrs[const_1.YfmHeadingAttr.Level];
-var const_2 = require("./const");
+var const_2 = require("./const.js");
 Object.defineProperty(exports, "YfmHeadingAttr", { enumerable: true, get: function () { return const_2.YfmHeadingAttr; } });
 /** YfmHeading extension needs markdown-it-attrs plugin */
 const YfmHeadingSpecs = (builder, opts) => {
-    builder.addNode(const_1.headingNodeName, () => {
-        var _a, _b, _c;
-        return ({
-            spec: {
-                attrs: {
-                    [const_1.YfmHeadingAttr.Id]: { default: '' },
-                    [const_1.YfmHeadingAttr.Level]: { default: 1 },
-                    [const_1.YfmHeadingAttr.DataLine]: { default: null },
-                    [const_1.YfmHeadingAttr.Folding]: { default: null },
+    builder.addNode(const_1.headingNodeName, () => ({
+        spec: {
+            attrs: {
+                [const_1.YfmHeadingAttr.Id]: { default: '' },
+                [const_1.YfmHeadingAttr.Level]: { default: 1 },
+                [const_1.YfmHeadingAttr.DataLine]: { default: null },
+                [const_1.YfmHeadingAttr.Folding]: { default: null },
+            },
+            content: '(text | inline)*',
+            group: 'block',
+            defining: true,
+            selectable: true,
+            parseDOM: [
+                { tag: 'h1', getAttrs: (0, utils_1.getNodeAttrs)(1), priority: 100, consuming: true },
+                { tag: 'h2', getAttrs: (0, utils_1.getNodeAttrs)(2), priority: 100, consuming: true },
+                { tag: 'h3', getAttrs: (0, utils_1.getNodeAttrs)(3), priority: 100, consuming: true },
+                { tag: 'h4', getAttrs: (0, utils_1.getNodeAttrs)(4), priority: 100, consuming: true },
+                { tag: 'h5', getAttrs: (0, utils_1.getNodeAttrs)(5), priority: 100, consuming: true },
+                { tag: 'h6', getAttrs: (0, utils_1.getNodeAttrs)(6), priority: 100, consuming: true },
+                {
+                    // ignore anchor link inside headings
+                    tag: 'a.yfm-anchor',
+                    context: `${const_1.headingNodeName}/`,
+                    skip: true,
+                    ignore: true,
+                    priority: 1000,
                 },
-                content: '(text | inline)*',
-                group: 'block',
-                defining: true,
-                selectable: true,
-                parseDOM: [
-                    { tag: 'h1', getAttrs: (0, utils_1.getNodeAttrs)(1), priority: 100, consuming: true },
-                    { tag: 'h2', getAttrs: (0, utils_1.getNodeAttrs)(2), priority: 100, consuming: true },
-                    { tag: 'h3', getAttrs: (0, utils_1.getNodeAttrs)(3), priority: 100, consuming: true },
-                    { tag: 'h4', getAttrs: (0, utils_1.getNodeAttrs)(4), priority: 100, consuming: true },
-                    { tag: 'h5', getAttrs: (0, utils_1.getNodeAttrs)(5), priority: 100, consuming: true },
-                    { tag: 'h6', getAttrs: (0, utils_1.getNodeAttrs)(6), priority: 100, consuming: true },
+            ],
+            toDOM(node) {
+                const id = node.attrs[const_1.YfmHeadingAttr.Id];
+                const lineNumber = node.attrs[const_1.YfmHeadingAttr.DataLine];
+                const folding = node.attrs[const_1.YfmHeadingAttr.Folding];
+                return [
+                    'h' + node.attrs[const_1.YfmHeadingAttr.Level],
                     {
-                        // ignore anchor link inside headings
-                        tag: 'a.yfm-anchor',
-                        context: `${const_1.headingNodeName}/`,
-                        skip: true,
-                        ignore: true,
-                        priority: 1000,
+                        id: id || null,
+                        [const_1.YfmHeadingAttr.DataLine]: lineNumber,
+                        [`data-${const_1.YfmHeadingAttr.Folding}`]: folding,
                     },
-                ],
-                toDOM(node) {
-                    const id = node.attrs[const_1.YfmHeadingAttr.Id];
-                    const lineNumber = node.attrs[const_1.YfmHeadingAttr.DataLine];
-                    const folding = node.attrs[const_1.YfmHeadingAttr.Folding];
-                    return [
-                        'h' + node.attrs[const_1.YfmHeadingAttr.Level],
-                        {
-                            id: id || null,
-                            [const_1.YfmHeadingAttr.DataLine]: lineNumber,
-                            [`data-${const_1.YfmHeadingAttr.Folding}`]: folding,
-                        },
-                        0,
-                        // [
-                        //     'a',
-                        //     {
-                        //         href: `#${node.attrs[YfmHeadingAttr.Id]}`,
-                        //         class: 'yfm-anchor',
-                        //         'aria-hidden': 'true',
-                        //         contenteditable: 'false',
-                        //     },
-                        // ],
-                        // ['span', 0],
-                    ];
-                },
-                placeholder: {
-                    content: (_c = (_b = (_a = builder.context.get('placeholder')) === null || _a === void 0 ? void 0 : _a.heading) !== null && _b !== void 0 ? _b : opts.headingPlaceholder) !== null && _c !== void 0 ? _c : DEFAULT_PLACEHOLDER,
-                    alwaysVisible: true,
-                },
+                    0,
+                    // [
+                    //     'a',
+                    //     {
+                    //         href: `#${node.attrs[YfmHeadingAttr.Id]}`,
+                    //         class: 'yfm-anchor',
+                    //         'aria-hidden': 'true',
+                    //         contenteditable: 'false',
+                    //     },
+                    // ],
+                    // ['span', 0],
+                ];
             },
-            fromMd: {
-                tokenSpec: {
-                    name: const_1.headingNodeName,
-                    type: 'block',
-                    getAttrs: (token) => {
-                        var _a;
-                        if (token.type.endsWith('_close'))
-                            return {};
-                        const attrs = Object.fromEntries(token.attrs || []);
-                        // if (!attrs[YfmHeadingAttr.Id]) {
-                        //     // calculate id if it was not specified
-                        //     // tokens[index + 1] is child inline token
-                        //     attrs[YfmHeadingAttr.Id] = slugify(tokens[index + 1].content);
-                        // }
-                        // attrs have id only if it explicitly specified manually
-                        return Object.assign({ [const_1.YfmHeadingAttr.Level]: Number(token.tag.slice(1)), [const_1.YfmHeadingAttr.Folding]: ((_a = token.meta) === null || _a === void 0 ? void 0 : _a.folding) === true ? true : null }, attrs);
-                    },
-                },
+            placeholder: {
+                content: builder.context.get('placeholder')?.heading ??
+                    opts.headingPlaceholder ??
+                    DEFAULT_PLACEHOLDER,
+                alwaysVisible: true,
             },
-            toMd: (state, node) => {
-                const folding = node.attrs[const_1.YfmHeadingAttr.Folding];
-                const level = node.attrs[const_1.YfmHeadingAttr.Level];
-                state.write(state.repeat('#', level) + (typeof folding === 'boolean' ? '+' : '') + ' ');
-                state.renderInline(node);
-                const anchor = node.attrs[const_1.YfmHeadingAttr.Id];
-                if (anchor /*&& anchor !== node.firstChild?.textContent*/) {
-                    state.write(` {#${anchor}}`);
-                }
-                state.closeBlock(node);
+        },
+        fromMd: {
+            tokenSpec: {
+                name: const_1.headingNodeName,
+                type: 'block',
+                getAttrs: (token) => {
+                    if (token.type.endsWith('_close'))
+                        return {};
+                    const attrs = Object.fromEntries(token.attrs || []);
+                    // if (!attrs[YfmHeadingAttr.Id]) {
+                    //     // calculate id if it was not specified
+                    //     // tokens[index + 1] is child inline token
+                    //     attrs[YfmHeadingAttr.Id] = slugify(tokens[index + 1].content);
+                    // }
+                    // attrs have id only if it explicitly specified manually
+                    return {
+                        [const_1.YfmHeadingAttr.Level]: Number(token.tag.slice(1)),
+                        [const_1.YfmHeadingAttr.Folding]: token.meta?.folding === true ? true : null,
+                        ...attrs,
+                    };
+                },
             },
-        });
-    });
+        },
+        toMd: (state, node) => {
+            const folding = node.attrs[const_1.YfmHeadingAttr.Folding];
+            const level = node.attrs[const_1.YfmHeadingAttr.Level];
+            state.write(state.repeat('#', level) + (typeof folding === 'boolean' ? '+' : '') + ' ');
+            state.renderInline(node);
+            const anchor = node.attrs[const_1.YfmHeadingAttr.Id];
+            if (anchor /*&& anchor !== node.firstChild?.textContent*/) {
+                state.write(` {#${anchor}}`);
+            }
+            state.closeBlock(node);
+        },
+    }));
 };
 exports.YfmHeadingSpecs = YfmHeadingSpecs;
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/yfm/YfmHeading/YfmHeadingSpecs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/YfmHeading/YfmHeadingSpecs/index.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Node, NodeSpec} from 'prosemirror-model';\n\nimport type {ExtensionAuto} from '../../../../core';\n\nimport {YfmHeadingAttr, headingNodeName} from './const';\nimport {getNodeAttrs} from './utils';\n\nconst DEFAULT_PLACEHOLDER = (node: Node) => 'Heading ' + node.attrs[YfmHeadingAttr.Level];\n\nexport {YfmHeadingAttr} from './const';\n\nexport type YfmHeadingSpecsOptions = {\n    /**\n     * @deprecated: use placeholder option in BehaviorPreset instead.\n     */\n    headingPlaceholder?: NonNullable<NodeSpec['placeholder']>['content'];\n};\n\n/** YfmHeading extension needs markdown-it-attrs plugin */\nexport const YfmHeadingSpecs: ExtensionAuto<YfmHeadingSpecsOptions> = (builder, opts) => {\n    builder.addNode(headingNodeName, () => ({\n        spec: {\n            attrs: {\n                [YfmHeadingAttr.Id]: {default: ''},\n                [YfmHeadingAttr.Level]: {default: 1},\n                [YfmHeadingAttr.DataLine]: {default: null},\n                [YfmHeadingAttr.Folding]: {default: null},\n            },\n            content: '(text | inline)*',\n            group: 'block',\n            defining: true,\n            selectable: true,\n            parseDOM: [\n                {tag: 'h1', getAttrs: getNodeAttrs(1), priority: 100, consuming: true},\n                {tag: 'h2', getAttrs: getNodeAttrs(2), priority: 100, consuming: true},\n                {tag: 'h3', getAttrs: getNodeAttrs(3), priority: 100, consuming: true},\n                {tag: 'h4', getAttrs: getNodeAttrs(4), priority: 100, consuming: true},\n                {tag: 'h5', getAttrs: getNodeAttrs(5), priority: 100, consuming: true},\n                {tag: 'h6', getAttrs: getNodeAttrs(6), priority: 100, consuming: true},\n                {\n                    // ignore anchor link inside headings\n                    tag: 'a.yfm-anchor',\n                    context: `${headingNodeName}/`,\n                    skip: true,\n                    ignore: true,\n                    priority: 1000,\n                },\n            ],\n            toDOM(node) {\n                const id = node.attrs[YfmHeadingAttr.Id];\n                const lineNumber = node.attrs[YfmHeadingAttr.DataLine];\n                const folding = node.attrs[YfmHeadingAttr.Folding];\n                return [\n                    'h' + node.attrs[YfmHeadingAttr.Level],\n                    {\n                        id: id || null,\n                        [YfmHeadingAttr.DataLine]: lineNumber,\n                        [`data-${YfmHeadingAttr.Folding}`]: folding,\n                    },\n                    0,\n                    // [\n                    //     'a',\n                    //     {\n                    //         href: `#${node.attrs[YfmHeadingAttr.Id]}`,\n                    //         class: 'yfm-anchor',\n                    //         'aria-hidden': 'true',\n                    //         contenteditable: 'false',\n                    //     },\n                    // ],\n                    // ['span', 0],\n                ];\n            },\n            placeholder: {\n                content:\n                    builder.context.get('placeholder')?.heading ??\n                    opts.headingPlaceholder ??\n                    DEFAULT_PLACEHOLDER,\n                alwaysVisible: true,\n            },\n        },\n        fromMd: {\n            tokenSpec: {\n                name: headingNodeName,\n                type: 'block',\n                getAttrs: (token) => {\n                    if (token.type.endsWith('_close')) return {};\n\n                    const attrs = Object.fromEntries(token.attrs || []);\n                    // if (!attrs[YfmHeadingAttr.Id]) {\n                    //     // calculate id if it was not specified\n                    //     // tokens[index + 1] is child inline token\n                    //     attrs[YfmHeadingAttr.Id] = slugify(tokens[index + 1].content);\n                    // }\n\n                    // attrs have id only if it explicitly specified manually\n                    return {\n                        [YfmHeadingAttr.Level]: Number(token.tag.slice(1)),\n                        [YfmHeadingAttr.Folding]: token.meta?.folding === true ? true : null,\n                        ...attrs,\n                    };\n                },\n            },\n        },\n        toMd: (state, node) => {\n            const folding = node.attrs[YfmHeadingAttr.Folding];\n            const level = node.attrs[YfmHeadingAttr.Level];\n\n            state.write(state.repeat('#', level) + (typeof folding === 'boolean' ? '+' : '') + ' ');\n            state.renderInline(node);\n\n            const anchor = node.attrs[YfmHeadingAttr.Id];\n\n            if (anchor /*&& anchor !== node.firstChild?.textContent*/) {\n                state.write(` {#${anchor}}`);\n            }\n\n            state.closeBlock(node);\n        },\n    }));\n};\n"]}

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

@@ -1,4 +1,5 @@
 import type { TagParseRule } from 'prosemirror-model';
-import { HeadingLevel } from '../const';
-export { hType, hasParentHeading, headingRule } from '../../../markdown/Heading/utils';
-export declare const getNodeAttrs: (level: HeadingLevel) => TagParseRule['getAttrs'];
+import { type HeadingLevel } from "../const.js";
+export { hasParentHeading, headingRule } from "../../../markdown/Heading/utils.js";
+export { headingType } from "../../../markdown/Heading/HeadingSpecs/index.js";
+export declare const getNodeAttrs: (level: HeadingLevel) => TagParseRule["getAttrs"];

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

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNodeAttrs = exports.headingRule = exports.hasParentHeading = exports.hType = void 0;
-const const_1 = require("../const");
-var utils_1 = require("../../../markdown/Heading/utils");
-Object.defineProperty(exports, "hType", { enumerable: true, get: function () { return utils_1.hType; } });
+exports.getNodeAttrs = exports.headingType = exports.headingRule = exports.hasParentHeading = void 0;
+const const_1 = require("../const.js");
+var utils_1 = require("../../../markdown/Heading/utils.js");
 Object.defineProperty(exports, "hasParentHeading", { enumerable: true, get: function () { return utils_1.hasParentHeading; } });
 Object.defineProperty(exports, "headingRule", { enumerable: true, get: function () { return utils_1.headingRule; } });
+var HeadingSpecs_1 = require("../../../markdown/Heading/HeadingSpecs/index.js");
+Object.defineProperty(exports, "headingType", { enumerable: true, get: function () { return HeadingSpecs_1.headingType; } });
 // const slug = require('slugify');
 const getNodeAttrs = (level) => (node) => ({
     [const_1.YfmHeadingAttr.Level]: level,
@@ -28,3 +29,4 @@ function getFoldingAttr(node) {
 //         lower: true,
 //         remove: /[*+~.()'"!:@]/g,
 //     });
+//# sourceMappingURL=utils.js.map

package/build/cjs/extensions/yfm/YfmHeading/YfmHeadingSpecs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/YfmHeading/YfmHeadingSpecs/utils.ts"],"names":[],"mappings":";;;AAEA,uCAA2D;AAC3D,4DAA8E;AAAtE,yGAAA,gBAAgB,OAAA;AAAE,oGAAA,WAAW,OAAA;AACrC,gFAAmE;AAA3D,2GAAA,WAAW,OAAA;AAEnB,mCAAmC;AAE5B,MAAM,YAAY,GACrB,CAAC,KAAmB,EAA4B,EAAE,CAClD,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACP,CAAC,sBAAc,CAAC,KAAK,CAAC,EAAE,KAAK;IAC7B,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE;IAClD,CAAC,sBAAc,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC;CACjD,CAAC,CAAC;AANM,QAAA,YAAY,gBAMlB;AAEP,SAAS,cAAc,CAAC,IAAiB;IACrC,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,sBAAc,CAAC,OAAO,EAAE,CAAC,CAAC;IAClE,IAAI,KAAK,KAAK,MAAM;QAAE,OAAO,IAAI,CAAC;IAClC,IAAI,KAAK,KAAK,OAAO;QAAE,OAAO,KAAK,CAAC;IACpC,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,0CAA0C;AAC1C,yCAAyC;AACzC,yGAAyG;AACzG,kBAAkB;AAClB,uBAAuB;AACvB,oCAAoC;AACpC,UAAU","sourcesContent":["import type {TagParseRule} from 'prosemirror-model';\n\nimport {type HeadingLevel, YfmHeadingAttr} from '../const';\nexport {hasParentHeading, headingRule} from '../../../markdown/Heading/utils';\nexport {headingType} from '../../../markdown/Heading/HeadingSpecs';\n\n// const slug = require('slugify');\n\nexport const getNodeAttrs =\n    (level: HeadingLevel): TagParseRule['getAttrs'] =>\n    (node) => ({\n        [YfmHeadingAttr.Level]: level,\n        [YfmHeadingAttr.Id]: node.getAttribute('id') || '',\n        [YfmHeadingAttr.Folding]: getFoldingAttr(node),\n    });\n\nfunction getFoldingAttr(node: HTMLElement): boolean | null {\n    const value = node.getAttribute(`data-${YfmHeadingAttr.Folding}`);\n    if (value === 'true') return true;\n    if (value === 'false') return false;\n    return null;\n}\n\n// export const slugify = (str: string) =>\n//     // same config as in yfm-transform\n//     // https://github.com/yandex-cloud/yfm-transform/blob/master/lib/plugins/anchors/index.js#L97-L100\n//     slug(str, {\n//         lower: true,\n//         remove: /[*+~.()'\"!:@]/g,\n//     });\n"]}

package/build/cjs/extensions/yfm/YfmHeading/actions.d.ts

@@ -1,3 +1,3 @@
-import type { ActionSpec } from '../../../core';
-import { HeadingLevel } from './const';
+import type { ActionSpec } from "../../../core/index.js";
+import type { HeadingLevel } from "./const.js";
 export declare const headingAction: (level: HeadingLevel) => ActionSpec;

package/build/cjs/extensions/yfm/YfmHeading/actions.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.headingAction = void 0;
-const utils_1 = require("./YfmHeadingSpecs/utils");
-const commands_1 = require("./commands");
+const utils_1 = require("./YfmHeadingSpecs/utils.js");
+const commands_1 = require("./commands.js");
 const headingAction = (level) => {
     const cmd = (0, commands_1.toHeading)(level);
     return {
@@ -12,3 +12,4 @@ const headingAction = (level) => {
     };
 };
 exports.headingAction = headingAction;
+//# sourceMappingURL=actions.js.map

package/build/cjs/extensions/yfm/YfmHeading/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/YfmHeading/actions.ts"],"names":[],"mappings":";;;AAEA,sDAAyD;AACzD,4CAAqC;AAG9B,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAc,EAAE;IAC7D,MAAM,GAAG,GAAG,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC;IAC7B,OAAO;QACH,QAAQ,EAAE,IAAA,wBAAgB,EAAC,KAAK,CAAC;QACjC,QAAQ,EAAE,GAAG;QACb,GAAG,EAAE,GAAG;KACX,CAAC;AACN,CAAC,CAAC;AAPW,QAAA,aAAa,iBAOxB","sourcesContent":["import type {ActionSpec} from '../../../core';\n\nimport {hasParentHeading} from './YfmHeadingSpecs/utils';\nimport {toHeading} from './commands';\nimport type {HeadingLevel} from './const';\n\nexport const headingAction = (level: HeadingLevel): ActionSpec => {\n    const cmd = toHeading(level);\n    return {\n        isActive: hasParentHeading(level),\n        isEnable: cmd,\n        run: cmd,\n    };\n};\n"]}

package/build/cjs/extensions/yfm/YfmHeading/commands.d.ts

@@ -1,4 +1,4 @@
 import type { Command } from 'prosemirror-state';
-import { HeadingLevel } from './const';
-export { resetHeading } from '../../markdown/Heading/commands';
+import { type HeadingLevel } from "./const.js";
+export { resetHeading } from "../../markdown/Heading/commands.js";
 export declare const toHeading: (level: HeadingLevel) => Command;