@gravity-ui/markdown-editor 15.32.0 → 15.34.0

package/build/esm/utils/truthy.js

@@ -0,0 +1,7 @@
+export function isTruthy(value) {
+    return Boolean(value);
+}
+export function isFalsy(value) {
+    return !value;
+}
+//# sourceMappingURL=truthy.js.map

package/build/esm/utils/truthy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"truthy.js","sourceRoot":"../../../src","sources":["utils/truthy.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,QAAQ,CAAI,KAAQ;IAChC,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,OAAO,CAAI,KAAQ;IAC/B,OAAO,CAAC,KAAK,CAAC;AAClB,CAAC","sourcesContent":["type Falsy = false | 0 | 0n | '' | null | undefined;\n\nexport function isTruthy<T>(value: T): value is Exclude<T, Falsy> {\n    return Boolean(value);\n}\n\nexport function isFalsy<T>(value: T): value is Extract<T, Falsy> {\n    return !value;\n}\n"]}

package/build/esm/version.js

@@ -1,3 +1,3 @@
 /** During build process, the current version will be injected here */
-export const VERSION = typeof '15.32.0' !== 'undefined' ? '15.32.0' : 'unknown';
+export const VERSION = typeof '15.34.0' !== 'undefined' ? '15.34.0' : 'unknown';
 //# sourceMappingURL=version.js.map

package/build/esm/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.32.0' !== 'undefined' ? '15.32.0' : 'unknown';\n"]}
+{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.34.0' !== 'undefined' ? '15.34.0' : 'unknown';\n"]}

package/build/esm/view/hocs/index.d.ts

@@ -0,0 +1 @@
+export * from "./withCodeBlockActions/index.js";

package/build/esm/view/hocs/index.js

@@ -0,0 +1,2 @@
+export * from "./withCodeBlockActions/index.js";
+//# sourceMappingURL=index.js.map

package/build/esm/view/hocs/index.js.map

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

package/build/esm/view/hocs/withCodeBlockActions/TextWrappingButton.d.ts

@@ -0,0 +1,4 @@
+export type CodeTextWrappingToggleButtonProps = {
+    codeElement: HTMLElement;
+};
+export declare function CodeTextWrappingToggleButton({ codeElement }: CodeTextWrappingToggleButtonProps): JSX.Element;

package/build/esm/view/hocs/withCodeBlockActions/TextWrappingButton.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ArrowUturnCwLeft as WrappingIcon } from '@gravity-ui/icons';
+import { ActionTooltip, Button, Icon } from '@gravity-ui/uikit';
+import { i18n } from "../../../i18n/viewer/index.js";
+export function CodeTextWrappingToggleButton({ codeElement }) {
+    const [hasWrapping, setHasWrapping] = useState(() => Boolean(codeElement.querySelector('pre code')?.classList?.contains('wrap')));
+    return (_jsx(ActionTooltip, { title: i18n('code_wrapping'), children: _jsx(Button, { size: "m", view: "flat", selected: hasWrapping, onClick: () => {
+                const preCode = codeElement.querySelector('pre code');
+                setHasWrapping(Boolean(preCode?.classList?.toggle('wrap')));
+            }, children: _jsx(Button.Icon, { children: _jsx(Icon, { data: WrappingIcon }) }) }) }));
+}
+//# sourceMappingURL=TextWrappingButton.js.map

package/build/esm/view/hocs/withCodeBlockActions/TextWrappingButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextWrappingButton.js","sourceRoot":"../../../../../src","sources":["view/hocs/withCodeBlockActions/TextWrappingButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,gBAAgB,IAAI,YAAY,EAAC,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAC,IAAI,EAAC,sCAAwB;AAMrC,MAAM,UAAU,4BAA4B,CAAC,EAAC,WAAW,EAAoC;IACzF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,GAAG,EAAE,CACzD,OAAO,CAAC,WAAW,CAAC,aAAa,CAAc,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAC3F,CAAC;IAEF,OAAO,CACH,KAAC,aAAa,IAAC,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,YACvC,KAAC,MAAM,IACH,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,GAAG,EAAE;gBACV,MAAM,OAAO,GAAG,WAAW,CAAC,aAAa,CAAc,UAAU,CAAC,CAAC;gBACnE,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAChE,CAAC,YAED,KAAC,MAAM,CAAC,IAAI,cACR,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,GAAI,GAClB,GACT,GACG,CACnB,CAAC;AACN,CAAC","sourcesContent":["import {useState} from 'react';\n\nimport {ArrowUturnCwLeft as WrappingIcon} from '@gravity-ui/icons';\nimport {ActionTooltip, Button, Icon} from '@gravity-ui/uikit';\n\nimport {i18n} from 'src/i18n/viewer';\n\nexport type CodeTextWrappingToggleButtonProps = {\n    codeElement: HTMLElement;\n};\n\nexport function CodeTextWrappingToggleButton({codeElement}: CodeTextWrappingToggleButtonProps) {\n    const [hasWrapping, setHasWrapping] = useState<boolean>(() =>\n        Boolean(codeElement.querySelector<HTMLElement>('pre code')?.classList?.contains('wrap')),\n    );\n\n    return (\n        <ActionTooltip title={i18n('code_wrapping')}>\n            <Button\n                size=\"m\"\n                view=\"flat\"\n                selected={hasWrapping}\n                onClick={() => {\n                    const preCode = codeElement.querySelector<HTMLElement>('pre code');\n                    setHasWrapping(Boolean(preCode?.classList?.toggle('wrap')));\n                }}\n            >\n                <Button.Icon>\n                    <Icon data={WrappingIcon} />\n                </Button.Icon>\n            </Button>\n        </ActionTooltip>\n    );\n}\n"]}

