Create app.py

app.py

@@ -0,0 +1,158 @@
+# app.py - Streamlit für Hugging Face Spaces
+import os
+import tempfile
+import streamlit as st
+from PIL import Image
+import io
+import numpy as np # Immer noch nützlich, falls wir mal Arrays brauchen
+
+# ----------------------------------------------------
+# 🚨 KRITISCHE FIXES FÜR DEN PERMISSION ERROR (beibehalten)
+# Zwingt Streamlit, seine temporären/Konfigurationsdateien
+# in den beschreibbaren /tmp-Bereich zu schreiben.
+# ----------------------------------------------------
+TEMP_STREAMLIT_HOME = os.path.join(tempfile.gettempdir(), "st_config_workaround")
+os.makedirs(TEMP_STREAMLIT_HOME, exist_ok=True)
+os.environ["STREAMLIT_HOME"] = TEMP_STREAMLIT_HOME
+os.environ["STREAMLIT_GATHER_USAGE_STATS"] = "false"
+CONFIG_PATH = os.path.join(TEMP_STREAMLIT_HOME, "config.toml")
+CONFIG_CONTENT = """
+[browser]
+gatherUsageStats = false
+
+[server]
+headless = true
+port = 7860
+enableCORS = false
+"""
+with open(CONFIG_PATH, "w") as f:
+    f.write(CONFIG_CONTENT)
+
+# --- Bildverarbeitungsfunktionen ---
+
+def stack_horizontal(img1, img2):
+    """Stapelt zwei Bilder horizontal nebeneinander."""
+    # Wandelt in RGB um, um die Transparenz in diesem Modus zu ignorieren
+    img1 = img1.convert("RGB") 
+    img2 = img2.convert("RGB")
+    
+    h1, h2 = img1.size[1], img2.size[1]
+    if h1 != h2:
+        w2_new = int(img2.size[0] * h1 / h2)
+        img2 = img2.resize((w2_new, h1), Image.Resampling.LANCZOS)
+            
+    total_width = img1.size[0] + img2.size[0]
+    total_height = img1.size[1]
+    
+    stacked_img = Image.new('RGB', (total_width, total_height))
+    stacked_img.paste(img1, (0, 0))
+    stacked_img.paste(img2, (img1.size[0], 0))
+    
+    return stacked_img
+
+def blend_images_cpu(img1, img2, alpha):
+    """Blendet zwei Bilder mit Alpha-Faktor."""
+    # Konvertiert in RGBA, um Transparenz beim Blenden zu unterstützen
+    img1 = img1.convert("RGBA") 
+    img2 = img2.convert("RGBA")
+    
+    if img1.size != img2.size:
+        img2 = img2.resize(img1.size, Image.Resampling.LANCZOS)
+        
+    blended = Image.blend(img1, img2, alpha)
+    return blended.convert("RGB") # Rückgabe als RGB für Konsistenz im UI, wenn nicht transparent sein muss
+
+def overlay_image(background_img, overlay_img, x_pos, y_pos, scale_factor):
+    """
+    Überlagert ein freigestelltes Bild (overlay_img, muss RGBA sein) 
+    auf ein Hintergrundbild (background_img).
+    Position und Skalierung sind einstellbar.
+    """
+    # Hintergrundbild immer als RGBA behandeln, um Alpha-Kanal zu ermöglichen
+    background = background_img.convert("RGBA")
+
+    # Overlay-Bild muss RGBA haben, um Transparenz zu unterstützen
+    overlay = overlay_img.convert("RGBA")
+
+    # Skalierung anwenden
+    new_width = int(overlay.width * scale_factor)
+    new_height = int(overlay.height * scale_factor)
+    overlay = overlay.resize((new_width, new_height), Image.Resampling.LANCZOS)
+
+    # Erstelle ein leeres Bild mit der Größe des Hintergrundbildes im RGBA-Modus
+    # und paste das Hintergrundbild hinein
+    result = Image.new("RGBA", background.size)
+    result.paste(background, (0, 0)) # Füge das Hintergrundbild ein
+
+    # Überlagere das zweite Bild (Katze) an der gewünschten Position
+    # Die paste-Methode von Pillow verwendet den Alpha-Kanal des "mask"-Arguments,
+    # wenn das überlagernde Bild einen Alpha-Kanal hat und als Maske übergeben wird.
+    result.paste(overlay, (x_pos, y_pos), overlay) # 'overlay' als Maske verwenden
+
+    return result.convert("RGB") # Rückgabe als RGB für die Anzeige
+
+
+# --- Streamlit UI ---
+st.set_page_config(page_title="Image Transformer", layout="wide")
+
+st.title("🖼️ CPU Image Transformer (Blend, Stack, Overlay)")
+st.markdown("**Blend** (überblenden), **Stack** (aneinanderreihen) oder **Overlay** (Katze auf Toilette 😎) - Reine CPU-Operation")
+
+col1, col2 = st.columns(2)
+
+with col1:
+    st.subheader("Eingabe & Steuerung")
+    img1_file = st.file_uploader("Bild 1 (Basisbild / Hintergrund)", type=["png", "jpg", "jpeg", "webp"])
+    img2_file = st.file_uploader("Bild 2 (Zusatzbild / Overlay)", type=["png", "jpg", "jpeg", "webp"])
+    
+    method = st.selectbox("Transformationsmethode", ["Blend", "Stack Horizontal", "Overlay (Position & Scale)"])
+    
+    # Blending-Faktor (nur bei Blend relevant)
+    alpha = st.slider("Blending-Faktor (Alpha, nur bei 'Blend' aktiv)", 0.0, 1.0, 0.5, 0.05, disabled=(method != "Blend"))
+    
+    # Overlay-Parameter (nur bei Overlay relevant)
+    with st.expander("Overlay-Optionen", expanded=(method == "Overlay (Position & Scale)")):
+        x_pos = st.slider("X-Position des Overlays", 0, 1000, 0, 10, disabled=(method != "Overlay (Position & Scale)"))
+        y_pos = st.slider("Y-Position des Overlays", 0, 1000, 0, 10, disabled=(method != "Overlay (Position & Scale)"))
+        scale_factor = st.slider("Skalierung des Overlays", 0.1, 3.0, 1.0, 0.1, disabled=(method != "Overlay (Position & Scale)"))
+        st.info("Für 'Overlay' sollte Bild 2 ein freigestelltes PNG mit Transparenz sein!")
+    
+    process_btn = st.button("🚀 Verarbeiten", type="primary")
+
+with col2:
+    st.subheader("Resultat")
+    result_placeholder = st.empty()
+
+# Verarbeitung
+if process_btn:
+    if img1_file and img2_file:
+        with st.spinner("Verarbeite..."):
+            try:
+                img1 = Image.open(img1_file)
+                img2 = Image.open(img2_file)
+                
+                result = None
+                if method == "Blend":
+                    result = blend_images_cpu(img1, img2, alpha)
+                elif method == "Stack Horizontal":
+                    result = stack_horizontal(img1, img2)
+                elif method == "Overlay (Position & Scale)":
+                    # Hier ist es wichtig, dass img2 (Katze) einen Alpha-Kanal hat
+                    result = overlay_image(img1, img2, x_pos, y_pos, scale_factor)
+                
+                if result:
+                    result_placeholder.image(result, use_container_width=True)
+                    
+                    # Download-Button
+                    buf = io.BytesIO()
+                    result.save(buf, format="PNG") # PNG für Transparenz bei Overlay
+                    st.download_button(
+                        label="💾 Download Resultat",
+                        data=buf.getvalue(),
+                        file_name=f"result_{method.lower().replace(' ', '_')}.png",
+                        mime="image/png"
+                    )
+            except Exception as e:
+                st.error(f"Fehler: {e}")
+    else:
+        st.warning("⚠️ Bitte beide Bilder hochladen!")