@slan-health/tracker 1.0.0

package/src/core/createTracker.js

@@ -0,0 +1,194 @@
+import TrackerMode from "./TrackerMode";
+import EventType from "./EventType";
+import EventTimer from "./EventTimer";
+import createLib from "./utils/lib";
+import request from "./utils/request";
+import Devices from "./utils/devices";
+import { log } from "./utils/SlLog";
+import {
+  createDeviceId,
+  setLoginId,
+  getLoginId,
+  removeLoginId,
+  getPointList,
+} from "./utils/DbHelper";
+import { Queue } from "./Queue";
+import { setActiveTracker } from "./trackerStore";
+
+export function createTracker(config) {
+  const lib = createLib(config.appVersion);
+
+  const devices = createDevices();
+
+  const eventTimers = new Map();
+
+  let loginId = getLoginId();
+
+  const queue = new Queue(getPointList());
+
+  const win =
+    typeof window !== "undefined"
+      ? window
+      : {
+          addEventListener: () => {},
+        };
+
+  win.addEventListener("load", () => {
+    trackNativeEvent(
+      EventType.APP_START,
+      EventType.APP_START,
+      undefined,
+      loginId
+    );
+  });
+
+  win.addEventListener("beforeunload", () => {
+    trackNativeEvent(EventType.APP_END, EventType.APP_END, undefined, loginId);
+  });
+
+  function createDevices() {
+    const devices = new Devices(createDeviceId()).valueOf();
+    return devices;
+  }
+
+  function isDebug() {
+    return config.trackerMode == TrackerMode.DEBUG_ONLY;
+  }
+
+  function trackEvent(eventName, property) {
+    trackNativeEvent(eventName, EventType.TRACK, property, loginId);
+  }
+
+  function startTrackTime(eventName) {
+    eventTimers.set(eventName, new EventTimer(Date.now()));
+  }
+  function pauseTrackTime(eventName) {
+    const eventTimer = eventTimers.get(eventName);
+    eventTimer && eventTimer.pause(Date.now());
+  }
+  function resumeTrackTime(eventName) {
+    const eventTimer = eventTimers.get(eventName);
+    eventTimer && eventTimer.resume(Date.now());
+  }
+
+  function endTrackTime(eventName, property) {
+    const eventTimer = eventTimers.get(eventName);
+    if (eventTimer) {
+      eventTimer.setEndTime(Date.now());
+      trackNativeEvent(eventName, EventType.TRACK_TIME, property, loginId);
+    }
+  }
+
+  function login(id) {
+    setLoginId(id);
+    loginId = id;
+  }
+
+  function logOut() {
+    removeLoginId();
+    loginId = undefined;
+  }
+
+  function flush() {
+    uploadData(true);
+  }
+
+  function trackNativeEvent(eventName, type, property, loginId) {
+    if (config.trackerMode == TrackerMode.DISABLE) {
+      //禁用的时候不做收集
+      return;
+    }
+    log({ eventName, type, property, loginId });
+
+    let event = {
+      name: eventName,
+      type: type,
+      time: Date.now(),
+    };
+
+    if (type == EventType.TRACK_TIME && eventTimers.get(eventName)) {
+      const duration = eventTimers.get(eventName).duration();
+      if (duration != -1) {
+        event["duration"] = duration;
+      }
+      eventTimers.delete(eventName);
+    }
+
+    let data = {
+      event,
+      devices: devices,
+      lib: lib,
+    };
+    if (loginId && loginId != "") {
+      data["distinct_id"] = loginId;
+    }
+    if (property) {
+      data["properties"] = property;
+    }
+    queue.push(data);
+    uploadData(false);
+  }
+
+  function uploadData(force = false) {
+    if (
+      queue.empty() ||
+      (queue.size() < (config.reportThreshold || 10) && !isDebug() && !force)
+    ) {
+      return;
+    }
+    const data = queue.flush();
+    if (config.trackerMode == TrackerMode.CONSOLE_LOG) {
+      //log模式的时候只打印,不发送
+      console.log(data);
+      return;
+    }
+    requestData(JSON.stringify(data));
+  }
+
+  function requestData(dataString) {
+    let options = {
+      url: config.serverUrl,
+      method: "POST",
+      header: {
+        "content-type": "application/json",
+        ...(config.headers || {}),
+      },
+      data: {
+        app_id: config.appId,
+        data_list: dataString,
+      },
+    };
+    if (config.requestInterceptors?.length > 0) {
+      options = config.requestInterceptors.reduce(
+        (pre, func) => func(pre),
+        options
+      );
+    }
+
+    request(options)
+      .then((res) => {
+        const { code } = res;
+        if (code !== 0) {
+          queue.unshift(JSON.parse(dataString));
+        }
+      })
+      .catch(() => {
+        queue.unshift(JSON.parse(dataString));
+      });
+  }
+
+  const tracker = {
+    trackEvent,
+    startTrackTime,
+    pauseTrackTime,
+    resumeTrackTime,
+    endTrackTime,
+    login,
+    logOut,
+    flush,
+    isDebug,
+  };
+
+  setActiveTracker(tracker);
+  return tracker;
+}

