fix the localhost:8080 issue

DEPLOYMENT.md

@@ -72,7 +72,40 @@ PRODUCT_NAME="AiTube" \
 ### Run the client (web)
 
 ```bash
-
+# For local development with default configuration
 flutter run --dart-define=CONFIG_PATH=assets/config/aitube_low.yaml -d chrome
+
+# For production build to be deployed on a server
+flutter build web --dart-define=CONFIG_PATH=assets/config/aitube_low.yaml
 ```
 
+### WebSocket Connection
+
+The application automatically determines the WebSocket URL:
+
+1. **Web Platform**: 
+   - Automatically uses the same host that serves the web app
+   - Handles HTTP/HTTPS protocol correctly (ws/wss)
+   - No configuration needed for deployment
+
+2. **Native Platforms**:
+   - Production: Automatically uses `wss://aitube.at/ws` when built with production flag
+   - Development: Uses `ws://localhost:8080/ws` by default
+   - Custom: Can override with `API_WS_URL` environment variable (highest priority)
+
+#### Production Native Build
+
+For production builds (connecting to aitube.at):
+```bash
+flutter build apk --dart-define=CONFIG_PATH=assets/config/aitube_low.yaml --dart-define=PRODUCTION_MODE=true
+```
+
+#### Custom API Server
+
+For connecting to a different server:
+```bash
+flutter build apk --dart-define=CONFIG_PATH=assets/config/aitube_low.yaml --dart-define=API_WS_URL=ws://custom-api.example.com/ws
+```
+
+Note: The `API_WS_URL` parameter takes precedence over the production setting.
+

README.md

@@ -18,6 +18,15 @@ hf_oauth_scopes:
 
 # AiTube2
 
+## Configuration
+
+### WebSocket Connection
+- **Web Platform**: Automatically connects to the host serving the page (adapts to both HTTP/HTTPS)
+- **Native Platforms**: 
+  - Production: Uses `wss://aitube.at/ws` when built with `--dart-define=PRODUCTION_MODE=true`
+  - Development: Uses `ws://localhost:8080/ws` by default
+  - Custom: Set `API_WS_URL` during build with `--dart-define=API_WS_URL=ws://your-server:port/ws` (highest priority)
+
 ## News
 
 aitube2 is coming sooner than expected!

build/web/flutter_bootstrap.js

@@ -39,6 +39,6 @@ _flutter.buildConfig = {"engineRevision":"382be0028d370607f76215a9be322e5514b263
 
 _flutter.loader.load({
   serviceWorkerSettings: {
-    serviceWorkerVersion: "3416246217"
+    serviceWorkerVersion: "1946662225"
   }
 });

build/web/flutter_service_worker.js

@@ -3,11 +3,11 @@ const MANIFEST = 'flutter-app-manifest';
 const TEMP = 'flutter-temp-cache';
 const CACHE_NAME = 'flutter-app-cache';
 
-const RESOURCES = {"flutter_bootstrap.js": "ebc878297d861e3a1c9a095721c1547d",
+const RESOURCES = {"flutter_bootstrap.js": "73af8f030b3b05ff5d0df3ad67a75121",
 "version.json": "b5eaae4fc120710a3c35125322173615",
 "index.html": "f34c56fffc6b38f62412a5db2315dec8",
 "/": "f34c56fffc6b38f62412a5db2315dec8",
-"main.dart.js": "cbdcb63cb16e4942066acf2c417ced32",
+"main.dart.js": "0085961ce9c20b57a5ddbe570d5024a2",
 "flutter.js": "83d881c1dbb6d6bcd6b42e274605b69c",
 "favicon.png": "5dcef449791fa27946b3d35ad8803796",
 "icons/Icon-192.png": "ac9a721a12bbc803b44f645561ecb1e1",

lib/services/websocket_api_service.dart

@@ -47,7 +47,40 @@ class WebSocketApiService {
   factory WebSocketApiService() => _instance;
   WebSocketApiService._internal();
 
-  static const String _wsUrl = 'ws://localhost:8080/ws';
+  // Dynamically build WebSocket URL based on current host in web platform
+  // or use environment variable/production URL/localhost for development on other platforms
+  static String get _wsUrl {
+    if (kIsWeb) {
+      // Get the current host and protocol from the browser window
+      final location = Uri.base;
+      final protocol = location.scheme == 'https' ? 'wss' : 'ws';
+      final url = '$protocol://${location.host}/ws';
+      debugPrint('WebSocketApiService: Using dynamic WebSocket URL: $url');
+      return url;
+    } else {
+      // First try to get WebSocket URL from environment variable (highest priority)
+      const envWsUrl = String.fromEnvironment('API_WS_URL', defaultValue: '');
+      
+      if (envWsUrl.isNotEmpty) {
+        debugPrint('WebSocketApiService: Using WebSocket URL from environment: $envWsUrl');
+        return envWsUrl;
+      }
+      
+      // Second, check if we're in production mode (determined by build flag)
+      const isProduction = bool.fromEnvironment('PRODUCTION_MODE', defaultValue: false);
+      
+      if (isProduction) {
+        // Production default is aitube.at
+        const productionUrl = 'wss://aitube.at/ws';
+        debugPrint('WebSocketApiService: Using production WebSocket URL: $productionUrl');
+        return productionUrl;
+      } else {
+        // Fallback to localhost for development
+        debugPrint('WebSocketApiService: Using default localhost WebSocket URL');
+        return 'ws://localhost:8080/ws';
+      }
+    }
+  }
   WebSocketChannel? _channel;
   final _responseController = StreamController<Map<String, dynamic>>.broadcast();
   final _pendingRequests = <String, Completer<Map<String, dynamic>>>{};
@@ -162,10 +195,14 @@ class WebSocketApiService {
         
         // First check if server is in maintenance mode by making an HTTP request to the status endpoint
         try {
+          // Determine HTTP URL based on WebSocket URL
+          final wsUri = Uri.parse(_wsUrl);
+          final protocol = wsUri.scheme == 'wss' ? 'https' : 'http';
+          final httpUrl = '$protocol://${wsUri.authority}/api/status';
+          
           // Use conditional import to handle platform differences
           if (kIsWeb) {
             // For web platform, use http package instead of HttpClient which is only available in dart:io
-            final httpUrl = 'http://${baseUrl.authority}/api/status';
             final response = await http.get(Uri.parse(httpUrl));
             
             if (response.statusCode == 200) {
@@ -179,7 +216,6 @@ class WebSocketApiService {
             }
           } else {
             // For non-web platforms, use HttpClient from dart:io
-            final httpUrl = 'http://${baseUrl.authority}/api/status';
             final httpClient = io.HttpClient();
             final request = await httpClient.getUrl(Uri.parse(httpUrl));
             final response = await request.close();