@lark-apaas/miaoda-presets 0.1.0-alpha.13 → 0.1.0-alpha.15

package/lib/eslint.config.js

@@ -15,8 +15,8 @@ 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,
+            eslint_1.default,
         ],
         files: ['src/**/*.{ts,tsx}'],
         languageOptions: {

package/lib/recommend/eslint.js

@@ -18,11 +18,22 @@ exports.default = {
         'react/no-unknown-property': 'off', // 允许未知属性
         'react-hooks/exhaustive-deps': 'off', // 不强制检查依赖数组
         // JavaScript 基础规则
-        'no-undef': 'error', // 禁止使用未声明的变量
+        // 通过 tsc 来控制，默认 AI 不写 js 文件
+        'no-undef': 'off', // 禁止使用未声明的变量
         'no-console': 'off', // 允许使用 console
         'prefer-const': 'off', // 不强制使用 const
         // Import 相关检查
         'import/no-unresolved': 'error', // 检查导入路径是否存在
         'import/named': 'error', // 检查命名导入是否存在
+        // 效果相关：模型不会
+        'no-constant-binary-expression': 'off', // 不强制使用常量二进制表达式
+        // 效果相关：希望模型使用内置 logger
+        '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

@@ -9,7 +9,7 @@ const core_1 = __importDefault(require("@rspack/core"));
 const RouteParserPlugin = require('../rspack-plugins/route-parser-plugin');
 // eslint-disable-next-line max-lines-per-function
 function createRecommendRspackConfig(options) {
-    const { enableReactRefresh = false, isDev = true } = options;
+    const { enableReactRefresh = false, isDev = true, needRoutes = true, } = options;
     return {
         experiments: {
             css: true,
@@ -36,7 +36,31 @@ function createRecommendRspackConfig(options) {
                 },
                 {
                     test: /\.css$/,
-                    use: ['postcss-loader'],
+                    use: [
+                        {
+                            loader: 'postcss-loader',
+                            options: {
+                                postcssOptions: {
+                                    plugins: [
+                                        [
+                                            'postcss-import',
+                                            {
+                                                resolve: (id, _basedir) => {
+                                                    // 只有dev环境需要打包选中精调所需的一些预置样式, prod环境则不打包
+                                                    if (id === '@/inspector.dev.css') {
+                                                        return isDev
+                                                            ? path_1.default.join(_basedir, '/inspector.dev.css')
+                                                            : [];
+                                                    }
+                                                    return id;
+                                                },
+                                            },
+                                        ],
+                                    ],
+                                },
+                            },
+                        },
+                    ],
                     type: 'css',
                 },
                 {
@@ -94,52 +118,57 @@ function createRecommendRspackConfig(options) {
             new core_1.default.optimize.LimitChunkCountPlugin({
                 maxChunks: 1,
             }),
-            isDev && new RouteParserPlugin({
-                appPath: './client/src/app.tsx',
-                outputPath: path_1.default.resolve(__dirname, 'dist/client/routes.json'),
-            }),
+            // 开发环境下，解析路由
+            isDev &&
+                needRoutes &&
+                new RouteParserPlugin({
+                    appPath: './client/src/app.tsx',
+                    outputPath: path_1.default.resolve(__dirname, 'dist/client/routes.json'),
+                }),
         ],
-        optimization: isDev ? {} : {
-            moduleIds: 'deterministic',
-            concatenateModules: true,
-            minimize: true, // 对应vite的minify配置
-            minimizer: [
-                new core_1.default.SwcJsMinimizerRspackPlugin({
-                    minimizerOptions: {
-                        // 保持不压缩
-                        minify: !isDev,
-                        mangle: !isDev,
-                        format: {
-                            beautify: isDev,
-                            comments: false,
-                        },
-                        compress: {
-                            keep_classnames: true,
-                            keep_fnames: true,
-                            keep_fargs: !isDev,
-                            unused: true,
-                            dead_code: true,
-                            drop_debugger: true,
-                            // FIXME: 先临时开始 console.log
-                            // drop_console: !isDev,
-                            const_to_let: !isDev,
-                            booleans_as_integers: !isDev,
-                            booleans: !isDev,
-                            // maybe unsafe
-                            reduce_funcs: !isDev,
-                            reduce_vars: !isDev,
+        optimization: isDev
+            ? {}
+            : {
+                moduleIds: 'deterministic',
+                concatenateModules: true,
+                minimize: true, // 对应vite的minify配置
+                minimizer: [
+                    new core_1.default.SwcJsMinimizerRspackPlugin({
+                        minimizerOptions: {
+                            // 保持不压缩
+                            minify: !isDev,
+                            mangle: !isDev,
+                            format: {
+                                beautify: isDev,
+                                comments: false,
+                            },
+                            compress: {
+                                keep_classnames: true,
+                                keep_fnames: true,
+                                keep_fargs: !isDev,
+                                unused: true,
+                                dead_code: true,
+                                drop_debugger: true,
+                                // FIXME: 先临时开始 console.log
+                                // drop_console: !isDev,
+                                const_to_let: !isDev,
+                                booleans_as_integers: !isDev,
+                                booleans: !isDev,
+                                // maybe unsafe
+                                reduce_funcs: !isDev,
+                                reduce_vars: !isDev,
+                            },
                         },
-                    },
-                }),
-                new core_1.default.LightningCssMinimizerRspackPlugin(),
-            ],
-            sideEffects: true,
-            usedExports: true,
-            innerGraph: true,
-            providedExports: true,
-            mergeDuplicateChunks: true,
-            splitChunks: false, // 禁用代码分割，保持单文件输出
-        },
+                    }),
+                    new core_1.default.LightningCssMinimizerRspackPlugin(),
+                ],
+                sideEffects: true,
+                usedExports: true,
+                innerGraph: true,
+                providedExports: true,
+                mergeDuplicateChunks: true,
+                splitChunks: false, // 禁用代码分割，保持单文件输出
+            },
         devtool: isDev ? 'source-map' : false, // 对应vite的sourcemap配置
     };
 }

package/lib/recommend/tailwind.js

@@ -40,12 +40,14 @@ function createRecommendTailwindConfig(options) {
     // 默认扫描外网包依赖
     const { packageName = '@lark-apaas/miaoda-core' } = options;
     let pkgPath = '';
-    try {
-        // 扫描依赖中的tailwind样式
-        pkgPath = path.join(path.dirname(require.resolve(packageName)), '/**/*.js');
-    }
-    catch (e) {
-        console.warn(`Failed to resolve package ${packageName}, use default path`);
+    if (packageName) {
+        try {
+            // 扫描依赖中的tailwind样式
+            pkgPath = path.join(path.dirname(require.resolve(packageName)), '/**/*.js');
+        }
+        catch (e) {
+            console.warn(`Failed to resolve package ${packageName}, use default path`);
+        }
     }
     return {
         darkMode: 'class',

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"));
+// 妙搭应用使用的rspack配置
 // eslint-disable-next-line max-lines-per-function
 function createRspackConfig(options) {
-    const { enableReactRefresh = false, isDev = true } = options;
-    console.log('isDev:', isDev);
+    const { enableReactRefresh = false, isDevBuildMode = true } = options;
+    console.log('isDevBuildMode:', isDevBuildMode);
     console.log('enableReactRefresh:', enableReactRefresh);
     // 构建外部依赖配置，对应vite的rollupOptions.external和globals
-    const externals = isDev
+    const externals = isDevBuildMode
         ? {
             antd: 'antd',
             '@ant-design/icons': 'icons',
@@ -26,10 +27,11 @@ function createRspackConfig(options) {
         : {};
     const recommendConfig = (0, rspack_1.createRecommendRspackConfig)({
         enableReactRefresh,
-        isDev,
+        isDev: isDevBuildMode,
+        needRoutes: false,
     });
     return (0, webpack_merge_1.default)(recommendConfig, {
-        mode: isDev ? 'development' : 'production',
+        mode: isDevBuildMode ? 'development' : 'production',
         entry: './src/index.tsx',
         output: {
             publicPath: '/',
@@ -60,7 +62,7 @@ function createRspackConfig(options) {
             },
             extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'],
         },
-        devServer: isDev
+        devServer: isDevBuildMode
             ? undefined
             : {
                 host: '::',
@@ -90,5 +92,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

@@ -6,10 +6,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createTailwindConfig = createTailwindConfig;
 const webpack_merge_1 = __importDefault(require("webpack-merge"));
 const tailwind_1 = require("./recommend/tailwind");
+/** 妙搭使用的tailwind配置 */
 function createTailwindConfig(options) {
     const { isDevBuildMode = true } = options;
     const recommendConfig = (0, tailwind_1.createRecommendTailwindConfig)({
         isDev: isDevBuildMode,
+        // 妙搭需要扫描内网包
+        packageName: '@byted/spark-framework',
     });
     return (0, webpack_merge_1.default)(recommendConfig, {
         content: ['./src/**/*.{ts,tsx}'],

package/package.json

@@ -1,18 +1,33 @@
 {
   "name": "@lark-apaas/miaoda-presets",
-  "version": "0.1.0-alpha.13",
+  "version": "0.1.0-alpha.15",
   "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": {
     "@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",
+    "@lark-apaas/miaoda-inspector-babel-plugin": "workspace:*",
+    "@lark-apaas/miaoda-inspector-jsx-runtime": "workspace:*",
     "@react-dev-inspector/middleware": "^2.0.1",
     "@rsdoctor/rspack-plugin": "^1.1.8",
     "@rspack/dev-server": "^1.1.3",
@@ -25,12 +40,11 @@
     "eslint-plugin-react-refresh": "^0.4.20",
     "globals": "^15.15.0",
     "magic-string": "^0.30.18",
+    "postcss-import": "^16.1.1",
+    "tailwindcss": "^4.1.13",
     "tsconfig-paths-webpack-plugin": "^4.2.0",
     "typescript-eslint": "^8.41.0",
-    "webpack-merge": "^6.0.1",
-    "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"
+    "webpack-merge": "^6.0.1"
   },
   "devDependencies": {
     "@babel/parser": "^7.28.4",
@@ -47,17 +61,5 @@
   "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"
   }
-}
+}