package/src/core/trackerStore.js

@@ -0,0 +1,7 @@
+let activeTracker;
+
+export const setActiveTracker = (tracker) => {
+  activeTracker = tracker;
+};
+
+export const getActiveTracker = () => activeTracker;

package/src/core/utils/DbHelper.js

@@ -0,0 +1,32 @@
+import uuid from "./uuid";
+
+export const POINT_DATA = "sl-tracker-point-data";
+
+export function createDeviceId() {
+  let id = localStorage.getItem("sl-tracker-uuid");
+  if (!id) {
+    id = uuid();
+    localStorage.setItem("sl-tracker-uuid", id);
+  }
+  return id;
+}
+
+export function setLoginId(loginId) {
+  localStorage.setItem("sl-tracker-loginId", loginId);
+}
+
+export function getLoginId() {
+  return localStorage.getItem("sl-tracker-loginId");
+}
+
+export function removeLoginId() {
+  localStorage.setItem("sl-tracker-loginId", "");
+}
+
+export function setPointDataList(datas) {
+  localStorage.setItem(POINT_DATA, JSON.stringify(datas));
+}
+
+export function getPointList() {
+  return JSON.parse(localStorage.getItem(POINT_DATA)) ?? [];
+}

package/src/core/utils/SlLog.js

@@ -0,0 +1,9 @@
+import { getActiveTracker } from "../trackerStore";
+
+const log = (message, ...optionalParams) => {
+  if (getActiveTracker()?.isDebug()) {
+    console.log(message, ...optionalParams);
+  }
+};
+
+export { log };

package/src/core/utils/devices.js