package/build/esm/view/hocs/withCodeBlockActions/index.d.ts

@@ -0,0 +1,15 @@
+import { type ComponentType, type RefAttributes } from 'react';
+import "./styles.css";
+export type WithCodeBlockActionsOptions = {
+    /** @default true */
+    copyButton?: boolean;
+    /** @default false */
+    lineWrappingButton?: boolean;
+    /** @default '.yfm-code-floating-container' */
+    codeBlockSelector?: string;
+    /** Override how text is copied */
+    getCodeBlockText?: (element: HTMLElement) => string;
+};
+export declare function withCodeBlockActions({ copyButton, lineWrappingButton, codeBlockSelector, getCodeBlockText, }: WithCodeBlockActionsOptions): <T extends {
+    html: string;
+}>(Component: ComponentType<T & RefAttributes<HTMLDivElement>>) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<T> & RefAttributes<HTMLDivElement>>;

package/build/esm/view/hocs/withCodeBlockActions/index.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useEffect, useRef, useState, } from 'react';
+import { ClipboardButton, Portal, useForkRef } from '@gravity-ui/uikit';
+import { CodeTextWrappingToggleButton } from "./TextWrappingButton.js";
+import "./styles.css";
+const VIEWER_CODEBLOCK_CN = 'g-md-viewer-code-block';
+const VIEWER_CODEBLOCK_FLOATING_CN = 'g-md-viewer-code-block-floating-container';
+const CODEBLOCK_DEFAULT_SELECTOR = '.yfm-code-floating-container';
+export function withCodeBlockActions({ copyButton = true, lineWrappingButton = false, codeBlockSelector = CODEBLOCK_DEFAULT_SELECTOR, getCodeBlockText = getCodeBlockTextDefault, }) {
+    return (Component) => forwardRef(function WithCodeBlockActions(props, ref) {
+        const { html } = props;
+        const [codeBlockElements, setCodeBlockElements] = useState([]);
+        const domRef = useRef(null);
+        const componentRef = useForkRef(ref, domRef);
+        useEffect(() => {
+            if (!domRef.current) {
+                setCodeBlockElements([]);
+                return undefined;
+            }
+            const elements = Array.from(domRef.current.querySelectorAll(codeBlockSelector));
+            setCodeBlockElements(elements);
+            const destructors = elements.map((element) => {
+                element.classList.add(VIEWER_CODEBLOCK_CN);
+                const container = element.appendChild(element.ownerDocument.createElement('div'));
+                container.classList.add(VIEWER_CODEBLOCK_FLOATING_CN);
+                return () => {
+                    element.classList.remove(VIEWER_CODEBLOCK_CN);
+                    container.parentNode?.removeChild(container);
+                };
+            });
+            return () => {
+                destructors.forEach((destructor) => destructor());
+            };
+        }, [html]);
+        return (_jsxs(_Fragment, { children: [_jsx(Component, { ...props, ref: componentRef }), codeBlockElements.map((element, idx) => {
+                    const container = element.querySelector(`.${VIEWER_CODEBLOCK_FLOATING_CN}`);
+                    if (!container)
+                        return null;
+                    const id = element.id;
+                    const line = element.dataset.line;
+                    return (_jsxs(Portal, { container: container, children: [lineWrappingButton && (_jsx(CodeTextWrappingToggleButton, { codeElement: element })), copyButton && (_jsx(ClipboardButton, { size: "m", text: () => getCodeBlockText(element) }))] }, id || line || idx));
+                })] }));
+    });
+}
+function getCodeBlockTextDefault(element) {
+    const codeElem = element.querySelector('pre code');
+    if (!codeElem)
+        return '';
+    return Array.from(codeElem.childNodes)
+        .filter((node) => {
+        // Skip line number spans
+        if (node instanceof HTMLElement && node.classList.contains('yfm-line-number')) {
+            return false;
+        }
+        return true;
+    })
+        .map((node) => node.textContent)
+        .join('');
+}
+//# sourceMappingURL=index.js.map

