feat(mixpanel): disable Mixpanel tracking on localhost for development convenience

Author: sumansaurabh

src/config/mixpanel.ts

@@ -20,7 +20,14 @@ const MIXPANEL_TOKEN = '3cc6dbdcb34ee3957202eda8395b58aa';
 
 let isInitialized = false;
 
+const isLocalhost = window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1';
+
 const initMixPanel = () => {
+  if (isLocalhost) {
+    console.log('Mixpanel disabled on localhost');
+    return;
+  }
+
   try {
     mixpanel.init(MIXPANEL_TOKEN, {
       track_pageview: false,
@@ -37,6 +44,7 @@ const initMixPanel = () => {
 };
 
 const ensureInit = () => {
+  if (isLocalhost) return;
   if (!isInitialized) {
     console.warn('Mixpanel not initialized. Initializing now.');
     initMixPanel();
@@ -57,6 +65,7 @@ const createUserProperties = (user?: UserModel | null) => {
 }
 
 export const trackEvent = (event_name: string, properties?: Dict, user?: UserModel | null) => {
+  if (isLocalhost) return;
   try {
     ensureInit();
     const eventProperties = {
@@ -70,6 +79,7 @@ export const trackEvent = (event_name: string, properties?: Dict, user?: UserMod
 };
 
 export const trackPageView = (url: string, user: UserModel | null) => {
+  if (isLocalhost) return;
   try {
     ensureInit();
     const properties = {
@@ -83,6 +93,7 @@ export const trackPageView = (url: string, user: UserModel | null) => {
 };
 
 export const trackClicks = (event: MouseEvent, user: UserModel | null) => {
+  if (isLocalhost) return;
   const target = event.target as HTMLElement;
 
   // check for anchor tags