add api prefix to routes

app_init.py

@@ -29,7 +29,7 @@ def init_app(app: FastAPI, user_data: UserData, args: Args, pipeline):
         allow_headers=["*"],
     )
 
-    @app.websocket("/ws")
+    @app.websocket("/api/ws")
     async def websocket_endpoint(websocket: WebSocket):
         await websocket.accept()
         user_count = user_data.get_user_count()
@@ -94,12 +94,12 @@ def init_app(app: FastAPI, user_data: UserData, args: Args, pipeline):
             logging.error(f"Error: {e}")
             traceback.print_exc()
 
-    @app.get("/queue_size")
+    @app.get("/api/queue")
     async def get_queue_size():
         queue_size = user_data.get_user_count()
         return JSONResponse({"queue_size": queue_size})
 
-    @app.get("/stream/{user_id}")
+    @app.get("/api/stream/{user_id}")
     async def stream(user_id: uuid.UUID, request: Request):
         try:
             print(f"New stream request: {user_id}")
@@ -140,7 +140,7 @@ def init_app(app: FastAPI, user_data: UserData, args: Args, pipeline):
             return HTTPException(status_code=404, detail="User not found")
 
     # route to setup frontend
-    @app.get("/settings")
+    @app.get("/api/settings")
     async def settings():
         info_schema = pipeline.Info.schema()
         info = pipeline.Info()

frontend/src/lib/components/ImagePlayer.svelte

@@ -26,7 +26,11 @@
 >
   <!-- svelte-ignore a11y-missing-attribute -->
   {#if isLCMRunning}
-    <img bind:this={imageEl} class="aspect-square w-full rounded-lg" src={'/stream/' + $streamId} />
+    <img
+      bind:this={imageEl}
+      class="aspect-square w-full rounded-lg"
+      src={'/api/stream/' + $streamId}
+    />
     <div class="absolute bottom-1 right-1">
       <Button
         on:click={takeSnapshot}

frontend/src/lib/lcmLive.ts

@@ -20,7 +20,7 @@ export const lcmLiveActions = {
 
             try {
                 const websocketURL = `${window.location.protocol === "https:" ? "wss" : "ws"
-                    }:${window.location.host}/ws`;
+                    }:${window.location.host}/api/ws`;
 
                 websocket = new WebSocket(websocketURL);
                 websocket.onopen = () => {

frontend/src/routes/+page.svelte

@@ -24,11 +24,11 @@
   });
 
   async function getSettings() {
-    const settings = await fetch('/settings').then((r) => r.json());
+    const settings = await fetch('/api/settings').then((r) => r.json());
     pipelineParams = settings.input_params.properties;
     pipelineInfo = settings.info.properties;
     isImageMode = pipelineInfo.input_mode.default === PipelineMode.IMAGE;
-    maxQueueSize = settings.max_queue_size;
+    maxQueueSize = 2; //settings.max_queue_size;
     pageContent = settings.page_content;
     console.log(pipelineParams);
     toggleQueueChecker(true);
@@ -43,7 +43,7 @@
     if (!queueCheckerRunning) {
       return;
     }
-    const data = await fetch('/queue_size').then((r) => r.json());
+    const data = await fetch('/api/queue').then((r) => r.json());
     currentQueueSize = data.queue_size;
     setTimeout(getQueueSize, 10000);
   }

frontend/vite.config.ts

@@ -5,8 +5,8 @@ export default defineConfig({
   plugins: [sveltekit()],
   server: {
     proxy: {
-      '^/settings|/queue_size|/stream': 'http://localhost:7860',
-      '/ws': {
+      '/api': 'http://localhost:7860',
+      '/api/ws': {
         target: 'ws://localhost:7860',
         ws: true
       }