Duplicate from Eriberto/chatGPT

Co-authored-by: Do Nascimento <Eriberto@users.noreply.huggingface.co>

.gitattributes

@@ -0,0 +1,34 @@
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text

README.md

@@ -0,0 +1,13 @@
+---
+title: ChatGPT
+emoji: 📊
+colorFrom: blue
+colorTo: blue
+sdk: gradio
+sdk_version: 3.12.0
+app_file: app.py
+pinned: false
+duplicated_from: Eriberto/chatGPT
+---
+
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app.py

@@ -0,0 +1,307 @@
+import openai
+import gradio as gr
+import os, sys, json
+from loguru import logger
+import random
+
+openai.api_key = os.environ.get('SessionToken')     
+logger.info(f"session_token_: {openai.api_key}")
+
+conversation = ""
+user_name = "MH"
+bot_name = "bbDemo"
+
+def get_response_from_chatgpt(text):
+    #try:
+    response_api = openai.Completion.create(engine='text-davinci-003', prompt=str(text), max_tokens=50)
+    response_str = response_api["choices"][0]["text"].replace("\n", "")
+    response_str = response_str.split(user_name + ": ", 1)[0].split(bot_name + ": ", 1)[0]
+    print("RESPONSE response_api", response_api)
+    print("RESPONSE response_str ", response_str)
+    response = response_str
+    logger.info(f"Response: [{response_api}]")
+    logger.info(f"conversation_id_: [{response}]")  
+    #except:
+      #response = "I'm so tired. Let me lie down for a few days."
+    return response
+
+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);
+      }
+    }
+    function save_conversation(chatbot) {        
+        var conversations = new Array();
+        for (var i = 0; i < chatbot.children.length; i++) {
+            conversations[i] = chatbot.children[i].innerHTML;
+        }
+        var json_str = JSON.stringify(conversations);
+        localStorage.setItem('chatgpt_conversations', json_str);
+    }
+    function load_conversation(chatbot) {
+        var json_str = localStorage.getItem('chatgpt_conversations');
+        if (json_str) {
+            conversations = JSON.parse(json_str);
+            for (var i = 0; i < conversations.length; i++) {
+                var new_div = document.createElement("div");
+                if((i%2)===0){
+                    new_div.className = "px-3 py-2 rounded-[22px] rounded-br-none text-white text-sm chat-message svelte-rct66g";
+                    new_div.style.backgroundColor = "#16a34a"; 
+                } else {
+                    new_div.className = "px-3 py-2 rounded-[22px] rounded-bl-none place-self-start text-white text-sm chat-message svelte-rct66g";
+                    new_div.style.backgroundColor = "#2563eb"; 
+                    if (conversations[i].indexOf("<img ") == 0) { 
+                        new_div.style.width = "80%"; 
+                        new_div.style.padding = "0.2rem"; 
+                    }                
+                }
+                new_div.innerHTML = conversations[i];
+                chatbot.appendChild(new_div);
+            }
+        }
+    }
+    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_bot'] = window['gradioEl'].querySelectorAll('#chat_bot')[0];
+        window['chat_bot1'] = window['gradioEl'].querySelectorAll('#chat_bot1')[0];   
+        chat_row = window['gradioEl'].querySelectorAll('#chat_row')[0]; 
+        prompt_row = window['gradioEl'].querySelectorAll('#prompt_row')[0]; 
+        window['chat_bot1'].children[1].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[2].style.height = new_height;
+        window['chat_bot1'].style.height = new_height;
+        window['chat_bot1'].children[2].style.height = new_height;
+        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');
+        
+        load_conversation(window['chat_bot1'].children[2].children[0]);
+        window['chat_bot1'].children[2].scrollTop = window['chat_bot1'].children[2].scrollHeight;
+        
+        window['gradioEl'].querySelectorAll('#clear-btn')[0].onclick = function(e){
+            if (confirm('Clear all outputs?')==true) {
+                 window['chat_bot1'].children[2].children[0].innerHTML = '';
+                 save_conversation(window['chat_bot1'].children[2].children[0]);
+            }
+        }
+ 
+        window['prevPrompt'] = '';
+        window['doCheckPrompt'] = 0;
+        window['prevImgSrc'] = '';
+        window['checkChange'] = function checkChange() {
+            try {
+                if (window['gradioEl'].querySelectorAll('.gr-radio')[0].checked) {
+                    if (window['chat_bot'].children[2].children[0].children.length > window['div_count']) {
+                        new_len = window['chat_bot'].children[2].children[0].children.length - window['div_count'];
+                        for (var i = 0; i < new_len; i++) { 
+                            new_div = window['chat_bot'].children[2].children[0].children[window['div_count'] + i].cloneNode(true);
+                            window['chat_bot1'].children[2].children[0].appendChild(new_div);
+                        }
+                        window['div_count'] = chat_bot.children[2].children[0].children.length;
+                        window['chat_bot1'].children[2].scrollTop = window['chat_bot1'].children[2].scrollHeight;
+                        save_conversation(window['chat_bot1'].children[2].children[0]);
+                    }
+                    if (window['chat_bot'].children[0].children.length > 1) {
+                        window['chat_bot1'].children[1].textContent = window['chat_bot'].children[0].children[1].textContent;
+                    } else {
+                        window['chat_bot1'].children[1].textContent = '';
+                    }
+                } else {
+                    texts = window['gradioEl'].querySelectorAll('textarea');
+                    text0 = texts[0];    
+                    text1 = texts[1];
+                    img_index = 0;
+                    text_value = text1.value;
+                    if (window['doCheckPrompt'] === 0 && window['prevPrompt'] !== text_value) {
+                            console.log('_____new prompt___[' + text_value + ']_');
+                            window['doCheckPrompt'] = 1;
+                            window['prevPrompt'] = text_value;
+ 
+                            tabitems = window['gradioEl'].querySelectorAll('.tabitem');
+                            for (var i = 0; i < tabitems.length; i++) {   
+                                inputText = tabitems[i].children[0].children[1].children[0].querySelectorAll('.gr-text-input')[0];
+                                setNativeValue(inputText, text_value);
+                                inputText.dispatchEvent(new Event('input', { bubbles: true }));
+                            }                            
+                            setTimeout(function() {
+                                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 = "px-3 py-2 rounded-[22px] rounded-br-none text-white text-sm chat-message svelte-rct66g";
+                            user_div.style.backgroundColor = "#16a34a"; 
+                            user_div.innerHTML = "<p>" + text0.value + "</p>";
+                            window['chat_bot1'].children[2].children[0].appendChild(user_div);
+                            var bot_div = document.createElement("div");
+                            bot_div.className = "px-3 py-2 rounded-[22px] rounded-bl-none place-self-start text-white text-sm chat-message svelte-rct66g";
+                            bot_div.style.backgroundColor = "#2563eb"; 
+                            bot_div.style.width = "80%"; 
+                            bot_div.style.padding = "0.2rem"; 
+                            bot_div.appendChild(imgs[0].cloneNode(true));
+                            window['chat_bot1'].children[2].children[0].appendChild(bot_div);
+                            
+                            window['chat_bot1'].children[2].scrollTop = window['chat_bot1'].children[2].scrollHeight;
+                            window['prevImgSrc'] = imgs[0].src;
+                            save_conversation(window['chat_bot1'].children[2].children[0]);
+                        }
+                    }
+                    if (tabitems[img_index].children[0].children[1].children[1].children[0].children.length > 1) {
+                        window['chat_bot1'].children[1].textContent = tabitems[img_index].children[0].children[1].children[1].children[0].textContent;
+                    } else {
+                        window['chat_bot1'].children[1].textContent = '';
+                    }                              
+                }
+              
+            } 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}")
+        
+def chat(input0, input1, chat_radio, chat_history):
+    out_chat = []
+    if chat_history != '':
+        out_chat = json.loads(chat_history)
+    #if chat_radio == "Talk to chatGPT":
+    response = get_response_from_chatgpt(input0)
+    out_chat.append((input0, response))
+    chat_history = json.dumps(out_chat)
+
+    logger.info(f"out_chat_input0 and input1 {input0} --  {input1}")
+    logger.info(f"chat history {chat_history}")
+    return out_chat, input1, chat_history
+
+article = """
+    <div class="footer">
+        <p><a href="https://chat.openai.com/chat" target="_blank">chatGPT</a> 
+        by <a href="https://openai.com/" style="text-decoration: underline;" target="_blank">OpenAI</a> - 
+        Gradio Demo by 🤗 <a href="https://www.bb.com.br/site/#/" target="_blank">Eriberto Oliveira & Gustavo Botelho & Joel</a>
+        </p>
+    </div>
+"""
+
+with gr.Blocks(title='Talk to chatGPT') as demo:
+    gr.HTML("<p> Essa é uma demonstração do model GPT-3 aplicado no context de chatbot. </p>")
+    gr.HTML("<p> Faça perguntas e se surprenda com as respostas </p>")
+    with gr.Group(elem_id="page_1", visible=True) as page_1:
+        with gr.Box():            
+            with gr.Row():
+                start_button = gr.Button("Click aqui para conversar!!", elem_id="start-btn", visible=True) 
+                start_button.click(fn=None, inputs=[], outputs=[], _js=start_work)
+                
+    with gr.Group(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="prompt_row"):
+            prompt_input0 = gr.Textbox(lines=2, label="prompt",show_label=False)
+            prompt_input1 = gr.Textbox(lines=4, label="prompt", visible=False)
+            chat_history = gr.Textbox(lines=4, label="prompt", visible=False)
+            chat_radio = gr.Radio(["Talk to chatGPT", "Text to Image"], elem_id="chat_radio",value="Talk to chatGPT", show_label=False)
+        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
+                    )
+
+            submit_btn.click(fn=chat, 
+                             inputs=[prompt_input0, prompt_input1, chat_radio, chat_history], 
+                             outputs=[chatbot, prompt_input1, chat_history],
+                            )
+        with gr.Row(elem_id='tab_img', visible=False).style(height=5):
+           tab_img = gr.TabbedInterface(tab_actions, tab_titles) 
+    
+    gr.HTML(article)
+demo.launch(debug = True)
+

requirements.txt

@@ -0,0 +1,6 @@
+openai
+pyChatGPT
+loguru
+paddlepaddle==2.3.2
+paddlehub
+PyVirtualDisplay