web-tracing-core 2.1.0 → 2.1.2

package/dist/index.mjs

@@ -1,3 +1,14 @@
+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}]`;
@@ -18,7 +29,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() {
@@ -677,6 +688,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;
 }
@@ -760,7 +773,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;
@@ -2832,7 +2845,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);
@@ -15677,7 +15692,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/package.json

@@ -2,7 +2,7 @@
   "name": "web-tracing-core",
   "version": "2.1.0",
   "description": "基于 JS 跨平台插件，为前端项目提供【 埋点、行为、性能、异常、请求、资源、路由、曝光、录屏 】监控手段",
-  "main": "./index.cjs",
+  "main": "./index.mjs",
   "module": "./index.mjs",
   "jsdelivr": "./index.iife.min.js",
   "types": "./index.d.ts",

package/index.ts

@@ -1,3 +1,4 @@
+import './src/utils/polyfill'
 import type { InitOptions } from './src/types'
 import { initReplace, destroyReplace } from './src/lib/replace'
 import { initOptions, options as _options } from './src/lib/options'

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "web-tracing-core",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "基于 JS 跨平台插件，为前端项目提供【 埋点、行为、性能、异常、请求、资源、路由、曝光、录屏 】监控手段",
-  "main": "./dist/index.cjs",
+  "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "jsdelivr": "./dist/index.iife.min.js",
   "types": "./dist/index.d.ts",

package/src/lib/intersectionObserver.ts

@@ -69,10 +69,15 @@ class Intersection {
    * 发送事件
    */
   private sendEvent(targetObj: TargetMap) {
+    // 只发送必要的数据，不包含 DOM 元素
     sendData.emit({
       eventType: SEDNEVENTTYPES.INTERSECTION,
       triggerPageUrl: getLocationHref(),
-      ...targetObj
+      threshold: targetObj.threshold,
+      observeTime: targetObj.observeTime,
+      showTime: targetObj.showTime,
+      showEndTime: targetObj.showEndTime,
+      params: targetObj.params
     })
   }
   /**

package/src/utils/global.ts

@@ -9,7 +9,8 @@ export const isBrowserEnv = isWindow(typeof window !== 'undefined' ? window : 0)
 /**
  * 是否为 electron 环境
  */
-export const isElectronEnv = !!window?.process?.versions?.electron
+export const isElectronEnv =
+  typeof window !== 'undefined' && !!(window as any).process?.versions?.electron
 
 /**
  * 是否为测试环境

package/src/utils/index.ts

@@ -284,6 +284,7 @@ export function uuid() {
  * @returns
  */
 export function getCookieByName(name: string) {
+  if (typeof document === 'undefined') return undefined
   const result = document.cookie.match(new RegExp(`${name}=([^;]+)(;|$)`))
   return result ? result[1] : undefined
 }
@@ -459,9 +460,9 @@ export function trim(str = '') {
  * 关于 requestIdleCallback 和  requestAnimationFrame 可以参考 https://www.cnblogs.com/cangqinglang/p/13877078.html
  */
 export const nextTime =
-  window.requestIdleCallback ||
-  window.requestAnimationFrame ||
-  (callback => setTimeout(callback, 17))
+  (typeof window !== 'undefined' && window.requestIdleCallback) ||
+  (typeof window !== 'undefined' && window.requestAnimationFrame) ||
+  ((callback: any) => setTimeout(callback, 17))
 
 /**
  * 取消异步执行

package/src/utils/polyfill.ts

@@ -0,0 +1,11 @@
+if (typeof window === 'undefined' && typeof global !== 'undefined') {
+  ;(global as any).window = global
+  ;(global as any).self = global
+  if (!(global as any).requestAnimationFrame) {
+    ;(global as any).requestAnimationFrame = (callback: any) =>
+      setTimeout(callback, 0)
+  }
+  if (!(global as any).cancelAnimationFrame) {
+    ;(global as any).cancelAnimationFrame = (id: any) => clearTimeout(id)
+  }
+}

package/src/utils/session.ts

@@ -22,6 +22,8 @@ function getSessionId() {
   return getCookieByName(SESSION_KEY) || refreshSession()
 }
 
-refreshSession() // 初始化
+if (typeof document !== 'undefined') {
+  refreshSession() // 初始化
+}
 
 export { getSessionId, refreshSession }