@gravity-ui/markdown-editor 14.11.2 → 14.12.1

package/build/cjs/extensions/yfm/ImgSize/ImagePaste/upload.d.ts

@@ -1,9 +1,9 @@
 import { Node } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
-import { FileUploadHandler, UploadSuccessItem } from '../../../../utils';
-import { FilesBatchUploadProcess } from '../../../behavior/utils/upload';
-import { CreateImageNodeOptions } from '../utils';
-import { ImageSkeletonDescriptor } from './skeleton';
+import { FileUploadHandler, UploadSuccessItem } from "../../../../utils/index.js";
+import { FilesBatchUploadProcess } from "../../../behavior/utils/upload.js";
+import { CreateImageNodeOptions } from "../utils.js";
+import { ImageSkeletonDescriptor } from "./skeleton.js";
 export declare class ImagesUploadProcess extends FilesBatchUploadProcess {
     protected readonly createImage: ({ result, file }: UploadSuccessItem) => Promise<Node>;
     protected readonly initPosition: number;

package/build/cjs/extensions/yfm/ImgSize/ImagePaste/upload.js

@@ -1,14 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImagesUploadProcess = void 0;
-const logger_1 = require("../../../../logger");
-const utils_1 = require("../../../../utils");
-const upload_1 = require("../../../behavior/utils/upload");
-const markdown_1 = require("../../../markdown");
-const const_1 = require("../const");
-const utils_2 = require("../utils");
-const skeleton_1 = require("./skeleton");
+const logger_1 = require("../../../../logger.js");
+const utils_1 = require("../../../../utils/index.js");
+const upload_1 = require("../../../behavior/utils/upload.js");
+const markdown_1 = require("../../../markdown/index.js");
+const const_1 = require("../const.js");
+const utils_2 = require("../utils.js");
+const skeleton_1 = require("./skeleton.js");
 class ImagesUploadProcess extends upload_1.FilesBatchUploadProcess {
+    createImage;
+    initPosition;
+    enableNewImageSizeCalculation;
     constructor(view, files, uploadHandler, position, opts) {
         super(view, files, uploadHandler);
         this.initPosition = position;
@@ -29,7 +32,7 @@ async function getSkeletonSize(files, opts) {
     const skeletonSize = { width: '300', height: '200' };
     if (files.length === 1) {
         try {
-            const size = await (0, utils_2.loadImage)(files[0]).then((opts === null || opts === void 0 ? void 0 : opts.enableNewImageSizeCalculation) ? calcSkeletonSizeNew : calcSkeletonSize);
+            const size = await (0, utils_2.loadImage)(files[0]).then(opts?.enableNewImageSizeCalculation ? calcSkeletonSizeNew : calcSkeletonSize);
             skeletonSize.width = String(size.width);
             skeletonSize.height = String(size.height);
         }
@@ -52,3 +55,4 @@ function calcSkeletonSizeNew({ width, height }) {
         imgMaxHeight: const_1.IMG_MAX_HEIGHT,
     });
 }
+//# sourceMappingURL=upload.js.map

package/build/cjs/extensions/yfm/ImgSize/ImagePaste/upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImagePaste/upload.ts"],"names":[],"mappings":";;;AAGA,kDAA0C;AAC1C,sDAA4F;AAC5F,8DAAuE;AACvE,yDAA4C;AAC5C,uCAAwC;AACxC,uCAA4E;AAE5E,4CAAmD;AAEnD,MAAa,mBAAoB,SAAQ,gCAAuB;IACzC,WAAW,CAAC;IAEZ,YAAY,CAAS;IACvB,6BAA6B,CAAW;IAEzD,YACI,IAAgB,EAChB,KAAsB,EACtB,aAAgC,EAChC,QAAgB,EAChB,IAA4B;QAE5B,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC;QAElC,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC;QAC7B,IAAI,CAAC,WAAW,GAAG,IAAA,uBAAe,EAAC,IAAA,oBAAS,EAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC;QAC5E,IAAI,CAAC,6BAA6B,GAAG,IAAI,CAAC,6BAA6B,CAAC;IAC5E,CAAC;IAES,KAAK,CAAC,cAAc;QAC1B,OAAO,IAAI,kCAAuB,CAC9B,IAAI,CAAC,YAAY,EACjB,MAAM,eAAe,CAAC,IAAI,CAAC,KAAK,EAAE;YAC9B,6BAA6B,EAAE,IAAI,CAAC,6BAA6B;SACpE,CAAC,CACL,CAAC;IACN,CAAC;IAES,KAAK,CAAC,YAAY,CAAC,GAAsB;QAC/C,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC;CACJ;AAhCD,kDAgCC;AAED,KAAK,UAAU,eAAe,CAC1B,KAAsB,EACtB,IAAgD;IAEhD,MAAM,YAAY,GAAG,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAC,CAAC;IACnD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACrB,IAAI,CAAC;YACD,MAAM,IAAI,GAAG,MAAM,IAAA,iBAAS,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CACvC,IAAI,EAAE,6BAA6B,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,gBAAgB,CAC/E,CAAC;YACF,YAAY,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACxC,YAAY,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC9C,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACX,eAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACtB,CAAC;IACL,CAAC;IACD,OAAO,YAAY,CAAC;AACxB,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAC,KAAK,EAAE,MAAM,EAAmB;IACvD,IAAI,MAAM,IAAI,sBAAc;QAAE,OAAO,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC;IAErD,MAAM,KAAK,GAAG,sBAAc,GAAG,MAAM,CAAC,CAAC,UAAU;IACjD,OAAO,EAAC,MAAM,EAAE,sBAAc,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,EAAC,CAAC;AAC1D,CAAC;AAED,SAAS,mBAAmB,CAAC,EAAC,KAAK,EAAE,MAAM,EAAmB;IAC1D,OAAO,IAAA,2BAAmB,EAAC;QACvB,KAAK;QACL,MAAM;QACN,YAAY,EAAE,sBAAc;KAC/B,CAAC,CAAC;AACP,CAAC","sourcesContent":["import {Node} from 'prosemirror-model';\nimport {EditorView} from 'prosemirror-view';\n\nimport {logger} from '../../../../logger';\nimport {FileUploadHandler, UploadSuccessItem, getProportionalSize} from '../../../../utils';\nimport {FilesBatchUploadProcess} from '../../../behavior/utils/upload';\nimport {imageType} from '../../../markdown';\nimport {IMG_MAX_HEIGHT} from '../const';\nimport {CreateImageNodeOptions, createImageNode, loadImage} from '../utils';\n\nimport {ImageSkeletonDescriptor} from './skeleton';\n\nexport class ImagesUploadProcess extends FilesBatchUploadProcess {\n    protected readonly createImage;\n\n    protected readonly initPosition: number;\n    private readonly enableNewImageSizeCalculation?: boolean;\n\n    constructor(\n        view: EditorView,\n        files: readonly File[],\n        uploadHandler: FileUploadHandler,\n        position: number,\n        opts: CreateImageNodeOptions,\n    ) {\n        super(view, files, uploadHandler);\n\n        this.initPosition = position;\n        this.createImage = createImageNode(imageType(this.view.state.schema), opts);\n        this.enableNewImageSizeCalculation = opts.enableNewImageSizeCalculation;\n    }\n\n    protected async createSkeleton() {\n        return new ImageSkeletonDescriptor(\n            this.initPosition,\n            await getSkeletonSize(this.files, {\n                enableNewImageSizeCalculation: this.enableNewImageSizeCalculation,\n            }),\n        );\n    }\n\n    protected async createPMNode(res: UploadSuccessItem): Promise<Node> {\n        return this.createImage(res);\n    }\n}\n\nasync function getSkeletonSize(\n    files: readonly File[],\n    opts?: {enableNewImageSizeCalculation?: boolean},\n) {\n    const skeletonSize = {width: '300', height: '200'};\n    if (files.length === 1) {\n        try {\n            const size = await loadImage(files[0]).then(\n                opts?.enableNewImageSizeCalculation ? calcSkeletonSizeNew : calcSkeletonSize,\n            );\n            skeletonSize.width = String(size.width);\n            skeletonSize.height = String(size.height);\n        } catch (err) {\n            logger.error(err);\n        }\n    }\n    return skeletonSize;\n}\n\nfunction calcSkeletonSize({width, height}: HTMLImageElement): {width: number; height: number} {\n    if (height <= IMG_MAX_HEIGHT) return {width, height};\n\n    const ratio = IMG_MAX_HEIGHT / height; // ratio<1\n    return {height: IMG_MAX_HEIGHT, width: width * ratio};\n}\n\nfunction calcSkeletonSizeNew({width, height}: HTMLImageElement): {width: number; height: number} {\n    return getProportionalSize({\n        width,\n        height,\n        imgMaxHeight: IMG_MAX_HEIGHT,\n    });\n}\n"]}

package/build/cjs/extensions/yfm/ImgSize/ImageWidget/actions.d.ts

@@ -1,3 +1,3 @@
-import type { ActionSpec, ExtensionDeps } from '../../../../core';
-import { ImageWidgetDescriptorOpts } from './widget';
+import type { ActionSpec, ExtensionDeps } from "../../../../core/index.js";
+import { ImageWidgetDescriptorOpts } from "./widget.js";
 export declare const addImageWidget: (deps: ExtensionDeps, opts: ImageWidgetDescriptorOpts) => ActionSpec;

package/build/cjs/extensions/yfm/ImgSize/ImageWidget/actions.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addImageWidget = void 0;
-const widget_1 = require("./widget");
+const widget_1 = require("./widget.js");
 const addImageWidget = (deps, opts) => ({
     isEnable: (state) => state.selection.empty,
     run(state, dispatch) {
@@ -9,3 +9,4 @@ const addImageWidget = (deps, opts) => ({
     },
 });
 exports.addImageWidget = addImageWidget;
+//# sourceMappingURL=actions.js.map

package/build/cjs/extensions/yfm/ImgSize/ImageWidget/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImageWidget/actions.ts"],"names":[],"mappings":";;;AAEA,wCAA8D;AAEvD,MAAM,cAAc,GAGT,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK;IAC1C,GAAG,CAAC,KAAK,EAAE,QAAQ;QACf,QAAQ,CAAC,IAAA,kBAAS,EAAC,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAC9C,CAAC;CACJ,CAAC,CAAC;AARU,QAAA,cAAc,kBAQxB","sourcesContent":["import type {ActionSpec, ExtensionDeps} from '../../../../core';\n\nimport {ImageWidgetDescriptorOpts, addWidget} from './widget';\n\nexport const addImageWidget: (\n    deps: ExtensionDeps,\n    opts: ImageWidgetDescriptorOpts,\n) => ActionSpec = (deps, opts) => ({\n    isEnable: (state) => state.selection.empty,\n    run(state, dispatch) {\n        dispatch(addWidget(state.tr, deps, opts));\n    },\n});\n"]}

package/build/cjs/extensions/yfm/ImgSize/ImageWidget/index.d.ts

@@ -1,8 +1,8 @@
-import type { Action, ExtensionAuto } from '../../../../core';
-import { FileUploadHandler } from '../../../../utils/upload';
-import type { ImageWidgetDescriptorOpts } from './widget';
+import type { Action, ExtensionAuto } from "../../../../core/index.js";
+import { FileUploadHandler } from "../../../../utils/upload.js";
+import type { ImageWidgetDescriptorOpts } from "./widget.js";
 declare const addImageWidgetAction = "addImageWidget";
-export declare type ImageWidgetOptions = Pick<ImageWidgetDescriptorOpts, 'needToSetDimensionsForUploadedImages'> & {
+export type ImageWidgetOptions = Pick<ImageWidgetDescriptorOpts, 'needToSetDimensionsForUploadedImages'> & {
     imageUploadHandler?: FileUploadHandler;
 };
 export declare const ImageWidget: ExtensionAuto<ImageWidgetOptions>;

package/build/cjs/extensions/yfm/ImgSize/ImageWidget/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageWidget = void 0;
-const actions_1 = require("./actions");
+const actions_1 = require("./actions.js");
 const addImageWidgetAction = 'addImageWidget';
 const ImageWidget = (builder, opts) => {
     builder.addAction(addImageWidgetAction, (deps) => (0, actions_1.addImageWidget)(deps, {
@@ -10,3 +10,4 @@ const ImageWidget = (builder, opts) => {
     }));
 };
 exports.ImageWidget = ImageWidget;
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/yfm/ImgSize/ImageWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImageWidget/index.ts"],"names":[],"mappings":";;;AAGA,0CAAyC;AAGzC,MAAM,oBAAoB,GAAG,gBAAgB,CAAC;AASvC,MAAM,WAAW,GAAsC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAC5E,OAAO,CAAC,SAAS,CAAC,oBAAoB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC7C,IAAA,wBAAc,EAAC,IAAI,EAAE;QACjB,YAAY,EAAE,IAAI,CAAC,kBAAkB;QACrC,oCAAoC,EAAE,IAAI,CAAC,oCAAoC;KAClF,CAAC,CACL,CAAC;AACN,CAAC,CAAC;AAPW,QAAA,WAAW,eAOtB","sourcesContent":["import type {Action, ExtensionAuto} from '../../../../core';\nimport {FileUploadHandler} from '../../../../utils/upload';\n\nimport {addImageWidget} from './actions';\nimport type {ImageWidgetDescriptorOpts} from './widget';\n\nconst addImageWidgetAction = 'addImageWidget';\n\nexport type ImageWidgetOptions = Pick<\n    ImageWidgetDescriptorOpts,\n    'needToSetDimensionsForUploadedImages'\n> & {\n    imageUploadHandler?: FileUploadHandler;\n};\n\nexport const ImageWidget: ExtensionAuto<ImageWidgetOptions> = (builder, opts) => {\n    builder.addAction(addImageWidgetAction, (deps) =>\n        addImageWidget(deps, {\n            uploadImages: opts.imageUploadHandler,\n            needToSetDimensionsForUploadedImages: opts.needToSetDimensionsForUploadedImages,\n        }),\n    );\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [addImageWidgetAction]: Action;\n        }\n    }\n}\n"]}

package/build/cjs/extensions/yfm/ImgSize/ImageWidget/view.css

@@ -6,7 +6,8 @@
   padding: 12px 20px;
   border-radius: 4px;
   background-color: var(--g-color-base-simple-hover-solid);
+  font-family: var(--g-text-body-font-family);
+  font-weight: var(--g-text-body-font-weight);
   font-size: var(--g-text-body-2-font-size);
   line-height: var(--g-text-body-2-line-height);
-  font-weight: var(--g-text-body-font-weight);
 }

package/build/cjs/extensions/yfm/ImgSize/ImageWidget/view.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { ImageFormProps } from '../../../../forms/ImageForm';
-export declare type FilePlaceholderProps = {
+import { ImageFormProps } from "../../../../forms/ImageForm.js";
+import "./view.css";
+export type FilePlaceholderProps = {
     onCancel: () => void;
     onSubmit: ImageFormProps['onSubmit'];
     onAttach?: (files: File[]) => Promise<void>;

package/build/cjs/extensions/yfm/ImgSize/ImageWidget/view.js

@@ -1,22 +1,23 @@
 "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 icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
 const react_use_1 = require("react-use");
-const classname_1 = require("../../../../classname");
-const ImageForm_1 = require("../../../../forms/ImageForm");
-const widgets_1 = require("../../../../i18n/widgets");
-const hooks_1 = require("../../../../react-utils/hooks");
+const classname_1 = require("../../../../classname.js");
+const ImageForm_1 = require("../../../../forms/ImageForm.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)('image-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()) {
@@ -28,11 +29,7 @@ const FilePlaceholder = ({ onCancel, onSubmit, onAttach }) => {
             });
         }
     }, [isMounted, onAttach, showLoading, hideLoading]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { ref: divRef, className: b() },
-            react_1.default.createElement(uikit_1.Icon, { data: icons_1.Picture, size: 24 }),
-            (0, widgets_1.i18n)('image')),
-        react_1.default.createElement(uikit_1.Popup, { open: true, onClose: onCancel, anchorRef: divRef, placement: placement },
-            react_1.default.createElement(ImageForm_1.ImageForm, { 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.jsxs)("div", { ref: setAnchor, className: b(), children: [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Picture, size: 24 }), (0, widgets_1.i18n)('image')] }), (0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: true, modal: true, onOpenChange: onCancel, anchorElement: anchor, placement: placement, children: (0, jsx_runtime_1.jsx)(ImageForm_1.ImageForm, { autoFocus: true, loading: loading, onCancel: onCancel, onSubmit: onSubmit, onAttach: onAttach && attachHandler }) })] }));
 };
 exports.FilePlaceholder = FilePlaceholder;
