chore(*): upgrade mermaid@10.2.4 (#520)

* chore(*): upgrade mermaid@10.2.4

Close #510

* chore(*): upgrade rollup and outdated plugins

* feat(*): drop node 12 support

BREAKING CHANGE: @tencent/cherry-markdown no longer supports node < 14

* chore(*): track dist files with lfs

* chore(*): fix styles output path & update docs

.gitattributes

@@ -1,9 +1,7 @@
 # Set the default behavior, in case people don't have core.autocrlf set.
 * text=auto
-
 # Declare files that will always have LF line endings on checkout.
 * text eol=lf
-
 # Denote all files that are truly binary and should not be modified.
 *.png binary
 *.jpg binary
@@ -13,4 +11,6 @@
 *.ttf binary
 *.woff binary
 *.woff2 binary
-*.ico binary
+*.ico binary
+
+dist/** filter=lfs diff=lfs merge=lfs -text

.github/workflows/build.yml

@@ -15,7 +15,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [12.x, 14.x, 16.x]
+        node-version: [14.x, 16.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:

.husky/post-checkout

@@ -0,0 +1,3 @@
+#!/bin/sh
+command -v git-lfs >/dev/null 2>&1 || { echo >&2 "\nThis repository is configured for Git LFS but 'git-lfs' was not found on your path. If you no longer wish to use Git LFS, remove this hook by deleting '.git/hooks/post-checkout'.\n"; exit 2; }
+git lfs post-checkout "$@"

.husky/post-commit

@@ -0,0 +1,3 @@
+#!/bin/sh
+command -v git-lfs >/dev/null 2>&1 || { echo >&2 "\nThis repository is configured for Git LFS but 'git-lfs' was not found on your path. If you no longer wish to use Git LFS, remove this hook by deleting '.git/hooks/post-commit'.\n"; exit 2; }
+git lfs post-commit "$@"

.husky/post-merge

@@ -0,0 +1,3 @@
+#!/bin/sh
+command -v git-lfs >/dev/null 2>&1 || { echo >&2 "\nThis repository is configured for Git LFS but 'git-lfs' was not found on your path. If you no longer wish to use Git LFS, remove this hook by deleting '.git/hooks/post-merge'.\n"; exit 2; }
+git lfs post-merge "$@"

.husky/pre-push

@@ -0,0 +1,3 @@
+#!/bin/sh
+command -v git-lfs >/dev/null 2>&1 || { echo >&2 "\nThis repository is configured for Git LFS but 'git-lfs' was not found on your path. If you no longer wish to use Git LFS, remove this hook by deleting '.git/hooks/pre-push'.\n"; exit 2; }
+git lfs pre-push "$@"

.nvmrc

@@ -0,0 +1 @@
+v14.20.1

README.CN.md

@@ -88,11 +88,11 @@ npm install cherry-markdown --save
 
 如果需要开启 `mermaid` 画图、表格自动转图表功能，需要同时添加`mermaid` 与`echarts`包。
 
-目前**Cherry**推荐的插件版本为`echarts@4.6.0`、`mermaid@8.11.1`
+目前**Cherry**推荐的插件版本为`echarts@4.6.0`、`mermaid@9.4.3`
 
 ```bash
 # 安装mermaid依赖开启mermaid画图功能
-yarn add mermaid@8.11.1
+yarn add mermaid@9.4.3
 # 安装echarts依赖开启表格自动转图表功能
 yarn add echarts@4.6.0
 ```

README.md

@@ -90,11 +90,11 @@ npm install cherry-markdown --save
 
 If you need to enable the functions of `mermaid` drawing and table-to-chart, you need to add `mermaid` and `echarts` packages at the same time.
 
-Currently, the plug-in version **Cherry** recommend is `echarts@4.6.0` `mermaid@8.11.1`.
+Currently, the plug-in version **Cherry** recommend is `echarts@4.6.0` `mermaid@9.4.3`.
 
 ```bash
 # Install mermaid, enable mermaid and drawing function
-yarn add mermaid@8.11.1
+yarn add mermaid@9.4.3
 # Install echarts, turn on the table-to-chart function
 yarn add echarts@4.6.0
 ```

build/addons.build.js

@@ -1,6 +1,5 @@
 const babel = require('@rollup/plugin-babel').default;
-// node-resolve升级会导致出现新问题
-const resolve = require('rollup-plugin-node-resolve');
+const resolve = require('@rollup/plugin-node-resolve');
 const commonjs = require('@rollup/plugin-commonjs');
 const eslint = require('@rollup/plugin-eslint');
 const alias = require('@rollup/plugin-alias');
@@ -28,7 +27,7 @@ glob(
 );
 
 const rollup = require('rollup');
-const { terser } = require('rollup-plugin-terser');
+const terser = require('@rollup/plugin-terser').default;
 
 /**
  *
@@ -66,7 +65,6 @@ function buildAddons(entries) {
           ],
         }),
         resolve({
-          ignoreGlobal: false,
           browser: true,
         }),
         typescript({

build/build.js

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { terser } from 'rollup-plugin-terser';
+import terser from '@rollup/plugin-terser';
 import baseConfig from './rollup.base.config';
 
 const terserPlugin = (options = {}) =>

build/rollup.base.config.js

@@ -15,8 +15,7 @@
  */
 import path from 'path';
 import babel from '@rollup/plugin-babel';
-// node-resolve升级会导致出现新问题
-import resolve from 'rollup-plugin-node-resolve';
+import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 import scss from 'rollup-plugin-scss';
 import eslint from '@rollup/plugin-eslint';
@@ -52,6 +51,8 @@ export default {
     globals: {
       jsdom: 'jsdom',
     },
+    // disable code splitting
+    manualChunks: () => 'cherry',
   },
   plugins: [
     eslint({
@@ -61,13 +62,14 @@ export default {
     envReplacePlugin(),
     alias(aliasPluginOptions),
     resolve({
-      ignoreGlobal: false,
+      // ignoreGlobal: false,
       browser: true,
     }),
     commonjs({
       // non-CommonJS modules will be ignored, but you can also
       // specifically include/exclude files
       include: [/node_modules/, /src[\\/]libs/], // Default: undefined
+      exclude: [/node_modules[\\/](lodash-es|d3-.*[\\/]src|d3[\\/]src|dagre-d3-es)/],
       // exclude: [/src\/(?!libs)/],
       // exclude: [ 'node_modules/foo/**', 'node_modules/bar/**' ],  // Default: undefined
       // these values can also be regular expressions
@@ -95,7 +97,7 @@ export default {
     }),
     scss({
       // Filename to write all styles to
-      output: IS_PRODUCTION ? 'dist/cherry-markdown.min.css' : 'dist/cherry-markdown.css',
+      fileName: IS_PRODUCTION ? 'cherry-markdown.min.css' : 'cherry-markdown.css',
 
       // Determine if node process should be terminated on error (default: false)
       failOnError: true,
@@ -106,7 +108,7 @@ export default {
     }),
     babel({
       babelHelpers: 'runtime',
-      exclude: [/node_modules[\\/](?!codemirror[\\/]src[\\/]|parse5)/],
+      exclude: [/node_modules[\\/](?!codemirror[\\/]src[\\/]|parse5|lodash-es|d3-.*[\\/]src|d3[\\/]src|dagre-d3-es)/],
     }),
     // TODO: 重构抽出为独立的插件
     {
@@ -138,16 +140,15 @@ export default {
     },
   ],
   onwarn(warning, warn) {
-    // 忽略 mermaid 的 eval
-    if (warning.code === 'EVAL' && warning.id.indexOf('mermaid') !== -1) {
-      return;
-    }
     // 忽略 juice 的 circular dependency
-    if (warning.code === 'CIRCULAR_DEPENDENCY' && warning.importer.includes('node_modules/juice')) {
+    if (
+      warning.code === 'CIRCULAR_DEPENDENCY' &&
+      (warning.importer.includes('node_modules/juice') || warning.importer.includes('node_modules/d3-'))
+    ) {
       return;
     }
     warn(warning);
   },
-  external: [/@babel[\\/]runtime/, 'jsdom'],
+  external: ['jsdom'],
   // external: ['echarts']
 };

build/rollup.core.config.js

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { terser } from 'rollup-plugin-terser';
+import terser from '@rollup/plugin-terser';
 import baseConfig from './rollup.base.config';
 
 const terserPlugin = (options = {}) =>
@@ -40,6 +40,7 @@ const options = {
     sourcemap: false,
     compact: true,
     plugins: [terserPlugin()],
+    manualChunks: () => 'main',
   },
 };
 

build/rollup.engine.config.js

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { terser } from 'rollup-plugin-terser';
+import terser from '@rollup/plugin-terser';
 import baseConfig from './rollup.base.config';
 
 // TODO: 新增完整版引擎构建, 目前引擎构建仅支持核心构建