package/build/esm/view/hocs/withCodeBlockActions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["view/hocs/withCodeBlockActions/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    type ComponentType,\n    type RefAttributes,\n    forwardRef,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\n\nimport {ClipboardButton, Portal, useForkRef} from '@gravity-ui/uikit';\n\nimport {CodeTextWrappingToggleButton} from './TextWrappingButton';\n\nimport './styles.scss';\n\nconst VIEWER_CODEBLOCK_CN = 'g-md-viewer-code-block';\nconst VIEWER_CODEBLOCK_FLOATING_CN = 'g-md-viewer-code-block-floating-container';\nconst CODEBLOCK_DEFAULT_SELECTOR = '.yfm-code-floating-container';\n\nexport type WithCodeBlockActionsOptions = {\n    /** @default true */\n    copyButton?: boolean;\n    /** @default false */\n    lineWrappingButton?: boolean;\n    /** @default '.yfm-code-floating-container' */\n    codeBlockSelector?: string;\n    /** Override how text is copied */\n    getCodeBlockText?: (element: HTMLElement) => string;\n};\n\nexport function withCodeBlockActions({\n    copyButton = true,\n    lineWrappingButton = false,\n    codeBlockSelector = CODEBLOCK_DEFAULT_SELECTOR,\n    getCodeBlockText = getCodeBlockTextDefault,\n}: WithCodeBlockActionsOptions) {\n    return <T extends {html: string}>(\n        Component: ComponentType<T & RefAttributes<HTMLDivElement>>,\n    ) =>\n        forwardRef<HTMLDivElement, T>(function WithCodeBlockActions(props, ref) {\n            const {html} = props;\n            const [codeBlockElements, setCodeBlockElements] = useState<HTMLElement[]>([]);\n\n            const domRef = useRef<HTMLDivElement>(null);\n            const componentRef = useForkRef(ref, domRef);\n\n            useEffect(() => {\n                if (!domRef.current) {\n                    setCodeBlockElements([]);\n                    return undefined;\n                }\n\n                const elements = Array.from(\n                    domRef.current.querySelectorAll<HTMLElement>(codeBlockSelector),\n                );\n                setCodeBlockElements(elements);\n                const destructors = elements.map((element) => {\n                    element.classList.add(VIEWER_CODEBLOCK_CN);\n\n                    const container = element.appendChild(\n                        element.ownerDocument.createElement('div'),\n                    );\n                    container.classList.add(VIEWER_CODEBLOCK_FLOATING_CN);\n\n                    return () => {\n                        element.classList.remove(VIEWER_CODEBLOCK_CN);\n                        container.parentNode?.removeChild(container);\n                    };\n                });\n\n                return () => {\n                    destructors.forEach((destructor) => destructor());\n                };\n            }, [html]);\n\n            return (\n                <>\n                    <Component {...props} ref={componentRef} />\n                    {codeBlockElements.map((element, idx) => {\n                        const container = element.querySelector<HTMLElement>(\n                            `.${VIEWER_CODEBLOCK_FLOATING_CN}`,\n                        );\n                        if (!container) return null;\n\n                        const id = element.id;\n                        const line = element.dataset.line;\n\n                        return (\n                            <Portal key={id || line || idx} container={container}>\n                                {lineWrappingButton && (\n                                    <CodeTextWrappingToggleButton codeElement={element} />\n                                )}\n                                {copyButton && (\n                                    <ClipboardButton\n                                        size=\"m\"\n                                        text={() => getCodeBlockText(element)}\n                                    />\n                                )}\n                            </Portal>\n                        );\n                    })}\n                </>\n            );\n        });\n}\n\nfunction getCodeBlockTextDefault(element: HTMLElement) {\n    const codeElem = element.querySelector<HTMLElement>('pre code');\n\n    if (!codeElem) return '';\n\n    return Array.from(codeElem.childNodes)\n        .filter((node) => {\n            // Skip line number spans\n            if (node instanceof HTMLElement && node.classList.contains('yfm-line-number')) {\n                return false;\n            }\n            return true;\n        })\n        .map((node) => node.textContent)\n        .join('');\n}\n"]}

package/build/esm/view/hocs/withCodeBlockActions/styles.css

