ImagiGen_v2 / app.py
Tejasva-Maurya's picture
Update app.py
11c0f0a verified
import streamlit as st
from PIL import Image
import io
import google_auth
import mongo_db
# Functions for image and prompt generation
from image_models import (
flux,
stable_diffusion,
)
from prompt_models import Qwen_72b, microsoft_phi, Mixtral
# Set page config with a custom title and layout
st.set_page_config(
page_title="Welcome to ImagiGen: AI-Powered Image Synthesis",
layout="wide",
initial_sidebar_state="expanded",
)
# Custom CSS for fonts, background, and animations
st.markdown(
"""
<style>
/* Add a custom font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
body {
font-family: 'Poppins', sans-serif;
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
animation: gradient-animation 10s ease infinite;
}
/* Header and title styles */
h1, h2, h3 {
color: #343a40;
text-align: center;
}
/* Button styles */
.stButton button {
background-color: #007bff;
color: white;
border-radius: 8px;
transition: all 0.3s ease;
}
.stButton button:hover {
background-color: #0056b3;
transform: scale(1.05);
}
/* Smooth gradient animation */
@keyframes gradient-animation {
0% { background: linear-gradient(135deg, #f8f9fa, #e9ecef); }
50% { background: linear-gradient(135deg, #e9ecef, #f8f9fa); }
100% { background: linear-gradient(135deg, #f8f9fa, #e9ecef); }
}
/* Custom input box styling */
input, textarea {
border: 2px solid #ced4da;
border-radius: 5px;
padding: 10px;
}
/* Sidebar customization */
.sidebar .sidebar-content {
background-color: #ffffff;
border-radius: 10px;
padding: 20px;
}
</style>
""",
unsafe_allow_html=True,
)
# List of functions
image_functions = [flux, stable_diffusion]
prompt_functions = [Qwen_72b, microsoft_phi, Mixtral]
# Initialize session state for login status
if "logged_in" not in st.session_state:
st.session_state.logged_in = False
def register():
col1, col2, col3 = st.columns([1, 2, 1]) # Left, Center (main content), Right
with col2:
with st.expander("Register New Account", expanded=False):
st.subheader("Create a New Account", divider="rainbow")
new_email_id = st.text_input("email_id", placeholder="Enter an Email ID")
new_password = st.text_input(
"New Password", type="password", placeholder="Choose a password"
)
confirm_password = st.text_input(
"Confirm Password",
type="password",
placeholder="Re-enter your password",
)
if st.button("Register"):
if new_password != confirm_password:
st.error("Passwords do not match. Please try again.")
elif not new_email_id or not new_password:
st.error("All fields are required.")
else:
response = mongo_db.register(new_email_id, new_password)
print(response)
if "Email ID already Registered" == response:
st.error(
"Email ID already Registered. Please choose a different email id."
)
elif "Registration successful" == response:
st.success("Registration successful! You can now log in.")
st.balloons()
else:
st.error("Unexpected error occur. Please Retry....")
# if st.button("Register Using Google Account"):
# user_info = google_auth.auth()
# user_name = f'{user_info.get("user").get("displayName")}'
# email = f'{user_info.get("user").get("emailAddress")}'
# response = mongo_db.google_register(user_name, email)
# if "email ID already Registered" == response:
# st.error("Email ID already Registered. Please Log in.")
# elif "Registration successful" == response:
# st.success("Registration successful! You can now log in.")
# st.balloons()
# else:
# st.error("Unexpected error occur. Please Retry....")
# Function to handle login
def login():
col1, col2, col3 = st.columns([1, 2, 1]) # Left, Center (main content), Right
with col2:
_, centre, _ = st.columns([1, 2, 1])
with centre:
st.image("ImagiGen--Logo.svg", use_container_width=True)
st.header("Login Page", divider="rainbow")
st.subheader("Please Login to Continue")
email_id = st.text_input("Email Id", placeholder="Enter your Email Id")
password = st.text_input(
"Password", type="password", placeholder="Enter your password"
)
if st.button("Login"):
response = mongo_db.login(email_id, password)
if response == "Login successful":
st.session_state.logged_in = True
st.success("Login successful! Redirecting...")
st.rerun()
else:
st.error("Invalid email id or password")
# if st.button("google"):
# user_info = google_auth.auth()
# email = f'{user_info.get("user").get("emailAddress")}'
# response = mongo_db.google_login(email)
# if response == "Login successful":
# st.session_state.logged_in = True
# st.rerun()
# else:
# st.error("Email id is not registered. Please Register")
# Function for the platform/dashboard page
def platform_page():
_, centre, _ = st.columns([3, 4, 3])
with centre:
st.image("ImagiGen--Logo.svg", use_container_width=True)
st.header("Welcome to ImagiGen: AI-Powered Image Synthesis", divider="rainbow")
if st.button("Logout"):
st.session_state.logged_in = False
st.rerun()
st.markdown("### Describe Your Creative Vision")
# Initialize session state for prompts
if "model_1" not in st.session_state:
st.session_state.model_1 = ""
if "model_2" not in st.session_state:
st.session_state.model_2 = ""
if "model_3" not in st.session_state:
st.session_state.model_3 = ""
# User input for the prompt
Raw_user_input = st.text_input(
"Enter your description for prompt generation:",
"",
placeholder="E.g., A vivid image of a flowing red silk dress in a windy desert...",
)
user_input = f"""Instruction:Generate a highly detailed and vivid prompt based on the user input, specifically for the art and design industry, with a focus on clothing. The prompt should thoroughly describe visual elements such as textures, colors, patterns, and fabric types, tailored to the context of fashion design. Incorporate details about the style, setting, and mood to effectively showcase the clothing item. The prompt should guide the creation of a realistic, lifelike image of the dress, ensuring that it is depicted from head to toe and is complete in every aspect. Emphasize that the dress must appear realistic and visually captivating.
Make sure the prompt is rich in detail to enhance the image model's ability to generate an accurate and visually compelling representation. Do not include any instructions or additional details; provide only the refined prompt.
User Input: {Raw_user_input}"""
if st.button("Generate Prompt"):
with st.spinner("Generating Prompts..."):
st.session_state.model_1 = Qwen_72b(user_input)
st.session_state.model_2 = microsoft_phi(user_input)
st.session_state.model_3 = Mixtral(user_input)
# Display text areas to edit each generated prompt
cols = st.columns(3)
with cols[0]:
st.session_state.model_1 = st.text_area(
"Edit Prompt 1:", st.session_state.model_1, height=200
)
with cols[1]:
st.session_state.model_2 = st.text_area(
"Edit Prompt 2:", st.session_state.model_2, height=200
)
with cols[2]:
st.session_state.model_3 = st.text_area(
"Edit Prompt 3:", st.session_state.model_3, height=200
)
if st.button("Generate Images"):
prompts = [
st.session_state.model_1,
st.session_state.model_2,
st.session_state.model_3,
]
cols = st.columns(3)
with cols[0]:
with st.spinner(f"Generating Image {1}..."):
try:
image_bytes = image_functions[0](prompts[0])
image = Image.open(io.BytesIO(image_bytes))
st.image(
image,
caption=f"Prompt {1}, Model {1}",
use_container_width=True,
)
except:
st.image(
"error.jpg",
caption="Server error occur",
)
with cols[1]:
with st.spinner(f"Generating Image {2}..."):
try:
image_bytes = image_functions[0](prompts[1])
image = Image.open(io.BytesIO(image_bytes))
st.image(
image,
caption=f"Prompt {2}, Model {1}",
use_container_width=True,
)
except:
st.image(
"error.jpg",
caption="Server error occur",
)
with cols[2]:
with st.spinner(f"Generating Image {3}..."):
try:
image_bytes = image_functions[0](prompts[2])
image = Image.open(io.BytesIO(image_bytes))
st.image(
image,
caption=f"Prompt {3}, Model {1}",
use_container_width=True,
)
except:
st.image(
"error.jpg",
caption="Server error occur",
)
with cols[0]:
with st.spinner(f"Generating Image {4}..."):
try:
image_bytes = image_functions[1](prompts[0])
image = Image.open(io.BytesIO(image_bytes))
st.image(
image,
caption=f"Prompt {1}, Model {2}",
use_container_width=True,
)
except:
st.image(
"error.jpg",
caption="Server error occur",
)
with cols[1]:
with st.spinner(f"Generating Image {5}..."):
try:
image_bytes = image_functions[1](prompts[1])
image = Image.open(io.BytesIO(image_bytes))
st.image(
image,
caption=f"Prompt {2}, Model {2}",
use_container_width=True,
)
except:
st.image(
"error.jpg",
caption="Server error occur",
)
with cols[2]:
with st.spinner(f"Generating Image {6}..."):
try:
image_bytes = image_functions[1](prompts[2])
image = Image.open(io.BytesIO(image_bytes))
st.image(
image,
caption=f"Prompt {3}, Model {2}",
use_container_width=True,
)
except:
st.image(
"error.jpg",
caption="Server error occur",
)
if st.button("Clear/Regenerate"):
st.session_state.model_1 = ""
st.session_state.model_2 = ""
st.session_state.model_3 = ""
st.rerun()
# Main logic to control which page to display
if st.session_state.logged_in:
platform_page()
else:
login()
register()