cwj_monitoring 0.0.26 → 0.0.27

package/README.md

@@ -96,7 +96,7 @@ interface TransportConfig {
 
 **配置项：**
 
-- `loafThreshold`: LoAF 阈值 (ms)，默认 `50`
+- `loafThreshold`: LoAF 阈值 (ms)，默认 `100`
 - `resourceThreshold`: 资源加载阈值 (ms)，默认 `1000`
 - `filter`: 过滤函数，支持按类型过滤指标
 

package/dist/index.cjs

@@ -117,7 +117,8 @@ const MAX_CACHE_LEN = 5;
 const MAX_WAITING_TIME = 3e4;
 const UUID = "track_uuid";
 const DEFAULT_RESOURCE_THRESHOLD = 1e3;
-const DEFAULT_LOAF_THRESHOLD = 50;
+const DEFAULT_LOAF_THRESHOLD = 100;
+const DEFAULT_LOAF_SINGLETIME = 50;
 
 var __defProp$3 = Object.defineProperty;
 var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -669,41 +670,74 @@ const PerformancePlugin = (options = {}) => {
           continue;
         }
         const threshold = options.loafThreshold ?? DEFAULT_LOAF_THRESHOLD;
-        if (entry.duration > threshold) {
-          const scripts = Array.isArray(entry.scripts) ? entry.scripts : [];
-          let isUserTriggered = false;
-          let allIgnored = true;
-          for (let i = 0; i < scripts.length; i++) {
-            const s = scripts[i];
-            if (!s)
-              continue;
-            if (!isUserTriggered && s.invokerType === "user-callback")
-              isUserTriggered = true;
-            if (allIgnored && !isIgnoredScriptSource(s.sourceURL)) {
-              allIgnored = false;
-            }
-            if (isUserTriggered && !allIgnored)
-              break;
-          }
-          if (isUserTriggered && !allIgnored) {
-            context?.emit(EMIT_TYPE.PERFORMANCE_LOAF, {
-              duration: entry.duration,
-              startTime: entry.startTime,
-              renderStart: entry.renderStart,
-              styleAndLayoutStart: entry.styleAndLayoutStart,
-              hadRecentInput: entry.hadRecentInput,
-              scripts: entry.scripts.map((s) => ({
-                duration: s.duration,
-                invoker: s.invoker,
-                invokerType: s.invokerType,
-                sourceURL: s.sourceURL,
-                functionName: s.functionName,
-                sourceFunctionName: s.sourceFunctionName,
-                sourceCharPosition: s.sourceCharPosition,
-                startTime: s.startTime
-              }))
-            });
+        if (typeof entry.duration !== "number" || entry.duration <= threshold)
+          continue;
+        const scripts = Array.isArray(entry.scripts) ? entry.scripts : [];
+        let isUserTriggered = false;
+        let allIgnored = true;
+        for (let i = 0; i < scripts.length; i++) {
+          const s = scripts[i];
+          if (!s)
+            continue;
+          if (!isUserTriggered && s.invokerType === "user-callback")
+            isUserTriggered = true;
+          if (allIgnored && !isIgnoredScriptSource(s.sourceURL)) {
+            allIgnored = false;
           }
+          if (isUserTriggered && !allIgnored)
+            break;
+        }
+        if (isUserTriggered && !allIgnored) {
+          const baseInfo = {
+            duration: entry.duration,
+            startTime: entry.startTime,
+            renderStart: entry.renderStart,
+            styleAndLayoutStart: entry.styleAndLayoutStart,
+            hadRecentInput: entry.hadRecentInput,
+            scripts: entry.scripts.map((s) => ({
+              duration: s.duration,
+              invoker: s.invoker,
+              invokerType: s.invokerType,
+              sourceURL: s.sourceURL,
+              functionName: s.functionName,
+              sourceFunctionName: s.sourceFunctionName,
+              sourceCharPosition: s.sourceCharPosition,
+              startTime: s.startTime
+            }))
+          };
+          (async () => {
+            const longScripts = scripts.filter(
+              (s) => s && typeof s.duration === "number" && s.duration > DEFAULT_LOAF_SINGLETIME && s.sourceURL
+            );
+            const contexts = [];
+            for (const s of longScripts) {
+              try {
+                const url = String(s.sourceURL);
+                const resp = await fetch(url, { cache: "no-store" });
+                if (!resp.ok) {
+                  contexts.push({ sourceURL: url, error: `http ${resp.status}` });
+                  continue;
+                }
+                const text = await resp.text();
+                const pos = typeof s.sourceCharPosition === "number" ? s.sourceCharPosition : void 0;
+                if (pos !== void 0 && Number.isFinite(pos)) {
+                  const start = Math.max(0, pos - 50);
+                  const end = Math.min(text.length, pos + 50);
+                  const snippet = text.substring(start, end);
+                  contexts.push({ sourceURL: url, position: pos, snippet });
+                } else {
+                  contexts.push({ sourceURL: url, error: "no-position" });
+                }
+              } catch (e) {
+                contexts.push({
+                  sourceURL: s && s.sourceURL ? String(s.sourceURL) : "",
+                  error: e?.message || String(e)
+                });
+              }
+            }
+            const info = { ...baseInfo, contexts };
+            context?.emit(EMIT_TYPE.PERFORMANCE_LOAF, info);
+          })();
         }
       }
     };