cwj_monitoring 0.0.26 → 0.0.27

package/dist/index.umd.js

@@ -121,7 +121,8 @@
   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;
@@ -673,41 +674,74 @@
             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);
+            })();
           }
         }
       };