@lark-apaas/fullstack-rspack-preset 1.0.31 → 1.0.32-alpha.1

package/lib/overlay/index.js

@@ -129,11 +129,6 @@ function removeAllChildren(element, skip) {
         element.removeChild(childList[i]);
     }
 }
-function getEnvOrigin() {
-    return typeof process !== 'undefined' && process.env
-        ? process.env.FORCE_FRAMEWORK_DOMAIN_MAIN
-        : undefined;
-}
 function getLegacyParentOrigin() {
     const currentOrigin = window.location?.origin || '';
     if (currentOrigin.includes('force.feishuapp.net')) {
@@ -155,7 +150,7 @@ function getLegacyParentOrigin() {
 }
 function sendPostMessage(message, targetOrigin) {
     try {
-        const parentOrigin = getEnvOrigin() || getLegacyParentOrigin();
+        const parentOrigin = process?.env?.FORCE_FRAMEWORK_DOMAIN_MAIN || getLegacyParentOrigin();
         const origin = targetOrigin || parentOrigin;
         window.parent.postMessage(message, origin);
     }

package/lib/preset.js

@@ -13,6 +13,7 @@ const route_parser_plugin_1 = __importDefault(require("./rspack-plugins/route-pa
 const slardar_performance_monitor_plugin_1 = __importDefault(require("./rspack-plugins/slardar-performance-monitor-plugin"));
 const view_context_injection_plugin_1 = __importDefault(require("./rspack-plugins/view-context-injection-plugin"));
 const og_meta_injection_plugin_1 = __importDefault(require("./rspack-plugins/og-meta-injection-plugin"));
+const source_map_upload_plugin_1 = __importDefault(require("./rspack-plugins/source-map-upload-plugin"));
 const dev_server_snapdom_proxy_1 = require("./utils/dev-server-snapdom-proxy");
 function sendBackendUnavailable502(_err, _req, res) {
     if (res.headersSent)
@@ -23,12 +24,16 @@ 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 createRecommendRspackConfig(options) {
     const { isDev = true, enableReactRefresh = isDev, needRoutes = true, clientBasePath = '', publicPath = '', // 静态资源路径
      } = options;
     const assetsCDNPath = publicPath + '/';
     const rootDir = process.cwd();
     const serverPort = process.env.SERVER_PORT || '3000';
+    // 优先从环境变量获取 RELEASE_ID，否则使用时间戳作为兜底
+    const releaseId = process.env.RELEASE_ID || new Date().toISOString();
     return {
         mode: isDev ? 'development' : 'production',
         cache: false,
@@ -91,6 +96,16 @@ function createRecommendRspackConfig(options) {
                 {
                     test: /\.tsx?$/,
                     use: [
+                        ...(isLooseMode ? [{
+                                loader: require.resolve('babel-loader'),
+                                options: {
+                                    plugins: [
+                                        [
+                                            require.resolve('@lark-apaas/styled-jsx/babel'),
+                                        ]
+                                    ]
+                                },
+                            }] : []),
                         {
                             loader: 'builtin:swc-loader',
                             options: {
@@ -118,7 +133,7 @@ function createRecommendRspackConfig(options) {
                                         // 避免 wasm 出现到根目录，统一放到 node_modules/.cache 目录下
                                         cacheRoot: path_1.default.join(rootDir, './node_modules/.cache/swc'),
                                         // 支持 styled-jsx 语法
-                                        plugins: [[require.resolve('@swc/plugin-styled-jsx'), {}]],
+                                        plugins: [isLooseMode ? null : [require.resolve('@swc/plugin-styled-jsx'), {}]].filter(Boolean),
                                     },
                                 },
                             },
@@ -126,7 +141,7 @@ function createRecommendRspackConfig(options) {
                         ...(isDev
                             ? [require.resolve('@lark-apaas/miaoda-inspector-babel-plugin')]
                             : []),
-                    ],
+                    ].filter(Boolean),
                 },
             ],
         },
@@ -148,6 +163,7 @@ function createRecommendRspackConfig(options) {
                 'process.env.CLIENT_BASE_PATH': JSON.stringify(clientBasePath),
                 'process.env.FORCE_FRAMEWORK_DOMAIN_MAIN': JSON.stringify(process.env.FORCE_FRAMEWORK_DOMAIN_MAIN ?? ''),
                 'process.env.CWD': JSON.stringify(''),
+                'window.__APP_VERSION__': JSON.stringify(releaseId),
                 // 解决 window 未定义问题
                 'typeof window': JSON.stringify('object'),
                 window: 'globalThis',
@@ -188,6 +204,10 @@ function createRecommendRspackConfig(options) {
                     module: path_1.default.resolve(__dirname, 'overlay/index.js'),
                 },
             }),
+            // 生产环境下，收集 sourcemap
+            !isDev && new source_map_upload_plugin_1.default({
+                outputDir: path_1.default.resolve(rootDir, 'dist/sourcemaps'),
+            }),
         ],
         optimization: isDev
             ? {}
@@ -232,7 +252,7 @@ function createRecommendRspackConfig(options) {
                 mergeDuplicateChunks: true,
                 splitChunks: false, // 禁用代码分割，保持单文件输出
             },
-        devtool: isDev ? 'source-map' : false, // 对应vite的sourcemap配置
+        devtool: isDev ? 'source-map' : 'hidden-source-map', // 对应vite的sourcemap配置
         devServer: {
             port: process.env.CLIENT_DEV_PORT || 8080,
             host: process.env.CLIENT_DEV_HOST || 'localhost',

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

@@ -12,7 +12,9 @@ class SlardarPerformanceMonitorPlugin {
                 let HtmlPlugin;
                 try {
                     // 尝试从 compiler 中获取 rspack
-                    const rspack = compiler.webpack || compiler.rspack || compiler.constructor.webpack;
+                    const rspack = compiler.webpack ||
+                        compiler.rspack ||
+                        compiler.constructor.webpack;
                     if (rspack && rspack.HtmlRspackPlugin) {
                         HtmlPlugin = rspack.HtmlRspackPlugin;
                     }
@@ -34,10 +36,11 @@ class SlardarPerformanceMonitorPlugin {
                 const hooks = HtmlPlugin.getHooks(compilation);
                 // 使用 alterAssetTagGroups 钩子，在标签数组层面操作
                 hooks.alterAssetTagGroups.tap('SlardarPerformanceMonitorPlugin', (data) => {
-                    const snippet = this.options.snippet ?? getSlardarScriptContent({
-                        bid: this.options.bid,
-                        globalName: this.options.globalName,
-                    });
+                    const snippet = this.options.snippet ??
+                        getSlardarScriptContent({
+                            bid: this.options.bid,
+                            globalName: this.options.globalName,
+                        });
                     const teaSnippet = getTeaScriptContent();
                     if (!snippet) {
                         return data;
@@ -88,7 +91,7 @@ class SlardarPerformanceMonitorPlugin {
 }
 exports.default = SlardarPerformanceMonitorPlugin;
 function getSlardarScriptContent(option = {}) {
-    const bid = option.bid || 'apaas_ai';
+    const bid = option.bid || 'apaas_miaoda';
     const globalName = option.globalName || 'KSlardarWeb';
     return [
         {

package/lib/rspack-plugins/source-map-upload-plugin.d.ts

@@ -0,0 +1,10 @@
+import { type Compiler } from '@rspack/core';
+interface SourceMapUploadPluginOptions {
+    outputDir: string;
+}
+declare class SourceMapUploadPlugin {
+    private options;
+    constructor(options: SourceMapUploadPluginOptions);
+    apply(compiler: Compiler): void;
+}
+export default SourceMapUploadPlugin;

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

@@ -0,0 +1,94 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = __importDefault(require("@rspack/core"));
+const fs = __importStar(require("fs"));
+const path = __importStar(require("path"));
+class SourceMapUploadPlugin {
+    constructor(options) {
+        if (!options.outputDir) {
+            throw new Error('SourceMapUploadPlugin: outputDir is required');
+        }
+        this.options = options;
+    }
+    apply(compiler) {
+        compiler.hooks.afterEmit.tapPromise('SourceMapUploadPlugin', async (compilation) => {
+            console.log('SourceMapUploadPlugin: Starting sourcemap consolidation process...');
+            const outputPath = compiler.options.output.path;
+            if (!outputPath) {
+                compilation.warnings.push(new core_1.default.WebpackError('SourceMapUploadPlugin: compiler.options.output.path is not defined. Skipping sourcemap consolidation.'));
+                return;
+            }
+            const assets = compilation.getAssets();
+            const sourceMaps = assets.filter(asset => asset.name.endsWith('.map'));
+            if (sourceMaps.length === 0) {
+                console.log('SourceMapUploadPlugin: No sourcemaps found to consolidate.');
+                return;
+            }
+            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;
+                const destinationPath = path.join(sourcemapTargetDir, assetName);
+                try {
+                    // Ensure the destination directory for the specific file exists.
+                    const destinationDir = path.dirname(destinationPath);
+                    if (!fs.existsSync(destinationDir)) {
+                        fs.mkdirSync(destinationDir, { recursive: true });
+                    }
+                    // The asset source may be a Buffer or a string.
+                    const source = sourceMap.source.source();
+                    const sourceBuffer = Buffer.isBuffer(source) ? source : Buffer.from(source, 'utf-8');
+                    fs.writeFileSync(destinationPath, sourceBuffer);
+                    console.log(`SourceMapUploadPlugin: Consolidated ${assetName} to ${destinationPath}`);
+                }
+                catch (error) {
+                    const errorMessage = `SourceMapUploadPlugin: Failed to consolidate ${assetName}.`;
+                    console.error(errorMessage, error);
+                    if (error instanceof Error) {
+                        compilation.errors.push(new Error(`${errorMessage} Error: ${error.message}`));
+                    }
+                    else {
+                        compilation.errors.push(new Error(`${errorMessage} Error: ${String(error)}`));
+                    }
+                }
+            }
+        });
+    }
+}
+exports.default = SourceMapUploadPlugin;

package/lib/rspack-plugins/view-context-injection-plugin.js

@@ -70,6 +70,7 @@ function getViewContextScriptContent() {
         window.userId = "{{userId}}";
         window.tenantId = "{{tenantId}}";
         window.appId = "{{appId}}";
+        window.ENVIRONMENT = "{{environment}}";
         const appInfo = {
           name: "{{appName}}",
           avatar: "{{{appAvatar}}}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/fullstack-rspack-preset",
-  "version": "1.0.31",
+  "version": "1.0.32-alpha.1",
   "files": [
     "lib",
     "patches",
@@ -31,11 +31,13 @@
     "@babel/parser": "^7.28.0",
     "@babel/traverse": "^7.28.0",
     "@babel/types": "^7.28.2",
-    "@lark-apaas/devtool-kits": "1.2.14-alpha.0",
+    "@lark-apaas/devtool-kits": "^1.2.15",
     "@lark-apaas/miaoda-inspector-babel-plugin": "^1.0.0",
     "@lark-apaas/miaoda-inspector-jsx-runtime": "^1.0.0",
+    "@lark-apaas/styled-jsx": "^1.0.1",
     "@rspack/plugin-react-refresh": "^1.5.1",
     "@swc/plugin-styled-jsx": "^11.0.0",
+    "babel-loader": "^10.0.0",
     "clsx": "^2.1.1",
     "colorjs.io": "^0.5.2",
     "dotenv": "^16.4.5",
@@ -56,6 +58,5 @@
     "@rspack/core": "^1.5.5",
     "react": ">=16.14.0",
     "react-dom": ">=16.14.0"
-  },
-  "gitHead": "68657b650e5f2343843850323db2b3beae697ace"
-}
+  }
+}