@xylabs/pixel 1.4.14 → 1.6.0

package/dist/node/index.js

@@ -0,0 +1,254 @@
+// src/Api/Api.ts
+import axios from "axios";
+var apiBaseUri = {
+  beta: "https://pixel.xylabs.com",
+  local: "http://localhost:3030",
+  prod: "https://pixel.xylabs.com"
+};
+var PixelApi = class {
+  endPoint;
+  /* baseUri can either be a preset (prod, beta, local), or a specific uri */
+  constructor(baseUri = "prod") {
+    this.endPoint = apiBaseUri[baseUri] ? `${apiBaseUri[baseUri]}/t/event/queue` : baseUri;
+  }
+  async trackEvents(events) {
+    return (await axios.post(this.endPoint, events)).data;
+  }
+};
+
+// src/Pixel.ts
+import { assertEx } from "@xylabs/assert";
+import { Mutex } from "async-mutex";
+import Cookies from "js-cookie";
+import md5 from "md5";
+
+// src/getSystemInfo.ts
+import { parse } from "bowser";
+var systemInfo;
+var getSystemInfo = () => {
+  try {
+    systemInfo = systemInfo || parse(window.navigator.userAgent);
+  } catch (ex) {
+    console.log(`getSystemInfo Error: ${ex}`);
+  }
+  return systemInfo;
+};
+
+// src/Referrer.ts
+var Referrer = class _Referrer {
+  static storageId = "_coin_referrer";
+  local;
+  session;
+  constructor() {
+    this.session = this.getFromSession() ?? document.referrer;
+    sessionStorage.setItem(_Referrer.storageId, this.session);
+    this.local = this.getFromLocal() ?? document.referrer;
+    window.localStorage.setItem(_Referrer.storageId, this.local);
+  }
+  toJson() {
+    if (this.local && this.local.length > 0 || this.session && this.session.length > 0) {
+      return {
+        local: this.local,
+        session: this.session
+      };
+    }
+  }
+  getFromLocal() {
+    const value = window.localStorage.getItem(_Referrer.storageId);
+    if (value && value.length > 0) {
+      return value;
+    }
+  }
+  getFromSession() {
+    const value = sessionStorage.getItem(_Referrer.storageId);
+    if (value && value.length > 0) {
+      return value;
+    }
+  }
+};
+
+// src/UniqueUserId.ts
+import randomBytes from "randombytes";
+var UniqueUserId = class _UniqueUserId {
+  static localStorageId = "_coin_cid";
+  id;
+  constructor() {
+    this.id = window.localStorage.getItem(_UniqueUserId.localStorageId) ?? this.generateId();
+    window.localStorage.setItem(_UniqueUserId.localStorageId, this.id);
+  }
+  toString() {
+    return this.id;
+  }
+  generateId() {
+    return randomBytes(16).toString("base64");
+  }
+};
+
+// src/UtmFields.ts
+import { isEqual } from "@xylabs/lodash";
+var UtmFields = class _UtmFields {
+  static localStorageId = "_coin_utm";
+  fields = [];
+  constructor() {
+    const storedString = window.localStorage.getItem(_UtmFields.localStorageId) ?? "[]";
+    try {
+      this.fields = JSON.parse(storedString);
+    } catch {
+      this.fields = [];
+    }
+    if (!Array.isArray(this.fields)) {
+      this.fields = [];
+    }
+    this.update();
+    window.localStorage.setItem(_UtmFields.localStorageId, JSON.stringify(this.fields));
+  }
+  getUtmRecord = () => {
+    var _a;
+    const record = {};
+    const parsedQueryString = ((_a = document.location.search.split("?")[1]) == null ? void 0 : _a.split("&")) ?? [];
+    parsedQueryString.map((item) => {
+      const [fullKey, value] = item.split("=");
+      const [keyCategory, keyName] = fullKey.split("_");
+      if (keyCategory === "utm") {
+        record[keyName] = value;
+      }
+    });
+    return Object.keys(record).length > 0 ? record : null;
+  };
+  toString() {
+    return JSON.stringify(this.fields);
+  }
+  //check the query string and if there an new/updated utm values, add them to the fields
+  update() {
+    const record = this.getUtmRecord();
+    if (record && !isEqual(this.fields.at(-1), record)) {
+      this.fields.push(record);
+    }
+    return this.fields ?? void 0;
+  }
+};
+
+// src/Pixel.ts
+var emailHashLocalStorageName = "xy_email_hash";
+var XyPixel = class _XyPixel {
+  static api = new PixelApi();
+  static _instance;
+  static utmFieldsObj;
+  cid = new UniqueUserId().id;
+  email;
+  email_hash;
+  exids;
+  pixelId;
+  queue = [];
+  queueMutex = new Mutex();
+  constructor(pixelId) {
+    this.pixelId = pixelId;
+    this.email_hash = localStorage.getItem(emailHashLocalStorageName);
+  }
+  static get instance() {
+    return assertEx(this._instance, "XyPixel uninitialized");
+  }
+  static init(pixelId) {
+    this._instance = new _XyPixel(pixelId);
+    return this._instance;
+  }
+  static selectApi(api) {
+    this.api = api;
+  }
+  static utmFields = () => {
+    if (_XyPixel.utmFieldsObj === void 0) {
+      _XyPixel.utmFieldsObj = new UtmFields();
+    }
+    return _XyPixel.utmFieldsObj;
+  };
+  identify(email) {
+    this.email = email;
+    this.email_hash = email ? md5(email) : void 0;
+    if (this.email_hash) {
+      localStorage.setItem(emailHashLocalStorageName, this.email_hash);
+    }
+  }
+  async send(event, fields, eventId) {
+    this.updateFbId();
+    const utm = _XyPixel.utmFields().update();
+    const referrer = new Referrer();
+    this.queue.push({
+      cid: this.cid,
+      create_time: Date.now(),
+      email_hash: this.email_hash ?? void 0,
+      event,
+      event_id: eventId,
+      exids: this.exids,
+      fields,
+      host: document.location.host,
+      pathname: document.location.pathname,
+      pixel: this.pixelId,
+      referrer: referrer.toJson(),
+      system: getSystemInfo(),
+      utm
+    });
+    await this.tryFlushQueue();
+  }
+  async tryFlushQueue() {
+    await this.queueMutex.runExclusive(async () => {
+      if (this.queue.length === 0) return;
+      const api = _XyPixel.api;
+      if (api) {
+        const events = this.queue;
+        this.queue = [];
+        try {
+          await api.trackEvents(events);
+        } catch (ex) {
+          if (events) {
+            this.queue = [...this.queue, ...events];
+          }
+          console.error(ex);
+        }
+      }
+    });
+  }
+  updateFbId() {
+    this.exids = {
+      fbc: Cookies.get("_fbc"),
+      fbp: Cookies.get("_fbp"),
+      ga: Cookies.get("_ga"),
+      gclid: Cookies.get("_gcl_aw"),
+      rdt_uid: Cookies.get("rdt_uid"),
+      scid: Cookies.get("_scid"),
+      tt_sessionId: sessionStorage.getItem("tt_sessionId") ?? void 0
+    };
+  }
+};
+
+// src/UserEventHandler.ts
+var UserEventHandler = class {
+};
+
+// src/XyUserEventHandler.ts
+var XyUserEventHandler = class extends UserEventHandler {
+  constructor() {
+    super();
+  }
+  async funnelStarted(fields) {
+    return await XyPixel.instance.send("FunnelStarted", fields);
+  }
+  async testStarted(fields) {
+    return await XyPixel.instance.send("TestStarted", fields);
+  }
+  async userClick(fields) {
+    return await XyPixel.instance.send("ViewPage", fields);
+  }
+  async viewContent(fields) {
+    return await XyPixel.instance.send("ViewContent", fields);
+  }
+};
+export {
+  PixelApi,
+  Referrer,
+  UniqueUserId,
+  UserEventHandler,
+  UtmFields,
+  XyPixel,
+  XyUserEventHandler
+};
+//# sourceMappingURL=index.js.map

