From 9b7bfcdab1d02eb9e68139a7ca0301342997b0bb Mon Sep 17 00:00:00 2001
From: rxf <rexfue@gmail.com>
Date: Mon, 22 Sep 2025 19:33:23 +0200
Subject: [PATCH] Bilder lade reparuzert - evtl.

---
 debug-images.sh                             |  78 ++++++++++++++++++++
 nodejs-version/frontend/src/services/api.ts |   1 +
 rebuild-frontend.sh                         |  31 ++++++++
 setup-development.sh                        |   2 +
 uploads/.DS_Store                           | Bin 6148 -> 6148 bytes
 5 files changed, 112 insertions(+)
 create mode 100755 debug-images.sh
 create mode 100755 rebuild-frontend.sh

diff --git a/debug-images.sh b/debug-images.sh
new file mode 100755
index 0000000..1b8670e
--- /dev/null
+++ b/debug-images.sh
@@ -0,0 +1,78 @@
+#!/bin/bash
+
+echo "🔍 Debugging Bild-URLs im Development-Setup"
+echo "==========================================="
+
+# Check if containers are running
+echo "📊 Container Status:"
+docker compose -f docker-compose.development.yml ps
+
+echo ""
+echo "🔗 Testing API Endpoints:"
+
+# Get server IP from .env.development
+if [ -f .env.development ]; then
+    export $(cat .env.development | grep -v '^#' | xargs)
+    echo "Server IP: $HOST_IP"
+else
+    echo "❌ .env.development not found"
+    exit 1
+fi
+
+# Test backend health
+echo ""
+echo "🩺 Backend Health Check:"
+curl -s "http://$HOST_IP:3001/api/health" | head -100
+
+# Test if any recipes exist
+echo ""
+echo "📋 Testing Recipe API:"
+curl -s "http://$HOST_IP:3001/api/recipes?limit=1" | head -200
+
+# Test image serving
+echo ""
+echo "🖼️  Testing Image Serving:"
+echo "Checking upload directory structure..."
+
+# Check if upload directory exists
+if [ -d "./upload" ]; then
+    echo "✅ Upload directory found:"
+    ls -la ./upload/ | head -10
+    
+    # Find a test image
+    TEST_IMAGE=$(find ./upload -name "*.jpg" | head -1)
+    if [ -n "$TEST_IMAGE" ]; then
+        # Remove ./upload/ prefix for API path
+        RELATIVE_PATH=${TEST_IMAGE#./upload/}
+        echo ""
+        echo "🧪 Testing image URL: $RELATIVE_PATH"
+        echo "Full URL: http://$HOST_IP:3001/api/images/serve/$RELATIVE_PATH"
+        
+        # Test the image URL
+        HTTP_STATUS=$(curl -s -o /dev/null -w "%{http_code}" "http://$HOST_IP:3001/api/images/serve/$RELATIVE_PATH")
+        echo "HTTP Status: $HTTP_STATUS"
+        
+        if [ "$HTTP_STATUS" = "200" ]; then
+            echo "✅ Image serving works!"
+        else
+            echo "❌ Image serving failed"
+            echo "Testing with curl -v for more details:"
+            curl -v "http://$HOST_IP:3001/api/images/serve/$RELATIVE_PATH" 2>&1 | head -20
+        fi
+    else
+        echo "❌ No JPG images found in upload directory"
+    fi
+else
+    echo "❌ Upload directory not found"
+fi
+
+echo ""
+echo "🔧 Container Upload Directory Check:"
+docker compose -f docker-compose.development.yml exec backend ls -la /app/uploads/ 2>/dev/null || echo "Could not access backend container"
+
+echo ""
+echo "📋 Useful Debug Commands:"
+echo "  Backend logs: docker compose -f docker-compose.development.yml logs backend"
+echo "  Frontend logs: docker compose -f docker-compose.development.yml logs frontend"  
+echo "  Backend shell: docker compose -f docker-compose.development.yml exec backend sh"
+echo "  Test specific image: curl -v http://$HOST_IP:3001/api/images/serve/R001/R001_0.jpg"
\ No newline at end of file
diff --git a/nodejs-version/frontend/src/services/api.ts b/nodejs-version/frontend/src/services/api.ts
index cea6fb4..2a9553e 100644
--- a/nodejs-version/frontend/src/services/api.ts
+++ b/nodejs-version/frontend/src/services/api.ts
@@ -148,6 +148,7 @@ export const imageApi = {
   },
 
   getImageUrl: (imagePath: string): string => {
+    // Use the same dynamic API base URL logic for images
     return `${API_BASE_URL}/images/serve/${imagePath}`;
   },
 
diff --git a/rebuild-frontend.sh b/rebuild-frontend.sh
new file mode 100755
index 0000000..424bc58
--- /dev/null
+++ b/rebuild-frontend.sh
@@ -0,0 +1,31 @@
+#!/bin/bash
+set -e
+
+echo "🔄 Rebuilding Frontend with fixed image URLs"
+echo "============================================="
+
+# Load environment variables  
+if [ -f .env.development ]; then
+    export $(cat .env.development | grep -v '^#' | xargs)
+else
+    echo "❌ Error: .env.development file not found!"
+    exit 1
+fi
+
+echo "🏗️  Rebuilding frontend..."
+docker compose -f docker-compose.development.yml build frontend
+
+echo "🔄 Restarting frontend..."
+docker compose -f docker-compose.development.yml restart frontend
+
+echo "⏳ Waiting for frontend to be ready..."
+sleep 10
+
+echo "✅ Frontend rebuild completed!"
+echo ""
+echo "🌐 Test URLs:"
+echo "  Frontend: http://$HOST_IP:3000"
+echo "  Backend API: http://$HOST_IP:3001/api"
+echo ""
+echo "🔍 Debug images:"
+echo "  ./debug-images.sh"
\ No newline at end of file
diff --git a/setup-development.sh b/setup-development.sh
index 3d9f379..b53ef04 100755
--- a/setup-development.sh
+++ b/setup-development.sh
@@ -126,6 +126,8 @@ services:
       - "0.0.0.0:3001:3001"
     volumes:
       - uploads_dev_data:/app/uploads
+      # Mount existing uploads from host for development
+      - ./upload:/app/uploads:ro
       # Development: Mount source code for hot reload
       - ./nodejs-version/backend/src:/app/src:ro
       - ./nodejs-version/backend/prisma:/app/prisma:ro
diff --git a/uploads/.DS_Store b/uploads/.DS_Store
index d7f9ad553efab724e65dd329ced194a2bc801a7c..b8dd6dac8c488b00d7ed00937e005c686a193e88 100644
GIT binary patch
delta 84
zcmZoMXfc?O%(!dvN5<uo4MbQb^D~M7c`A&Bno`x(h9+hPItpf%2DLg0)s{v;wxNNc
mX>Bbhhp4i?bx?eEPHtX)&*Ytq@{GNkZ!&7KZD!~A%MSoD*BL1Q

delta 82
zcmZoMXfc?O%(!(jBh&K91|lqz`58rkJQc=5718QyBLf`;gIXPhYD*By(!`>+mXkwN
jS>HM+K07BjFTZ{AK1O-Qj?MQNHQ6RMux@7O_{$Ff&w?02