@gravity-ui/markdown-editor 14.12.2 → 15.0.0

package/build/cjs/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImageForm/ImageForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageForm.js","sourceRoot":"../../../../../../../../src","sources":["extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImageForm/ImageForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useRef, useState} from 'react';\n\nimport {Popup, TextInput, type TextInputProps} from '@gravity-ui/uikit';\nimport isNumber from 'is-number';\nimport type {Mark, Node} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {cn} from '../../../../../../classname';\nimport Form from '../../../../../../forms/base';\nimport {NumberInput} from '../../../../../../forms/components';\nimport {i18n} from '../../../../../../i18n/forms';\nimport {useAutoFocus} from '../../../../../../react-utils/useAutoFocus';\nimport {enterKeyHandler} from '../../../../../../utils/handlers';\nimport {LinkAttr, linkType} from '../../../../../markdown';\nimport {ImgSizeAttr} from '../../../../../specs';\n\nimport './ImageForm.scss';\n\nconst b = cn('image-tooltip-form');\n\nexport const ImageForm: React.FC<{\n    node: Node;\n    anchorElement: HTMLElement | null;\n    updateAttributes: (o: object, marks?: Mark[]) => void;\n    view: EditorView;\n    unsetEdit: () => void;\n}> = ({node, updateAttributes, view, unsetEdit, anchorElement}) => {\n    const {attrs, marks} = node;\n    const link = marks.find((m) => m.type.name === linkType(view.state.schema).name);\n\n    const [name, setName] = useState(attrs[ImgSizeAttr.Title] || '');\n    const [alt, setAlt] = useState(attrs[ImgSizeAttr.Alt] || '');\n    const [width, setWidth] = useState(attrs[ImgSizeAttr.Width] || '');\n    const [height, setHeight] = useState(attrs[ImgSizeAttr.Height] || '');\n    const [linkHref, setLinkHref] = useState(link?.attrs.href || '');\n    const handleSubmit = () => {\n        updateAttributes(\n            {\n                title: name.trim(),\n                alt: alt.trim(),\n                width: isNumber(width) && Number(width) >= 0 ? String(width) : '',\n                height: isNumber(height) && Number(height) >= 0 ? String(height) : '',\n            },\n            link\n                ? [\n                      linkType(view.state.schema).create({\n                          ...link.attrs,\n                          [LinkAttr.Href]: linkHref,\n                      }),\n                  ]\n                : [],\n        );\n        unsetEdit();\n    };\n    const linkRef = useRef<HTMLInputElement>(null);\n    const imageNameRef = useRef<HTMLInputElement>(null);\n\n    useAutoFocus(link ? linkRef : imageNameRef);\n\n    const inputEnterKeyHandler: TextInputProps['onKeyPress'] = enterKeyHandler(handleSubmit);\n\n    return (\n        <Popup\n            open\n            modal\n            anchorElement={anchorElement}\n            placement={['bottom-start', 'top-start', 'bottom-end', 'top-end']}\n            onOpenChange={(_open, _event, reason) => {\n                if (reason !== 'escape-key') unsetEdit();\n            }}\n        >\n            <Form.Form className={b()}>\n                <Form.Layout>\n                    {link && (\n                        <Form.Row\n                            label={i18n('image_link_href')}\n                            help={i18n('image_link_href_help')}\n                            control={\n                                <TextInput\n                                    controlRef={linkRef}\n                                    size=\"s\"\n                                    view=\"normal\"\n                                    value={linkHref}\n                                    onUpdate={setLinkHref}\n                                    className={b('input', {type: 'link'})}\n                                    onKeyPress={inputEnterKeyHandler}\n                                />\n                            }\n                        />\n                    )}\n                    <Form.Row\n                        label={i18n('image_name')}\n                        control={\n                            <TextInput\n                                controlRef={imageNameRef}\n                                size=\"s\"\n                                view=\"normal\"\n                                value={name}\n                                onUpdate={setName}\n                                className={b('input', {type: 'name'})}\n                                onKeyPress={inputEnterKeyHandler}\n                            />\n                        }\n                    />\n                    <Form.Row\n                        label={i18n('image_alt')}\n                        help={i18n('image_alt_help')}\n                        control={\n                            <TextInput\n                                size=\"s\"\n                                view=\"normal\"\n                                value={alt}\n                                onUpdate={setAlt}\n                                className={b('input', {type: 'alt'})}\n                                onKeyPress={inputEnterKeyHandler}\n                            />\n                        }\n                    />\n                    <Form.Row\n                        label={i18n('common_sizes')}\n                        control={\n                            <div className={b('size-controls')}>\n                                <NumberInput\n                                    min={0}\n                                    size=\"s\"\n                                    view=\"normal\"\n                                    value={width}\n                                    onUpdate={setWidth}\n                                    placeholder={i18n('image_size_width')}\n                                    className={b('input', {type: 'width'})}\n                                    onKeyPress={inputEnterKeyHandler}\n                                />\n                                x\n                                <NumberInput\n                                    min={0}\n                                    size=\"s\"\n                                    view=\"normal\"\n                                    value={height}\n                                    onUpdate={setHeight}\n                                    placeholder={i18n('image_size_height')}\n                                    className={b('input', {type: 'height'})}\n                                    onKeyPress={inputEnterKeyHandler}\n                                />\n                            </div>\n                        }\n                    />\n                </Form.Layout>\n                <Form.Footer onSubmit={handleSubmit} />\n            </Form.Form>\n        </Popup>\n    );\n};\n"]}

package/build/cjs/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImageForm/index.d.ts

@@ -1 +1 @@
-export * from './ImageForm';
+export * from "./ImageForm.js";

package/build/cjs/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImageForm/index.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ImageForm"), exports);
+tslib_1.__exportStar(require("./ImageForm.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImageForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../../../src","sources":["extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImageForm/index.ts"],"names":[],"mappings":";;;AAAA,yDAA4B","sourcesContent":["export * from './ImageForm';\n"]}

package/build/cjs/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImgSettingsButton.d.ts

@@ -1,12 +1,12 @@
-import React, { RefObject } from 'react';
-import { Node } from 'prosemirror-model';
-import { EditorView } from 'prosemirror-view';
+import type { Node } from 'prosemirror-model';
+import type { EditorView } from 'prosemirror-view';
+import "./ImgSettingsButton.css";
 export declare const ImgSettingsButton: React.FC<{
     node: Node;
     view: EditorView;
     getPos: () => number | undefined;
     updateAttributes: (o: object) => void;
-    nodeRef: RefObject<HTMLDivElement>;
+    nodeElement: HTMLElement | null;
     visible: boolean;
     toggleEdit: () => void;
     edit: boolean;

package/build/cjs/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImgSettingsButton.js

@@ -1,19 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImgSettingsButton = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const classname_1 = require("../../../../../classname");
-const common_1 = require("../../../../../i18n/common");
-const hooks_1 = require("../../../../../react-utils/hooks");
-const ImageForm_1 = require("./ImageForm");
+const classname_1 = require("../../../../../classname.js");
+const common_1 = require("../../../../../i18n/common/index.js");
+const hooks_1 = require("../../../../../react-utils/hooks.js");
+const react_node_view_1 = require("../../../../../react-utils/react-node-view.js");
+const ImageForm_1 = require("./ImageForm/index.js");
+require("./ImgSettingsButton.css");
 const b = (0, classname_1.cn)('img-settings-button');
-const ImgSettingsButton = function ({ node, view, updateAttributes, visible, edit, toggleEdit, nodeRef, unsetEdit, onDelete, }) {
-    const [popupOpen, setPopupOpen, unsetPopupOpen] = (0, hooks_1.useBooleanState)(false);
+const ImgSettingsButton = function ({ node, view, updateAttributes, visible, edit, toggleEdit, nodeElement, unsetEdit, onDelete, }) {
+    const [anchorElement, setAnchorElement] = (0, hooks_1.useElementState)();
+    const [popupOpen, _setPopupOpen, unsetPopupOpen, togglePopup] = (0, hooks_1.useBooleanState)(false);
     const placement = ['bottom-end', 'bottom-start'];
-    const buttonRef = (0, react_1.useRef)(null);
     const handleEdit = () => {
         toggleEdit();
         unsetPopupOpen();
@@ -21,17 +22,7 @@ const ImgSettingsButton = function ({ node, view, updateAttributes, visible, edi
     const isVisibleImageForm = edit;
     const isVisibleEditButton = !edit && (visible || popupOpen);
     const isVisiblePopup = !edit && popupOpen;
-    const handleEditButtonClick = (event) => {
-        event.preventDefault();
-        setPopupOpen();
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        isVisibleImageForm && (react_1.default.createElement(ImageForm_1.ImageForm, { node: node, view: view, updateAttributes: updateAttributes, dom: nodeRef, unsetEdit: unsetEdit })),
-        isVisibleEditButton && (react_1.default.createElement(uikit_1.Button, { onClick: handleEditButtonClick, ref: buttonRef, size: "s", view: 'raised', className: b() },
-            react_1.default.createElement(uikit_1.Icon, { data: icons_1.Ellipsis }))),
-        react_1.default.createElement(uikit_1.Popup, { open: isVisiblePopup, anchorRef: buttonRef, onClose: unsetPopupOpen, placement: placement },
-            react_1.default.createElement(uikit_1.Menu, null,
-                react_1.default.createElement(uikit_1.Menu.Item, { onClick: handleEdit }, (0, common_1.i18n)('edit')),
-                react_1.default.createElement(uikit_1.Menu.Item, { onClick: onDelete }, (0, common_1.i18n)('delete'))))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isVisibleImageForm && ((0, jsx_runtime_1.jsx)(ImageForm_1.ImageForm, { node: node, view: view, updateAttributes: updateAttributes, anchorElement: nodeElement, unsetEdit: unsetEdit })), isVisibleEditButton && ((0, jsx_runtime_1.jsx)(uikit_1.Button, { onClick: togglePopup, ref: setAnchorElement, size: "s", view: 'raised', className: b(null, react_node_view_1.ReactNodeStopEventCn), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Ellipsis, className: react_node_view_1.ReactNodeStopEventCn }) })), (0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: isVisiblePopup, anchorElement: anchorElement, onOpenChange: unsetPopupOpen, placement: placement, children: (0, jsx_runtime_1.jsxs)(uikit_1.Menu, { children: [(0, jsx_runtime_1.jsx)(uikit_1.Menu.Item, { onClick: handleEdit, children: (0, common_1.i18n)('edit') }), (0, jsx_runtime_1.jsx)(uikit_1.Menu.Item, { onClick: onDelete, children: (0, common_1.i18n)('delete') })] }) })] }));
 };
 exports.ImgSettingsButton = ImgSettingsButton;
+//# sourceMappingURL=ImgSettingsButton.js.map

package/build/cjs/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImgSettingsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgSettingsButton.js","sourceRoot":"../../../../../../../src","sources":["extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImgSettingsButton.tsx"],"names":[],"mappings":";;;;AAAA,6CAA2C;AAC3C,6CAAiF;AAIjF,2DAA4C;AAC5C,gEAA8D;AAC9D,+DAAkF;AAClF,mFAAgF;AAEhF,oDAAsC;AAEtC,mCAAkC;AAElC,MAAM,CAAC,GAAG,IAAA,cAAE,EAAC,qBAAqB,CAAC,CAAC;AAE7B,MAAM,iBAAiB,GAWzB,UAAU,EACX,IAAI,EACJ,IAAI,EACJ,gBAAgB,EAChB,OAAO,EACP,IAAI,EACJ,UAAU,EACV,WAAW,EACX,SAAS,EACT,QAAQ,GACX;IACG,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,uBAAe,GAAE,CAAC;IAC5D,MAAM,CAAC,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,WAAW,CAAC,GAAG,IAAA,uBAAe,EAAC,KAAK,CAAC,CAAC;IACvF,MAAM,SAAS,GAAmB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;IAEjE,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,UAAU,EAAE,CAAC;QACb,cAAc,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAI,CAAC;IAChC,MAAM,mBAAmB,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,CAAC,IAAI,IAAI,SAAS,CAAC;IAE1C,OAAO,CACH,6DACK,kBAAkB,IAAI,CACnB,uBAAC,qBAAS,IACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,WAAW,EAC1B,SAAS,EAAE,SAAS,GACtB,CACL,EAEA,mBAAmB,IAAI,CACpB,uBAAC,cAAM,IACH,OAAO,EAAE,WAAW,EACpB,GAAG,EAAE,gBAAgB,EACrB,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,sCAAoB,CAAC,YAExC,uBAAC,YAAI,IAAC,IAAI,EAAE,gBAAQ,EAAE,SAAS,EAAE,sCAAoB,GAAI,GACpD,CACZ,EAED,uBAAC,aAAK,IACF,IAAI,EAAE,cAAc,EACpB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,cAAc,EAC5B,SAAS,EAAE,SAAS,YAEpB,wBAAC,YAAI,eACD,uBAAC,YAAI,CAAC,IAAI,IAAC,OAAO,EAAE,UAAU,YAAG,IAAA,aAAU,EAAC,MAAM,CAAC,GAAa,EAChE,uBAAC,YAAI,CAAC,IAAI,IAAC,OAAO,EAAE,QAAQ,YAAG,IAAA,aAAU,EAAC,QAAQ,CAAC,GAAa,IAC7D,GACH,IACT,CACN,CAAC;AACN,CAAC,CAAC;AAxEW,QAAA,iBAAiB,qBAwE5B","sourcesContent":["import {Ellipsis} from '@gravity-ui/icons';\nimport {Button, Icon, Menu, Popup, type PopupPlacement} from '@gravity-ui/uikit';\nimport type {Node} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {cn} from '../../../../../classname';\nimport {i18n as i18nCommon} from '../../../../../i18n/common';\nimport {useBooleanState, useElementState} from '../../../../../react-utils/hooks';\nimport {ReactNodeStopEventCn} from '../../../../../react-utils/react-node-view';\n\nimport {ImageForm} from './ImageForm';\n\nimport './ImgSettingsButton.scss';\n\nconst b = cn('img-settings-button');\n\nexport const ImgSettingsButton: React.FC<{\n    node: Node;\n    view: EditorView;\n    getPos: () => number | undefined;\n    updateAttributes: (o: object) => void;\n    nodeElement: HTMLElement | null;\n    visible: boolean;\n    toggleEdit: () => void;\n    edit: boolean;\n    unsetEdit: () => void;\n    onDelete: () => void;\n}> = function ({\n    node,\n    view,\n    updateAttributes,\n    visible,\n    edit,\n    toggleEdit,\n    nodeElement,\n    unsetEdit,\n    onDelete,\n}) {\n    const [anchorElement, setAnchorElement] = useElementState();\n    const [popupOpen, _setPopupOpen, unsetPopupOpen, togglePopup] = useBooleanState(false);\n    const placement: PopupPlacement = ['bottom-end', 'bottom-start'];\n\n    const handleEdit = () => {\n        toggleEdit();\n        unsetPopupOpen();\n    };\n\n    const isVisibleImageForm = edit;\n    const isVisibleEditButton = !edit && (visible || popupOpen);\n    const isVisiblePopup = !edit && popupOpen;\n\n    return (\n        <>\n            {isVisibleImageForm && (\n                <ImageForm\n                    node={node}\n                    view={view}\n                    updateAttributes={updateAttributes}\n                    anchorElement={nodeElement}\n                    unsetEdit={unsetEdit}\n                />\n            )}\n\n            {isVisibleEditButton && (\n                <Button\n                    onClick={togglePopup}\n                    ref={setAnchorElement}\n                    size=\"s\"\n                    view={'raised'}\n                    className={b(null, ReactNodeStopEventCn)}\n                >\n                    <Icon data={Ellipsis} className={ReactNodeStopEventCn} />\n                </Button>\n            )}\n\n            <Popup\n                open={isVisiblePopup}\n                anchorElement={anchorElement}\n                onOpenChange={unsetPopupOpen}\n                placement={placement}\n            >\n                <Menu>\n                    <Menu.Item onClick={handleEdit}>{i18nCommon('edit')}</Menu.Item>\n                    <Menu.Item onClick={onDelete}>{i18nCommon('delete')}</Menu.Item>\n                </Menu>\n            </Popup>\n        </>\n    );\n};\n"]}

package/build/cjs/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/NodeView.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { ReactNodeViewProps } from '../../../../../react-utils';
+import { type ReactNodeViewProps } from "../../../../../react-utils/index.js";
+import "./ImgNodeView.css";
 export declare const cnImgSizeNodeView: import("@bem-react/classname").ClassNameFormatter;
 export declare const ImageNodeView: React.FC<ReactNodeViewProps>;

package/build/cjs/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/NodeView.js

@@ -1,20 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageNodeView = exports.cnImgSizeNodeView = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const classname_1 = require("../../../../../classname");
-const react_utils_1 = require("../../../../../react-utils");
-const useNodeResizing_1 = require("../../../../../react-utils/useNodeResizing");
-const utils_1 = require("../../../../../utils");
-const Resizable_1 = require("../../../../behavior/Resizable/Resizable");
-const ImgSizeSpecs_1 = require("../../ImgSizeSpecs");
-const const_1 = require("../../const");
-const ImgSettingsButton_1 = require("./ImgSettingsButton");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_1 = require("@gravity-ui/uikit");
+const classname_1 = require("../../../../../classname.js");
+const react_utils_1 = require("../../../../../react-utils/index.js");
+const useNodeResizing_1 = require("../../../../../react-utils/useNodeResizing.js");
+const utils_1 = require("../../../../../utils/index.js");
+const Resizable_1 = require("../../../../behavior/Resizable/Resizable.js");
+const ImgSizeSpecs_1 = require("../../ImgSizeSpecs/index.js");
+const const_1 = require("../../const.js");
+const ImgSettingsButton_1 = require("./ImgSettingsButton.js");
+require("./ImgNodeView.css");
 exports.cnImgSizeNodeView = (0, classname_1.cn)('img-size-node-view');
 const ImageNodeView = ({ node, view, getPos, updateAttributes, }) => {
     const imageContainerRef = (0, react_1.useRef)(null);
     const imageRef = (0, react_1.useRef)(null);
+    const [imageElement, setImageElement] = (0, react_utils_1.useElementState)();
     const alt = node.attrs[ImgSizeSpecs_1.ImgSizeAttr.Alt] || '';
     const initialHeight = node.attrs[ImgSizeSpecs_1.ImgSizeAttr.Height];
     const initialWidth = node.attrs[ImgSizeSpecs_1.ImgSizeAttr.Width];
@@ -68,14 +71,15 @@ const ImageNodeView = ({ node, view, getPos, updateAttributes, }) => {
         startResizing(event, direction);
     };
     (0, react_1.useEffect)(() => {
-        var _a;
-        if ((_a = const_1.imageRendererKey.getState(view.state)) === null || _a === void 0 ? void 0 : _a.linkAdded) {
+        if (const_1.imageRendererKey.getState(view.state)?.linkAdded) {
             setEditing();
         }
     }, [view, setEditing]);
-    return (react_1.default.createElement("div", { ref: imageContainerRef },
-        react_1.default.createElement(Resizable_1.Resizable, { hover: isNodeHovered, resizing: state.resizing, onResizeLeft: createHandleResize('left'), onResizeRight: createHandleResize('right') },
-            react_1.default.createElement(ImgSettingsButton_1.ImgSettingsButton, { node: node, view: view, getPos: getPos, updateAttributes: updateAttributes, visible: isNodeHovered && !edit && !state.resizing, edit: edit, toggleEdit: toggleEdit, nodeRef: imageRef, onDelete: handleDelete, unsetEdit: unsetEdit }),
-            react_1.default.createElement("img", { ref: imageRef, src: src, alt: alt, style: style }))));
+    const refFn = (0, react_1.useCallback)((elem) => {
+        (0, uikit_1.setRef)(imageRef, elem);
+        setImageElement(elem);
+    }, [setImageElement]);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: imageContainerRef, children: (0, jsx_runtime_1.jsxs)(Resizable_1.Resizable, { hover: isNodeHovered, resizing: state.resizing, onResizeLeft: createHandleResize('left'), onResizeRight: createHandleResize('right'), children: [(0, jsx_runtime_1.jsx)(ImgSettingsButton_1.ImgSettingsButton, { node: node, view: view, getPos: getPos, updateAttributes: updateAttributes, visible: isNodeHovered && !edit && !state.resizing, edit: edit, toggleEdit: toggleEdit, nodeElement: imageElement, onDelete: handleDelete, unsetEdit: unsetEdit }), (0, jsx_runtime_1.jsx)("img", { ref: refFn, src: src, alt: alt, style: style })] }) }));
 };
 exports.ImageNodeView = ImageNodeView;
+//# sourceMappingURL=NodeView.js.map

package/build/cjs/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/NodeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeView.js","sourceRoot":"../../../../../../../src","sources":["extensions/yfm/ImgSize/plugins/ImgSizeNodeView/NodeView.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useCallback, useEffect, useRef} from 'react';\n\nimport {setRef} from '@gravity-ui/uikit';\n\nimport {cn} from '../../../../../classname';\nimport {\n    type ReactNodeViewProps,\n    useElementState,\n    useNodeEditing,\n    useNodeHovered,\n} from '../../../../../react-utils';\nimport {type ResizeDirection, useNodeResizing} from '../../../../../react-utils/useNodeResizing';\nimport {removeNode} from '../../../../../utils';\nimport {Resizable} from '../../../../behavior/Resizable/Resizable';\nimport {ImgSizeAttr} from '../../ImgSizeSpecs';\nimport {imageRendererKey} from '../../const';\n\nimport {ImgSettingsButton} from './ImgSettingsButton';\n\nimport './ImgNodeView.scss';\n\nexport const cnImgSizeNodeView = cn('img-size-node-view');\n\nexport const ImageNodeView: React.FC<ReactNodeViewProps> = ({\n    node,\n    view,\n    getPos,\n    updateAttributes,\n}) => {\n    const imageContainerRef = useRef<HTMLDivElement>(null);\n    const imageRef = useRef<HTMLImageElement>(null);\n    const [imageElement, setImageElement] = useElementState();\n\n    const alt = node.attrs[ImgSizeAttr.Alt] || '';\n    const initialHeight = node.attrs[ImgSizeAttr.Height];\n    const initialWidth = node.attrs[ImgSizeAttr.Width];\n    const src = node.attrs[ImgSizeAttr.Src] || '';\n    const title = node.attrs[ImgSizeAttr.Title] || '';\n\n    const isNodeHovered = useNodeHovered(imageContainerRef);\n    const [edit, setEditing, unsetEdit, toggleEdit] = useNodeEditing({\n        nodeRef: imageContainerRef,\n        view,\n    });\n\n    const handleResize = useCallback(\n        ({width, height}: {width?: number; height?: number}) => {\n            updateAttributes({\n                width: width === undefined ? undefined : String(Math.round(width)),\n                height: height === undefined ? undefined : String(Math.round(height)),\n                name: title,\n                alt,\n            });\n        },\n        [alt, title, updateAttributes],\n    );\n\n    const {state, startResizing} = useNodeResizing({\n        width: initialWidth,\n        height: initialHeight,\n        ref: imageRef,\n        onResize: handleResize,\n    });\n\n    const style: React.HTMLAttributes<HTMLImageElement>['style'] = {\n        transition: 'width 0.15s ease-out, height 0.15s ease-out',\n    };\n\n    if (state.width) {\n        style.width = `${state.width}px`;\n\n        if (state.height) {\n            style.aspectRatio = state.width / state.height;\n            style.height = 'auto;';\n        }\n    } else if (state.height) {\n        style.height = `${state.height}px`;\n    }\n\n    const handleDelete = useCallback(() => {\n        const pos = getPos();\n        if (pos === undefined) return;\n        removeNode({\n            node,\n            pos,\n            tr: view.state.tr,\n            dispatch: view.dispatch,\n        });\n        view.focus();\n    }, [getPos, node, view]);\n\n    const createHandleResize =\n        (direction: ResizeDirection) => (event: React.MouseEvent<HTMLElement>) => {\n            startResizing(event, direction);\n        };\n\n    useEffect(() => {\n        if (imageRendererKey.getState(view.state)?.linkAdded) {\n            setEditing();\n        }\n    }, [view, setEditing]);\n\n    const refFn = useCallback(\n        (elem: HTMLImageElement | null) => {\n            setRef(imageRef, elem);\n            setImageElement(elem);\n        },\n        [setImageElement],\n    );\n\n    return (\n        <div ref={imageContainerRef}>\n            <Resizable\n                hover={isNodeHovered}\n                resizing={state.resizing}\n                onResizeLeft={createHandleResize('left')}\n                onResizeRight={createHandleResize('right')}\n            >\n                <ImgSettingsButton\n                    node={node}\n                    view={view}\n                    getPos={getPos}\n                    updateAttributes={updateAttributes}\n                    visible={isNodeHovered && !edit && !state.resizing}\n                    edit={edit}\n                    toggleEdit={toggleEdit}\n                    nodeElement={imageElement}\n                    onDelete={handleDelete}\n                    unsetEdit={unsetEdit}\n                />\n                <img ref={refFn} src={src} alt={alt} style={style} />\n            </Resizable>\n        </div>\n    );\n};\n"]}

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

@@ -1,3 +1,3 @@
 import { Plugin } from 'prosemirror-state';
-import { ExtensionDeps } from '../../../../../core';
+import type { ExtensionDeps } from "../../../../../core/index.js";
 export declare const imgSizeNodeViewPlugin: (deps: ExtensionDeps) => Plugin<any>;

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.imgSizeNodeViewPlugin = void 0;
 const prosemirror_state_1 = require("prosemirror-state");
-const react_utils_1 = require("../../../../../react-utils");
-const const_1 = require("../../const");
-const NodeView_1 = require("./NodeView");
+const react_utils_1 = require("../../../../../react-utils/index.js");
+const const_1 = require("../../const.js");
+const NodeView_1 = require("./NodeView.js");
 const imgSizeNodeViewPlugin = (deps) => new prosemirror_state_1.Plugin({
     key: const_1.imageRendererKey,
     state: {
@@ -23,3 +23,4 @@ const imgSizeNodeViewPlugin = (deps) => new prosemirror_state_1.Plugin({
     },
 });
 exports.imgSizeNodeViewPlugin = imgSizeNodeViewPlugin;
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../../src","sources":["extensions/yfm/ImgSize/plugins/ImgSizeNodeView/index.ts"],"names":[],"mappings":";;;AAAA,yDAAyC;AAGzC,qEAAgE;AAChE,0CAA4D;AAE5D,4CAA4D;AAErD,MAAM,qBAAqB,GAAG,CAAC,IAAmB,EAAE,EAAE,CACzD,IAAI,0BAAM,CAAC;IACP,GAAG,EAAE,wBAAgB;IACrB,KAAK,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC,SAAS;QACrB,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE;YACV,OAAO,EAAE,CAAC,OAAO,CAAC,wBAAgB,CAAC,CAAC;QACxC,CAAC;KACJ;IACD,KAAK,EAAE;QACH,SAAS,EAAE;YACP,CAAC,qBAAa,CAAC,EAAE,IAAA,kCAAoB,EAAC,wBAAa,EAAE;gBACjD,QAAQ,EAAE,IAAI;gBACd,kBAAkB,EAAE,IAAA,4BAAiB,EAAC,SAAS,CAAC;aACnD,CAAC,CAAC,IAAI,CAAC;SACX;KACJ;CACJ,CAAC,CAAC;AAjBM,QAAA,qBAAqB,yBAiB3B","sourcesContent":["import {Plugin} from 'prosemirror-state';\n\nimport type {ExtensionDeps} from '../../../../../core';\nimport {reactNodeViewFactory} from '../../../../../react-utils';\nimport {imageNodeName, imageRendererKey} from '../../const';\n\nimport {ImageNodeView, cnImgSizeNodeView} from './NodeView';\n\nexport const imgSizeNodeViewPlugin = (deps: ExtensionDeps) =>\n    new Plugin({\n        key: imageRendererKey,\n        state: {\n            init: () => undefined,\n            apply: (tr) => {\n                return tr.getMeta(imageRendererKey);\n            },\n        },\n        props: {\n            nodeViews: {\n                [imageNodeName]: reactNodeViewFactory(ImageNodeView, {\n                    isInline: true,\n                    reactNodeWrapperCn: cnImgSizeNodeView('wrapper'),\n                })(deps),\n            },\n        },\n    });\n"]}

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

@@ -1,8 +1,8 @@
-import { Node, NodeType } from 'prosemirror-model';
-import { UploadSuccessItem } from '../../../utils';
-import { ImgSizeAttr } from '../../specs';
+import type { Node, NodeType } from 'prosemirror-model';
+import { type UploadSuccessItem } from "../../../utils/index.js";
+import { ImgSizeAttr } from "../../specs.js";
 export declare function isImageNode(node: Node): boolean;
-export declare type CreateImageNodeOptions = {
+export type CreateImageNodeOptions = {
     needDimensions: boolean;
     enableNewImageSizeCalculation?: boolean;
 };

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

@@ -1,20 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getImageSizeNew = exports.getImageSize = exports.loadImage = exports.createImageNode = exports.isImageNode = void 0;
-const logger_1 = require("../../../logger");
-const utils_1 = require("../../../utils");
-const markdown_1 = require("../../markdown");
-const specs_1 = require("../../specs");
-const const_1 = require("./const");
+exports.createImageNode = void 0;
+exports.isImageNode = isImageNode;
+exports.loadImage = loadImage;
+exports.getImageSize = getImageSize;
+exports.getImageSizeNew = getImageSizeNew;
+const logger_1 = require("../../../logger.js");
+const utils_1 = require("../../../utils/index.js");
+const markdown_1 = require("../../markdown/index.js");
+const specs_1 = require("../../specs.js");
+const const_1 = require("./const.js");
 function isImageNode(node) {
     return node.type.name === markdown_1.imageNodeName;
 }
-exports.isImageNode = isImageNode;
 const createImageNode = (imgType, opts) => async ({ result, file }) => {
-    var _a;
     const attrs = {
         [specs_1.ImgSizeAttr.Src]: result.url,
-        [specs_1.ImgSizeAttr.Alt]: (_a = result.name) !== null && _a !== void 0 ? _a : file.name,
+        [specs_1.ImgSizeAttr.Alt]: result.name ?? file.name,
     };
     if (opts.needDimensions) {
         try {
@@ -39,11 +41,9 @@ async function loadImage(imgFile) {
         img.onerror = (_e, _s, _l, _c, error) => reject(error);
     });
 }
-exports.loadImage = loadImage;
 function getImageSize(img) {
     return { height: String(Math.min(const_1.IMG_MAX_HEIGHT, img.height)) };
 }
-exports.getImageSize = getImageSize;
 function getImageSizeNew({ width, height }) {
     const size = (0, utils_1.getProportionalSize)({
         width,
@@ -52,4 +52,4 @@ function getImageSizeNew({ width, height }) {
     });
     return { width: String(size.width), height: String(size.height) };
 }
-exports.getImageSizeNew = getImageSizeNew;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/ImgSize/utils.ts"],"names":[],"mappings":";;;AASA,kCAEC;AA2BD,8BAUC;AAED,oCAEC;AAED,0CAUC;AA9DD,+CAAuC;AACvC,mDAA2E;AAC3E,sDAA6C;AAC7C,0CAAwC;AAExC,sCAAuC;AAEvC,SAAgB,WAAW,CAAC,IAAU;IAClC,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,wBAAa,CAAC;AAC5C,CAAC;AAOM,MAAM,eAAe,GACxB,CAAC,OAAiB,EAAE,IAA4B,EAAE,EAAE,CACpD,KAAK,EAAE,EAAC,MAAM,EAAE,IAAI,EAAoB,EAAE,EAAE;IACxC,MAAM,KAAK,GAA2B;QAClC,CAAC,mBAAW,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAAG;QAC7B,CAAC,mBAAW,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI;KAC9C,CAAC;IACF,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC;YACD,MAAM,KAAK,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CACpC,IAAI,CAAC,6BAA6B,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY,CACtE,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAChC,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACX,eAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACtB,CAAC;IACL,CAAC;IACD,OAAO,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACjC,CAAC,CAAC;AAlBO,QAAA,eAAe,mBAkBtB;AAEC,KAAK,UAAU,SAAS,CAAC,OAAa;IACzC,OAAO,IAAI,OAAO,CAAmB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QACvC,GAAG,CAAC,MAAM,GAAG,GAAG,EAAE;YACd,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YAC7B,OAAO,CAAC,GAAG,CAAC,CAAC;QACjB,CAAC,CAAC;QACF,GAAG,CAAC,OAAO,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACP,CAAC;AAED,SAAgB,YAAY,CAAC,GAAqB;IAC9C,OAAO,EAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,sBAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,EAAC,CAAC;AAClE,CAAC;AAED,SAAgB,eAAe,CAAC,EAAC,KAAK,EAAE,MAAM,EAAmB;IAI7D,MAAM,IAAI,GAAG,IAAA,2BAAmB,EAAC;QAC7B,KAAK;QACL,MAAM;QACN,YAAY,EAAE,sBAAc;KAC/B,CAAC,CAAC;IACH,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAC,CAAC;AACpE,CAAC","sourcesContent":["import type {Node, NodeType} from 'prosemirror-model';\n\nimport {logger} from '../../../logger';\nimport {type UploadSuccessItem, getProportionalSize} from '../../../utils';\nimport {imageNodeName} from '../../markdown';\nimport {ImgSizeAttr} from '../../specs';\n\nimport {IMG_MAX_HEIGHT} from './const';\n\nexport function isImageNode(node: Node): boolean {\n    return node.type.name === imageNodeName;\n}\n\nexport type CreateImageNodeOptions = {\n    needDimensions: boolean;\n    enableNewImageSizeCalculation?: boolean;\n};\n\nexport const createImageNode =\n    (imgType: NodeType, opts: CreateImageNodeOptions) =>\n    async ({result, file}: UploadSuccessItem) => {\n        const attrs: Record<string, string> = {\n            [ImgSizeAttr.Src]: result.url,\n            [ImgSizeAttr.Alt]: result.name ?? file.name,\n        };\n        if (opts.needDimensions) {\n            try {\n                const sizes = await loadImage(file).then(\n                    opts.enableNewImageSizeCalculation ? getImageSizeNew : getImageSize,\n                );\n                Object.assign(attrs, sizes);\n            } catch (err) {\n                logger.error(err);\n            }\n        }\n        return imgType.create(attrs);\n    };\n\nexport async function loadImage(imgFile: File) {\n    return new Promise<HTMLImageElement>((resolve, reject) => {\n        const img = document.createElement('img');\n        img.src = URL.createObjectURL(imgFile);\n        img.onload = () => {\n            URL.revokeObjectURL(img.src);\n            resolve(img);\n        };\n        img.onerror = (_e, _s, _l, _c, error) => reject(error);\n    });\n}\n\nexport function getImageSize(img: HTMLImageElement): {[ImgSizeAttr.Height]?: string} {\n    return {height: String(Math.min(IMG_MAX_HEIGHT, img.height))};\n}\n\nexport function getImageSizeNew({width, height}: HTMLImageElement): {\n    [ImgSizeAttr.Width]?: string;\n    [ImgSizeAttr.Height]?: string;\n} {\n    const size = getProportionalSize({\n        width,\n        height,\n        imgMaxHeight: IMG_MAX_HEIGHT,\n    });\n    return {width: String(size.width), height: String(size.height)};\n}\n"]}

package/build/cjs/extensions/yfm/Monospace/MonospaceSpecs/index.d.ts

@@ -1,4 +1,4 @@
-import type { ExtensionAuto } from '../../../../core';
+import type { ExtensionAuto } from "../../../../core/index.js";
 export declare const monospaceMarkName = "monospace";
-export declare const monospaceType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").MarkType;
+export declare const monospaceType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").MarkType;
 export declare const MonospaceSpecs: ExtensionAuto;

package/build/cjs/extensions/yfm/Monospace/MonospaceSpecs/index.js

@@ -4,7 +4,7 @@ exports.MonospaceSpecs = exports.monospaceType = exports.monospaceMarkName = voi
 const tslib_1 = require("tslib");
 const log_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/log"));
 const monospace_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/plugins/monospace"));
-const schema_1 = require("../../../../utils/schema");
+const schema_1 = require("../../../../utils/schema.js");
 exports.monospaceMarkName = 'monospace';
 exports.monospaceType = (0, schema_1.markTypeFactory)(exports.monospaceMarkName);
 const MonospaceSpecs = (builder) => {
@@ -32,3 +32,4 @@ const MonospaceSpecs = (builder) => {
     }));
 };
 exports.MonospaceSpecs = MonospaceSpecs;
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/yfm/Monospace/MonospaceSpecs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/Monospace/MonospaceSpecs/index.ts"],"names":[],"mappings":";;;;AAAA,8EAA8C;AAC9C,kGAAkE;AAGlE,wDAAyD;AAE5C,QAAA,iBAAiB,GAAG,WAAW,CAAC;AAChC,QAAA,aAAa,GAAG,IAAA,wBAAe,EAAC,yBAAiB,CAAC,CAAC;AAEzD,MAAM,cAAc,GAAkB,CAAC,OAAO,EAAE,EAAE;IACrD,OAAO;SACF,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,mBAAS,EAAE,EAAC,GAAG,EAAH,aAAG,EAAC,CAAC,CAAC;SAC7C,OAAO,CAAC,yBAAiB,EAAE,GAAG,EAAE,CAAC,CAAC;QAC/B,IAAI,EAAE;YACF,QAAQ,EAAE,CAAC,EAAC,GAAG,EAAE,MAAM,EAAC,CAAC;YACzB,KAAK;gBACD,OAAO,CAAC,MAAM,CAAC,CAAC;YACpB,CAAC;SACJ;QACD,MAAM,EAAE;YACJ,SAAS,EAAE;gBACP,IAAI,EAAE,yBAAiB;gBACvB,IAAI,EAAE,MAAM;aACf;SACJ;QACD,IAAI,EAAE;YACF,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,IAAI;YACX,OAAO,EAAE,IAAI;YACb,wBAAwB,EAAE,IAAI;SACjC;KACJ,CAAC,CAAC,CAAC;AACZ,CAAC,CAAC;AAvBW,QAAA,cAAc,kBAuBzB","sourcesContent":["import log from '@diplodoc/transform/lib/log';\nimport yfmPlugin from '@diplodoc/transform/lib/plugins/monospace';\n\nimport type {ExtensionAuto} from '../../../../core';\nimport {markTypeFactory} from '../../../../utils/schema';\n\nexport const monospaceMarkName = 'monospace';\nexport const monospaceType = markTypeFactory(monospaceMarkName);\n\nexport const MonospaceSpecs: ExtensionAuto = (builder) => {\n    builder\n        .configureMd((md) => md.use(yfmPlugin, {log}))\n        .addMark(monospaceMarkName, () => ({\n            spec: {\n                parseDOM: [{tag: 'samp'}],\n                toDOM() {\n                    return ['samp'];\n                },\n            },\n            fromMd: {\n                tokenSpec: {\n                    name: monospaceMarkName,\n                    type: 'mark',\n                },\n            },\n            toMd: {\n                open: '##',\n                close: '##',\n                mixable: true,\n                expelEnclosingWhitespace: true,\n            },\n        }));\n};\n"]}

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

@@ -1,7 +1,5 @@
-import type { Action, ExtensionAuto } from '../../../core';
-export { monospaceMarkName, monospaceType } from './MonospaceSpecs';
-/** @deprecated Use `monospaceMarkName` instead */
-export declare const monospace = "monospace";
+import type { Action, ExtensionAuto } from "../../../core/index.js";
+export { monospaceMarkName, monospaceType } from "./MonospaceSpecs/index.js";
 declare const monoAction = "mono";
 export declare const Monospace: ExtensionAuto;
 declare global {

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

@@ -1,14 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Monospace = exports.monospace = exports.monospaceType = exports.monospaceMarkName = void 0;
-const actions_1 = require("../../../utils/actions");
-const inputrules_1 = require("../../../utils/inputrules");
-const MonospaceSpecs_1 = require("./MonospaceSpecs");
-var MonospaceSpecs_2 = require("./MonospaceSpecs");
+exports.Monospace = exports.monospaceType = exports.monospaceMarkName = void 0;
+const actions_1 = require("../../../utils/actions.js");
+const inputrules_1 = require("../../../utils/inputrules.js");
+const MonospaceSpecs_1 = require("./MonospaceSpecs/index.js");
+var MonospaceSpecs_2 = require("./MonospaceSpecs/index.js");
 Object.defineProperty(exports, "monospaceMarkName", { enumerable: true, get: function () { return MonospaceSpecs_2.monospaceMarkName; } });
 Object.defineProperty(exports, "monospaceType", { enumerable: true, get: function () { return MonospaceSpecs_2.monospaceType; } });
-/** @deprecated Use `monospaceMarkName` instead */
-exports.monospace = MonospaceSpecs_1.monospaceMarkName;
 const monoAction = 'mono';
 const Monospace = (builder) => {
     builder.use(MonospaceSpecs_1.MonospaceSpecs);
@@ -21,3 +19,4 @@ const Monospace = (builder) => {
     }));
 };
 exports.Monospace = Monospace;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/Monospace/index.ts"],"names":[],"mappings":";;;AACA,uDAA8D;AAC9D,6DAAwD;AAExD,8DAA+D;AAE/D,4DAAkE;AAA1D,mHAAA,iBAAiB,OAAA;AAAE,+GAAA,aAAa,OAAA;AACxC,MAAM,UAAU,GAAG,MAAM,CAAC;AAEnB,MAAM,SAAS,GAAkB,CAAC,OAAO,EAAE,EAAE;IAChD,OAAO,CAAC,GAAG,CAAC,+BAAc,CAAC,CAAC;IAE5B,OAAO;SACF,SAAS,CAAC,UAAU,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,IAAA,gCAAsB,EAAC,IAAA,8BAAa,EAAC,MAAM,CAAC,CAAC,CAAC;SAClF,aAAa,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;QAC1B,KAAK,EAAE;YACH,IAAA,0BAAa,EAAC,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAC,EAAE,IAAA,8BAAa,EAAC,MAAM,CAAC,CAAC;SACtF;KACJ,CAAC,CAAC,CAAC;AACZ,CAAC,CAAC;AAVW,QAAA,SAAS,aAUpB","sourcesContent":["import type {Action, ExtensionAuto} from '../../../core';\nimport {createToggleMarkAction} from '../../../utils/actions';\nimport {markInputRule} from '../../../utils/inputrules';\n\nimport {MonospaceSpecs, monospaceType} from './MonospaceSpecs';\n\nexport {monospaceMarkName, monospaceType} from './MonospaceSpecs';\nconst monoAction = 'mono';\n\nexport const Monospace: ExtensionAuto = (builder) => {\n    builder.use(MonospaceSpecs);\n\n    builder\n        .addAction(monoAction, ({schema}) => createToggleMarkAction(monospaceType(schema)))\n        .addInputRules(({schema}) => ({\n            rules: [\n                markInputRule({open: '##', close: '##', ignoreBetween: '#'}, monospaceType(schema)),\n            ],\n        }));\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [monoAction]: Action;\n        }\n    }\n}\n"]}

package/build/cjs/extensions/yfm/Video/VideoSpecs/const.js

@@ -6,4 +6,5 @@ var VideoAttr;
 (function (VideoAttr) {
     VideoAttr["Service"] = "service";
     VideoAttr["VideoID"] = "videoid";
-})(VideoAttr = exports.VideoAttr || (exports.VideoAttr = {}));
+})(VideoAttr || (exports.VideoAttr = VideoAttr = {}));
+//# sourceMappingURL=const.js.map

