Merge remote-tracking branch 'origin/next' into v5-parallel-inertia-react

vite.config.js

@@ -5,10 +5,17 @@ import inertia from "@inertiajs/vite";
 import { fileURLToPath, URL } from "node:url";
 
 export default defineConfig(({ mode }) => {
-    const env = loadEnv(mode, process.cwd(), '')
-    const viteHost = env.VITE_HOST || null;
-    const viteHmrHost = env.VITE_HMR_HOST || null;
-    const vitePort = Number(env.VITE_PORT || 5173);
+    const env = loadEnv(mode, process.cwd(), "");
+    // Prefer process.env so Docker Compose can override without writing .env.
+    // Set VITE_HOST to a browser-reachable hostname/IP when accessing the app
+    // from another device (LAN / Tailscale), e.g. VITE_HOST=100.75.155.70
+    const viteHost = (process.env.VITE_HOST || env.VITE_HOST || "localhost").trim();
+    const viteHmrHost = (
+        process.env.VITE_HMR_HOST ||
+        env.VITE_HMR_HOST ||
+        viteHost
+    ).trim();
+    const vitePort = Number(process.env.VITE_PORT || env.VITE_PORT || 5173);
 
     return {
         resolve: {
@@ -18,18 +25,20 @@ export default defineConfig(({ mode }) => {
         },
         server: {
             watch: {
-                ignored: [
-                    "**/dev_*_data/**",
-                    "**/storage/**",
-                ],
+                ignored: ["**/dev_*_data/**", "**/storage/**"],
             },
+            // Listen on all interfaces so Docker / remote clients can reach the dev server
             host: "0.0.0.0",
+            port: vitePort,
+            strictPort: true,
             allowedHosts: true,
+            // App (:8000) and Vite (:5173) are different origins; allow any host in dev
             cors: true,
-            origin: viteHost ? `http://${viteHost}:${vitePort}` : undefined,
-            hmr: viteHmrHost
-                ? { host: viteHmrHost, clientPort: vitePort }
-                : true,
+            origin: `http://${viteHost}:${vitePort}`,
+            hmr: {
+                host: viteHmrHost,
+                clientPort: vitePort,
+            },
         },
         plugins: [
             laravel({
@@ -43,5 +52,5 @@ export default defineConfig(({ mode }) => {
             inertia({ ssr: false }),
             react(),
         ],
-    }
+    };
 });