behavior-aliu 1.0.0

package/README.md

@@ -0,0 +1,104 @@
+# User Behavior Monitor SDK
+
+轻量级、零依赖的前端用户行为监控 SDK。
+专为现代 Web 应用设计，支持 PV/UV 统计、精准停留时长计算、用户点击行为追踪以及 SPA（单页应用）路由监控。
+
+## 核心特性
+
+- ** 基础指标**: 自动采集 **PV** (Page View) 和 **UV** (Unique Visitor)。
+- ** 精准停留**: 基于 `visibilitychange` 和 `beforeunload` 精准计算页面实际停留时长。
+- ** 点击追踪**: 通过 `data-track-click` 属性实现无侵入式全自动点击埋点。
+- ** SPA 支持**: 完美支持 Vue/React 等单页应用的路由跳转监控（Hash & History 模式）。
+- ** 稳健上报**: 优先使用 `navigator.sendBeacon` 确保页面关闭时数据不丢失，自动降级 `fetch`。
+
+## 安装
+
+```bash
+npm install
+npm run build
+```
+
+## 快速开始
+
+### 1. 引入 SDK
+
+支持 ES Module (推荐) 或 Script 标签引入。
+
+```javascript
+import { initUserBehaviorMonitor } from './dist/index.esm.js';
+
+initUserBehaviorMonitor({
+  projectName: 'my-awesome-project', // 项目标识
+  reportUrl: 'http://your-server.com/report', // 数据上报地址
+});
+```
+
+### 2. 自动捕获点击
+
+只需在 HTML 元素上添加 `data-track-click` 属性，SDK 会自动捕获点击并上报。
+
+```html
+<!-- 点击后自动上报: { behavior: 'click', action: 'buy_btn', ... } -->
+<button data-track-click="buy_btn">立即购买</button>
+```
+
+## 运行 Demo
+
+本项目内置了一个基于 Express 的测试环境，方便您直观体验监控效果。
+
+1. **安装依赖**
+
+   ```bash
+   npm install
+   ```
+
+2. **构建 SDK**
+
+   ```bash
+   npm run build
+   ```
+
+3. **启动 Demo**
+
+   ```bash
+   npm run demo
+   ```
+
+   > 终端会显示：`测试服务器已启动! 👉 页面地址: http://localhost:3000/index.html`
+
+4. **体验功能**
+   - 打开浏览器访问 `http://localhost:3000/index.html`
+   - **点击按钮**: 观察终端输出 `behavior: 'click'`
+   - **模拟路由跳转**: 点击 "模拟路由跳转"，观察 `dwell` (旧页面停留) 和 `pv` (新页面) 上报
+   - **刷新/关闭页面**: 观察 `dwell` (页面卸载) 上报
+
+## 数据格式示例
+
+SDK 上报的数据格式如下 (JSON):
+
+**PV (页面访问)**
+
+```json
+{
+  "behavior": "pv",
+  "projectName": "demo",
+  "pageUrl": "http://localhost:3000/",
+  "pv": 15,
+  "userId": "xxxx-xxxx"
+}
+```
+
+**Dwell (停留时长)**
+
+```json
+{
+  "behavior": "dwell",
+  "dwellTime": 4520, // 毫秒
+  "pageUrl": "http://localhost:3000/"
+}
+```
+
+## 开发
+
+- `npm run dev`: 监听源码变化并自动重新构建
+- `npm run build`: 生产环境构建 (输出到 `dist/`)

package/dist/index.cjs.js

