refactor(XMarkdown): move mermaid & highlight to standalone components, drop x-markdown dependency

package.json

@@ -38,9 +38,9 @@
     "circular-dependency-plugin": "^5.2.2",
     "dekko": "^0.2.1",
     "father": "^4.6.0",
+    "gh-pages": "^6.3.0",
     "husky": "^9.1.6",
     "lint-staged": "^16.1.5",
-    "gh-pages": "^6.3.0",
     "marked-emoji": "^2.0.1",
     "prettier": "^3.3.3",
     "react-markdown": "^10.1.0",
@@ -49,27 +49,19 @@
   "size-limit": [
     {
       "path": "./packages/x/dist/antdx.min.js",
-      "limit": "350 KiB"
+      "limit": "500 KiB"
     },
     {
       "path": "./packages/x-sdk/dist/x-sdk.min.js",
       "limit": "350 KiB"
     },
     {
       "path": "./packages/x-markdown/dist/x-markdown.min.js",
-      "limit": "350 KiB"
-    },
-    {
-      "path": "./packages/x-markdown/dist/plugins/code-high-light.min.js",
-      "limit": "700 KiB"
+      "limit": "150 KiB"
     },
     {
       "path": "./packages/x-markdown/dist/plugins/latex.min.js",
-      "limit": "700 KiB"
-    },
-    {
-      "path": "./packages/x-markdown/dist/plugins/mermaid.min.js",
-      "limit": "900 KiB"
+      "limit": "300 KiB"
     }
   ],
   "description": "Craft AI-driven interfaces effortlessly",
@@ -89,4 +81,4 @@
     "@emotion/hash": "^0.9.2",
     "react-is": "^18.3.1"
   }
-}
+}

packages/x-markdown/.fatherrc.ts

@@ -46,15 +46,6 @@ export default defineConfig({
           filename: 'x-markdown',
         },
       },
-      'src/plugins/HighlightCode/index.tsx': {
-        name: 'HighlightCode',
-        sourcemap: true,
-        generateUnminified: true,
-        output: {
-          path: 'dist/plugins',
-          filename: 'code-high-light',
-        },
-      },
       'src/plugins/Latex/index.ts': {
         name: 'Latex',
         sourcemap: true,
@@ -64,15 +55,6 @@ export default defineConfig({
           filename: 'latex',
         },
       },
-      'src/plugins/Mermaid/index.tsx': {
-        name: 'Mermaid',
-        sourcemap: true,
-        generateUnminified: true,
-        output: {
-          path: 'dist/plugins',
-          filename: 'mermaid',
-        },
-      },
     },
     bundler: 'webpack',
     // bundler: 'utoopack',
@@ -89,17 +71,7 @@ export default defineConfig({
         commonjs: 'react-dom',
         commonjs2: 'react-dom',
       },
-      '@ant-design/cssinjs': {
-        root: 'antdCssinjs',
-        commonjs: 'antdCssinjs',
-        commonjs2: 'antdCssinjs',
-      },
     },
-    // externals: {
-    //   react: 'React',
-    //   'react-dom': 'ReactDOM',
-    //   '@ant-design/cssinjs': 'antdCssinjs',
-    // },
     transformRuntime: {
       absoluteRuntime: process.cwd(),
     },
@@ -116,26 +88,12 @@ export default defineConfig({
         memo.plugin('circular-dependency-checker').use(CircularDependencyPlugin, [
           {
             failOnError: true,
-            exclude: /node_modules[\\/](chevrotain|d3-.*|langium)/,
           },
         ]);
         memo.plugin('duplicate-package-checker').use(DuplicatePackageCheckerPlugin, [
           {
             verbose: true,
             emitError: true,
-            exclude: (instance: any) => {
-              // 排除特定包
-              if (
-                instance.name === 'cose-base' ||
-                instance.name === 'layout-base' ||
-                instance.name.startsWith('d3-') ||
-                instance.name === 'internmap'
-              ) {
-                return true;
-              }
-
-              return false;
-            },
           },
         ]);
       }

packages/x-markdown/package.json

@@ -13,14 +13,12 @@
     "test": "jest --config .jest.js --no-cache --collect-coverage",
     "coverage": "jest --config .jest.js --no-cache --collect-coverage --coverage",
     "plugin:meta": "tsx scripts/generate-plugin-meta.ts",
-    "prestart": "npm run version &&  npm run token:statistic && npm run plugin:meta && npm run token:meta",
+    "prestart": "npm run version && npm run plugin:meta",
     "precompile": "npm run prestart",
     "version": "tsx scripts/generate-version.ts",
     "test:dekko": "tsx ./tests/dekko/index.test.ts",
     "clean": "rm -rf es lib coverage plugins dist themes",
-    "test:package-diff": "antd-tools run package-diff",
-    "token:meta": "tsx scripts/generate-token-meta.ts",
-    "token:statistic": "tsx scripts/collect-token-statistic.ts"
+    "test:package-diff": "antd-tools run package-diff"
   },
   "sideEffects": false,
   "main": "lib/index.js",
@@ -49,19 +47,11 @@
   "license": "MIT",
   "description": "placeholder for @ant-design/x-markdown",
   "dependencies": {
-    "@ant-design/cssinjs": "^2.0.1",
-    "@ant-design/cssinjs-utils": "^2.0.2",
-    "@ant-design/fast-color": "^3.0.0",
-    "@ant-design/icons": "^6.0.0",
-    "@ant-design/x": "*",
     "classnames": "^2.5.1",
     "dompurify": "^3.2.6",
     "html-react-parser": "^5.2.5",
     "katex": "^0.16.22",
-    "lodash.throttle": "^4.1.1",
-    "marked": "^15.0.12",
-    "mermaid": "^11.11.0",
-    "react-syntax-highlighter": "^15.6.1"
+    "marked": "^15.0.12"
   },
   "devDependencies": {
     "@types/dompurify": "^3.0.5",
@@ -76,7 +66,6 @@
     "react-dom": "^19.0.0"
   },
   "peerDependencies": {
-    "antd": "^6.0.1",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },

packages/x-markdown/scripts/generate-plugin-meta.ts

@@ -17,6 +17,7 @@ function getPluginMeta(list?: DeclarationReflection[]) {
     };
   });
 }
+
 const main = async () => {
   const app = await (Application as any).bootstrap(
     {