@gravity-ui/markdown-editor 14.12.3 → 15.0.1

package/build/cjs/extensions/additional/YfmHtmlBlock/YfmHtmlBlockNodeView/YfmHtmlBlockView.js

@@ -1,25 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.YfmHtmlBlockView = exports.generateID = exports.cnHelper = exports.cnYfmHtmlBlock = void 0;
+exports.YfmHtmlBlockView = exports.STOP_EVENT_CLASSNAME = exports.cnYfmHtmlBlock = void 0;
+exports.generateID = generateID;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const html_extension_1 = require("@diplodoc/html-extension");
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
-const classname_1 = require("../../../../classname");
-const TextInput_1 = require("../../../../forms/TextInput");
-const common_1 = require("../../../../i18n/common");
-const hooks_1 = require("../../../../react-utils/hooks");
-const remove_node_1 = require("../../../../utils/remove-node");
-const const_1 = require("../YfmHtmlBlockSpecs/const");
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce.js"));
+const classname_1 = require("../../../../classname.js");
+const TextInput_1 = require("../../../../forms/TextInput.js");
+const common_1 = require("../../../../i18n/common/index.js");
+const hooks_1 = require("../../../../react-utils/hooks.js");
+const remove_node_1 = require("../../../../utils/remove-node.js");
+const const_1 = require("../YfmHtmlBlockSpecs/const.js");
+require("./YfmHtmlBlock.css");
 exports.cnYfmHtmlBlock = (0, classname_1.cn)('yfm-html-block');
-exports.cnHelper = (0, classname_1.cn)('yfm-html-block-helper');
+exports.STOP_EVENT_CLASSNAME = 'prosemirror-stop-event';
 const b = exports.cnYfmHtmlBlock;
 function generateID() {
     return Math.random().toString(36).substr(2, 8);
 }