@@ -0,0 +1,252 @@
+'use strict';
+
+/**
+ * 发送用户行为数据
+ * @param data - 用户行为数据
+ * @param url - 数据上报的URL
+ */
+var sendBehaviorData = function (data, url) {
+    if (navigator.sendBeacon) {
+        var blob = new Blob([JSON.stringify(data)], { type: 'application/json' });
+        navigator.sendBeacon(url, blob);
+    }
+    else {
+        fetch(url, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(data),
+        }).catch(function (error) { return console.error('Error sending behavior data:', error); });
+    }
+};
+
+var USER_ID_KEY = 'user_behavior_user_id';
+var PV_COUNT_KEY = 'user_behavior_pv_count';
+var UV_STORAGE_KEY = 'user_behavior_uv';
+// 获取用户唯一标识（UUID）​
+var getUserID = function () {
+    var userId = localStorage.getItem(USER_ID_KEY);
+    if (!userId) {
+        userId = generateUUID();
+        localStorage.setItem(USER_ID_KEY, userId);
+    }
+    return userId;
+};
+/**
+ * @description: 生成唯一标识符
+ * @return {string} 唯一标识符
+ */
+var generateUUID = function () {
+    return 'xxxx-xxxx-4xxx-yxxx-xxxx'.replace(/[xy]/g, function (char) {
+        var random = (Math.random() * 16) | 0;
+        var value = char === 'x' ? random : (random & 0x3) | 0x8;
+        return value.toString(16);
+    });
+};
+var incrementPV = function () {
+    var today = new Date().toISOString().split('T')[0]; // 获取当天的日期​
+    var pvData = localStorage.getItem("".concat(PV_COUNT_KEY, "_").concat(today));
+    var newPV = (pvData ? parseInt(pvData, 10) : 0) + 1;
+    localStorage.setItem("".concat(PV_COUNT_KEY, "_").concat(today), newPV.toString());
+    return newPV;
+};
+// 检查是否已经记录 UV​
+var isUVRecorded = function () {
+    var today = new Date().toISOString().split('T')[0];
+    return localStorage.getItem(UV_STORAGE_KEY) === today;
+};
+// 设置 UV 记录​
+var setUVRecorded = function () {
+    var today = new Date().toISOString().split('T')[0];
+    localStorage.setItem(UV_STORAGE_KEY, today);
+};
+
+// 页面加载时间
+var pageLoadTime = Date.now();
+// 上一个页面的 URL
+var lastPageUrl = window.location.href;
+var lastDwellReportedForLoadTime = null;
+/**
+ * @description: 跟踪用户行为（用户点击、MPA 首次加载 PV、通用停留时间、SPA 路由行为）
+ * @param projectName 项目名称
+ * @param reportUrl 上报 URL
+ */
+var trackUserBehavior = function (projectName, reportUrl) {
+    // 1. 通过事件委托捕获点击
+    trackClicks(projectName, reportUrl);
+    // 2. MPA 首次加载（页面初次进入）PV 上报
+    trackMpaPageView(projectName, reportUrl);
+    // 3. 通用停留时间（关闭页面/切换标签）上报
+    trackPageDwellTime(projectName, reportUrl);
+    // 4. SPA 路由行为（路由变化：先上报旧页面停留，再上报新页面 PV）
+    trackSpaBehavior(projectName, reportUrl);
+};
+/**
+ * @description: 上报页面停留时间
+ * @param projectName 项目名称
+ * @param reportUrl 上报 URL
+ * @returns
+ */
+var reportDwellTime = function (projectName, reportUrl) {
+    if (lastDwellReportedForLoadTime === pageLoadTime)
+        return;
+    var dwellTime = Date.now() - pageLoadTime;
+    if (dwellTime > 0) {
+        sendBehaviorData({
+            behavior: 'dwell',
+            userId: getUserID(),
+            projectName: projectName,
+            timestamp: new Date().toISOString(),
+            pageUrl: lastPageUrl,
+            dwellTime: dwellTime,
+        }, reportUrl);
+        lastDwellReportedForLoadTime = pageLoadTime;
+    }
+};
+/**
+ *  捕获首屏 PV（MPA传统网页）
+ * @param projectName 项目名称
+ * @param reportUrl 上报 URL
+ */
+var trackMpaPageView = function (projectName, reportUrl) {
+    window.addEventListener('load', function () {
+        var userId = getUserID();
+        var pv = incrementPV(); // 增加 PV 计数
+        // 发送 PV 数据
+        sendBehaviorData({
+            behavior: 'pv',
+            userId: userId,
+            projectName: projectName,
+            timestamp: new Date().toISOString(),
+            pageUrl: window.location.href,
+            referrer: document.referrer || '', // 记录来源
+            pv: pv,
+        }, reportUrl);
+        // 记录页面加载时间
+        pageLoadTime = Date.now();
+        lastPageUrl = window.location.href;
+    });
+};
+/**
+ * @description: 捕获点击事件，通过 data-track-click 属性简化识别​
+ * @param projectName 项目名称
+ * @param reportUrl 上报 URL
+ * @returns
+ */
+var trackClicks = function (projectName, reportUrl) {
+    document.addEventListener('click', function (event) {
+        var target = event.target;
+        // 如果目标元素带有 data-track-click 属性​
+        if (target && target.dataset.trackClick) {
+            var behaviorData = {
+                behavior: 'click',
+                userId: getUserID(),
+                projectName: projectName,
+                timestamp: new Date().toISOString(),
+                element: target.tagName,
+                action: target.dataset.trackClick, // 自定义的点击行为​
+                pageUrl: window.location.href,
+                referrer: lastPageUrl, // 记录点击时的页面来源
+            };
+            // 发送点击事件数据到服务端​
+            sendBehaviorData(behaviorData, reportUrl);
+        }
+    });
+};
+/**
+ * @description: 捕获页面停留时间（关闭/隐藏）
+ * @param projectName 项目名称
+ * @param reportUrl 上报 URL
+ * @returns
+ */
+var trackPageDwellTime = function (projectName, reportUrl) {
+    // 在 beforeunload 时计算停留时间
+    window.addEventListener('beforeunload', function () {
+        reportDwellTime(projectName, reportUrl);
+    });
+    window.addEventListener('pagehide', function () {
+        reportDwellTime(projectName, reportUrl);
+    });
+    // 在 visibilitychange（切换标签）时计算停留时间
+    document.addEventListener('visibilitychange', function () {
+        if (document.visibilityState === 'hidden') {
+            reportDwellTime(projectName, reportUrl);
+        }
+    });
+};
+/**
+ * @description: 捕获 SPA 路由行为（路由变化：先上报旧页面停留，再上报新页面 PV）
+ * @param projectName 项目名称
+ * @param reportUrl 上报 URL
+ * @returns
+ */
+var trackSpaBehavior = function (projectName, reportUrl) {
+    /**
+     * @description: 处理路由变化事件回调
+     * @returns
+     */
+    var handleRouteChange = function () {
+        // 1. 防抖校验：如果 URL 没变（比如 hashchange 和 popstate 同时触发），直接退出
+        if (window.location.href === lastPageUrl)
+            return;
+        // 2. 结算上一页：上报前一个页面的停留时间
+        reportDwellTime(projectName, reportUrl);
+        // 3. 记录当前 URL 为 referrer (在更新 lastPageUrl 之前！)
+        var referrer = lastPageUrl;
+        // 4. 更新状态：保存当前 URL，为下一次跳转做准备
+        pageLoadTime = Date.now();
+        lastPageUrl = window.location.href;
+        // 5. 记录新页面：上报 PV
+        var userId = getUserID();
+        var pv = incrementPV();
+        sendBehaviorData({
+            behavior: 'pv',
+            userId: userId,
+            projectName: projectName,
+            timestamp: new Date().toISOString(),
+            pageUrl: window.location.href,
+            referrer: referrer, // 这里的 referrer 是跳转前的页面 URL
+            pv: pv,
+        }, reportUrl);
+    };
+    window.addEventListener('hashchange', handleRouteChange);
+    window.addEventListener('popstate', handleRouteChange);
+    var originalPush = history.pushState;
+    var originalReplace = history.replaceState;
+    history.pushState = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        originalPush.apply(this, args);
+        handleRouteChange();
+    };
+    history.replaceState = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        originalReplace.apply(this, args);
+        handleRouteChange();
+    };
+};
+
+// 初始化用户行为监控​
+var initUserBehaviorMonitor = function (_a) {
+    var projectName = _a.projectName, reportUrl = _a.reportUrl;
+    var userId = getUserID();
+    // UV 统计：如果是用户首次访问，记录 UV​
+    if (!isUVRecorded()) {
+        sendBehaviorData({
+            behavior: 'uv',
+            userId: userId,
+            projectName: projectName,
+            timestamp: new Date().toISOString(),
+        }, reportUrl);
+        setUVRecorded();
+    }
+    // 启动点击行为、PV 统计和页面停留时间监控​
+    trackUserBehavior(projectName, reportUrl);
+};
+
+exports.initUserBehaviorMonitor = initUserBehaviorMonitor;
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../src/sender.ts","../src/storage.ts","../src/tracker.ts","../src/index.ts"],"sourcesContent":["/**\r\n * 发送用户行为数据\r\n * @param data - 用户行为数据\r\n * @param url - 数据上报的URL\r\n */\r\nexport const sendBehaviorData = (data: Record<string, any>, url: string) => {\r\n  if (navigator.sendBeacon) {\r\n    const blob = new Blob([JSON.stringify(data)], { type: 'application/json' });\r\n    navigator.sendBeacon(url, blob);\r\n  } else {\r\n    fetch(url, {\r\n      method: 'POST',\r\n      headers: { 'Content-Type': 'application/json' },\r\n      body: JSON.stringify(data),\r\n    }).catch((error) => console.error('Error sending behavior data:', error));\r\n  }\r\n};","const USER_ID_KEY = 'user_behavior_user_id';\r\nconst PV_COUNT_KEY = 'user_behavior_pv_count';\r\nconst UV_STORAGE_KEY = 'user_behavior_uv';\r\n\r\n// 获取用户唯一标识（UUID）​\r\nexport const getUserID = (): string => {\r\n  let userId = localStorage.getItem(USER_ID_KEY);\r\n  if (!userId) {\r\n    userId = generateUUID();\r\n    localStorage.setItem(USER_ID_KEY, userId);\r\n  }\r\n  return userId;\r\n};\r\n\r\n/**\r\n * @description: 生成唯一标识符\r\n * @return {string} 唯一标识符\r\n */\r\nconst generateUUID = (): string => {\r\n  return 'xxxx-xxxx-4xxx-yxxx-xxxx'.replace(/[xy]/g, (char) => {\r\n    const random = (Math.random() * 16) | 0;\r\n    const value = char === 'x' ? random : (random & 0x3) | 0x8;\r\n    return value.toString(16);\r\n  });\r\n};\r\n\r\n\r\nexport const incrementPV = (): number => {\r\n  const today = new Date().toISOString().split('T')[0]; // 获取当天的日期​\r\n  const pvData = localStorage.getItem(`${PV_COUNT_KEY}_${today}`);\r\n  const newPV = (pvData ? parseInt(pvData, 10) : 0) + 1;\r\n  localStorage.setItem(`${PV_COUNT_KEY}_${today}`, newPV.toString());\r\n  return newPV;\r\n};\r\n\r\n\r\n// 检查是否已经记录 UV​\r\nexport const isUVRecorded = (): boolean => {\r\n  const today = new Date().toISOString().split('T')[0];\r\n  return localStorage.getItem(UV_STORAGE_KEY) === today;\r\n};\r\n\r\n\r\n// 设置 UV 记录​\r\nexport const setUVRecorded = () => {\r\n  const today = new Date().toISOString().split('T')[0];\r\n  localStorage.setItem(UV_STORAGE_KEY, today);\r\n};","import { sendBehaviorData } from './sender';\r\nimport { getUserID, incrementPV } from './storage';\r\n\r\n// 页面加载时间\r\nlet pageLoadTime: number = Date.now();\r\n// 上一个页面的 URL\r\nlet lastPageUrl: string = window.location.href;\r\nlet lastDwellReportedForLoadTime: number | null = null;\r\n\r\n\r\n/**\r\n * @description: 跟踪用户行为（用户点击、MPA 首次加载 PV、通用停留时间、SPA 路由行为）\r\n * @param projectName 项目名称\r\n * @param reportUrl 上报 URL\r\n */\r\nexport const trackUserBehavior = (projectName: string, reportUrl: string) => {\r\n  // 1. 通过事件委托捕获点击\r\n  trackClicks(projectName, reportUrl);\r\n\r\n  // 2. MPA 首次加载（页面初次进入）PV 上报\r\n  trackMpaPageView(projectName, reportUrl);\r\n\r\n  // 3. 通用停留时间（关闭页面/切换标签）上报\r\n  trackPageDwellTime(projectName, reportUrl);\r\n\r\n  // 4. SPA 路由行为（路由变化：先上报旧页面停留，再上报新页面 PV）\r\n  trackSpaBehavior(projectName, reportUrl);\r\n};\r\n\r\n/**\r\n * @description: 上报页面停留时间\r\n * @param projectName 项目名称\r\n * @param reportUrl 上报 URL\r\n * @returns \r\n */\r\nconst reportDwellTime = (projectName: string, reportUrl: string) => {\r\n  if (lastDwellReportedForLoadTime === pageLoadTime) return;\r\n  const dwellTime = Date.now() - pageLoadTime;\r\n  if (dwellTime > 0) {\r\n    sendBehaviorData({\r\n      behavior: 'dwell',\r\n      userId: getUserID(),\r\n      projectName,\r\n      timestamp: new Date().toISOString(),\r\n      pageUrl: lastPageUrl,\r\n      dwellTime,\r\n    }, reportUrl);\r\n    lastDwellReportedForLoadTime = pageLoadTime;\r\n  }\r\n};\r\n\r\n\r\n/**\r\n *  捕获首屏 PV（MPA传统网页）\r\n * @param projectName 项目名称\r\n * @param reportUrl 上报 URL\r\n */\r\nconst trackMpaPageView = (projectName: string, reportUrl: string) => {\r\n  window.addEventListener('load', () => {\r\n    const userId = getUserID();\r\n    const pv = incrementPV(); // 增加 PV 计数\r\n\r\n    // 发送 PV 数据\r\n    sendBehaviorData({\r\n      behavior: 'pv',\r\n      userId,\r\n      projectName,\r\n      timestamp: new Date().toISOString(),\r\n      pageUrl: window.location.href,\r\n      referrer: document.referrer || '', // 记录来源\r\n      pv,\r\n    }, reportUrl);\r\n\r\n    // 记录页面加载时间\r\n    pageLoadTime = Date.now();\r\n    lastPageUrl = window.location.href;\r\n  });\r\n};\r\n\r\n\r\n/**\r\n * @description: 捕获点击事件，通过 data-track-click 属性简化识别​\r\n * @param projectName 项目名称\r\n * @param reportUrl 上报 URL\r\n * @returns \r\n */\r\nconst trackClicks = (projectName: string, reportUrl: string) => {\r\n  document.addEventListener('click', (event) => {\r\n    const target = event.target as HTMLElement;\r\n\r\n    // 如果目标元素带有 data-track-click 属性​\r\n    if (target && target.dataset.trackClick) {\r\n      const behaviorData = {\r\n        behavior: 'click',\r\n        userId: getUserID(),\r\n        projectName,\r\n        timestamp: new Date().toISOString(),\r\n        element: target.tagName,\r\n        action: target.dataset.trackClick,  // 自定义的点击行为​\r\n        pageUrl: window.location.href,\r\n        referrer: lastPageUrl, // 记录点击时的页面来源\r\n      };\r\n\r\n      // 发送点击事件数据到服务端​\r\n      sendBehaviorData(behaviorData, reportUrl);\r\n    }\r\n  });\r\n};\r\n\r\n\r\n\r\n/**\r\n * @description: 捕获页面停留时间（关闭/隐藏）\r\n * @param projectName 项目名称\r\n * @param reportUrl 上报 URL\r\n * @returns \r\n */\r\nconst trackPageDwellTime = (projectName: string, reportUrl: string) => {\r\n  // 在 beforeunload 时计算停留时间\r\n  window.addEventListener('beforeunload', () => {\r\n    reportDwellTime(projectName, reportUrl);\r\n  });\r\n\r\n  window.addEventListener('pagehide', () => {\r\n    reportDwellTime(projectName, reportUrl);\r\n  });\r\n\r\n  // 在 visibilitychange（切换标签）时计算停留时间\r\n  document.addEventListener('visibilitychange', () => {\r\n    if (document.visibilityState === 'hidden') {\r\n      reportDwellTime(projectName, reportUrl);\r\n    }\r\n  });\r\n};\r\n\r\n/**\r\n * @description: 捕获 SPA 路由行为（路由变化：先上报旧页面停留，再上报新页面 PV）\r\n * @param projectName 项目名称\r\n * @param reportUrl 上报 URL\r\n * @returns \r\n */\r\nconst trackSpaBehavior = (projectName: string, reportUrl: string) => {\r\n  /**\r\n   * @description: 处理路由变化事件回调\r\n   * @returns \r\n   */\r\n  const handleRouteChange = () => {\r\n    // 1. 防抖校验：如果 URL 没变（比如 hashchange 和 popstate 同时触发），直接退出\r\n    if (window.location.href === lastPageUrl) return;\r\n\r\n    // 2. 结算上一页：上报前一个页面的停留时间\r\n    reportDwellTime(projectName, reportUrl);\r\n\r\n    // 3. 记录当前 URL 为 referrer (在更新 lastPageUrl 之前！)\r\n    const referrer = lastPageUrl;\r\n\r\n    // 4. 更新状态：保存当前 URL，为下一次跳转做准备\r\n    pageLoadTime = Date.now();\r\n    lastPageUrl = window.location.href;\r\n\r\n    // 5. 记录新页面：上报 PV\r\n    const userId = getUserID();\r\n    const pv = incrementPV();\r\n    sendBehaviorData({\r\n      behavior: 'pv',\r\n      userId,\r\n      projectName,\r\n      timestamp: new Date().toISOString(),\r\n      pageUrl: window.location.href,\r\n      referrer: referrer, // 这里的 referrer 是跳转前的页面 URL\r\n      pv,\r\n    }, reportUrl);\r\n  };\r\n\r\n  window.addEventListener('hashchange', handleRouteChange);\r\n  window.addEventListener('popstate', handleRouteChange);\r\n\r\n  const originalPush = history.pushState;\r\n  const originalReplace = history.replaceState;\r\n\r\n  history.pushState = function (...args: Parameters<typeof history.pushState>) {\r\n    originalPush.apply(this, args);\r\n    handleRouteChange();\r\n  };\r\n\r\n  history.replaceState = function (...args: Parameters<typeof history.replaceState>) {\r\n    originalReplace.apply(this, args);\r\n    handleRouteChange();\r\n  };\r\n};","\r\nimport { trackUserBehavior } from './tracker';\r\nimport { getUserID, isUVRecorded, setUVRecorded } from './storage';\r\nimport { sendBehaviorData } from './sender';\r\n\r\ninterface MonitorConfig {\r\n  projectName: string; // 当前项目名称，用于区分项目​\r\n  reportUrl: string;   // 上报服务器的地址​\r\n}\r\n\r\n// 初始化用户行为监控​\r\nexport const initUserBehaviorMonitor = ({ projectName, reportUrl }: MonitorConfig) => {\r\n  const userId = getUserID();\r\n\r\n  // UV 统计：如果是用户首次访问，记录 UV​\r\n  if (!isUVRecorded()) {\r\n    sendBehaviorData({\r\n      behavior: 'uv',\r\n      userId,\r\n      projectName,\r\n      timestamp: new Date().toISOString(),\r\n    }, reportUrl);\r\n    setUVRecorded();\r\n  }\r\n\r\n  // 启动点击行为、PV 统计和页面停留时间监控​\r\n  trackUserBehavior(projectName, reportUrl);\r\n};​"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+interface MonitorConfig {
+    projectName: string;
+    reportUrl: string;
+}
+export declare const initUserBehaviorMonitor: ({ projectName, reportUrl }: MonitorConfig) => void;
+export {};

