feat: re-add frontend amplitude and simplify backend

.github/workflows/ci.yml

@@ -23,7 +23,7 @@ jobs:
       - name: Install modules
         run: cd frontend && npm i
       - name: Svelte check
-        run: cd frontend && npm run check
+        run: cd frontend && PUBLIC_AMPLITUDE_API_KEY="" npm run check
 
   format-backend:
     runs-on: ubuntu-latest
@@ -95,4 +95,4 @@ jobs:
       - name: Build frontend
         run: |
           cd frontend/
-          npm run build
+          PUBLIC_AMPLITUDE_API_KEY="" npm run build

backend/zeno_backend/server.py

@@ -6,7 +6,6 @@
 
 import pandas as pd
 import uvicorn
-from amplitude import BaseEvent
 from dotenv import load_dotenv
 from fastapi import Depends, FastAPI, HTTPException, Request, Response, status
 from fastapi.middleware.cors import CORSMiddleware
@@ -17,7 +16,6 @@
 import zeno_backend.database.select as select
 import zeno_backend.database.update as update
 import zeno_backend.util as util
-from zeno_backend.classes.amplitude import AmplitudeHandler
 from zeno_backend.classes.base import (
     GroupMetric,
     ZenoColumn,
@@ -344,24 +342,6 @@ def get_project_state(
                 project.editor = True
         return select.project_state(project_uuid, project)
 
-    @api_app.post("/project/{owner}/{project}", response_model=Project, tags=["zeno"])
-    def get_project(owner_name: str, project_name: str, request: Request):
-        uuid = select.project_uuid(owner_name, project_name)
-        if uuid is None:
-            return Response(status_code=status.HTTP_500_INTERNAL_SERVER_ERROR)
-        if not util.access_valid(uuid, request):
-            return Response(status_code=401)
-        AmplitudeHandler().track(
-            BaseEvent(
-                event_type="Project Viewed",
-                user_id="ProjectViewedUser",
-                event_properties={"project_uuid": uuid},
-            )
-        )
-        return select.project(
-            owner_name, project_name, util.get_user_from_token(request)
-        )
-
     @api_app.get(
         "/report/{owner}/{report}", response_model=ReportResponse, tags=["zeno"]
     )
@@ -416,12 +396,6 @@ def get_projects(current_user=Depends(auth.claim())):
         tags=["zeno"],
     )
     def get_public_projects():
-        AmplitudeHandler().track(
-            BaseEvent(
-                event_type="Home Viewed",
-                user_id="HomeViewedUser",
-            )
-        )
         return select.public_projects()
 
     @api_app.get(
@@ -577,13 +551,7 @@ def login(name: str):
         if fetched_user is None:
             try:
                 user = User(id=-1, name=name, admin=None)
-                user_id = insert.user(user)
-                AmplitudeHandler().track(
-                    BaseEvent(
-                        event_type="User Registered",
-                        user_id="00000" + str(user_id) if user_id else "",
-                    )
-                )
+                insert.user(user)
                 insert.api_key(user)
                 return select.user(name)
             except Exception as exc:
@@ -592,12 +560,6 @@ def login(name: str):
                     detail=str(exc),
                 ) from exc
         else:
-            AmplitudeHandler().track(
-                BaseEvent(
-                    event_type="User Logged In",
-                    user_id="00000" + str(fetched_user.id),
-                )
-            )
             return fetched_user
 
     @api_app.post(

frontend/package.json

@@ -66,6 +66,7 @@
 		"vitest": "^0.25.3"
 	},
 	"dependencies": {
+		"@amplitude/analytics-browser": "^2.2.3",
 		"@auth/core": "^0.13.0",
 		"@auth/sveltekit": "^0.3.6",
 		"@mdi/js": "^7.2.96",

frontend/src/routes/(app)/+layout.svelte

@@ -4,13 +4,15 @@
 	import { authToken } from '$lib/stores';
 	import { getEndpoint } from '$lib/util/util';
 	import { OpenAPI } from '$lib/zenoapi/index';
+	import * as amplitude from '@amplitude/analytics-browser';
 
 	export let data;
 
 	$: {
 		OpenAPI.BASE = `${getEndpoint()}/api`;
 		if (data.cognitoUser !== null) {
 			authToken.set(data.cognitoUser.accessToken);
+			amplitude.setUserId('00000' + data.cognitoUser.id);
 			OpenAPI.HEADERS = {
 				Authorization: 'Bearer ' + data.cognitoUser.accessToken
 			};

frontend/src/routes/+layout.svelte

@@ -1,10 +1,19 @@
 <script lang="ts">
+	import { browser } from '$app/environment';
+	import { PUBLIC_AMPLITUDE_API_KEY } from '$env/static/public';
 	import { featureFlags } from '$lib/stores';
 	import { zenoFeatureFlags } from '$lib/util/features';
+	import * as amplitude from '@amplitude/analytics-browser';
 	import '../app.css';
 
 	export let data;
+
 	featureFlags.set({ ...zenoFeatureFlags, ...data.features });
+
+	if (browser && PUBLIC_AMPLITUDE_API_KEY)
+		amplitude.init(PUBLIC_AMPLITUDE_API_KEY, {
+			defaultTracking: true
+		});
 </script>
 
 <div class="w-full h-full overflow-hidden">