@gravity-ui/markdown-editor 15.27.2 → 15.29.0

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":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AAElC,OAAO,EAEH,4BAA4B,EAC5B,4BAA4B,EAC5B,mBAAmB,EACnB,mBAAmB,EACnB,UAAU,GACb,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,IAAI,EAAC,uCAAyB;AAEtC,OAAO,EAAC,cAAc,EAAE,mBAAmB,EAAE,wBAAwB,EAAC,uBAAoB;AAC1F,OAAO,EAAC,eAAe,EAAC,qBAAkB;AAG1C,MAAM,UAAU,eAAe,CAC3B,WAAuC,EACvC,EACI,QAAQ,EAAE,mBAAmB,EAC7B,iBAAiB,EACjB,OAAO,EAAE,cAAc,MACC,EAAE;IAE9B,MAAM,EAAC,WAAW,EAAC,GAAG,UAAU,EAAE,CAAC;IAEnC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,OAAO;QACH,gBAAgB,EAAE,WAAW,CACzB,CAAC,KAAuC,EAAE,EAAE;YACxC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,YAAY,WAAW,CAAC,EAAE,CAAC;gBACzC,OAAO,KAAK,CAAC;YACjB,CAAC;YAED,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,KAAK,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;gBAAE,OAAO,KAAK,CAAC;YAE9E,8DAA8D;YAC9D,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBACjC,OAAO,KAAK,CAAC;YACjB,CAAC;YAED,MAAM,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAEjD,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,IAAI;gBAAE,OAAO,KAAK,CAAC;YAElD,MAAM,gBAAgB,GAAG;gBACrB,GAAG,CAAC,KAAK,CAAC,aAAa,EAAE,gBAAgB,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;aAC5D,CAAC,MAAM,CAA4B,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE;gBACpD,MAAM,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;gBAEzC,IAAI,OAAO,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC3E,MAAM,SAAS,GACX,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC;wBAC5C,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC;wBACvC,EAAE,CAAC;oBAEP,IAAI,OAAO,CAAC,IAAI,KAAK,OAAO,IAAI,mBAAmB,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;wBACtE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;wBAC1B,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;wBAEhC,MAAM,oBAAoB,GACtB,wBAAwB,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;wBACrE,MAAM,kBAAkB,GAAwB,EAAE,CAAC;wBAEnD,MAAM,WAAW,GAAG,cAAc,EAAE,CAChC,IAAI,EACJ,oBAAoB,EACpB,OAAO,CACV,CAAC;wBAEF,IAAI,WAAW,EAAE,CAAC;4BACd,MAAM,gBAAgB,GAAG,GAAG,EAAE;gCAC1B,OAAO,CAAC,GAAG,CAAC;oCACR,KAAK,EAAE,SAAS;oCAChB,IAAI,EAAE,+BAA+B;oCACrC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC;iCAC7B,CAAC,CAAC;4BACP,CAAC,CAAC;4BAEF,kBAAkB,CAAC,IAAI,CACnB,4BAA4B,CAAC;gCACzB,OAAO,EAAE,WAAW;gCACpB,MAAM,EAAE,gBAAgB;6BAC3B,CAAC,CACL,CAAC;wBACN,CAAC;wBAED,MAAM,WAAW,GAAG,mBAAmB,EAAE,CACrC,IAAI,EACJ,oBAAoB,EACpB,OAAO,CACV,CAAC;wBAEF,IAAI,WAAW,EAAE,CAAC;4BACd,kBAAkB,CAAC,IAAI,CACnB,4BAA4B,CAAC,EAAC,WAAW,EAAC,CAAC,CAC9C,CAAC;wBACN,CAAC;wBAED,MAAM,gBAAgB,GAAG;4BACrB,GAAG,CAAC,oBAAoB,KAAK,OAAO;gCAChC,CAAC,CAAC,mBAAmB,CAAC,EAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC;gCAC9C,CAAC,CAAC,mBAAmB,CAAC,EAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;4BACnD,GAAG,EAAE,IAAI;4BACT,OAAO,EAAE,kBAAkB;yBAC9B,CAAC;wBAEF,MAAM,CAAC,IAAI,CAAC;4BACR,GAAG,gBAAgB;4BACnB,GAAG,iBAAiB,EAAE,CAClB,IAAI,EACJ,oBAAoB,EACpB,OAAO,EACP,gBAAgB,CACnB;yBACJ,CAAC,CAAC;oBACP,CAAC;gBACL,CAAC;gBAED,OAAO,MAAM,CAAC;YAClB,CAAC,EAAE,EAAE,CAAC,CAAC;YAEP,MAAM,KAAK,GAAG,CAAC,GAAG,CAAC,WAAW,IAAI,EAAE,CAAC,EAAE,GAAG,gBAAgB,CAAC,CAAC;YAE5D,MAAM,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,UAAU,CAAC,IAAI,CAAC,CAAC;YAEjF,IAAI,gBAAgB,KAAK,CAAC,CAAC,EAAE,CAAC;gBAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,WAAW,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;gBACrC,OAAO,IAAI,CAAC;YAChB,CAAC;YAED,OAAO,KAAK,CAAC;QACjB,CAAC,EACD;YACI,WAAW;YACX,cAAc;YACd,mBAAmB;YACnB,iBAAiB;YACjB,OAAO;YACP,WAAW;SACd,CACJ;KACJ,CAAC;AACN,CAAC","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/build/styles.css

@@ -990,9 +990,6 @@
   display: flex;
   flex-wrap: nowrap;
 }
-.g-md-editor-settings__mode-button {
-  margin-right: 1px;
-}
 .g-md-editor-settings__preview-button {
   margin: 0 2px;
 }
@@ -1005,6 +1002,10 @@
 .g-md-settings-content {
   width: 300px;
 }
+.g-md-settings-content__mode {
+  border-start-start-radius: inherit;
+  border-start-end-radius: inherit;
+}
 .g-md-settings-content__mode-help {
   position: relative;
   top: 8px;
@@ -1013,13 +1014,8 @@
 .g-md-settings-content__separator {
   border-bottom: 1px solid var(--g-color-line-generic);
 }
-.g-md-settings-content__toolbar, .g-md-settings-content__split-mode {
-  padding: 8px 16px 12px;
-}
-.g-md-settings-content__toolbar-hint {
-  margin-top: 3px;
-  padding-left: 19px;
-  color: var(--g-color-text-secondary);
+.g-md-settings-content__check-box .g-control-label__text {
+  margin-left: calc(var(--g-spacing-2) + var(--g-spacing-half));
 }
 .g-md-settings-content__version {
   position: absolute;
@@ -1027,10 +1023,6 @@
   left: 50%;
   opacity: 0.03;
   transform: translateX(-50%);
-  font-family: var(--g-text-code-font-family);
-  font-weight: var(--g-text-code-font-weight);
-  font-size: var(--g-text-code-inline-1-font-size);
-  line-height: var(--g-text-code-inline-1-line-height);
 }
 .g-md-editor-sticky {
   display: grid;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "15.27.2",
+  "version": "15.29.0",
   "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"
+  }
+}