usage tracking

Author: ishaan-jaff

src/analytics.ts

@@ -1,22 +1,25 @@
 import mixpanel from 'mixpanel-browser';
 
-// Replace with your actual Mixpanel project token
-const MIXPANEL_TOKEN = 'YOUR_MIXPANEL_TOKEN_HERE';
+// Get Mixpanel token from environment variable
+const MIXPANEL_TOKEN = import.meta.env.VITE_MIXPANEL_TOKEN;
 
 // Initialize Mixpanel
 export function initAnalytics() {
-  if (MIXPANEL_TOKEN && MIXPANEL_TOKEN !== 'YOUR_MIXPANEL_TOKEN_HERE') {
+  if (MIXPANEL_TOKEN) {
     mixpanel.init(MIXPANEL_TOKEN, {
       debug: import.meta.env.DEV,
       track_pageview: true,
       persistence: 'localStorage'
     });
+    console.log('Mixpanel initialized');
+  } else {
+    console.warn('Mixpanel token not found. Set VITE_MIXPANEL_TOKEN in your .env file');
   }
 }
 
 // Track page view
 export function trackPageView(page: string) {
-  if (MIXPANEL_TOKEN && MIXPANEL_TOKEN !== 'YOUR_MIXPANEL_TOKEN_HERE') {
+  if (MIXPANEL_TOKEN) {
     mixpanel.track('Page View', {
       page: page,
       url: window.location.href,
@@ -27,7 +30,7 @@ export function trackPageView(page: string) {
 
 // Track search
 export function trackSearch(query: string, provider?: string, resultsCount?: number) {
-  if (MIXPANEL_TOKEN && MIXPANEL_TOKEN !== 'YOUR_MIXPANEL_TOKEN_HERE') {
+  if (MIXPANEL_TOKEN) {
     mixpanel.track('Search', {
       query: query,
       provider: provider || 'all',
@@ -39,7 +42,7 @@ export function trackSearch(query: string, provider?: string, resultsCount?: num
 
 // Track model/provider/endpoint request
 export function trackRequest(type: 'provider' | 'endpoint' | 'model', request: string, email: string, docsLink?: string) {
-  if (MIXPANEL_TOKEN && MIXPANEL_TOKEN !== 'YOUR_MIXPANEL_TOKEN_HERE') {
+  if (MIXPANEL_TOKEN) {
     mixpanel.track('Request Submitted', {
       request_type: type,
       request_description: request,
@@ -52,7 +55,7 @@ export function trackRequest(type: 'provider' | 'endpoint' | 'model', request: s
 
 // Track request form opened
 export function trackRequestFormOpened() {
-  if (MIXPANEL_TOKEN && MIXPANEL_TOKEN !== 'YOUR_MIXPANEL_TOKEN_HERE') {
+  if (MIXPANEL_TOKEN) {
     mixpanel.track('Request Form Opened', {
       timestamp: new Date().toISOString()
     });
@@ -61,7 +64,7 @@ export function trackRequestFormOpened() {
 
 // Track tab change
 export function trackTabChange(tab: 'models' | 'providers') {
-  if (MIXPANEL_TOKEN && MIXPANEL_TOKEN !== 'YOUR_MIXPANEL_TOKEN_HERE') {
+  if (MIXPANEL_TOKEN) {
     mixpanel.track('Tab Changed', {
       tab: tab,
       timestamp: new Date().toISOString()