@gravity-ui/markdown-editor 15.27.1 → 15.28.1

package/build/esm/view/hooks/useFilesGallery/helpers.js

@@ -0,0 +1,25 @@
+import { YfmFileAttrs, YfmFileClassname } from "./constants.js";
+export function buildLinkObject(elem) {
+    let obj = null;
+    if (elem.tagName === 'IMG') {
+        obj = {
+            type: 'image',
+            name: elem.getAttribute('alt'),
+            link: elem.getAttribute('src') ?? '',
+        };
+    }
+    else if (elem.tagName === 'A') {
+        obj = {
+            type: 'link',
+            name: elem.getAttribute('title'),
+            link: elem.getAttribute('href') ?? '',
+        };
+        if (elem.classList.contains(YfmFileClassname)) {
+            obj.type = 'file';
+            obj.name = elem.getAttribute(YfmFileAttrs.Download);
+            obj.mimetype = elem.getAttribute(YfmFileAttrs.Type);
+        }
+    }
+    return obj;
+}
+//# sourceMappingURL=helpers.js.map

package/build/esm/view/hooks/useFilesGallery/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"../../../../../src","sources":["view/hooks/useFilesGallery/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAC,uBAAoB;AAS3D,MAAM,UAAU,eAAe,CAAC,IAAa;IACzC,IAAI,GAAG,GAAsB,IAAI,CAAC;IAElC,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;QACzB,GAAG,GAAG;YACF,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;YAC9B,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE;SACvC,CAAC;IACN,CAAC;SAAM,IAAI,IAAI,CAAC,OAAO,KAAK,GAAG,EAAE,CAAC;QAC9B,GAAG,GAAG;YACF,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;YAChC,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE;SACxC,CAAC;QAEF,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC;YAC5C,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC;YAClB,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;YACpD,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACxD,CAAC;IACL,CAAC;IAED,OAAO,GAAG,CAAC;AACf,CAAC","sourcesContent":["import {YfmFileAttrs, YfmFileClassname} from './constants';\n\ntype LinkObject = {\n    name?: string | null;\n    mimetype?: string | null;\n    type: 'image' | 'link' | 'file';\n    link: string;\n};\n\nexport function buildLinkObject(elem: Element): LinkObject | null {\n    let obj: LinkObject | null = null;\n\n    if (elem.tagName === 'IMG') {\n        obj = {\n            type: 'image',\n            name: elem.getAttribute('alt'),\n            link: elem.getAttribute('src') ?? '',\n        };\n    } else if (elem.tagName === 'A') {\n        obj = {\n            type: 'link',\n            name: elem.getAttribute('title'),\n            link: elem.getAttribute('href') ?? '',\n        };\n\n        if (elem.classList.contains(YfmFileClassname)) {\n            obj.type = 'file';\n            obj.name = elem.getAttribute(YfmFileAttrs.Download);\n            obj.mimetype = elem.getAttribute(YfmFileAttrs.Type);\n        }\n    }\n\n    return obj;\n}\n"]}

