|
import os, sys, json |
|
os.system("pip install gradio==3.19.1") |
|
import openai |
|
import gradio as gr |
|
|
|
from loguru import logger |
|
import paddlehub as hub |
|
import random, re |
|
from encoder import get_encoder |
|
|
|
openai.api_key = os.getenv("OPENAI_API_KEY") |
|
|
|
from utils import get_tmt_client, getTextTrans_tmt |
|
tmt_client = get_tmt_client() |
|
|
|
def getTextTrans(text, source='zh', target='en'): |
|
def is_chinese(string): |
|
for ch in string: |
|
if u'\u4e00' <= ch <= u'\u9fff': |
|
return True |
|
return False |
|
|
|
if not is_chinese(text) and target == 'en': |
|
return text |
|
|
|
try: |
|
text_translation = getTextTrans_tmt(tmt_client, text, source, target) |
|
return text_translation |
|
except Exception as e: |
|
return text |
|
|
|
start_work = """async() => { |
|
function isMobile() { |
|
try { |
|
document.createEvent("TouchEvent"); return true; |
|
} catch(e) { |
|
return false; |
|
} |
|
} |
|
function getClientHeight() |
|
{ |
|
var clientHeight=0; |
|
if(document.body.clientHeight&&document.documentElement.clientHeight) { |
|
var clientHeight = (document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight; |
|
} else { |
|
var clientHeight = (document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight; |
|
} |
|
return clientHeight; |
|
} |
|
|
|
function setNativeValue(element, value) { |
|
const valueSetter = Object.getOwnPropertyDescriptor(element.__proto__, 'value').set; |
|
const prototype = Object.getPrototypeOf(element); |
|
const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value').set; |
|
|
|
if (valueSetter && valueSetter !== prototypeValueSetter) { |
|
prototypeValueSetter.call(element, value); |
|
} else { |
|
valueSetter.call(element, value); |
|
} |
|
element.dispatchEvent(new Event('input', { bubbles: true })); |
|
} |
|
function get_clear_innerHTML(innerHTML) { |
|
innerHTML = innerHTML.replace(/<p>|<\\/p>|\\n/g, ''); |
|
regexp = /\\β
β(.*?)\\ββ
/; |
|
match = innerHTML.match(regexp); |
|
if (match) { |
|
innerHTML = match[1]; |
|
} |
|
return innerHTML; |
|
} |
|
function save_conversation(chatbot) { |
|
var conversations = new Array(); |
|
var conversations_clear = new Array(); |
|
for (var i = 0; i < chatbot.children.length; i++) { |
|
testid_icon = 'β:'; //'user' |
|
if (chatbot.children[i].dataset['testid'] == 'bot') { |
|
testid_icon = 'β:'; //'bot' |
|
} |
|
innerHTML = chatbot.children[i].innerHTML; |
|
conversations.push(testid_icon + innerHTML); |
|
if (innerHTML.indexOf("<img") == -1 && innerHTML.indexOf("null_") == -1) { |
|
conversations_clear.push(testid_icon + get_clear_innerHTML(innerHTML)); |
|
} |
|
} |
|
var json_str = JSON.stringify(conversations); |
|
setNativeValue(window['chat_his'], JSON.stringify(conversations_clear)); |
|
localStorage.setItem('chatgpt_conversations', json_str); |
|
} |
|
function img_click(img) { |
|
this_width = parseInt(img.style.width) + 20; |
|
if (this_width > 100) { |
|
this_width = 20; |
|
} |
|
img.style.width = this_width + "%"; |
|
img.style.height = img.offsetWidth + 'px'; |
|
} |
|
function load_conversation(chatbot) { |
|
var my_prompt_system_value = localStorage.getItem('my_prompt_system'); |
|
if (typeof my_prompt_system_value !== 'undefined') { |
|
setNativeValue(window['my_prompt_system'], my_prompt_system_value); |
|
} |
|
var json_str = localStorage.getItem('chatgpt_conversations'); |
|
if (json_str) { |
|
var conversations_clear = new Array(); |
|
conversations = JSON.parse(json_str); |
|
for (var i = 0; i < conversations.length; i++) { |
|
innerHTML = conversations[i]; |
|
if (innerHTML.indexOf("β:") == -1) { |
|
className = "message user svelte-134zwfa"; |
|
bgcolor = "#16a34a"; |
|
testid = "user"; |
|
testid_icon = 'β:'; //'user' |
|
} else { |
|
className = "message bot svelte-134zwfa"; |
|
bgcolor = "#2563eb"; |
|
testid = "bot"; |
|
testid_icon = 'β:'; //'bot' |
|
} |
|
var new_div = document.createElement("div"); |
|
new_div.className = className; |
|
new_div.style.backgroundColor = bgcolor; |
|
new_div.dataset.testid = testid; |
|
if (innerHTML.indexOf("data:image/jpeg") >= 0) { |
|
new_div.style.width = "20%"; |
|
new_div.style.padding = "0.2rem"; |
|
new_div.onclick = function(e) { |
|
img_click(this); |
|
} |
|
setTimeout(function(){ |
|
new_div.style.height = new_div.offsetWidth + 'px'; |
|
new_div.children[0].setAttribute('style', 'max-width: none; width:100%'); |
|
}, 10); |
|
} |
|
innerHTML = innerHTML.replace("β:", ""); |
|
innerHTML = innerHTML.replace("β:", ""); |
|
new_div.innerHTML = innerHTML; |
|
if (innerHTML.indexOf("null_") != -1) { |
|
new_div.style.display = 'none'; |
|
} |
|
chatbot.appendChild(new_div); |
|
|
|
if (innerHTML.indexOf("<img") == -1 && innerHTML.indexOf("null_") == -1) { |
|
conversations_clear.push(testid_icon + get_clear_innerHTML(innerHTML)); |
|
} |
|
} |
|
setNativeValue(window['chat_his'], JSON.stringify(conversations_clear)); |
|
setTimeout(function(){ |
|
window['chat_bot1'].children[1].scrollTop = window['chat_bot1'].children[1].scrollHeight; |
|
}, 500); |
|
} |
|
} |
|
var gradioEl = document.querySelector('body > gradio-app').shadowRoot; |
|
if (!gradioEl) { |
|
gradioEl = document.querySelector('body > gradio-app'); |
|
} |
|
|
|
if (typeof window['gradioEl'] === 'undefined') { |
|
window['gradioEl'] = gradioEl; |
|
|
|
const page1 = window['gradioEl'].querySelectorAll('#page_1')[0]; |
|
const page2 = window['gradioEl'].querySelectorAll('#page_2')[0]; |
|
|
|
page1.style.display = "none"; |
|
page2.style.display = "block"; |
|
window['div_count'] = 0; |
|
window['chat_radio_0'] = window['gradioEl'].querySelectorAll('#chat_radio')[0].querySelectorAll('input[name=radio-chat_radio]')[0]; |
|
window['chat_radio_1'] = window['gradioEl'].querySelectorAll('#chat_radio')[0].querySelectorAll('input[name=radio-chat_radio]')[1]; |
|
window['chat_bot'] = window['gradioEl'].querySelectorAll('#chat_bot')[0]; |
|
window['chat_bot1'] = window['gradioEl'].querySelectorAll('#chat_bot1')[0]; |
|
window['my_prompt'] = window['gradioEl'].querySelectorAll('#my_prompt')[0].querySelectorAll('textarea')[0]; |
|
window['my_prompt_en'] = window['gradioEl'].querySelectorAll('#my_prompt_en')[0].querySelectorAll('textarea')[0]; |
|
window['chat_his'] = window['gradioEl'].querySelectorAll('#chat_history')[0].querySelectorAll('textarea')[0]; |
|
chat_row = window['gradioEl'].querySelectorAll('#chat_row')[0]; |
|
prompt_row = window['gradioEl'].querySelectorAll('#prompt_row')[0]; |
|
window['chat_bot1'].children[1].children[0].textContent = ''; |
|
|
|
clientHeight = getClientHeight(); |
|
if (isMobile()) { |
|
output_htmls = window['gradioEl'].querySelectorAll('.output-html'); |
|
for (var i = 0; i < output_htmls.length; i++) { |
|
output_htmls[i].style.display = "none"; |
|
} |
|
new_height = (clientHeight - 250) + 'px'; |
|
} else { |
|
new_height = (clientHeight - 350) + 'px'; |
|
} |
|
chat_row.style.height = new_height; |
|
window['chat_bot'].style.height = new_height; |
|
window['chat_bot'].children[1].style.height = new_height; |
|
window['chat_bot1'].style.height = new_height; |
|
window['chat_bot1'].children[1].style.height = new_height; |
|
window['chat_bot1'].children[0].style.top = (parseInt(window['chat_bot1'].style.height)-window['chat_bot1'].children[0].offsetHeight-2) + 'px'; |
|
|
|
prompt_row.children[0].style.flex = 'auto'; |
|
prompt_row.children[0].style.width = '100%'; |
|
window['gradioEl'].querySelectorAll('#chat_radio')[0].style.flex = 'auto'; |
|
window['gradioEl'].querySelectorAll('#chat_radio')[0].style.width = '100%'; |
|
prompt_row.children[0].setAttribute('style','flex-direction: inherit; flex: 1 1 auto; width: 100%;border-color: green;border-width: 1px !important;') |
|
window['chat_bot1'].children[1].setAttribute('style', 'border-bottom-right-radius:0;top:unset;bottom:0;padding-left:0.1rem'); |
|
window['gradioEl'].querySelectorAll('#btns_row')[0].children[0].setAttribute('style', 'min-width: min(10px, 100%); flex-grow: 1'); |
|
window['gradioEl'].querySelectorAll('#btns_row')[0].children[1].setAttribute('style', 'min-width: min(10px, 100%); flex-grow: 1'); |
|
window['my_prompt_system'] = window['gradioEl'].querySelectorAll('#my_prompt_system')[0].querySelectorAll('textarea')[0]; |
|
|
|
load_conversation(window['chat_bot1'].children[1].children[0]); |
|
window['chat_bot1'].children[1].scrollTop = window['chat_bot1'].children[1].scrollHeight; |
|
|
|
window['gradioEl'].querySelectorAll('#clear-btn')[0].onclick = function(e){ |
|
if (confirm('Clear all outputs?')==true) { |
|
for (var i = window['chat_bot'].children[1].children[0].children.length-1; i >= 0; i--) { |
|
window['chat_bot'].children[1].children[0].removeChild(window['chat_bot'].children[1].children[0].children[i]); |
|
} |
|
for (var i = window['chat_bot1'].children[1].children[0].children.length-1; i >= 0; i--) { |
|
window['chat_bot1'].children[1].children[0].removeChild(window['chat_bot1'].children[1].children[0].children[i]); |
|
} |
|
window['div_count'] = 0; |
|
save_conversation(window['chat_bot1'].children[1].children[0]); |
|
} |
|
} |
|
|
|
function set_buttons(action) { |
|
window['submit-btn'].disabled = action; |
|
window['clear-btn'].disabled = action; |
|
window['chat_radio_0'].disabled = action; |
|
window['chat_radio_1'].disabled = action; |
|
btn_color = 'color:#000'; |
|
if (action) { |
|
btn_color = 'color:#ccc'; |
|
} |
|
window['submit-btn'].setAttribute('style', btn_color); |
|
window['clear-btn'].setAttribute('style', btn_color); |
|
window['chat_radio_0'].setAttribute('style', btn_color); |
|
window['chat_radio_1'].setAttribute('style', btn_color); |
|
} |
|
window['prevPrompt'] = ''; |
|
window['doCheckPrompt'] = 0; |
|
window['prevImgSrc'] = ''; |
|
window['checkChange'] = function checkChange() { |
|
try { |
|
if (window['chat_radio_0'].checked) { |
|
dot_flashing = window['chat_bot'].children[1].children[0].querySelectorAll('.dot-flashing'); |
|
|
|
if (window['chat_bot'].children[1].children[0].children.length > window['div_count'] && dot_flashing.length == 0) { |
|
new_len = window['chat_bot'].children[1].children[0].children.length - window['div_count']; |
|
for (var i = 0; i < new_len; i++) { |
|
new_div = window['chat_bot'].children[1].children[0].children[window['div_count'] + i].cloneNode(true); |
|
window['chat_bot1'].children[1].children[0].appendChild(new_div); |
|
} |
|
window['div_count'] = window['chat_bot'].children[1].children[0].children.length; |
|
window['chat_bot1'].children[1].scrollTop = window['chat_bot1'].children[1].scrollHeight; |
|
save_conversation(window['chat_bot1'].children[1].children[0]); |
|
} |
|
if (window['chat_bot'].children[0].children.length > 1) { |
|
set_buttons(true); |
|
window['chat_bot1'].children[0].textContent = window['chat_bot'].children[0].children[1].textContent; |
|
} else { |
|
set_buttons(false); |
|
window['chat_bot1'].children[0].textContent = ''; |
|
} |
|
} else { |
|
img_index = 0; |
|
draw_prompt_en = window['my_prompt_en'].value; |
|
if (window['doCheckPrompt'] == 0 && window['prevPrompt'] != draw_prompt_en) { |
|
|
|
console.log('_____draw_prompt_en___[' + draw_prompt_en + ']_'); |
|
window['doCheckPrompt'] = 1; |
|
window['prevPrompt'] = draw_prompt_en; |
|
|
|
tabitems = window['gradioEl'].querySelectorAll('.tabitem'); |
|
for (var i = 0; i < tabitems.length; i++) { |
|
inputText = tabitems[i].children[0].children[1].children[0].querySelectorAll('input')[0]; |
|
setNativeValue(inputText, draw_prompt_en); |
|
} |
|
setTimeout(function() { |
|
window['draw_prompt'] = window['my_prompt'].value; |
|
btns = window['gradioEl'].querySelectorAll('button'); |
|
for (var i = 0; i < btns.length; i++) { |
|
if (['Generate image','Run'].includes(btns[i].innerText)) { |
|
btns[i].click(); |
|
} |
|
} |
|
window['doCheckPrompt'] = 0; |
|
}, 10); |
|
} |
|
tabitems = window['gradioEl'].querySelectorAll('.tabitem'); |
|
imgs = tabitems[img_index].children[0].children[1].children[1].querySelectorAll("img"); |
|
if (imgs.length > 0) { |
|
if (window['prevImgSrc'] !== imgs[0].src) { |
|
var user_div = document.createElement("div"); |
|
user_div.className = "message user svelte-134zwfa"; |
|
user_div.style.backgroundColor = "#16a34a"; |
|
user_div.dataset.testid = 'user'; |
|
user_div.innerHTML = "<p>δ½η»: " + window['draw_prompt'] + "</p><img></img>"; |
|
window['chat_bot1'].children[1].children[0].appendChild(user_div); |
|
|
|
var bot_div = document.createElement("div"); |
|
bot_div.className = "message bot svelte-134zwfa"; |
|
bot_div.style.backgroundColor = "#2563eb"; |
|
bot_div.style.width = "20%"; |
|
bot_div.dataset.testid = 'bot'; |
|
bot_div.onclick = function(e){ |
|
img_click(this); |
|
} |
|
setTimeout(function(){ |
|
bot_div.style.height = bot_div.offsetWidth + 'px'; |
|
bot_div.children[0].setAttribute('style', 'max-width:none; width:100%'); |
|
}, 10); |
|
bot_div.style.padding = "0.2rem"; |
|
bot_div.appendChild(imgs[0].cloneNode(true)); |
|
window['chat_bot1'].children[1].children[0].appendChild(bot_div); |
|
|
|
window['chat_bot1'].children[1].scrollTop = window['chat_bot1'].children[1].scrollHeight; |
|
window['prevImgSrc'] = imgs[0].src; |
|
save_conversation(window['chat_bot1'].children[1].children[0]); |
|
} |
|
} |
|
if (tabitems[img_index].children[0].children[1].children[1].children[0].children.length > 1) { |
|
tips = tabitems[img_index].children[0].children[1].children[1].children[0].textContent; |
|
if (tips.indexOf("Error") == -1) { |
|
set_buttons(true); |
|
} else { |
|
set_buttons(false); |
|
} |
|
window['chat_bot1'].children[0].textContent = 'δ½η»δΈ ' + tips; |
|
} else { |
|
set_buttons(false); |
|
window['chat_bot1'].children[0].textContent = ''; |
|
} |
|
} |
|
localStorage.setItem('my_prompt_system', window['my_prompt_system'].value); |
|
} catch(e) { |
|
} |
|
} |
|
window['checkChange_interval'] = window.setInterval("window.checkChange()", 500); |
|
} |
|
|
|
return false; |
|
}""" |
|
|
|
space_ids = { |
|
"spaces/stabilityai/stable-diffusion":"Stable Diffusion 2.1", |
|
|
|
|
|
} |
|
|
|
tab_actions = [] |
|
tab_titles = [] |
|
|
|
for space_id in space_ids.keys(): |
|
print(space_id, space_ids[space_id]) |
|
try: |
|
tab = gr.Interface.load(space_id) |
|
tab_actions.append(tab) |
|
tab_titles.append(space_ids[space_id]) |
|
except Exception as e: |
|
logger.info(f"load_fail__{space_id}_{e}") |
|
|
|
token_encoder = get_encoder() |
|
total_tokens = 4096 |
|
max_output_tokens = 1024 |
|
max_input_tokens = total_tokens - max_output_tokens |
|
|
|
def set_openai_api_key(api_key): |
|
if api_key and api_key.startswith("sk-") and len(api_key) > 50: |
|
openai.api_key = api_key |
|
|
|
def get_response_from_openai(input, prompt_system, chat_history, model_radio, temperature=0.0): |
|
error_1 = 'You exceeded your current quota, please check your plan and billing details.' |
|
def openai_create(input_list, prompt_system, model_radio): |
|
try: |
|
input_list_len = len(input_list) |
|
out_prompt = '' |
|
messages = [] |
|
prompt_system_token = prompt_system |
|
if model_radio in ['GPT-3.0']: |
|
out_prompt += 'AI:' |
|
if prompt_system != '': |
|
prompt_system_token = f'Human:{prompt_system}' |
|
for i in range(input_list_len): |
|
input = input_list[input_list_len-i-1].replace("<br>", '\n\n') |
|
if input.startswith("Openai said:"): |
|
input = "β:" |
|
if input.startswith("β:"): |
|
if model_radio in ['GPT-3.0']: |
|
out_prompt = input.replace("β:", "AI:") + '\n' + out_prompt |
|
else: |
|
out_prompt = input.replace("β:", "") + out_prompt |
|
messages.insert(0, {"role": "assistant", "content": input.replace("β:", "")}) |
|
elif input.startswith("β:"): |
|
if model_radio in ['GPT-3.0']: |
|
out_prompt = input.replace("β:", "Human:") + '\n' + out_prompt |
|
else: |
|
out_prompt = input.replace("β:", "") + out_prompt |
|
messages.insert(0, {"role": "user", "content": input.replace("β:", "")}) |
|
tokens = token_encoder.encode(out_prompt + prompt_system_token) |
|
if model_radio in ['GPT-4.0']: |
|
if len(tokens) > max_input_tokens + total_tokens: |
|
break |
|
else: |
|
if len(tokens) > max_input_tokens: |
|
break |
|
|
|
if prompt_system != '': |
|
if model_radio in ['GPT-3.0']: |
|
out_prompt = prompt_system_token + out_prompt |
|
else: |
|
out_prompt += prompt_system |
|
messages.insert(0, {"role": "system", "content": prompt_system}) |
|
|
|
if model_radio in ['GPT-3.0']: |
|
print(f'response_3.0_out_prompt__:{out_prompt}') |
|
response = openai.Completion.create( |
|
model="text-davinci-003", |
|
prompt=out_prompt, |
|
temperature=temperature, |
|
max_tokens=max_output_tokens, |
|
top_p=1, |
|
frequency_penalty=0, |
|
presence_penalty=0, |
|
stop=[" Human:", " AI:"] |
|
) |
|
print(f'response_3.0_response__:{response}') |
|
ret = response.choices[0].text |
|
else: |
|
print(f'response_{model_radio}_messages__:{messages}') |
|
if model_radio in ['GPT-3.5']: |
|
model_name = "gpt-3.5-turbo" |
|
else: |
|
model_name = "gpt-4" |
|
response = openai.ChatCompletion.create( |
|
model=model_name, |
|
messages=messages, |
|
temperature=temperature, |
|
max_tokens=max_output_tokens, |
|
top_p=1, |
|
frequency_penalty=0, |
|
presence_penalty=0, |
|
stop=[" Human:", " AI:"] |
|
) |
|
print(f'response_{model_radio}_response__:{response}') |
|
ret = response.choices[0].message['content'] |
|
|
|
if ret.startswith("\n\n"): |
|
ret = ret.replace("\n\n", '') |
|
ret = ret.replace('\n', '<br>') |
|
ret = re.sub(r"```(.*?)```", r"<pre style='background-color: #ddd;margin-left:20px;padding-left:10px;'>\1</pre>", ret) |
|
ret = re.sub(r"<pre style='background-color: #ddd;margin-left:20px;padding-left:10px;'>(.*?)</pre>", lambda m: "<pre style='background-color: #ddd; color:#000; margin-left:20px;padding-left:10px;'>" + m.group(1).replace('<br>', '\n') + '</pre>', ret) |
|
|
|
if ret == '': |
|
ret = f"Openai said: I'm too tired." |
|
return ret, response.usage |
|
except Exception as e: |
|
logger.info(f"openai_create_error__{e}") |
|
ret = f"Openai said: {e} Perhaps enter your OpenAI API key." |
|
return ret, {"completion_tokens": -1, "prompt_tokens": -1, "total_tokens": -1} |
|
|
|
|
|
chat_history_list = [] |
|
chat_history = chat_history.replace("<p>", "").replace("</p>", "") |
|
if chat_history != '': |
|
chat_history_list = json.loads(chat_history) |
|
chat_history_list.append(f'β:{input}') |
|
|
|
output, response_usage = openai_create(chat_history_list, prompt_system, model_radio) |
|
logger.info(f'response_usage={response_usage}') |
|
return output |
|
|
|
def chat(input0, input1, prompt_system, chat_radio, model_radio, all_chat_history, chat_history): |
|
all_chat = [] |
|
if all_chat_history != '': |
|
all_chat = json.loads(all_chat_history) |
|
|
|
if len(input0) == 0: |
|
return all_chat, json.dumps(all_chat), input0, input1 |
|
|
|
if chat_radio == "Talk to chatGPT": |
|
response = get_response_from_openai(input0, prompt_system, chat_history, model_radio) |
|
all_chat.append((input0, response)) |
|
return all_chat, json.dumps(all_chat), '', input1 |
|
else: |
|
prompt_en = getTextTrans(input0, source='zh', target='en') + f',{random.randint(0,sys.maxsize)}' |
|
return all_chat, json.dumps(all_chat), input0, prompt_en |
|
|
|
def chat_radio_change(chat_radio): |
|
if chat_radio == "Talk to chatGPT": |
|
return gr.Radio.update(visible=True), gr.Text.update(visible=True), gr.Textbox.update(visible=True) |
|
else: |
|
return gr.Radio.update(visible=False), gr.Text.update(visible=False), gr.Textbox.update(visible=False) |
|
|
|
with gr.Blocks(title='Talk to chatGPT') as demo: |
|
with gr.Row(elem_id="page_0", visible=False) as page_0: |
|
gr.HTML("<p>You can duplicating this space and use your own session token: <a style='display:inline-block' href='https://huggingface.co/spaces/yizhangliu/chatGPT?duplicate=true'><img src='https://img.shields.io/badge/-Duplicate%20Space-blue?labelColor=white&style=flat&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAP5JREFUOE+lk7FqAkEURY+ltunEgFXS2sZGIbXfEPdLlnxJyDdYB62sbbUKpLbVNhyYFzbrrA74YJlh9r079973psed0cvUD4A+4HoCjsA85X0Dfn/RBLBgBDxnQPfAEJgBY+A9gALA4tcbamSzS4xq4FOQAJgCDwV2CPKV8tZAJcAjMMkUe1vX+U+SMhfAJEHasQIWmXNN3abzDwHUrgcRGmYcgKe0bxrblHEB4E/pndMazNpSZGcsZdBlYJcEL9Afo75molJyM2FxmPgmgPqlWNLGfwZGG6UiyEvLzHYDmoPkDDiNm9JR9uboiONcBXrpY1qmgs21x1QwyZcpvxt9NS09PlsPAAAAAElFTkSuQmCC&logoWidth=14' alt='Duplicate Space'></a></p>") |
|
with gr.Group(elem_id="page_1", visible=True) as page_1: |
|
with gr.Box(): |
|
with gr.Row(): |
|
start_button = gr.Button("Let's talk to chatGPT!", elem_id="start-btn", visible=True) |
|
start_button.click(fn=None, inputs=[], outputs=[], _js=start_work) |
|
with gr.Row(elem_id="page_2", visible=False) as page_2: |
|
with gr.Row(elem_id="chat_row"): |
|
chatbot = gr.Chatbot(elem_id="chat_bot", visible=False).style(color_map=("green", "blue")) |
|
chatbot1 = gr.Chatbot(elem_id="chat_bot1").style(color_map=("green", "blue")) |
|
with gr.Row(elem_id="system_prompt_row"): |
|
prompt_system = gr.Textbox(lines=2, label="system prompt:", elem_id="my_prompt_system", visible=True, show_label=True) |
|
with gr.Row(elem_id="prompt_row"): |
|
prompt_input0 = gr.Textbox(lines=2, label="input", elem_id="my_prompt", show_label=True) |
|
prompt_input1 = gr.Textbox(lines=4, label="prompt", elem_id="my_prompt_en", visible=False) |
|
chat_history = gr.Textbox(lines=4, label="chat_history", elem_id="chat_history", visible=False) |
|
all_chat_history = gr.Textbox(lines=4, label="contexts:", elem_id="all_chat_history", visible=False) |
|
|
|
chat_radio = gr.Radio(["Talk to chatGPT", "Text to Image"], elem_id="chat_radio",value="Talk to chatGPT", show_label=False, visible=True) |
|
model_radio = gr.Radio(["GPT-3.0", "GPT-3.5", "GPT-4.0"], elem_id="model_radio", value="GPT-3.5", |
|
label='GPT model: ', show_label=True,interactive=True, visible=True) |
|
openai_api_key_textbox = gr.Textbox(placeholder="Paste your OpenAI API key (sk-...) and hit Enter", |
|
show_label=False, lines=1, type='password') |
|
with gr.Row(elem_id="btns_row"): |
|
with gr.Column(id="submit_col"): |
|
submit_btn = gr.Button(value = "submit",elem_id="submit-btn").style( |
|
margin=True, |
|
rounded=(True, True, True, True), |
|
width=100 |
|
) |
|
with gr.Column(id="clear_col"): |
|
clear_btn = gr.Button(value = "clear outputs", elem_id="clear-btn").style( |
|
margin=True, |
|
rounded=(True, True, True, True), |
|
width=100 |
|
) |
|
|
|
with gr.Row(elem_id='tab_img', visible=False).style(height=5): |
|
tab_img = gr.TabbedInterface(tab_actions, tab_titles) |
|
|
|
submit_btn.click(fn=chat, |
|
inputs=[prompt_input0, prompt_input1, prompt_system, chat_radio, model_radio, all_chat_history, chat_history], |
|
outputs=[chatbot, all_chat_history, prompt_input0, prompt_input1], |
|
) |
|
openai_api_key_textbox.change(set_openai_api_key, |
|
inputs=[openai_api_key_textbox], |
|
outputs=[]) |
|
openai_api_key_textbox.submit(set_openai_api_key, |
|
inputs=[openai_api_key_textbox], |
|
outputs=[]) |
|
chat_radio.change(fn=chat_radio_change, |
|
inputs=[chat_radio], |
|
outputs=[model_radio, openai_api_key_textbox, prompt_system], |
|
) |
|
|
|
demo.launch(server_name='0.0.0.0', debug = True) |
|
|