@gravity-ui/markdown-editor 15.34.4 → 15.35.0

package/build/styles.css

@@ -279,7 +279,7 @@
 
 .yfm {
   --yfm-hr-height: 4px;
-  --yfm-hr-margin: 24px;
+  --yfm-hr-margin: 24px 0;
 }
 
 .g-root .yfm:not(.yfm_only-light) {
@@ -609,6 +609,11 @@
 .yfm li > p:last-child {
   margin-block: var(--yfm-list-text-only-margin-block, 0);
 }
+
+.yfm {
+  --yfm-hr-height: 4px;
+  --yfm-hr-margin: 24px 0;
+}
 .g-root {
   --yfm-color-text-gray: var(--g-color-text-secondary);
   --yfm-color-text-yellow: var(--g-color-private-yellow-600-solid);
@@ -634,7 +639,7 @@
 }
 .yfm {
   --yfm-hr-height: 4px;
-  --yfm-hr-margin: 24px;
+  --yfm-hr-margin: 24px 0;
 }
 .yfm {
   --yfm-color-base: var(--g-color-base-background);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "15.34.4",
+  "version": "15.35.0",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {
@@ -14,18 +14,6 @@
     "codemirror",
     "prosemirror"
   ],
-  "devEngines": {
-    "runtime": {
-      "name": "node",
-      "version": "24",
-      "onFail": "warn"
-    },
-    "packageManager": {
-      "name": "pnpm",
-      "version": "10.17.1",
-      "onFail": "warn"
-    }
-  },
   "exports": {
     ".": {
       "import": {
@@ -173,7 +161,7 @@
     "@lezer/highlight": "^1.2.1",
     "@lezer/markdown": "^1.4.0",
     "@types/is-number": "^7.0.1",
-    "@types/markdown-it": "^12.2.3",
+    "@types/markdown-it": "^13.0.0",
     "base64-arraybuffer": "1.0.2",
     "is-number": "^7.0.0",
     "lodash": "^4.17.21",
@@ -206,35 +194,19 @@
     "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/file-extension": "^0.2.1",
     "@diplodoc/folding-headings-extension": "^0.1.2",
     "@diplodoc/html-extension": "^2.9.1",
     "@diplodoc/latex-extension": "^1.4.1",
-    "@diplodoc/mermaid-extension": "^1.4.0",
+    "@diplodoc/mermaid-extension": "^2.0.0",
     "@diplodoc/quote-link-extension": "0.1.3",
     "@diplodoc/tabs-extension": "^3.7.5",
     "@diplodoc/themes": "^1.0.0",
-    "@diplodoc/transform": "4.66.0",
+    "@diplodoc/transform": "4.69.0",
     "@gravity-ui/components": "4.10.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": "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": "10.1.10",
-    "@storybook/addon-webpack5-compiler-babel": "4.0.0",
-    "@storybook/cli": "10.1.10",
-    "@storybook/preset-scss": "1.0.3",
-    "@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",
@@ -248,43 +220,37 @@
     "@types/sanitize-html": "2.11.0",
     "bem-cn-lite": "4.1.0",
     "dpdm": "3.14.0",
-    "esbuild": "0.25.0",
+    "esbuild": "0.21.5",
     "esbuild-sass-plugin": "2.15.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",
     "gulp-replace": "1.1.3",
     "gulp-sass": "6.0.0",
     "gulp-sourcemaps": "3.0.0",
+    "highlight.js": "^11.8.0",
     "identity-obj-proxy": "^3.0.0",
     "ist": "1.1.7",
     "jest": "^29.7.0",
     "jest-css-modules": "^2.1.0",
     "jest-environment-jsdom": "^29.7.0",
     "jsdom": "25.0.1",
+    "katex": "^0.16.9",
     "lowlight": "3.0.0",
+    "markdown-it": "^13.0.0",
     "markdown-it-testgen": "^0.1.6",
-    "mermaid": "11.10.0",
+    "mermaid": "11.13.0",
     "npm-run-all": "^4.1.5",
-    "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",
-    "storybook": "10.1.10",
-    "stylelint": "16.26.1",
     "ts-jest": "^29.2.5",
     "typescript": "^5.9.3",
-    "url": "0.11.4",
-    "webpack": "^5.97.1"
+    "@markdown-editor/tsconfig": "0.0.0"
   },
   "peerDependenciesMeta": {
     "@diplodoc/folding-headings-extension": {
@@ -315,7 +281,7 @@
     "@diplodoc/folding-headings-extension": "^0.1.0",
     "@diplodoc/html-extension": "^2.3.2",
     "@diplodoc/latex-extension": "^1.0.3",
-    "@diplodoc/mermaid-extension": "^1.0.0",
+    "@diplodoc/mermaid-extension": "^1.0.0 || ^2.0.0",
     "@diplodoc/quote-link-extension": "^0.1.3",
     "@diplodoc/tabs-extension": "^3.5.1",
     "@diplodoc/transform": "^4.43.0",
@@ -328,17 +294,6 @@
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
-  "lint-staged": {
-    "*.{css,scss}": [
-      "stylelint --fix",
-      "prettier --write"
-    ],
-    "*.{js,jsx,ts,tsx}": [
-      "eslint --cache --fix --quiet",
-      "prettier --write"
-    ],
-    "*.{md,json,yaml,yml}": "prettier --write"
-  },
   "sideEffects": [
     "*.css",
     "*.scss",
@@ -348,34 +303,17 @@
     "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",
+    "build": "gulp build",
     "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",
+    "lint:js": "eslint './**/*.{js,jsx,mjs,ts,tsx}'",
+    "lint:styles": "stylelint './**/*.{css,scss}'",
+    "lint:prettier": "prettier --check './**/*.{js,jsx,mjs,ts,tsx,css,scss}'",
     "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"
+    "test:circular-deps": "node scripts/check-circular-deps.js 48"
   }
 }

package/README.md

@@ -1,89 +0,0 @@
-![Markdown Editor](https://github.com/user-attachments/assets/0b4e5f65-54cf-475f-9c68-557a4e9edb46)
-
-# @gravity-ui/markdown-editor · [![npm package](https://img.shields.io/npm/v/@gravity-ui/markdown-editor)](https://www.npmjs.com/package/@gravity-ui/markdown-editor) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/markdown-editor/ci.yml?branch=main&label=CI)](https://github.com/gravity-ui/markdown-editor/actions/workflows/ci.yml?query=branch:main) [![Release](https://img.shields.io/github/actions/workflow/status/gravity-ui/markdown-editor/release.yml?branch=main&label=Release)](https://github.com/gravity-ui/markdown-editor/actions/workflows/release.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/md-editor/)
-
-## Markdown wysiwyg and markup editor
-
-MarkdownEditor is a powerful tool for working with Markdown, which combines WYSIWYG and Markup modes. This means that you can create and edit content in a convenient visual mode, as well as have full control over the markup.
-
-### 🔧 Main features
-
-- Support for the basic Markdown and [YFM](https://ydocs.tech) syntax.
-- Extensibility through the use of ProseMirror and CodeMirror engines.
-- The ability to work in WYSIWYG and Markup modes for maximum flexibility.
-
-## Install
-
-```shell
-npm install @gravity-ui/markdown-editor
-```
-
-### Required dependencies
-
-Please note that to start using the package, your project must also have the following installed: `@diplodoc/transform`, `react`, `react-dom`, `@gravity-ui/uikit`, `@gravity-ui/components` and some others. Check out the `peerDependencies` section of `package.json` for accurate information.
-
-## Getting started
-
-The markdown editor is supplied as a React hook to create an instance of editor and a component for rendering the view.\
-To set up styling and theme see [UIKit docs](https://github.com/gravity-ui/uikit?tab=readme-ov-file#styles).
-
-```tsx
-import React from 'react';
-import {useMarkdownEditor, MarkdownEditorView} from '@gravity-ui/markdown-editor';
-
-function Editor({onSubmit}) {
-  const editor = useMarkdownEditor({allowHTML: false});
-
-  React.useEffect(() => {
-    function submitHandler() {
-      // Serialize current content to markdown markup
-      const value = editor.getValue();
-      onSubmit(value);
-    }
-
-    editor.on('submit', submitHandler);
-    return () => {
-      editor.off('submit', submitHandler);
-    };
-  }, [onSubmit]);
-
-  return <MarkdownEditorView stickyToolbar autofocus editor={editor} />;
-}
-```
-Read more:
-- [How to connect the editor in the Create React App](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-getting-started-create-react-app--docs)
-- [How to add preview for markup mode](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-getting-started-preview--docs)
-- [How to add HTML extension](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-extensions-html-block--docs)
-- [How to add Latex extension](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-extensions-latex-extension--docs)
-- [How to add Mermaid extension](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-extensions-mermaid-extension--docs)
-- [How to write extension](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-develop-extension-creation--docs)
-- [How to add GPT extension](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-extensions-gpt--docs)
-- [How to add text binding extension in markdown](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-develop-extension-with-popup--docs)
-
-### Development
-
-1. Install Nodejs environment, version is specified in `.nvmrc` file. We recommend using [NVM](https://github.com/nvm-sh/nvm) or a similar tool.
-2. Install [pnpm](https://pnpm.io/installation), version is specified in `package.json` in "packageManager" property.
-  
-   You can use [Corepack](https://nodejs.org/api/corepack.html), or just install via npm: run `npm deps:global --force`.
-3. Install dependencies: `pnpm i`
-4. Run storybook dev-server: `pnpm start`
-
-
-### i18n
-
-To set up internationalization, you just need to use the `configure`:
-
-```typescript
-import {configure} from '@gravity-ui/markdown-editor';
-
-configure({
-  lang: 'ru',
-});
-```
-
-Don't forget to call `configure()` from [UIKit](https://github.com/gravity-ui/uikit?tab=readme-ov-file#i18n) and other UI libraries.
-
-### Contributing
-
-- [Contributor Guidelines](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-contributing--docs)