@gravity-ui/markdown-editor 14.12.3 → 15.0.1

package/build/esm/extensions/yfm/ImgSize/ImagePaste/skeleton.js

@@ -1,31 +1,28 @@
-var _ImageSkeletonDescriptor_domElem;
-import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Skeleton } from '@gravity-ui/uikit';
-import { cn } from '../../../../classname';
-import { ReactWidgetDescriptor } from '../../../behavior/WidgetDecoration';
-import './skeleton.css';
+import { cn } from "../../../../classname.js";
+import { ReactWidgetDescriptor } from "../../../behavior/WidgetDecoration/index.js";
+import "./skeleton.css";
 const b = cn('image-skeleton');
 export class ImageSkeletonDescriptor extends ReactWidgetDescriptor {
+    #domElem;
+    get pos() {
+        return this.getPos?.() ?? this.initPos;
+    }
     constructor(initPos, size) {
         super(initPos, 'image_skeleton');
-        _ImageSkeletonDescriptor_domElem.set(this, void 0);
-        __classPrivateFieldSet(this, _ImageSkeletonDescriptor_domElem, document.createElement('span'), "f");
-        __classPrivateFieldGet(this, _ImageSkeletonDescriptor_domElem, "f").classList.add(b());
+        this.#domElem = document.createElement('span');
+        this.#domElem.classList.add(b());
         if (size) {
-            __classPrivateFieldGet(this, _ImageSkeletonDescriptor_domElem, "f").style.setProperty('--img-skeleton-width', size.width);
-            __classPrivateFieldGet(this, _ImageSkeletonDescriptor_domElem, "f").style.setProperty('--img-skeleton-height', size.height);
+            this.#domElem.style.setProperty('--img-skeleton-width', size.width);
+            this.#domElem.style.setProperty('--img-skeleton-height', size.height);
         }
     }
-    get pos() {
-        var _a, _b;
-        return (_b = (_a = this.getPos) === null || _a === void 0 ? void 0 : _a.call(this)) !== null && _b !== void 0 ? _b : this.initPos;
-    }
     getDomElem() {
-        return __classPrivateFieldGet(this, _ImageSkeletonDescriptor_domElem, "f");
+        return this.#domElem;
     }
     renderReactElement() {
-        return React.createElement(Skeleton, { className: b('skeleton') });
+        return _jsx(Skeleton, { className: b('skeleton') });
     }
 }
-_ImageSkeletonDescriptor_domElem = new WeakMap();
+//# sourceMappingURL=skeleton.js.map