package/build/esm/view/hooks/useFilesGallery/useFilesGallery.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import type { GalleryItemPropsWithUrl, UseFilesGalleryOptions } from "./types.js";
 export declare function useFilesGallery(customFiles?: GalleryItemPropsWithUrl[], { download: getItemDownloladUrl, overrideItemProps, copyUrl: getItemCopyUrl, }?: UseFilesGalleryOptions): {
     openFilesGallery: (event: React.MouseEvent<HTMLDivElement>) => boolean;

package/build/esm/view/hooks/useFilesGallery/useFilesGallery.js

@@ -1,39 +1,37 @@
-import * as React from 'react';
+import { useCallback } from 'react';
 import { getGalleryItemCopyLinkAction, getGalleryItemDownloadAction, getGalleryItemImage, getGalleryItemVideo, useGallery, } from '@gravity-ui/components';
 import { useToaster } from '@gravity-ui/uikit';
 import { i18n } from "../../../i18n/gallery/index.js";
 import { extensionRegex, supportedExtensions, supportedVideoExtensions } from "./constants.js";
+import { buildLinkObject } from "./helpers.js";
 export function useFilesGallery(customFiles, { download: getItemDownloladUrl, overrideItemProps, copyUrl: getItemCopyUrl, } = {}) {
     const { openGallery } = useGallery();
     const toaster = useToaster();
     return {
-        openFilesGallery: React.useCallback((event) => {
+        openFilesGallery: useCallback((event) => {
             if (!(event.target instanceof HTMLElement)) {
                 return false;
             }
-            let fileLink = '';
-            if (event.target.tagName === 'IMG' && !event.target.closest('a')) {
-                fileLink = event.target.getAttribute('src') ?? '';
-            }
-            else if (event.target.tagName === 'A') {
-                fileLink = event.target.getAttribute('href') ?? '';
-            }
-            if (!fileLink) {
+            if (event.target.tagName === 'IMG' && event.target.closest('a'))
+                return false;
+            // Opening the context menu or opening the link in the new tab
+            if (event.ctrlKey || event.metaKey) {
                 return false;
             }
+            const targetFile = buildLinkObject(event.target);
+            if (!targetFile || !targetFile.link)
+                return false;
             const filesFromContent = [
                 ...(event.currentTarget?.querySelectorAll('img,a') ?? []),
             ].reduce((result, element) => {
-                const isImage = element.tagName === 'IMG';
-                const link = isImage
-                    ? element.getAttribute('src')
-                    : element.getAttribute('href');
-                if (link && !customFiles?.some((item) => item.url === link)) {
-                    const extension = link.match(extensionRegex)?.[0] || '';
-                    if (isImage || supportedExtensions.includes(extension)) {
-                        const name = (isImage
-                            ? element.getAttribute('alt')
-                            : element.getAttribute('title')) || '';
+                const linkObj = buildLinkObject(element);
+                if (linkObj?.link && !customFiles?.some((item) => item.url === linkObj.link)) {
+                    const extension = linkObj.mimetype?.match(extensionRegex)?.[0] ||
+                        linkObj.link.match(extensionRegex)?.[0] ||
+                        '';
+                    if (linkObj.type === 'image' || supportedExtensions.includes(extension)) {
+                        const link = linkObj.link;
+                        const name = linkObj.name || '';
                         const filesGalleryItemType = supportedVideoExtensions.includes(extension) ? 'video' : 'image';
                         const galleryItemActions = [];
                         const itemCopyUrl = getItemCopyUrl?.(link, filesGalleryItemType, element);
@@ -70,7 +68,7 @@ export function useFilesGallery(customFiles, { download: getItemDownloladUrl, ov
                 return result;
             }, []);
             const files = [...(customFiles ?? []), ...filesFromContent];
-            const initialItemIndex = files.findIndex((item) => item.url === fileLink);
+            const initialItemIndex = files.findIndex((item) => item.url === targetFile.link);
             if (initialItemIndex !== -1) {
                 event.preventDefault();
                 openGallery(files, initialItemIndex);

package/build/esm/view/hooks/useFilesGallery/useFilesGallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFilesGallery.js","sourceRoot":"../../../../../src","sources":["view/hooks/useFilesGallery/useFilesGallery.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {\n    type GalleryItemAction,\n    getGalleryItemCopyLinkAction,\n    getGalleryItemDownloadAction,\n    getGalleryItemImage,\n    getGalleryItemVideo,\n    useGallery,\n} from '@gravity-ui/components';\nimport {useToaster} from '@gravity-ui/uikit';\n\nimport {i18n} from 'src/i18n/gallery';\n\nimport {extensionRegex, supportedExtensions, supportedVideoExtensions} from './constants';\nimport type {FilesGalleryItemType, GalleryItemPropsWithUrl, UseFilesGalleryOptions} from './types';\n\nexport function useFilesGallery(\n    customFiles?: GalleryItemPropsWithUrl[],\n    {\n        download: getItemDownloladUrl,\n        overrideItemProps,\n        copyUrl: getItemCopyUrl,\n    }: UseFilesGalleryOptions = {},\n) {\n    const {openGallery} = useGallery();\n\n    const toaster = useToaster();\n\n    return {\n        openFilesGallery: React.useCallback(\n            (event: React.MouseEvent<HTMLDivElement>) => {\n                if (!(event.target instanceof HTMLElement)) {\n                    return false;\n                }\n\n                let fileLink = '';\n\n                if (event.target.tagName === 'IMG' && !event.target.closest('a')) {\n                    fileLink = event.target.getAttribute('src') ?? '';\n                } else if (event.target.tagName === 'A') {\n                    fileLink = event.target.getAttribute('href') ?? '';\n                }\n\n                if (!fileLink) {\n                    return false;\n                }\n\n                const filesFromContent = [\n                    ...(event.currentTarget?.querySelectorAll('img,a') ?? []),\n                ].reduce<GalleryItemPropsWithUrl[]>((result, element) => {\n                    const isImage = element.tagName === 'IMG';\n                    const link = isImage\n                        ? element.getAttribute('src')\n                        : element.getAttribute('href');\n\n                    if (link && !customFiles?.some((item) => item.url === link)) {\n                        const extension = link.match(extensionRegex)?.[0] || '';\n\n                        if (isImage || supportedExtensions.includes(extension)) {\n                            const name =\n                                (isImage\n                                    ? element.getAttribute('alt')\n                                    : element.getAttribute('title')) || '';\n\n                            const filesGalleryItemType: FilesGalleryItemType =\n                                supportedVideoExtensions.includes(extension) ? 'video' : 'image';\n                            const galleryItemActions: GalleryItemAction[] = [];\n\n                            const itemCopyUrl = getItemCopyUrl?.(\n                                link,\n                                filesGalleryItemType,\n                                element,\n                            );\n\n                            if (itemCopyUrl) {\n                                const handleLinkCopied = () => {\n                                    toaster.add({\n                                        theme: 'success',\n                                        name: 'g-md-editor-gallery-copy-link',\n                                        title: i18n('link_copied'),\n                                    });\n                                };\n\n                                galleryItemActions.push(\n                                    getGalleryItemCopyLinkAction({\n                                        copyUrl: itemCopyUrl,\n                                        onCopy: handleLinkCopied,\n                                    }),\n                                );\n                            }\n\n                            const downloadUrl = getItemDownloladUrl?.(\n                                link,\n                                filesGalleryItemType,\n                                element,\n                            );\n\n                            if (downloadUrl) {\n                                galleryItemActions.push(\n                                    getGalleryItemDownloadAction({downloadUrl}),\n                                );\n                            }\n\n                            const galleryItemProps = {\n                                ...(filesGalleryItemType === 'video'\n                                    ? getGalleryItemVideo({src: link, name: name})\n                                    : getGalleryItemImage({src: link, name: name})),\n                                url: link,\n                                actions: galleryItemActions,\n                            };\n\n                            result.push({\n                                ...galleryItemProps,\n                                ...overrideItemProps?.(\n                                    link,\n                                    filesGalleryItemType,\n                                    element,\n                                    galleryItemProps,\n                                ),\n                            });\n                        }\n                    }\n\n                    return result;\n                }, []);\n\n                const files = [...(customFiles ?? []), ...filesFromContent];\n\n                const initialItemIndex = files.findIndex((item) => item.url === fileLink);\n\n                if (initialItemIndex !== -1) {\n                    event.preventDefault();\n                    openGallery(files, initialItemIndex);\n                    return true;\n                }\n\n                return false;\n            },\n            [\n                customFiles,\n                getItemCopyUrl,\n                getItemDownloladUrl,\n                overrideItemProps,\n                toaster,\n                openGallery,\n            ],\n        ),\n    };\n}\n"]}
+{"version":3,"file":"useFilesGallery.js","sourceRoot":"../../../../../src","sources":["view/hooks/useFilesGallery/useFilesGallery.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useCallback} from 'react';\n\nimport {\n    type GalleryItemAction,\n    getGalleryItemCopyLinkAction,\n    getGalleryItemDownloadAction,\n    getGalleryItemImage,\n    getGalleryItemVideo,\n    useGallery,\n} from '@gravity-ui/components';\nimport {useToaster} from '@gravity-ui/uikit';\n\nimport {i18n} from 'src/i18n/gallery';\n\nimport {extensionRegex, supportedExtensions, supportedVideoExtensions} from './constants';\nimport {buildLinkObject} from './helpers';\nimport type {FilesGalleryItemType, GalleryItemPropsWithUrl, UseFilesGalleryOptions} from './types';\n\nexport function useFilesGallery(\n    customFiles?: GalleryItemPropsWithUrl[],\n    {\n        download: getItemDownloladUrl,\n        overrideItemProps,\n        copyUrl: getItemCopyUrl,\n    }: UseFilesGalleryOptions = {},\n) {\n    const {openGallery} = useGallery();\n\n    const toaster = useToaster();\n\n    return {\n        openFilesGallery: useCallback(\n            (event: React.MouseEvent<HTMLDivElement>) => {\n                if (!(event.target instanceof HTMLElement)) {\n                    return false;\n                }\n\n                if (event.target.tagName === 'IMG' && event.target.closest('a')) return false;\n\n                // Opening the context menu or opening the link in the new tab\n                if (event.ctrlKey || event.metaKey) {\n                    return false;\n                }\n\n                const targetFile = buildLinkObject(event.target);\n\n                if (!targetFile || !targetFile.link) return false;\n\n                const filesFromContent = [\n                    ...(event.currentTarget?.querySelectorAll('img,a') ?? []),\n                ].reduce<GalleryItemPropsWithUrl[]>((result, element) => {\n                    const linkObj = buildLinkObject(element);\n\n                    if (linkObj?.link && !customFiles?.some((item) => item.url === linkObj.link)) {\n                        const extension =\n                            linkObj.mimetype?.match(extensionRegex)?.[0] ||\n                            linkObj.link.match(extensionRegex)?.[0] ||\n                            '';\n\n                        if (linkObj.type === 'image' || supportedExtensions.includes(extension)) {\n                            const link = linkObj.link;\n                            const name = linkObj.name || '';\n\n                            const filesGalleryItemType: FilesGalleryItemType =\n                                supportedVideoExtensions.includes(extension) ? 'video' : 'image';\n                            const galleryItemActions: GalleryItemAction[] = [];\n\n                            const itemCopyUrl = getItemCopyUrl?.(\n                                link,\n                                filesGalleryItemType,\n                                element,\n                            );\n\n                            if (itemCopyUrl) {\n                                const handleLinkCopied = () => {\n                                    toaster.add({\n                                        theme: 'success',\n                                        name: 'g-md-editor-gallery-copy-link',\n                                        title: i18n('link_copied'),\n                                    });\n                                };\n\n                                galleryItemActions.push(\n                                    getGalleryItemCopyLinkAction({\n                                        copyUrl: itemCopyUrl,\n                                        onCopy: handleLinkCopied,\n                                    }),\n                                );\n                            }\n\n                            const downloadUrl = getItemDownloladUrl?.(\n                                link,\n                                filesGalleryItemType,\n                                element,\n                            );\n\n                            if (downloadUrl) {\n                                galleryItemActions.push(\n                                    getGalleryItemDownloadAction({downloadUrl}),\n                                );\n                            }\n\n                            const galleryItemProps = {\n                                ...(filesGalleryItemType === 'video'\n                                    ? getGalleryItemVideo({src: link, name: name})\n                                    : getGalleryItemImage({src: link, name: name})),\n                                url: link,\n                                actions: galleryItemActions,\n                            };\n\n                            result.push({\n                                ...galleryItemProps,\n                                ...overrideItemProps?.(\n                                    link,\n                                    filesGalleryItemType,\n                                    element,\n                                    galleryItemProps,\n                                ),\n                            });\n                        }\n                    }\n\n                    return result;\n                }, []);\n\n                const files = [...(customFiles ?? []), ...filesFromContent];\n\n                const initialItemIndex = files.findIndex((item) => item.url === targetFile.link);\n\n                if (initialItemIndex !== -1) {\n                    event.preventDefault();\n                    openGallery(files, initialItemIndex);\n                    return true;\n                }\n\n                return false;\n            },\n            [\n                customFiles,\n                getItemCopyUrl,\n                getItemDownloladUrl,\n                overrideItemProps,\n                toaster,\n                openGallery,\n            ],\n        ),\n    };\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "15.27.1",
+  "version": "15.28.1",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {
@@ -14,35 +14,17 @@
     "codemirror",
     "prosemirror"
   ],
-  "scripts": {
-    "start": "npm run storybook:start",
-    "clean": "gulp clean",
-    "build": "gulp",
-    "typecheck": "tsc -p tsconfig.json --noEmit",
-    "storybook:start": "storybook dev -p 8888 -c .storybook",
-    "storybook:build": "storybook build -c .storybook -o storybook-static",
-    "lint": "run-p -cs lint:*",
-    "lint:js": "eslint \"{src,demo}/**/*.{js,jsx,ts,tsx}\"",
-    "lint:styles": "stylelint \"{src,demo}/**/*.{css,scss}\"",
-    "lint:prettier": "prettier --check \"{src,demo}/**/*.{js,jsx,ts,tsx,css,scss}\"",
-    "check-circular-deps": "node scripts/check-circular-deps.js 49",
-    "test": "jest",
-    "test:cov": "jest --coverage",
-    "test:watch": "jest --watchAll",
-    "test:esbuild": "node tests/esbuild-test/esbuild-tester.js",
-    "prepublishOnly": "npm run lint && npm run build",
-    "playwright:install": "playwright install chromium webkit --with-deps",
-    "playwright": "playwright test --config=tests/playwright/playwright.config.ts",
-    "playwright:generate": "node scripts/generate-playwright-test.js",
-    "playwright:watch": "npm run playwright -- --ui",
-    "playwright:headed": "playwright test --config=tests/playwright/playwright.config.ts --headed",
-    "playwright:update": "npm run playwright -- -u",
-    "playwright:clear": "rm -rf ./tests/playwright/.cache",
-    "playwright:report": "npx playwright show-report playwright-report",
-    "playwright:docker": "./scripts/playwright-docker.sh 'npm run playwright'",
-    "playwright:docker:update": "./scripts/playwright-docker.sh 'npm run playwright:update'",
-    "playwright:docker:clear": "./scripts/playwright-docker.sh clear",
-    "playwright:docker:report": "npx playwright show-report playwright-report-docker"
+  "devEngines": {
+    "runtime": {
+      "name": "node",
+      "version": "24",
+      "onFail": "warn"
+    },
+    "packageManager": {
+      "name": "pnpm",
+      "version": "10.17.1",
+      "onFail": "warn"
+    }
   },
   "exports": {
     ".": {
@@ -185,6 +167,7 @@
     "@codemirror/view": "^6.36.2",
     "@diplodoc/color-extension": "0.1.1",
     "@diplodoc/utils": "^2.1.0",
+    "@floating-ui/react": "^0.27.16",
     "@gravity-ui/i18n": "^1.7.0",
     "@gravity-ui/icons": "^2.12.0",
     "@lezer/highlight": "^1.2.1",
@@ -199,6 +182,7 @@
     "markdown-it-ins": "^3.0.1",
     "markdown-it-mark": "^3.0.1",
     "markdown-it-sub": "^1.0.0",
+    "orderedmap": "^2.1.1",
     "prosemirror-autocomplete": "^0.4.3",
     "prosemirror-codemark": "^0.4.2",
     "prosemirror-commands": "^1.6.2",
@@ -222,6 +206,11 @@
     "uuid": "11.0.5"
   },
   "devDependencies": {
+    "@babel/preset-env": "7.28.5",
+    "@babel/preset-react": "7.28.5",
+    "@babel/preset-typescript": "7.28.5",
+    "@commitlint/cli": "20.2.0",
+    "@commitlint/config-conventional": "20.2.0",
     "@diplodoc/cut-extension": "^1.1.0",
     "@diplodoc/folding-headings-extension": "^0.1.2",
     "@diplodoc/html-extension": "^2.9.1",
@@ -232,23 +221,20 @@
     "@diplodoc/themes": "^1.0.0",
     "@diplodoc/transform": "^4.65.0",
     "@gravity-ui/components": "4.10.0",
-    "@gravity-ui/eslint-config": "3.3.0",
+    "@gravity-ui/eslint-config": "4.2.0",
     "@gravity-ui/gulp-utils": "1.0.3",
     "@gravity-ui/prettier-config": "1.1.0",
-    "@gravity-ui/stylelint-config": "4.0.1",
+    "@gravity-ui/stylelint-config": "5.0.0",
     "@gravity-ui/tsconfig": "1.0.0",
     "@gravity-ui/uikit": "^7.13.1",
     "@playwright/experimental-ct-react": "1.49.0",
     "@playwright/test": "1.49.0",
-    "@storybook/addon-docs": "8.4.1",
-    "@storybook/addon-essentials": "^8.4.1",
-    "@storybook/addon-webpack5-compiler-babel": "3.0.3",
-    "@storybook/blocks": "8.4.1",
-    "@storybook/cli": "^8.4.1",
+    "@storybook/addon-docs": "10.1.10",
+    "@storybook/addon-webpack5-compiler-babel": "4.0.0",
+    "@storybook/cli": "10.1.10",
     "@storybook/preset-scss": "1.0.3",
-    "@storybook/react": "8.4.1",
-    "@storybook/react-webpack5": "^8.4.1",
-    "@storybook/theming": "^8.4.1",
+    "@storybook/react": "10.1.10",
+    "@storybook/react-webpack5": "10.1.10",
     "@types/gulp": "4.0.9",
     "@types/gulp-sass": "5.0.0",
     "@types/jest": "^29.5.14",
@@ -262,9 +248,11 @@
     "@types/sanitize-html": "2.11.0",
     "bem-cn-lite": "4.1.0",
     "dpdm": "3.14.0",
+    "esbuild": "0.21.5",
     "esbuild-sass-plugin": "2.15.0",
-    "eslint": "8.57.1",
-    "eslint-plugin-lodash": "7.4.0",
+    "eslint": "9.39.2",
+    "eslint-plugin-lodash": "8.0.0",
+    "eslint-plugin-react": "7.37.5",
     "gulp": "5.0.0",
     "gulp-cli": "3.0.0",
     "gulp-concat": "2.6.1",
@@ -279,19 +267,24 @@
     "jsdom": "25.0.1",
     "lowlight": "3.0.0",
     "markdown-it-testgen": "^0.1.6",
-    "mermaid": "11.4.1",
+    "mermaid": "11.10.0",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.27",
-    "prettier": "3.1.1",
+    "path-browserify": "1.0.1",
+    "postcss": "8.5.6",
+    "prettier": "3.7.4",
+    "process": "0.11.10",
     "prosemirror-dev-toolkit": "1.1.8",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "rimraf": "3.0.2",
     "sass": "^1.84.0",
     "sass-loader": "^13.3.2",
-    "stylelint": "15.11.0",
+    "storybook": "10.1.10",
+    "stylelint": "16.26.1",
     "ts-jest": "^29.2.5",
-    "typescript": "^5.7.3"
+    "typescript": "^5.9.3",
+    "url": "0.11.4",
+    "webpack": "^5.97.1"
   },
   "peerDependenciesMeta": {
     "@diplodoc/folding-headings-extension": {
@@ -353,5 +346,36 @@
     "src/shortcuts/default.ts",
     "build/**/shortcuts/index.js",
     "build/**/shortcuts/default.js"
-  ]
-}
+  ],
+  "scripts": {
+    "deps:global": "npm install -g pnpm@10.17.1",
+    "deps:ci": "pnpm i --frozen-lockfile",
+    "start": "pnpm run sb:start",
+    "clean": "gulp clean",
+    "build": "gulp",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "sb:start": "storybook dev -p 8888 -c .storybook",
+    "sb:build": "storybook build -c .storybook -o storybook-static",
+    "lint": "run-p -cs lint:*",
+    "lint:js": "eslint \"{src,demo}/**/*.{js,jsx,ts,tsx}\"",
+    "lint:styles": "stylelint \"{src,demo}/**/*.{css,scss}\"",
+    "lint:prettier": "prettier --check \"{src,demo}/**/*.{js,jsx,ts,tsx,css,scss}\"",
+    "check-circular-deps": "node scripts/check-circular-deps.js 49",
+    "test": "jest",
+    "test:cov": "jest --coverage",
+    "test:watch": "jest --watchAll",
+    "test:esbuild": "node tests/esbuild-test/esbuild-tester.js",
+    "playwright:install": "playwright install chromium webkit --with-deps",
+    "playwright": "playwright test --config=tests/playwright/playwright.config.ts",
+    "playwright:generate": "node scripts/generate-playwright-test.js",
+    "playwright:watch": "pnpm run playwright --ui",
+    "playwright:headed": "playwright test --config=tests/playwright/playwright.config.ts --headed",
+    "playwright:update": "pnpm run playwright -u",
+    "playwright:clear": "rm -rf ./tests/playwright/.cache",
+    "playwright:report": "playwright show-report playwright-report",
+    "playwright:docker": "./scripts/playwright-docker.sh test",
+    "playwright:docker:update": "./scripts/playwright-docker.sh update",
+    "playwright:docker:clear": "./scripts/playwright-docker.sh clear",
+    "playwright:docker:report": "playwright show-report playwright-report-docker"
+  }
+}