@formo/analytics 1.13.3-alpha.2 → 1.13.3-alpha.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formo/analytics",
-  "version": "1.13.3-alpha.2",
+  "version": "1.13.3-alpha.4",
   "repository": {
     "type": "git",
     "url": "https://github.com/getformo/sdk.git"

package/src/FormoAnalytics.ts

@@ -1,5 +1,5 @@
 import axios from "axios";
-import { createStore, EIP6963ProviderDetail, EIP6963ProviderInfo } from "mipd";
+import { createStore, EIP6963ProviderDetail } from "mipd";
 import {
   COUNTRY_LIST,
   CURRENT_URL_KEY,
@@ -18,10 +18,10 @@ import {
   SignatureStatus,
   TransactionStatus,
 } from "./types";
+import { toSnakeCase } from "./lib/utils";
 
 interface IFormoAnalytics {
   page(): void;
-  // trackPagesChange(): void;
   connect(params: { chainId: ChainID; address: Address }): Promise<void>;
   disconnect(params?: { chainId?: ChainID; address?: Address }): Promise<void>;
   chain(params: { chainId: ChainID; address?: Address }): Promise<void>;
@@ -81,8 +81,8 @@ export class FormoAnalytics implements IFormoAnalytics {
       this.trackProvider(provider);
     }
 
-    this.trackFirstPageVisit();
-    this.trackPagesChange();
+    this.trackFirstPageHit();
+    this.trackPageHits();
   }
 
   static async init(
@@ -534,7 +534,7 @@ export class FormoAnalytics implements IFormoAnalytics {
     }
   }
 
-  private async trackFirstPageVisit(): Promise<void> {
+  private async trackFirstPageHit(): Promise<void> {
     if (sessionStorage.getItem(CURRENT_URL_KEY) === null) {
       sessionStorage.setItem(CURRENT_URL_KEY, window.location.href);
     }
@@ -542,7 +542,7 @@ export class FormoAnalytics implements IFormoAnalytics {
     return this.trackPageHit();
   }
 
-  private async trackPagesChange(): Promise<void> {
+  private async trackPageHits(): Promise<void> {
     const oldPushState = history.pushState;
     history.pushState = function pushState(...args) {
       const ret = oldPushState.apply(this, args);
@@ -558,7 +558,6 @@ export class FormoAnalytics implements IFormoAnalytics {
     };
 
     window.addEventListener("popstate", () => this.onLocationChange());
-
     window.addEventListener("locationchange", () => this.onLocationChange());
   }
 
@@ -571,8 +570,6 @@ export class FormoAnalytics implements IFormoAnalytics {
     }
   }
 
-  // TODO: Add event listener and support for SPA and hash-based navigation
-  // https://linear.app/getformo/issue/P-800/sdk-support-spa-and-hash-based-routing
   private trackPageHit(): void {
     const pathname = window.location.pathname;
     const href = window.location.href;
@@ -597,7 +594,7 @@ export class FormoAnalytics implements IFormoAnalytics {
       timestamp: new Date().toISOString(),
       action,
       version: "1",
-      payload: await this.buildEventPayload(this.toSnakeCase(payload)),
+      payload: await this.buildEventPayload(toSnakeCase(payload)),
     };
 
     try {
@@ -680,8 +677,6 @@ export class FormoAnalytics implements IFormoAnalytics {
       const accounts = await this.getAccounts();
       if (accounts && accounts.length > 0) {
         return accounts[0];
-        // TODO: how to handle multiple addresses? Should we emit a connect event here? Since the user has not manually connected
-        // https://linear.app/getformo/issue/P-691/sdk-detect-multiple-wallets-using-eip6963
       }
     } catch (err) {
       console.log("Failed to fetch accounts from provider:", err);
@@ -837,31 +832,4 @@ export class FormoAnalytics implements IFormoAnalytics {
   private getActionDescriptor(action: string, payload: any): string {
     return `${action}${payload.status ? ` ${payload.status}` : ""}`;
   }
-
-  // Converts object keys to snake_case, omitting keys in the omitKeys array
-  private toSnakeCase(obj: any, omitKeys: string[] = []) {
-    const toSnake = (str: string) =>
-      str
-        .replace(/([a-z])([A-Z])/g, "$1_$2")
-        .replace(/[\s-]+/g, "_")
-        .toLowerCase();
-
-    const convert = (data: any): any => {
-      if (Array.isArray(data)) {
-        return data.map(convert);
-      } else if (data !== null && typeof data === "object") {
-        return Object.keys(data).reduce((acc: any, key) => {
-          // If the key is in omitKeys, keep it as it is
-          const resultKey = omitKeys.includes(key) ? key : toSnake(key);
-          acc[resultKey] = omitKeys.includes(key)
-            ? data[key]
-            : convert(data[key]);
-          return acc;
-        }, {});
-      }
-      return data;
-    };
-
-    return convert(obj);
-  }
 }

package/src/lib/utils.ts

@@ -0,0 +1,24 @@
+const toSnake = (str: string) =>
+  str
+    .replace(/([a-z])([A-Z])/g, "$1_$2")
+    .replace(/[\s-]+/g, "_")
+    .toLowerCase();
+
+// Converts object keys to snake_case, omitting keys in the omitKeys array
+export function toSnakeCase(obj: any, omitKeys: string[] = []) {
+  const convert = (data: any): any => {
+    if (Array.isArray(obj)) {
+      return obj.map(convert);
+    } else if (obj !== null && typeof obj === "object") {
+      return Object.keys(obj).reduce((acc: any, key) => {
+        // If the key is in omitKeys, keep it as it is
+        const resultKey = omitKeys.includes(key) ? key : toSnake(key);
+        acc[resultKey] = omitKeys.includes(key) ? obj[key] : convert(obj[key]);
+        return acc;
+      }, {});
+    }
+    return data;
+  };
+
+  return convert(obj);
+}