+//# sourceMappingURL=view.js.map

package/build/cjs/extensions/yfm/ImgSize/ImageWidget/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImageWidget/view.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAElC,6CAAuD;AACvD,6CAA8D;AAC9D,yCAA0C;AAE1C,wDAAyC;AACzC,8DAAsE;AACtE,+DAA8C;AAC9C,4DAA+E;AAE/E,sBAAqB;AAErB,MAAM,CAAC,GAAG,IAAA,cAAE,EAAC,mBAAmB,CAAC,CAAC;AAClC,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,iCAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,aAC/B,uBAAC,YAAI,IAAC,IAAI,EAAE,eAAS,EAAE,IAAI,EAAE,EAAE,GAAI,EAClC,IAAA,cAAI,EAAC,OAAO,CAAC,IACZ,EACN,uBAAC,aAAK,IAAC,IAAI,QAAC,KAAK,QAAC,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,YACjF,uBAAC,qBAAS,IACN,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;AApCW,QAAA,eAAe,mBAoC1B","sourcesContent":["import {useCallback} from 'react';\n\nimport {Picture as ImageIcon} from '@gravity-ui/icons';\nimport {Icon, Popup, PopupPlacement} from '@gravity-ui/uikit';\nimport {useMountedState} from 'react-use';\n\nimport {cn} from '../../../../classname';\nimport {ImageForm, ImageFormProps} from '../../../../forms/ImageForm';\nimport {i18n} from '../../../../i18n/widgets';\nimport {useBooleanState, useElementState} from '../../../../react-utils/hooks';\n\nimport './view.scss';\n\nconst b = cn('image-placeholder');\nconst placement: PopupPlacement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];\n\nexport type FilePlaceholderProps = {\n    onCancel: () => void;\n    onSubmit: ImageFormProps['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<ImageFormProps['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            <div ref={setAnchor} className={b()}>\n                <Icon data={ImageIcon} size={24} />\n                {i18n('image')}\n            </div>\n            <Popup open modal onOpenChange={onCancel} anchorElement={anchor} placement={placement}>\n                <ImageForm\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/ImgSize/ImageWidget/widget.d.ts

@@ -1,9 +1,9 @@
 import { Transaction } from 'prosemirror-state';
-import { ExtensionDeps } from '../../../../core';
-import { FileUploadHandler } from '../../../../utils/upload';
+import { ExtensionDeps } from "../../../../core/index.js";
+import { FileUploadHandler } from "../../../../utils/upload.js";
 export declare const addWidget: (tr: Transaction, deps: ExtensionDeps, opts: ImageWidgetDescriptorOpts) => Transaction;
 export declare const removeWidget: (tr: Transaction, id: string) => Transaction;
-export declare type ImageWidgetDescriptorOpts = {
+export type ImageWidgetDescriptorOpts = {
     needToSetDimensionsForUploadedImages: boolean;
     uploadImages?: FileUploadHandler;
 };

package/build/cjs/extensions/yfm/ImgSize/ImageWidget/widget.js

@@ -2,22 +2,26 @@
 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 jsx_runtime_1 = require("react/jsx-runtime");
 const is_number_1 = tslib_1.__importDefault(require("is-number"));
-const WidgetDecoration_1 = require("../../../behavior/WidgetDecoration");
-const markdown_1 = require("../../../markdown");
-const specs_1 = require("../../../specs");
-const upload_1 = require("../ImagePaste/upload");
-const view_1 = require("./view");
+const WidgetDecoration_1 = require("../../../behavior/WidgetDecoration/index.js");
+const markdown_1 = require("../../../markdown/index.js");
+const specs_1 = require("../../../specs.js");
+const upload_1 = require("../ImagePaste/upload.js");
+const view_1 = require("./view.js");
 const addWidget = (tr, deps, opts) => {
     return new ImageWidgetDescriptor(tr.selection.from, deps, opts).applyTo(tr);
 };
 exports.addWidget = addWidget;
 exports.removeWidget = WidgetDecoration_1.removeDecoration;
 class ImageWidgetDescriptor extends WidgetDecoration_1.ReactWidgetDescriptor {
+    domElem;
+    deps;
+    uploadImages;
+    needToSetDimensionsForUploadedImages;
+    widgetHandler = null;
     constructor(initPos, deps, opts) {
         super(initPos, 'image_placeholder');
-        this.widgetHandler = null;
         this.domElem = document.createElement('span');
         this.deps = deps;
         this.uploadImages = opts.uploadImages;
@@ -42,47 +46,20 @@ class ImageWidgetDescriptor extends WidgetDecoration_1.ReactWidgetDescriptor {
         return this.getWidgetHandler(view, getPos).renderWidgetView(view, getPos);
     }
     remove() {
-        var _a;
         super.remove();
-        (_a = this.widgetHandler) === null || _a === void 0 ? void 0 : _a.destruct();
+        this.widgetHandler?.destruct();
         this.widgetHandler = null;
     }
 }
 class ImageWidgetHandler {
+    view;
+    getPos;
+    decoId;
+    uploadImages;
+    normalizeUrl;
+    needToSetDimensionsForUploadedImages;
+    cancelled = false;
     constructor({ decoId, view, getPos, uploadImages, needToSetDimensionsForUploadedImages, }, deps) {
-        this.cancelled = false;
-        this.onCancel = () => {
-            this.cancelled = true;
-            this.view.dispatch((0, WidgetDecoration_1.removeDecoration)(this.view.state.tr, this.decoId));
-            this.view.focus();
-        };
-        this.onSubmit = (params) => {
-            var _a;
-            if (this.cancelled)
-                return;
-            const url = (_a = this.normalizeUrl(params.url)) === null || _a === void 0 ? void 0 : _a.url;
-            if (!url)
-                return;
-            const attrs = {
-                [specs_1.ImgSizeAttr.Src]: url,
-                [specs_1.ImgSizeAttr.Title]: params.name,
-                [specs_1.ImgSizeAttr.Alt]: params.alt,
-                [specs_1.ImgSizeAttr.Width]: (0, is_number_1.default)(params.width) ? String(params.width) : null,
-                [specs_1.ImgSizeAttr.Height]: (0, is_number_1.default)(params.height) ? String(params.height) : null,
-            };
-            const node = (0, markdown_1.imageType)(this.view.state.schema).create(attrs);
-            this.insertNodes([node]);
-        };
-        this.onAttach = async (files) => {
-            if (this.cancelled || !this.uploadImages)
-                return;
-            const { view } = this;
-            new upload_1.ImagesUploadProcess(view, files, this.uploadImages, this.getPos(), {
-                needDimensions: this.needToSetDimensionsForUploadedImages,
-            }).run();
-            view.dispatch((0, exports.removeWidget)(view.state.tr, this.decoId));
-            view.focus();
-        };
         this.decoId = decoId;
         this.view = view;
         this.getPos = getPos;
@@ -96,8 +73,39 @@ class ImageWidgetHandler {
     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.uploadImages && this.onAttach }));
+        return ((0, jsx_runtime_1.jsx)(view_1.FilePlaceholder, { onCancel: this.onCancel, onSubmit: this.onSubmit, onAttach: this.uploadImages && this.onAttach }));
     }
+    onCancel = () => {
+        this.cancelled = true;
+        this.view.dispatch((0, WidgetDecoration_1.removeDecoration)(this.view.state.tr, this.decoId));
+        this.view.focus();
+    };
+    onSubmit = (params) => {
+        if (this.cancelled)
+            return;
+        const url = this.normalizeUrl(params.url)?.url;
+        if (!url)
+            return;
+        const attrs = {
+            [specs_1.ImgSizeAttr.Src]: url,
+            [specs_1.ImgSizeAttr.Title]: params.name,
+            [specs_1.ImgSizeAttr.Alt]: params.alt,
+            [specs_1.ImgSizeAttr.Width]: (0, is_number_1.default)(params.width) ? String(params.width) : null,
+            [specs_1.ImgSizeAttr.Height]: (0, is_number_1.default)(params.height) ? String(params.height) : null,
+        };
+        const node = (0, markdown_1.imageType)(this.view.state.schema).create(attrs);
+        this.insertNodes([node]);
+    };
+    onAttach = async (files) => {
+        if (this.cancelled || !this.uploadImages)
+            return;
+        const { view } = this;
+        new upload_1.ImagesUploadProcess(view, files, this.uploadImages, this.getPos(), {
+            needDimensions: this.needToSetDimensionsForUploadedImages,
+        }).run();
+        view.dispatch((0, exports.removeWidget)(view.state.tr, this.decoId));
+        view.focus();
+    };
     insertNodes(fileNodes) {
         if (this.cancelled)
             return;
@@ -108,3 +116,4 @@ class ImageWidgetHandler {
         this.view.focus();
     }
 }
+//# sourceMappingURL=widget.js.map

package/build/cjs/extensions/yfm/ImgSize/ImageWidget/widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImageWidget/widget.tsx"],"names":[],"mappings":"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","sourcesContent":["import isNumber from 'is-number';\nimport {Node} from 'prosemirror-model';\nimport {Transaction} from 'prosemirror-state';\nimport {EditorView} from 'prosemirror-view';\n\nimport {ExtensionDeps} from '../../../../core';\nimport {FileUploadHandler} from '../../../../utils/upload';\nimport {ReactWidgetDescriptor, removeDecoration} from '../../../behavior/WidgetDecoration';\nimport {imageType, normalizeUrlFactory} from '../../../markdown';\nimport {ImgSizeAttr} from '../../../specs';\nimport {ImagesUploadProcess} from '../ImagePaste/upload';\n\nimport {FilePlaceholder, FilePlaceholderProps} from './view';\n\nexport const addWidget = (\n    tr: Transaction,\n    deps: ExtensionDeps,\n    opts: ImageWidgetDescriptorOpts,\n) => {\n    return new ImageWidgetDescriptor(tr.selection.from, deps, opts).applyTo(tr);\n};\n\nexport const removeWidget = removeDecoration;\n\nexport type ImageWidgetDescriptorOpts = {\n    needToSetDimensionsForUploadedImages: boolean;\n    uploadImages?: FileUploadHandler;\n};\n\nclass ImageWidgetDescriptor extends ReactWidgetDescriptor {\n    private readonly domElem;\n    private readonly deps;\n    private readonly uploadImages;\n    private readonly needToSetDimensionsForUploadedImages: boolean;\n\n    private widgetHandler: ImageWidgetHandler | null = null;\n\n    constructor(initPos: number, deps: ExtensionDeps, opts: ImageWidgetDescriptorOpts) {\n        super(initPos, 'image_placeholder');\n        this.domElem = document.createElement('span');\n        this.deps = deps;\n        this.uploadImages = opts.uploadImages;\n        this.needToSetDimensionsForUploadedImages = opts.needToSetDimensionsForUploadedImages;\n    }\n\n    getWidgetHandler(view: EditorView, getPos: () => number): ImageWidgetHandler {\n        if (!this.widgetHandler) {\n            this.widgetHandler = new ImageWidgetHandler(\n                {\n                    view,\n                    getPos,\n                    decoId: this.id,\n                    uploadImages: this.uploadImages,\n                    needToSetDimensionsForUploadedImages: this.needToSetDimensionsForUploadedImages,\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?.destruct();\n        this.widgetHandler = null;\n    }\n}\n\ntype ImageWidgetHandlerProps = {\n    decoId: string;\n    view: EditorView;\n    getPos: () => number;\n    uploadImages?: FileUploadHandler;\n    needToSetDimensionsForUploadedImages: boolean;\n};\n\nclass ImageWidgetHandler {\n    private view;\n    private getPos;\n\n    private readonly decoId: string;\n    private readonly uploadImages;\n    private readonly normalizeUrl;\n    private readonly needToSetDimensionsForUploadedImages: boolean;\n\n    private cancelled = false;\n\n    constructor(\n        {\n            decoId,\n            view,\n            getPos,\n            uploadImages,\n            needToSetDimensionsForUploadedImages,\n        }: ImageWidgetHandlerProps,\n        deps: ExtensionDeps,\n    ) {\n        this.decoId = decoId;\n        this.view = view;\n        this.getPos = getPos;\n        this.uploadImages = uploadImages;\n        this.normalizeUrl = normalizeUrlFactory(deps);\n        this.needToSetDimensionsForUploadedImages = needToSetDimensionsForUploadedImages;\n    }\n\n    destruct() {\n        this.cancelled = true;\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.uploadImages && this.onAttach}\n            />\n        );\n    }\n\n    private onCancel: FilePlaceholderProps['onCancel'] = () => {\n        this.cancelled = true;\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 (this.cancelled) return;\n\n        const url = this.normalizeUrl(params.url)?.url;\n        if (!url) return;\n\n        const attrs = {\n            [ImgSizeAttr.Src]: url,\n            [ImgSizeAttr.Title]: params.name,\n            [ImgSizeAttr.Alt]: params.alt,\n            [ImgSizeAttr.Width]: isNumber(params.width) ? String(params.width) : null,\n            [ImgSizeAttr.Height]: isNumber(params.height) ? String(params.height) : null,\n        };\n\n        const node = imageType(this.view.state.schema).create(attrs);\n        this.insertNodes([node]);\n    };\n\n    private onAttach: FilePlaceholderProps['onAttach'] = async (files) => {\n        if (this.cancelled || !this.uploadImages) return;\n\n        const {view} = this;\n        new ImagesUploadProcess(view, files, this.uploadImages, this.getPos(), {\n            needDimensions: this.needToSetDimensionsForUploadedImages,\n        }).run();\n        view.dispatch(removeWidget(view.state.tr, this.decoId));\n        view.focus();\n    };\n\n    private insertNodes(fileNodes: Node[]) {\n        if (this.cancelled) return;\n\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"]}

package/build/cjs/extensions/yfm/ImgSize/ImgSizeSpecs/const.js

@@ -10,3 +10,4 @@ exports.ImgSizeAttr = {
     Height: const_1.ImsizeAttr.Height,
     Loading: 'loading',
 };
+//# sourceMappingURL=const.js.map

package/build/cjs/extensions/yfm/ImgSize/ImgSizeSpecs/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImgSizeSpecs/const.ts"],"names":[],"mappings":";;;AAAA,wEAAwE;AAE3D,QAAA,WAAW,GAAG;IACvB,GAAG,EAAE,kBAAU,CAAC,GAAG;IACnB,GAAG,EAAE,kBAAU,CAAC,GAAG;IACnB,KAAK,EAAE,kBAAU,CAAC,KAAK;IACvB,KAAK,EAAE,kBAAU,CAAC,KAAK;IACvB,MAAM,EAAE,kBAAU,CAAC,MAAM;IACzB,OAAO,EAAE,SAAS;CACZ,CAAC","sourcesContent":["import {ImsizeAttr} from '@diplodoc/transform/lib/plugins/imsize/const';\n\nexport const ImgSizeAttr = {\n    Alt: ImsizeAttr.Alt,\n    Src: ImsizeAttr.Src,\n    Title: ImsizeAttr.Title,\n    Width: ImsizeAttr.Width,\n    Height: ImsizeAttr.Height,\n    Loading: 'loading',\n} as const;\n"]}

package/build/cjs/extensions/yfm/ImgSize/ImgSizeSpecs/index.d.ts

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

package/build/cjs/extensions/yfm/ImgSize/ImgSizeSpecs/index.js

@@ -5,12 +5,11 @@ const tslib_1 = require("tslib");
 const log_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/log"));
 const imsize_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/plugins/imsize"));
 const is_number_1 = tslib_1.__importDefault(require("is-number"));
-const const_1 = require("../../../markdown/Image/const");
-const const_2 = require("./const");
+const const_1 = require("../../../markdown/Image/const.js");
+const const_2 = require("./const.js");
 Object.defineProperty(exports, "ImgSizeAttr", { enumerable: true, get: function () { return const_2.ImgSizeAttr; } });
 const ImgSizeSpecs = (builder, opts) => {
-    var _a;
-    const placeholderContent = (_a = builder.context.get('placeholder')) === null || _a === void 0 ? void 0 : _a.imgSize;
+    const placeholderContent = builder.context.get('placeholder')?.imgSize;
     builder.configureMd((md) => md.use(imsize_1.default, { log: log_1.default, enableInlineStyling: true }));
     builder.addNode(const_1.imageNodeName, () => ({
         spec: {
@@ -51,17 +50,14 @@ const ImgSizeSpecs = (builder, opts) => {
             tokenSpec: {
                 name: const_1.imageNodeName,
                 type: 'node',
-                getAttrs: (tok) => {
-                    var _a, _b;
-                    return ({
-                        [const_2.ImgSizeAttr.Src]: tok.attrGet(const_2.ImgSizeAttr.Src),
-                        [const_2.ImgSizeAttr.Title]: tok.attrGet(const_2.ImgSizeAttr.Title),
-                        [const_2.ImgSizeAttr.Height]: tok.attrGet(const_2.ImgSizeAttr.Height),
-                        [const_2.ImgSizeAttr.Width]: tok.attrGet(const_2.ImgSizeAttr.Width),
-                        [const_2.ImgSizeAttr.Loading]: tok.attrGet(const_2.ImgSizeAttr.Loading),
-                        [const_2.ImgSizeAttr.Alt]: ((_b = (_a = tok.children) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.content) || null,
-                    });
-                },
+                getAttrs: (tok) => ({
+                    [const_2.ImgSizeAttr.Src]: tok.attrGet(const_2.ImgSizeAttr.Src),
+                    [const_2.ImgSizeAttr.Title]: tok.attrGet(const_2.ImgSizeAttr.Title),
+                    [const_2.ImgSizeAttr.Height]: tok.attrGet(const_2.ImgSizeAttr.Height),
+                    [const_2.ImgSizeAttr.Width]: tok.attrGet(const_2.ImgSizeAttr.Width),
+                    [const_2.ImgSizeAttr.Loading]: tok.attrGet(const_2.ImgSizeAttr.Loading),
+                    [const_2.ImgSizeAttr.Alt]: tok.children?.[0]?.content || null,
+                }),
             },
         },
         toMd: (state, node) => {
@@ -90,3 +86,4 @@ function getSize({ width, height }) {
     }
     return '';
 }
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/yfm/ImgSize/ImgSizeSpecs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImgSizeSpecs/index.ts"],"names":[],"mappings":";;;;AAAA,8EAA8C;AAC9C,4FAA4D;AAC5D,kEAAiC;AAIjC,4DAA4D;AAE5D,sCAAoC;AAW5B,4FAXA,mBAAW,OAWA;AASZ,MAAM,YAAY,GAAuC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAC9E,MAAM,kBAAkB,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IAEvE,OAAO,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,gBAAM,EAAE,EAAC,GAAG,EAAH,aAAG,EAAE,mBAAmB,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;IAC9E,OAAO,CAAC,OAAO,CAAC,qBAAa,EAAE,GAAG,EAAE,CAAC,CAAC;QAClC,IAAI,EAAE;YACF,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE;gBACH,CAAC,mBAAW,CAAC,GAAG,CAAC,EAAE,EAAE;gBACrB,CAAC,mBAAW,CAAC,GAAG,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;gBAClC,CAAC,mBAAW,CAAC,KAAK,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;gBACpC,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;gBACrC,CAAC,mBAAW,CAAC,KAAK,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;gBACpC,CAAC,mBAAW,CAAC,OAAO,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;aACzC;YACD,WAAW,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAC,OAAO,EAAE,kBAAkB,EAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW;YAClF,KAAK,EAAE,QAAQ;YACf,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE;gBACN;oBACI,GAAG,EAAE,UAAU;oBACf,QAAQ,CAAC,GAAG;wBACR,MAAM,MAAM,GAAI,GAAe,CAAC,YAAY,CAAC,mBAAW,CAAC,MAAM,CAAC,CAAC;wBACjE,MAAM,KAAK,GAAI,GAAe,CAAC,YAAY,CAAC,mBAAW,CAAC,KAAK,CAAC,CAAC;wBAE/D,OAAO;4BACH,CAAC,mBAAW,CAAC,GAAG,CAAC,EAAG,GAAe,CAAC,YAAY,CAAC,mBAAW,CAAC,GAAG,CAAC;4BACjE,CAAC,mBAAW,CAAC,GAAG,CAAC,EAAG,GAAe,CAAC,YAAY,CAAC,mBAAW,CAAC,GAAG,CAAC;4BACjE,CAAC,mBAAW,CAAC,KAAK,CAAC,EAAG,GAAe,CAAC,YAAY,CAAC,mBAAW,CAAC,KAAK,CAAC;4BACrE,CAAC,mBAAW,CAAC,OAAO,CAAC,EAAG,GAAe,CAAC,YAAY,CAChD,mBAAW,CAAC,OAAO,CACtB;4BACD,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,IAAA,mBAAQ,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;4BACtD,CAAC,mBAAW,CAAC,KAAK,CAAC,EAAE,IAAA,mBAAQ,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;yBACvD,CAAC;oBACN,CAAC;iBACJ;aACJ;YACD,KAAK,CAAC,IAAI;gBACN,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YAC/B,CAAC;SACJ;QACD,MAAM,EAAE;YACJ,SAAS,EAAE;gBACP,IAAI,EAAE,qBAAa;gBACnB,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,CAAC,GAAG,EAAyB,EAAE,CAAC,CAAC;oBACvC,CAAC,mBAAW,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,mBAAW,CAAC,GAAG,CAAE;oBAChD,CAAC,mBAAW,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,mBAAW,CAAC,KAAK,CAAC;oBACnD,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,mBAAW,CAAC,MAAM,CAAC;oBACrD,CAAC,mBAAW,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,mBAAW,CAAC,KAAK,CAAC;oBACnD,CAAC,mBAAW,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,mBAAW,CAAC,OAAO,CAAC;oBACvD,CAAC,mBAAW,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,IAAI,IAAI;iBACxD,CAAC;aACL;SACJ;QACD,IAAI,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;YAClB,MAAM,KAAK,GAAG,IAAI,CAAC,KAA8B,CAAC;YAClD,IAAI,MAAM,GAAG,IAAI,CAAC;YAElB,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC;gBACZ,MAAM,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACnC,CAAC;YAED,MAAM,IAAI,IAAI,CAAC;YAEf,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC;gBACZ,MAAM,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACnC,CAAC;YAED,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;gBACd,MAAM,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YAC7C,CAAC;YAED,MAAM,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;YACzB,MAAM,IAAI,GAAG,CAAC;YAEd,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACxB,CAAC;KACJ,CAAC,CAAC,CAAC;AACR,CAAC,CAAC;AAhFW,QAAA,YAAY,gBAgFvB;AAEF,SAAS,OAAO,CAAC,EAAC,KAAK,EAAE,MAAM,EAAwB;IACnD,IAAI,KAAK,IAAI,MAAM,EAAE,CAAC;QAClB,OAAO,KAAK,KAAK,IAAI,EAAE,IAAI,MAAM,IAAI,EAAE,EAAE,CAAC;IAC9C,CAAC;IAED,OAAO,EAAE,CAAC;AACd,CAAC","sourcesContent":["import log from '@diplodoc/transform/lib/log';\nimport imsize from '@diplodoc/transform/lib/plugins/imsize';\nimport isNumber from 'is-number';\nimport type {NodeSpec} from 'prosemirror-model';\n\nimport type {ExtensionAuto} from '../../../../core';\nimport {imageNodeName} from '../../../markdown/Image/const';\n\nimport {ImgSizeAttr} from './const';\n\ntype ImsizeTypedAttributes = {\n    [ImgSizeAttr.Src]: string;\n    [ImgSizeAttr.Title]: string | null;\n    [ImgSizeAttr.Alt]: string | null;\n    [ImgSizeAttr.Width]: string | null;\n    [ImgSizeAttr.Height]: string | null;\n    [ImgSizeAttr.Loading]: string | null;\n};\n\nexport {ImgSizeAttr};\n\nexport type ImgSizeSpecsOptions = {\n    /**\n     * @deprecated: use placeholder option in BehaviorPreset instead.\n     */\n    placeholder?: NodeSpec['placeholder'];\n};\n\nexport const ImgSizeSpecs: ExtensionAuto<ImgSizeSpecsOptions> = (builder, opts) => {\n    const placeholderContent = builder.context.get('placeholder')?.imgSize;\n\n    builder.configureMd((md) => md.use(imsize, {log, enableInlineStyling: true}));\n    builder.addNode(imageNodeName, () => ({\n        spec: {\n            inline: true,\n            attrs: {\n                [ImgSizeAttr.Src]: {},\n                [ImgSizeAttr.Alt]: {default: null},\n                [ImgSizeAttr.Title]: {default: null},\n                [ImgSizeAttr.Height]: {default: null},\n                [ImgSizeAttr.Width]: {default: null},\n                [ImgSizeAttr.Loading]: {default: null},\n            },\n            placeholder: placeholderContent ? {content: placeholderContent} : opts.placeholder,\n            group: 'inline',\n            draggable: true,\n            parseDOM: [\n                {\n                    tag: 'img[src]',\n                    getAttrs(dom) {\n                        const height = (dom as Element).getAttribute(ImgSizeAttr.Height);\n                        const width = (dom as Element).getAttribute(ImgSizeAttr.Width);\n\n                        return {\n                            [ImgSizeAttr.Src]: (dom as Element).getAttribute(ImgSizeAttr.Src),\n                            [ImgSizeAttr.Alt]: (dom as Element).getAttribute(ImgSizeAttr.Alt),\n                            [ImgSizeAttr.Title]: (dom as Element).getAttribute(ImgSizeAttr.Title),\n                            [ImgSizeAttr.Loading]: (dom as Element).getAttribute(\n                                ImgSizeAttr.Loading,\n                            ),\n                            [ImgSizeAttr.Height]: isNumber(height) ? height : null,\n                            [ImgSizeAttr.Width]: isNumber(width) ? height : null,\n                        };\n                    },\n                },\n            ],\n            toDOM(node) {\n                return ['img', node.attrs];\n            },\n        },\n        fromMd: {\n            tokenSpec: {\n                name: imageNodeName,\n                type: 'node',\n                getAttrs: (tok): ImsizeTypedAttributes => ({\n                    [ImgSizeAttr.Src]: tok.attrGet(ImgSizeAttr.Src)!,\n                    [ImgSizeAttr.Title]: tok.attrGet(ImgSizeAttr.Title),\n                    [ImgSizeAttr.Height]: tok.attrGet(ImgSizeAttr.Height),\n                    [ImgSizeAttr.Width]: tok.attrGet(ImgSizeAttr.Width),\n                    [ImgSizeAttr.Loading]: tok.attrGet(ImgSizeAttr.Loading),\n                    [ImgSizeAttr.Alt]: tok.children?.[0]?.content || null,\n                }),\n            },\n        },\n        toMd: (state, node) => {\n            const attrs = node.attrs as ImsizeTypedAttributes;\n            let result = '![';\n\n            if (attrs.alt) {\n                result += state.esc(attrs.alt);\n            }\n\n            result += '](';\n\n            if (attrs.src) {\n                result += state.esc(attrs.src);\n            }\n\n            if (attrs.title) {\n                result += ` ${state.quote(attrs.title)}`;\n            }\n\n            result += getSize(attrs);\n            result += ')';\n\n            state.write(result);\n        },\n    }));\n};\n\nfunction getSize({width, height}: ImsizeTypedAttributes): string {\n    if (width || height) {\n        return ` =${width || ''}x${height || ''}`;\n    }\n\n    return '';\n}\n"]}

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

@@ -1,7 +1,7 @@
 import type { Schema } from 'prosemirror-model';
-import type { ActionSpec } from '../../../core';
-import { AddImageAttrs as AddImageAttrsBase } from '../../markdown/Image';
-export declare type AddImageAttrs = AddImageAttrsBase & {
+import type { ActionSpec } from "../../../core/index.js";
+import { AddImageAttrs as AddImageAttrsBase } from "../../markdown/Image/index.js";
+export type AddImageAttrs = AddImageAttrsBase & {
     width?: string | number;
     height?: string | number;
 };

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

@@ -3,19 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.addImage = void 0;
 const tslib_1 = require("tslib");
 const is_number_1 = tslib_1.__importDefault(require("is-number"));
-const Image_1 = require("../../markdown/Image");
-const const_1 = require("./const");
+const Image_1 = require("../../markdown/Image/index.js");
+const const_1 = require("./const.js");
 const addImage = (schema) => {
     return {
         isEnable: (state) => state.selection.empty,
         run(state, dispatch, _view, attrs) {
             const params = attrs;
-            if (params === null || params === void 0 ? void 0 : params.src) {
+            if (params?.src) {
                 const { src, title, alt, width, height } = params;
                 const imgAttrs = {
                     [const_1.ImgSizeAttr.Src]: src,
-                    [const_1.ImgSizeAttr.Title]: title !== null && title !== void 0 ? title : '',
-                    [const_1.ImgSizeAttr.Alt]: alt !== null && alt !== void 0 ? alt : '',
+                    [const_1.ImgSizeAttr.Title]: title ?? '',
+                    [const_1.ImgSizeAttr.Alt]: alt ?? '',
                 };
                 if ((0, is_number_1.default)(width)) {
                     imgAttrs[const_1.ImgSizeAttr.Width] = String(width);
@@ -23,9 +23,10 @@ const addImage = (schema) => {
                 if ((0, is_number_1.default)(height)) {
                     imgAttrs[const_1.ImgSizeAttr.Height] = String(height);
                 }
-                dispatch(state.tr.insert(state.selection.from, (0, Image_1.imgType)(schema).create(imgAttrs)));
+                dispatch(state.tr.insert(state.selection.from, (0, Image_1.imageType)(schema).create(imgAttrs)));
             }
         },
     };
 };
 exports.addImage = addImage;
+//# sourceMappingURL=actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/ImgSize/actions.ts"],"names":[],"mappings":";;;;AAAA,kEAAiC;AAIjC,yDAAmF;AAEnF,sCAAoC;AAO7B,MAAM,QAAQ,GAAG,CAAC,MAAc,EAAc,EAAE;IACnD,OAAO;QACH,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK;QAC1C,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK;YAC7B,MAAM,MAAM,GAAG,KAAkC,CAAC;YAElD,IAAI,MAAM,EAAE,GAAG,EAAE,CAAC;gBACd,MAAM,EAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAC,GAAG,MAAM,CAAC;gBAChD,MAAM,QAAQ,GAA4B;oBACtC,CAAC,mBAAW,CAAC,GAAG,CAAC,EAAE,GAAG;oBACtB,CAAC,mBAAW,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,EAAE;oBAChC,CAAC,mBAAW,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE;iBAC/B,CAAC;gBAEF,IAAI,IAAA,mBAAQ,EAAC,KAAK,CAAC,EAAE,CAAC;oBAClB,QAAQ,CAAC,mBAAW,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;gBAChD,CAAC;gBACD,IAAI,IAAA,mBAAQ,EAAC,MAAM,CAAC,EAAE,CAAC;oBACnB,QAAQ,CAAC,mBAAW,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;gBAClD,CAAC;gBAED,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,IAAA,iBAAS,EAAC,MAAM,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACxF,CAAC;QACL,CAAC;KACJ,CAAC;AACN,CAAC,CAAC;AAzBW,QAAA,QAAQ,YAyBnB","sourcesContent":["import isNumber from 'is-number';\nimport type {Schema} from 'prosemirror-model';\n\nimport type {ActionSpec} from '../../../core';\nimport {AddImageAttrs as AddImageAttrsBase, imageType} from '../../markdown/Image';\n\nimport {ImgSizeAttr} from './const';\n\nexport type AddImageAttrs = AddImageAttrsBase & {\n    width?: string | number;\n    height?: string | number;\n};\n\nexport const addImage = (schema: Schema): ActionSpec => {\n    return {\n        isEnable: (state) => state.selection.empty,\n        run(state, dispatch, _view, attrs) {\n            const params = attrs as AddImageAttrs | undefined;\n\n            if (params?.src) {\n                const {src, title, alt, width, height} = params;\n                const imgAttrs: {[key: string]: string} = {\n                    [ImgSizeAttr.Src]: src,\n                    [ImgSizeAttr.Title]: title ?? '',\n                    [ImgSizeAttr.Alt]: alt ?? '',\n                };\n\n                if (isNumber(width)) {\n                    imgAttrs[ImgSizeAttr.Width] = String(width);\n                }\n                if (isNumber(height)) {\n                    imgAttrs[ImgSizeAttr.Height] = String(height);\n                }\n\n                dispatch(state.tr.insert(state.selection.from, imageType(schema).create(imgAttrs)));\n            }\n        },\n    };\n};\n"]}

package/build/cjs/extensions/yfm/ImgSize/const.d.ts

@@ -1,8 +1,8 @@
 import { PluginKey } from 'prosemirror-state';
-export { ImgSizeAttr } from './ImgSizeSpecs';
-export { imageNodeName, addImageAction } from '../../markdown/Image/const';
+export { ImgSizeAttr } from "./ImgSizeSpecs/index.js";
+export { imageNodeName, addImageAction } from "../../markdown/Image/const.js";
 export declare const IMG_MAX_HEIGHT = 600;
-export declare type ImageRendererState = {
+export type ImageRendererState = {
     linkAdded: boolean;
 };
 export declare const imageRendererKey: PluginKey<ImageRendererState>;

package/build/cjs/extensions/yfm/ImgSize/const.js

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.imageRendererKey = exports.IMG_MAX_HEIGHT = exports.addImageAction = exports.imageNodeName = exports.ImgSizeAttr = void 0;
 const prosemirror_state_1 = require("prosemirror-state");
-var ImgSizeSpecs_1 = require("./ImgSizeSpecs");
+var ImgSizeSpecs_1 = require("./ImgSizeSpecs/index.js");
 Object.defineProperty(exports, "ImgSizeAttr", { enumerable: true, get: function () { return ImgSizeSpecs_1.ImgSizeAttr; } });
-var const_1 = require("../../markdown/Image/const");
+var const_1 = require("../../markdown/Image/const.js");
 Object.defineProperty(exports, "imageNodeName", { enumerable: true, get: function () { return const_1.imageNodeName; } });
 Object.defineProperty(exports, "addImageAction", { enumerable: true, get: function () { return const_1.addImageAction; } });
 exports.IMG_MAX_HEIGHT = 600; //px
 exports.imageRendererKey = new prosemirror_state_1.PluginKey('imageRenderer');
+//# sourceMappingURL=const.js.map

package/build/cjs/extensions/yfm/ImgSize/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/ImgSize/const.ts"],"names":[],"mappings":";;;AAAA,yDAA4C;AAE5C,wDAA2C;AAAnC,2GAAA,WAAW,OAAA;AACnB,uDAAyE;AAAjE,sGAAA,aAAa,OAAA;AAAE,uGAAA,cAAc,OAAA;AAExB,QAAA,cAAc,GAAG,GAAG,CAAC,CAAC,IAAI;AAE1B,QAAA,gBAAgB,GAAG,IAAI,6BAAS,CAAqB,eAAe,CAAC,CAAC","sourcesContent":["import {PluginKey} from 'prosemirror-state';\n\nexport {ImgSizeAttr} from './ImgSizeSpecs';\nexport {imageNodeName, addImageAction} from '../../markdown/Image/const';\n\nexport const IMG_MAX_HEIGHT = 600; //px\nexport type ImageRendererState = {linkAdded: boolean};\nexport const imageRendererKey = new PluginKey<ImageRendererState>('imageRenderer');\n"]}

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

@@ -1,9 +1,9 @@
-import type { Action, ExtensionAuto } from '../../../core';
-import { type ImagePasteOptions } from './ImagePaste';
-import { type ImgSizeSpecsOptions } from './ImgSizeSpecs';
-import { type AddImageAttrs } from './actions';
-import { addImageAction } from './const';
-export declare type ImgSizeOptions = ImgSizeSpecsOptions & {
+import type { Action, ExtensionAuto } from "../../../core/index.js";
+import { type ImagePasteOptions } from "./ImagePaste/index.js";
+import { type ImgSizeSpecsOptions } from "./ImgSizeSpecs/index.js";
+import { type AddImageAttrs } from "./actions.js";
+import { addImageAction } from "./const.js";
+export type ImgSizeOptions = ImgSizeSpecsOptions & {
     /**
      * If we need to set dimensions for uploaded images
      *

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

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImgSize = void 0;
-const ImagePaste_1 = require("./ImagePaste");
-const ImageWidget_1 = require("./ImageWidget");
-const ImgSizeSpecs_1 = require("./ImgSizeSpecs");
-const actions_1 = require("./actions");
-const const_1 = require("./const");
-const ImgSizeNodeView_1 = require("./plugins/ImgSizeNodeView");
+const ImagePaste_1 = require("./ImagePaste/index.js");
+const ImageWidget_1 = require("./ImageWidget/index.js");
+const ImgSizeSpecs_1 = require("./ImgSizeSpecs/index.js");
+const actions_1 = require("./actions.js");
+const const_1 = require("./const.js");
+const ImgSizeNodeView_1 = require("./plugins/ImgSizeNodeView/index.js");
 const ImgSize = (builder, opts) => {
     builder.use(ImgSizeSpecs_1.ImgSizeSpecs, opts);
     builder.use(ImageWidget_1.ImageWidget, {
@@ -25,3 +25,4 @@ const ImgSize = (builder, opts) => {
     builder.addPlugin(ImgSizeNodeView_1.imgSizeNodeViewPlugin);
 };
 exports.ImgSize = ImgSize;
+//# sourceMappingURL=index.js.map