|
import os |
|
import time |
|
from typing import List, Tuple, Optional |
|
|
|
import google.generativeai as genai |
|
import gradio as gr |
|
from PIL import Image |
|
|
|
print("google-generativeai:", genai.__version__) |
|
|
|
GOOGLE_API_KEY = os.environ.get("GOOGLE_API_KEY") |
|
|
|
TITLE = """<h1 align="center">Gemini Playground 😎</h1>""" |
|
SUBTITLE = """<h2 align="center">Play with Gemini Pro and Gemini Pro Vision API 🖇️</h2>""" |
|
DUPLICATE = """ |
|
<div style="text-align: center; display: flex; justify-content: center; align-items: center;"> |
|
<a href="https://huggingface.co/spaces/SkalskiP/ChatGemini?duplicate=true"> |
|
<img src="https://bit.ly/3gLdBN6" alt="Duplicate Space" style="margin-right: 10px;"> |
|
</a> |
|
<span>Duplicate the Space and run securely with your |
|
<a href="https://makersuite.google.com/app/apikey">GOOGLE API KEY</a>. |
|
</span> |
|
</div> |
|
""" |
|
|
|
|
|
IMAGE_WIDTH = 512 |
|
|
|
|
|
def preprocess_stop_sequences(stop_sequences: str) -> Optional[List[str]]: |
|
if not stop_sequences: |
|
return None |
|
return [sequence.strip() for sequence in stop_sequences.split(",")] |
|
|
|
|
|
def preprocess_image(image: Image.Image) -> Optional[Image.Image]: |
|
image_height = int(image.height * IMAGE_WIDTH / image.width) |
|
return image.resize((IMAGE_WIDTH, image_height)) |
|
|
|
|
|
def user(text_prompt: str, chatbot: List[Tuple[str, str]]): |
|
return "", chatbot + [[text_prompt, None]] |
|
|
|
|
|
def bot( |
|
google_key: str, |
|
image_prompt: Optional[Image.Image], |
|
temperature: float, |
|
max_output_tokens: int, |
|
stop_sequences: str, |
|
top_k: int, |
|
top_p: float, |
|
chatbot: List[Tuple[str, str]] |
|
): |
|
google_key = google_key if google_key else GOOGLE_API_KEY |
|
if not google_key: |
|
raise ValueError( |
|
"GOOGLE_API_KEY is not set. " |
|
"Please follow the instructions in the README to set it up.") |
|
|
|
text_prompt = chatbot[-1][0] |
|
genai.configure(api_key=google_key) |
|
generation_config = genai.types.GenerationConfig( |
|
temperature=temperature, |
|
max_output_tokens=max_output_tokens, |
|
stop_sequences=preprocess_stop_sequences(stop_sequences=stop_sequences), |
|
top_k=top_k, |
|
top_p=top_p) |
|
|
|
if image_prompt is None: |
|
model = genai.GenerativeModel('gemini-pro') |
|
response = model.generate_content( |
|
text_prompt, |
|
stream=True, |
|
generation_config=generation_config) |
|
response.resolve() |
|
else: |
|
image_prompt = preprocess_image(image_prompt) |
|
model = genai.GenerativeModel('gemini-pro-vision') |
|
response = model.generate_content( |
|
contents=[text_prompt, image_prompt], |
|
stream=True, |
|
generation_config=generation_config) |
|
response.resolve() |
|
|
|
|
|
chatbot[-1][1] = "" |
|
for chunk in response: |
|
for i in range(0, len(chunk.text), 10): |
|
section = chunk.text[i:i + 10] |
|
chatbot[-1][1] += section |
|
time.sleep(0.01) |
|
yield chatbot |
|
|
|
|
|
google_key_component = gr.Textbox( |
|
label="GOOGLE API KEY", |
|
value="", |
|
type="password", |
|
placeholder="...", |
|
info="You have to provide your own GOOGLE_API_KEY for this app to function properly", |
|
visible=GOOGLE_API_KEY is None |
|
) |
|
|
|
image_prompt_component = gr.Image(type="pil", label="Image", scale=1) |
|
chatbot_component = gr.Chatbot( |
|
label='Gemini', |
|
bubble_full_width=False, |
|
scale=2 |
|
) |
|
text_prompt_component = gr.Textbox( |
|
placeholder="Hi there!", |
|
label="Ask me anything and press Enter" |
|
) |
|
run_button_component = gr.Button() |
|
temperature_component = gr.Slider( |
|
minimum=0, |
|
maximum=1.0, |
|
value=0.4, |
|
step=0.05, |
|
label="Temperature", |
|
info=( |
|
"Temperature controls the degree of randomness in token selection. Lower " |
|
"temperatures are good for prompts that expect a true or correct response, " |
|
"while higher temperatures can lead to more diverse or unexpected results. " |
|
)) |
|
max_output_tokens_component = gr.Slider( |
|
minimum=1, |
|
maximum=2048, |
|
value=1024, |
|
step=1, |
|
label="Token limit", |
|
info=( |
|
"Token limit determines the maximum amount of text output from one prompt. A " |
|
"token is approximately four characters. The default value is 2048." |
|
)) |
|
stop_sequences_component = gr.Textbox( |
|
label="Add stop sequence", |
|
value="", |
|
type="text", |
|
placeholder="STOP, END", |
|
info=( |
|
"A stop sequence is a series of characters (including spaces) that stops " |
|
"response generation if the model encounters it. The sequence is not included " |
|
"as part of the response. You can add up to five stop sequences." |
|
)) |
|
top_k_component = gr.Slider( |
|
minimum=1, |
|
maximum=40, |
|
value=32, |
|
step=1, |
|
label="Top-K", |
|
info=( |
|
"Top-k changes how the model selects tokens for output. A top-k of 1 means the " |
|
"selected token is the most probable among all tokens in the model’s " |
|
"vocabulary (also called greedy decoding), while a top-k of 3 means that the " |
|
"next token is selected from among the 3 most probable tokens (using " |
|
"temperature)." |
|
)) |
|
top_p_component = gr.Slider( |
|
minimum=0, |
|
maximum=1, |
|
value=1, |
|
step=0.01, |
|
label="Top-P", |
|
info=( |
|
"Top-p changes how the model selects tokens for output. Tokens are selected " |
|
"from most probable to least until the sum of their probabilities equals the " |
|
"top-p value. For example, if tokens A, B, and C have a probability of .3, .2, " |
|
"and .1 and the top-p value is .5, then the model will select either A or B as " |
|
"the next token (using temperature). " |
|
)) |
|
|
|
user_inputs = [ |
|
text_prompt_component, |
|
chatbot_component |
|
] |
|
|
|
bot_inputs = [ |
|
google_key_component, |
|
image_prompt_component, |
|
temperature_component, |
|
max_output_tokens_component, |
|
stop_sequences_component, |
|
top_k_component, |
|
top_p_component, |
|
chatbot_component |
|
] |
|
|
|
with gr.Blocks() as demo: |
|
gr.HTML(TITLE) |
|
gr.HTML(SUBTITLE) |
|
gr.HTML(DUPLICATE) |
|
with gr.Column(): |
|
google_key_component.render() |
|
with gr.Row(): |
|
image_prompt_component.render() |
|
chatbot_component.render() |
|
text_prompt_component.render() |
|
run_button_component.render() |
|
with gr.Accordion("Parameters", open=False): |
|
temperature_component.render() |
|
max_output_tokens_component.render() |
|
stop_sequences_component.render() |
|
with gr.Accordion("Advanced", open=False): |
|
top_k_component.render() |
|
top_p_component.render() |
|
|
|
run_button_component.click( |
|
fn=user, |
|
inputs=user_inputs, |
|
outputs=[text_prompt_component, chatbot_component], |
|
queue=False |
|
).then( |
|
fn=bot, inputs=bot_inputs, outputs=[chatbot_component], |
|
) |
|
|
|
text_prompt_component.submit( |
|
fn=user, |
|
inputs=user_inputs, |
|
outputs=[text_prompt_component, chatbot_component], |
|
queue=False |
|
).then( |
|
fn=bot, inputs=bot_inputs, outputs=[chatbot_component], |
|
) |
|
|
|
demo.queue(max_size=99).launch(debug=False, show_error=True) |
|
|
