feat: easter surprise

Author: dev-banane

package-lock.json

@@ -53,7 +53,8 @@
     "remark-gfm": "^4.0.1",
     "socket.io": "^4.8.1",
     "socket.io-client": "^4.8.1",
-    "tailwindcss": "^4.1.13"
+    "tailwindcss": "^4.1.13",
+    "three": "^0.183.2"
   },
   "devDependencies": {
     "@eslint/js": "^9.36.0",
@@ -66,6 +67,7 @@
     "@types/pg": "^8.15.5",
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",
+    "@types/three": "^0.183.1",
     "@types/ws": "^8.18.1",
     "@vitejs/plugin-react": "^5.0.3",
     "cross-env": "^10.1.0",

package.json

@@ -14,6 +14,7 @@ import { steps } from '../components/tutorial/TutorialStepsFlights';
 import { updateTutorialStatus } from '../utils/fetch/auth';
 import { getChartsForAirport } from '../utils/acars';
 import { createChartHandlers } from '../utils/charts';
+import { tryPlayAprilCowEasterEgg } from '../utils/aprilCowEasterEgg';
 import { useData } from '../hooks/data/useData';
 import type { Flight } from '../types/flight';
 import type { Position } from '../types/session';
@@ -131,6 +132,7 @@ export default function Flights() {
   const flightsSocketConnectedRef = useRef(false);
   const arrivalsSocketConnectedRef = useRef(false);
   const sessionUsersSocketConnectedRef = useRef(false);
+  const aprilCowTriggeredRef = useRef(false);
 
   useEffect(() => {
     userRef.current = user;
@@ -259,6 +261,14 @@ export default function Flights() {
     accessError,
   ]);
 
+  useEffect(() => {
+    if (!sessionId || !accessId || accessError) return;
+    if (aprilCowTriggeredRef.current) return;
+
+    aprilCowTriggeredRef.current = true;
+    void tryPlayAprilCowEasterEgg();
+  }, [sessionId, accessId, accessError]);
+
   useEffect(() => {
     if (!sessionId || !accessId || !initialLoadComplete || accessError) return;