@@ -0,0 +1,27 @@
+.g-md-viewer-code-block {
+  position: relative;
+}
+.g-md-viewer-code-block pre code.wrap {
+  white-space: pre-wrap;
+}
+.g-md-viewer-code-block .yfm-code-floating,
+.g-md-viewer-code-block .yfm-clipboard-button {
+  display: none;
+}
+.g-md-viewer-code-block .g-md-viewer-code-block-floating-container {
+  position: absolute;
+  z-index: 1;
+  top: 8px;
+  right: 8px;
+  opacity: 0;
+  transition: opacity 0.2s ease-in-out;
+}
+.g-md-viewer-code-block .g-md-viewer-code-block-floating-container,
+.g-md-viewer-code-block .g-md-viewer-code-block-floating-container > [data-floating-ui-portal] {
+  display: flex;
+  flex-wrap: nowrap;
+  gap: var(--g-spacing-1);
+}
+.g-md-viewer-code-block:hover .g-md-viewer-code-block-floating-container {
+  opacity: 1;
+}

package/build/esm/view/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./components/index.js";
+export * from "./hocs/index.js";
 export * from "./hooks/index.js";
 export * from "./types/index.js";

package/build/esm/view/index.js

@@ -1,4 +1,5 @@
 export * from "./components/index.js";
+export * from "./hocs/index.js";
 export * from "./hooks/index.js";
 export * from "./types/index.js";
 //# sourceMappingURL=index.js.map

package/build/esm/view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["view/index.ts"],"names":[],"mappings":"AAAA,sCAA6B;AAC7B,iCAAwB;AACxB,iCAAwB","sourcesContent":["export * from './components';\nexport * from './hooks';\nexport * from './types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["view/index.ts"],"names":[],"mappings":"AAAA,sCAA6B;AAC7B,gCAAuB;AACvB,iCAAwB;AACxB,iCAAwB","sourcesContent":["export * from './components';\nexport * from './hocs';\nexport * from './hooks';\nexport * from './types';\n"]}

package/build/styles.css

@@ -1874,6 +1874,33 @@ body :has(.g-md-resizable_resizing) {
   --g-popup-border-radius: var(--g-border-radius-l);
   border-radius: var(--g-border-radius-l);
 }
+.g-md-viewer-code-block {
+  position: relative;
+}
+.g-md-viewer-code-block pre code.wrap {
+  white-space: pre-wrap;
+}
+.g-md-viewer-code-block .yfm-code-floating,
+.g-md-viewer-code-block .yfm-clipboard-button {
+  display: none;
+}
+.g-md-viewer-code-block .g-md-viewer-code-block-floating-container {
+  position: absolute;
+  z-index: 1;
+  top: 8px;
+  right: 8px;
+  opacity: 0;
+  transition: opacity 0.2s ease-in-out;
+}
+.g-md-viewer-code-block .g-md-viewer-code-block-floating-container,
+.g-md-viewer-code-block .g-md-viewer-code-block-floating-container > [data-floating-ui-portal] {
+  display: flex;
+  flex-wrap: nowrap;
+  gap: var(--g-spacing-1);
+}
+.g-md-viewer-code-block:hover .g-md-viewer-code-block-floating-container {
+  opacity: 1;
+}
 .ProseMirror .pm-h-folding-hidden,
 .yfm.ProseMirror .pm-h-folding-hidden {
   display: none;
@@ -2152,13 +2179,26 @@ body :has(.g-md-resizable_resizing) {
 .g-root_theme_dark .g-md-yfm-html-block_editing .g-text-area__content {
   color: var(--g-color-text-primary);
 }
-.yfm.ProseMirror .hljs.show-line-numbers {
-  display: flex;
+.g-md-editor.ProseMirror.yfm pre > code {
   white-space: pre;
 }
-
-.yfm.ProseMirror pre > code > .yfm-line-numbers > .yfm-line-number {
-  display: block;
+.g-md-editor.ProseMirror pre > code.wrap {
+  /* stylelint-disable */
+  white-space: pre-wrap;
+  white-space: break-spaces;
+  /* stylelint-enable */
+}
+.g-md-editor.ProseMirror pre > code.wrap .yfm-line-number.ProseMirror-widget {
+  position: absolute;
+  left: 16px;
+  padding: 0;
+}
+.g-md-editor.ProseMirror pre > code.show-line-numbers {
+  position: relative;
+  display: flex;
+}
+.g-md-editor.ProseMirror pre > code .fake-line-number {
+  opacity: 0;
 }
 .g-md-link-placeholder-widget {
   margin: 0 2px;
@@ -2289,7 +2329,7 @@ body :has(.g-md-resizable_resizing) {
   height: 28px;
 }
 .g-md-code-block-toolbar {
-  margin: 2px 8px;
+  margin: var(--g-spacing-half);
 }
 
 .g-md-code-tooltip-menu {
@@ -2314,10 +2354,6 @@ body :has(.g-md-resizable_resizing) {
 .g-md-code-block__select-button {
   margin: auto 0;
 }
-
-.g-md-code-block__show-line-numbers {
-  margin: auto 0;
-}
 .table-cell-floating-button.g-button {
   height: 28px;
   line-height: 28px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "15.32.0",
+  "version": "15.34.0",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {