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

package/lib/preset.js

@@ -29,8 +29,6 @@ function sendBackendUnavailable502(_err, _req, res) {
     });
     res.end(JSON.stringify({ error: 'Bad Gateway', message: 'Backend service is not running' }));
 }
-// 检查是否启用宽松 build 模式
-const isLooseMode = process.env.FORCE_FRAMEWORK_BUILD_LOOSE_MODE === 'true';
 function readAppFlags(rootDir) {
     try {
         return JSON.parse(fs_1.default.readFileSync(path_1.default.resolve(rootDir, 'package.json'), 'utf-8')).flags || {};
@@ -46,6 +44,12 @@ function createRecommendRspackConfig(options) {
     const rootDir = process.cwd();
     const serverPort = process.env.SERVER_PORT || '3000';
     const appFlags = readAppFlags(rootDir);
+    // 从 clientBasePath（如 /app/app123）中提取 appId，用于构造旧路径代理规则
+    // 仅在新路径格式（/app/:appId）下启用旧路径兼容
+    const isNewPathFormat = /^\/app\/[^/]/.test(clientBasePath);
+    const appId = isNewPathFormat
+        ? clientBasePath.replace(/\/+$/, '').split('/').pop()
+        : '';
     // 提前创建实例，以便在 plugins 和 setupMiddlewares 中复用
     const staticAssetsPlugin = new static_assets_plugin_1.default({ clientBasePath, rootDir });
     // 优先从环境变量获取 RELEASE_ID，否则使用时间戳作为兜底
@@ -123,16 +127,16 @@ function createRecommendRspackConfig(options) {
                 {
                     test: /\.tsx?$/,
                     use: [
-                        ...(isLooseMode ? [{
-                                loader: require.resolve('babel-loader'),
-                                options: {
-                                    plugins: [
-                                        [
-                                            require.resolve('@lark-apaas/styled-jsx/babel'),
-                                        ]
+                        {
+                            loader: require.resolve('babel-loader'),
+                            options: {
+                                plugins: [
+                                    [
+                                        require.resolve('@lark-apaas/styled-jsx/babel'),
                                     ]
-                                },
-                            }] : []),
+                                ]
+                            },
+                        },
                         {
                             loader: 'builtin:swc-loader',
                             options: {
@@ -154,8 +158,8 @@ function createRecommendRspackConfig(options) {
                                     experimental: {
                                         // 避免 wasm 出现到根目录，统一放到 node_modules/.cache 目录下
                                         cacheRoot: path_1.default.join(rootDir, './node_modules/.cache/swc'),
-                                        // 支持 styled-jsx 语法
-                                        plugins: [isLooseMode ? null : [require.resolve('@swc/plugin-styled-jsx'), {}]].filter(Boolean),
+                                        // styled-jsx 统一由 babel-loader 处理，不再使用 @swc/plugin-styled-jsx（SWC 插件存在编译卡死问题）
+                                        plugins: [],
                                     },
                                 },
                             },
@@ -222,10 +226,10 @@ function createRecommendRspackConfig(options) {
                 },
                 minify: false, // 关闭 html 压缩，导致数据注入异常
             }),
+            // 视图上下文注入插件（必须在 slardar 之前，确保 HTML 中 viewContext 先于 slardar）
+            new view_context_injection_plugin_1.default(),
             // 性能监控&tea埋点sdk插件
             new slardar_performance_monitor_plugin_1.default(),
-            // 视图上下文注入插件
-            new view_context_injection_plugin_1.default(),
             // OG Meta 标签注入插件
             new og_meta_injection_plugin_1.default(),
             // 生产环境：生成 legacy CSS 并注入检测脚本
@@ -357,6 +361,23 @@ function createRecommendRspackConfig(options) {
                     changeOrigin: true,
                     onError: sendBackendUnavailable502,
                 },
+                // 旧路径（/af/p/:appId）兼容代理，转发到 Node Server 由 legacy-path-redirect 中间件处理
+                ...(appId
+                    ? [
+                        {
+                            context: [`/af/p/${appId}/api`],
+                            target: `http://localhost:${serverPort}`,
+                            changeOrigin: true,
+                            onError: sendBackendUnavailable502,
+                        },
+                        {
+                            context: [`/af/p/${appId}/__innerapi__`],
+                            target: `http://localhost:${serverPort}`,
+                            changeOrigin: true,
+                            onError: sendBackendUnavailable502,
+                        },
+                    ]
+                    : []),
                 {
                     context: (pathname, req) => {
                         // 代理所有请求 HTML 响应的请求（页面路由）

package/lib/rspack-plugins/slardar-performance-monitor-plugin.js

@@ -106,10 +106,14 @@ function getSlardarScriptContent(option = {}) {
         slardarScript.onload = function() {
           // 脚本加载完成后执行初始化
           if (window.${globalName}) {
+            window.${globalName}('context.merge', {
+              tenantId: window.tenantId ?? '',
+              appId: window.appId ?? '',
+            });
             window.${globalName}('init', {
               bid: '${bid}',
-              // 四种类型：dev/boe/pre/online
-              env: 'online',
+              env: window.ENVIRONMENT || 'online',
+              userId: window.userId ?? '',
             });
             window.${globalName}('start');
           }

package/lib/rspack-plugins/source-map-upload-plugin.js

@@ -63,9 +63,14 @@ class SourceMapUploadPlugin {
             const outputBaseDir = path.basename(outputPath); // e.g., 'client'
             const sourcemapTargetDir = path.join(this.options.outputDir, outputBaseDir); // e.g., 'dist/sourcemaps/client'
             for (const sourceMap of sourceMaps) {
-                const assetName = sourceMap.name;
+                let assetName = sourceMap.name;
+                // Align with Vite's output structure by adding 'assets' and removing 'chunks'
+                if (assetName.startsWith('chunks/')) {
+                    assetName = assetName.substring('chunks/'.length);
+                }
+                assetName = path.join('assets', assetName);
                 const destinationPath = path.join(sourcemapTargetDir, assetName);
-                const originalPath = path.join(outputPath, assetName);
+                const originalPath = path.join(outputPath, sourceMap.name);
                 try {
                     // Ensure the destination directory for the specific file exists.
                     const destinationDir = path.dirname(destinationPath);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/fullstack-rspack-preset",
-  "version": "1.0.48",
+  "version": "1.0.50-alpha.0",
   "files": [
     "lib",
     "patches",
@@ -31,8 +31,8 @@
     "@babel/parser": "^7.28.0",
     "@babel/traverse": "^7.28.0",
     "@babel/types": "^7.28.2",
-    "@lark-apaas/devtool-kits": "^1.2.18",
-    "@lark-apaas/miaoda-inspector-babel-plugin": "^1.0.1",
+    "@lark-apaas/devtool-kits": "^1.2.19",
+    "@lark-apaas/miaoda-inspector-babel-plugin": "^1.0.2",
     "@lark-apaas/styled-jsx": "^1.0.1",
     "@rspack/plugin-react-refresh": "^1.5.1",
     "@swc/plugin-styled-jsx": "^11.0.0",
@@ -55,7 +55,7 @@
     "@rspack/core": "^1.5.5",
     "@types/node": "^22.15.30",
     "typescript": "^5.9.2",
-    "vitest": "^2.1.8"
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
     "@rspack/core": "^1.5.5",