remove vite proxy

gui_dev/src/components/FileBrowser/FileBrowser.jsx

@@ -1,4 +1,5 @@
 import { useReducer, useEffect } from "react";
+import { getBackendURL } from "@/utils/getBackendURL";
 import {
   Box,
   Paper,
@@ -111,7 +112,7 @@ export const FileBrowser = ({
 
   const fetchDrives = async () => {
     try {
-      const response = await fetch("/api/drives");
+      const response = await fetch(getBackendURL("/api/drives"));
       if (!response.ok) throw new Error("Failed to fetch drives");
       const data = await response.json();
       dispatch({ type: "SET_DRIVES", payload: data.drives });
@@ -126,7 +127,7 @@ export const FileBrowser = ({
 
   const fetchHomeDirectory = async () => {
     try {
-      const response = await fetch("/api/home_directory");
+      const response = await fetch(getBackendURL("/api/home_directory"));
       if (!response.ok) throw new Error("Failed to fetch home directory");
       const data = await response.json();
       dispatch({ type: "SET_CURRENT_PATH", payload: data.home_directory });

gui_dev/src/components/FileBrowser/QuickAccess.jsx

@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from "react";
+import { getBackendURL } from "@/utils/getBackendURL";
 import {
   Paper,
   Typography,
@@ -26,7 +27,7 @@ export const QuickAccessSidebar = ({ onItemClick }) => {
 
   const fetchQuickAccessItems = async () => {
     try {
-      const response = await fetch("/api/quick-access");
+      const response = await fetch(getBackendURL("/api/quick-access"));
       if (!response.ok) throw new Error("Failed to fetch quick access items");
       const data = await response.json();
       setQuickAccessItems(data.items);

gui_dev/src/stores/appInfoStore.js

@@ -1,4 +1,5 @@
 import { createStore } from "./createStore";
+import { getBackendURL } from "@/utils/getBackendURL";
 
 export const useAppInfoStore = createStore("appInfo", (set) => ({
   version: "",
@@ -11,7 +12,7 @@ export const useAppInfoStore = createStore("appInfo", (set) => ({
   launchMode: "",
   fetchAppInfo: async () => {
     try {
-      const response = await fetch("/api/app-info");
+      const response = await fetch(getBackendURL("/api/app-info"));
       const data = await response.json();
       set(data);
     } catch (error) {

gui_dev/src/stores/sessionStore.js

@@ -3,6 +3,7 @@
 // the data source, stream paramerters, the output files paths, etc
 
 import { createPersistStore } from "@/stores/createStore";
+import { getBackendURL } from "@/utils/getBackendURL";
 
 // Workflow stages enum-like object
 export const WorkflowStage = Object.freeze({
@@ -76,7 +77,7 @@ export const useSessionStore = createPersistStore("session", (set, get) => ({
   // Search for LSL streams
 
   fetchLSLStreams: async () => {
-    const response = await fetch("/api/LSL-streams");
+    const response = await fetch(getBackendURL("/api/LSL-streams"));
 
     if (!response.ok) {
       set({ lslSource: { selectedStream: null, availableStreams: [] } });
@@ -195,7 +196,7 @@ export const useSessionStore = createPersistStore("session", (set, get) => ({
 
   fetchChannels: async () => {
     try {
-      const response = await fetch("/api/channels");
+      const response = await fetch(getBackendURL("/api/channels"));
       if (!response.ok) {
         throw new Error("Network response was not ok");
       }

gui_dev/src/stores/settingsStore.js

@@ -1,3 +1,4 @@
+import { getBackendURL } from "@/utils/getBackendURL";
 import { createStore } from "./createStore";
 
 const INITIAL_DELAY = 3000; // wait for Flask
@@ -6,7 +7,7 @@ const MAX_RETRIES = 100;
 
 const uploadSettingsToServer = async (settings) => {
   try {
-    const response = await fetch("/api/settings", {
+    const response = await fetch(getBackendURL("/api/settings"), {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -41,7 +42,7 @@ export const useSettingsStore = createStore("settings", (set, get) => ({
   fetchSettings: async () => {
     try {
       console.log("Fetching settings...");
-      const response = await fetch("/api/settings");
+      const response = await fetch(getBackendURL("/api/settings"));
       if (!response.ok) {
         throw new Error("Failed to fetch settings");
       }

gui_dev/src/stores/socketStore.js

@@ -1,6 +1,7 @@
 import { createStore } from "./createStore";
+import { getBackendURL } from "@/utils/getBackendURL";
 
-const WEBSOCKET_URL = "ws";
+const WEBSOCKET_URL = getBackendURL("/ws");
 const RECONNECT_INTERVAL = 500; // ms
 
 export const useSocketStore = createStore("socket", (set, get) => ({

gui_dev/src/utils/getBackendURL.js

@@ -0,0 +1,3 @@
+export const getBackendURL = (route) => {
+    return "http://localhost:50001" + route;
+}

gui_dev/vite.config.js

@@ -51,17 +51,6 @@ export default defineConfig(() => {
     },
     server: {
       port: 54321,
-      proxy: {
-        "/api": {
-          target: `http://localhost:${BACKEND_PORT}`,
-          changeOrigin: true,
-        },
-        "/ws": {
-          target: `ws://localhost:${BACKEND_PORT}`,
-          ws: true,
-          changeOrigin: true,
-        },
-      },
     },
   };
 });

py_neuromodulation/gui/backend/app_backend.py

@@ -60,11 +60,12 @@ def __init__(
         self.setup_routes()
 
         # Serve static files
-        self.mount(
-            "/",
-            StaticFiles(directory=PYNM_DIR / "gui" / "frontend", html=True),
-            name="static",
-        )
+        if not dev:
+            self.mount(
+                "/",
+                StaticFiles(directory=PYNM_DIR / "gui" / "frontend", html=True),
+                name="static",
+            )
 
         self.pynm_state = pynm_state
         self.websocket_manager = WebSocketManager()