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

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

package/lib/external-js-loader.js

@@ -1,5 +1,4 @@
 "use strict";
-/* eslint-disable no-undef */
 /**
  * play-render 使用的 umd-loader
  */
@@ -60,9 +59,10 @@ function loadScriptsWithDeps() {
         const loadingPromise = Promise.all(
         // Map dependencies to promises
         script.deps.map(dep => loadWithDeps(dep)))
-            .then(() => 
-        // After all dependencies are loaded, load this script
-        loadScript(script.src))
+            .then(() => {
+            // After all dependencies are loaded, load this script
+            return loadScript(script.src);
+        })
             .then(() => {
             // Mark as loaded after successful load
             loaded.add(name);

package/lib/recommend/eslint.js

@@ -24,12 +24,5 @@ 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

@@ -6,11 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createRecommendRspackConfig = createRecommendRspackConfig;
 const path_1 = __importDefault(require("path"));
 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 { enableReactRrefresh = false, isDev = true } = options;
-    console.log('isDev:', isDev);
-    console.log('enableReactRrefresh:', enableReactRrefresh);
+    const { enableReactRefresh = false, isDev = true } = options;
     return {
         experiments: {
             css: true,
@@ -63,7 +62,7 @@ function createRecommendRspackConfig(options) {
                                                 }
                                                 : {}),
                                             development: isDev,
-                                            refresh: enableReactRrefresh,
+                                            refresh: enableReactRefresh,
                                         },
                                     },
                                 },
@@ -95,6 +94,10 @@ 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'),
+            }),
         ],
         optimization: isDev ? {} : {
             moduleIds: 'deterministic',

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/miaoda-toolkit')), '/**/*.js'),
+            path.join(path.dirname(require.resolve('@lark-apaas/client-core')), '/**/*.js'),
         ],
         prefix: '',
         plugins: [],

package/lib/rspack-plugins/route-parser-plugin.js

