Made it so that deploy is different on server and local

Author: alan412

backend/main.py

@@ -289,6 +289,16 @@ def post(self):
 api.add_resource(StorageResource, '/storage/<path:path>')
 api.add_resource(DeployResource, '/deploy')
 
+# API health check endpoint to distinguish from static file serving
+@app.route('/api/status')
+def api_status():
+    """Health check endpoint to identify backend server"""
+    return jsonify({
+        'status': 'ok',
+        'server': 'python-backend',
+        'version': '1.0'
+    })
+
 # Handle the base path for the frontend
 @app.route('/blocks/', defaults={'path': ''})
 @app.route('/blocks/<path:path>')

src/reactComponents/Menu.tsx

@@ -25,6 +25,7 @@ import * as commonStorage from '../storage/common_storage';
 import * as storageNames from '../storage/names';
 import * as storageProject from '../storage/project';
 import * as createPythonFiles from '../storage/create_python_files';
+import * as serverSideStorage from '../storage/server_side_storage';
 import * as I18Next from 'react-i18next';
 import {TabType } from '../types/TabType';
 
@@ -294,17 +295,45 @@ export function Component(props: MenuProps): React.JSX.Element {
 
     try {
       const blobUrl = await createPythonFiles.producePythonProjectBlob(props.project, props.storage);
-
-      // Create a temporary link to download the file
-      const link = document.createElement('a');
-      link.href = blobUrl;
-      link.download = `${props.project.projectName}.zip`;
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
 
-      // Clean up the blob URL
-      URL.revokeObjectURL(blobUrl);
+      // Check if the backend server is available
+      const serverAvailable = await serverSideStorage.isServerAvailable();
+      console.log('Server available:', serverAvailable);
+      
+      if (serverAvailable) {
+        // Send the file to the backend /deploy endpoint
+        const response = await fetch(blobUrl);
+        const blob = await response.blob();
+        
+        const formData = new FormData();
+        formData.append('file', blob, `${props.project.projectName}.zip`);
+        
+        const deployResponse = await fetch('/deploy', {
+          method: 'POST',
+          body: formData,
+        });
+        
+        if (!deployResponse.ok) {
+          throw new Error('Deploy to server failed');
+        }
+        
+        const result = await deployResponse.json();
+        console.log('Deployment successful:', result);
+        
+        // Clean up the blob URL
+        URL.revokeObjectURL(blobUrl);
+      } else {
+        // Download the file locally
+        const link = document.createElement('a');
+        link.href = blobUrl;
+        link.download = `${props.project.projectName}.zip`;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        
+        // Clean up the blob URL
+        URL.revokeObjectURL(blobUrl);
+      }
     } catch (error) {
       console.error('Failed to deploy project:', error);
       props.setAlertErrorMessage(t('DEPLOY_FAILED') || 'Failed to deploy project');

src/storage/server_side_storage.ts

@@ -22,7 +22,7 @@
 
 import * as commonStorage from './common_storage';
 
-const API_BASE_URL = 'http://localhost:5001';
+const API_BASE_URL = '';
 
 export async function isServerAvailable(): Promise<boolean> {
   try {
@@ -31,13 +31,20 @@ export async function isServerAvailable(): Promise<boolean> {
       setTimeout(() => reject(new Error('Timeout')), 5000); // 5 second timeout
     });
 
-    // Race between the fetch and timeout
+    // Check the specific API status endpoint to distinguish backend from static file server
+    // Use absolute path without base URL since /api/status is a backend endpoint
     const response = await Promise.race([
-      fetch(`${API_BASE_URL}/`),
+      fetch(`${API_BASE_URL}/api/status`),
       timeoutPromise
     ]);
 
-    return response.ok;
+    if (!response.ok) {
+      return false;
+    }
+    
+    // Verify it's actually the Python backend by checking the response
+    const data = await response.json();
+    return data.server === 'python-backend';
   } catch (error) {
     // Network error, server not available, or timeout
     return false;