feat: configure UI host and port from config file

README.md

@@ -1 +1,17 @@
-# Lanis WEB UI
+# Lanis WEB UI
+
+## Configuration
+
+Edit [`config.json`](config.json) before starting the UI:
+
+```json
+{
+  "host": "0.0.0.0",
+  "port": 3000,
+  "apiUrl": "http://localhost:8000"
+}
+```
+
+`host` and `port` configure the Vite development and preview servers. `apiUrl`
+sets the default LANIS API address used by the browser. No environment variables
+are required for these settings.

config.json

@@ -0,0 +1,5 @@
+{
+  "host": "0.0.0.0",
+  "port": 3000,
+  "apiUrl": "http://localhost:8000"
+}

src/utils/backendConfig.ts

@@ -1,8 +1,8 @@
+import uiConfig from '../../config.json';
+
 export const CUSTOM_BACKEND_STORAGE_KEY = 'lanis_custom_backend_url';
 
-export const DEFAULT_API_BASE_URL = (
-  import.meta.env.VITE_API_URL || 'http://localhost:8000'
-).replace(/\/+$/, '');
+export const DEFAULT_API_BASE_URL = uiConfig.apiUrl.replace(/\/+$/, '');
 
 const BACKEND_SCOPED_STORAGE_KEYS = [
   'auth_access_token',

src/vite-env.d.ts

@@ -1,10 +1 @@
 /// <reference types="vite/client" />
-
-interface ImportMetaEnv {
-  readonly VITE_API_URL: string
-  // more env variables...
-}
-
-interface ImportMeta {
-  readonly env: ImportMetaEnv
-}

tsconfig.node.json

@@ -4,7 +4,8 @@
     "skipLibCheck": true,
     "module": "ESNext",
     "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true
   },
   "include": ["vite.config.ts"]
-}
+}

vite.config.ts

@@ -1,17 +1,22 @@
+import uiConfig from './config.json'
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 
 export default defineConfig({
   plugins: [react()],
   server: {
-    port: 3000,
-    host: true,
+    port: uiConfig.port,
+    host: uiConfig.host,
     proxy: {
       '/api': {
-        target: 'http://localhost:8000',
+        target: uiConfig.apiUrl,
         changeOrigin: true,
         rewrite: (path) => path.replace(/^\/api/, ''),
       },
     },
   },
-})
+  preview: {
+    port: uiConfig.port,
+    host: uiConfig.host,
+  },
+})