chore(core): add mixpanel track (#6202)

packages/frontend/web/package.json

@@ -15,11 +15,13 @@
     "@affine/env": "workspace:*",
     "@juggle/resize-observer": "^3.4.0",
     "intl-segmenter-polyfill-rs": "^0.1.7",
+    "mixpanel-browser": "^2.49.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@affine/cli": "workspace:*",
+    "@types/mixpanel-browser": "^2.49.0",
     "@types/react": "^18.2.60",
     "@types/react-dom": "^18.2.19",
     "typescript": "^5.3.3"

packages/frontend/web/src/app.tsx

@@ -18,6 +18,7 @@ import { createI18n, setUpLanguage } from '@affine/i18n';
 import { CacheProvider } from '@emotion/react';
 import { getCurrentStore } from '@toeverything/infra/atom';
 import { ServiceCollection } from '@toeverything/infra/di';
+import mixpanel from 'mixpanel-browser';
 import type { PropsWithChildren, ReactElement } from 'react';
 import { lazy, Suspense } from 'react';
 import { RouterProvider } from 'react-router-dom';
@@ -62,6 +63,13 @@ const serviceProvider = services.provider();
 export function App() {
   performanceRenderLogger.info('App');
 
+  if (process.env.MIXPANEL_TOKEN) {
+    mixpanel.init(process.env.MIXPANEL_TOKEN || '', {
+      track_pageview: true,
+      persistence: 'localStorage',
+    });
+  }
+
   if (!languageLoadingPromise) {
     languageLoadingPromise = loadLanguage().catch(console.error);
   }