@lark-apaas/miaoda-presets 0.1.0-alpha.1 → 0.1.0-alpha.10

package/lib/eslint.config.js

@@ -13,7 +13,11 @@ const eslint_1 = __importDefault(require("./recommend/eslint"));
 const importPlugin = require('eslint-plugin-import');
 function createEslintConfig() {
     return typescript_eslint_1.default.config({ ignores: ['dist', 'node_modules', 'build'] }, {
-        extends: [js_1.default.configs.recommended, eslint_1.default, ...typescript_eslint_1.default.configs.recommended],
+        extends: [
+            js_1.default.configs.recommended,
+            ...typescript_eslint_1.default.configs.recommended,
+            eslint_1.default,
+        ],
         files: ['src/**/*.{ts,tsx}'],
         languageOptions: {
             ecmaVersion: 2020,

package/lib/external-js-loader.js

@@ -1,4 +1,5 @@
 "use strict";
+/* eslint-disable no-undef */
 /**
  * play-render 使用的 umd-loader
  */
@@ -58,11 +59,10 @@ function loadScriptsWithDeps() {
         // Create loading promise for this script
         const loadingPromise = Promise.all(
         // Map dependencies to promises
-        script.deps.map((dep) => loadWithDeps(dep)))
-            .then(() => {
-            // After all dependencies are loaded, load this script
-            return loadScript(script.src);
-        })
+        script.deps.map(dep => loadWithDeps(dep)))
+            .then(() => 
+        // After all dependencies are loaded, load this script
+        loadScript(script.src))
             .then(() => {
             // Mark as loaded after successful load
             loaded.add(name);
@@ -73,7 +73,7 @@ function loadScriptsWithDeps() {
         return loadingPromise;
     }
     // Load all scripts
-    return Promise.all(Object.keys(scripts).map((name) => loadWithDeps(name)));
+    return Promise.all(Object.keys(scripts).map(name => loadWithDeps(name)));
 }
 // Start loading all scripts
 window.__FEISUDA_SCRIPTS_LOADED__ = loadScriptsWithDeps();

package/lib/recommend/eslint.js

@@ -24,5 +24,12 @@ exports.default = {
         // Import 相关检查
         'import/no-unresolved': 'error', // 检查导入路径是否存在
         'import/named': 'error', // 检查命名导入是否存在
+        'no-restricted-syntax': [
+            'error',
+            {
+                selector: "CallExpression[callee.object.name='console'][callee.property.name=/^(log|warn|info|debug|trace)$/]",
+                message: 'Avoid using console.log, console.warn, etc. Use `@byted/spark-framework/logger` instead.',
+            },
+        ],
     },
 };

package/lib/recommend/rspack.js

@@ -59,7 +59,7 @@ function createRecommendRspackConfig(options) {
                                             runtime: 'automatic',
                                             ...(isDev
                                                 ? {
-                                                    importSource: path_1.default.dirname(require.resolve('@apaas-ai/miaoda-inspector-jsx-runtime')),
+                                                    importSource: path_1.default.dirname(require.resolve('@lark-apaas/miaoda-inspector-jsx-runtime')),
                                                 }
                                                 : {}),
                                             development: isDev,
@@ -69,7 +69,9 @@ function createRecommendRspackConfig(options) {
                                 },
                             },
                         },
-                        ...(isDev ? [require.resolve('@apaas-ai/miaoda-inspector-babel-plugin')] : []),
+                        ...(isDev
+                            ? [require.resolve('@lark-apaas/miaoda-inspector-babel-plugin')]
+                            : []),
                     ],
                 },
             ],
@@ -94,7 +96,7 @@ function createRecommendRspackConfig(options) {
                 maxChunks: 1,
             }),
         ],
