@lark-apaas/fullstack-rspack-preset 1.0.50-alpha.0 → 1.0.50

package/lib/preset.js

@@ -54,6 +54,25 @@ function createRecommendRspackConfig(options) {
     const staticAssetsPlugin = new static_assets_plugin_1.default({ clientBasePath, rootDir });
     // 优先从环境变量获取 RELEASE_ID，否则使用时间戳作为兜底
     const releaseId = process.env.RELEASE_ID || new Date().toISOString();
+    // 读取构建前生成的路由定义 JSON，供 DefinePlugin 注入到 bundle
+    // build.sh 在 client 构建之前已将 page-routes.json / api-routes.json 写入 dist/
+    // 独立于 needRoutes（needRoutes 仅控制 RouteParserPlugin），只要文件存在就注入
+    let pageRouteDefinitions = [];
+    let apiRouteDefinitions = [];
+    try {
+        const pageRoutesPath = path_1.default.resolve(rootDir, 'dist/page-routes.json');
+        if (fs_1.default.existsSync(pageRoutesPath)) {
+            pageRouteDefinitions = JSON.parse(fs_1.default.readFileSync(pageRoutesPath, 'utf-8'));
+        }
+    }
+    catch { /* ignore */ }
+    try {
+        const apiRoutesPath = path_1.default.resolve(rootDir, 'dist/api-routes.json');
+        if (fs_1.default.existsSync(apiRoutesPath)) {
+            apiRouteDefinitions = JSON.parse(fs_1.default.readFileSync(apiRoutesPath, 'utf-8'));
+        }
+    }
+    catch { /* ignore */ }
     return {
         mode: isDev ? 'development' : 'production',
         cache: false,
@@ -204,6 +223,9 @@ function createRecommendRspackConfig(options) {
                 'process.env.BUILD_TOOL': JSON.stringify('rspack'),
                 // 模板 flags 配置
                 'process.env.APP_FLAGS': JSON.stringify(appFlags),
+                // 路由定义，供客户端匹配 referer_path 和 api
+                'process.env.__PAGE_ROUTE_DEFINITIONS__': JSON.stringify(JSON.stringify(pageRouteDefinitions)),
+                'process.env.__API_ROUTE_DEFINITIONS__': JSON.stringify(JSON.stringify(apiRouteDefinitions)),
                 // 解决 window 未定义问题
                 'typeof window': JSON.stringify('object'),
                 window: 'globalThis',
@@ -238,7 +260,7 @@ function createRecommendRspackConfig(options) {
             !isDev && new polyfill_plugin_1.default(),
             // 静态资源插件 - 支持 @shared/static/* 导入
             staticAssetsPlugin,
-            // 开发环境下，解析路由
+            // 解析路由（dev + prod 均生成 routes.json 和 page-routes.json）
             needRoutes &&
                 new route_parser_plugin_1.default({
                     appPath: './client/src/app.tsx',

package/lib/rspack-plugins/route-parser-plugin.d.ts

@@ -1,3 +1,4 @@
+export { normalizeBasePath, parseRoutesFromFile } from '@lark-apaas/devtool-kits';
 interface RouteParserPluginOptions {
     appPath?: string;
     outputPath?: string;
@@ -8,15 +9,7 @@ declare class RouteParserPlugin {
     private lastAppPathHash;
     private cachedRoutes;
     constructor(options?: RouteParserPluginOptions);
-    private normalizeBasePath;
-    private log;
     apply(compiler: any): void;
     private shouldRegenerateRoutes;
-    private calculateFileHash;
-    private parseRoutes;
-    private isRouteComponent;
-    private extractRouteInfo;
-    private buildFullPath;
-    private evaluateTemplateLiteral;
 }
 export default RouteParserPlugin;

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

@@ -32,68 +32,33 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseRoutesFromFile = exports.normalizeBasePath = void 0;
 const fs = __importStar(require("fs"));
 const path = __importStar(require("path"));
-const crypto = __importStar(require("crypto"));
-const parser_1 = require("@babel/parser");
-const traverse_1 = __importDefault(require("@babel/traverse"));
-const t = __importStar(require("@babel/types"));
+const devtool_kits_1 = require("@lark-apaas/devtool-kits");
+// Re-export for backward compatibility
+var devtool_kits_2 = require("@lark-apaas/devtool-kits");
+Object.defineProperty(exports, "normalizeBasePath", { enumerable: true, get: function () { return devtool_kits_2.normalizeBasePath; } });
+Object.defineProperty(exports, "parseRoutesFromFile", { enumerable: true, get: function () { return devtool_kits_2.parseRoutesFromFile; } });
 class RouteParserPlugin {
     constructor(options = {}) {
         this.lastAppPathHash = null;
         this.cachedRoutes = null;
-        // 从环境变量读取 basePath，并规范化（确保以 / 开头，不以 / 结尾）
         const envBasePath = process.env.CLIENT_BASE_PATH || '';
-        const normalizedBasePath = this.normalizeBasePath(options.basePath ?? envBasePath);
+        const normalizedBasePath = (0, devtool_kits_1.normalizeBasePath)(options.basePath ?? envBasePath);
         this.options = {
             appPath: options.appPath || './client/src/app.tsx',
             outputPath: options.outputPath || './dist/client/routes.json',
             basePath: normalizedBasePath,
         };
     }
-    normalizeBasePath(basePath) {
-        if (!basePath || basePath === '/') {
-            return '';
-        }
-        // 确保以 / 开头
-        let normalized = basePath.startsWith('/') ? basePath : `/${basePath}`;
-        // 确保不以 / 结尾
-        if (normalized.endsWith('/')) {
-            normalized = normalized.slice(0, -1);
-        }
-        return normalized;
-    }
-    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;
+                    this.cachedRoutes = (0, devtool_kits_1.parseRoutesFromFile)(this.options.appPath, this.options.basePath);
                 }
                 const routesJson = JSON.stringify(this.cachedRoutes, null, 2);
                 compilation.assets['routes.json'] = {
@@ -103,7 +68,7 @@ class RouteParserPlugin {
                 callback();
             }
             catch (error) {
-                this.log('warn', '⚠️ 路由解析失败，使用默认路由:', error.message);
+                (0, devtool_kits_1.routeParserLog)('warn', '⚠️ 路由解析失败，使用默认路由:', error.message);
                 const { basePath } = this.options;
                 const defaultPath = basePath ? `${basePath}/` : '/';
                 const defaultRoutes = [{ path: defaultPath }];
@@ -120,10 +85,10 @@ class RouteParserPlugin {
         try {
             const appFilePath = path.resolve(process.cwd(), this.options.appPath);
             if (!fs.existsSync(appFilePath)) {
-                this.log('warn', `⚠️ App.tsx 文件不存在: ${appFilePath}`);
+                (0, devtool_kits_1.routeParserLog)('warn', `⚠️ App.tsx 文件不存在: ${appFilePath}`);
                 return false;
             }
-            const currentHash = this.calculateFileHash(appFilePath);
+            const currentHash = (0, devtool_kits_1.calculateFileHash)(appFilePath);
             if (this.lastAppPathHash === currentHash && this.cachedRoutes) {
                 return false;
             }
@@ -131,164 +96,9 @@ class RouteParserPlugin {
             return true;
         }
         catch (error) {
-            this.log('warn', '⚠️ 检查文件变更时出错:', error.message);
+            (0, devtool_kits_1.routeParserLog)('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');
-            const ast = (0, parser_1.parse)(sourceCode, {
-                sourceType: 'module',
-                plugins: [
-                    'jsx',
-                    'typescript',
-                    'decorators-legacy',
-                    'classProperties',
-                    'objectRestSpread',
-                    'functionBind',
-                    'exportDefaultFrom',
-                    'exportNamespaceFrom',
-                    'dynamicImport',
-                    'nullishCoalescingOperator',
-                    'optionalChaining'
-                ]
-            });
-            const routeSet = new Set();
-            const routeStack = [];
-            const self = this;
-            (0, traverse_1.default)(ast, {
-                JSXElement: {
-                    enter(path) {
-                        const { openingElement } = path.node;
-                        if (self.isRouteComponent(openingElement)) {
-                            const routeInfo = self.extractRouteInfo(openingElement);
-                            routeStack.push(routeInfo);
-                        }
-                    },
-                    exit(path) {
-                        const { openingElement } = path.node;
-                        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);
-                                }
-                            }
-                        }
-                    }
-                }
-            });
-            const { basePath } = this.options;
-            const routes = Array.from(routeSet).map(routePath => ({
-                path: basePath ? `${basePath}${routePath}` : routePath,
-            }));
-            // 默认路由也需要加上 basePath
-            const defaultPath = basePath ? `${basePath}/` : '/';
-            return routes.length > 0 ? routes : [{ path: defaultPath }];
-        }
-        catch (error) {
-            this.log('warn', '⚠️ 路由解析失败，使用默认路由:', error.message);
-            const { basePath } = this.options;
-            const defaultPath = basePath ? `${basePath}/` : '/';
-            return [{ path: defaultPath }];
-        }
-    }
-    isRouteComponent(openingElement) {
-        return (t.isJSXIdentifier(openingElement.name) &&
-            openingElement.name.name === 'Route');
-    }
-    extractRouteInfo(openingElement) {
-        const routeInfo = {};
-        openingElement.attributes.forEach((attr) => {
-            if (t.isJSXAttribute(attr)) {
-                const name = attr.name.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 {
-                            value = true;
-                        }
-                    }
-                }
-                else {
-                    value = true;
-                }
-                routeInfo[name] = value;
-            }
-        });
-        return routeInfo;
-    }
-    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('');
-    }
 }
 exports.default = RouteParserPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/fullstack-rspack-preset",
-  "version": "1.0.50-alpha.0",
+  "version": "1.0.50",
   "files": [
     "lib",
     "patches",
@@ -31,7 +31,7 @@
     "@babel/parser": "^7.28.0",
     "@babel/traverse": "^7.28.0",
     "@babel/types": "^7.28.2",
-    "@lark-apaas/devtool-kits": "^1.2.19",
+    "@lark-apaas/devtool-kits": "^1.2.20",
     "@lark-apaas/miaoda-inspector-babel-plugin": "^1.0.2",
     "@lark-apaas/styled-jsx": "^1.0.1",
     "@rspack/plugin-react-refresh": "^1.5.1",