web-tracing-core 2.1.0 → 2.1.2

package/__test__/performance.spec.ts

@@ -65,6 +65,9 @@ describe('err', () => {
 
   it('firstResource performance should be captured correctly', async () => {
     const page = await loadTestPage()
+    await page.waitForFunction(
+      () => (window as any).__WebTracingData__ !== undefined
+    )
     const webTracingData = (await page.evaluate(
       `window.__WebTracingData__`
     )) as any[]

package/__test__/utils/index.ts

@@ -68,6 +68,34 @@ export function replaceLast(str: string, find: string, replace: string) {
 export async function launchPuppeteer(
   options?: Parameters<(typeof puppeteer)['launch']>[0]
 ) {
+  const resolveExecutablePath = () => {
+    const envPath =
+      process.env.PUPPETEER_EXECUTABLE_PATH || process.env.PUPPETEER_EXEC_PATH
+    const candidates = [
+      envPath,
+      '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
+      '/Applications/Google Chrome Canary.app/Contents/MacOS/Google Chrome Canary',
+      '/Applications/Chromium.app/Contents/MacOS/Chromium',
+      '/opt/homebrew/bin/chromium',
+      '/opt/homebrew/bin/google-chrome',
+      '/usr/bin/google-chrome',
+      '/usr/bin/chromium-browser',
+      '/usr/bin/chromium'
+    ].filter(Boolean) as string[]
+
+    for (const p of candidates) {
+      try {
+        if (fs.existsSync(p) && fs.statSync(p).isFile()) return p
+      } catch {
+        continue
+      }
+    }
+    return undefined
+  }
+
+  const resolvedExecutablePath =
+    options?.executablePath || resolveExecutablePath()
+
   return await puppeteer.launch({
     headless: true,
     defaultViewport: {
@@ -75,6 +103,11 @@ export async function launchPuppeteer(
       height: 1080
     },
     args: ['--no-sandbox'],
+    ...(resolvedExecutablePath
+      ? { executablePath: resolvedExecutablePath }
+      : options?.channel
+      ? {}
+      : { channel: 'chrome' }),
     ...options
   })
 }

package/dist/README.md

@@ -19,6 +19,10 @@
 
 [vue3版本 https://github.com/M-cheng-web/web-tracing-examples-vue3](https://github.com/M-cheng-web/web-tracing-examples-vue3)
 
+[react版本 https://github.com/boychina/web-tracing-examples-react](https://github.com/boychina/web-tracing-examples-react)
+
+[nuxt版本 https://github.com/boychina/web-tracing-examples-nuxt](https://github.com/boychina/web-tracing-examples-nuxt)
+
 ## 演示
 ### 事件监听
 <img src="https://github.com/M-cheng-web/image-provider/raw/main/web-tracing/image.4388hbrc1gc0.jpg" width="1200" alt="logo" />
@@ -63,6 +67,10 @@
 
 针对首屏加载的监控做出更多精细化的东西，例如考虑sdk的绝对轻量化
 
+## 三方监控平台
+目前支持的三方监控平台有：
++ [WebTracingAnalysis](https://github.com/boychina/web-tracing-analysis) : Spring Boot + MySQL + React + Ant Design（支持容器化部署）
+
 ## 联系我
 <img align="left" width="180" src="https://github.com/M-cheng-web/image-provider/raw/main/web-tracing/image.19hrnxwgkdpc.jpg" />
 

package/dist/index.cjs

@@ -2,6 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+if (typeof window === "undefined" && typeof global !== "undefined") {
+  global.window = global;
+  global.self = global;
+  if (!global.requestAnimationFrame) {
+    global.requestAnimationFrame = (callback) => setTimeout(callback, 0);
+  }
+  if (!global.cancelAnimationFrame) {
+    global.cancelAnimationFrame = (id) => clearTimeout(id);
+  }
+}
+
 function isType(type) {
   return function(value) {
     return Object.prototype.toString.call(value) === `[object ${type}]`;
@@ -22,7 +33,7 @@ function isEmpty(wat) {
 }
 
 const isBrowserEnv = isWindow(typeof window !== "undefined" ? window : 0);
-const isElectronEnv = !!window?.process?.versions?.electron;
+const isElectronEnv = typeof window !== "undefined" && !!window.process?.versions?.electron;
 const isTestEnv = typeof navigator !== "undefined" && navigator.userAgent.includes("jsdom") || // @ts-expect-error: jsdom
 typeof window !== "undefined" && window.jsdom;
 function getGlobal() {
@@ -681,6 +692,8 @@ function uuid() {
   return `${guid.slice(0, 8)}-${guid.slice(8, 16)}-${guid.slice(16)}`;
 }
 function getCookieByName(name) {
+  if (typeof document === "undefined")
+    return void 0;
   const result = document.cookie.match(new RegExp(`${name}=([^;]+)(;|$)`));
   return result ? result[1] : void 0;
 }
@@ -764,7 +777,7 @@ const arrayFilter = Array.prototype.filter || function filterPolyfill(fn) {
 function filter(arr, fn) {
   return arrayFilter.call(arr, fn);
 }
-const nextTime = window.requestIdleCallback || window.requestAnimationFrame || ((callback) => setTimeout(callback, 17));
+const nextTime = typeof window !== "undefined" && window.requestIdleCallback || typeof window !== "undefined" && window.requestAnimationFrame || ((callback) => setTimeout(callback, 17));
 function isObjectOverSizeLimit(object, limitInKB) {
   const serializedObject = JSON.stringify(object);
   const sizeInBytes = new TextEncoder().encode(serializedObject).length;
@@ -2836,7 +2849,9 @@ function refreshSession() {
 function getSessionId() {
   return getCookieByName(SESSION_KEY) || refreshSession();
 }
-refreshSession();
+if (typeof document !== "undefined") {
+  refreshSession();
+}
 
 function is_ipv4(d) {
   return regex_v4.test(d);
@@ -15681,7 +15696,11 @@ class Intersection {
     sendData.emit({
       eventType: SEDNEVENTTYPES.INTERSECTION,
       triggerPageUrl: getLocationHref(),
-      ...targetObj
+      threshold: targetObj.threshold,
+      observeTime: targetObj.observeTime,
+      showTime: targetObj.showTime,
+      showEndTime: targetObj.showEndTime,
+      params: targetObj.params
     });
   }
   /**

package/dist/index.iife.js

@@ -1,6 +1,17 @@
 (function (exports) {
   'use strict';
 
+  if (typeof window === "undefined" && typeof global !== "undefined") {
+    global.window = global;
+    global.self = global;
+    if (!global.requestAnimationFrame) {
+      global.requestAnimationFrame = (callback) => setTimeout(callback, 0);
+    }
+    if (!global.cancelAnimationFrame) {
+      global.cancelAnimationFrame = (id) => clearTimeout(id);
+    }
+  }
+
   function isType(type) {
     return function(value) {
       return Object.prototype.toString.call(value) === `[object ${type}]`;
@@ -21,7 +32,7 @@
   }
 
   const isBrowserEnv = isWindow(typeof window !== "undefined" ? window : 0);
-  const isElectronEnv = !!window?.process?.versions?.electron;
+  const isElectronEnv = typeof window !== "undefined" && !!window.process?.versions?.electron;
   const isTestEnv = typeof navigator !== "undefined" && navigator.userAgent.includes("jsdom") || // @ts-expect-error: jsdom
   typeof window !== "undefined" && window.jsdom;
   function getGlobal() {
@@ -680,6 +691,8 @@
     return `${guid.slice(0, 8)}-${guid.slice(8, 16)}-${guid.slice(16)}`;
   }
   function getCookieByName(name) {
+    if (typeof document === "undefined")
+      return void 0;
     const result = document.cookie.match(new RegExp(`${name}=([^;]+)(;|$)`));
     return result ? result[1] : void 0;
   }
@@ -763,7 +776,7 @@
   function filter(arr, fn) {
     return arrayFilter.call(arr, fn);
   }
-  const nextTime = window.requestIdleCallback || window.requestAnimationFrame || ((callback) => setTimeout(callback, 17));
+  const nextTime = typeof window !== "undefined" && window.requestIdleCallback || typeof window !== "undefined" && window.requestAnimationFrame || ((callback) => setTimeout(callback, 17));
   function isObjectOverSizeLimit(object, limitInKB) {
     const serializedObject = JSON.stringify(object);
     const sizeInBytes = new TextEncoder().encode(serializedObject).length;
@@ -2835,7 +2848,9 @@
   function getSessionId() {
     return getCookieByName(SESSION_KEY) || refreshSession();
   }
-  refreshSession();
+  if (typeof document !== "undefined") {
+    refreshSession();
+  }
 
   function is_ipv4(d) {
     return regex_v4.test(d);
@@ -15680,7 +15695,11 @@
       sendData.emit({
         eventType: SEDNEVENTTYPES.INTERSECTION,
         triggerPageUrl: getLocationHref(),
-        ...targetObj
+        threshold: targetObj.threshold,
+        observeTime: targetObj.observeTime,
+        showTime: targetObj.showTime,
+        showEndTime: targetObj.showEndTime,
+        params: targetObj.params
       });
     }
     /**