-exports.generateID = generateID;
 const DEFAULT_PADDING = 20;
 const DEFAULT_DELAY = 100;
 const createLinkCLickHandler = (value, document) => (event) => {
@@ -33,19 +35,17 @@ const createLinkCLickHandler = (value, document) => (event) => {
     }
 };
 const YfmHtmlBlockPreview = ({ html, onСlick, config }) => {
-    var _a, _b, _c, _d, _e, _f;
     const ref = (0, react_1.useRef)(null);
     const styles = (0, react_1.useRef)({});
     const classNames = (0, react_1.useRef)([]);
     const resizeConfig = (0, react_1.useRef)({});
     const [height, setHeight] = (0, react_1.useState)('100%');
     (0, react_1.useEffect)(() => {
-        setStyles(config === null || config === void 0 ? void 0 : config.styles);
-        setClassNames(config === null || config === void 0 ? void 0 : config.classNames);
-    }, [config, (_c = (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.document) === null || _c === void 0 ? void 0 : _c.body]);
+        setStyles(config?.styles);
+        setClassNames(config?.classNames);
+    }, [config, ref.current?.contentWindow?.document?.body]);
     const handleLoadIFrame = () => {
-        var _a;
-        const contentWindow = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.contentWindow;
+        const contentWindow = ref.current?.contentWindow;
         handleResizeIFrame();
         if (contentWindow) {
             const frameDocument = contentWindow.document;
@@ -55,14 +55,13 @@ const YfmHtmlBlockPreview = ({ html, onСlick, config }) => {
         }
     };
     const handleResizeIFrame = () => {
-        var _a, _b;
         if (ref.current) {
-            const contentWindow = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.contentWindow;
+            const contentWindow = ref.current?.contentWindow;
             if (contentWindow) {
                 const body = contentWindow.document.body;
                 if (body) {
                     const height = body.scrollHeight +
-                        (((_b = resizeConfig.current) === null || _b === void 0 ? void 0 : _b.padding) || DEFAULT_PADDING) +
+                        (resizeConfig.current?.padding || DEFAULT_PADDING) +
                         'px';
                     setHeight(height);
                 }
@@ -70,8 +69,7 @@ const YfmHtmlBlockPreview = ({ html, onСlick, config }) => {
         }
     };
     const setClassNames = (newClassNames) => {
-        var _a, _b;
-        const body = (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.document.body;
+        const body = ref.current?.contentWindow?.document.body;
         if (body && newClassNames) {
             const previousClassNames = classNames.current;
             // remove all classes that were in previousClassNames but are not in classNames
@@ -90,8 +88,7 @@ const YfmHtmlBlockPreview = ({ html, onСlick, config }) => {
         }
     };
     const setStyles = (newStyles) => {
-        var _a, _b;
-        const body = (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.document.body;
+        const body = ref.current?.contentWindow?.document.body;
         if (body && newStyles) {
             const previousStyles = styles.current;
             // remove all styles that are in previousStyles but not in styles
@@ -110,8 +107,7 @@ const YfmHtmlBlockPreview = ({ html, onСlick, config }) => {
     };
     // finds all relative links (href^="#") and changes their click behavior
     const createAnchorLinkHandlers = (type) => () => {
-        var _a;
-        const document = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.contentWindow.document;
+        const document = ref.current?.contentWindow.document;
         if (document) {
             document.querySelectorAll('a[href^="#"]').forEach((value) => {
                 const handler = createLinkCLickHandler(value, document);
@@ -125,13 +121,11 @@ const YfmHtmlBlockPreview = ({ html, onСlick, config }) => {
         }
     };
     (0, react_1.useEffect)(() => {
-        var _a, _b;
-        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.addEventListener('load', handleLoadIFrame);
-        (_b = ref.current) === null || _b === void 0 ? void 0 : _b.addEventListener('load', createAnchorLinkHandlers('add'));
+        ref.current?.addEventListener('load', handleLoadIFrame);
+        ref.current?.addEventListener('load', createAnchorLinkHandlers('add'));
         return () => {
-            var _a, _b;
-            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('load', handleLoadIFrame);
-            (_b = ref.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('load', createAnchorLinkHandlers('remove'));
+            ref.current?.removeEventListener('load', handleLoadIFrame);
+            ref.current?.removeEventListener('load', createAnchorLinkHandlers('remove'));
         };
     }, [html]);
     (0, react_1.useEffect)(() => {
@@ -139,38 +133,29 @@ const YfmHtmlBlockPreview = ({ html, onСlick, config }) => {
             const resizeObserver = new window.ResizeObserver((0, debounce_1.default)(handleResizeIFrame, DEFAULT_DELAY));
             resizeObserver.observe(ref.current);
         }
-    }, [(_f = (_e = (_d = ref.current) === null || _d === void 0 ? void 0 : _d.contentWindow) === null || _e === void 0 ? void 0 : _e.document) === null || _f === void 0 ? void 0 : _f.body]);
-    return (react_1.default.createElement("iframe", { style: {
+    }, [ref.current?.contentWindow?.document?.body]);
+    return ((0, jsx_runtime_1.jsx)("iframe", { style: {
             height,
         }, ref: ref, title: generateID(), frameBorder: 0, className: b('content'), srcDoc: html }));
 };
 const CodeEditMode = ({ initialText, onSave, onCancel }) => {
     const [text, setText] = (0, react_1.useState)(initialText || '\n');
-    return (react_1.default.createElement("div", { className: b({ editing: true }) },
-        react_1.default.createElement("div", { className: b('editor') },
-            react_1.default.createElement(TextInput_1.TextAreaFixed, { controlProps: {
-                    className: (0, exports.cnHelper)({ 'prosemirror-stop-event': true }),
-                }, value: text, onUpdate: (v) => {
-                    setText(v);
-                }, autoFocus: true }),
-            react_1.default.createElement("div", { className: b('controls') },
-                react_1.default.createElement("div", null,
-                    react_1.default.createElement(uikit_1.Button, { onClick: onCancel, view: 'flat' },
-                        react_1.default.createElement("span", { className: (0, exports.cnHelper)({ 'prosemirror-stop-event': true }) }, (0, common_1.i18n)('cancel'))),
-                    react_1.default.createElement(uikit_1.Button, { onClick: () => onSave(text), view: 'action' },
-                        react_1.default.createElement("span", { className: (0, exports.cnHelper)({ 'prosemirror-stop-event': true }) }, (0, common_1.i18n)('save'))))))));
+    return ((0, jsx_runtime_1.jsx)("div", { className: b({ editing: true }), children: (0, jsx_runtime_1.jsxs)("div", { className: b('editor'), children: [(0, jsx_runtime_1.jsx)(TextInput_1.TextAreaFixed, { controlProps: {
+                        className: exports.STOP_EVENT_CLASSNAME,
+                    }, value: text, onUpdate: (v) => {
+                        setText(v);
+                    }, autoFocus: true }), (0, jsx_runtime_1.jsx)("div", { className: b('controls'), children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(uikit_1.Button, { onClick: onCancel, view: 'flat', children: (0, jsx_runtime_1.jsx)("span", { className: exports.STOP_EVENT_CLASSNAME, children: (0, common_1.i18n)('cancel') }) }), (0, jsx_runtime_1.jsx)(uikit_1.Button, { onClick: () => onSave(text), view: 'action', children: (0, jsx_runtime_1.jsx)("span", { className: exports.STOP_EVENT_CLASSNAME, children: (0, common_1.i18n)('save') }) })] }) })] }) }));
 };
 const YfmHtmlBlockView = ({ onChange, node, getPos, view, options: { useConfig, sanitize, styles, baseTarget = '_parent', head: headContent = '' }, }) => {
-    var _a;
     const [editing, setEditing, unsetEditing, toggleEditing] = (0, hooks_1.useBooleanState)(Boolean(node.attrs[const_1.YfmHtmlBlockConsts.NodeAttrs.newCreated]));
-    const config = useConfig === null || useConfig === void 0 ? void 0 : useConfig();
-    const [menuOpen, , , toggleMenuOpen] = (0, hooks_1.useBooleanState)(false);
-    const buttonRef = (0, react_1.useRef)(null);
+    const config = useConfig?.();
+    const [menuOpen, _openMenu, closeMenu, toggleMenuOpen] = (0, hooks_1.useBooleanState)(false);
+    const [anchorElement, setAnchorElement] = (0, hooks_1.useElementState)();
     const handleClick = () => {
         setEditing();
     };
     if (editing) {
-        return (react_1.default.createElement(CodeEditMode, { initialText: node.attrs[const_1.YfmHtmlBlockConsts.NodeAttrs.srcdoc], onCancel: unsetEditing, onSave: (v) => {
+        return ((0, jsx_runtime_1.jsx)(CodeEditMode, { initialText: node.attrs[const_1.YfmHtmlBlockConsts.NodeAttrs.srcdoc], onCancel: unsetEditing, onSave: (v) => {
                 onChange({ [const_1.YfmHtmlBlockConsts.NodeAttrs.srcdoc]: v });
                 unsetEditing();
             } }));
@@ -183,31 +168,23 @@ const YfmHtmlBlockView = ({ onChange, node, getPos, view, options: { useConfig,
         additional += stylesContent;
     }
     const head = `<head>${headContent || additional}</head>`;
-    const body = `<body>${(_a = node.attrs[const_1.YfmHtmlBlockConsts.NodeAttrs.srcdoc]) !== null && _a !== void 0 ? _a : ''}</body>`;
+    const body = `<body>${node.attrs[const_1.YfmHtmlBlockConsts.NodeAttrs.srcdoc] ?? ''}</body>`;
     const html = `<!DOCTYPE html><html>${head}${body}</html>`;
     const resultHtml = sanitize ? sanitize(html) : html;
-    return (react_1.default.createElement("div", { className: b(), onDoubleClick: setEditing },
-        react_1.default.createElement(uikit_1.Label, { className: b('label'), icon: react_1.default.createElement(uikit_1.Icon, { size: 16, data: icons_1.Eye }) }, (0, common_1.i18n)('preview')),
-        react_1.default.createElement(YfmHtmlBlockPreview, { html: resultHtml, "on\u0421lick": handleClick, config: config }),
-        react_1.default.createElement("div", { className: b('menu') },
-            react_1.default.createElement(uikit_1.Button, { onClick: toggleMenuOpen, ref: buttonRef, size: 's', className: (0, exports.cnHelper)({ 'prosemirror-stop-event': true }) },
-                react_1.default.createElement(uikit_1.Icon, { data: icons_1.Ellipsis, className: (0, exports.cnHelper)({ 'prosemirror-stop-event': true }) })),
-            react_1.default.createElement(uikit_1.Popup, { anchorRef: buttonRef, open: menuOpen, onClose: toggleMenuOpen, placement: ['bottom-end'] },
-                react_1.default.createElement(uikit_1.Menu, null,
-                    react_1.default.createElement(uikit_1.Menu.Item, { onClick: () => {
-                            toggleEditing();
-                            toggleMenuOpen();
-                        } }, (0, common_1.i18n)('edit')),
-                    react_1.default.createElement(uikit_1.Menu.Item, { onClick: () => {
-                            const pos = getPos();
-                            if (pos === undefined)
-                                return;
-                            (0, remove_node_1.removeNode)({
-                                node,
-                                pos,
-                                tr: view.state.tr,
-                                dispatch: view.dispatch,
-                            });
-                        } }, (0, common_1.i18n)('remove')))))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), onDoubleClick: setEditing, children: [(0, jsx_runtime_1.jsx)(uikit_1.Label, { className: b('label'), icon: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { size: 16, data: icons_1.Eye }), children: (0, common_1.i18n)('preview') }), (0, jsx_runtime_1.jsx)(YfmHtmlBlockPreview, { html: resultHtml, "on\u0421lick": handleClick, config: config }), (0, jsx_runtime_1.jsxs)("div", { className: b('menu'), children: [(0, jsx_runtime_1.jsx)(uikit_1.Button, { onClick: toggleMenuOpen, ref: setAnchorElement, size: "s", className: exports.STOP_EVENT_CLASSNAME, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Ellipsis, className: exports.STOP_EVENT_CLASSNAME }) }), (0, jsx_runtime_1.jsx)(uikit_1.Popup, { anchorElement: anchorElement, open: menuOpen, onOpenChange: closeMenu, placement: "bottom-end", children: (0, jsx_runtime_1.jsxs)(uikit_1.Menu, { children: [(0, jsx_runtime_1.jsx)(uikit_1.Menu.Item, { onClick: () => {
+                                        toggleEditing();
+                                        closeMenu();
+                                    }, children: (0, common_1.i18n)('edit') }), (0, jsx_runtime_1.jsx)(uikit_1.Menu.Item, { onClick: () => {
+                                        const pos = getPos();
+                                        if (pos === undefined)
+                                            return;
+                                        (0, remove_node_1.removeNode)({
+                                            node,
+                                            pos,
+                                            tr: view.state.tr,
+                                            dispatch: view.dispatch,
+                                        });
+                                    }, children: (0, common_1.i18n)('remove') })] }) })] })] }));
 };
 exports.YfmHtmlBlockView = YfmHtmlBlockView;
+//# sourceMappingURL=YfmHtmlBlockView.js.map

package/build/cjs/extensions/additional/YfmHtmlBlock/YfmHtmlBlockNodeView/YfmHtmlBlockView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YfmHtmlBlockView.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/YfmHtmlBlock/YfmHtmlBlockNodeView/YfmHtmlBlockView.tsx"],"names":[],"mappings":";;;AA+BA,gCAEC;;;AAjCD,iCAAkD;AAElD,6DAAmD;AAEnD,6CAA4D;AAC5D,6CAAmE;AACnE,0EAAuC;AAIvC,wDAAyC;AACzC,8DAAsE;AACtE,6DAA6C;AAC7C,4DAA+E;AAC/E,kEAAyD;AACzD,yDAA8D;AAG9D,8BAA6B;AAEhB,QAAA,cAAc,GAAG,IAAA,cAAE,EAAC,gBAAgB,CAAC,CAAC;AACtC,QAAA,oBAAoB,GAAG,wBAAwB,CAAC;AAE7D,MAAM,CAAC,GAAG,sBAAc,CAAC;AAQzB,SAAgB,UAAU;IACtB,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,eAAe,GAAG,EAAE,CAAC;AAC3B,MAAM,aAAa,GAAG,GAAG,CAAC;AAE1B,MAAM,sBAAsB,GAAG,CAAC,KAAc,EAAE,QAAkB,EAAE,EAAE,CAAC,CAAC,KAAY,EAAE,EAAE;IACpF,KAAK,CAAC,cAAc,EAAE,CAAC;IACvB,MAAM,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAE5C,IAAI,QAAQ,EAAE,CAAC;QACX,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACvD,IAAI,aAAa,EAAE,CAAC;YAChB,aAAa,CAAC,cAAc,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC;QACvD,CAAC;IACL,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAoC,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAC,EAAE,EAAE;IACrF,MAAM,GAAG,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAC5C,MAAM,MAAM,GAAG,IAAA,cAAM,EAAyB,EAAE,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAW,EAAE,CAAC,CAAC;IACxC,MAAM,YAAY,GAAG,IAAA,cAAM,EAAyB,EAAE,CAAC,CAAC;IAExD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAM,CAAC,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC1B,aAAa,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAEzD,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,MAAM,aAAa,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC;QAEjD,kBAAkB,EAAE,CAAC;QAErB,IAAI,aAAa,EAAE,CAAC;YAChB,MAAM,aAAa,GAAG,aAAa,CAAC,QAAQ,CAAC;YAC7C,aAAa,CAAC,gBAAgB,CAAC,UAAU,EAAE,GAAG,EAAE;gBAC5C,OAAO,EAAE,CAAC;YACd,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YACd,MAAM,aAAa,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC;YACjD,IAAI,aAAa,EAAE,CAAC;gBAChB,MAAM,IAAI,GAAG,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC;gBACzC,IAAI,IAAI,EAAE,CAAC;oBACP,MAAM,MAAM,GACR,IAAI,CAAC,YAAY;wBACjB,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,IAAI,eAAe,CAAC;wBAClD,IAAI,CAAC;oBAET,SAAS,CAAC,MAAM,CAAC,CAAC;gBACtB,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,aAAmC,EAAE,EAAE;QAC1D,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,CAAC,IAAI,CAAC;QAEvD,IAAI,IAAI,IAAI,aAAa,EAAE,CAAC;YACxB,MAAM,kBAAkB,GAAG,UAAU,CAAC,OAAO,CAAC;YAE9C,+EAA+E;YAC/E,kBAAkB,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;gBACrC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;oBACrC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;gBACrC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,qCAAqC;YACrC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;gBAChC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;oBACtC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;gBAClC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,UAAU,CAAC,OAAO,GAAG,aAAa,CAAC;QACvC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,SAA6C,EAAE,EAAE;QAChE,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,CAAC,IAAI,CAAC;QAEvD,IAAI,IAAI,IAAI,SAAS,EAAE,CAAC;YACpB,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC;YAEtC,iEAAiE;YACjE,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAC7C,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,CAAC;oBAC7D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;gBACxC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,0CAA0C;YAC1C,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACxC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC1D,CAAC,CAAC,CAAC;YAEH,0CAA0C;YAC1C,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC;QAC/B,CAAC;IACL,CAAC,CAAC;IAEF,wEAAwE;IACxE,MAAM,wBAAwB,GAAG,CAAC,IAAsB,EAAE,EAAE,CAAC,GAAG,EAAE;QAC9D,MAAM,QAAQ,GAAG,GAAG,CAAC,OAAO,EAAE,aAAc,CAAC,QAAQ,CAAC;QAEtD,IAAI,QAAQ,EAAE,CAAC;YACX,QAAQ,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,KAAc,EAAE,EAAE;gBACjE,MAAM,OAAO,GAAG,sBAAsB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;gBACxD,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;oBACjB,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;gBAC7C,CAAC;qBAAM,CAAC;oBACJ,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;gBAChD,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,GAAG,CAAC,OAAO,EAAE,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;QACxD,GAAG,CAAC,OAAO,EAAE,gBAAgB,CAAC,MAAM,EAAE,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;QACvE,OAAO,GAAG,EAAE;YACR,GAAG,CAAC,OAAO,EAAE,mBAAmB,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;YAC3D,GAAG,CAAC,OAAO,EAAE,mBAAmB,CAAC,MAAM,EAAE,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC;QACjF,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YACd,MAAM,cAAc,GAAG,IAAI,MAAM,CAAC,cAAc,CAC5C,IAAA,kBAAQ,EAAC,kBAAkB,EAAE,aAAa,CAAC,CAC9C,CAAC;YACF,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACxC,CAAC;IACL,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAEjD,OAAO,CACH,mCACI,KAAK,EAAE;YACH,MAAM;SACT,EACD,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,UAAU,EAAE,EACnB,WAAW,EAAE,CAAC,EACd,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EACvB,MAAM,EAAE,IAAI,GACd,CACL,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,YAAY,GAIb,CAAC,EAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAC,EAAE,EAAE;IACrC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,WAAW,IAAI,IAAI,CAAC,CAAC;IAEtD,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,YAC9B,iCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACvB,uBAAC,yBAAQ,IACL,YAAY,EAAE;wBACV,SAAS,EAAE,4BAAoB;qBAClC,EACD,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACZ,OAAO,CAAC,CAAC,CAAC,CAAC;oBACf,CAAC,EACD,SAAS,SACX,EAEF,gCAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,YACzB,4CACI,uBAAC,cAAM,IAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,YACnC,iCAAM,SAAS,EAAE,4BAAoB,YAAG,IAAA,aAAI,EAAC,QAAQ,CAAC,GAAQ,GACzD,EACT,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,YAC/C,iCAAM,SAAS,EAAE,4BAAoB,YAAG,IAAA,aAAI,EAAC,MAAM,CAAC,GAAQ,GACvD,IACP,GACJ,IACJ,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEK,MAAM,gBAAgB,GAMxB,CAAC,EACF,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,OAAO,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,GAAG,SAAS,EAAE,IAAI,EAAE,WAAW,GAAG,EAAE,EAAC,GACzF,EAAE,EAAE;IACD,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,CAAC,GAAG,IAAA,uBAAe,EACtE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,0BAAkB,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAC/D,CAAC;IAEF,MAAM,MAAM,GAAG,SAAS,EAAE,EAAE,CAAC;IAE7B,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,CAAC,GAAG,IAAA,uBAAe,EAAC,KAAK,CAAC,CAAC;IAChF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,uBAAe,GAAE,CAAC;IAE5D,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,UAAU,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,CACH,uBAAC,YAAY,IACT,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,0BAAkB,CAAC,SAAS,CAAC,MAAM,CAAC,EAC5D,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;gBACV,QAAQ,CAAC,EAAC,CAAC,0BAAkB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,EAAC,CAAC,CAAC;gBACrD,YAAY,EAAE,CAAC;YACnB,CAAC,GACH,CACL,CAAC;IACN,CAAC;IAED,IAAI,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,iBAAiB,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IACnE,IAAI,MAAM,EAAE,CAAC;QACT,MAAM,aAAa,GACf,OAAO,MAAM,KAAK,QAAQ;YACtB,CAAC,CAAC,gCAAgC,MAAM,MAAM;YAC9C,CAAC,CAAC,UAAU,IAAA,0BAAS,EAAC,MAAM,CAAC,UAAU,CAAC;QAChD,UAAU,IAAI,aAAa,CAAC;IAChC,CAAC;IAED,MAAM,IAAI,GAAG,SAAS,WAAW,IAAI,UAAU,SAAS,CAAC;IACzD,MAAM,IAAI,GAAG,SAAS,IAAI,CAAC,KAAK,CAAC,0BAAkB,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC;IACrF,MAAM,IAAI,GAAG,wBAAwB,IAAI,GAAG,IAAI,SAAS,CAAC;IAE1D,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEpD,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,UAAU,aAC1C,uBAAC,aAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,uBAAC,YAAI,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,WAAG,GAAI,YAC5D,IAAA,aAAI,EAAC,SAAS,CAAC,GACZ,EACR,uBAAC,mBAAmB,IAAC,IAAI,EAAE,UAAU,kBAAW,WAAW,EAAE,MAAM,EAAE,MAAM,GAAI,EAE/E,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,uBAAC,cAAM,IACH,OAAO,EAAE,cAAc,EACvB,GAAG,EAAE,gBAAgB,EACrB,IAAI,EAAC,GAAG,EACR,SAAS,EAAE,4BAAoB,YAE/B,uBAAC,YAAI,IAAC,IAAI,EAAE,gBAAQ,EAAE,SAAS,EAAE,4BAAoB,GAAI,GACpD,EACT,uBAAC,aAAK,IACF,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,SAAS,EACvB,SAAS,EAAC,YAAY,YAEtB,wBAAC,YAAI,eACD,uBAAC,YAAI,CAAC,IAAI,IACN,OAAO,EAAE,GAAG,EAAE;wCACV,aAAa,EAAE,CAAC;wCAChB,SAAS,EAAE,CAAC;oCAChB,CAAC,YAEA,IAAA,aAAI,EAAC,MAAM,CAAC,GACL,EACZ,uBAAC,YAAI,CAAC,IAAI,IACN,OAAO,EAAE,GAAG,EAAE;wCACV,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;wCACrB,IAAI,GAAG,KAAK,SAAS;4CAAE,OAAO;wCAC9B,IAAA,wBAAU,EAAC;4CACP,IAAI;4CACJ,GAAG;4CACH,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;4CACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;yCAC1B,CAAC,CAAC;oCACP,CAAC,YAEA,IAAA,aAAI,EAAC,QAAQ,CAAC,GACP,IACT,GACH,IACN,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAxGW,QAAA,gBAAgB,oBAwG3B","sourcesContent":["import {useEffect, useRef, useState} from 'react';\n\nimport {getStyles} from '@diplodoc/html-extension';\nimport type {IHTMLIFrameElementConfig} from '@diplodoc/html-extension/runtime';\nimport {Ellipsis as DotsIcon, Eye} from '@gravity-ui/icons';\nimport {Button, Icon, Label, Menu, Popup} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\nimport type {Node} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {cn} from '../../../../classname';\nimport {TextAreaFixed as TextArea} from '../../../../forms/TextInput';\nimport {i18n} from '../../../../i18n/common';\nimport {useBooleanState, useElementState} from '../../../../react-utils/hooks';\nimport {removeNode} from '../../../../utils/remove-node';\nimport {YfmHtmlBlockConsts} from '../YfmHtmlBlockSpecs/const';\nimport type {YfmHtmlBlockOptions} from '../index';\n\nimport './YfmHtmlBlock.scss';\n\nexport const cnYfmHtmlBlock = cn('yfm-html-block');\nexport const STOP_EVENT_CLASSNAME = 'prosemirror-stop-event';\n\nconst b = cnYfmHtmlBlock;\n\ninterface YfmHtmlBlockViewProps {\n    html: string;\n    onСlick: () => void;\n    config?: IHTMLIFrameElementConfig;\n}\n\nexport function generateID() {\n    return Math.random().toString(36).substr(2, 8);\n}\n\nconst DEFAULT_PADDING = 20;\nconst DEFAULT_DELAY = 100;\n\nconst createLinkCLickHandler = (value: Element, document: Document) => (event: Event) => {\n    event.preventDefault();\n    const targetId = value.getAttribute('href');\n\n    if (targetId) {\n        const targetElement = document.querySelector(targetId);\n        if (targetElement) {\n            targetElement.scrollIntoView({behavior: 'smooth'});\n        }\n    }\n};\n\nconst YfmHtmlBlockPreview: React.FC<YfmHtmlBlockViewProps> = ({html, onСlick, config}) => {\n    const ref = useRef<HTMLIFrameElement>(null);\n    const styles = useRef<Record<string, string>>({});\n    const classNames = useRef<string[]>([]);\n    const resizeConfig = useRef<Record<string, number>>({});\n\n    const [height, setHeight] = useState('100%');\n\n    useEffect(() => {\n        setStyles(config?.styles);\n        setClassNames(config?.classNames);\n    }, [config, ref.current?.contentWindow?.document?.body]);\n\n    const handleLoadIFrame = () => {\n        const contentWindow = ref.current?.contentWindow;\n\n        handleResizeIFrame();\n\n        if (contentWindow) {\n            const frameDocument = contentWindow.document;\n            frameDocument.addEventListener('dblclick', () => {\n                onСlick();\n            });\n        }\n    };\n\n    const handleResizeIFrame = () => {\n        if (ref.current) {\n            const contentWindow = ref.current?.contentWindow;\n            if (contentWindow) {\n                const body = contentWindow.document.body;\n                if (body) {\n                    const height =\n                        body.scrollHeight +\n                        (resizeConfig.current?.padding || DEFAULT_PADDING) +\n                        'px';\n\n                    setHeight(height);\n                }\n            }\n        }\n    };\n\n    const setClassNames = (newClassNames: string[] | undefined) => {\n        const body = ref.current?.contentWindow?.document.body;\n\n        if (body && newClassNames) {\n            const previousClassNames = classNames.current;\n\n            // remove all classes that were in previousClassNames but are not in classNames\n            previousClassNames.forEach((className) => {\n                if (!newClassNames.includes(className)) {\n                    body.classList.remove(className);\n                }\n            });\n\n            // add classes that are in classNames\n            newClassNames.forEach((className) => {\n                if (!body.classList.contains(className)) {\n                    body.classList.add(className);\n                }\n            });\n\n            classNames.current = newClassNames;\n        }\n    };\n\n    const setStyles = (newStyles: Record<string, string> | undefined) => {\n        const body = ref.current?.contentWindow?.document.body;\n\n        if (body && newStyles) {\n            const previousStyles = styles.current;\n\n            // remove all styles that are in previousStyles but not in styles\n            Object.keys(previousStyles).forEach((property) => {\n                if (!Object.prototype.hasOwnProperty.call(newStyles, property)) {\n                    body.style.removeProperty(property);\n                }\n            });\n\n            // sdd or update styles that are in styles\n            Object.keys(newStyles).forEach((property) => {\n                body.style.setProperty(property, newStyles[property]);\n            });\n\n            // update current styles to the new styles\n            styles.current = newStyles;\n        }\n    };\n\n    // finds all relative links (href^=\"#\") and changes their click behavior\n    const createAnchorLinkHandlers = (type: 'add' | 'remove') => () => {\n        const document = ref.current?.contentWindow!.document;\n\n        if (document) {\n            document.querySelectorAll('a[href^=\"#\"]').forEach((value: Element) => {\n                const handler = createLinkCLickHandler(value, document);\n                if (type === 'add') {\n                    value.addEventListener('click', handler);\n                } else {\n                    value.removeEventListener('click', handler);\n                }\n            });\n        }\n    };\n\n    useEffect(() => {\n        ref.current?.addEventListener('load', handleLoadIFrame);\n        ref.current?.addEventListener('load', createAnchorLinkHandlers('add'));\n        return () => {\n            ref.current?.removeEventListener('load', handleLoadIFrame);\n            ref.current?.removeEventListener('load', createAnchorLinkHandlers('remove'));\n        };\n    }, [html]);\n\n    useEffect(() => {\n        if (ref.current) {\n            const resizeObserver = new window.ResizeObserver(\n                debounce(handleResizeIFrame, DEFAULT_DELAY),\n            );\n            resizeObserver.observe(ref.current);\n        }\n    }, [ref.current?.contentWindow?.document?.body]);\n\n    return (\n        <iframe\n            style={{\n                height,\n            }}\n            ref={ref}\n            title={generateID()}\n            frameBorder={0}\n            className={b('content')}\n            srcDoc={html}\n        />\n    );\n};\n\nconst CodeEditMode: React.FC<{\n    initialText: string;\n    onSave: (v: string) => void;\n    onCancel: () => void;\n}> = ({initialText, onSave, onCancel}) => {\n    const [text, setText] = useState(initialText || '\\n');\n\n    return (\n        <div className={b({editing: true})}>\n            <div className={b('editor')}>\n                <TextArea\n                    controlProps={{\n                        className: STOP_EVENT_CLASSNAME,\n                    }}\n                    value={text}\n                    onUpdate={(v) => {\n                        setText(v);\n                    }}\n                    autoFocus\n                />\n\n                <div className={b('controls')}>\n                    <div>\n                        <Button onClick={onCancel} view={'flat'}>\n                            <span className={STOP_EVENT_CLASSNAME}>{i18n('cancel')}</span>\n                        </Button>\n                        <Button onClick={() => onSave(text)} view={'action'}>\n                            <span className={STOP_EVENT_CLASSNAME}>{i18n('save')}</span>\n                        </Button>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport const YfmHtmlBlockView: React.FC<{\n    getPos: () => number | undefined;\n    node: Node;\n    onChange: (attrs: {[YfmHtmlBlockConsts.NodeAttrs.srcdoc]: string}) => void;\n    options: YfmHtmlBlockOptions;\n    view: EditorView;\n}> = ({\n    onChange,\n    node,\n    getPos,\n    view,\n    options: {useConfig, sanitize, styles, baseTarget = '_parent', head: headContent = ''},\n}) => {\n    const [editing, setEditing, unsetEditing, toggleEditing] = useBooleanState(\n        Boolean(node.attrs[YfmHtmlBlockConsts.NodeAttrs.newCreated]),\n    );\n\n    const config = useConfig?.();\n\n    const [menuOpen, _openMenu, closeMenu, toggleMenuOpen] = useBooleanState(false);\n    const [anchorElement, setAnchorElement] = useElementState();\n\n    const handleClick = () => {\n        setEditing();\n    };\n\n    if (editing) {\n        return (\n            <CodeEditMode\n                initialText={node.attrs[YfmHtmlBlockConsts.NodeAttrs.srcdoc]}\n                onCancel={unsetEditing}\n                onSave={(v) => {\n                    onChange({[YfmHtmlBlockConsts.NodeAttrs.srcdoc]: v});\n                    unsetEditing();\n                }}\n            />\n        );\n    }\n\n    let additional = baseTarget ? `<base target=\"${baseTarget}\">` : '';\n    if (styles) {\n        const stylesContent =\n            typeof styles === 'string'\n                ? `<link rel=\"stylesheet\" href=\"${styles}\" />`\n                : `<style>${getStyles(styles)}</style>`;\n        additional += stylesContent;\n    }\n\n    const head = `<head>${headContent || additional}</head>`;\n    const body = `<body>${node.attrs[YfmHtmlBlockConsts.NodeAttrs.srcdoc] ?? ''}</body>`;\n    const html = `<!DOCTYPE html><html>${head}${body}</html>`;\n\n    const resultHtml = sanitize ? sanitize(html) : html;\n\n    return (\n        <div className={b()} onDoubleClick={setEditing}>\n            <Label className={b('label')} icon={<Icon size={16} data={Eye} />}>\n                {i18n('preview')}\n            </Label>\n            <YfmHtmlBlockPreview html={resultHtml} onСlick={handleClick} config={config} />\n\n            <div className={b('menu')}>\n                <Button\n                    onClick={toggleMenuOpen}\n                    ref={setAnchorElement}\n                    size=\"s\"\n                    className={STOP_EVENT_CLASSNAME}\n                >\n                    <Icon data={DotsIcon} className={STOP_EVENT_CLASSNAME} />\n                </Button>\n                <Popup\n                    anchorElement={anchorElement}\n                    open={menuOpen}\n                    onOpenChange={closeMenu}\n                    placement=\"bottom-end\"\n                >\n                    <Menu>\n                        <Menu.Item\n                            onClick={() => {\n                                toggleEditing();\n                                closeMenu();\n                            }}\n                        >\n                            {i18n('edit')}\n                        </Menu.Item>\n                        <Menu.Item\n                            onClick={() => {\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                            }}\n                        >\n                            {i18n('remove')}\n                        </Menu.Item>\n                    </Menu>\n                </Popup>\n            </div>\n        </div>\n    );\n};\n"]}

package/build/cjs/extensions/additional/YfmHtmlBlock/YfmHtmlBlockNodeView/index.d.ts

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

package/build/cjs/extensions/additional/YfmHtmlBlock/YfmHtmlBlockNodeView/index.js

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

package/build/cjs/extensions/additional/YfmHtmlBlock/YfmHtmlBlockNodeView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/YfmHtmlBlock/YfmHtmlBlockNodeView/index.ts"],"names":[],"mappings":";;;AAAA,wDAA2B","sourcesContent":["export * from './NodeView';\n"]}

package/build/cjs/extensions/additional/YfmHtmlBlock/YfmHtmlBlockSpecs/const.d.ts

@@ -6,10 +6,10 @@ export declare enum YfmHtmlBlockAttrs {
     style = "style"
 }
 export declare const yfmHtmlBlockNodeName = "yfm_html_block";
-export declare const yfmHtmlBlockNodeType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;
+export declare const yfmHtmlBlockNodeType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").NodeType;
 export declare const YfmHtmlBlockAction = "createYfmHtmlBlock";
 export declare const YfmHtmlBlockConsts: {
     readonly NodeName: "yfm_html_block";
     readonly NodeAttrs: typeof YfmHtmlBlockAttrs;
-    readonly nodeType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;
+    readonly nodeType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").NodeType;
 };

package/build/cjs/extensions/additional/YfmHtmlBlock/YfmHtmlBlockSpecs/const.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YfmHtmlBlockConsts = exports.YfmHtmlBlockAction = exports.yfmHtmlBlockNodeType = exports.yfmHtmlBlockNodeName = exports.YfmHtmlBlockAttrs = void 0;
-const schema_1 = require("../../../../utils/schema");
+const schema_1 = require("../../../../utils/schema.js");
 var YfmHtmlBlockAttrs;
 (function (YfmHtmlBlockAttrs) {
     YfmHtmlBlockAttrs["class"] = "class";
@@ -9,7 +9,7 @@ var YfmHtmlBlockAttrs;
     YfmHtmlBlockAttrs["newCreated"] = "newCreated";
     YfmHtmlBlockAttrs["srcdoc"] = "srcdoc";
     YfmHtmlBlockAttrs["style"] = "style";
-})(YfmHtmlBlockAttrs = exports.YfmHtmlBlockAttrs || (exports.YfmHtmlBlockAttrs = {}));
+})(YfmHtmlBlockAttrs || (exports.YfmHtmlBlockAttrs = YfmHtmlBlockAttrs = {}));
 exports.yfmHtmlBlockNodeName = 'yfm_html_block';
 exports.yfmHtmlBlockNodeType = (0, schema_1.nodeTypeFactory)(exports.yfmHtmlBlockNodeName);
 exports.YfmHtmlBlockAction = 'createYfmHtmlBlock';
@@ -18,3 +18,4 @@ exports.YfmHtmlBlockConsts = {
     NodeAttrs: YfmHtmlBlockAttrs,
     nodeType: exports.yfmHtmlBlockNodeType,
 };
+//# sourceMappingURL=const.js.map

package/build/cjs/extensions/additional/YfmHtmlBlock/YfmHtmlBlockSpecs/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/YfmHtmlBlock/YfmHtmlBlockSpecs/const.ts"],"names":[],"mappings":";;;AAAA,wDAAyD;AAEzD,IAAY,iBAMX;AAND,WAAY,iBAAiB;IACzB,oCAAe,CAAA;IACf,gDAA2B,CAAA;IAC3B,8CAAyB,CAAA;IACzB,sCAAiB,CAAA;IACjB,oCAAe,CAAA;AACnB,CAAC,EANW,iBAAiB,iCAAjB,iBAAiB,QAM5B;AAEY,QAAA,oBAAoB,GAAG,gBAAgB,CAAC;AACxC,QAAA,oBAAoB,GAAG,IAAA,wBAAe,EAAC,4BAAoB,CAAC,CAAC;AAE7D,QAAA,kBAAkB,GAAG,oBAAoB,CAAC;AAE1C,QAAA,kBAAkB,GAAG;IAC9B,QAAQ,EAAE,4BAAoB;IAC9B,SAAS,EAAE,iBAAiB;IAC5B,QAAQ,EAAE,4BAAoB;CACxB,CAAC","sourcesContent":["import {nodeTypeFactory} from '../../../../utils/schema';\n\nexport enum YfmHtmlBlockAttrs {\n    class = 'class',\n    frameborder = 'frameborder',\n    newCreated = 'newCreated',\n    srcdoc = 'srcdoc',\n    style = 'style',\n}\n\nexport const yfmHtmlBlockNodeName = 'yfm_html_block';\nexport const yfmHtmlBlockNodeType = nodeTypeFactory(yfmHtmlBlockNodeName);\n\nexport const YfmHtmlBlockAction = 'createYfmHtmlBlock';\n\nexport const YfmHtmlBlockConsts = {\n    NodeName: yfmHtmlBlockNodeName,\n    NodeAttrs: YfmHtmlBlockAttrs,\n    nodeType: yfmHtmlBlockNodeType,\n} as const;\n"]}

package/build/cjs/extensions/additional/YfmHtmlBlock/YfmHtmlBlockSpecs/index.d.ts

@@ -1,11 +1,11 @@
-import { PluginOptions } from '@diplodoc/html-extension/plugin';
-import type { ExtensionNodeSpec } from '../../../../core';
-export { yfmHtmlBlockNodeName } from './const';
+import { type PluginOptions } from '@diplodoc/html-extension';
+import type { ExtensionNodeSpec } from "../../../../core/index.js";
+export { yfmHtmlBlockNodeName } from "./const.js";
 export interface YfmHtmlBlockSpecsOptions extends Omit<PluginOptions, 'runtimeJsPath' | 'containerClasses' | 'bundle' | 'embeddingMode'> {
     nodeView?: ExtensionNodeSpec['view'];
 }
-export declare const YfmHtmlBlockSpecs: import("../../../../core").ExtensionWithOptions<YfmHtmlBlockSpecsOptions> & {
+export declare const YfmHtmlBlockSpecs: import("../../../../core/index.js").ExtensionWithOptions<YfmHtmlBlockSpecsOptions> & {
     readonly NodeName: "yfm_html_block";
-    readonly NodeAttrs: typeof import("./const").YfmHtmlBlockAttrs;
-    readonly nodeType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;
+    readonly NodeAttrs: typeof import("./const.js").YfmHtmlBlockAttrs;
+    readonly nodeType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").NodeType;
 };

package/build/cjs/extensions/additional/YfmHtmlBlock/YfmHtmlBlockSpecs/index.js

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YfmHtmlBlockSpecs = exports.yfmHtmlBlockNodeName = void 0;
-const tslib_1 = require("tslib");
-// eslint-disable-next-line import/no-extraneous-dependencies
 const html_extension_1 = require("@diplodoc/html-extension");
-const const_1 = require("./const");
-var const_2 = require("./const");
+const const_1 = require("./const.js");
+var const_2 = require("./const.js");
 Object.defineProperty(exports, "yfmHtmlBlockNodeName", { enumerable: true, get: function () { return const_2.yfmHtmlBlockNodeName; } });
-const YfmHtmlBlockSpecsExtension = (builder, _a) => {
-    var { nodeView } = _a, options = tslib_1.__rest(_a, ["nodeView"]);
+const YfmHtmlBlockSpecsExtension = (builder, { nodeView, ...options }) => {
     builder
-        .configureMd((md) => md.use((0, html_extension_1.transform)(Object.assign({ bundle: false, embeddingMode: 'srcdoc' }, options)), {}))
+        .configureMd((md) => md.use((0, html_extension_1.transform)({
+        bundle: false,
+        embeddingMode: 'srcdoc',
+        ...options,
+    }), {}))
         .addNode(const_1.YfmHtmlBlockConsts.NodeName, () => ({
         fromMd: {
             tokenSpec: {
@@ -43,3 +44,4 @@ const YfmHtmlBlockSpecsExtension = (builder, _a) => {
     }));
 };
 exports.YfmHtmlBlockSpecs = Object.assign(YfmHtmlBlockSpecsExtension, const_1.YfmHtmlBlockConsts);
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/additional/YfmHtmlBlock/YfmHtmlBlockSpecs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/YfmHtmlBlock/YfmHtmlBlockSpecs/index.tsx"],"names":[],"mappings":";;;AAAA,6DAAuE;AAIvE,sCAA2C;AAE3C,oCAA6C;AAArC,6GAAA,oBAAoB,OAAA;AAO5B,MAAM,0BAA0B,GAA4C,CACxE,OAAO,EACP,EAAC,QAAQ,EAAE,GAAG,OAAO,EAAC,EACxB,EAAE;IACA,OAAO;SACF,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,CAChB,EAAE,CAAC,GAAG,CACF,IAAA,0BAAS,EAAC;QACN,MAAM,EAAE,KAAK;QACb,aAAa,EAAE,QAAQ;QACvB,GAAG,OAAO;KACb,CAAC,EACF,EAAE,CACL,CACJ;SACA,OAAO,CAAC,0BAAkB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;QACzC,MAAM,EAAE;YACJ,SAAS,EAAE;gBACP,IAAI,EAAE,0BAAkB,CAAC,QAAQ;gBACjC,IAAI,EAAE,MAAM;gBACZ,YAAY,EAAE,IAAI;gBAClB,QAAQ,EAAE,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,OAAO,EAAC,CAAC;aAC/C;SACJ;QACD,IAAI,EAAE;YACF,KAAK,EAAE,OAAO;YACd,KAAK,EAAE;gBACH,CAAC,0BAAkB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAC,OAAO,EAAE,UAAU,EAAC;gBAC3D,CAAC,0BAAkB,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,EAAC,OAAO,EAAE,EAAE,EAAC;gBACzD,CAAC,0BAAkB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,EAAC,OAAO,EAAE,EAAE,EAAC;gBACpD,CAAC,0BAAkB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;gBACrD,CAAC,0BAAkB,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;aAC7D;YACD,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC;SAC1C;QACD,IAAI,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;YAClB,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;YACxB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAClB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,0BAAkB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;YAC7D,KAAK,CAAC,aAAa,EAAE,CAAC;YACtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACnB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;QACD,IAAI,EAAE,QAAQ;KACjB,CAAC,CAAC,CAAC;AACZ,CAAC,CAAC;AAEW,QAAA,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,0BAA0B,EAAE,0BAAkB,CAAC,CAAC","sourcesContent":["import {type PluginOptions, transform} from '@diplodoc/html-extension';\n\nimport type {ExtensionAuto, ExtensionNodeSpec} from '../../../../core';\n\nimport {YfmHtmlBlockConsts} from './const';\n\nexport {yfmHtmlBlockNodeName} from './const';\n\nexport interface YfmHtmlBlockSpecsOptions\n    extends Omit<PluginOptions, 'runtimeJsPath' | 'containerClasses' | 'bundle' | 'embeddingMode'> {\n    nodeView?: ExtensionNodeSpec['view'];\n}\n\nconst YfmHtmlBlockSpecsExtension: ExtensionAuto<YfmHtmlBlockSpecsOptions> = (\n    builder,\n    {nodeView, ...options},\n) => {\n    builder\n        .configureMd((md) =>\n            md.use(\n                transform({\n                    bundle: false,\n                    embeddingMode: 'srcdoc',\n                    ...options,\n                }),\n                {},\n            ),\n        )\n        .addNode(YfmHtmlBlockConsts.NodeName, () => ({\n            fromMd: {\n                tokenSpec: {\n                    name: YfmHtmlBlockConsts.NodeName,\n                    type: 'node',\n                    noCloseToken: true,\n                    getAttrs: ({content}) => ({srcdoc: content}),\n                },\n            },\n            spec: {\n                group: 'block',\n                attrs: {\n                    [YfmHtmlBlockConsts.NodeAttrs.class]: {default: 'yfm-html'},\n                    [YfmHtmlBlockConsts.NodeAttrs.frameborder]: {default: ''},\n                    [YfmHtmlBlockConsts.NodeAttrs.srcdoc]: {default: ''},\n                    [YfmHtmlBlockConsts.NodeAttrs.style]: {default: null},\n                    [YfmHtmlBlockConsts.NodeAttrs.newCreated]: {default: null},\n                },\n                toDOM: (node) => ['iframe', node.attrs],\n            },\n            toMd: (state, node) => {\n                state.write('::: html');\n                state.write('\\n');\n                state.write(node.attrs[YfmHtmlBlockConsts.NodeAttrs.srcdoc]);\n                state.ensureNewLine();\n                state.write(':::');\n                state.closeBlock(node);\n            },\n            view: nodeView,\n        }));\n};\n\nexport const YfmHtmlBlockSpecs = Object.assign(YfmHtmlBlockSpecsExtension, YfmHtmlBlockConsts);\n"]}

package/build/cjs/extensions/additional/YfmHtmlBlock/actions.d.ts

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

package/build/cjs/extensions/additional/YfmHtmlBlock/actions.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addYfmHtmlBlock = void 0;
-const const_1 = require("./YfmHtmlBlockSpecs/const");
+const const_1 = require("./YfmHtmlBlockSpecs/const.js");
 exports.addYfmHtmlBlock = {
     isEnable(state) {
         return state.selection.empty;
@@ -13,3 +13,4 @@ exports.addYfmHtmlBlock = {
         })));
     },
 };
+//# sourceMappingURL=actions.js.map

package/build/cjs/extensions/additional/YfmHtmlBlock/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"../../../../../src","sources":["extensions/additional/YfmHtmlBlock/actions.ts"],"names":[],"mappings":";;;AAEA,wDAAmF;AAEtE,QAAA,eAAe,GAAe;IACvC,QAAQ,CAAC,KAAK;QACV,OAAO,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IACjC,CAAC;IACD,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK;QACtB,QAAQ,CACJ,KAAK,CAAC,EAAE,CAAC,MAAM,CACX,KAAK,CAAC,SAAS,CAAC,IAAI,EACpB,IAAA,4BAAoB,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC;YACtC,CAAC,0BAAkB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,IAAI;YAC3C,CAAC,0BAAkB,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,IAAI;SAClD,CAAC,CACL,CACJ,CAAC;IACN,CAAC;CACJ,CAAC","sourcesContent":["import type {ActionSpec} from '../../../core';\n\nimport {YfmHtmlBlockConsts, yfmHtmlBlockNodeType} from './YfmHtmlBlockSpecs/const';\n\nexport const addYfmHtmlBlock: ActionSpec = {\n    isEnable(state) {\n        return state.selection.empty;\n    },\n    run(state, dispatch, _view) {\n        dispatch(\n            state.tr.insert(\n                state.selection.from,\n                yfmHtmlBlockNodeType(state.schema).create({\n                    [YfmHtmlBlockConsts.NodeAttrs.srcdoc]: '\\n',\n                    [YfmHtmlBlockConsts.NodeAttrs.newCreated]: true,\n                }),\n            ),\n        );\n    },\n};\n"]}

package/build/cjs/extensions/additional/YfmHtmlBlock/const.d.ts

@@ -1,2 +1,2 @@
-export * from './YfmHtmlBlockSpecs/const';
+export * from "./YfmHtmlBlockSpecs/const.js";
 export declare const YfmHtmlBlockAction = "createYfmHtmlBlock";

package/build/cjs/extensions/additional/YfmHtmlBlock/const.js

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

package/build/cjs/extensions/additional/YfmHtmlBlock/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"../../../../../src","sources":["extensions/additional/YfmHtmlBlock/const.ts"],"names":[],"mappings":";;;;AAAA,uEAA0C;AAC7B,QAAA,kBAAkB,GAAG,oBAAoB,CAAC","sourcesContent":["export * from './YfmHtmlBlockSpecs/const';\nexport const YfmHtmlBlockAction = 'createYfmHtmlBlock';\n"]}

package/build/cjs/extensions/additional/YfmHtmlBlock/index.d.ts

@@ -1,7 +1,7 @@
-import { PluginOptions } from '@diplodoc/html-extension/plugin';
+import type { PluginOptions } from '@diplodoc/html-extension';
 import type { IHTMLIFrameElementConfig } from '@diplodoc/html-extension/runtime';
-import { Action, ExtensionAuto } from '../../../core';
-import { YfmHtmlBlockAction } from './YfmHtmlBlockSpecs/const';
+import type { Action, ExtensionAuto } from "../../../core/index.js";
+import { YfmHtmlBlockAction } from "./YfmHtmlBlockSpecs/const.js";
 export interface YfmHtmlBlockOptions extends Omit<PluginOptions, 'runtimeJsPath' | 'containerClasses' | 'bundle' | 'embeddingMode'> {
     useConfig?: () => IHTMLIFrameElementConfig | undefined;
 }

package/build/cjs/extensions/additional/YfmHtmlBlock/index.js

@@ -1,17 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YfmHtmlBlock = void 0;
-const tslib_1 = require("tslib");
-const YfmHtmlBlockNodeView_1 = require("./YfmHtmlBlockNodeView");
-const YfmHtmlBlockSpecs_1 = require("./YfmHtmlBlockSpecs");
-const const_1 = require("./YfmHtmlBlockSpecs/const");
-const actions_1 = require("./actions");
-const YfmHtmlBlock = (builder, _a) => {
-    var { useConfig: _ } = _a, options = tslib_1.__rest(_a, ["useConfig"]);
-    builder.use(YfmHtmlBlockSpecs_1.YfmHtmlBlockSpecs, Object.assign({ nodeView: YfmHtmlBlockNodeViewFactory(options) }, options));
+const YfmHtmlBlockNodeView_1 = require("./YfmHtmlBlockNodeView/index.js");
+const YfmHtmlBlockSpecs_1 = require("./YfmHtmlBlockSpecs/index.js");
+const const_1 = require("./YfmHtmlBlockSpecs/const.js");
+const actions_1 = require("./actions.js");
+const YfmHtmlBlock = (builder, { useConfig: _, ...options }) => {
+    builder.use(YfmHtmlBlockSpecs_1.YfmHtmlBlockSpecs, {
+        nodeView: YfmHtmlBlockNodeViewFactory(options),
+        ...options,
+    });
     builder.addAction(const_1.YfmHtmlBlockAction, () => actions_1.addYfmHtmlBlock);
 };
 exports.YfmHtmlBlock = YfmHtmlBlock;
 const YfmHtmlBlockNodeViewFactory = (options) => () => (node, view, getPos) => {
     return new YfmHtmlBlockNodeView_1.WYfmHtmlBlockNodeView({ node, view, getPos, options });
 };
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/additional/YfmHtmlBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/additional/YfmHtmlBlock/index.ts"],"names":[],"mappings":";;;AAKA,0EAA6D;AAC7D,oEAAsD;AACtD,wDAA6D;AAC7D,0CAA0C;AAOnC,MAAM,YAAY,GAAuC,CAC5D,OAAO,EACP,EAAC,SAAS,EAAE,CAAC,EAAE,GAAG,OAAO,EAAC,EAC5B,EAAE;IACA,OAAO,CAAC,GAAG,CAAC,qCAAiB,EAAE;QAC3B,QAAQ,EAAE,2BAA2B,CAAC,OAAO,CAAC;QAC9C,GAAG,OAAO;KACb,CAAC,CAAC;IAEH,OAAO,CAAC,SAAS,CAAC,0BAAkB,EAAE,GAAG,EAAE,CAAC,yBAAe,CAAC,CAAC;AACjE,CAAC,CAAC;AAVW,QAAA,YAAY,gBAUvB;AAEF,MAAM,2BAA2B,GAEmB,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC1F,OAAO,IAAI,4CAAqB,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAC,CAAC,CAAC;AACpE,CAAC,CAAC","sourcesContent":["import type {PluginOptions} from '@diplodoc/html-extension';\nimport type {IHTMLIFrameElementConfig} from '@diplodoc/html-extension/runtime';\n\nimport type {Action, ExtensionAuto, ExtensionDeps, NodeViewConstructor} from '../../../core';\n\nimport {WYfmHtmlBlockNodeView} from './YfmHtmlBlockNodeView';\nimport {YfmHtmlBlockSpecs} from './YfmHtmlBlockSpecs';\nimport {YfmHtmlBlockAction} from './YfmHtmlBlockSpecs/const';\nimport {addYfmHtmlBlock} from './actions';\n\nexport interface YfmHtmlBlockOptions\n    extends Omit<PluginOptions, 'runtimeJsPath' | 'containerClasses' | 'bundle' | 'embeddingMode'> {\n    useConfig?: () => IHTMLIFrameElementConfig | undefined;\n}\n\nexport const YfmHtmlBlock: ExtensionAuto<YfmHtmlBlockOptions> = (\n    builder,\n    {useConfig: _, ...options},\n) => {\n    builder.use(YfmHtmlBlockSpecs, {\n        nodeView: YfmHtmlBlockNodeViewFactory(options),\n        ...options,\n    });\n\n    builder.addAction(YfmHtmlBlockAction, () => addYfmHtmlBlock);\n};\n\nconst YfmHtmlBlockNodeViewFactory: (\n    options: YfmHtmlBlockOptions,\n) => (deps: ExtensionDeps) => NodeViewConstructor = (options) => () => (node, view, getPos) => {\n    return new WYfmHtmlBlockNodeView({node, view, getPos, options});\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [YfmHtmlBlockAction]: Action;\n        }\n    }\n}\n"]}

package/build/cjs/extensions/additional/YfmHtmlBlock/utils.d.ts

@@ -1,4 +1,4 @@
-import { SanitizeOptions } from '@diplodoc/transform/lib/sanitize';
+import { type SanitizeOptions } from '@diplodoc/transform/lib/sanitize';
 export declare const getYfmHtmlBlockOptions: (defaultOptions: SanitizeOptions) => SanitizeOptions;
 export interface GetSanitizeYfmHtmlBlockArgs {
     options: SanitizeOptions;

package/build/cjs/extensions/additional/YfmHtmlBlock/utils.js

@@ -81,12 +81,23 @@ const yfmHtmlBlockAllowedAttributes = {
     style: [],
 };
 const getYfmHtmlBlockOptions = (defaultOptions) => {
-    var _a;
     const defaultAllowedAttributes = defaultOptions.allowedAttributes;
-    return Object.assign(Object.assign({}, defaultOptions), { allowedAttributes: Object.assign(Object.assign({}, defaultAllowedAttributes), yfmHtmlBlockAllowedAttributes), allowedTags: typeof defaultOptions.allowedTags === 'boolean'
+    return {
+        ...defaultOptions,
+        allowedAttributes: {
+            ...defaultAllowedAttributes,
+            ...yfmHtmlBlockAllowedAttributes,
+        },
+        allowedTags: typeof defaultOptions.allowedTags === 'boolean'
             ? defaultOptions.allowedTags
-            : [...((_a = defaultOptions.allowedTags) !== null && _a !== void 0 ? _a : []), ...yfmHtmlBlockAllowedTags], cssWhiteList: Object.assign(Object.assign({}, defaultOptions.cssWhiteList), getYfmHtmlBlockWhiteList()) });
+            : [...(defaultOptions.allowedTags ?? []), ...yfmHtmlBlockAllowedTags],
+        cssWhiteList: {
+            ...defaultOptions.cssWhiteList,
+            ...getYfmHtmlBlockWhiteList(),
+        },
+    };
 };
 exports.getYfmHtmlBlockOptions = getYfmHtmlBlockOptions;
 const getSanitizeYfmHtmlBlock = ({ options, sanitize = sanitize_1.default }) => (content) => sanitize(content, (0, exports.getYfmHtmlBlockOptions)(options));
 exports.getSanitizeYfmHtmlBlock = getSanitizeYfmHtmlBlock;
+//# sourceMappingURL=utils.js.map

package/build/cjs/extensions/additional/YfmHtmlBlock/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["extensions/additional/YfmHtmlBlock/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import diplodocSanitize, {type SanitizeOptions} from '@diplodoc/transform/lib/sanitize';\n\n// yfmHtmlBlock additional css properties white list\nconst getYfmHtmlBlockWhiteList = () => {\n    const whiteList: Record<string, boolean> = {};\n\n    // flex, grid, column\n    whiteList['align-content'] = true; // default: auto\n    whiteList['align-items'] = true; // default: auto\n    whiteList['align-self'] = true; // default: auto\n    whiteList.columns = true; // default: depending on individual properties\n    whiteList['column-count'] = true; // default: auto\n    whiteList['column-fill'] = true; // default: balance\n    whiteList['column-gap'] = true; // default: normal\n    whiteList['column-rule'] = true; // default: depending on individual properties\n    whiteList['column-rule-color'] = true; // default: current color\n    whiteList['column-rule-style'] = true; // default: medium\n    whiteList['column-rule-width'] = true; // default: medium\n    whiteList['column-span'] = true; // default: none\n    whiteList['column-width'] = true; // default: auto\n    whiteList.flex = true; // default: depending on individual properties\n    whiteList['flex-basis'] = true; // default: auto\n    whiteList['flex-direction'] = true; // default: row\n    whiteList['flex-flow'] = true; // default: depending on individual properties\n    whiteList['flex-grow'] = true; // default: 0\n    whiteList['flex-shrink'] = true; // default: 1\n    whiteList['flex-wrap'] = true; // default: nowrap\n    whiteList.gap = true; // default: normal normal\n    whiteList.grid = true; // default: depending on individual properties\n    whiteList['grid-area'] = true; // default: depending on individual properties\n    whiteList['grid-auto-columns'] = true; // default: auto\n    whiteList['grid-auto-flow'] = true; // default: none\n    whiteList['grid-auto-rows'] = true; // default: auto\n    whiteList['grid-column'] = true; // default: depending on individual properties\n    whiteList['grid-column-end'] = true; // default: auto\n    whiteList['grid-column-start'] = true; // default: auto\n    whiteList['grid-row'] = true; // default: depending on individual properties\n    whiteList['grid-row-end'] = true; // default: auto\n    whiteList['grid-row-start'] = true; // default: auto\n    whiteList['grid-template'] = true; // default: depending on individual properties\n    whiteList['grid-template-areas'] = true; // default: none\n    whiteList['grid-template-columns'] = true; // default: none\n    whiteList['grid-template-rows'] = true; // default: none\n    whiteList['justify-content'] = true; // default: auto\n    whiteList['justify-items'] = true; // default: auto\n    whiteList['justify-self'] = true; // default: auto\n    whiteList['line-height'] = true; // default: normal\n    whiteList['object-fit'] = true; // default: fill\n    whiteList['object-position'] = true; // default: 50% 50%\n    whiteList.order = true; // default: 0\n    whiteList.orphans = true; // default: 2\n    whiteList['row-gap'] = true;\n\n    // position, opacity, overflow\n    whiteList['all'] = true; // default: depending on individual properties\n    whiteList['bottom'] = true; // default: auto\n    whiteList['content'] = true; // default: normal\n    whiteList['cursor'] = true; // default: auto\n    whiteList['direction'] = true; // default: ltr\n    whiteList['left'] = true; // default: auto\n    whiteList['line-break'] = true; // default: auto\n    whiteList['opacity'] = true; // default: 1\n    whiteList['overflow'] = true; // default: depending on individual properties\n    whiteList['overflow-wrap'] = true; // default: normal\n    whiteList['overflow-x'] = true; // default: visible\n    whiteList['overflow-y'] = true; // default: visible\n    whiteList['position'] = true; // default: static\n    whiteList['right'] = true; // default: auto\n    whiteList['top'] = true; // default: auto\n    whiteList['white-space'] = true; // default: normal\n    whiteList['z-index'] = true; // default: auto\n\n    return whiteList;\n};\n\n// yfmHtmlBlock additional allowedTags\nconst yfmHtmlBlockAllowedTags = ['link', 'base', 'style'];\n\n// yfmHtmlBlock additional allowedTags\nconst yfmHtmlBlockAllowedAttributes = {\n    link: ['rel', 'href'],\n    base: ['target'],\n    style: [],\n};\n\nexport const getYfmHtmlBlockOptions = (defaultOptions: SanitizeOptions): SanitizeOptions => {\n    type AllowedAttributesType = Record<\n        string,\n        (string | {name: string; multiple?: boolean | undefined; values: string[]})[]\n    >;\n    const defaultAllowedAttributes = defaultOptions.allowedAttributes as AllowedAttributesType;\n\n    return {\n        ...defaultOptions,\n        allowedAttributes: {\n            ...defaultAllowedAttributes,\n            ...yfmHtmlBlockAllowedAttributes,\n        },\n        allowedTags:\n            typeof defaultOptions.allowedTags === 'boolean'\n                ? defaultOptions.allowedTags\n                : [...(defaultOptions.allowedTags ?? []), ...yfmHtmlBlockAllowedTags],\n        cssWhiteList: {\n            ...defaultOptions.cssWhiteList,\n            ...getYfmHtmlBlockWhiteList(),\n        },\n    };\n};\n\nexport interface GetSanitizeYfmHtmlBlockArgs {\n    options: SanitizeOptions;\n    sanitize?: (html: string, options?: SanitizeOptions) => string;\n}\nexport const getSanitizeYfmHtmlBlock =\n    ({options, sanitize = diplodocSanitize}: GetSanitizeYfmHtmlBlockArgs) =>\n    (content: string) =>\n        sanitize(content, getYfmHtmlBlockOptions(options));\n"]}

package/build/cjs/extensions/additional/index.d.ts

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

package/build/cjs/extensions/additional/index.js

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

package/build/cjs/extensions/additional/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["extensions/additional/index.ts"],"names":[],"mappings":";;;AAAA,yDAAsB","sourcesContent":["export * from './GPT';\n"]}

package/build/cjs/extensions/base/BaseInputRules/index.d.ts

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

package/build/cjs/extensions/base/BaseInputRules/index.js

@@ -6,3 +6,4 @@ const BaseInputRules = (builder) => {
     builder.addInputRules(() => ({ rules: [prosemirror_inputrules_1.ellipsis] }));
 };
 exports.BaseInputRules = BaseInputRules;
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/base/BaseInputRules/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/base/BaseInputRules/index.ts"],"names":[],"mappings":";;;AAAA,mEAAgD;AAIzC,MAAM,cAAc,GAAkB,CAAC,OAAO,EAAE,EAAE;IACrD,OAAO,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,CAAC,iCAAQ,CAAC,EAAC,CAAC,CAAC,CAAC;AACvD,CAAC,CAAC;AAFW,QAAA,cAAc,kBAEzB","sourcesContent":["import {ellipsis} from 'prosemirror-inputrules';\n\nimport type {ExtensionAuto} from '../../../core';\n\nexport const BaseInputRules: ExtensionAuto = (builder) => {\n    builder.addInputRules(() => ({rules: [ellipsis]}));\n};\n"]}

package/build/cjs/extensions/base/BaseKeymap/index.d.ts

@@ -1,4 +1,4 @@
-import type { ExtensionAuto } from '../../../core';
+import type { ExtensionAuto } from "../../../core/index.js";
 /**
  * Add this extension after all other extensions with keymaps
  */