Update src/streamlit_app.py

src/streamlit_app.py

@@ -1,40 +1,84 @@
-import altair as alt
-import numpy as np
-import pandas as pd
+import os
 import streamlit as st
+from PIL import Image
+import os
 
-"""
-# Welcome to Streamlit!
-
-Edit `/streamlit_app.py` to customize this app to your heart's desire :heart:.
-If you have any questions, checkout our [documentation](https://docs.streamlit.io) and [community
-forums](https://discuss.streamlit.io).
-
-In the meantime, below is an example of what you can do with just a few lines of code:
-"""
-
-num_points = st.slider("Number of points in spiral", 1, 10000, 1100)
-num_turns = st.slider("Number of turns in spiral", 1, 300, 31)
-
-indices = np.linspace(0, 1, num_points)
-theta = 2 * np.pi * num_turns * indices
-radius = indices
-
-x = radius * np.cos(theta)
-y = radius * np.sin(theta)
-
-df = pd.DataFrame({
-    "x": x,
-    "y": y,
-    "idx": indices,
-    "rand": np.random.randn(num_points),
-})
-
-st.altair_chart(alt.Chart(df, height=700, width=700)
-    .mark_point(filled=True)
-    .encode(
-        x=alt.X("x", axis=None),
-        y=alt.Y("y", axis=None),
-        color=alt.Color("idx", legend=None, scale=alt.Scale()),
-        size=alt.Size("rand", legend=None, scale=alt.Scale(range=[1, 150])),
-    ))
+
+
+from models.imageCaptioning import generateCaption
+from models.storyGeneration import generateStory
+
+st.set_page_config(page_title="Image2Story Generator", layout="centered")
+st.title("Image2Story Generator")
+st.write("Upload your Image and let us generate a Story for you")
+
+upload_dir = "/tmp/uploads"
+os.makedirs(upload_dir, exist_ok=True)
+
+#Upload your file
+uploaded_file = st.sidebar.file_uploader("Upload Your Image", type= ["jpg" , "jpeg" , "png" , "webp"])
+
+
+
+if uploaded_file:
+    image = Image.open(uploaded_file).convert("RGB")
+    image_path = os.path.join(upload_dir, uploaded_file.name)
+    image.save(image_path)
+    
+    # st.image(image, caption="uploaded image" , use_container_width=True)
+
+    
+    
+    # with st.spinner("Generating Captions..."):
+    #     caption = generateCaption(image_path)
+    #     st.success(f"The image is of : {caption}")
+
+
+
+    with st.spinner("Generating Captions..."):
+        caption = generateCaption(image_path)
+        st.success("Caption generated successfully!")
+    
+        st.markdown(f"""
+            <div style="background-color:#f0f2f6;padding:15px 20px;border-radius:10px;margin-top:20px;border-left:5px solid #4CAF50;">
+                <h4 style="margin-bottom:10px;">🖼️ <strong>Scenario is :</strong></h4>
+                <p style="font-size:16px;color:#333;">{caption}</p>
+            </div>
+        """, unsafe_allow_html=True)
+
+
+    story_style = st.sidebar.selectbox("Choose Story Style" , ["William Shakespeare" , "Leo Tolstoy", "Charles Dickens" , "Haruki Murakami" , "J.K. Rowling" , "Stephen King"])  
+    
+    prompt = f"""
+    You are a professional story writer with a deep understanding of surreal and introspective storytelling, inspired by {story_style}.
+    Write a short story based on the theme: {caption.strip()}.
+    The story should be in between 500 and 800 words, and must include:
+    - A clear beginning and ending.
+    - Subtle emotional depth and a dreamlike atmosphere.
+    - Elements typical of {story_style}'s writing style.
+    Do not include a title. Return only the story.
+    """
+
+    
+    # with st.spinner("Generating Story..."): 
+    #     story = generateStory(captions)
+    #     st.markdown("Generated Story")
+    #     st.write(story)
+
+
+    with st.spinner("Generating Story..."): 
+        story = generateStory(caption)
+    
+        st.markdown("""
+            <div style="background-color:#f9f9f9;padding:15px 20px;border-radius:10px;margin-top:20px;border-left:5px solid #2196F3;">
+                <h4 style="margin-bottom:10px;">📖 <strong>Generated Story</strong></h4>
+        """, unsafe_allow_html=True)
+    
+        formatted_story = story.replace('\n', '<br>')
+
+        st.markdown(f"""
+            <div style="font-size:16px;line-height:1.6;color:#444;">
+                {formatted_story}
+            </div>
+            </div>
+        """, unsafe_allow_html=True)