package/dist/index.esm.js

@@ -0,0 +1,250 @@
+/**
+ * 发送用户行为数据
+ * @param data - 用户行为数据
+ * @param url - 数据上报的URL
+ */
+var sendBehaviorData = function (data, url) {
+    if (navigator.sendBeacon) {
+        var blob = new Blob([JSON.stringify(data)], { type: 'application/json' });
+        navigator.sendBeacon(url, blob);
+    }
+    else {
+        fetch(url, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(data),
+        }).catch(function (error) { return console.error('Error sending behavior data:', error); });
+    }
+};
+
+var USER_ID_KEY = 'user_behavior_user_id';
+var PV_COUNT_KEY = 'user_behavior_pv_count';
+var UV_STORAGE_KEY = 'user_behavior_uv';
+// 获取用户唯一标识（UUID）​
+var getUserID = function () {
+    var userId = localStorage.getItem(USER_ID_KEY);
+    if (!userId) {
+        userId = generateUUID();
+        localStorage.setItem(USER_ID_KEY, userId);
+    }
+    return userId;
+};
+/**
+ * @description: 生成唯一标识符
+ * @return {string} 唯一标识符
+ */
+var generateUUID = function () {
+    return 'xxxx-xxxx-4xxx-yxxx-xxxx'.replace(/[xy]/g, function (char) {
+        var random = (Math.random() * 16) | 0;
+        var value = char === 'x' ? random : (random & 0x3) | 0x8;
+        return value.toString(16);
+    });
+};
+var incrementPV = function () {
+    var today = new Date().toISOString().split('T')[0]; // 获取当天的日期​
+    var pvData = localStorage.getItem("".concat(PV_COUNT_KEY, "_").concat(today));
+    var newPV = (pvData ? parseInt(pvData, 10) : 0) + 1;
+    localStorage.setItem("".concat(PV_COUNT_KEY, "_").concat(today), newPV.toString());
+    return newPV;
+};
+// 检查是否已经记录 UV​
+var isUVRecorded = function () {
+    var today = new Date().toISOString().split('T')[0];
+    return localStorage.getItem(UV_STORAGE_KEY) === today;
+};
+// 设置 UV 记录​
+var setUVRecorded = function () {
+    var today = new Date().toISOString().split('T')[0];
+    localStorage.setItem(UV_STORAGE_KEY, today);
+};
+
+// 页面加载时间
+var pageLoadTime = Date.now();
+// 上一个页面的 URL
+var lastPageUrl = window.location.href;
+var lastDwellReportedForLoadTime = null;
+/**
+ * @description: 跟踪用户行为（用户点击、MPA 首次加载 PV、通用停留时间、SPA 路由行为）
+ * @param projectName 项目名称
+ * @param reportUrl 上报 URL
+ */
+var trackUserBehavior = function (projectName, reportUrl) {
+    // 1. 通过事件委托捕获点击
+    trackClicks(projectName, reportUrl);
+    // 2. MPA 首次加载（页面初次进入）PV 上报
+    trackMpaPageView(projectName, reportUrl);
+    // 3. 通用停留时间（关闭页面/切换标签）上报
+    trackPageDwellTime(projectName, reportUrl);
+    // 4. SPA 路由行为（路由变化：先上报旧页面停留，再上报新页面 PV）
+    trackSpaBehavior(projectName, reportUrl);
+};
+/**
+ * @description: 上报页面停留时间
+ * @param projectName 项目名称
+ * @param reportUrl 上报 URL
+ * @returns
+ */
+var reportDwellTime = function (projectName, reportUrl) {
+    if (lastDwellReportedForLoadTime === pageLoadTime)
+        return;
+    var dwellTime = Date.now() - pageLoadTime;
+    if (dwellTime > 0) {
+        sendBehaviorData({
+            behavior: 'dwell',
+            userId: getUserID(),
+            projectName: projectName,
+            timestamp: new Date().toISOString(),
+            pageUrl: lastPageUrl,
+            dwellTime: dwellTime,
+        }, reportUrl);
+        lastDwellReportedForLoadTime = pageLoadTime;
+    }
+};
+/**
+ *  捕获首屏 PV（MPA传统网页）
+ * @param projectName 项目名称
+ * @param reportUrl 上报 URL
+ */
+var trackMpaPageView = function (projectName, reportUrl) {
+    window.addEventListener('load', function () {
+        var userId = getUserID();
+        var pv = incrementPV(); // 增加 PV 计数
+        // 发送 PV 数据
+        sendBehaviorData({
+            behavior: 'pv',
+            userId: userId,
+            projectName: projectName,
+            timestamp: new Date().toISOString(),
+            pageUrl: window.location.href,
+            referrer: document.referrer || '', // 记录来源
+            pv: pv,
+        }, reportUrl);
+        // 记录页面加载时间
+        pageLoadTime = Date.now();
+        lastPageUrl = window.location.href;
+    });
+};
+/**
+ * @description: 捕获点击事件，通过 data-track-click 属性简化识别​
+ * @param projectName 项目名称
+ * @param reportUrl 上报 URL
+ * @returns
+ */
+var trackClicks = function (projectName, reportUrl) {
+    document.addEventListener('click', function (event) {
+        var target = event.target;
+        // 如果目标元素带有 data-track-click 属性​
+        if (target && target.dataset.trackClick) {
+            var behaviorData = {
+                behavior: 'click',
+                userId: getUserID(),
+                projectName: projectName,
+                timestamp: new Date().toISOString(),
+                element: target.tagName,
+                action: target.dataset.trackClick, // 自定义的点击行为​
+                pageUrl: window.location.href,
+                referrer: lastPageUrl, // 记录点击时的页面来源
+            };
+            // 发送点击事件数据到服务端​
+            sendBehaviorData(behaviorData, reportUrl);
+        }
+    });
+};
+/**
+ * @description: 捕获页面停留时间（关闭/隐藏）
+ * @param projectName 项目名称
+ * @param reportUrl 上报 URL
+ * @returns
+ */
+var trackPageDwellTime = function (projectName, reportUrl) {
+    // 在 beforeunload 时计算停留时间
+    window.addEventListener('beforeunload', function () {
+        reportDwellTime(projectName, reportUrl);
+    });
+    window.addEventListener('pagehide', function () {
+        reportDwellTime(projectName, reportUrl);
+    });
+    // 在 visibilitychange（切换标签）时计算停留时间
+    document.addEventListener('visibilitychange', function () {
+        if (document.visibilityState === 'hidden') {
+            reportDwellTime(projectName, reportUrl);
+        }
+    });
+};
+/**
+ * @description: 捕获 SPA 路由行为（路由变化：先上报旧页面停留，再上报新页面 PV）
+ * @param projectName 项目名称
+ * @param reportUrl 上报 URL
+ * @returns
+ */
+var trackSpaBehavior = function (projectName, reportUrl) {
+    /**
+     * @description: 处理路由变化事件回调
+     * @returns
+     */
+    var handleRouteChange = function () {
+        // 1. 防抖校验：如果 URL 没变（比如 hashchange 和 popstate 同时触发），直接退出
+        if (window.location.href === lastPageUrl)
+            return;
+        // 2. 结算上一页：上报前一个页面的停留时间
+        reportDwellTime(projectName, reportUrl);
+        // 3. 记录当前 URL 为 referrer (在更新 lastPageUrl 之前！)
+        var referrer = lastPageUrl;
+        // 4. 更新状态：保存当前 URL，为下一次跳转做准备
+        pageLoadTime = Date.now();
+        lastPageUrl = window.location.href;
+        // 5. 记录新页面：上报 PV
+        var userId = getUserID();
+        var pv = incrementPV();
+        sendBehaviorData({
+            behavior: 'pv',
+            userId: userId,
+            projectName: projectName,
+            timestamp: new Date().toISOString(),
+            pageUrl: window.location.href,
+            referrer: referrer, // 这里的 referrer 是跳转前的页面 URL
+            pv: pv,
+        }, reportUrl);
+    };
+    window.addEventListener('hashchange', handleRouteChange);
+    window.addEventListener('popstate', handleRouteChange);
+    var originalPush = history.pushState;
+    var originalReplace = history.replaceState;
+    history.pushState = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        originalPush.apply(this, args);
+        handleRouteChange();
+    };
+    history.replaceState = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        originalReplace.apply(this, args);
+        handleRouteChange();
+    };
+};
+
+// 初始化用户行为监控​
+var initUserBehaviorMonitor = function (_a) {
+    var projectName = _a.projectName, reportUrl = _a.reportUrl;
+    var userId = getUserID();
+    // UV 统计：如果是用户首次访问，记录 UV​
+    if (!isUVRecorded()) {
+        sendBehaviorData({
+            behavior: 'uv',
+            userId: userId,
+            projectName: projectName,
+            timestamp: new Date().toISOString(),
+        }, reportUrl);
+        setUVRecorded();
+    }
+    // 启动点击行为、PV 统计和页面停留时间监控​
+    trackUserBehavior(projectName, reportUrl);
+};
+
+export { initUserBehaviorMonitor };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/sender.ts","../src/storage.ts","../src/tracker.ts","../src/index.ts"],"sourcesContent":["/**\r\n * 发送用户行为数据\r\n * @param data - 用户行为数据\r\n * @param url - 数据上报的URL\r\n */\r\nexport const sendBehaviorData = (data: Record<string, any>, url: string) => {\r\n  if (navigator.sendBeacon) {\r\n    const blob = new Blob([JSON.stringify(data)], { type: 'application/json' });\r\n    navigator.sendBeacon(url, blob);\r\n  } else {\r\n    fetch(url, {\r\n      method: 'POST',\r\n      headers: { 'Content-Type': 'application/json' },\r\n      body: JSON.stringify(data),\r\n    }).catch((error) => console.error('Error sending behavior data:', error));\r\n  }\r\n};","const USER_ID_KEY = 'user_behavior_user_id';\r\nconst PV_COUNT_KEY = 'user_behavior_pv_count';\r\nconst UV_STORAGE_KEY = 'user_behavior_uv';\r\n\r\n// 获取用户唯一标识（UUID）​\r\nexport const getUserID = (): string => {\r\n  let userId = localStorage.getItem(USER_ID_KEY);\r\n  if (!userId) {\r\n    userId = generateUUID();\r\n    localStorage.setItem(USER_ID_KEY, userId);\r\n  }\r\n  return userId;\r\n};\r\n\r\n/**\r\n * @description: 生成唯一标识符\r\n * @return {string} 唯一标识符\r\n */\r\nconst generateUUID = (): string => {\r\n  return 'xxxx-xxxx-4xxx-yxxx-xxxx'.replace(/[xy]/g, (char) => {\r\n    const random = (Math.random() * 16) | 0;\r\n    const value = char === 'x' ? random : (random & 0x3) | 0x8;\r\n    return value.toString(16);\r\n  });\r\n};\r\n\r\n\r\nexport const incrementPV = (): number => {\r\n  const today = new Date().toISOString().split('T')[0]; // 获取当天的日期​\r\n  const pvData = localStorage.getItem(`${PV_COUNT_KEY}_${today}`);\r\n  const newPV = (pvData ? parseInt(pvData, 10) : 0) + 1;\r\n  localStorage.setItem(`${PV_COUNT_KEY}_${today}`, newPV.toString());\r\n  return newPV;\r\n};\r\n\r\n\r\n// 检查是否已经记录 UV​\r\nexport const isUVRecorded = (): boolean => {\r\n  const today = new Date().toISOString().split('T')[0];\r\n  return localStorage.getItem(UV_STORAGE_KEY) === today;\r\n};\r\n\r\n\r\n// 设置 UV 记录​\r\nexport const setUVRecorded = () => {\r\n  const today = new Date().toISOString().split('T')[0];\r\n  localStorage.setItem(UV_STORAGE_KEY, today);\r\n};","import { sendBehaviorData } from './sender';\r\nimport { getUserID, incrementPV } from './storage';\r\n\r\n// 页面加载时间\r\nlet pageLoadTime: number = Date.now();\r\n// 上一个页面的 URL\r\nlet lastPageUrl: string = window.location.href;\r\nlet lastDwellReportedForLoadTime: number | null = null;\r\n\r\n\r\n/**\r\n * @description: 跟踪用户行为（用户点击、MPA 首次加载 PV、通用停留时间、SPA 路由行为）\r\n * @param projectName 项目名称\r\n * @param reportUrl 上报 URL\r\n */\r\nexport const trackUserBehavior = (projectName: string, reportUrl: string) => {\r\n  // 1. 通过事件委托捕获点击\r\n  trackClicks(projectName, reportUrl);\r\n\r\n  // 2. MPA 首次加载（页面初次进入）PV 上报\r\n  trackMpaPageView(projectName, reportUrl);\r\n\r\n  // 3. 通用停留时间（关闭页面/切换标签）上报\r\n  trackPageDwellTime(projectName, reportUrl);\r\n\r\n  // 4. SPA 路由行为（路由变化：先上报旧页面停留，再上报新页面 PV）\r\n  trackSpaBehavior(projectName, reportUrl);\r\n};\r\n\r\n/**\r\n * @description: 上报页面停留时间\r\n * @param projectName 项目名称\r\n * @param reportUrl 上报 URL\r\n * @returns \r\n */\r\nconst reportDwellTime = (projectName: string, reportUrl: string) => {\r\n  if (lastDwellReportedForLoadTime === pageLoadTime) return;\r\n  const dwellTime = Date.now() - pageLoadTime;\r\n  if (dwellTime > 0) {\r\n    sendBehaviorData({\r\n      behavior: 'dwell',\r\n      userId: getUserID(),\r\n      projectName,\r\n      timestamp: new Date().toISOString(),\r\n      pageUrl: lastPageUrl,\r\n      dwellTime,\r\n    }, reportUrl);\r\n    lastDwellReportedForLoadTime = pageLoadTime;\r\n  }\r\n};\r\n\r\n\r\n/**\r\n *  捕获首屏 PV（MPA传统网页）\r\n * @param projectName 项目名称\r\n * @param reportUrl 上报 URL\r\n */\r\nconst trackMpaPageView = (projectName: string, reportUrl: string) => {\r\n  window.addEventListener('load', () => {\r\n    const userId = getUserID();\r\n    const pv = incrementPV(); // 增加 PV 计数\r\n\r\n    // 发送 PV 数据\r\n    sendBehaviorData({\r\n      behavior: 'pv',\r\n      userId,\r\n      projectName,\r\n      timestamp: new Date().toISOString(),\r\n      pageUrl: window.location.href,\r\n      referrer: document.referrer || '', // 记录来源\r\n      pv,\r\n    }, reportUrl);\r\n\r\n    // 记录页面加载时间\r\n    pageLoadTime = Date.now();\r\n    lastPageUrl = window.location.href;\r\n  });\r\n};\r\n\r\n\r\n/**\r\n * @description: 捕获点击事件，通过 data-track-click 属性简化识别​\r\n * @param projectName 项目名称\r\n * @param reportUrl 上报 URL\r\n * @returns \r\n */\r\nconst trackClicks = (projectName: string, reportUrl: string) => {\r\n  document.addEventListener('click', (event) => {\r\n    const target = event.target as HTMLElement;\r\n\r\n    // 如果目标元素带有 data-track-click 属性​\r\n    if (target && target.dataset.trackClick) {\r\n      const behaviorData = {\r\n        behavior: 'click',\r\n        userId: getUserID(),\r\n        projectName,\r\n        timestamp: new Date().toISOString(),\r\n        element: target.tagName,\r\n        action: target.dataset.trackClick,  // 自定义的点击行为​\r\n        pageUrl: window.location.href,\r\n        referrer: lastPageUrl, // 记录点击时的页面来源\r\n      };\r\n\r\n      // 发送点击事件数据到服务端​\r\n      sendBehaviorData(behaviorData, reportUrl);\r\n    }\r\n  });\r\n};\r\n\r\n\r\n\r\n/**\r\n * @description: 捕获页面停留时间（关闭/隐藏）\r\n * @param projectName 项目名称\r\n * @param reportUrl 上报 URL\r\n * @returns \r\n */\r\nconst trackPageDwellTime = (projectName: string, reportUrl: string) => {\r\n  // 在 beforeunload 时计算停留时间\r\n  window.addEventListener('beforeunload', () => {\r\n    reportDwellTime(projectName, reportUrl);\r\n  });\r\n\r\n  window.addEventListener('pagehide', () => {\r\n    reportDwellTime(projectName, reportUrl);\r\n  });\r\n\r\n  // 在 visibilitychange（切换标签）时计算停留时间\r\n  document.addEventListener('visibilitychange', () => {\r\n    if (document.visibilityState === 'hidden') {\r\n      reportDwellTime(projectName, reportUrl);\r\n    }\r\n  });\r\n};\r\n\r\n/**\r\n * @description: 捕获 SPA 路由行为（路由变化：先上报旧页面停留，再上报新页面 PV）\r\n * @param projectName 项目名称\r\n * @param reportUrl 上报 URL\r\n * @returns \r\n */\r\nconst trackSpaBehavior = (projectName: string, reportUrl: string) => {\r\n  /**\r\n   * @description: 处理路由变化事件回调\r\n   * @returns \r\n   */\r\n  const handleRouteChange = () => {\r\n    // 1. 防抖校验：如果 URL 没变（比如 hashchange 和 popstate 同时触发），直接退出\r\n    if (window.location.href === lastPageUrl) return;\r\n\r\n    // 2. 结算上一页：上报前一个页面的停留时间\r\n    reportDwellTime(projectName, reportUrl);\r\n\r\n    // 3. 记录当前 URL 为 referrer (在更新 lastPageUrl 之前！)\r\n    const referrer = lastPageUrl;\r\n\r\n    // 4. 更新状态：保存当前 URL，为下一次跳转做准备\r\n    pageLoadTime = Date.now();\r\n    lastPageUrl = window.location.href;\r\n\r\n    // 5. 记录新页面：上报 PV\r\n    const userId = getUserID();\r\n    const pv = incrementPV();\r\n    sendBehaviorData({\r\n      behavior: 'pv',\r\n      userId,\r\n      projectName,\r\n      timestamp: new Date().toISOString(),\r\n      pageUrl: window.location.href,\r\n      referrer: referrer, // 这里的 referrer 是跳转前的页面 URL\r\n      pv,\r\n    }, reportUrl);\r\n  };\r\n\r\n  window.addEventListener('hashchange', handleRouteChange);\r\n  window.addEventListener('popstate', handleRouteChange);\r\n\r\n  const originalPush = history.pushState;\r\n  const originalReplace = history.replaceState;\r\n\r\n  history.pushState = function (...args: Parameters<typeof history.pushState>) {\r\n    originalPush.apply(this, args);\r\n    handleRouteChange();\r\n  };\r\n\r\n  history.replaceState = function (...args: Parameters<typeof history.replaceState>) {\r\n    originalReplace.apply(this, args);\r\n    handleRouteChange();\r\n  };\r\n};","\r\nimport { trackUserBehavior } from './tracker';\r\nimport { getUserID, isUVRecorded, setUVRecorded } from './storage';\r\nimport { sendBehaviorData } from './sender';\r\n\r\ninterface MonitorConfig {\r\n  projectName: string; // 当前项目名称，用于区分项目​\r\n  reportUrl: string;   // 上报服务器的地址​\r\n}\r\n\r\n// 初始化用户行为监控​\r\nexport const initUserBehaviorMonitor = ({ projectName, reportUrl }: MonitorConfig) => {\r\n  const userId = getUserID();\r\n\r\n  // UV 统计：如果是用户首次访问，记录 UV​\r\n  if (!isUVRecorded()) {\r\n    sendBehaviorData({\r\n      behavior: 'uv',\r\n      userId,\r\n      projectName,\r\n      timestamp: new Date().toISOString(),\r\n    }, reportUrl);\r\n    setUVRecorded();\r\n  }\r\n\r\n  // 启动点击行为、PV 统计和页面停留时间监控​\r\n  trackUserBehavior(projectName, reportUrl);\r\n};​"],"names":[],"mappings":"AAAA;;;;AAIG;AACI,IAAM,gBAAgB,GAAG,UAAC,IAAyB,EAAE,GAAW,EAAA;AACrE,IAAA,IAAI,SAAS,CAAC,UAAU,EAAE;QACxB,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC;AAC3E,QAAA,SAAS,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC;IACjC;SAAO;QACL,KAAK,CAAC,GAAG,EAAE;AACT,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;AAC/C,YAAA,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;AAC3B,SAAA,CAAC,CAAC,KAAK,CAAC,UAAC,KAAK,EAAA,EAAK,OAAA,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAA,CAApD,CAAoD,CAAC;IAC3E;AACF,CAAC;;AChBD,IAAM,WAAW,GAAG,uBAAuB;AAC3C,IAAM,YAAY,GAAG,wBAAwB;AAC7C,IAAM,cAAc,GAAG,kBAAkB;AAEzC;AACO,IAAM,SAAS,GAAG,YAAA;IACvB,IAAI,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC;IAC9C,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,GAAG,YAAY,EAAE;AACvB,QAAA,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,MAAM,CAAC;IAC3C;AACA,IAAA,OAAO,MAAM;AACf,CAAC;AAED;;;AAGG;AACH,IAAM,YAAY,GAAG,YAAA;AACnB,IAAA,OAAO,0BAA0B,CAAC,OAAO,CAAC,OAAO,EAAE,UAAC,IAAI,EAAA;AACtD,QAAA,IAAM,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC;AACvC,QAAA,IAAM,KAAK,GAAG,IAAI,KAAK,GAAG,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,GAAG,IAAI,GAAG;AAC1D,QAAA,OAAO,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;AAC3B,IAAA,CAAC,CAAC;AACJ,CAAC;AAGM,IAAM,WAAW,GAAG,YAAA;AACzB,IAAA,IAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACrD,IAAA,IAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,EAAA,CAAA,MAAA,CAAG,YAAY,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,KAAK,CAAE,CAAC;IAC/D,IAAM,KAAK,GAAG,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC;AACrD,IAAA,YAAY,CAAC,OAAO,CAAC,EAAA,CAAA,MAAA,CAAG,YAAY,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,KAAK,CAAE,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;AAClE,IAAA,OAAO,KAAK;AACd,CAAC;AAGD;AACO,IAAM,YAAY,GAAG,YAAA;AAC1B,IAAA,IAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACpD,OAAO,YAAY,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,KAAK;AACvD,CAAC;AAGD;AACO,IAAM,aAAa,GAAG,YAAA;AAC3B,IAAA,IAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACpD,IAAA,YAAY,CAAC,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC;AAC7C,CAAC;;AC5CD;AACA,IAAI,YAAY,GAAW,IAAI,CAAC,GAAG,EAAE;AACrC;AACA,IAAI,WAAW,GAAW,MAAM,CAAC,QAAQ,CAAC,IAAI;AAC9C,IAAI,4BAA4B,GAAkB,IAAI;AAGtD;;;;AAIG;AACI,IAAM,iBAAiB,GAAG,UAAC,WAAmB,EAAE,SAAiB,EAAA;;AAEtE,IAAA,WAAW,CAAC,WAAW,EAAE,SAAS,CAAC;;AAGnC,IAAA,gBAAgB,CAAC,WAAW,EAAE,SAAS,CAAC;;AAGxC,IAAA,kBAAkB,CAAC,WAAW,EAAE,SAAS,CAAC;;AAG1C,IAAA,gBAAgB,CAAC,WAAW,EAAE,SAAS,CAAC;AAC1C,CAAC;AAED;;;;;AAKG;AACH,IAAM,eAAe,GAAG,UAAC,WAAmB,EAAE,SAAiB,EAAA;IAC7D,IAAI,4BAA4B,KAAK,YAAY;QAAE;IACnD,IAAM,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,YAAY;AAC3C,IAAA,IAAI,SAAS,GAAG,CAAC,EAAE;AACjB,QAAA,gBAAgB,CAAC;AACf,YAAA,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,SAAS,EAAE;AACnB,YAAA,WAAW,EAAA,WAAA;AACX,YAAA,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;AACnC,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,SAAS,EAAA,SAAA;SACV,EAAE,SAAS,CAAC;QACb,4BAA4B,GAAG,YAAY;IAC7C;AACF,CAAC;AAGD;;;;AAIG;AACH,IAAM,gBAAgB,GAAG,UAAC,WAAmB,EAAE,SAAiB,EAAA;AAC9D,IAAA,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,YAAA;AAC9B,QAAA,IAAM,MAAM,GAAG,SAAS,EAAE;AAC1B,QAAA,IAAM,EAAE,GAAG,WAAW,EAAE,CAAC;;AAGzB,QAAA,gBAAgB,CAAC;AACf,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAA,MAAA;AACN,YAAA,WAAW,EAAA,WAAA;AACX,YAAA,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;AACnC,YAAA,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI;AAC7B,YAAA,QAAQ,EAAE,QAAQ,CAAC,QAAQ,IAAI,EAAE;AACjC,YAAA,EAAE,EAAA,EAAA;SACH,EAAE,SAAS,CAAC;;AAGb,QAAA,YAAY,GAAG,IAAI,CAAC,GAAG,EAAE;AACzB,QAAA,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI;AACpC,IAAA,CAAC,CAAC;AACJ,CAAC;AAGD;;;;;AAKG;AACH,IAAM,WAAW,GAAG,UAAC,WAAmB,EAAE,SAAiB,EAAA;AACzD,IAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAC,KAAK,EAAA;AACvC,QAAA,IAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;;QAG1C,IAAI,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,EAAE;AACvC,YAAA,IAAM,YAAY,GAAG;AACnB,gBAAA,QAAQ,EAAE,OAAO;gBACjB,MAAM,EAAE,SAAS,EAAE;AACnB,gBAAA,WAAW,EAAA,WAAA;AACX,gBAAA,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;gBACnC,OAAO,EAAE,MAAM,CAAC,OAAO;AACvB,gBAAA,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,UAAU;AACjC,gBAAA,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI;gBAC7B,QAAQ,EAAE,WAAW;aACtB;;AAGD,YAAA,gBAAgB,CAAC,YAAY,EAAE,SAAS,CAAC;QAC3C;AACF,IAAA,CAAC,CAAC;AACJ,CAAC;AAID;;;;;AAKG;AACH,IAAM,kBAAkB,GAAG,UAAC,WAAmB,EAAE,SAAiB,EAAA;;AAEhE,IAAA,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,YAAA;AACtC,QAAA,eAAe,CAAC,WAAW,EAAE,SAAS,CAAC;AACzC,IAAA,CAAC,CAAC;AAEF,IAAA,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,YAAA;AAClC,QAAA,eAAe,CAAC,WAAW,EAAE,SAAS,CAAC;AACzC,IAAA,CAAC,CAAC;;AAGF,IAAA,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,YAAA;AAC5C,QAAA,IAAI,QAAQ,CAAC,eAAe,KAAK,QAAQ,EAAE;AACzC,YAAA,eAAe,CAAC,WAAW,EAAE,SAAS,CAAC;QACzC;AACF,IAAA,CAAC,CAAC;AACJ,CAAC;AAED;;;;;AAKG;AACH,IAAM,gBAAgB,GAAG,UAAC,WAAmB,EAAE,SAAiB,EAAA;AAC9D;;;AAGG;AACH,IAAA,IAAM,iBAAiB,GAAG,YAAA;;AAExB,QAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,KAAK,WAAW;YAAE;;AAG1C,QAAA,eAAe,CAAC,WAAW,EAAE,SAAS,CAAC;;QAGvC,IAAM,QAAQ,GAAG,WAAW;;AAG5B,QAAA,YAAY,GAAG,IAAI,CAAC,GAAG,EAAE;AACzB,QAAA,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI;;AAGlC,QAAA,IAAM,MAAM,GAAG,SAAS,EAAE;AAC1B,QAAA,IAAM,EAAE,GAAG,WAAW,EAAE;AACxB,QAAA,gBAAgB,CAAC;AACf,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAA,MAAA;AACN,YAAA,WAAW,EAAA,WAAA;AACX,YAAA,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;AACnC,YAAA,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI;YAC7B,QAAQ,EAAE,QAAQ;AAClB,YAAA,EAAE,EAAA,EAAA;SACH,EAAE,SAAS,CAAC;AACf,IAAA,CAAC;AAED,IAAA,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,iBAAiB,CAAC;AACxD,IAAA,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,CAAC;AAEtD,IAAA,IAAM,YAAY,GAAG,OAAO,CAAC,SAAS;AACtC,IAAA,IAAM,eAAe,GAAG,OAAO,CAAC,YAAY;IAE5C,OAAO,CAAC,SAAS,GAAG,YAAA;QAAU,IAAA,IAAA,GAAA,EAAA;aAAA,IAAA,EAAA,GAAA,CAA6C,EAA7C,EAAA,GAAA,SAAA,CAAA,MAA6C,EAA7C,EAAA,EAA6C,EAAA;YAA7C,IAAA,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA;;AAC5B,QAAA,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC;AAC9B,QAAA,iBAAiB,EAAE;AACrB,IAAA,CAAC;IAED,OAAO,CAAC,YAAY,GAAG,YAAA;QAAU,IAAA,IAAA,GAAA,EAAA;aAAA,IAAA,EAAA,GAAA,CAAgD,EAAhD,EAAA,GAAA,SAAA,CAAA,MAAgD,EAAhD,EAAA,EAAgD,EAAA;YAAhD,IAAA,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA;;AAC/B,QAAA,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC;AACjC,QAAA,iBAAiB,EAAE;AACrB,IAAA,CAAC;AACH,CAAC;;ACnLD;AACO,IAAM,uBAAuB,GAAG,UAAC,EAAyC,EAAA;QAAvC,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA;AAC9D,IAAA,IAAM,MAAM,GAAG,SAAS,EAAE;;AAG1B,IAAA,IAAI,CAAC,YAAY,EAAE,EAAE;AACnB,QAAA,gBAAgB,CAAC;AACf,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAA,MAAA;AACN,YAAA,WAAW,EAAA,WAAA;AACX,YAAA,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;SACpC,EAAE,SAAS,CAAC;AACb,QAAA,aAAa,EAAE;IACjB;;AAGA,IAAA,iBAAiB,CAAC,WAAW,EAAE,SAAS,CAAC;AAC3C;;;;"}