package/build/cjs/extensions/yfm/Video/VideoSpecs/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/Video/VideoSpecs/const.ts"],"names":[],"mappings":";;;AAAa,QAAA,aAAa,GAAG,OAAO,CAAC;AAErC,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,gCAAmB,CAAA;IACnB,gCAAmB,CAAA;AACvB,CAAC,EAHW,SAAS,yBAAT,SAAS,QAGpB","sourcesContent":["export const videoNodeName = 'video';\n\nexport enum VideoAttr {\n    Service = 'service',\n    VideoID = 'videoid',\n}\n"]}

package/build/cjs/extensions/yfm/Video/VideoSpecs/index.d.ts

@@ -1,6 +1,6 @@
-import type { ExtensionAuto } from '../../../../core';
-import { VideoPluginOptions } from './md-video';
-export { videoNodeName } from './const';
-export { videoType } from './utils';
-export declare type VideoSpecsOptions = VideoPluginOptions & {};
+import type { ExtensionAuto } from "../../../../core/index.js";
+import { type VideoPluginOptions } from "./md-video.js";
+export { videoNodeName } from "./const.js";
+export { videoType } from "./utils.js";
+export type VideoSpecsOptions = VideoPluginOptions & {};
 export declare const VideoSpecs: ExtensionAuto<VideoSpecsOptions>;

