@xylabs/pixel 1.7.0 → 2.0.0

package/dist/browser/index.d.ts

@@ -1,13 +1,155 @@
-export * from './Api/index.js';
-export * from './FunnelStartedFields.js';
-export * from './Pixel.js';
-export * from './Referrer.js';
-export * from './TestStartedFields.js';
-export * from './UniqueUserId.js';
-export * from './UserClickFields.js';
-export * from './UserEventHandler.js';
-export * from './UtmFields.js';
-export * from './ViewContentFields.js';
-export * from './XyLabsTrackingEventJson.js';
-export * from './XyUserEventHandler.js';
-//# sourceMappingURL=index.d.ts.map
+import Bowser from 'bowser';
+
+interface ExIds {
+    fbc?: string;
+    fbp?: string;
+    ga?: string;
+    gclid?: string;
+    rdt_uid?: string;
+    scid?: string;
+    tt_sessionId?: string;
+}
+
+type UserEventSystem = Bowser.Parser.ParsedResult;
+
+interface UserEvent {
+    cid: string;
+    create_time?: number;
+    email?: string;
+    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;
+    utm?: Record<string, string>[] | Record<string, string[]>;
+}
+
+declare class PixelApi {
+    private endPoint;
+    constructor(baseUri?: string);
+    trackEvents(events: UserEvent[]): Promise<any>;
+}
+
+interface CommonFields extends Record<string, unknown> {
+    funnel?: string;
+    testData?: string;
+}
+
+interface FunnelStartedFields extends CommonFields {
+    name: string;
+}
+
+declare class XyPixel {
+    static api: PixelApi;
+    private static _instance?;
+    private static utmFieldsObj;
+    cid: string;
+    email?: string;
+    email_hash?: string | null;
+    exids?: ExIds;
+    pixelId?: string;
+    queue: UserEvent[];
+    private queueMutex;
+    private constructor();
+    static get instance(): XyPixel;
+    static init(pixelId: string): XyPixel;
+    static selectApi(api: PixelApi): void;
+    private static utmFields;
+    identify(email?: string): void;
+    send<T extends Record<string, unknown>>(event: string, fields?: T, eventId?: string): Promise<void>;
+    private tryFlushQueue;
+    private updateFbId;
+}
+
+declare class Referrer {
+    private static storageId;
+    local: string;
+    session: string;
+    constructor();
+    toJson(): {
+        local: string;
+        session: string;
+    } | undefined;
+    private getFromLocal;
+    private getFromSession;
+}
+
+interface TestStartedFields extends CommonFields {
+    name: string;
+}
+
+declare class UniqueUserId {
+    private static localStorageId;
+    id: string;
+    constructor();
+    toString(): string;
+    private generateId;
+}
+
+interface UserClickFields extends CommonFields {
+    elementName: string;
+    elementType: string;
+}
+
+interface ViewContentFields extends CommonFields {
+    name: string;
+    path: string;
+}
+
+declare abstract class UserEventHandler<T> {
+    abstract funnelStarted(fields: T | FunnelStartedFields): Promise<void>;
+    abstract testStarted(fields: T | TestStartedFields): Promise<void>;
+    abstract userClick(fields: T | UserClickFields): Promise<void>;
+    abstract viewContent(fields: T | ViewContentFields): Promise<void>;
+}
+
+declare class UtmFields {
+    private static localStorageId;
+    fields: Record<string, string>[];
+    constructor();
+    getUtmRecord: () => Record<string, string> | null;
+    toString(): string;
+    update(): Record<string, string>[];
+}
+
+interface XyLabsTrackingEventJson {
+    cid: string;
+    create_time?: number;
+    email?: string;
+    email_hash?: string;
+    event?: string;
+    event_id?: string;
+    exids?: Record<string, string>;
+    fields?: Record<string, unknown>;
+    host?: string;
+    ip?: string;
+    pathname?: string;
+    pixel?: string;
+    receive_time?: number;
+    rid?: string;
+    system?: unknown;
+    ua?: string;
+    uid?: string;
+    utm?: Record<string, string>[] | Record<string, string[]>;
+}
+
+declare class XyUserEventHandler<T extends Record<string, unknown>> extends UserEventHandler<T> {
+    constructor();
+    funnelStarted(fields: T | FunnelStartedFields): Promise<void>;
+    testStarted(fields: T | TestStartedFields): Promise<void>;
+    userClick(fields: T | UserClickFields): Promise<void>;
+    viewContent(fields: T | ViewContentFields): Promise<void>;
+}
+
+export { type FunnelStartedFields, PixelApi, Referrer, type TestStartedFields, UniqueUserId, type UserClickFields, type UserEvent, UserEventHandler, type UserEventSystem, UtmFields, type ViewContentFields, type XyLabsTrackingEventJson, XyPixel, XyUserEventHandler };

