web: Always use an absolute url when connecting to hubs

docker-compose.dev.yml

@@ -26,7 +26,7 @@
         condition: service_healthy
     environment:
       PLANERA_FRONTENDURL: https://localhost:2000
-      PLANERA_EMAILCONFIRMATION: false
+      PLANERA_EMAILCONFIRMATION: "false"
       PLANERA_POSTGRES__HOST: "db:5432"
       PLANERA_POSTGRES__USER: planera
       PLANERA_POSTGRES__PASSWORD: planera
@@ -45,6 +45,7 @@
     image: planera-web
     environment:
       ORIGIN: https://localhost:2000
+      VITE_PUBLIC_API_URL: https://localhost:2000/api
     build:
       context: .
-      dockerfile: web/Dockerfile
+      dockerfile: web/Dockerfile

docker-compose.yml

@@ -28,8 +28,8 @@
         condition: service_healthy
     environment:
       PLANERA_FRONTENDURL: http://localhost:2000
-      PLANERA_EMAILCONFIRMATION: false
-      PLANERA_DISABLEREGISTRATION: false
+      PLANERA_EMAILCONFIRMATION: "false"
+      PLANERA_DISABLEREGISTRATION: "false"
       PLANERA_POSTGRES__HOST: "db:5432"
       PLANERA_POSTGRES__USER: planera
       PLANERA_POSTGRES__PASSWORD: planera
@@ -46,3 +46,4 @@
     restart: always
     environment:
       ORIGIN: http://localhost:2000
+      VITE_PUBLIC_API_URL: https://localhost:2000/api

web/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:20.5
+FROM node:20.12
 WORKDIR /app
 COPY ["web/package.json", "web/package-lock.json", "web/"]
 WORKDIR /app/web

web/src/lib/hubs.ts

@@ -1,8 +1,12 @@
 import {type HubConnection, HubConnectionBuilder} from "@microsoft/signalr";
 
 async function buildHub(name: string): Promise<HubConnection> {
+    // Make sure the url is absolute
+    const apiUrl = import.meta.env.VITE_PUBLIC_API_URL.match(/^https?:\/\//)
+        ? import.meta.env.VITE_PUBLIC_API_URL
+        : window.location.origin + import.meta.env.VITE_PUBLIC_API_URL
     return new HubConnectionBuilder()
-        .withUrl(`${import.meta.env.VITE_PUBLIC_API_URL}/hubs/${name}`)
+        .withUrl(`${apiUrl}/hubs/${name}`)
         .withAutomaticReconnect()
         .build();
 }