package/dist/index.umd.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).frontendBehaviorMonitor={})}(this,function(e){"use strict";var t=function(e,t){if(navigator.sendBeacon){var n=new Blob([JSON.stringify(e)],{type:"application/json"});navigator.sendBeacon(t,n)}else fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)}).catch(function(e){return console.error("Error sending behavior data:",e)})},n="user_behavior_user_id",o="user_behavior_pv_count",r="user_behavior_uv",a=function(){var e=localStorage.getItem(n);return e||(e=i(),localStorage.setItem(n,e)),e},i=function(){return"xxxx-xxxx-4xxx-yxxx-xxxx".replace(/[xy]/g,function(e){var t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)})},c=function(){var e=(new Date).toISOString().split("T")[0],t=localStorage.getItem("".concat(o,"_").concat(e)),n=(t?parseInt(t,10):0)+1;return localStorage.setItem("".concat(o,"_").concat(e),n.toString()),n},d=Date.now(),s=window.location.href,l=null,f=function(e,n){if(l!==d){var o=Date.now()-d;o>0&&(t({behavior:"dwell",userId:a(),projectName:e,timestamp:(new Date).toISOString(),pageUrl:s,dwellTime:o},n),l=d)}},u=function(e,n){window.addEventListener("load",function(){var o=a(),r=c();t({behavior:"pv",userId:o,projectName:e,timestamp:(new Date).toISOString(),pageUrl:window.location.href,referrer:document.referrer||"",pv:r},n),d=Date.now(),s=window.location.href})},p=function(e,n){document.addEventListener("click",function(o){var r=o.target;if(r&&r.dataset.trackClick){var i={behavior:"click",userId:a(),projectName:e,timestamp:(new Date).toISOString(),element:r.tagName,action:r.dataset.trackClick,pageUrl:window.location.href,referrer:s};t(i,n)}})},v=function(e,t){window.addEventListener("beforeunload",function(){f(e,t)}),window.addEventListener("pagehide",function(){f(e,t)}),document.addEventListener("visibilitychange",function(){"hidden"===document.visibilityState&&f(e,t)})},h=function(e,n){var o=function(){if(window.location.href!==s){f(e,n);var o=s;d=Date.now(),s=window.location.href;var r=a(),i=c();t({behavior:"pv",userId:r,projectName:e,timestamp:(new Date).toISOString(),pageUrl:window.location.href,referrer:o,pv:i},n)}};window.addEventListener("hashchange",o),window.addEventListener("popstate",o);var r=history.pushState,i=history.replaceState;history.pushState=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];r.apply(this,e),o()},history.replaceState=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];i.apply(this,e),o()}};e.initUserBehaviorMonitor=function(e){var n,o=e.projectName,i=e.reportUrl,c=a();n=(new Date).toISOString().split("T")[0],localStorage.getItem(r)!==n&&(t({behavior:"uv",userId:c,projectName:o,timestamp:(new Date).toISOString()},i),function(){var e=(new Date).toISOString().split("T")[0];localStorage.setItem(r,e)}()),function(e,t){p(e,t),u(e,t),v(e,t),h(e,t)}(o,i)}});
+//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.js","sources":["../src/sender.ts","../src/storage.ts","../src/tracker.ts","../src/index.ts"],"sourcesContent":["/**\r\n * 发送用户行为数据\r\n * @param data - 用户行为数据\r\n * @param url - 数据上报的URL\r\n */\r\nexport const sendBehaviorData = (data: Record<string, any>, url: string) => {\r\n  if (navigator.sendBeacon) {\r\n    const blob = new Blob([JSON.stringify(data)], { type: 'application/json' });\r\n    navigator.sendBeacon(url, blob);\r\n  } else {\r\n    fetch(url, {\r\n      method: 'POST',\r\n      headers: { 'Content-Type': 'application/json' },\r\n      body: JSON.stringify(data),\r\n    }).catch((error) => console.error('Error sending behavior data:', error));\r\n  }\r\n};","const USER_ID_KEY = 'user_behavior_user_id';\r\nconst PV_COUNT_KEY = 'user_behavior_pv_count';\r\nconst UV_STORAGE_KEY = 'user_behavior_uv';\r\n\r\n// 获取用户唯一标识（UUID）​\r\nexport const getUserID = (): string => {\r\n  let userId = localStorage.getItem(USER_ID_KEY);\r\n  if (!userId) {\r\n    userId = generateUUID();\r\n    localStorage.setItem(USER_ID_KEY, userId);\r\n  }\r\n  return userId;\r\n};\r\n\r\n/**\r\n * @description: 生成唯一标识符\r\n * @return {string} 唯一标识符\r\n */\r\nconst generateUUID = (): string => {\r\n  return 'xxxx-xxxx-4xxx-yxxx-xxxx'.replace(/[xy]/g, (char) => {\r\n    const random = (Math.random() * 16) | 0;\r\n    const value = char === 'x' ? random : (random & 0x3) | 0x8;\r\n    return value.toString(16);\r\n  });\r\n};\r\n\r\n\r\nexport const incrementPV = (): number => {\r\n  const today = new Date().toISOString().split('T')[0]; // 获取当天的日期​\r\n  const pvData = localStorage.getItem(`${PV_COUNT_KEY}_${today}`);\r\n  const newPV = (pvData ? parseInt(pvData, 10) : 0) + 1;\r\n  localStorage.setItem(`${PV_COUNT_KEY}_${today}`, newPV.toString());\r\n  return newPV;\r\n};\r\n\r\n\r\n// 检查是否已经记录 UV​\r\nexport const isUVRecorded = (): boolean => {\r\n  const today = new Date().toISOString().split('T')[0];\r\n  return localStorage.getItem(UV_STORAGE_KEY) === today;\r\n};\r\n\r\n\r\n// 设置 UV 记录​\r\nexport const setUVRecorded = () => {\r\n  const today = new Date().toISOString().split('T')[0];\r\n  localStorage.setItem(UV_STORAGE_KEY, today);\r\n};","import { sendBehaviorData } from './sender';\r\nimport { getUserID, incrementPV } from './storage';\r\n\r\n// 页面加载时间\r\nlet pageLoadTime: number = Date.now();\r\n// 上一个页面的 URL\r\nlet lastPageUrl: string = window.location.href;\r\nlet lastDwellReportedForLoadTime: number | null = null;\r\n\r\n\r\n/**\r\n * @description: 跟踪用户行为（用户点击、MPA 首次加载 PV、通用停留时间、SPA 路由行为）\r\n * @param projectName 项目名称\r\n * @param reportUrl 上报 URL\r\n */\r\nexport const trackUserBehavior = (projectName: string, reportUrl: string) => {\r\n  // 1. 通过事件委托捕获点击\r\n  trackClicks(projectName, reportUrl);\r\n\r\n  // 2. MPA 首次加载（页面初次进入）PV 上报\r\n  trackMpaPageView(projectName, reportUrl);\r\n\r\n  // 3. 通用停留时间（关闭页面/切换标签）上报\r\n  trackPageDwellTime(projectName, reportUrl);\r\n\r\n  // 4. SPA 路由行为（路由变化：先上报旧页面停留，再上报新页面 PV）\r\n  trackSpaBehavior(projectName, reportUrl);\r\n};\r\n\r\n/**\r\n * @description: 上报页面停留时间\r\n * @param projectName 项目名称\r\n * @param reportUrl 上报 URL\r\n * @returns \r\n */\r\nconst reportDwellTime = (projectName: string, reportUrl: string) => {\r\n  if (lastDwellReportedForLoadTime === pageLoadTime) return;\r\n  const dwellTime = Date.now() - pageLoadTime;\r\n  if (dwellTime > 0) {\r\n    sendBehaviorData({\r\n      behavior: 'dwell',\r\n      userId: getUserID(),\r\n      projectName,\r\n      timestamp: new Date().toISOString(),\r\n      pageUrl: lastPageUrl,\r\n      dwellTime,\r\n    }, reportUrl);\r\n    lastDwellReportedForLoadTime = pageLoadTime;\r\n  }\r\n};\r\n\r\n\r\n/**\r\n *  捕获首屏 PV（MPA传统网页）\r\n * @param projectName 项目名称\r\n * @param reportUrl 上报 URL\r\n */\r\nconst trackMpaPageView = (projectName: string, reportUrl: string) => {\r\n  window.addEventListener('load', () => {\r\n    const userId = getUserID();\r\n    const pv = incrementPV(); // 增加 PV 计数\r\n\r\n    // 发送 PV 数据\r\n    sendBehaviorData({\r\n      behavior: 'pv',\r\n      userId,\r\n      projectName,\r\n      timestamp: new Date().toISOString(),\r\n      pageUrl: window.location.href,\r\n      referrer: document.referrer || '', // 记录来源\r\n      pv,\r\n    }, reportUrl);\r\n\r\n    // 记录页面加载时间\r\n    pageLoadTime = Date.now();\r\n    lastPageUrl = window.location.href;\r\n  });\r\n};\r\n\r\n\r\n/**\r\n * @description: 捕获点击事件，通过 data-track-click 属性简化识别​\r\n * @param projectName 项目名称\r\n * @param reportUrl 上报 URL\r\n * @returns \r\n */\r\nconst trackClicks = (projectName: string, reportUrl: string) => {\r\n  document.addEventListener('click', (event) => {\r\n    const target = event.target as HTMLElement;\r\n\r\n    // 如果目标元素带有 data-track-click 属性​\r\n    if (target && target.dataset.trackClick) {\r\n      const behaviorData = {\r\n        behavior: 'click',\r\n        userId: getUserID(),\r\n        projectName,\r\n        timestamp: new Date().toISOString(),\r\n        element: target.tagName,\r\n        action: target.dataset.trackClick,  // 自定义的点击行为​\r\n        pageUrl: window.location.href,\r\n        referrer: lastPageUrl, // 记录点击时的页面来源\r\n      };\r\n\r\n      // 发送点击事件数据到服务端​\r\n      sendBehaviorData(behaviorData, reportUrl);\r\n    }\r\n  });\r\n};\r\n\r\n\r\n\r\n/**\r\n * @description: 捕获页面停留时间（关闭/隐藏）\r\n * @param projectName 项目名称\r\n * @param reportUrl 上报 URL\r\n * @returns \r\n */\r\nconst trackPageDwellTime = (projectName: string, reportUrl: string) => {\r\n  // 在 beforeunload 时计算停留时间\r\n  window.addEventListener('beforeunload', () => {\r\n    reportDwellTime(projectName, reportUrl);\r\n  });\r\n\r\n  window.addEventListener('pagehide', () => {\r\n    reportDwellTime(projectName, reportUrl);\r\n  });\r\n\r\n  // 在 visibilitychange（切换标签）时计算停留时间\r\n  document.addEventListener('visibilitychange', () => {\r\n    if (document.visibilityState === 'hidden') {\r\n      reportDwellTime(projectName, reportUrl);\r\n    }\r\n  });\r\n};\r\n\r\n/**\r\n * @description: 捕获 SPA 路由行为（路由变化：先上报旧页面停留，再上报新页面 PV）\r\n * @param projectName 项目名称\r\n * @param reportUrl 上报 URL\r\n * @returns \r\n */\r\nconst trackSpaBehavior = (projectName: string, reportUrl: string) => {\r\n  /**\r\n   * @description: 处理路由变化事件回调\r\n   * @returns \r\n   */\r\n  const handleRouteChange = () => {\r\n    // 1. 防抖校验：如果 URL 没变（比如 hashchange 和 popstate 同时触发），直接退出\r\n    if (window.location.href === lastPageUrl) return;\r\n\r\n    // 2. 结算上一页：上报前一个页面的停留时间\r\n    reportDwellTime(projectName, reportUrl);\r\n\r\n    // 3. 记录当前 URL 为 referrer (在更新 lastPageUrl 之前！)\r\n    const referrer = lastPageUrl;\r\n\r\n    // 4. 更新状态：保存当前 URL，为下一次跳转做准备\r\n    pageLoadTime = Date.now();\r\n    lastPageUrl = window.location.href;\r\n\r\n    // 5. 记录新页面：上报 PV\r\n    const userId = getUserID();\r\n    const pv = incrementPV();\r\n    sendBehaviorData({\r\n      behavior: 'pv',\r\n      userId,\r\n      projectName,\r\n      timestamp: new Date().toISOString(),\r\n      pageUrl: window.location.href,\r\n      referrer: referrer, // 这里的 referrer 是跳转前的页面 URL\r\n      pv,\r\n    }, reportUrl);\r\n  };\r\n\r\n  window.addEventListener('hashchange', handleRouteChange);\r\n  window.addEventListener('popstate', handleRouteChange);\r\n\r\n  const originalPush = history.pushState;\r\n  const originalReplace = history.replaceState;\r\n\r\n  history.pushState = function (...args: Parameters<typeof history.pushState>) {\r\n    originalPush.apply(this, args);\r\n    handleRouteChange();\r\n  };\r\n\r\n  history.replaceState = function (...args: Parameters<typeof history.replaceState>) {\r\n    originalReplace.apply(this, args);\r\n    handleRouteChange();\r\n  };\r\n};","\r\nimport { trackUserBehavior } from './tracker';\r\nimport { getUserID, isUVRecorded, setUVRecorded } from './storage';\r\nimport { sendBehaviorData } from './sender';\r\n\r\ninterface MonitorConfig {\r\n  projectName: string; // 当前项目名称，用于区分项目​\r\n  reportUrl: string;   // 上报服务器的地址​\r\n}\r\n\r\n// 初始化用户行为监控​\r\nexport const initUserBehaviorMonitor = ({ projectName, reportUrl }: MonitorConfig) => {\r\n  const userId = getUserID();\r\n\r\n  // UV 统计：如果是用户首次访问，记录 UV​\r\n  if (!isUVRecorded()) {\r\n    sendBehaviorData({\r\n      behavior: 'uv',\r\n      userId,\r\n      projectName,\r\n      timestamp: new Date().toISOString(),\r\n    }, reportUrl);\r\n    setUVRecorded();\r\n  }\r\n\r\n  // 启动点击行为、PV 统计和页面停留时间监控​\r\n  trackUserBehavior(projectName, reportUrl);\r\n};​"],"names":["sendBehaviorData","data","url","navigator","sendBeacon","blob","Blob","JSON","stringify","type","fetch","method","headers","body","catch","error","console","USER_ID_KEY","PV_COUNT_KEY","UV_STORAGE_KEY","getUserID","userId","localStorage","getItem","generateUUID","setItem","replace","char","random","Math","toString","incrementPV","today","Date","toISOString","split","pvData","concat","newPV","parseInt","pageLoadTime","now","lastPageUrl","window","location","href","lastDwellReportedForLoadTime","reportDwellTime","projectName","reportUrl","dwellTime","behavior","timestamp","pageUrl","trackMpaPageView","addEventListener","pv","referrer","document","trackClicks","event","target","dataset","trackClick","behaviorData","element","tagName","action","trackPageDwellTime","visibilityState","trackSpaBehavior","handleRouteChange","originalPush","history","pushState","originalReplace","replaceState","args","_i","arguments","length","apply","this","_a","setUVRecorded","trackUserBehavior"],"mappings":"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"}

