Merge pull request #134 from codingapi/dev

Dev

Author: xlorne

admin-ui/README.md

@@ -1,9 +1,9 @@
 # Admin-ui with Antd For Micro Frontends
 
-This is a simple React App with Webpack5 & Typescript.
+This is a simple React App with RsBuild & Typescript.
 
 ## Features
-1. Support Webpack 5 ModuleFederationPlugin for Micro Frontends
+1. Support RsBuild ModuleFederationPlugin for Micro Frontends
 2. Support Dynamic zip component loading
 3. Support Dynamic Routing & Dynamic Menu
 4. Support Axios for API calls

admin-ui/package.json

@@ -5,10 +5,9 @@
   "dependencies": {
     "@ant-design/icons": "^5.4.0",
     "@ant-design/pro-components": "^2.8.7",
-    "@babel/standalone": "^7.25.6",
-    "@codingapi/flow-pc": "^0.0.43",
-    "@codingapi/form-pc": "^0.0.43",
-    "@codingapi/ui-framework": "^0.0.43",
+    "@codingapi/flow-pc": "^0.0.44",
+    "@codingapi/form-pc": "^0.0.44",
+    "@codingapi/ui-framework": "^0.0.44",
     "@dnd-kit/core": "^6.2.0",
     "@dnd-kit/sortable": "^9.0.0",
     "@handsontable/react-wrapper": "^15.0.0",
@@ -29,7 +28,6 @@
     "react-router": "^6.26.2",
     "react-router-dom": "^6.26.2",
     "remark-gfm": "^4.0.1",
-    "typescript": "^5.6.2",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
@@ -58,25 +56,26 @@
     ]
   },
   "devDependencies": {
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.26.0",
+    "@babel/standalone": "^7.25.6",
     "@module-federation/enhanced": "^0.17.0",
     "@module-federation/rsbuild-plugin": "^0.17.0",
     "@rsbuild/core": "^1.4.7",
     "@rsbuild/plugin-react": "^1.3.4",
     "@rsbuild/plugin-sass": "^1.3.3",
-    "@types/babel__standalone": "^7.1.7",
-    "@types/node": "^16.18.108",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
-    "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.26.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
+    "@types/babel__standalone": "^7.1.7",
     "@types/jest": "^29.5.14",
     "@types/lodash": "^4.17.7",
     "@types/lodash-es": "^4.17.12",
     "@types/mockjs": "^1.0.10",
+    "@types/node": "^16.18.108",
+    "@types/react": "^18.3.5",
+    "@types/react-dom": "^18.3.0",
     "babel-jest": "^29.7.0",
     "css-loader": "^7.1.2",
     "express": "^4.21.0",
@@ -85,11 +84,12 @@
     "jest-environment-jsdom": "^29.7.0",
     "mockjs": "^1.1.0",
     "monaco-editor-webpack-plugin": "^7.1.0",
-    "sass": "^1.78.0",
+    "sass": "^1.89.2",
     "sass-loader": "^16.0.1",
     "style-loader": "^4.0.0",
     "ts-jest": "^29.3.2",
     "ts-loader": "^9.5.1",
-    "ts-node": "^10.9.2"
+    "ts-node": "^10.9.2",
+    "typescript": "^5.6.2"
   }
 }

admin-ui/webpack.common.js

@@ -3,10 +3,9 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@babel/standalone": "^7.25.6",
-    "@codingapi/flow-mobile": "^0.0.43",
-    "@codingapi/form-mobile": "^0.0.43",
-    "@codingapi/ui-framework": "^0.0.43",
+    "@codingapi/flow-mobile": "^0.0.44",
+    "@codingapi/form-mobile": "^0.0.44",
+    "@codingapi/ui-framework": "^0.0.44",
     "@logicflow/core": "^2.0.10",
     "@logicflow/extension": "^2.0.14",
     "@reduxjs/toolkit": "^2.2.7",
@@ -24,7 +23,6 @@
     "react-resizable": "^3.0.5",
     "react-router": "^6.26.2",
     "react-router-dom": "^6.26.2",
-    "typescript": "^5.6.2",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
@@ -53,34 +51,36 @@
     ]
   },
   "devDependencies": {
+    "@babel/standalone": "^7.25.6",
     "@module-federation/enhanced": "^0.17.0",
     "@module-federation/rsbuild-plugin": "^0.17.0",
     "@rsbuild/core": "^1.4.7",
     "@rsbuild/plugin-react": "^1.3.4",
     "@rsbuild/plugin-sass": "^1.3.3",
-    "@types/babel__standalone": "^7.1.7",
-    "@types/node": "^16.18.108",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
-    "@types/lodash": "^4.17.7",
-    "@types/lodash-es": "^4.17.12",
-    "@types/react-resizable": "^3.0.8",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
+    "@types/babel__standalone": "^7.1.7",
     "@types/jest": "^29.5.14",
+    "@types/lodash": "^4.17.7",
+    "@types/lodash-es": "^4.17.12",
     "@types/mockjs": "^1.0.10",
+    "@types/node": "^16.18.108",
+    "@types/react": "^18.3.5",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-resizable": "^3.0.8",
     "babel-jest": "^29.7.0",
     "css-loader": "^7.1.2",
     "express": "^4.21.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "mockjs": "^1.1.0",
-    "sass": "^1.78.0",
+    "sass": "^1.89.2",
     "sass-loader": "^16.0.1",
     "style-loader": "^4.0.0",
     "ts-jest": "^29.3.2",
-    "ts-loader": "^9.5.1"
+    "ts-loader": "^9.5.1",
+    "typescript": "^5.6.2"
   }
 }

admin-ui/webpack.config.dev.js

@@ -1,9 +1,9 @@
 # Mobile-ui with Antd For Micro Frontends
 
-This is a Simple React App with Webpack5 & Typescript.
+This is a Simple React App with RsBuild & Typescript.
 
 ## Features
-1. Support Webpack 5 ModuleFederationPlugin for Micro Frontends
+1. Support RsBuild ModuleFederationPlugin for Micro Frontends
 2. Support Dynamic zip component loading
 3. Support Dynamic Routing & Dynamic Menu
 4. Support Axios for API calls