@@ -0,0 +1,275 @@
+"use strict";
+const fs = require('fs');
+const path = require('path');
+const crypto = require('crypto');
+const { parse } = require('@babel/parser');
+const traverse = require('@babel/traverse').default;
+const t = require('@babel/types');
+class RouteParserPlugin {
+    constructor(options = {}) {
+        this.options = {
+            appPath: options.appPath || './client/src/app.tsx',
+            outputPath: options.outputPath || './dist/client/routes.json',
+            ...options
+        };
+        // 缓存相关属性 - 直接存储在实例上
+        this.lastAppPathHash = null;
+        this.cachedRoutes = null;
+    }
+    // 统一的日志函数
+    log(level, message, ...args) {
+        const prefix = '[route-parser]';
+        const logMessage = `${prefix} ${message}`;
+        switch (level) {
+            case 'log':
+                console.log(logMessage, ...args);
+                break;
+            case 'warn':
+                console.warn(logMessage, ...args);
+                break;
+            case 'error':
+                console.error(logMessage, ...args);
+                break;
+            case 'info':
+                console.info(logMessage, ...args);
+                break;
+            default:
+                console.log(logMessage, ...args);
+        }
+    }
+    apply(compiler) {
+        const pluginName = 'RouteParserPlugin';
+        compiler.hooks.emit.tapAsync(pluginName, (compilation, callback) => {
+            try {
+                // 检查是否需要重新生成路由
+                if (this.shouldRegenerateRoutes()) {
+                    const routes = this.parseRoutes();
+                    this.cachedRoutes = routes;
+                }
+                const routesJson = JSON.stringify(this.cachedRoutes, null, 2);
+                // 将 routes.json 添加到编译输出中
+                compilation.assets['routes.json'] = {
+                    source: () => routesJson,
+                    size: () => routesJson.length
+                };
+                callback();
+            }
+            catch (error) {
+                this.log('warn', '⚠️ 路由解析失败，使用默认路由:', error.message);
+                // 解析失败时使用默认路由
+                const defaultRoutes = [{ path: '/' }];
+                const routesJson = JSON.stringify(defaultRoutes, null, 2);
+                compilation.assets['routes.json'] = {
+                    source: () => routesJson,
+                    size: () => routesJson.length
+                };
+                callback();
+            }
+        });
+    }
+    shouldRegenerateRoutes() {
+        try {
+            const appFilePath = path.resolve(process.cwd(), this.options.appPath);
+            if (!fs.existsSync(appFilePath)) {
+                this.log('warn', `⚠️ App.tsx 文件不存在: ${appFilePath}`);
+                return false;
+            }
+            // 计算当前文件的哈希值
+            const currentHash = this.calculateFileHash(appFilePath);
+            // 检查内存中的缓存
+            if (this.lastAppPathHash === currentHash && this.cachedRoutes) {
+                return false; // 不需要重新生成
+            }
+            this.lastAppPathHash = currentHash;
+            return true; // 需要重新生成
+        }
+        catch (error) {
+            this.log('warn', '⚠️ 检查文件变更时出错:', error.message);
+            return true; // 出错时重新生成
+        }
+    }
+    calculateFileHash(filePath) {
+        try {
+            const content = fs.readFileSync(filePath, 'utf-8');
+            return crypto.createHash('md5').update(content).digest('hex');
+        }
+        catch (error) {
+            this.log('warn', '⚠️ 计算文件哈希失败:', error.message);
+            return null;
+        }
+    }
+    parseRoutes() {
+        try {
+            const appFilePath = path.resolve(process.cwd(), this.options.appPath);
+            if (!fs.existsSync(appFilePath)) {
+                throw new Error(`App.tsx 文件不存在: ${appFilePath}`);
+            }
+            const sourceCode = fs.readFileSync(appFilePath, 'utf-8');
+            // 解析 TypeScript/JSX 代码
+            const ast = parse(sourceCode, {
+                sourceType: 'module',
+                plugins: [
+                    'jsx',
+                    'typescript',
+                    'decorators-legacy',
+                    'classProperties',
+                    'objectRestSpread',
+                    'functionBind',
+                    'exportDefaultFrom',
+                    'exportNamespaceFrom',
+                    'dynamicImport',
+                    'nullishCoalescingOperator',
+                    'optionalChaining'
+                ]
+            });
+            // 使用 Set 来存储路径，自动去重
+            const routeSet = new Set();
+            // 用于跟踪路由嵌套
+            const routeStack = [];
+            const self = this;
+            traverse(ast, {
+                JSXElement: {
+                    enter(path) {
+                        const { openingElement } = path.node;
+                        // 检查是否是 Route 组件
+                        if (self.isRouteComponent(openingElement)) {
+                            const routeInfo = self.extractRouteInfo(openingElement);
+                            // 将当前路由信息推入堆栈
+                            routeStack.push(routeInfo);
+                        }
+                    },
+                    exit(path) {
+                        const { openingElement } = path.node;
+                        // 当离开 Route 元素时，从堆栈中弹出
+                        if (self.isRouteComponent(openingElement)) {
+                            const currentRoute = routeStack.pop();
+                            // 跳过通配符路径
+                            if (currentRoute && currentRoute.path === '*') {
+                                return;
+                            }
+                            // 如果有路径或是索引路由
+                            if (currentRoute && (currentRoute.path || currentRoute.index)) {
+                                const fullPath = self.buildFullPath(routeStack, currentRoute);
+                                if (fullPath) {
+                                    routeSet.add(fullPath);
+                                }
+                            }
+                        }
+                    }
+                }
+            });
+            // 将 Set 转换为数组返回
+            const routes = Array.from(routeSet).map(routePath => ({ path: routePath }));
+            return routes.length > 0 ? routes : [{ path: '/' }];
+        }
+        catch (error) {
+            // 如果解析失败，返回默认路由
+            this.log('warn', '⚠️ 路由解析失败，使用默认路由:', error.message);
+            return [{ path: '/' }];
+        }
+    }
+    isRouteComponent(openingElement) {
+        return (t.isJSXIdentifier(openingElement.name) &&
+            openingElement.name.name === 'Route');
+    }
+    isRoutesComponent(path) {
+        const openingElement = path.node.openingElement;
+        return (t.isJSXIdentifier(openingElement.name) &&
+            openingElement.name.name === 'Routes');
+    }
+    extractRouteInfo(openingElement) {
+        const routeInfo = {};
+        // 提取所有属性
+        openingElement.attributes.forEach((attr) => {
+            if (t.isJSXAttribute(attr)) {
+                const { name } = attr.name;
+                let value;
+                // 处理不同类型的属性值
+                if (attr.value) {
+                    if (t.isStringLiteral(attr.value)) {
+                        value = attr.value.value;
+                    }
+                    else if (t.isJSXExpressionContainer(attr.value)) {
+                        const expression = attr.value.expression;
+                        if (t.isStringLiteral(expression)) {
+                            value = expression.value;
+                        }
+                        else if (t.isTemplateLiteral(expression)) {
+                            // 处理模板字符串
+                            value = this.evaluateTemplateLiteral(expression);
+                        }
+                        else {
+                            // 对于其他表达式，设为 true
+                            value = true;
+                        }
+                    }
+                }
+                else {
+                    // 对于没有值的属性（如 index），设为 true
+                    value = true;
+                }
+                routeInfo[name] = value;
+            }
+        });
+        return routeInfo;
+    }
+    getJSXAttribute(element, name) {
+        return element.attributes.find(attr => t.isJSXAttribute(attr) &&
+            t.isJSXIdentifier(attr.name) &&
+            attr.name.name === name);
+    }
+    buildFullPath(routeStack, currentRoute) {
+        // 构建完整路径
+        let fullPath = '';
+        // 遍历堆栈中的所有父路由
+        for (let i = 0; i < routeStack.length; i++) {
+            if (routeStack[i].path) {
+                // 确保路径格式正确（开头有/，结尾没有/）
+                let parentPath = routeStack[i].path;
+                if (!parentPath.startsWith('/'))
+                    parentPath = `/${parentPath}`;
+                if (parentPath.endsWith('/') && parentPath !== '/') {
+                    parentPath = parentPath.slice(0, -1);
+                }
+                fullPath += parentPath === '/' ? '' : parentPath;
+            }
+        }
+        // 添加当前路由的路径
+        if (currentRoute.index) {
+            // 索引路由使用父路由的路径
+            return fullPath || '/';
+        }
+        else if (currentRoute.path) {
+            const routePath = currentRoute.path;
+            // 跳过通配符路径
+            if (routePath === '*') {
+                return null;
+            }
+            // 处理相对路径（不以/开头的路径）
+            if (!routePath.startsWith('/')) {
+                fullPath = `${fullPath}/${routePath}`;
+            }
+            else {
+                fullPath = routePath; // 绝对路径覆盖父路径
+            }
+            // 确保路径格式正确
+            if (fullPath === '')
+                fullPath = '/';
+            if (!fullPath.startsWith('/'))
+                fullPath = `/${fullPath}`;
+            return fullPath;
+        }
+        return null;
+    }
+    evaluateTemplateLiteral(templateLiteral) {
+        // 简单处理模板字符串，这里主要处理 `*` 这种情况
+        const quasis = templateLiteral.quasis;
+        const expressions = templateLiteral.expressions;
+        if (quasis.length === 1 && expressions.length === 0) {
+            return quasis[0].value.raw;
+        }
+        // 对于复杂的模板字符串，返回原始字符串
+        return quasis.map(q => q.value.raw).join('');
+    }
+}
+module.exports = RouteParserPlugin;