package/build/cjs/extensions/yfm/Video/VideoSpecs/index.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VideoSpecs = exports.videoType = exports.videoNodeName = void 0;
 const tslib_1 = require("tslib");
 const log_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/log"));
-const const_1 = require("./const");
-const md_video_1 = require("./md-video");
-const utils_1 = require("./utils");
+const const_1 = require("./const.js");
+const md_video_1 = require("./md-video.js");
+const utils_1 = require("./utils.js");
 // we don't support osf service
 const availableServices = new Set([
     md_video_1.VideoService.YouTube,
@@ -13,12 +13,12 @@ const availableServices = new Set([
     md_video_1.VideoService.Vine,
     md_video_1.VideoService.Prezi,
 ]);
-var const_2 = require("./const");
+var const_2 = require("./const.js");
 Object.defineProperty(exports, "videoNodeName", { enumerable: true, get: function () { return const_2.videoNodeName; } });
-var utils_2 = require("./utils");
+var utils_2 = require("./utils.js");
 Object.defineProperty(exports, "videoType", { enumerable: true, get: function () { return utils_2.videoType; } });
 const VideoSpecs = (builder, opts) => {
-    const options = Object.assign(Object.assign(Object.assign({}, md_video_1.defaults), opts), { log: log_1.default });
+    const options = { ...md_video_1.defaults, ...opts, log: log_1.default };
     builder.configureMd((md) => md.use(md_video_1.videoPlugin, options));
     builder.addNode(const_1.videoNodeName, () => ({
         spec: {
@@ -53,13 +53,10 @@ const VideoSpecs = (builder, opts) => {
                 const service = node.attrs[const_1.VideoAttr.Service];
                 const videoId = node.attrs[const_1.VideoAttr.VideoID];
                 if (availableServices.has(service) || !videoId) {
-                    // TODO: remove in next major
-                    // see https://github.com/gravity-ui/markdown-editor/pull/478
                     let src = '';
-                    if (typeof options.url === 'function')
-                        src = options.url(service, videoId, options);
-                    else if (typeof options.videoUrl === 'function')
+                    if (typeof options.videoUrl === 'function') {
                         src = options.videoUrl(service, videoId, options);
+                    }
                     return [
                         'div',
                         {
@@ -102,3 +99,4 @@ const VideoSpecs = (builder, opts) => {
     }));
 };
 exports.VideoSpecs = VideoSpecs;
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/yfm/Video/VideoSpecs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/Video/VideoSpecs/index.ts"],"names":[],"mappings":"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","sourcesContent":["import log from '@diplodoc/transform/lib/log';\n\nimport type {ExtensionAuto} from '../../../../core';\n\nimport {VideoAttr, videoNodeName} from './const';\nimport {\n    type VideoPluginOptions,\n    VideoService,\n    type VideoToken,\n    defaults,\n    videoPlugin,\n} from './md-video';\nimport {createViewStub, serializeNodeToString} from './utils';\n\n// we don't support osf service\nconst availableServices: ReadonlySet<string> = new Set([\n    VideoService.YouTube,\n    VideoService.Vimeo,\n    VideoService.Vine,\n    VideoService.Prezi,\n]);\n\nexport {videoNodeName} from './const';\nexport {videoType} from './utils';\n\nexport type VideoSpecsOptions = VideoPluginOptions & {};\n\nexport const VideoSpecs: ExtensionAuto<VideoSpecsOptions> = (builder, opts) => {\n    const options = {...defaults, ...opts, log};\n\n    builder.configureMd((md) => md.use(videoPlugin, options));\n    builder.addNode(videoNodeName, () => ({\n        spec: {\n            inline: true,\n            atom: true,\n            group: 'inline',\n            attrs: {[VideoAttr.Service]: {}, [VideoAttr.VideoID]: {}},\n            parseDOM: [\n                {\n                    tag: `span[${VideoAttr.Service}][${VideoAttr.VideoID}]`,\n                    getAttrs(dom) {\n                        const domElem = dom as HTMLElement;\n                        return {\n                            [VideoAttr.Service]: domElem.getAttribute(VideoAttr.Service),\n                            [VideoAttr.VideoID]: domElem.getAttribute(VideoAttr.VideoID),\n                        };\n                    },\n                },\n                {\n                    tag: `iframe[${VideoAttr.Service}][${VideoAttr.VideoID}]`,\n                    getAttrs(dom) {\n                        const domElem = dom as HTMLElement;\n                        return {\n                            [VideoAttr.Service]: domElem.getAttribute(VideoAttr.Service),\n                            [VideoAttr.VideoID]: domElem.getAttribute(VideoAttr.VideoID),\n                        };\n                    },\n                    priority: 100,\n                },\n            ],\n            toDOM(node) {\n                const service = node.attrs[VideoAttr.Service];\n                const videoId = node.attrs[VideoAttr.VideoID];\n\n                if (availableServices.has(service) || !videoId) {\n                    let src = '';\n                    if (typeof options.videoUrl === 'function') {\n                        src = options.videoUrl(service, videoId, options);\n                    }\n                    return [\n                        'div',\n                        {\n                            class: 'embed-responsive embed-responsive-16by9',\n                        },\n                        [\n                            'iframe',\n                            {\n                                class: `embed-responsive-item ${service}-player`,\n                                type: 'text/html',\n                                width: String(options[service as VideoService].width),\n                                height: String(options[service as VideoService].height),\n                                src: src,\n                                frameborder: '0',\n                                webkitallowfullscreen: '',\n                                mozallowfullscreen: '',\n                                allowfullscreen: '',\n                                [VideoAttr.Service]: service,\n                                [VideoAttr.VideoID]: videoId,\n                            },\n                        ],\n                    ];\n                }\n\n                return createViewStub(node);\n            },\n        },\n        fromMd: {\n            tokenSpec: {\n                name: videoNodeName,\n                type: 'node',\n                getAttrs: (tok) => ({\n                    [VideoAttr.Service]: (tok as VideoToken).service,\n                    [VideoAttr.VideoID]: (tok as VideoToken).videoID,\n                }),\n            },\n        },\n        toMd: (state, node) => {\n            state.write(serializeNodeToString(node));\n        },\n    }));\n};\n"]}

package/build/cjs/extensions/yfm/Video/VideoSpecs/md-video.js

@@ -9,3 +9,4 @@ Object.defineProperty(exports, "VideoService", { enumerable: true, get: function
 Object.defineProperty(exports, "defaults", { enumerable: true, get: function () { return const_1.defaults; } });
 var parsers_1 = require("@diplodoc/transform/lib/plugins/video/parsers");
 Object.defineProperty(exports, "parseVideoUrl", { enumerable: true, get: function () { return parsers_1.parseVideoUrl; } });
+//# sourceMappingURL=md-video.js.map

package/build/cjs/extensions/yfm/Video/VideoSpecs/md-video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"md-video.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/Video/VideoSpecs/md-video.ts"],"names":[],"mappings":";;;;AAAA,0FAA0D;AAC7C,QAAA,WAAW,GAAG,eAAK,CAAC;AACjC,qEAAmF;AAA3E,qGAAA,YAAY,OAAA;AAAE,iGAAA,QAAQ,OAAA;AAE9B,yEAA4E;AAApE,wGAAA,aAAa,OAAA","sourcesContent":["import video from '@diplodoc/transform/lib/plugins/video';\nexport const videoPlugin = video;\nexport {VideoService, defaults} from '@diplodoc/transform/lib/plugins/video/const';\nexport type {VideoPluginOptions, VideoToken} from '@diplodoc/transform/lib/plugins/video/types';\nexport {parseVideoUrl} from '@diplodoc/transform/lib/plugins/video/parsers';\n"]}

package/build/cjs/extensions/yfm/Video/VideoSpecs/utils.d.ts

@@ -1,4 +1,4 @@
 import type { Node } from 'prosemirror-model';
-export declare const videoType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;
+export declare const videoType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").NodeType;
 export declare function serializeNodeToString(node: Node): string;
 export declare function createViewStub(node: Node): HTMLSpanElement;

package/build/cjs/extensions/yfm/Video/VideoSpecs/utils.js

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createViewStub = exports.serializeNodeToString = exports.videoType = void 0;
-const schema_1 = require("../../../../utils/schema");
-const const_1 = require("./const");
+exports.videoType = void 0;
+exports.serializeNodeToString = serializeNodeToString;
+exports.createViewStub = createViewStub;
+const schema_1 = require("../../../../utils/schema.js");
+const const_1 = require("./const.js");
 exports.videoType = (0, schema_1.nodeTypeFactory)(const_1.videoNodeName);
 function serializeNodeToString(node) {
     const service = node.attrs[const_1.VideoAttr.Service];
     const videoId = node.attrs[const_1.VideoAttr.VideoID];
     return `@[${service}](${videoId})`;
 }
-exports.serializeNodeToString = serializeNodeToString;
 function createViewStub(node) {
     const elem = document.createElement('span');
     elem.setAttribute(const_1.VideoAttr.Service, node.attrs[const_1.VideoAttr.Service]);
@@ -18,4 +19,4 @@ function createViewStub(node) {
     elem.textContent = serializeNodeToString(node);
     return elem;
 }
-exports.createViewStub = createViewStub;
+//# sourceMappingURL=utils.js.map

package/build/cjs/extensions/yfm/Video/VideoSpecs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/Video/VideoSpecs/utils.ts"],"names":[],"mappings":";;;AAQA,sDAKC;AAED,wCAQC;AArBD,wDAAyD;AAEzD,sCAAiD;AAEpC,QAAA,SAAS,GAAG,IAAA,wBAAe,EAAC,qBAAa,CAAC,CAAC;AAExD,SAAgB,qBAAqB,CAAC,IAAU;IAC5C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAS,CAAC,OAAO,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAS,CAAC,OAAO,CAAC,CAAC;IAE9C,OAAO,KAAK,OAAO,KAAK,OAAO,GAAG,CAAC;AACvC,CAAC;AAED,SAAgB,cAAc,CAAC,IAAU;IACrC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5C,IAAI,CAAC,YAAY,CAAC,iBAAS,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IACpE,IAAI,CAAC,YAAY,CAAC,iBAAS,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IACpE,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC;IAC/B,IAAI,CAAC,WAAW,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAE/C,OAAO,IAAI,CAAC;AAChB,CAAC","sourcesContent":["import type {Node} from 'prosemirror-model';\n\nimport {nodeTypeFactory} from '../../../../utils/schema';\n\nimport {VideoAttr, videoNodeName} from './const';\n\nexport const videoType = nodeTypeFactory(videoNodeName);\n\nexport function serializeNodeToString(node: Node) {\n    const service = node.attrs[VideoAttr.Service];\n    const videoId = node.attrs[VideoAttr.VideoID];\n\n    return `@[${service}](${videoId})`;\n}\n\nexport function createViewStub(node: Node) {\n    const elem = document.createElement('span');\n    elem.setAttribute(VideoAttr.Service, node.attrs[VideoAttr.Service]);\n    elem.setAttribute(VideoAttr.VideoID, node.attrs[VideoAttr.VideoID]);\n    elem.contentEditable = 'false';\n    elem.textContent = serializeNodeToString(node);\n\n    return elem;\n}\n"]}

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

@@ -1,2 +1,2 @@
-import type { ActionSpec } from '../../../core';
+import type { ActionSpec } from "../../../core/index.js";
 export declare const addVideo: ActionSpec;

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addVideo = void 0;
-const const_1 = require("./VideoSpecs/const");
-const md_video_1 = require("./VideoSpecs/md-video");
-const utils_1 = require("./VideoSpecs/utils");
+const const_1 = require("./VideoSpecs/const.js");
+const md_video_1 = require("./VideoSpecs/md-video.js");
+const utils_1 = require("./VideoSpecs/utils.js");
 exports.addVideo = {
     isEnable(state) {
         return state.selection.empty;
@@ -20,3 +20,4 @@ exports.addVideo = {
         })));
     },
 };
+//# sourceMappingURL=actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/Video/actions.ts"],"names":[],"mappings":";;;AAEA,iDAA6C;AAC7C,uDAAoD;AACpD,iDAA6C;AAIhC,QAAA,QAAQ,GAAe;IAChC,QAAQ,CAAC,KAAK;QACV,OAAO,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IACjC,CAAC;IACD,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAuB;QAC/C,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;YACzC,OAAO;QACX,CAAC;QAED,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC;QACxB,MAAM,OAAO,GAAG,IAAA,wBAAa,EAAC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;QAElD,QAAQ,CACJ,KAAK,CAAC,EAAE,CAAC,MAAM,CACX,KAAK,CAAC,SAAS,CAAC,IAAI,EACpB,IAAA,iBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC;YAC3B,CAAC,iBAAS,CAAC,OAAO,CAAC,EAAE,OAAO;YAC5B,CAAC,iBAAS,CAAC,OAAO,CAAC,EAAE,OAAO;SAC/B,CAAC,CACL,CACJ,CAAC;IACN,CAAC;CACJ,CAAC","sourcesContent":["import type {ActionSpec} from '../../../core';\n\nimport {VideoAttr} from './VideoSpecs/const';\nimport {parseVideoUrl} from './VideoSpecs/md-video';\nimport {videoType} from './VideoSpecs/utils';\n\nimport type {VideoActionAttrs} from './index';\n\nexport const addVideo: ActionSpec = {\n    isEnable(state) {\n        return state.selection.empty;\n    },\n    run(state, dispatch, _view, attrs: VideoActionAttrs) {\n        if (!attrs || !attrs.service || !attrs.url) {\n            return;\n        }\n\n        const {service} = attrs;\n        const videoID = parseVideoUrl(service, attrs.url);\n\n        dispatch(\n            state.tr.insert(\n                state.selection.from,\n                videoType(state.schema).create({\n                    [VideoAttr.Service]: service,\n                    [VideoAttr.VideoID]: videoID,\n                }),\n            ),\n        );\n    },\n};\n"]}

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

@@ -1,2 +1,2 @@
-export * from './VideoSpecs/const';
+export * from "./VideoSpecs/const.js";
 export declare const vAction = "video";

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

@@ -2,5 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.vAction = void 0;
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./VideoSpecs/const"), exports);
+tslib_1.__exportStar(require("./VideoSpecs/const.js"), exports);
 exports.vAction = 'video';
+//# sourceMappingURL=const.js.map