package/dist/sender.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 发送用户行为数据
+ * @param data - 用户行为数据
+ * @param url - 数据上报的URL
+ */
+export declare const sendBehaviorData: (data: Record<string, any>, url: string) => void;

package/dist/storage.d.ts

@@ -0,0 +1,4 @@
+export declare const getUserID: () => string;
+export declare const incrementPV: () => number;
+export declare const isUVRecorded: () => boolean;
+export declare const setUVRecorded: () => void;

package/dist/tracker.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @description: 跟踪用户行为（用户点击、MPA 首次加载 PV、通用停留时间、SPA 路由行为）
+ * @param projectName 项目名称
+ * @param reportUrl 上报 URL
+ */
+export declare const trackUserBehavior: (projectName: string, reportUrl: string) => void;

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "behavior-aliu",
+  "version": "1.0.0",
+  "description": "A lightweight front-end behavior monitoring SDK",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "browser": "dist/index.umd.js",
+  "type": "module",
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "demo":"node test/server.js"
+  },
+  "keywords": [
+    "behavior-monitor",
+    "frontend",
+    "sdk"
+  ],
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "@rollup/plugin-terser": "^0.4.0",
+    "@rollup/plugin-typescript": "^11.1.0",
+    "cors": "^2.8.5",
+    "express": "^5.2.1",
+    "rollup": "^4.9.0",
+    "tslib": "^2.6.0",
+    "typescript": "^5.3.0"
+  }
+}