package/dist/browser/{index.js → index.mjs}

@@ -1,3 +1,6 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
 // src/Api/Api.ts
 import axios from "axios";
 var apiBaseUri = {
@@ -6,6 +9,9 @@ var apiBaseUri = {
   prod: "https://pixel.xylabs.com"
 };
 var PixelApi = class {
+  static {
+    __name(this, "PixelApi");
+  }
   endPoint;
   /* baseUri can either be a preset (prod, beta, local), or a specific uri */
   constructor(baseUri = "prod") {
@@ -20,22 +26,25 @@ var PixelApi = class {
 import { assertEx } from "@xylabs/assert";
 import { Mutex } from "async-mutex";
 import Cookies from "js-cookie";
-import md5 from "md5";
+import md5 from "spark-md5";
 
 // src/getSystemInfo.ts
 import { parse } from "bowser";
 var systemInfo;
-var getSystemInfo = () => {
+var getSystemInfo = /* @__PURE__ */ __name(() => {
   try {
     systemInfo = systemInfo || parse(window.navigator.userAgent);
   } catch (ex) {
     console.log(`getSystemInfo Error: ${ex}`);
   }
   return systemInfo;
-};
+}, "getSystemInfo");
 
 // src/Referrer.ts
 var Referrer = class _Referrer {
+  static {
+    __name(this, "Referrer");
+  }
   static storageId = "_coin_referrer";
   local;
   session;
@@ -69,6 +78,9 @@ var Referrer = class _Referrer {
 
 // src/UniqueUserId.ts
 var UniqueUserId = class _UniqueUserId {
+  static {
+    __name(this, "UniqueUserId");
+  }
   static localStorageId = "_coin_cid";
   id;
   constructor() {
@@ -84,8 +96,11 @@ var UniqueUserId = class _UniqueUserId {
 };
 
 // src/UtmFields.ts
-import { isEqual } from "@xylabs/lodash";
+import isEqual from "fast-deep-equal";
 var UtmFields = class _UtmFields {
+  static {
+    __name(this, "UtmFields");
+  }
   static localStorageId = "_coin_utm";
   fields = [];
   constructor() {
@@ -101,7 +116,7 @@ var UtmFields = class _UtmFields {
     this.update();
     window.localStorage.setItem(_UtmFields.localStorageId, JSON.stringify(this.fields));
   }
-  getUtmRecord = () => {
+  getUtmRecord = /* @__PURE__ */ __name(() => {
     const record = {};
     const parsedQueryString = document.location.search.split("?")[1]?.split("&") ?? [];
     parsedQueryString.map((item) => {
@@ -112,11 +127,11 @@ var UtmFields = class _UtmFields {
       }
     });
     return Object.keys(record).length > 0 ? record : null;
-  };
+  }, "getUtmRecord");
   toString() {
     return JSON.stringify(this.fields);
   }
-  //check the query string and if there an new/updated utm values, add them to the 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)) {
@@ -129,6 +144,9 @@ var UtmFields = class _UtmFields {
 // src/Pixel.ts
 var emailHashLocalStorageName = "xy_email_hash";
 var XyPixel = class _XyPixel {
+  static {
+    __name(this, "XyPixel");
+  }
   static api = new PixelApi();
   static _instance;
   static utmFieldsObj;
@@ -153,15 +171,15 @@ var XyPixel = class _XyPixel {
   static selectApi(api) {
     this.api = api;
   }
-  static utmFields = () => {
+  static utmFields = /* @__PURE__ */ __name(() => {
     if (_XyPixel.utmFieldsObj === void 0) {
       _XyPixel.utmFieldsObj = new UtmFields();
     }
     return _XyPixel.utmFieldsObj;
-  };
+  }, "utmFields");
   identify(email) {
     this.email = email;
-    this.email_hash = email ? md5(email) : void 0;
+    this.email_hash = email ? md5.hash(email, true) : void 0;
     if (this.email_hash) {
       localStorage.setItem(emailHashLocalStorageName, this.email_hash);
     }
@@ -198,7 +216,10 @@ var XyPixel = class _XyPixel {
           await api.trackEvents(events);
         } catch (ex) {
           if (events) {
-            this.queue = [...this.queue, ...events];
+            this.queue = [
+              ...this.queue,
+              ...events
+            ];
           }
           console.error(ex);
         }
@@ -220,10 +241,16 @@ var XyPixel = class _XyPixel {
 
 // src/UserEventHandler.ts
 var UserEventHandler = class {
+  static {
+    __name(this, "UserEventHandler");
+  }
 };
 
 // src/XyUserEventHandler.ts
 var XyUserEventHandler = class extends UserEventHandler {
+  static {
+    __name(this, "XyUserEventHandler");
+  }
   constructor() {
     super();
   }
@@ -249,4 +276,4 @@ export {
   XyPixel,
   XyUserEventHandler
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/browser/index.mjs.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 'spark-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.hash(email, true) : 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","export 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 crypto.randomUUID()\n  }\n}\n","import isEqual from 'fast-deep-equal'\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":["axios","apiBaseUri","beta","local","prod","PixelApi","endPoint","constructor","baseUri","trackEvents","events","axios","post","data","assertEx","Mutex","Cookies","md5","parse","systemInfo","getSystemInfo","parse","window","navigator","userAgent","ex","console","log","Referrer","storageId","local","session","constructor","getFromSession","document","referrer","sessionStorage","setItem","getFromLocal","window","localStorage","toJson","length","value","getItem","UniqueUserId","localStorageId","id","constructor","window","localStorage","getItem","generateId","setItem","toString","crypto","randomUUID","isEqual","UtmFields","localStorageId","fields","constructor","storedString","window","localStorage","getItem","JSON","parse","Array","isArray","update","setItem","stringify","getUtmRecord","record","parsedQueryString","document","location","search","split","map","item","fullKey","value","keyCategory","keyName","Object","keys","length","toString","isEqual","at","push","undefined","emailHashLocalStorageName","XyPixel","api","PixelApi","_instance","utmFieldsObj","cid","UniqueUserId","id","email","email_hash","exids","pixelId","queue","queueMutex","Mutex","localStorage","getItem","instance","assertEx","init","selectApi","utmFields","undefined","UtmFields","identify","md5","hash","setItem","send","event","fields","eventId","updateFbId","utm","update","referrer","Referrer","push","create_time","Date","now","event_id","host","document","location","pathname","pixel","toJson","system","getSystemInfo","tryFlushQueue","runExclusive","length","events","trackEvents","ex","console","error","fbc","Cookies","get","fbp","ga","gclid","rdt_uid","scid","tt_sessionId","sessionStorage","UserEventHandler","XyUserEventHandler","UserEventHandler","constructor","funnelStarted","fields","XyPixel","instance","send","testStarted","userClick","viewContent"]}

package/eslint.config.mjs

@@ -0,0 +1,43 @@
+// eslint.config.mjs
+
+import { config as xylabsConfig, rulesConfig, importConfig } from '@xylabs/eslint-config-flat'
+
+export default [
+  {
+    ignores: ['.yarn/**', 'jest.config.cjs', '**/dist/**', 'dist', 'build/**', 'node_modules/**'],
+  },
+  ...xylabsConfig,
+  {
+    rules: {
+      'no-restricted-imports': [
+        'warn',
+        {
+          paths: [
+            ...rulesConfig.rules['no-restricted-imports'][1].paths,
+            '@types/node',
+            '@xyo-network/archivist',
+            '@xyo-network/bridge',
+            '@xyo-network/core',
+            '@xyo-network/diviner',
+            '@xyo-network/module',
+            '@xyo-network/modules',
+            '@xyo-network/node',
+            '@xyo-network/sdk',
+            '@xyo-network/plugins',
+            '@xyo-network/protocol',
+            '@xyo-network/sentinel',
+            '@xyo-network/witness',
+            '@xyo-network/core-payload-plugins',
+          ],
+        },
+      ],
+    },
+  },
+  {
+    ...importConfig,
+    rules: {
+      ...importConfig.rules,
+      'import-x/no-cycle': ['warn', { maxDepth: 5 }]
+    }
+  }
+]

package/package.json

@@ -9,16 +9,13 @@
     "url": "https://github.com/xylabs/sdk-pixel-js/issues"
   },
   "dependencies": {
-    "@xylabs/assert": "^3.5.9",
-    "@xylabs/lodash": "^3.5.9",
+    "@xylabs/assert": "^4.0.1",
     "async-mutex": "^0.5.0",
+    "axios": "^1.7.4",
     "bowser": "^2.11.0",
+    "fast-deep-equal": "^3.1.3",
     "js-cookie": "^3.0.5",
-    "lodash-es": "^4.17.21",
-    "md5": "^2.3.0"
-  },
-  "peerDependencies": {
-    "axios": "^1.2"
+    "spark-md5": "^3.0.2"
   },
   "description": "Event Client for xylabs ESB",
   "devDependencies": {
@@ -26,57 +23,37 @@
     "@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/node": "^22.3.0",
     "@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",
+    "@types/spark-md5": "^3.0.4",
+    "@xylabs/eslint-config-flat": "^4.0.0-rc.15",
+    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.15",
+    "@xylabs/tsconfig-dom": "^4.0.0-rc.15",
+    "@xylabs/tsconfig-dom-jest": "^4.0.0-rc.15",
+    "@xylabs/tsconfig-jest": "^4.0.0-rc.15",
+    "axios": "^1.7.4",
+    "dotenv": "^16.4.5",
+    "eslint": "^9.9.0",
+    "eslint-import-resolver-typescript": "^3.6.1",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "jsdom": "^24.1.0",
+    "jsdom": "^24.1.1",
     "npm-package-json-lint": "^8.0.0",
     "reflect-metadata": "^0.2.2",
-    "ts-jest": "^29.2.2",
+    "ts-jest": "^29.2.4",
     "ts-node": "^10.9.2",
-    "typescript": "^5.5.3"
-  },
-  "resolutions": {
-    "eslint": "^8"
+    "typescript": "^5.5.4",
+    "vitest": "^2.0.5"
   },
   "types": "dist/browser/index.d.ts",
   "exports": {
     ".": {
-      "node": {
-        "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": {
-          "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/browser/index.js"
+      "types": "./dist/browser/index.d.ts",
+      "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/browser/index.cjs",
-  "module": "dist/browser/index.js",
+  "module": "dist/browser/index.mjs",
   "homepage": "https://xylabs.com",
   "license": "LGPL-3.0-or-later",
   "name": "@xylabs/pixel",
@@ -88,7 +65,7 @@
     "url": "https://github.com/xylabs/sdk-pixel-js.git"
   },
   "sideEffects": false,
-  "version": "1.7.0",
-  "packageManager": "yarn@4.3.1",
+  "version": "2.0.0",
+  "packageManager": "yarn@4.4.0",
   "type": "module"
 }

package/src/Pixel.ts

@@ -1,7 +1,7 @@
 import { assertEx } from '@xylabs/assert'
 import { Mutex } from 'async-mutex'
 import Cookies from 'js-cookie'
-import md5 from 'md5'
+import md5 from 'spark-md5'
 
 import { PixelApi, UserEvent } from './Api/index.js'
 import { ExIds } from './ExIds.js'
@@ -55,7 +55,7 @@ export class XyPixel {
 
   identify(email?: string) {
     this.email = email
-    this.email_hash = email ? md5(email) : undefined
+    this.email_hash = email ? md5.hash(email, true) : undefined
     if (this.email_hash) {
       localStorage.setItem(emailHashLocalStorageName, this.email_hash)
     }
@@ -94,7 +94,7 @@ export class XyPixel {
           await api.trackEvents(events)
         } catch (ex) {
           if (events) {
-            //put it back since it failed
+            // put it back since it failed
             this.queue = [...this.queue, ...events]
           }
           console.error(ex)

package/src/UtmFields.ts

@@ -1,4 +1,4 @@
-import { isEqual } from '@xylabs/lodash'
+import isEqual from 'fast-deep-equal'
 
 export class UtmFields {
   private static localStorageId = '_coin_utm'
@@ -10,7 +10,7 @@ export class UtmFields {
     } catch {
       this.fields = []
     }
-    //this clears the old object version if needed
+    // this clears the old object version if needed
     if (!Array.isArray(this.fields)) {
       this.fields = []
     }
@@ -35,7 +35,7 @@ export class UtmFields {
     return JSON.stringify(this.fields)
   }
 
-  //check the query string and if there an new/updated utm values, add them to the 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)) {

package/src/spec/Pixel.spec.ts

@@ -1,5 +1,9 @@
-import { PixelApi } from '../Api'
-import { XyPixel } from '../Pixel'
+/**
+ * @jest-environment jsdom
+ */
+
+import { PixelApi } from '../Api/index.ts'
+import { XyPixel } from '../Pixel.ts'
 
 test('all', async () => {
   XyPixel.api = new PixelApi('prod')

package/vitest.config.ts

@@ -0,0 +1,12 @@
+import dotenv from 'dotenv'
+// eslint-disable-next-line import-x/no-internal-modules
+import { defineConfig } from 'vitest/config'
+
+dotenv.config()
+
+export default defineConfig({
+  test: {
+    globals: true,
+    setupFiles: ['./vitest.startup.ts'],
+  },
+})

package/vitest.startup.ts

@@ -0,0 +1,8 @@
+import * as matchers from 'jest-extended'
+import { expect, vi } from 'vitest'
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+(globalThis as any).jest = vi // replace jest with vi
+
+// Extend Vitest's expect with jest-extended matchers
+expect.extend(matchers)

package/xy.config.ts

@@ -0,0 +1,10 @@
+import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
+const config: XyTsupConfig = {
+  compile: {
+    browser: { src: true },
+    neutral: {},
+    node: {},
+  },
+}
+
+export default config

package/dist/browser/Api/Api.d.cts

@@ -1,7 +0,0 @@
-import { UserEvent } from './UserEvent.js';
-export declare class PixelApi {
-    private endPoint;
-    constructor(baseUri?: string);
-    trackEvents(events: UserEvent[]): Promise<any>;
-}
-//# sourceMappingURL=Api.d.ts.map

package/dist/browser/Api/Api.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Api.d.ts","sourceRoot":"","sources":["../../../src/Api/Api.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAQ1C,qBAAa,QAAQ;IACnB,OAAO,CAAC,QAAQ,CAAQ;gBAGZ,OAAO,SAAS;IAItB,WAAW,CAAC,MAAM,EAAE,SAAS,EAAE;CAGtC"}

package/dist/browser/Api/Api.d.mts

@@ -1,7 +0,0 @@
-import { UserEvent } from './UserEvent.js';
-export declare class PixelApi {
-    private endPoint;
-    constructor(baseUri?: string);
-    trackEvents(events: UserEvent[]): Promise<any>;
-}
-//# sourceMappingURL=Api.d.ts.map

package/dist/browser/Api/Api.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Api.d.ts","sourceRoot":"","sources":["../../../src/Api/Api.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAQ1C,qBAAa,QAAQ;IACnB,OAAO,CAAC,QAAQ,CAAQ;gBAGZ,OAAO,SAAS;IAItB,WAAW,CAAC,MAAM,EAAE,SAAS,EAAE;CAGtC"}

package/dist/browser/Api/Api.d.ts

@@ -1,7 +0,0 @@
-import { UserEvent } from './UserEvent.js';
-export declare class PixelApi {
-    private endPoint;
-    constructor(baseUri?: string);
-    trackEvents(events: UserEvent[]): Promise<any>;
-}
-//# sourceMappingURL=Api.d.ts.map

package/dist/browser/Api/Api.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Api.d.ts","sourceRoot":"","sources":["../../../src/Api/Api.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAQ1C,qBAAa,QAAQ;IACnB,OAAO,CAAC,QAAQ,CAAQ;gBAGZ,OAAO,SAAS;IAItB,WAAW,CAAC,MAAM,EAAE,SAAS,EAAE;CAGtC"}