package/dist/node/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Api/Api.ts","../../src/Pixel.ts","../../src/getSystemInfo.ts","../../src/Referrer.ts","../../src/UniqueUserId.ts","../../src/UtmFields.ts","../../src/UserEventHandler.ts","../../src/XyUserEventHandler.ts"],"sourcesContent":["import axios from 'axios'\n\nimport { UserEvent } from './UserEvent.js'\n\nconst apiBaseUri: Record<string, string> = {\n  beta: 'https://pixel.xylabs.com',\n  local: 'http://localhost:3030',\n  prod: 'https://pixel.xylabs.com',\n}\n\nexport class PixelApi {\n  private endPoint: string\n\n  /* baseUri can either be a preset (prod, beta, local), or a specific uri */\n  constructor(baseUri = 'prod') {\n    this.endPoint = apiBaseUri[baseUri] ? `${apiBaseUri[baseUri]}/t/event/queue` : baseUri\n  }\n\n  async trackEvents(events: UserEvent[]) {\n    return (await axios.post(this.endPoint, events)).data\n  }\n}\n","import { assertEx } from '@xylabs/assert'\nimport { Mutex } from 'async-mutex'\nimport Cookies from 'js-cookie'\nimport md5 from 'md5'\n\nimport { PixelApi, UserEvent } from './Api/index.js'\nimport { ExIds } from './ExIds.js'\nimport { getSystemInfo } from './getSystemInfo.js'\nimport { Referrer } from './Referrer.js'\nimport { UniqueUserId } from './UniqueUserId.js'\nimport { UtmFields } from './UtmFields.js'\n\nconst emailHashLocalStorageName = 'xy_email_hash'\n\nexport class XyPixel {\n  static api = new PixelApi()\n\n  private static _instance?: XyPixel\n  private static utmFieldsObj: UtmFields\n\n  cid = new UniqueUserId().id\n  email?: string\n  email_hash?: string | null\n  exids?: ExIds\n  pixelId?: string\n\n  queue: UserEvent[] = []\n\n  private queueMutex = new Mutex()\n\n  private constructor(pixelId: string) {\n    this.pixelId = pixelId\n    this.email_hash = localStorage.getItem(emailHashLocalStorageName)\n  }\n\n  static get instance(): XyPixel {\n    return assertEx(this._instance, 'XyPixel uninitialized')\n  }\n\n  static init(pixelId: string) {\n    this._instance = new XyPixel(pixelId)\n    return this._instance\n  }\n\n  static selectApi(api: PixelApi) {\n    this.api = api\n  }\n\n  private static utmFields = () => {\n    if (XyPixel.utmFieldsObj === undefined) {\n      XyPixel.utmFieldsObj = new UtmFields()\n    }\n    return XyPixel.utmFieldsObj\n  }\n\n  identify(email?: string) {\n    this.email = email\n    this.email_hash = email ? md5(email) : undefined\n    if (this.email_hash) {\n      localStorage.setItem(emailHashLocalStorageName, this.email_hash)\n    }\n  }\n\n  async send<T extends Record<string, unknown>>(event: string, fields?: T, eventId?: string) {\n    this.updateFbId()\n    const utm = XyPixel.utmFields().update()\n    const referrer = new Referrer()\n    this.queue.push({\n      cid: this.cid,\n      create_time: Date.now(),\n      email_hash: this.email_hash ?? undefined,\n      event,\n      event_id: eventId,\n      exids: this.exids,\n      fields,\n      host: document.location.host,\n      pathname: document.location.pathname,\n      pixel: this.pixelId,\n      referrer: referrer.toJson(),\n      system: getSystemInfo(),\n      utm,\n    })\n    await this.tryFlushQueue()\n  }\n\n  private async tryFlushQueue() {\n    await this.queueMutex.runExclusive(async () => {\n      if (this.queue.length === 0) return\n      const api = XyPixel.api\n      if (api) {\n        const events = this.queue\n        this.queue = []\n        try {\n          await api.trackEvents(events)\n        } catch (ex) {\n          if (events) {\n            //put it back since it failed\n            this.queue = [...this.queue, ...events]\n          }\n          console.error(ex)\n        }\n      }\n    })\n  }\n\n  private updateFbId() {\n    this.exids = {\n      fbc: Cookies.get('_fbc'),\n      fbp: Cookies.get('_fbp'),\n      ga: Cookies.get('_ga'),\n      gclid: Cookies.get('_gcl_aw'),\n      rdt_uid: Cookies.get('rdt_uid'),\n      scid: Cookies.get('_scid'),\n      tt_sessionId: sessionStorage.getItem('tt_sessionId') ?? undefined,\n    }\n  }\n}\n","import { parse } from 'bowser'\n\nimport { UserEventSystem } from './Api/index.js'\n\nlet systemInfo: UserEventSystem | undefined\n\nexport const getSystemInfo = () => {\n  try {\n    systemInfo = systemInfo || parse(window.navigator.userAgent)\n  } catch (ex) {\n    console.log(`getSystemInfo Error: ${ex}`)\n  }\n  return systemInfo\n}\n","export class Referrer {\n  private static storageId = '_coin_referrer'\n  local: string\n  session: string\n  constructor() {\n    this.session = this.getFromSession() ?? document.referrer\n    sessionStorage.setItem(Referrer.storageId, this.session)\n    this.local = this.getFromLocal() ?? document.referrer\n    window.localStorage.setItem(Referrer.storageId, this.local)\n  }\n\n  toJson() {\n    if ((this.local && this.local.length > 0) || (this.session && this.session.length > 0)) {\n      return {\n        local: this.local,\n        session: this.session,\n      }\n    }\n  }\n\n  private getFromLocal() {\n    const value = window.localStorage.getItem(Referrer.storageId)\n    if (value && value.length > 0) {\n      return value\n    }\n  }\n\n  private getFromSession() {\n    const value = sessionStorage.getItem(Referrer.storageId)\n    if (value && value.length > 0) {\n      return value\n    }\n  }\n}\n","import randomBytes from 'randombytes'\n\nexport class UniqueUserId {\n  private static localStorageId = '_coin_cid'\n  id: string\n\n  constructor() {\n    this.id = window.localStorage.getItem(UniqueUserId.localStorageId) ?? this.generateId()\n    window.localStorage.setItem(UniqueUserId.localStorageId, this.id)\n  }\n\n  toString() {\n    return this.id\n  }\n\n  private generateId() {\n    return randomBytes(16).toString('base64')\n  }\n}\n","import { isEqual } from '@xylabs/lodash'\n\nexport class UtmFields {\n  private static localStorageId = '_coin_utm'\n  fields: Record<string, string>[] = []\n  constructor() {\n    const storedString = window.localStorage.getItem(UtmFields.localStorageId) ?? '[]'\n    try {\n      this.fields = JSON.parse(storedString)\n    } catch {\n      this.fields = []\n    }\n    //this clears the old object version if needed\n    if (!Array.isArray(this.fields)) {\n      this.fields = []\n    }\n    this.update()\n    window.localStorage.setItem(UtmFields.localStorageId, JSON.stringify(this.fields))\n  }\n\n  getUtmRecord = () => {\n    const record: Record<string, string> = {}\n    const parsedQueryString = document.location.search.split('?')[1]?.split('&') ?? []\n    parsedQueryString.map((item) => {\n      const [fullKey, value] = item.split('=')\n      const [keyCategory, keyName] = fullKey.split('_')\n      if (keyCategory === 'utm') {\n        record[keyName] = value\n      }\n    })\n    return Object.keys(record).length > 0 ? record : null\n  }\n\n  toString() {\n    return JSON.stringify(this.fields)\n  }\n\n  //check the query string and if there an new/updated utm values, add them to the fields\n  update() {\n    const record = this.getUtmRecord()\n    if (record && !isEqual(this.fields.at(-1), record)) {\n      this.fields.push(record)\n    }\n    return this.fields ?? undefined\n  }\n}\n","import { FunnelStartedFields } from './FunnelStartedFields.js'\nimport { TestStartedFields } from './TestStartedFields.js'\nimport { UserClickFields } from './UserClickFields.js'\nimport { ViewContentFields } from './ViewContentFields.js'\n\nexport abstract class UserEventHandler<T> {\n  abstract funnelStarted(fields: T | FunnelStartedFields): Promise<void>\n  abstract testStarted(fields: T | TestStartedFields): Promise<void>\n  abstract userClick(fields: T | UserClickFields): Promise<void>\n  abstract viewContent(fields: T | ViewContentFields): Promise<void>\n}\n","import { FunnelStartedFields } from './FunnelStartedFields.js'\nimport { XyPixel } from './Pixel.js'\nimport { TestStartedFields } from './TestStartedFields.js'\nimport { UserClickFields } from './UserClickFields.js'\nimport { UserEventHandler } from './UserEventHandler.js'\nimport { ViewContentFields } from './ViewContentFields.js'\n\nexport class XyUserEventHandler<T extends Record<string, unknown>> extends UserEventHandler<T> {\n  constructor() {\n    super()\n  }\n\n  async funnelStarted(fields: T | FunnelStartedFields) {\n    return await XyPixel.instance.send('FunnelStarted', fields)\n  }\n\n  async testStarted(fields: T | TestStartedFields) {\n    return await XyPixel.instance.send('TestStarted', fields)\n  }\n\n  async userClick(fields: T | UserClickFields) {\n    return await XyPixel.instance.send('ViewPage', fields)\n  }\n\n  async viewContent(fields: T | ViewContentFields) {\n    return await XyPixel.instance.send('ViewContent', fields)\n  }\n}\n"],"mappings":"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","names":[]}

package/jest.config.cjs

@@ -1,23 +1,25 @@
 const generateJestConfig = ({ esModules }) => {
-  const esModuleslist = Array.isArray(esModules) ? esModules.join('|') : esModules
+  const esModulesList = Array.isArray(esModules) ? esModules.join('|') : esModules
   return {
-    globals: {
-      'ts-jest': {
-        tsconfig: 'tsconfig.test.json',
-      },
-    },
     moduleNameMapper: {
       '^(\\.{1,2}/.*)\\.js$': '$1',
     },
-    preset: 'ts-jest/presets/default-esm',
+    preset: 'ts-jest',
     testEnvironment: 'jsdom',
-    testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$',
+    testRegex: String.raw`(/__tests__/.*|(\.|/)(test|spec))\.tsx?$`,
     transform: {
-      [`(${esModuleslist}).+\\.js$`]: 'babel-jest',
-      '^.+\\.tsx?$': 'ts-jest',
+      [`(${esModulesList}).+\\.js$`]: 'babel-jest',
+      '^.+\\.tsx?$': [
+        'ts-jest',
+        {
+          tsconfig: 'tsconfig.test.json',
+          useESM: true,
+        },
+      ],
     },
-    transformIgnorePatterns: [`./node_modules/(?!${esModuleslist})`],
+    transformIgnorePatterns: [`./node_modules/(?!${esModulesList})`],
   }
 }
 
+// eslint-disable-next-line no-undef
 module.exports = generateJestConfig({ esModules: ['is-ip', 'ip-regex'] })

package/package.json

@@ -9,10 +9,11 @@
     "url": "https://github.com/xylabs/sdk-pixel-js/issues"
   },
   "dependencies": {
-    "@xylabs/assert": "^2.7.1",
-    "async-mutex": "^0.4.0",
+    "@xylabs/assert": "^3.5.9",
+    "@xylabs/lodash": "^3.5.9",
+    "async-mutex": "^0.5.0",
     "bowser": "^2.11.0",
-    "js-cookie": "^3.0.1",
+    "js-cookie": "^3.0.5",
     "lodash-es": "^4.17.21",
     "md5": "^2.3.0",
     "randombytes": "^2.1.0"
@@ -22,44 +23,61 @@
   },
   "description": "Event Client for xylabs ESB",
   "devDependencies": {
-    "@types/jest": "^29.4.0",
-    "@types/js-cookie": "^3.0.2",
-    "@types/jsdom": "^21.1.0",
-    "@types/lodash-es": "^4.17.6",
-    "@types/md5": "^2.3.2",
-    "@types/node": "^18.13.0",
-    "@types/randombytes": "^2.0.0",
-    "@xylabs/eslint-config": "^2.13.11",
-    "@xylabs/ts-scripts-yarn3": "^2.13.11",
-    "@xylabs/tsconfig-dom": "^2.13.11",
-    "axios": "^1.3.2",
-    "eslint": "^8.33.0",
-    "jest": "^29.4.2",
-    "jest-environment-jsdom": "^29.4.2",
-    "jsdom": "^21.1.0",
-    "npm-package-json-lint": "^6.4.0",
-    "reflect-metadata": "^0.1.13",
-    "ts-jest": "^29.0.5",
-    "ts-node": "^10.9.1",
-    "typescript": "^4.9.5"
+    "@types/jest": "^29.5.12",
+    "@types/js-cookie": "^3.0.6",
+    "@types/jsdom": "^21.1.7",
+    "@types/lodash-es": "^4.17.12",
+    "@types/md5": "^2.3.5",
+    "@types/node": "^20.14.10",
+    "@types/randombytes": "^2.0.3",
+    "@xylabs/eslint-config": "^3.11.12",
+    "@xylabs/ts-scripts-yarn3": "^3.11.12",
+    "@xylabs/tsconfig-dom": "^3.11.12",
+    "@xylabs/tsconfig-dom-jest": "^3.11.12",
+    "@xylabs/tsconfig-jest": "^3.11.12",
+    "axios": "^1.7.2",
+    "eslint": "^9.6.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jsdom": "^24.1.0",
+    "npm-package-json-lint": "^8.0.0",
+    "reflect-metadata": "^0.2.2",
+    "ts-jest": "^29.2.2",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.5.3"
   },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "resolutions": {
+    "eslint": "^8"
+  },
+  "types": "dist/browser/index.d.ts",
   "exports": {
     ".": {
       "node": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/node/index.d.mts",
+          "default": "./dist/node/index.js"
+        },
+        "require": {
+          "types": "./dist/node/index.d.cts",
+          "default": "./dist/node/index.cjs"
+        }
       },
       "browser": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/browser/index.d.mts",
+          "default": "./dist/browser/index.js"
+        },
+        "require": {
+          "types": "./dist/browser/index.d.cts",
+          "default": "./dist/browser/index.cjs"
+        }
       },
-      "default": "./dist/esm/index.js"
+      "default": "./dist/browser/index.js"
     },
     "./package.json": "./package.json"
   },
+  "main": "dist/browser/index.cjs",
+  "module": "dist/browser/index.js",
   "homepage": "https://xylabs.com",
   "license": "LGPL-3.0-or-later",
   "name": "@xylabs/pixel",
@@ -71,6 +89,7 @@
     "url": "https://github.com/xylabs/sdk-pixel-js.git"
   },
   "sideEffects": false,
-  "version": "1.4.14",
-  "packageManager": "yarn@3.3.1"
+  "version": "1.6.0",
+  "packageManager": "yarn@4.3.1",
+  "type": "module"
 }