package/lib/rspack.config.js

@@ -8,14 +8,13 @@ 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, isDevBuildMode = true } = options;
-    console.log('isDevBuildMode:', isDevBuildMode);
-    console.log('enableReactRrefresh:', enableReactRrefresh);
+    const { enableReactRefresh = false, isDev = true } = options;
+    console.log('isDev:', isDev);
+    console.log('enableReactRefresh:', enableReactRefresh);
     // 构建外部依赖配置，对应vite的rollupOptions.external和globals
-    const externals = isDevBuildMode
+    const externals = isDev
         ? {
             antd: 'antd',
             '@ant-design/icons': 'icons',
@@ -26,11 +25,11 @@ function createRspackConfig(options) {
         }
         : {};
     const recommendConfig = (0, rspack_1.createRecommendRspackConfig)({
-        enableReactRrefresh,
-        isDev: isDevBuildMode,
+        enableReactRefresh,
+        isDev,
     });
     return (0, webpack_merge_1.default)(recommendConfig, {
-        mode: isDevBuildMode ? 'development' : 'production',
+        mode: isDev ? 'development' : 'production',
         entry: './src/index.tsx',
         output: {
             publicPath: '/',
@@ -61,7 +60,7 @@ function createRspackConfig(options) {
             },
             extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'],
         },
-        devServer: isDevBuildMode
+        devServer: isDev
             ? undefined
             : {
                 host: '::',
@@ -91,46 +90,5 @@ 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/miaoda-presets",
-  "version": "0.1.0-alpha.10",
+  "version": "0.1.0-alpha.12",
   "files": [
     "lib"
   ],
@@ -14,6 +14,7 @@
     "@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",
@@ -32,6 +33,9 @@
     "@lark-apaas/miaoda-inspector-jsx-runtime": "0.1.0-alpha.6"
   },
   "devDependencies": {
+    "@babel/parser": "^7.28.4",
+    "@babel/traverse": "^7.28.4",
+    "@babel/types": "^7.28.4",
     "@biomejs/biome": "2.0.6",
     "@changesets/cli": "^2.29.5",
     "@rspack/core": "^1.4.4",