@@ -0,0 +1,437 @@
+var win;
+
+if (typeof window === "undefined") {
+  win = {
+    navigator: {
+      userAgent: "",
+    },
+  };
+} else {
+  win = window;
+}
+const nav = win.navigator,
+  ua = nav.userAgent;
+
+const infoMap = {
+  browser: [
+    "Safari",
+    "Chrome",
+    "Edge",
+    "IE",
+    "Firefox",
+    "Firefox Focus",
+    "Chromium",
+    "Opera",
+    "Vivaldi",
+    "Yandex",
+    "Arora",
+    "Lunascape",
+    "QupZilla",
+    "Coc Coc",
+    "Kindle",
+    "Iceweasel",
+    "Konqueror",
+    "Iceape",
+    "SeaMonkey",
+    "Epiphany",
+    "360",
+    "360SE",
+    "360EE",
+    "UC",
+    "QQBrowser",
+    "QQ",
+    "Baidu",
+    "Maxthon",
+    "Sogou",
+    "LBBROWSER",
+    "2345Explorer",
+    "TheWorld",
+    "XiaoMi",
+    "Quark",
+    "Qiyu",
+    "Wechat",
+    "Taobao",
+    "Alipay",
+    "Weibo",
+    "Douban",
+    "Suning",
+    "iQiYi",
+  ],
+  os: [
+    "Windows",
+    "Linux",
+    "Mac OS",
+    "Android",
+    "Ubuntu",
+    "FreeBSD",
+    "Debian",
+    "iOS",
+    "Windows Phone",
+    "BlackBerry",
+    "MeeGo",
+    "Symbian",
+    "Chrome OS",
+    "WebOS",
+  ],
+  device: ["Mobile", "Tablet", "iPad"],
+};
+
+const DeviceMethod = {
+  getMatchMap: function (u) {
+    return {
+      // 浏览器
+      Safari: u.indexOf("Safari") > -1,
+      Chrome: u.indexOf("Chrome") > -1 || u.indexOf("CriOS") > -1,
+      IE: u.indexOf("MSIE") > -1 || u.indexOf("Trident") > -1,
+      Edge: u.indexOf("Edge") > -1,
+      Firefox: u.indexOf("Firefox") > -1 || u.indexOf("FxiOS") > -1,
+      "Firefox Focus": u.indexOf("Focus") > -1,
+      Chromium: u.indexOf("Chromium") > -1,
+      Opera: u.indexOf("Opera") > -1 || u.indexOf("OPR") > -1,
+      Vivaldi: u.indexOf("Vivaldi") > -1,
+      Yandex: u.indexOf("YaBrowser") > -1,
+      Arora: u.indexOf("Arora") > -1,
+      Lunascape: u.indexOf("Lunascape") > -1,
+      QupZilla: u.indexOf("QupZilla") > -1,
+      "Coc Coc": u.indexOf("coc_coc_browser") > -1,
+      Kindle: u.indexOf("Kindle") > -1 || u.indexOf("Silk/") > -1,
+      Iceweasel: u.indexOf("Iceweasel") > -1,
+      Konqueror: u.indexOf("Konqueror") > -1,
+      Iceape: u.indexOf("Iceape") > -1,
+      SeaMonkey: u.indexOf("SeaMonkey") > -1,
+      Epiphany: u.indexOf("Epiphany") > -1,
+      360: u.indexOf("QihooBrowser") > -1 || u.indexOf("QHBrowser") > -1,
+      "360EE": u.indexOf("360EE") > -1,
+      "360SE": u.indexOf("360SE") > -1,
+      UC: u.indexOf("UC") > -1 || u.indexOf(" UBrowser") > -1,
+      QQBrowser: u.indexOf("QQBrowser") > -1,
+      QQ: u.indexOf("QQ/") > -1,
+      Baidu: u.indexOf("Baidu") > -1 || u.indexOf("BIDUBrowser") > -1,
+      Maxthon: u.indexOf("Maxthon") > -1,
+      Sogou: u.indexOf("MetaSr") > -1 || u.indexOf("Sogou") > -1,
+      LBBROWSER: u.indexOf("LBBROWSER") > -1,
+      "2345Explorer": u.indexOf("2345Explorer") > -1,
+      TheWorld: u.indexOf("TheWorld") > -1,
+      XiaoMi: u.indexOf("MiuiBrowser") > -1,
+      Quark: u.indexOf("Quark") > -1,
+      Qiyu: u.indexOf("Qiyu") > -1,
+      Wechat: u.indexOf("MicroMessenger") > -1,
+      Taobao: u.indexOf("AliApp(TB") > -1,
+      Alipay: u.indexOf("AliApp(AP") > -1,
+      Weibo: u.indexOf("Weibo") > -1,
+      Douban: u.indexOf("com.douban.frodo") > -1,
+      Suning: u.indexOf("SNEBUY-APP") > -1,
+      iQiYi: u.indexOf("IqiyiApp") > -1,
+      // 系统或平台
+      Windows: u.indexOf("Windows") > -1,
+      Linux: u.indexOf("Linux") > -1 || u.indexOf("X11") > -1,
+      "Mac OS": u.indexOf("Macintosh") > -1,
+      Android: u.indexOf("Android") > -1 || u.indexOf("Adr") > -1,
+      Ubuntu: u.indexOf("Ubuntu") > -1,
+      FreeBSD: u.indexOf("FreeBSD") > -1,
+      Debian: u.indexOf("Debian") > -1,
+      "Windows Phone":
+        u.indexOf("IEMobile") > -1 || u.indexOf("Windows Phone") > -1,
+      BlackBerry: u.indexOf("BlackBerry") > -1 || u.indexOf("RIM") > -1,
+      MeeGo: u.indexOf("MeeGo") > -1,
+      Symbian: u.indexOf("Symbian") > -1,
+      iOS: u.indexOf("like Mac OS X") > -1,
+      "Chrome OS": u.indexOf("CrOS") > -1,
+      WebOS: u.indexOf("hpwOS") > -1,
+      // 设备
+      Mobile:
+        u.indexOf("Mobi") > -1 ||
+        u.indexOf("iPh") > -1 ||
+        u.indexOf("480") > -1,
+      Tablet: u.indexOf("Tablet") > -1 || u.indexOf("Nexus 7") > -1,
+      iPad: u.indexOf("iPad") > -1,
+    };
+  },
+
+  matchInfoMap: function (_this) {
+    var match = DeviceMethod.getMatchMap(ua);
+    for (var s in infoMap) {
+      for (var i = 0; i < infoMap[s].length; i++) {
+        var value = infoMap[s][i];
+        if (match[value]) {
+          _this[s] = value;
+        }
+      }
+    }
+  },
+
+  getOS: function () {
+    var _this = this;
+    DeviceMethod.matchInfoMap(_this);
+    return _this.os;
+  },
+
+  getOSVersion: function () {
+    var _this = this;
+    var u = ua;
+    _this.osVersion = "";
+    // 系统版本信息
+    var osVersion = {
+      Windows: function () {
+        var v = u.replace(/^.*Windows NT ([\d.]+);.*$/, "$1");
+        var oldWindowsVersionMap = {
+          6.4: "10",
+          6.3: "8.1",
+          6.2: "8",
+          6.1: "7",
+          "6.0": "Vista",
+          5.2: "XP",
+          5.1: "XP",
+          "5.0": "2000",
+        };
+        return oldWindowsVersionMap[v] || v;
+      },
+      Android: function () {
+        return u.replace(/^.*Android ([\d.]+);.*$/, "$1");
+      },
+      iOS: function () {
+        return u.replace(/^.*OS ([\d_]+) like.*$/, "$1").replace(/_/g, ".");
+      },
+      Debian: function () {
+        return u.replace(/^.*Debian\/([\d.]+).*$/, "$1");
+      },
+      "Windows Phone": function () {
+        return u.replace(/^.*Windows Phone( OS)? ([\d.]+);.*$/, "$2");
+      },
+      "Mac OS": function () {
+        return u.replace(/^.*Mac OS X ([\d_]+).*$/, "$1").replace(/_/g, ".");
+      },
+      WebOS: function () {
+        return u.replace(/^.*hpwOS\/([\d.]+);.*$/, "$1");
+      },
+    };
+    if (osVersion[_this.os]) {
+      _this.osVersion = osVersion[_this.os]();
+      if (_this.osVersion == u) {
+        _this.osVersion = "";
+      }
+    }
+    return _this.osVersion;
+  },
+
+  getDeviceType: function () {
+    var _this = this;
+    _this.device = "PC";
+    DeviceMethod.matchInfoMap(_this);
+    return _this.device;
+  },
+
+  getNetwork: function () {
+    var netWork = nav && nav.connection && nav.connection.effectiveType;
+    return netWork || "未知";
+  },
+
+  getBrowserInfo: function () {
+    var _this = this;
+    DeviceMethod.matchInfoMap(_this);
+
+    var u = ua;
+
+    var match = DeviceMethod.getMatchMap(u);
+
+    if (match["Baidu"] && match["Opera"]) {
+      match["Baidu"] = false;
+    }
+    if (match["Mobile"]) {
+      match["Mobile"] = !(u.indexOf("iPad") > -1);
+    }
+
+    var browerVersionMap = {
+      Safari: function () {
+        return u.replace(/^.*Version\/([\d.]+).*$/, "$1");
+      },
+      Chrome: function () {
+        return u
+          .replace(/^.*Chrome\/([\d.]+).*$/, "$1")
+          .replace(/^.*CriOS\/([\d.]+).*$/, "$1");
+      },
+      IE: function () {
+        return u
+          .replace(/^.*MSIE ([\d.]+).*$/, "$1")
+          .replace(/^.*rv:([\d.]+).*$/, "$1");
+      },
+      Edge: function () {
+        return u.replace(/^.*Edge\/([\d.]+).*$/, "$1");
+      },
+      Firefox: function () {
+        return u
+          .replace(/^.*Firefox\/([\d.]+).*$/, "$1")
+          .replace(/^.*FxiOS\/([\d.]+).*$/, "$1");
+      },
+      "Firefox Focus": function () {
+        return u.replace(/^.*Focus\/([\d.]+).*$/, "$1");
+      },
+      Chromium: function () {
+        return u.replace(/^.*Chromium\/([\d.]+).*$/, "$1");
+      },
+      Opera: function () {
+        return u
+          .replace(/^.*Opera\/([\d.]+).*$/, "$1")
+          .replace(/^.*OPR\/([\d.]+).*$/, "$1");
+      },
+      Vivaldi: function () {
+        return u.replace(/^.*Vivaldi\/([\d.]+).*$/, "$1");
+      },
+      Yandex: function () {
+        return u.replace(/^.*YaBrowser\/([\d.]+).*$/, "$1");
+      },
+      Arora: function () {
+        return u.replace(/^.*Arora\/([\d.]+).*$/, "$1");
+      },
+      Lunascape: function () {
+        return u.replace(/^.*Lunascape[/\s]([\d.]+).*$/, "$1");
+      },
+      QupZilla: function () {
+        return u.replace(/^.*QupZilla[/\s]([\d.]+).*$/, "$1");
+      },
+      "Coc Coc": function () {
+        return u.replace(/^.*coc_coc_browser\/([\d.]+).*$/, "$1");
+      },
+      Kindle: function () {
+        return u.replace(/^.*Version\/([\d.]+).*$/, "$1");
+      },
+      Iceweasel: function () {
+        return u.replace(/^.*Iceweasel\/([\d.]+).*$/, "$1");
+      },
+      Konqueror: function () {
+        return u.replace(/^.*Konqueror\/([\d.]+).*$/, "$1");
+      },
+      Iceape: function () {
+        return u.replace(/^.*Iceape\/([\d.]+).*$/, "$1");
+      },
+      SeaMonkey: function () {
+        return u.replace(/^.*SeaMonkey\/([\d.]+).*$/, "$1");
+      },
+      Epiphany: function () {
+        return u.replace(/^.*Epiphany\/([\d.]+).*$/, "$1");
+      },
+      360: function () {
+        return u.replace(/^.*QihooBrowser\/([\d.]+).*$/, "$1");
+      },
+      "360SE": function () {
+        var hash = {
+          63: "10.0",
+          55: "9.1",
+          45: "8.1",
+          42: "8.0",
+          31: "7.0",
+          21: "6.3",
+        };
+        var chrome_vision = u.replace(/^.*Chrome\/([\d]+).*$/, "$1");
+        return hash[chrome_vision] || "";
+      },
+      "360EE": function () {
+        var hash = { 69: "11.0", 63: "9.5", 55: "9.0", 50: "8.7", 30: "7.5" };
+        var chrome_vision = u.replace(/^.*Chrome\/([\d]+).*$/, "$1");
+        return hash[chrome_vision] || "";
+      },
+      Maxthon: function () {
+        return u.replace(/^.*Maxthon\/([\d.]+).*$/, "$1");
+      },
+      QQBrowser: function () {
+        return u.replace(/^.*QQBrowser\/([\d.]+).*$/, "$1");
+      },
+      QQ: function () {
+        return u.replace(/^.*QQ\/([\d.]+).*$/, "$1");
+      },
+      Baidu: function () {
+        return u.replace(/^.*BIDUBrowser[\s/]([\d.]+).*$/, "$1");
+      },
+      UC: function () {
+        return u.replace(/^.*UC?Browser\/([\d.]+).*$/, "$1");
+      },
+      Sogou: function () {
+        return u
+          .replace(/^.*SE ([\d.X]+).*$/, "$1")
+          .replace(/^.*SogouMobileBrowser\/([\d.]+).*$/, "$1");
+      },
+      LBBROWSER: function () {
+        var hash = {
+          57: "6.5",
+          49: "6.0",
+          46: "5.9",
+          42: "5.3",
+          39: "5.2",
+          34: "5.0",
+          29: "4.5",
+          21: "4.0",
+        };
+        var chrome_vision = u.replace(/^.*Chrome\/([\d]+).*$/, "$1");
+        return hash[chrome_vision] || "";
+      },
+      "2345Explorer": function () {
+        return u.replace(/^.*2345Explorer\/([\d.]+).*$/, "$1");
+      },
+      TheWorld: function () {
+        return u.replace(/^.*TheWorld ([\d.]+).*$/, "$1");
+      },
+      XiaoMi: function () {
+        return u.replace(/^.*MiuiBrowser\/([\d.]+).*$/, "$1");
+      },
+      Quark: function () {
+        return u.replace(/^.*Quark\/([\d.]+).*$/, "$1");
+      },
+      Qiyu: function () {
+        return u.replace(/^.*Qiyu\/([\d.]+).*$/, "$1");
+      },
+      Wechat: function () {
+        return u.replace(/^.*MicroMessenger\/([\d.]+).*$/, "$1");
+      },
+      Taobao: function () {
+        return u.replace(/^.*AliApp\(TB\/([\d.]+).*$/, "$1");
+      },
+      Alipay: function () {
+        return u.replace(/^.*AliApp\(AP\/([\d.]+).*$/, "$1");
+      },
+      Weibo: function () {
+        return u.replace(/^.*weibo__([\d.]+).*$/, "$1");
+      },
+      Douban: function () {
+        return u.replace(/^.*com.douban.frodo\/([\d.]+).*$/, "$1");
+      },
+      Suning: function () {
+        return u.replace(/^.*SNEBUY-APP([\d.]+).*$/, "$1");
+      },
+      iQiYi: function () {
+        return u.replace(/^.*IqiyiVersion\/([\d.]+).*$/, "$1");
+      },
+    };
+
+    _this.browserVersion = "";
+    if (browerVersionMap[_this.browser]) {
+      _this.browserVersion = browerVersionMap[_this.browser]();
+      if (_this.browserVersion == u) {
+        _this.browserVersion = "";
+      }
+    }
+
+    return _this.browser + " " + _this.browserVersion;
+  },
+};
+
+class Devices {
+  constructor(device_id) {
+    this.device_id = device_id;
+  }
+
+  valueOf() {
+    return {
+      device_id: this.device_id,
+      os_version: DeviceMethod.getBrowserInfo(),
+      model:
+        DeviceMethod.getOS() +
+        " " +
+        DeviceMethod.getOSVersion() +
+        " " +
+        DeviceMethod.getDeviceType(),
+      network_type: DeviceMethod.getNetwork(),
+    };
+  }
+}
+
+export default Devices;

package/src/core/utils/lib.js

@@ -0,0 +1,8 @@
+const lib = (appVersion) => ({
+  lib: "web-app",
+  lib_version: "0.0.2",
+
+  app_version: appVersion,
+});
+
+export default lib;