app.py

import gradio as gr
import requests
import io
import random
import os
from PIL import Image

# List of available models
list_models = [
    "PixelCraft"
]
HF_READ_TOKEN = os.getenv("HF_READ_TOKEN") # it is free #it is free https://huggingface.co/settings/tokens
# Function to generate images from text
def generate_txt2img(current_model, prompt, is_negative=False, image_style="None style", steps=50, cfg_scale=7, seed=None):
   API_URL = "https://api-inference.huggingface.co/models/OEvortex/HelpingAI-PixelCraft"
   headers = {"Authorization": f"Bearer {HF_READ_TOKEN}"}
   base_payload = {
       "inputs": prompt,
       "is_negative": is_negative,
       "steps": steps,
       "cfg_scale": cfg_scale,
       "seed": seed if seed is not None else random.randint(-1, 2147483647)
   }

   if image_style == "None style":
       base_payload["inputs"] += ", 8k"
   elif image_style == "Cinematic":
       base_payload["inputs"] += ", realistic, detailed, textured, skin, hair, eyes, by Alex Huguet, Mike Hill, Ian Spriggs, JaeCheol Park, Marek Denko"
       base_payload["is_negative"] += ", abstract, cartoon, stylized"
   elif image_style == "Digital Art":
       base_payload["inputs"] += ", faded , vintage , nostalgic , by Jose Villa , Elizabeth Messina , Ryan Brenizer , Jonas Peterson , Jasmine Star"
       base_payload["is_negative"] += ", sharp , modern , bright"
   elif image_style == "Portrait":
       base_payload["inputs"] += ", soft light, sharp, exposure blend, medium shot, bokeh, (hdr:1.4), high contrast, (cinematic, teal and orange:0.85), (muted colors, dim colors, soothing tones:1.3), low saturation, (hyperdetailed:1.2), (noir:0.4), (natural skin texture, hyperrealism, soft light, sharp:1.2)"

   image_bytes = requests.post(API_URL, headers=headers, json=base_payload).content
   image = Image.open(io.BytesIO(image_bytes))
   return image

css = """
/* General Container Styles */
.gradio-container {
    font-family: 'IBM Plex Sans', sans-serif;
    max-width: 730px !important;
    margin: auto;
    padding-top: 1.5rem;
    text-align: center; /* Center the content horizontally */
}
/* Button Styles */
.gr-button {
    color: white;
    background: #007bff; /* Use a primary color for the background */
    white-space: nowrap;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}
.gr-button:hover {
    background-color: #0056b3; /* Darken the background color on hover */
}
/* Share Button Styles */
#share-btn-container {
    padding: 0.5rem !important;
    background-color: #007bff; /* Use a primary color for the background */
    justify-content: center;
    align-items: center;
    border-radius: 9999px !important;
    max-width: 13rem;
    margin: 0 auto; /* Center the container horizontally */
    transition: background-color 0.3s;
}
#share-btn-container:hover {
    background-color: #0056b3; /* Darken the background color on hover */
}
#share-btn {
    all: initial;
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    font-family: 'IBM Plex Sans', sans-serif;
    margin: 0.5rem !important;
    padding: 0.5rem !important;
}
/* Other Styles */
#gallery {
    min-height: 22rem;
    margin: auto; /* Center the gallery horizontally */
    border-bottom-right-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}
/* Centered Container for the Image */
.image-container {
    max-width: 100%; /* Set the maximum width for the container */
    margin: auto; /* Center the container horizontally */
    padding: 20px; /* Add padding for spacing */
    border: 1px solid #ccc; /* Add a subtle border to the container */
    border-radius: 10px;
    overflow: hidden; /* Hide overflow if the image is larger */
    max-height: 22rem; /* Set a maximum height for the container */
}
/* Set a fixed size for the image */
.image-container img {
    max-width: 100%; /* Ensure the image fills the container */
    height: auto; /* Maintain aspect ratio */
    max-height: 100%; /* Set a maximum height for the image */
    border-radius: 10px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
"""

# Creating Gradio interface
with gr.Blocks(css=css) as demo:
    
    with gr.Row():
        with gr.Column():
            gr.Markdown("<h1>PixelCraft</h1>")
            current_model = gr.Dropdown(label="Select Model", choices=list_models, value=list_models[0])
            text_prompt = gr.Textbox(label="Enter Prompt", placeholder="Example: a cute dog", lines=2)
            generate_button = gr.Button("Generate Image", variant='primary')

        with gr.Column():
            gr.Markdown("<h4>Advanced Settings</h4>")
            with gr.Accordion("Advanced Customizations", open=False):
                negative_prompt = gr.Textbox(label="Negative Prompt (Optional)", placeholder="Example: blurry, unfocused", lines=2)
                image_style = gr.Dropdown(label="Select Style", choices=["None style", "Cinematic", "Digital Art", "Portrait"], value="None style")
                # Add more options if needed

    with gr.Row():
        image_output = gr.Image(type="pil", label="Output Image")

    generate_button.click(generate_txt2img, inputs=[current_model, text_prompt, negative_prompt, image_style], outputs=image_output)

# Launch the app
demo.launch()