Update app.py

app.py

@@ -31,104 +31,12 @@ def chat(message, chat_history):
     logger.info(f"out_chat_: {len(out_chat)}")
     return out_chat, chat_history
 
-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);
-      }
-    }
-    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();
-        new_height = (clientHeight-300) + '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['checkChange'] = function checkChange() {
-            try {
-                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;
-                }
-                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 = '';
-                }
-              
-            } catch(e) {
-            }        
-        }
-        window['checkChange_interval'] = window.setInterval("window.checkChange()", 500);         
-    }
-   
-    return false;
-}"""
 
 
 with gr.Blocks(title='Talk to chatGPT') as demo:
     gr.Markdown("## Talk to chatGPT with your voice in your native language ! ##")
-    gr.HTML("<p>You can duplicate 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>")
-    gr.HTML("<p> Instruction on how to get session token can be seen in video <a style='display:inline-block' href='https://www.youtube.com/watch?v=TdNSj_qgdFk'><font style='color:blue;weight:bold;'>here</font></a>. Add your session token by going to settings and add under secrets. </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.Group(elem_id="page_2", visible=False) as page_2:        
+    
+    with gr.Group(elem_id="page_2") 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"))