@lark-apaas/fullstack-rspack-preset 1.0.8-alpha.log.1 → 1.0.8-alpha.log.10

package/lib/overlay/components.js

@@ -16,11 +16,11 @@ function ErrorContainer(document, root, errorTitle) {
     // 创建图片元素
     const img = document.createElement('img');
     img.src =
-        'https://lf3-static.bytednsdoc.com/obj/eden-cn/ylcylz_fsph_ryhs/ljhwZthlaukjlkulzlp/feisuda/template/render_error.svg';
+        'https://lf3-static.bytednsdoc.com/obj/eden-cn/ylcylz_fsph_ryhs/ljhwZthlaukjlkulzlp/feisuda/template/illustration_empty_negative_error.svg';
     img.alt = 'Error';
     // 图片占位
-    img.width = 200;
-    img.height = 200;
+    img.width = 100;
+    img.height = 100;
     img.className = 'overlay-error-image';
     content.appendChild(img);
     // 创建标题元素
@@ -67,7 +67,7 @@ function RootStyle(document, root) {
 
     .overlay-error-image {
       margin-bottom: 12px; /* mb-3 */
-      width: 200px; /* w-[200px] */
+      width: 100px; /* w-[100px] */
       height: auto;
     }
 

package/lib/overlay/index.js

@@ -157,9 +157,14 @@ function sendPostMessage(message, targetOrigin) {
 /**
  * 上报错误信息
  * @param {(string | Error)[]} messages 日志信息
- * @param {boolean} noStacktrace 是否移除堆栈信息
+ * @param {'compileError' | 'runtimeError'} mode 日志模式
  */
-function logError(messages, noStacktrace = false) {
+function logError(messages, mode) {
+    const logMeta = {
+        noStacktrace: mode === 'compileError',
+        stacktrace: mode === 'compileError' ? [] : undefined,
+        type: mode === 'compileError' ? 'compile-error' : 'uncaught-render-error',
+    };
     try {
         // 优先使用暴露的 __RUNTIME_LOGGER__ 上报错误
         // 运行时错误出现时，window已经挂载
@@ -167,14 +172,20 @@ function logError(messages, noStacktrace = false) {
             window.__RUNTIME_LOGGER__.get().log({
                 level: 'error',
                 args: messages,
-                meta: {
-                    noStacktrace,
-                    stacktrace: noStacktrace ? [] : undefined,
-                }
+                meta: logMeta,
             });
             return;
         }
         // 首次执行编译报错会走此处逻辑；
+        const parts = [];
+        for (const m of messages) {
+            if (m instanceof Error) {
+                parts.push(m.message, m);
+            }
+            else {
+                parts.push(m);
+            }
+        }
         const logJSON = {
             id: 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
                 const r = Math.random() * 16 | 0;
@@ -183,13 +194,10 @@ function logError(messages, noStacktrace = false) {
             }),
             type: 'typedLogV2',
             level: 'error',
-            args: messages.map(item => item instanceof Error ? `${item.message}\n${item.stack}\n` : item),
-            meta: {
-                noStacktrace,
-                stacktrace: noStacktrace ? [] : undefined,
-            }
+            args: parts,
+            meta: logMeta,
         };
-        sendPostMessage({ type: 'SELECTED_LOG', payload: logJSON });
+        sendPostMessage({ type: 'SELECTED_LOG', payload: JSON.stringify(logJSON) });
     }
     catch (e) {
         console.log('上报错误信息失败', e);
@@ -219,15 +227,15 @@ function render() {
         if (currentCompileErrorMessage) {
             currentMode = 'compileError';
             // 发送编译错误
-            logError(['Compile Error', currentCompileErrorMessage], true);
+            logError(['Compile Error', currentCompileErrorMessage], currentMode);
             ErrorContainer(rootDocument, root, '编译出错');
         }
         else if (currentRuntimeErrors.length) {
             currentMode = 'runtimeError';
             // 发送运行错误
-            logError(['Uncaught Render Error', currentRuntimeErrors]);
+            logError(['Uncaught Render Error', ...currentRuntimeErrors], currentMode);
             // 叠加全部报错，将报错信息发送到妙搭
-            ErrorContainer(rootDocument, root, '哎呀，出错了');
+            ErrorContainer(rootDocument, root, '页面出错了');
         }
     });
 }

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

@@ -102,7 +102,7 @@ function getSlardarScriptContent(option = {}) {
 
     // 添加 TTI 监控脚本
     const performanceScript = document.createElement('script');
-    performanceScript.src = 'https://sf3-scmcdn-cn.feishucdn.com/obj/unpkg/byted/performance/0.1.0/dist/performance.iife.js';
+    performanceScript.src = 'https://sf3-scmcdn-cn.feishucdn.com/obj/unpkg/byted/performance/0.1.2/dist/performance.iife.js';
     document.head.appendChild(performanceScript);
   `;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/fullstack-rspack-preset",
-  "version": "1.0.8-alpha.log.1",
+  "version": "1.0.8-alpha.log.10",
   "files": [
     "lib",
     "preset.config.js"