@formo/analytics 1.13.4-alpha.5 → 1.13.4-alpha.6

package/package.json

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

package/src/FormoAnalytics.ts

@@ -17,7 +17,7 @@ import {
   SignatureStatus,
   TransactionStatus,
 } from "./types";
-import { toSnakeCase } from "./lib/utils";
+import { isLocalhost, toSnakeCase } from "./lib/utils";
 
 interface IFormoAnalytics {
   page(): void;
@@ -73,7 +73,8 @@ export class FormoAnalytics implements IFormoAnalytics {
     public options: Options = {}
   ) {
     this.config = {
-      apiKey: apiKey,
+      apiKey,
+      trackLocalhost: options.trackLocalhost,
     };
 
     try {
@@ -283,7 +284,7 @@ export class FormoAnalytics implements IFormoAnalytics {
     providerName,
     rdns,
   }: {
-    address: Address;
+    address: Address | null;
     providerName?: string;
     rdns?: string;
   }): Promise<void> {
@@ -587,6 +588,12 @@ export class FormoAnalytics implements IFormoAnalytics {
     const href = window.location.href;
     const hash = window.location.hash;
 
+    if (!this.config.trackLocalhost && isLocalhost()) {
+      return console.warn(
+        "[Formo] Ignoring event because website is running locally"
+      );
+    }
+
     setTimeout(async () => {
       this.trackEvent(Event.PAGE, {
         pathname,
@@ -654,11 +661,10 @@ export class FormoAnalytics implements IFormoAnalytics {
   }
 
   private async identifyAll(providers: EIP6963ProviderDetail[]): Promise<void> {
-    console.log("identifying all => providers", providers);
     for (const { provider, info } of providers) {
       try {
         const accounts = await this.getAccounts(provider);
-        console.log("identifying all => accounts", accounts);
+        // Identify with accounts
         if (accounts && accounts.length > 0) {
           for (const address of accounts) {
             await this.identify({
@@ -667,6 +673,13 @@ export class FormoAnalytics implements IFormoAnalytics {
               rdns: info.rdns,
             });
           }
+        } else {
+          // Identify without accounts
+          await this.identify({
+            address: null,
+            providerName: info.name,
+            rdns: info.rdns,
+          });
         }
       } catch (err) {
         console.log("identifying all => err", err);
@@ -701,21 +714,13 @@ export class FormoAnalytics implements IFormoAnalytics {
     provider?: EIP1193Provider
   ): Promise<Address[] | null> {
     const p = provider || this.provider;
-    console.log(
-      "getAccounts => p, provider, this.provider",
-      p,
-      provider,
-      this.provider
-    );
     try {
       const res: string[] | null | undefined = await p?.request({
         method: "eth_accounts",
       });
-      console.log("getAccounts => res", res);
       if (!res || res.length === 0) return null;
       return res;
     } catch (err) {
-      console.log("getAccounts => err", err);
       if ((err as any).code !== 4001) {
         console.log(
           "FormoAnalytics::getAccounts: eth_accounts threw an error",

package/src/FormoAnalyticsProvider.tsx

@@ -1,10 +1,4 @@
-import React, {
-  createContext,
-  useContext,
-  useEffect,
-  useState,
-  useRef,
-} from "react";
+import { createContext, useContext, useEffect, useState, useRef } from "react";
 import { FormoAnalytics } from "./FormoAnalytics";
 import { FormoAnalyticsProviderProps } from "./types";
 

package/src/lib/utils.ts

@@ -24,3 +24,8 @@ export function toSnakeCase(obj: any, omitKeys: string[] = []) {
 
   return convert(obj);
 }
+
+export const isLocalhost = () =>
+  /^localhost$|^127(?:\.[0-9]+){0,2}\.[0-9]+$|^(?:0*:)*?:?0*1$/.test(
+    window.location.hostname
+  ) || window.location.protocol === "file:";

package/src/types/base.ts

@@ -1,4 +1,4 @@
-import { EIP1193Provider, EIP6369Provider } from "./provider";
+import { EIP1193Provider } from "./provider";
 
 // Decimal chain ID
 export type ChainID = number;
@@ -7,11 +7,12 @@ export type ChainID = number;
 export type Address = string;
 
 export interface Options {
-  provider?: EIP6369Provider;
+  provider?: EIP1193Provider;
+  trackLocalhost?: boolean;
 }
 
 export interface FormoAnalyticsProviderProps {
-  apiKey?: string;
+  apiKey: string;
   options?: Options;
   disabled?: boolean;
   children: React.ReactNode;
@@ -19,4 +20,5 @@ export interface FormoAnalyticsProviderProps {
 
 export interface Config {
   apiKey: string;
+  trackLocalhost?: boolean;
 }

package/src/types/provider.ts

@@ -1,29 +1,17 @@
-import EventEmitter from "events";
+import EventEmitter from 'events'
 
 export interface RequestArguments {
-  method: string;
-  params?: unknown[] | Record<string, unknown>;
+  method: string
+  params?: unknown[] | Record<string, unknown>
 }
 
 export interface EIP1193Provider extends EventEmitter {
-  request<T>(args: RequestArguments): Promise<T | null | undefined>;
-  on(eventName: string | symbol, listener: (...args: unknown[]) => void): this;
-  removeListener(
-    eventName: string | symbol,
-    listener: (...args: unknown[]) => void
-  ): this;
-}
-
-export interface EIP6369Provider extends EventEmitter {
-  request<T>(args: RequestArguments): Promise<T | null | undefined>;
-  on(eventName: string | symbol, listener: (...args: unknown[]) => void): this;
-  removeListener(
-    eventName: string | symbol,
-    listener: (...args: unknown[]) => void
-  ): this;
+  request<T>(args: RequestArguments): Promise<T | null | undefined>
+  on(eventName: string | symbol, listener: (...args: unknown[]) => void): this
+  removeListener(eventName: string | symbol, listener: (...args: unknown[]) => void): this
 }
 
 export interface RPCError extends Error {
   code: number;
   data?: unknown;
-}
+}