package/src/Api/Api.ts

@@ -1,6 +1,6 @@
 import axios from 'axios'
 
-import { UserEvent } from './UserEvent'
+import { UserEvent } from './UserEvent.js'
 
 const apiBaseUri: Record<string, string> = {
   beta: 'https://pixel.xylabs.com',
@@ -16,7 +16,7 @@ export class PixelApi {
     this.endPoint = apiBaseUri[baseUri] ? `${apiBaseUri[baseUri]}/t/event/queue` : baseUri
   }
 
-  public async trackEvents(events: UserEvent[]) {
+  async trackEvents(events: UserEvent[]) {
     return (await axios.post(this.endPoint, events)).data
   }
 }

package/src/Api/UserEvent.ts

@@ -1,4 +1,5 @@
-import { UserEventSystem } from './UserEventSystem'
+import { ExIds } from '../ExIds.js'
+import { UserEventSystem } from './UserEventSystem.js'
 
 export interface UserEvent {
   cid: string
@@ -7,11 +8,13 @@ export interface UserEvent {
   email_hash?: string
   event?: string
   event_id?: string
+  exids?: ExIds
   fields?: Record<string, unknown>
   host?: string
   pathname?: string
   pixel?: string
   receive_time?: number
+  referrer?: { local: string; session: string }
   rid?: string
   system?: UserEventSystem
   uid?: string

package/src/Api/index.ts

@@ -1,3 +1,3 @@
-export * from './Api'
-export * from './UserEvent'
-export * from './UserEventSystem'
+export * from './Api.js'
+export * from './UserEvent.js'
+export * from './UserEventSystem.js'

package/src/FunnelStartedFields.ts

@@ -1,4 +1,4 @@
-import { CommonFields } from './CommonFields'
+import { CommonFields } from './CommonFields.js'
 
 export interface FunnelStartedFields extends CommonFields {
   name: string

package/src/Pixel.ts

@@ -3,28 +3,28 @@ import { Mutex } from 'async-mutex'
 import Cookies from 'js-cookie'
 import md5 from 'md5'
 
-import { PixelApi, UserEvent } from './Api'
-import { ExIds } from './ExIds'
-import { getSystemInfo } from './getSystemInfo'
-import { Referrer } from './Referrer'
-import { UniqueUserId } from './UniqueUserId'
-import { UtmFields } from './UtmFields'
+import { PixelApi, UserEvent } from './Api/index.js'
+import { ExIds } from './ExIds.js'
+import { getSystemInfo } from './getSystemInfo.js'
+import { Referrer } from './Referrer.js'
+import { UniqueUserId } from './UniqueUserId.js'
+import { UtmFields } from './UtmFields.js'
 
 const emailHashLocalStorageName = 'xy_email_hash'
 
 export class XyPixel {
-  public static api = new PixelApi()
+  static api = new PixelApi()
 
   private static _instance?: XyPixel
   private static utmFieldsObj: UtmFields
 
-  public cid = new UniqueUserId().id
-  public email?: string
-  public email_hash?: string | null
-  public exids?: ExIds
-  public pixelId?: string
+  cid = new UniqueUserId().id
+  email?: string
+  email_hash?: string | null
+  exids?: ExIds
+  pixelId?: string
 
-  public queue: UserEvent[] = []
+  queue: UserEvent[] = []
 
   private queueMutex = new Mutex()
 
@@ -33,16 +33,16 @@ export class XyPixel {
     this.email_hash = localStorage.getItem(emailHashLocalStorageName)
   }
 
-  public static get instance(): XyPixel {
+  static get instance(): XyPixel {
     return assertEx(this._instance, 'XyPixel uninitialized')
   }
 
-  public static init(pixelId: string) {
+  static init(pixelId: string) {
     this._instance = new XyPixel(pixelId)
     return this._instance
   }
 
-  public static selectApi(api: PixelApi) {
+  static selectApi(api: PixelApi) {
     this.api = api
   }
 
@@ -53,7 +53,7 @@ export class XyPixel {
     return XyPixel.utmFieldsObj
   }
 
-  public identify(email?: string) {
+  identify(email?: string) {
     this.email = email
     this.email_hash = email ? md5(email) : undefined
     if (this.email_hash) {
@@ -61,26 +61,24 @@ export class XyPixel {
     }
   }
 
-  public async send<T extends Record<string, unknown>>(event: string, fields?: T, eventId?: string) {
+  async send<T extends Record<string, unknown>>(event: string, fields?: T, eventId?: string) {
     this.updateFbId()
     const utm = XyPixel.utmFields().update()
     const referrer = new Referrer()
     this.queue.push({
-      ...{
-        cid: this.cid,
-        create_time: Date.now(),
-        email_hash: this.email_hash ?? undefined,
-        event,
-        event_id: eventId,
-        exids: this.exids,
-        fields,
-        host: document.location.host,
-        pathname: document.location.pathname,
-        pixel: this.pixelId,
-        referrer: referrer.toJson(),
-        system: getSystemInfo(),
-        utm,
-      },
+      cid: this.cid,
+      create_time: Date.now(),
+      email_hash: this.email_hash ?? undefined,
+      event,
+      event_id: eventId,
+      exids: this.exids,
+      fields,
+      host: document.location.host,
+      pathname: document.location.pathname,
+      pixel: this.pixelId,
+      referrer: referrer.toJson(),
+      system: getSystemInfo(),
+      utm,
     })
     await this.tryFlushQueue()
   }
@@ -97,7 +95,7 @@ export class XyPixel {
         } catch (ex) {
           if (events) {
             //put it back since it failed
-            this.queue = this.queue.concat(events)
+            this.queue = [...this.queue, ...events]
           }
           console.error(ex)
         }
@@ -107,15 +105,13 @@ export class XyPixel {
 
   private updateFbId() {
     this.exids = {
-      ...{
-        fbc: Cookies.get('_fbc'),
-        fbp: Cookies.get('_fbp'),
-        ga: Cookies.get('_ga'),
-        gclid: Cookies.get('_gcl_aw'),
-        rdt_uid: Cookies.get('rdt_uid'),
-        scid: Cookies.get('_scid'),
-        tt_sessionId: sessionStorage.getItem('tt_sessionId') ?? undefined,
-      },
+      fbc: Cookies.get('_fbc'),
+      fbp: Cookies.get('_fbp'),
+      ga: Cookies.get('_ga'),
+      gclid: Cookies.get('_gcl_aw'),
+      rdt_uid: Cookies.get('rdt_uid'),
+      scid: Cookies.get('_scid'),
+      tt_sessionId: sessionStorage.getItem('tt_sessionId') ?? undefined,
     }
   }
 }

package/src/Referrer.ts

@@ -1,7 +1,7 @@
 export class Referrer {
   private static storageId = '_coin_referrer'
-  public local: string
-  public session: string
+  local: string
+  session: string
   constructor() {
     this.session = this.getFromSession() ?? document.referrer
     sessionStorage.setItem(Referrer.storageId, this.session)
@@ -9,7 +9,7 @@ export class Referrer {
     window.localStorage.setItem(Referrer.storageId, this.local)
   }
 
-  public toJson() {
+  toJson() {
     if ((this.local && this.local.length > 0) || (this.session && this.session.length > 0)) {
       return {
         local: this.local,

package/src/TestStartedFields.ts

@@ -1,4 +1,4 @@
-import { CommonFields } from './CommonFields'
+import { CommonFields } from './CommonFields.js'
 
 export interface TestStartedFields extends CommonFields {
   name: string