Update v2.txt

v2.txt

@@ -14,25 +14,6 @@ def encode_image_to_base64(image_path):
     with open(image_path, "rb") as image_file:
         return base64.b64encode(image_file.read()).decode('utf-8')
 
-def save_uploaded_image(image):
-    """Save uploaded image to a temporary file and return the path"""
-    if image is None:
-        return None
-    
-    with tempfile.NamedTemporaryFile(delete=False, suffix='.jpg') as temp_file:
-        if isinstance(image, dict) and "path" in image:
-            with open(image["path"], "rb") as img_file:
-                temp_file.write(img_file.read())
-        elif isinstance(image, Image.Image):
-            image.save(temp_file.name, format="JPEG")
-        else:
-            try:
-                Image.open(image).save(temp_file.name, format="JPEG")
-            except Exception:
-                return None
-    
-    return temp_file.name
-
 def analyze_single_image(client, img_path):
     """Analyze a single image to identify ingredients"""
     system_prompt = """You are a culinary expert AI assistant that specializes in identifying ingredients in images.
@@ -69,28 +50,14 @@ def analyze_single_image(client, img_path):
     except Exception as e:
         return f"Error analyzing image: {str(e)}"
 
-def get_recipe_suggestions(api_key, images, num_recipes=3, dietary_restrictions="None", cuisine_preference="Any"):
+def get_recipe_suggestions(api_key, image_paths, num_recipes=3, dietary_restrictions="None", cuisine_preference="Any"):
     """Get recipe suggestions based on the uploaded images of ingredients"""
     if not api_key:
         return "Please provide your Together API key."
     
-    if not images or len(images) == 0 or all(img is None for img in images):
+    if not image_paths or len(image_paths) == 0:
         return "Please upload at least one image of ingredients."
     
-    valid_images = [img for img in images if img is not None]
-    
-    if len(valid_images) == 0:
-        return "No valid images were uploaded. Please try again."
-    
-    image_paths = []
-    for img in valid_images:
-        img_path = save_uploaded_image(img)
-        if img_path:
-            image_paths.append(img_path)
-    
-    if not image_paths:
-        return "Failed to process the uploaded images."
-    
     try:
         client = Together(api_key=api_key)
         
@@ -136,12 +103,6 @@ def get_recipe_suggestions(api_key, images, num_recipes=3, dietary_restrictions=
             temperature=0.7
         )
         
-        for img_path in image_paths:
-            try:
-                os.unlink(img_path)
-            except:
-                pass
-        
         result = "## 📋 Ingredients Identified\n\n"
         result += combined_ingredients
         result += "\n\n---\n\n"
@@ -149,27 +110,34 @@ def get_recipe_suggestions(api_key, images, num_recipes=3, dietary_restrictions=
         result += response.choices[0].message.content
         
         return result
-        
     except Exception as e:
-        for img_path in image_paths:
-            try:
-                os.unlink(img_path)
-            except:
-                pass
         return f"Error: {str(e)}"
 
+def update_gallery(files):
+    """Update the gallery with uploaded image paths"""
+    if not files or len(files) == 0:
+        return gr.update(visible=False)
+    return gr.update(value=files, visible=True)
+
+def process_recipe_request(api_key, files, num_recipes, dietary_restrictions, cuisine_preference):
+    """Process the recipe request with uploaded files"""
+    if not files:
+        return "Please upload at least one image of ingredients."
+    return get_recipe_suggestions(api_key, files, num_recipes, dietary_restrictions, cuisine_preference)
+
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
 :root {
-    --primary-color: #E67E22;
-    --primary-dark: #D35400;
-    --secondary-color: #2ECC71;
-    --accent-color: #F1C40F;
-    --background-color: #FFFFFF;
-    --text-color: #4A4A4A;
-    --card-background: #F8F9FA;
-    --border-radius: 10px;
+    --primary-color: #FF6F61;  /* Warm coral */
+    --secondary-color: #4BB543;  /* Fresh green */
+    --accent-color: #F0A500;  /* Golden yellow */
+    --background-color: #F4F4F9;  /* Light grayish background */
+    --text-color: #333333;  /* Dark gray text */
+    --card-background: #FFFFFF;  /* White for cards */
+    --border-radius: 12px;
     --font-family: 'Poppins', sans-serif;
+    --box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px;
+    --hover-shadow: rgba(0, 0, 0, 0.15) 0px 8px 30px;
 }
 body {
     font-family: var(--font-family);
@@ -186,31 +154,31 @@ body {
 .app-header {
     background-color: var(--primary-color);
     color: white;
-    padding: 40px 20px;
+    padding: 60px 20px;
     text-align: center;
-    border-radius: 0 0 20px 20px;
-    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
+    border-radius: 0 0 30px 30px;
+    box-shadow: var(--box-shadow);
 }
 .app-title {
-    font-size: 2.5em;
-    margin-bottom: 10px;
+    font-size: 2.8em;
     font-weight: 700;
+    margin-bottom: 10px;
 }
 .app-subtitle {
-    font-size: 1.2em;
+    font-size: 1.3em;
     font-weight: 300;
-    max-width: 600px;
+    max-width: 800px;
     margin: 0 auto;
 }
 .input-section, .output-section {
     background-color: var(--card-background);
     border-radius: var(--border-radius);
     padding: 30px;
-    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
+    box-shadow: var(--box-shadow);
     margin-bottom: 30px;
 }
 .section-header {
-    font-size: 1.5em;
+    font-size: 1.6em;
     font-weight: 600;
     color: var(--text-color);
     margin-bottom: 20px;
@@ -222,60 +190,63 @@ body {
     border-radius: var(--border-radius);
     padding: 40px;
     text-align: center;
-    background-color: rgba(46, 204, 113, 0.05);
+    background-color: rgba(75, 181, 67, 0.1);
     transition: all 0.3s ease;
 }
 .image-upload-container:hover {
     border-color: var(--primary-color);
-    background-color: rgba(230, 126, 34, 0.05);
+    background-color: rgba(255, 111, 97, 0.1);
 }
 button.primary-button {
     background-color: var(--primary-color);
     color: white;
     border: none;
-    padding: 15px 30px;
-    border-radius: 5px;
+    padding: 16px 32px;
+    border-radius: 6px;
     font-size: 1.1em;
     cursor: pointer;
     transition: all 0.3s ease;
-    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
     width: 100%;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 }
 button.primary-button:hover {
-    background-color: var(--primary-dark);
-    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
+    background-color: #E15F52;
+    box-shadow: var(--hover-shadow);
 }
 .gallery-container {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
-    gap: 15px;
-    margin-top: 20px;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    gap: 20px;
+    margin-top: 30px;
 }
 .gallery-item {
-    border-radius: 8px;
+    border-radius: var(--border-radius);
     overflow: hidden;
-    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+    box-shadow: var(--box-shadow);
     transition: transform 0.3s ease;
+    aspect-ratio: 1 / 1;
+    object-fit: cover;
 }
 .gallery-item:hover {
     transform: scale(1.05);
+    box-shadow: var(--hover-shadow);
 }
 .recipe-output {
-    font-size: 1.1em;
-    line-height: 1.6;
+    font-size: 1.2em;
+    line-height: 1.7;
     color: var(--text-color);
     max-height: 600px;
     overflow-y: auto;
-    padding-right: 10px;
+    padding-right: 15px;
 }
 .recipe-output h2 {
     color: var(--primary-color);
     margin-top: 30px;
-    font-size: 1.8em;
+    font-size: 2em;
 }
 .recipe-output h3 {
     color: var(--secondary-color);
-    font-size: 1.4em;
+    font-size: 1.5em;
     margin-top: 20px;
 }
 .loading-container {
@@ -312,7 +283,7 @@ button.primary-button:hover {
 }
 .loading-text {
     color: white;
-    font-size: 1.2em;
+    font-size: 1.3em;
     margin-top: 20px;
 }
 .footer {
@@ -320,8 +291,8 @@ button.primary-button:hover {
     padding: 40px 20px;
     text-align: center;
     color: var(--text-color);
-    font-size: 1em;
-    box-shadow: 0 -2px 10px rgba(0,0,0,0.05);
+    font-size: 1.1em;
+    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
 }
 .footer-content {
     max-width: 800px;
@@ -472,19 +443,8 @@ with gr.Blocks(css=custom_css) as app:
     
     gr.HTML(html_footer)
     
-    def update_gallery(files):
-        if not files:
-            return gr.Gallery.update(visible=False)
-        return gr.Gallery.update(value=[file.name for file in files], visible=True)
-    
     file_upload.change(fn=update_gallery, inputs=file_upload, outputs=image_input)
     
-    def process_recipe_request(api_key, files, num_recipes, dietary_restrictions, cuisine_preference):
-        if not files:
-            return "Please upload at least one image of ingredients."
-        images = [file.name for file in files]
-        return get_recipe_suggestions(api_key, images, num_recipes, dietary_restrictions, cuisine_preference)
-    
     submit_button.click(
         fn=process_recipe_request,
         inputs=[api_key_input, file_upload, num_recipes, dietary_restrictions, cuisine_preference],