-        optimization: {
+        optimization: isDev ? {} : {
             moduleIds: 'deterministic',
             concatenateModules: true,
             minimize: true, // 对应vite的minify配置

package/lib/recommend/tailwind.js

@@ -41,7 +41,7 @@ function createRecommendTailwindConfig(options) {
         darkMode: 'class',
         content: [
             // 让 framework 里的 tailwind 生效
-            path.join(path.dirname(require.resolve('@lark-apaas/client-core')), '/**/*.js'),
+            path.join(path.dirname(require.resolve('@lark-apaas/miaoda-toolkit')), '/**/*.js'),
         ],
         prefix: '',
         plugins: [],

package/lib/rspack.config.js

@@ -8,13 +8,14 @@ const path_1 = __importDefault(require("path"));
 const core_1 = __importDefault(require("@rspack/core"));
 const rspack_1 = require("./recommend/rspack");
 const webpack_merge_1 = __importDefault(require("webpack-merge"));
+// 妙搭template-v3使用的配置构造函数
 // eslint-disable-next-line max-lines-per-function
 function createRspackConfig(options) {
-    const { enableReactRrefresh = false, isDev = true } = options;
-    console.log('isDev:', isDev);
+    const { enableReactRrefresh = false, isDevBuildMode = true } = options;
+    console.log('isDevBuildMode:', isDevBuildMode);
     console.log('enableReactRrefresh:', enableReactRrefresh);
     // 构建外部依赖配置，对应vite的rollupOptions.external和globals
-    const externals = isDev
+    const externals = isDevBuildMode
         ? {
             antd: 'antd',
             '@ant-design/icons': 'icons',
@@ -24,22 +25,27 @@ function createRspackConfig(options) {
             echarts: 'echarts',
         }
         : {};
-    const recommendConfig = (0, rspack_1.createRecommendRspackConfig)({ enableReactRrefresh, isDev });
+    const recommendConfig = (0, rspack_1.createRecommendRspackConfig)({
+        enableReactRrefresh,
+        isDev: isDevBuildMode,
+    });
     return (0, webpack_merge_1.default)(recommendConfig, {
-        mode: isDev ? 'development' : 'production',
+        mode: isDevBuildMode ? 'development' : 'production',
         entry: './src/index.tsx',
         output: {
             publicPath: '/',
             // path: path.resolve(__dirname, 'dist'),
             filename: 'assets/index.js',
             cssFilename: 'assets/index.css',
-            assetModuleFilename: (pathData) => {
+            assetModuleFilename: pathData => {
                 // 对应vite的assetFileNames逻辑
                 const ext = path_1.default.extname(pathData.filename || '');
                 if (ext === '.css') {
                     return 'assets/index.css';
                 }
-                return pathData.filename ? `assets/${pathData.filename}` : 'assets/asset-[hash][ext]';
+                return pathData.filename
+                    ? `assets/${pathData.filename}`
+                    : 'assets/asset-[hash][ext]';
             },
             library: {
                 type: 'self', // 对应vite的iife格式
@@ -55,7 +61,7 @@ function createRspackConfig(options) {
             },
             extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'],
         },
-        devServer: isDev
+        devServer: isDevBuildMode
             ? undefined
             : {
                 host: '::',
@@ -85,5 +91,46 @@ function createRspackConfig(options) {
                 },
             }),
         ],
+        optimization: {
+            moduleIds: 'deterministic',
+            concatenateModules: true,
+            minimize: true, // 对应vite的minify配置
+            minimizer: [
+                new core_1.default.SwcJsMinimizerRspackPlugin({
+                    minimizerOptions: {
+                        // 保持不压缩
+                        minify: !isDevBuildMode,
+                        mangle: !isDevBuildMode,
+                        format: {
+                            beautify: isDevBuildMode,
+                            comments: false,
+                        },
+                        compress: {
+                            keep_classnames: true,
+                            keep_fnames: true,
+                            keep_fargs: !isDevBuildMode,
+                            unused: true,
+                            dead_code: true,
+                            drop_debugger: true,
+                            // FIXME: 先临时开始 console.log
+                            // drop_console: !isDevBuildMode,
+                            const_to_let: !isDevBuildMode,
+                            booleans_as_integers: !isDevBuildMode,
+                            booleans: !isDevBuildMode,
+                            // maybe unsafe
+                            reduce_funcs: !isDevBuildMode,
+                            reduce_vars: !isDevBuildMode,
+                        },
+                    },
+                }),
+                new core_1.default.LightningCssMinimizerRspackPlugin(),
+            ],
+            sideEffects: true,
+            usedExports: true,
+            innerGraph: true,
+            providedExports: true,
+            mergeDuplicateChunks: true,
+            splitChunks: false, // 禁用代码分割，保持单文件输出
+        },
     });
 }

package/lib/tailwind.config.js

@@ -8,7 +8,9 @@ const webpack_merge_1 = __importDefault(require("webpack-merge"));
 const tailwind_1 = require("./recommend/tailwind");
 function createTailwindConfig(options) {
     const { isDevBuildMode = true } = options;
-    const recommendConfig = (0, tailwind_1.createRecommendTailwindConfig)({ isDev: isDevBuildMode });
+    const recommendConfig = (0, tailwind_1.createRecommendTailwindConfig)({
+        isDev: isDevBuildMode,
+    });
     return (0, webpack_merge_1.default)(recommendConfig, {
         content: ['./src/**/*.{ts,tsx}'],
     });

package/package.json

@@ -1,35 +1,19 @@
 {
   "name": "@lark-apaas/miaoda-presets",
-  "version": "0.1.0-alpha.1",
+  "version": "0.1.0-alpha.10",
   "files": [
     "lib"
   ],
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "build": "tsc && npm run copy:json",
-    "copy:json": "cp -r src/*.json lib",
-    "watch": "tsc --watch",
-    "bump": "changeset version",
-    "change": "changeset",
-    "check": "biome check --write",
-    "dev": "rslib build --watch",
-    "format": "biome format --write",
-    "storybook": "storybook dev",
-    "test": "echo 0",
-    "prepublishOnly": "npm run build"
-  },
   "dependencies": {
-    "@lark-apaas/miaoda-inspector-babel-plugin": "workspace:*",
-    "@lark-apaas/miaoda-inspector-jsx-runtime": "workspace:*",
     "@babel/core": "^7.28.0",
     "@babel/parser": "^7.28.0",
     "@babel/traverse": "^7.28.0",
     "@babel/types": "^7.28.2",
     "@eslint/js": "^9.34.0",
     "@react-dev-inspector/middleware": "^2.0.1",
-    "@rsdoctor/rspack-plugin": "^1.1.8",
     "@rspack/dev-server": "^1.1.3",
     "@rspack/plugin-react-refresh": "^1.4.3",
     "dayjs": "^1.11.14",
@@ -43,7 +27,9 @@
     "tsconfig-paths-webpack-plugin": "^4.2.0",
     "typescript-eslint": "^8.41.0",
     "webpack-merge": "^6.0.1",
-    "tailwindcss": "^4.1.13"
+    "tailwindcss": "^4.1.13",
+    "@lark-apaas/miaoda-inspector-babel-plugin": "0.1.0-alpha.5",
+    "@lark-apaas/miaoda-inspector-jsx-runtime": "0.1.0-alpha.6"
   },
   "devDependencies": {
     "@biomejs/biome": "2.0.6",
@@ -57,5 +43,17 @@
   "peerDependencies": {
     "react": ">=16.14.0",
     "react-dom": ">=16.14.0"
+  },
+  "scripts": {
+    "build": "tsc && npm run copy:json",
+    "copy:json": "cp -r src/*.json lib",
+    "watch": "tsc --watch",
+    "bump": "changeset version",
+    "change": "changeset",
+    "check": "biome check --write",
+    "dev": "rslib build --watch",
+    "format": "biome format --write",
+    "storybook": "storybook dev",
+    "test": "echo 0"
   }
-}
+}