Remove Sentry and add Clarity (#1068)

* Remove Sentry and add Clarity

* Add missing argument

* Update privacy policy on sidebar

Author: lhvy

.github/workflows/docker-ci.yml

@@ -30,12 +30,7 @@ jobs:
           cache-from: type=gha
           cache-to: type=gha,mode=max
           build-args: |
-            FACEBOOK_APP_ID=${{ secrets.FACEBOOK_APP_ID }}
-            GOOGLE_ANALYTICS_ID=${{ secrets.GOOGLE_ANALYTICS_ID }}
-            GOOGLE_API_KEY=${{ secrets.GOOGLE_API_KEY }}
-            GOOGLE_OAUTH_CLIENT_ID=${{ secrets.GOOGLE_OAUTH_CLIENT_ID }}
-            SENTRY_INGEST_CLIENT=${{ secrets.SENTRY_INGEST_CLIENT }}
-            SENTRY_TRACE_RATE_CLIENT=${{ secrets.SENTRY_TRACE_RATE_CLIENT }}
+            CLARITY_PROJECT_ID=${{ secrets.CLARITY_PROJECT_ID }}
             GIT_COMMIT=${{ github.sha }}
 
   test-build:

.github/workflows/docker.yml

@@ -41,12 +41,7 @@ jobs:
           cache-from: type=gha
           cache-to: type=gha,mode=max
           build-args: |
-            FACEBOOK_APP_ID=${{ secrets.FACEBOOK_APP_ID }}
-            GOOGLE_ANALYTICS_ID=${{ secrets.GOOGLE_ANALYTICS_ID }}
-            GOOGLE_API_KEY=${{ secrets.GOOGLE_API_KEY }}
-            GOOGLE_OAUTH_CLIENT_ID=${{ secrets.GOOGLE_OAUTH_CLIENT_ID }}
-            SENTRY_INGEST_CLIENT=${{ secrets.SENTRY_INGEST_CLIENT }}
-            SENTRY_TRACE_RATE_CLIENT=${{ secrets.SENTRY_TRACE_RATE_CLIENT }}
+            CLARITY_PROJECT_ID=${{ secrets.CLARITY_PROJECT_ID }}
             GIT_COMMIT=${{ github.sha }}
           tags: |
             ghcr.io/devsoc-unsw/${{ env.IMAGE_NAME }}-client:${{ github.sha }}

auto_server/README.md

@@ -19,10 +19,6 @@ Finally, in your virtual environment, run `python3 -m pip install -r requirement
 
 Run `python3 server.py` to start the autotimetabling server locally.
 
-The `SENTRY_INGEST_AUTO_SERVER` environment variable is the ingest URL for the Sentry SDK to know where to send the monitored data.
-
-The `SENTRY_TRACE_RATE_AUTO_SERVER` environment variable is the percentage of transactions monitored and sent.
-
 The real values of these environment variables are only required when the app is deployed.
 
 ## Tech Stack

auto_server/requirements.txt

@@ -8,7 +8,6 @@ pandas==2.2.2
 protobuf==5.27.2
 python-dateutil==2.9.0.post0
 pytz==2025.2
-sentry-sdk==2.8.0
 six==1.16.0
 tzdata==2025.2
-urllib3==2.2.2
+urllib3==2.2.2

auto_server/server.py

@@ -3,18 +3,13 @@
 from concurrent import futures
 
 import grpc
-import sentry_sdk
 
 import auto
 import autotimetabler_pb2
 import autotimetabler_pb2_grpc
 
 # the command to compile proto file --> python -m grpc_tools.protoc -I./ --python_out=. --grpc_python_out=. ./autotimetabler.proto
 
-sentry_sdk.init(
-    os.environ.get("SENTRY_INGEST_AUTO_SERVER"),
-    traces_sample_rate=float(os.environ.get("SENTRY_TRACE_RATE_AUTO_SERVER", "0")),
-)
 
 class AutoTimetablerServicer(autotimetabler_pb2_grpc.AutoTimetablerServicer):
     def FindBestTimetable(self, request, _context):

client/Dockerfile

@@ -10,19 +10,8 @@ RUN pnpm install --frozen-lockfile
 
 COPY . .
 
-ARG FACEBOOK_APP_ID
-ARG GOOGLE_ANALYTICS_ID
-ARG GOOGLE_API_KEY
-ARG GOOGLE_OAUTH_CLIENT_ID
-ARG SENTRY_INGEST_CLIENT
-ARG SENTRY_TRACE_RATE_CLIENT
-
-ENV VITE_APP_FACEBOOK_APP_ID=$FACEBOOK_APP_ID
-ENV VITE_APP_GOOGLE_ANALYTICS_ID=$GOOGLE_ANALYTICS_ID
-ENV VITE_APP_GOOGLE_API_KEY=$GOOGLE_API_KEY
-ENV VITE_APP_GOOGLE_OAUTH_CLIENT_ID=$GOOGLE_OAUTH_CLIENT_ID
-ENV VITE_APP_SENTRY_INGEST_CLIENT=$SENTRY_INGEST_CLIENT
-ENV VITE_APP_SENTRY_TRACE_RATE_CLIENT=$SENTRY_TRACE_RATE_CLIENT
+ARG CLARITY_PROJECT_ID
+ENV VITE_CLARITY_PROJECT_ID=$CLARITY_PROJECT_ID
 
 ENV VITE_APP_ENVIRONMENT=production
 ENV NODE_ENV=production

client/index.html

@@ -22,20 +22,6 @@
     />
     <link rel="manifest" href="/manifest.json" />
     <link rel="apple-touch-icon" href="/icon-192x192.png" />
-    <script type="text/javascript">
-      (function (c, l, a, r, i, t, y) {
-        c[a] =
-          c[a] ||
-          function () {
-            (c[a].q = c[a].q || []).push(arguments);
-          };
-        t = l.createElement(r);
-        t.async = 1;
-        t.src = 'https://www.clarity.ms/tag/' + i;
-        y = l.getElementsByTagName(r)[0];
-        y.parentNode.insertBefore(t, y);
-      })(window, document, 'clarity', 'script', 'g078d9k8ix');
-    </script>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

client/package.json

@@ -22,14 +22,12 @@
     "@fontsource-variable/roboto-flex": "5.2.6",
     "@hello-pangea/dnd": "18.0.1",
     "@heroicons/react": "2.2.0",
+    "@microsoft/clarity": "1.0.0",
     "@mui/icons-material": "5.17.1",
     "@mui/lab": "5.0.0-alpha.176",
     "@mui/material": "5.17.1",
     "@mui/system": "5.17.1",
     "@mui/x-date-pickers": "6.20.2",
-    "@sentry/browser": "9.38.0",
-    "@sentry/node": "9.38.0",
-    "@sentry/react": "9.38.0",
     "@uiw/react-color": "2.7.1",
     "clsx": "2.1.1",
     "colorizr": "3.0.8",
@@ -103,7 +101,7 @@
     "tailwindcss": "4.1.11",
     "typescript": "5.8.3",
     "typescript-eslint": "8.37.0",
-    "vite": "7.0.4",
+    "vite": "7.1.5",
     "vite-bundle-visualizer": "1.2.1",
     "vite-tsconfig-paths": "5.1.4",
     "vitest": "3.2.4"