fix: context plugin

Author: foodaka

src/store/analyticsSlice.ts

@@ -1,8 +1,24 @@
-import { init, setOptOut, track } from '@amplitude/analytics-browser';
+import { add, init, setOptOut, track } from '@amplitude/analytics-browser';
 import { StateCreator } from 'zustand';
 
 import { RootStore } from './root';
 
+// Plugin to ensure all events have app_context
+const createAppContextPlugin = (context: string) => ({
+  name: 'app-context-plugin',
+  type: 'enrichment' as const,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  execute: async (event: any) => {
+    return {
+      ...event,
+      event_properties: {
+        ...event.event_properties,
+        app_context: context,
+      },
+    };
+  },
+});
+
 const AMPLITUDE_API_KEY = process.env.NEXT_PUBLIC_AMPLITUDE_API_KEY || '';
 
 export type TrackEventProperties = {
@@ -45,7 +61,7 @@ export const createAnalyticsSlice: StateCreator<
         walletAddress: get().account,
         market: properties.market ?? get().currentMarket,
         walletType: get().walletType,
-        app_context: 'app',
+        app_context: 'app', // Fallback in case plugin doesn't apply
       };
 
       try {
@@ -71,14 +87,14 @@ export const createAnalyticsSlice: StateCreator<
         if (!isInitialized) {
           init(AMPLITUDE_API_KEY, {
             // serverZone: 'EU',
-
             autocapture: true, // disable if we don't want to capture every click and page view on the site
             trackingOptions: {
               ipAddress: false,
               language: true,
               platform: true,
             },
           });
+          add(createAppContextPlugin('app'));
           set({ eventsTrackingInitialized: true });
         }
 
@@ -95,6 +111,7 @@ export const createAnalyticsSlice: StateCreator<
               platform: false,
             },
           });
+          add(createAppContextPlugin('app'));
           set({ eventsTrackingInitialized: true });
         }