@rxdrag/website-lib-core 0.0.127 → 0.0.129

package/src/react/components/Analytics/singleton.ts

@@ -1,214 +1,214 @@
-// Analytics 单例管理器
-import type { AnalyticsState, PageData } from './types';
-import { 
-  createDebugLogger, 
-  generateId, 
-  getVisitorId 
-} from './utils';
-import { trackPageEvent } from './tracking';
-
-class AnalyticsSingleton {
-  private static instance: AnalyticsSingleton | null = null;
-  private initialized = false;
-  private state: AnalyticsState;
-  private pageData: PageData;
-  private apiEndpoint: string;
-  private debugLog: (...args: any[]) => void;
-  private eventHandlers: Array<() => void> = [];
-
-  private constructor(apiEndpoint: string) {
-    this.apiEndpoint = apiEndpoint;
-    this.debugLog = createDebugLogger();
-    
-    // 初始化访客和会话信息
-    const visitorId = getVisitorId();
-    let sessionId = sessionStorage.getItem('session_id');
-    if (!sessionId) {
-      sessionId = generateId('s');
-      sessionStorage.setItem('session_id', sessionId);
-    }
-
-    // 页面信息
-    this.pageData = {
-      visitor_id: visitorId,
-      session_id: sessionId,
-      url: window.location.href,
-      path: window.location.pathname,
-      referrer: document.referrer || null,
-      user_agent: navigator.userAgent,
-      start_time: Date.now(),
-    };
-
-    // 状态管理
-    this.state = {
-      isPageTracked: false,
-      currentPageUrl: window.location.href,
-      pageLoadTime: Date.now(),
-      lastTrackTime: 0,
-      currentReferrer: document.referrer || null,
-      activeTime: 0,
-      lastActiveTime: Date.now(),
-      isPageVisible: !document.hidden,
-      requestQueue: [],
-      isRequestPending: false,
-      isAstroEnvironment: false,
-      pageLeaveTracked: false,
-      initialLoadHandled: false,
-      interactionThrottled: false,
-      lastInteractionTime: 0,
-    };
-
-  }
-
-  static getInstance(apiEndpoint = "/api/track-visitor"): AnalyticsSingleton {
-    if (!AnalyticsSingleton.instance) {
-      AnalyticsSingleton.instance = new AnalyticsSingleton(apiEndpoint);
-    }
-    return AnalyticsSingleton.instance;
-  }
-
-  static reset(): void {
-    if (AnalyticsSingleton.instance) {
-      AnalyticsSingleton.instance.cleanup();
-      AnalyticsSingleton.instance = null;
-    }
-  }
-
-  init(): void {
-    if (this.initialized) {
-      return;
-    }
-
-    this.initialized = true;
-    this.setupEventListeners();
-    this.handleInitialPageLoad();
-  }
-
-  private setupEventListeners(): void {
-    // 页面离开事件
-    const handlePageLeave = () => {
-      if (this.state.pageLeaveTracked || this.state.lastTrackTime === 0) {
-        return;
-      }
-
-      this.state.pageLeaveTracked = true;
-      trackPageEvent("pageLeave", this.pageData, this.state, this.apiEndpoint, this.debugLog);
-    };
-
-    // 页面离开事件监听器
-    const handleBeforeUnload = () => handlePageLeave();
-    const handlePageHide = () => handlePageLeave();
-
-    window.addEventListener('beforeunload', handleBeforeUnload);
-    window.addEventListener('pagehide', handlePageHide);
-
-    // Astro 事件监听
-    const handleAstroBeforeSwap = () => {
-      handlePageLeave();
-    };
-
-    const handleAstroAfterSwap = () => {
-      this.state.isAstroEnvironment = true;
-
-      const newUrl = window.location.href;
-      if (newUrl !== this.state.currentPageUrl) {
-        // 更新 referrer：页面切换时，referrer 是上一个页面
-        this.state.currentReferrer = this.state.currentPageUrl;
-
-        // 更新页面状态
-        this.state.currentPageUrl = newUrl;
-        this.pageData.url = newUrl;
-        this.pageData.path = window.location.pathname;
-        this.pageData.start_time = Date.now();
-        this.state.pageLoadTime = Date.now();
-        this.state.isPageTracked = false;
-        this.state.pageLeaveTracked = false;
-        this.state.activeTime = 0;
-        this.state.lastActiveTime = Date.now();
-        this.state.isPageVisible = !document.hidden;
-
-        // 发送新页面统计
-        this.trackPageVisit();
-      }
-    };
-
-    document.addEventListener('astro:before-swap', handleAstroBeforeSwap);
-    document.addEventListener('astro:after-swap', handleAstroAfterSwap);
-
-    // 页面可见性变化
-    const handleVisibilityChange = () => {
-      const now = Date.now();
-      if (document.visibilityState === 'visible') {
-        this.state.isPageVisible = true;
-        this.state.lastActiveTime = now;
-      } else {
-        if (this.state.isPageVisible) {
-          this.state.activeTime += now - this.state.lastActiveTime;
-        }
-        this.state.isPageVisible = false;
-      }
-    };
-
-    document.addEventListener('visibilitychange', handleVisibilityChange);
-
-    // 用户交互事件
-    const handleUserInteraction = () => {
-      if (!this.state.isPageVisible || this.state.interactionThrottled) return;
-
-      const now = Date.now();
-      if (now - this.state.lastInteractionTime < 1000) return;
-
-      this.state.lastInteractionTime = now;
-      this.state.interactionThrottled = true;
-
-      if (now - this.state.lastActiveTime > 30000) {
-        this.state.lastActiveTime = now;
-      }
-
-      setTimeout(() => {
-        this.state.interactionThrottled = false;
-      }, 1000);
-    };
-
-    const interactionEvents = ['click', 'keydown', 'scroll'];
-    interactionEvents.forEach((event) => {
-      document.addEventListener(event, handleUserInteraction, {
-        passive: true,
-        capture: false,
-      });
-    });
-
-    // 保存事件处理器引用，用于清理
-    this.eventHandlers = [
-      () => window.removeEventListener('beforeunload', handleBeforeUnload),
-      () => window.removeEventListener('pagehide', handlePageHide),
-      () => document.removeEventListener('astro:before-swap', handleAstroBeforeSwap),
-      () => document.removeEventListener('astro:after-swap', handleAstroAfterSwap),
-      () => document.removeEventListener('visibilitychange', handleVisibilityChange),
-      ...interactionEvents.map(event => 
-        () => document.removeEventListener(event, handleUserInteraction)
-      )
-    ];
-  }
-
-  private handleInitialPageLoad(): void {
-    if (this.state.isPageTracked || this.state.initialLoadHandled) {
-      return;
-    }
-
-    this.state.initialLoadHandled = true;
-    this.trackPageVisit();
-  }
-
-  private trackPageVisit(): void {
-    trackPageEvent("pageView", this.pageData, this.state, this.apiEndpoint, this.debugLog);
-  }
-
-  cleanup(): void {
-    this.eventHandlers.forEach(cleanup => cleanup());
-    this.eventHandlers = [];
-    this.initialized = false;
-  }
-}
-
-export default AnalyticsSingleton;
+// Analytics 单例管理器
+import type { AnalyticsState, PageData } from './types';
+import { 
+  createDebugLogger, 
+  generateId, 
+  getVisitorId 
+} from './utils';
+import { trackPageEvent } from './tracking';
+
+class AnalyticsSingleton {
+  private static instance: AnalyticsSingleton | null = null;
+  private initialized = false;
+  private state: AnalyticsState;
+  private pageData: PageData;
+  private apiEndpoint: string;
+  private debugLog: (...args: any[]) => void;
+  private eventHandlers: Array<() => void> = [];
+
+  private constructor(apiEndpoint: string) {
+    this.apiEndpoint = apiEndpoint;
+    this.debugLog = createDebugLogger();
+    
+    // 初始化访客和会话信息
+    const visitorId = getVisitorId();
+    let sessionId = sessionStorage.getItem('session_id');
+    if (!sessionId) {
+      sessionId = generateId('s');
+      sessionStorage.setItem('session_id', sessionId);
+    }
+
+    // 页面信息
+    this.pageData = {
+      visitor_id: visitorId,
+      session_id: sessionId,
+      url: window.location.href,
+      path: window.location.pathname,
+      referrer: document.referrer || null,
+      user_agent: navigator.userAgent,
+      start_time: Date.now(),
+    };
+
+    // 状态管理
+    this.state = {
+      isPageTracked: false,
+      currentPageUrl: window.location.href,
+      pageLoadTime: Date.now(),
+      lastTrackTime: 0,
+      currentReferrer: document.referrer || null,
+      activeTime: 0,
+      lastActiveTime: Date.now(),
+      isPageVisible: !document.hidden,
+      requestQueue: [],
+      isRequestPending: false,
+      isAstroEnvironment: false,
+      pageLeaveTracked: false,
+      initialLoadHandled: false,
+      interactionThrottled: false,
+      lastInteractionTime: 0,
+    };
+
+  }
+
+  static getInstance(apiEndpoint = "/api/track-visitor"): AnalyticsSingleton {
+    if (!AnalyticsSingleton.instance) {
+      AnalyticsSingleton.instance = new AnalyticsSingleton(apiEndpoint);
+    }
+    return AnalyticsSingleton.instance;
+  }
+
+  static reset(): void {
+    if (AnalyticsSingleton.instance) {
+      AnalyticsSingleton.instance.cleanup();
+      AnalyticsSingleton.instance = null;
+    }
+  }
+
+  init(): void {
+    if (this.initialized) {
+      return;
+    }
+
+    this.initialized = true;
+    this.setupEventListeners();
+    this.handleInitialPageLoad();
+  }
+
+  private setupEventListeners(): void {
+    // 页面离开事件
+    const handlePageLeave = () => {
+      if (this.state.pageLeaveTracked || this.state.lastTrackTime === 0) {
+        return;
+      }
+
+      this.state.pageLeaveTracked = true;
+      trackPageEvent("pageLeave", this.pageData, this.state, this.apiEndpoint, this.debugLog);
+    };
+
+    // 页面离开事件监听器
+    const handleBeforeUnload = () => handlePageLeave();
+    const handlePageHide = () => handlePageLeave();
+
+    window.addEventListener('beforeunload', handleBeforeUnload);
+    window.addEventListener('pagehide', handlePageHide);
+
+    // Astro 事件监听
+    const handleAstroBeforeSwap = () => {
+      handlePageLeave();
+    };
+
+    const handleAstroAfterSwap = () => {
+      this.state.isAstroEnvironment = true;
+
+      const newUrl = window.location.href;
+      if (newUrl !== this.state.currentPageUrl) {
+        // 更新 referrer：页面切换时，referrer 是上一个页面
+        this.state.currentReferrer = this.state.currentPageUrl;
+
+        // 更新页面状态
+        this.state.currentPageUrl = newUrl;
+        this.pageData.url = newUrl;
+        this.pageData.path = window.location.pathname;
+        this.pageData.start_time = Date.now();
+        this.state.pageLoadTime = Date.now();
+        this.state.isPageTracked = false;
+        this.state.pageLeaveTracked = false;
+        this.state.activeTime = 0;
+        this.state.lastActiveTime = Date.now();
+        this.state.isPageVisible = !document.hidden;
+
+        // 发送新页面统计
+        this.trackPageVisit();
+      }
+    };
+
+    document.addEventListener('astro:before-swap', handleAstroBeforeSwap);
+    document.addEventListener('astro:after-swap', handleAstroAfterSwap);
+
+    // 页面可见性变化
+    const handleVisibilityChange = () => {
+      const now = Date.now();
+      if (document.visibilityState === 'visible') {
+        this.state.isPageVisible = true;
+        this.state.lastActiveTime = now;
+      } else {
+        if (this.state.isPageVisible) {
+          this.state.activeTime += now - this.state.lastActiveTime;
+        }
+        this.state.isPageVisible = false;
+      }
+    };
+
+    document.addEventListener('visibilitychange', handleVisibilityChange);
+
+    // 用户交互事件
+    const handleUserInteraction = () => {
+      if (!this.state.isPageVisible || this.state.interactionThrottled) return;
+
+      const now = Date.now();
+      if (now - this.state.lastInteractionTime < 1000) return;
+
+      this.state.lastInteractionTime = now;
+      this.state.interactionThrottled = true;
+
+      if (now - this.state.lastActiveTime > 30000) {
+        this.state.lastActiveTime = now;
+      }
+
+      setTimeout(() => {
+        this.state.interactionThrottled = false;
+      }, 1000);
+    };
+
+    const interactionEvents = ['click', 'keydown', 'scroll'];
+    interactionEvents.forEach((event) => {
+      document.addEventListener(event, handleUserInteraction, {
+        passive: true,
+        capture: false,
+      });
+    });
+
+    // 保存事件处理器引用，用于清理
+    this.eventHandlers = [
+      () => window.removeEventListener('beforeunload', handleBeforeUnload),
+      () => window.removeEventListener('pagehide', handlePageHide),
+      () => document.removeEventListener('astro:before-swap', handleAstroBeforeSwap),
+      () => document.removeEventListener('astro:after-swap', handleAstroAfterSwap),
+      () => document.removeEventListener('visibilitychange', handleVisibilityChange),
+      ...interactionEvents.map(event => 
+        () => document.removeEventListener(event, handleUserInteraction)
+      )
+    ];
+  }
+
+  private handleInitialPageLoad(): void {
+    if (this.state.isPageTracked || this.state.initialLoadHandled) {
+      return;
+    }
+
+    this.state.initialLoadHandled = true;
+    this.trackPageVisit();
+  }
+
+  private trackPageVisit(): void {
+    trackPageEvent("pageView", this.pageData, this.state, this.apiEndpoint, this.debugLog);
+  }
+
+  cleanup(): void {
+    this.eventHandlers.forEach(cleanup => cleanup());
+    this.eventHandlers = [];
+    this.initialized = false;
+  }
+}
+
+export default AnalyticsSingleton;