feat(flashing-view): add standalone flashing view

.github/workflows/frontend-tests.yaml

@@ -29,7 +29,7 @@ jobs:
           cache: "pnpm"
 
       - name: Install dependencies
-        run: pnpm install --frozen-lockfile --filter=testing-view --filter=ui --filter=core
+        run: pnpm install --frozen-lockfile --filter=testing-view --filter=flashing-view --filter=competition-view --filter=ui --filter=core
 
       - name: Build frontend
         run: pnpm build --filter="./frontend/**"

.gitignore

@@ -9,4 +9,8 @@ node_modules/
 .env
 
 # Global binaries
-*.exe
+*.exe
+
+# electron modules
+electron-app/python
+electron-app/logger

backend/pkg/adj/validator.go

@@ -1,6 +1,7 @@
 package adj
 
 import (
+	"os"
 	"os/exec"
 	"path"
 	"strings"
@@ -62,6 +63,13 @@ func Validate() {
 // If none of the candidates are found, an empty string is returned,
 // indicating that no Python interpreter is available.
 func pythonCommand() string {
+	// Prefer bundled Python shipped with the Electron app
+	if bundled := os.Getenv("HYPERLOOP_PYTHON_PATH"); bundled != "" {
+		if _, err := os.Stat(bundled); err == nil {
+			return bundled
+		}
+	}
+
 	candidates := []string{"python3", "python", "py"}
 
 	for _, c := range candidates {

control-station/src/App.tsx

@@ -11,6 +11,12 @@ import { ReactComponent as Batteries } from 'assets/svg/battery-filled.svg'
 import { SplashScreen, WsHandlerProvider, useLoadBackend } from 'common';
 import { useEffect } from 'react';
 
+const FlashIcon = () => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+        <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />
+    </svg>
+);
+
 export const App = () => {
     const isProduction = import.meta.env.PROD;
     const loadBackend = useLoadBackend(isProduction);
@@ -29,7 +35,8 @@ export const App = () => {
                             { path: '/vehicle', icon: <Wheel /> },
                             { path: '/booster', icon: <Cabinet /> },
                             { path: '/batteries', icon: <Batteries /> },
-                            { path: '/cameras', icon: <Cameras /> }
+                            { path: '/cameras', icon: <Cameras /> },
+                            { path: '/flash', icon: <FlashIcon /> }
                         ]}
                     />
                     <Outlet />

control-station/src/main.tsx

@@ -9,6 +9,7 @@ import { mainPageRoute } from "pages/VehiclePage/MainPage/mainPageRoute";
 import { camerasRoute } from "pages/CamerasPage/camerasRoute";
 import { batteriesRoute } from "pages/VehiclePage/BatteriesPage/batteriesRoute";
 import { boosterRoute } from "pages/VehiclePage/BoosterPage/boosterRoute";
+import { flashRoute } from "pages/FlashPage/flashRoute";
 import { ConfigProvider, GlobalTicker } from "common";
 
 const router = createHashRouter([
@@ -21,6 +22,7 @@ const router = createHashRouter([
       boosterRoute,
       batteriesRoute,
       camerasRoute,
+      flashRoute,
     ],
   },
 ]);

control-station/src/pages/FlashPage/FlashPage.tsx

@@ -0,0 +1,22 @@
+import { useEffect } from 'react';
+
+export const FlashPage = () => {
+    useEffect(() => {
+        if ((window as any).electronAPI?.switchView) {
+            (window as any).electronAPI.switchView('flashing-view');
+        }
+    }, []);
+
+    return (
+        <div style={{ 
+            display: 'flex', 
+            alignItems: 'center', 
+            justifyContent: 'center', 
+            height: '100vh',
+            width: '100%',
+            color: 'var(--text-color)'
+        }}>
+            <p>Opening flashing view...</p>
+        </div>
+    );
+};

control-station/src/pages/FlashPage/flashRoute.tsx

@@ -0,0 +1,6 @@
+import { FlashPage } from "./FlashPage";
+
+export const flashRoute = {
+    path: "/flash",
+    element: <FlashPage/>
+};