@lark-apaas/fullstack-rspack-preset 1.0.14 → 1.0.16

package/lib/overlay/index.js

@@ -132,17 +132,21 @@ function removeAllChildren(element, skip) {
 // 获取父窗口 origin
 function getPreviewParentOrigin() {
     const { origin } = window.location;
-    // 线上环境
+    // force BOE环境
+    if (origin.includes('force.byted.org')) {
+        return 'https://force.feishu-boe.cn';
+    }
+    // MIAODA 线上环境
     if (origin.includes('feishuapp.cn') ||
         origin.includes('miaoda.feishuapp.net')) {
         return 'https://miaoda.feishu.cn';
     }
-    // PRE 环境
+    // MIAODA PRE 环境
     if (origin.includes('fsapp.kundou.cn') ||
         origin.includes('miaoda-pre.feishuapp.net')) {
         return 'https://miaoda.feishu-pre.cn';
     }
-    // BOE 环境
+    // MIAODA BOE 环境
     return 'https://miaoda.feishu-boe.cn';
 }
 function sendPostMessage(message, targetOrigin) {

package/lib/preset.js

@@ -153,7 +153,7 @@ function createRecommendRspackConfig(options) {
                 },
                 minify: false, // 关闭 html 压缩，导致数据注入异常
             }),
-            // 性能监控插件
+            // 性能监控&tea埋点sdk插件
             new slardar_performance_monitor_plugin_1.default(),
             // 视图上下文注入插件
             new view_context_injection_plugin_1.default(),
@@ -233,13 +233,17 @@ function createRecommendRspackConfig(options) {
                 publicPath: publicPath,
             },
             webSocketServer: {
-                type: 'sockjs',
+                // TODO 这里临时耦合了 CLIENT_BASE_PATH 包含 'af/p' 字符串判断是否为 force 部署
+                // 由于后期合并沙箱后会统一为 ws 协议，因此合并后直接删掉这里逻辑即可
+                type: clientBasePath.includes('af/p') ? 'ws' : 'sockjs',
                 options: {
                     path: `${clientBasePath}/ws`,
                 },
             },
             client: {
-                webSocketTransport: 'sockjs',
+                // TODO 这里临时耦合了 CLIENT_BASE_PATH 包含 'af/p' 字符串判断是否为 force 部署
+                // 由于后期合并沙箱后会统一为 ws 协议，因此合并后直接删掉这里逻辑即可
+                webSocketTransport: clientBasePath.includes('af/p') ? 'ws' : 'sockjs',
                 webSocketURL: {
                     port: 0,
                     pathname: `${clientBasePath}/ws`
@@ -251,6 +255,7 @@ function createRecommendRspackConfig(options) {
                 const requestOrigin = req.headers.origin ?? '';
                 // 定义允许的域名白名单
                 const allowedOrigins = [
+                    'https://force.feishu-boe.cn',
                     'https://miaoda.feishu.cn',
                     'https://miaoda.feishu-boe.cn',
                     'https://miaoda.feishu-pre.cn',

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

@@ -38,6 +38,7 @@ class SlardarPerformanceMonitorPlugin {
                         bid: this.options.bid,
                         globalName: this.options.globalName,
                     });
+                    const teaSnippet = getTeaScriptContent();
                     if (!snippet)
                         return data;
                     // 创建 Slardar 脚本标签对象
@@ -47,6 +48,13 @@ class SlardarPerformanceMonitorPlugin {
                         innerHTML: snippet,
                         attributes: {},
                     };
+                    // 创建 Tea 脚本标签对象
+                    const teaTag = {
+                        tagName: 'script',
+                        voidTag: false,
+                        innerHTML: teaSnippet,
+                        attributes: {},
+                    };
                     // 找到 main.js 的索引位置
                     const mainJsIndex = data.headTags.findIndex((tag) => tag.tagName === 'script' &&
                         tag.attributes &&
@@ -54,11 +62,12 @@ class SlardarPerformanceMonitorPlugin {
                         tag.attributes.src.includes('main.js'));
                     if (mainJsIndex !== -1) {
                         // 在 main.js 之前插入 Slardar 脚本
-                        data.headTags.splice(mainJsIndex, 0, slardarTag);
+                        data.headTags.splice(mainJsIndex, 0, slardarTag, teaTag);
                     }
                     else {
                         // 如果没找到 main.js，插入到 headTags 最前面
                         data.headTags.unshift(slardarTag);
+                        data.headTags.unshift(teaTag);
                     }
                     return data;
                 });
@@ -106,3 +115,33 @@ function getSlardarScriptContent(option = {}) {
     document.head.appendChild(performanceScript);
   `;
 }
+// 获取 tea sdk 脚本
+function getTeaScriptContent() {
+    return `
+  (function (win, export_obj) {
+    win['LogAnalyticsObject'] = export_obj;
+    if (!win[export_obj]) {
+      function _collect() {
+        _collect.q.push(arguments);
+      }
+      _collect.q = _collect.q || [];
+      win[export_obj] = _collect;
+    }
+    win[export_obj].l = +new Date();
+  })(window, 'collectEvent');
+
+  // 创建 tea sdk 脚本元素
+    const teaScript = document.createElement('script');
+    teaScript.src = 'https://lf3-cdn-tos.bytescm.com/obj/static/log-sdk/collect/5.1/collect.js';
+    teaScript.crossOrigin = 'anonymous';
+    teaScript.async = true;
+
+    // 添加错误处理
+    teaScript.onerror = function() {
+      console.warn('Failed to load Tea script');
+    };
+
+    // 将脚本添加到页面
+    document.head.appendChild(teaScript);
+  `;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/fullstack-rspack-preset",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "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.1",
+    "@lark-apaas/devtool-kits": "^1.2.4",
     "@lark-apaas/miaoda-inspector-babel-plugin": "^1.0.0",
     "@lark-apaas/miaoda-inspector-jsx-runtime": "^1.0.0",
     "@rspack/plugin-react-refresh": "^1.5.1",