package/build/esm/extensions/yfm/ImgSize/ImagePaste/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImagePaste/skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,EAAE,EAAC,iCAA8B;AACzC,OAAO,EAAC,qBAAqB,EAAC,oDAA2C;AAEzE,wBAAyB;AAEzB,MAAM,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAE/B,MAAM,OAAO,uBAAwB,SAAQ,qBAAqB;IAC9D,QAAQ,CAAC;IAET,IAAI,GAAG;QACH,OAAO,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC;IAC3C,CAAC;IAED,YAAY,OAAe,EAAE,IAAsC;QAC/D,KAAK,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;QAEjC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/C,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;QACjC,IAAI,IAAI,EAAE,CAAC;YACP,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YACpE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,uBAAuB,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1E,CAAC;IACL,CAAC;IAED,UAAU;QACN,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED,kBAAkB;QACd,OAAO,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,GAAI,CAAC;IAClD,CAAC;CACJ","sourcesContent":["import {Skeleton} from '@gravity-ui/uikit';\n\nimport {cn} from '../../../../classname';\nimport {ReactWidgetDescriptor} from '../../../behavior/WidgetDecoration';\n\nimport './skeleton.scss';\n\nconst b = cn('image-skeleton');\n\nexport class ImageSkeletonDescriptor extends ReactWidgetDescriptor {\n    #domElem;\n\n    get pos() {\n        return this.getPos?.() ?? this.initPos;\n    }\n\n    constructor(initPos: number, size?: {width: string; height: string}) {\n        super(initPos, 'image_skeleton');\n\n        this.#domElem = document.createElement('span');\n        this.#domElem.classList.add(b());\n        if (size) {\n            this.#domElem.style.setProperty('--img-skeleton-width', size.width);\n            this.#domElem.style.setProperty('--img-skeleton-height', size.height);\n        }\n    }\n\n    getDomElem(): HTMLElement {\n        return this.#domElem;\n    }\n\n    renderReactElement(): React.ReactElement {\n        return <Skeleton className={b('skeleton')} />;\n    }\n}\n"]}

package/build/esm/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 type { Node } from 'prosemirror-model';
+import type { EditorView } from 'prosemirror-view';
+import { type FileUploadHandler, type UploadSuccessItem } from "../../../../utils/index.js";
+import { FilesBatchUploadProcess } from "../../../behavior/utils/upload.js";
+import { type 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/esm/extensions/yfm/ImgSize/ImagePaste/upload.js

@@ -1,11 +1,14 @@
-import { logger } from '../../../../logger';
-import { getProportionalSize } from '../../../../utils';
-import { FilesBatchUploadProcess } from '../../../behavior/utils/upload';
-import { imageType } from '../../../markdown';
-import { IMG_MAX_HEIGHT } from '../const';
-import { createImageNode, loadImage } from '../utils';
-import { ImageSkeletonDescriptor } from './skeleton';
+import { logger } from "../../../../logger.js";
+import { getProportionalSize, } from "../../../../utils/index.js";
+import { FilesBatchUploadProcess } from "../../../behavior/utils/upload.js";
+import { imageType } from "../../../markdown/index.js";
+import { IMG_MAX_HEIGHT } from "../const.js";
+import { createImageNode, loadImage } from "../utils.js";
+import { ImageSkeletonDescriptor } from "./skeleton.js";
 export class ImagesUploadProcess extends FilesBatchUploadProcess {
+    createImage;
+    initPosition;
+    enableNewImageSizeCalculation;
     constructor(view, files, uploadHandler, position, opts) {
         super(view, files, uploadHandler);
         this.initPosition = position;
@@ -25,7 +28,7 @@ async function getSkeletonSize(files, opts) {
     const skeletonSize = { width: '300', height: '200' };
     if (files.length === 1) {
         try {
-            const size = await loadImage(files[0]).then((opts === null || opts === void 0 ? void 0 : opts.enableNewImageSizeCalculation) ? calcSkeletonSizeNew : calcSkeletonSize);
+            const size = await loadImage(files[0]).then(opts?.enableNewImageSizeCalculation ? calcSkeletonSizeNew : calcSkeletonSize);
             skeletonSize.width = String(size.width);
             skeletonSize.height = String(size.height);
         }
@@ -48,3 +51,4 @@ function calcSkeletonSizeNew({ width, height }) {
         imgMaxHeight: IMG_MAX_HEIGHT,
     });
 }
+//# sourceMappingURL=upload.js.map

package/build/esm/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,OAAO,EAAC,MAAM,EAAC,8BAA2B;AAC1C,OAAO,EAGH,mBAAmB,GACtB,mCAA0B;AAC3B,OAAO,EAAC,uBAAuB,EAAC,0CAAuC;AACvE,OAAO,EAAC,SAAS,EAAC,mCAA0B;AAC5C,OAAO,EAAC,cAAc,EAAC,oBAAiB;AACxC,OAAO,EAA8B,eAAe,EAAE,SAAS,EAAC,oBAAiB;AAEjF,OAAO,EAAC,uBAAuB,EAAC,sBAAmB;AAEnD,MAAM,OAAO,mBAAoB,SAAQ,uBAAuB;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,eAAe,CAAC,SAAS,CAAC,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,uBAAuB,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;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,SAAS,CAAC,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,MAAM,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,cAAc;QAAE,OAAO,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC;IAErD,MAAM,KAAK,GAAG,cAAc,GAAG,MAAM,CAAC,CAAC,UAAU;IACjD,OAAO,EAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,EAAC,CAAC;AAC1D,CAAC;AAED,SAAS,mBAAmB,CAAC,EAAC,KAAK,EAAE,MAAM,EAAmB;IAC1D,OAAO,mBAAmB,CAAC;QACvB,KAAK;QACL,MAAM;QACN,YAAY,EAAE,cAAc;KAC/B,CAAC,CAAC;AACP,CAAC","sourcesContent":["import type {Node} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {logger} from '../../../../logger';\nimport {\n    type FileUploadHandler,\n    type UploadSuccessItem,\n    getProportionalSize,\n} from '../../../../utils';\nimport {FilesBatchUploadProcess} from '../../../behavior/utils/upload';\nimport {imageType} from '../../../markdown';\nimport {IMG_MAX_HEIGHT} from '../const';\nimport {type 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/esm/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 { type ImageWidgetDescriptorOpts } from "./widget.js";
 export declare const addImageWidget: (deps: ExtensionDeps, opts: ImageWidgetDescriptorOpts) => ActionSpec;

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

@@ -1,7 +1,8 @@
-import { addWidget } from './widget';
+import { addWidget } from "./widget.js";
 export const addImageWidget = (deps, opts) => ({
     isEnable: (state) => state.selection.empty,
     run(state, dispatch) {
         dispatch(addWidget(state.tr, deps, opts));
     },
 });
+//# sourceMappingURL=actions.js.map

package/build/esm/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,OAAO,EAAiC,SAAS,EAAC,oBAAiB;AAEnE,MAAM,CAAC,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,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAC9C,CAAC;CACJ,CAAC,CAAC","sourcesContent":["import type {ActionSpec, ExtensionDeps} from '../../../../core';\n\nimport {type 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/esm/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 type { 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/esm/extensions/yfm/ImgSize/ImageWidget/index.js

@@ -1,4 +1,4 @@
-import { addImageWidget } from './actions';
+import { addImageWidget } from "./actions.js";
 const addImageWidgetAction = 'addImageWidget';
 export const ImageWidget = (builder, opts) => {
     builder.addAction(addImageWidgetAction, (deps) => addImageWidget(deps, {
@@ -6,3 +6,4 @@ export const ImageWidget = (builder, opts) => {
         needToSetDimensionsForUploadedImages: opts.needToSetDimensionsForUploadedImages,
     }));
 };
+//# sourceMappingURL=index.js.map

package/build/esm/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,OAAO,EAAC,cAAc,EAAC,qBAAkB;AAGzC,MAAM,oBAAoB,GAAG,gBAAgB,CAAC;AAS9C,MAAM,CAAC,MAAM,WAAW,GAAsC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAC5E,OAAO,CAAC,SAAS,CAAC,oBAAoB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC7C,cAAc,CAAC,IAAI,EAAE;QACjB,YAAY,EAAE,IAAI,CAAC,kBAAkB;QACrC,oCAAoC,EAAE,IAAI,CAAC,oCAAoC;KAClF,CAAC,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["import type {Action, ExtensionAuto} from '../../../../core';\nimport type {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/esm/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/esm/extensions/yfm/ImgSize/ImageWidget/view.d.ts

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

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

@@ -1,19 +1,20 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback } from 'react';
 import { Picture as ImageIcon } from '@gravity-ui/icons';
 import { Icon, Popup } from '@gravity-ui/uikit';
 import { useMountedState } from 'react-use';
-import { cn } from '../../../../classname';
-import { ImageForm } from '../../../../forms/ImageForm';
-import { i18n } from '../../../../i18n/widgets';
-import { useBooleanState } from '../../../../react-utils/hooks';
-import './view.css';
+import { cn } from "../../../../classname.js";
+import { ImageForm } from "../../../../forms/ImageForm.js";
+import { i18n } from "../../../../i18n/widgets/index.js";
+import { useBooleanState, useElementState } from "../../../../react-utils/hooks.js";
+import "./view.css";
 const b = cn('image-placeholder');
 const placement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];
 export const FilePlaceholder = ({ onCancel, onSubmit, onAttach }) => {
     const isMounted = useMountedState();
     const [loading, showLoading, hideLoading] = useBooleanState(false);
-    const divRef = React.useRef(null);
-    const attachHandler = React.useCallback((files) => {
+    const [anchor, setAnchor] = useElementState();
+    const attachHandler = useCallback((files) => {
         if (!onAttach)
             return;
         if (isMounted()) {
@@ -25,10 +26,6 @@ export const FilePlaceholder = ({ onCancel, onSubmit, onAttach }) => {
             });
         }
     }, [isMounted, onAttach, showLoading, hideLoading]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { ref: divRef, className: b() },
-            React.createElement(Icon, { data: ImageIcon, size: 24 }),
-            i18n('image')),
-        React.createElement(Popup, { open: true, onClose: onCancel, anchorRef: divRef, placement: placement },
-            React.createElement(ImageForm, { autoFocus: true, loading: loading, onCancel: onCancel, onSubmit: onSubmit, onAttach: onAttach && attachHandler }))));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { ref: setAnchor, className: b(), children: [_jsx(Icon, { data: ImageIcon, size: 24 }), i18n('image')] }), _jsx(Popup, { open: true, modal: true, onOpenChange: onCancel, anchorElement: anchor, placement: placement, children: _jsx(ImageForm, { autoFocus: true, loading: loading, onCancel: onCancel, onSubmit: onSubmit, onAttach: onAttach && attachHandler }) })] }));
 };
+//# sourceMappingURL=view.js.map

package/build/esm/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,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AAElC,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAC,IAAI,EAAE,KAAK,EAAsB,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAC,eAAe,EAAC,MAAM,WAAW,CAAC;AAE1C,OAAO,EAAC,EAAE,EAAC,iCAA8B;AACzC,OAAO,EAAC,SAAS,EAAsB,uCAAoC;AAC3E,OAAO,EAAC,IAAI,EAAC,0CAAiC;AAC9C,OAAO,EAAC,eAAe,EAAE,eAAe,EAAC,yCAAsC;AAE/E,oBAAqB;AAErB,MAAM,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC;AAClC,MAAM,SAAS,GAAmB,CAAC,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;AAQzF,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC9F,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;IACpC,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IACnE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,eAAe,EAAE,CAAC;IAC9C,MAAM,aAAa,GAAG,WAAW,CAC7B,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,8BACI,eAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,aAC/B,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,GAAI,EAClC,IAAI,CAAC,OAAO,CAAC,IACZ,EACN,KAAC,KAAK,IAAC,IAAI,QAAC,KAAK,QAAC,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,YACjF,KAAC,SAAS,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","sourcesContent":["import {useCallback} from 'react';\n\nimport {Picture as ImageIcon} from '@gravity-ui/icons';\nimport {Icon, Popup, type PopupPlacement} from '@gravity-ui/uikit';\nimport {useMountedState} from 'react-use';\n\nimport {cn} from '../../../../classname';\nimport {ImageForm, type 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/esm/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 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, 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/esm/extensions/yfm/ImgSize/ImageWidget/widget.js

@@ -1,18 +1,22 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import isNumber from 'is-number';
-import { ReactWidgetDescriptor, removeDecoration } from '../../../behavior/WidgetDecoration';
-import { imageType, normalizeUrlFactory } from '../../../markdown';
-import { ImgSizeAttr } from '../../../specs';
-import { ImagesUploadProcess } from '../ImagePaste/upload';
-import { FilePlaceholder } from './view';
+import { ReactWidgetDescriptor, removeDecoration } from "../../../behavior/WidgetDecoration/index.js";
+import { imageType, normalizeUrlFactory } from "../../../markdown/index.js";
+import { ImgSizeAttr } from "../../../specs.js";
+import { ImagesUploadProcess } from "../ImagePaste/upload.js";
+import { FilePlaceholder } from "./view.js";
 export const addWidget = (tr, deps, opts) => {
     return new ImageWidgetDescriptor(tr.selection.from, deps, opts).applyTo(tr);
 };
 export const removeWidget = removeDecoration;
 class ImageWidgetDescriptor extends 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;
@@ -37,47 +41,20 @@ class ImageWidgetDescriptor extends 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(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 = {
-                [ImgSizeAttr.Src]: url,
-                [ImgSizeAttr.Title]: params.name,
-                [ImgSizeAttr.Alt]: params.alt,
-                [ImgSizeAttr.Width]: isNumber(params.width) ? String(params.width) : null,
-                [ImgSizeAttr.Height]: isNumber(params.height) ? String(params.height) : null,
-            };
-            const node = imageType(this.view.state.schema).create(attrs);
-            this.insertNodes([node]);
-        };
-        this.onAttach = async (files) => {
-            if (this.cancelled || !this.uploadImages)
-                return;
-            const { view } = this;
-            new ImagesUploadProcess(view, files, this.uploadImages, this.getPos(), {
-                needDimensions: this.needToSetDimensionsForUploadedImages,
-            }).run();
-            view.dispatch(removeWidget(view.state.tr, this.decoId));
-            view.focus();
-        };
         this.decoId = decoId;
         this.view = view;
         this.getPos = getPos;
@@ -91,8 +68,39 @@ class ImageWidgetHandler {
     renderWidgetView(view, getPos) {
         this.view = view;
         this.getPos = getPos;
-        return (React.createElement(FilePlaceholder, { onCancel: this.onCancel, onSubmit: this.onSubmit, onAttach: this.uploadImages && this.onAttach }));
+        return (_jsx(FilePlaceholder, { onCancel: this.onCancel, onSubmit: this.onSubmit, onAttach: this.uploadImages && this.onAttach }));
     }
+    onCancel = () => {
+        this.cancelled = true;
+        this.view.dispatch(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 = {
+            [ImgSizeAttr.Src]: url,
+            [ImgSizeAttr.Title]: params.name,
+            [ImgSizeAttr.Alt]: params.alt,
+            [ImgSizeAttr.Width]: isNumber(params.width) ? String(params.width) : null,
+            [ImgSizeAttr.Height]: isNumber(params.height) ? String(params.height) : null,
+        };
+        const node = imageType(this.view.state.schema).create(attrs);
+        this.insertNodes([node]);
+    };
+    onAttach = async (files) => {
+        if (this.cancelled || !this.uploadImages)
+            return;
+        const { view } = this;
+        new ImagesUploadProcess(view, files, this.uploadImages, this.getPos(), {
+            needDimensions: this.needToSetDimensionsForUploadedImages,
+        }).run();
+        view.dispatch(removeWidget(view.state.tr, this.decoId));
+        view.focus();
+    };
     insertNodes(fileNodes) {
         if (this.cancelled)
             return;
@@ -103,3 +111,4 @@ class ImageWidgetHandler {
         this.view.focus();
     }
 }
+//# sourceMappingURL=widget.js.map

package/build/esm/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 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 {imageType, normalizeUrlFactory} from '../../../markdown';\nimport {ImgSizeAttr} from '../../../specs';\nimport {ImagesUploadProcess} from '../ImagePaste/upload';\n\nimport {FilePlaceholder, type 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/esm/extensions/yfm/ImgSize/ImgSizeSpecs/const.js

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

package/build/esm/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,OAAO,EAAC,UAAU,EAAC,MAAM,8CAA8C,CAAC;AAExE,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,GAAG,EAAE,UAAU,CAAC,GAAG;IACnB,GAAG,EAAE,UAAU,CAAC,GAAG;IACnB,KAAK,EAAE,UAAU,CAAC,KAAK;IACvB,KAAK,EAAE,UAAU,CAAC,KAAK;IACvB,MAAM,EAAE,UAAU,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/esm/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/esm/extensions/yfm/ImgSize/ImgSizeSpecs/index.js

@@ -1,12 +1,11 @@
 import log from '@diplodoc/transform/lib/log';
 import imsize from '@diplodoc/transform/lib/plugins/imsize';
 import isNumber from 'is-number';
-import { imageNodeName } from '../../../markdown/Image/const';
-import { ImgSizeAttr } from './const';
+import { imageNodeName } from "../../../markdown/Image/const.js";
+import { ImgSizeAttr } from "./const.js";
 export { ImgSizeAttr };
 export 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, { log, enableInlineStyling: true }));
     builder.addNode(imageNodeName, () => ({
         spec: {
@@ -47,17 +46,14 @@ export const ImgSizeSpecs = (builder, opts) => {
             tokenSpec: {
                 name: imageNodeName,
                 type: 'node',
-                getAttrs: (tok) => {
-                    var _a, _b;
-                    return ({
-                        [ImgSizeAttr.Src]: tok.attrGet(ImgSizeAttr.Src),
-                        [ImgSizeAttr.Title]: tok.attrGet(ImgSizeAttr.Title),
-                        [ImgSizeAttr.Height]: tok.attrGet(ImgSizeAttr.Height),
-                        [ImgSizeAttr.Width]: tok.attrGet(ImgSizeAttr.Width),
-                        [ImgSizeAttr.Loading]: tok.attrGet(ImgSizeAttr.Loading),
-                        [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) => ({
+                    [ImgSizeAttr.Src]: tok.attrGet(ImgSizeAttr.Src),
+                    [ImgSizeAttr.Title]: tok.attrGet(ImgSizeAttr.Title),
+                    [ImgSizeAttr.Height]: tok.attrGet(ImgSizeAttr.Height),
+                    [ImgSizeAttr.Width]: tok.attrGet(ImgSizeAttr.Width),
+                    [ImgSizeAttr.Loading]: tok.attrGet(ImgSizeAttr.Loading),
+                    [ImgSizeAttr.Alt]: tok.children?.[0]?.content || null,
+                }),
             },
         },
         toMd: (state, node) => {
@@ -85,3 +81,4 @@ function getSize({ width, height }) {
     }
     return '';
 }
+//# sourceMappingURL=index.js.map

package/build/esm/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,OAAO,GAAG,MAAM,6BAA6B,CAAC;AAC9C,OAAO,MAAM,MAAM,wCAAwC,CAAC;AAC5D,OAAO,QAAQ,MAAM,WAAW,CAAC;AAIjC,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAE5D,OAAO,EAAC,WAAW,EAAC,mBAAgB;AAWpC,OAAO,EAAC,WAAW,EAAC,CAAC;AASrB,MAAM,CAAC,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,MAAM,EAAE,EAAC,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;IAC9E,OAAO,CAAC,OAAO,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,CAAC;QAClC,IAAI,EAAE;YACF,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE;gBACH,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,EAAE;gBACrB,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;gBAClC,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;gBACpC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;gBACrC,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;gBACpC,CAAC,WAAW,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,WAAW,CAAC,MAAM,CAAC,CAAC;wBACjE,MAAM,KAAK,GAAI,GAAe,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;wBAE/D,OAAO;4BACH,CAAC,WAAW,CAAC,GAAG,CAAC,EAAG,GAAe,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC;4BACjE,CAAC,WAAW,CAAC,GAAG,CAAC,EAAG,GAAe,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC;4BACjE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAG,GAAe,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,CAAC;4BACrE,CAAC,WAAW,CAAC,OAAO,CAAC,EAAG,GAAe,CAAC,YAAY,CAChD,WAAW,CAAC,OAAO,CACtB;4BACD,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;4BACtD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,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,aAAa;gBACnB,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,CAAC,GAAG,EAAyB,EAAE,CAAC,CAAC;oBACvC,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAE;oBAChD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC;oBACnD,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC;oBACrD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC;oBACnD,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC;oBACvD,CAAC,WAAW,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;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/esm/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 { type AddImageAttrs as AddImageAttrsBase } from "../../markdown/Image/index.js";
+export type AddImageAttrs = AddImageAttrsBase & {
     width?: string | number;
     height?: string | number;
 };

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

@@ -1,17 +1,17 @@
 import isNumber from 'is-number';
-import { imgType } from '../../markdown/Image';
-import { ImgSizeAttr } from './const';
+import { imageType } from "../../markdown/Image/index.js";
+import { ImgSizeAttr } from "./const.js";
 export 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 = {
                     [ImgSizeAttr.Src]: src,
-                    [ImgSizeAttr.Title]: title !== null && title !== void 0 ? title : '',
-                    [ImgSizeAttr.Alt]: alt !== null && alt !== void 0 ? alt : '',
+                    [ImgSizeAttr.Title]: title ?? '',
+                    [ImgSizeAttr.Alt]: alt ?? '',
                 };
                 if (isNumber(width)) {
                     imgAttrs[ImgSizeAttr.Width] = String(width);
@@ -19,8 +19,9 @@ export const addImage = (schema) => {
                 if (isNumber(height)) {
                     imgAttrs[ImgSizeAttr.Height] = String(height);
                 }
-                dispatch(state.tr.insert(state.selection.from, imgType(schema).create(imgAttrs)));
+                dispatch(state.tr.insert(state.selection.from, imageType(schema).create(imgAttrs)));
             }
         },
     };
 };
+//# sourceMappingURL=actions.js.map

package/build/esm/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,OAAO,QAAQ,MAAM,WAAW,CAAC;AAIjC,OAAO,EAA0C,SAAS,EAAC,sCAA6B;AAExF,OAAO,EAAC,WAAW,EAAC,mBAAgB;AAOpC,MAAM,CAAC,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,WAAW,CAAC,GAAG,CAAC,EAAE,GAAG;oBACtB,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,EAAE;oBAChC,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE;iBAC/B,CAAC;gBAEF,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;oBAClB,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;gBAChD,CAAC;gBACD,IAAI,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;oBACnB,QAAQ,CAAC,WAAW,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,SAAS,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACxF,CAAC;QACL,CAAC;KACJ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import isNumber from 'is-number';\nimport type {Schema} from 'prosemirror-model';\n\nimport type {ActionSpec} from '../../../core';\nimport {type 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/esm/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/esm/extensions/yfm/ImgSize/const.js

@@ -1,5 +1,6 @@
 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 const IMG_MAX_HEIGHT = 600; //px
 export const imageRendererKey = new PluginKey('imageRenderer');
+//# sourceMappingURL=const.js.map

package/build/esm/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,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAC,WAAW,EAAC,gCAAuB;AAC3C,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,sCAAmC;AAEzE,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC,CAAC,IAAI;AAEvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,SAAS,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"]}