Update app.py

app.py

@@ -4,10 +4,6 @@ from pingpong import PingPong
 from pingpong.gradio import GradioAlpacaChatPPManager
 
 STYLE = """
-#container-col {
-  
-}
-
 .custom-btn {
     border: none !important;
     background: none !important;
@@ -117,13 +113,14 @@ function() {
   globalThis.getStorage = (key, value)=>{
     return JSON.parse(localStorage.getItem(key));
   }
+
   var local_data = getStorage('local_data');
-  const history = [];
+  var history = [];
+
   if(local_data) {
-    console.log(local_data);
-    local_data[0].pingpongs.forEach(element => 
-      history.push([element.ping, element.pong])
-    );
+    local_data[0].pingpongs.forEach(element =>{ 
+      history.push([element.ping, element.pong]);
+    });
   }
   else {
     local_data = [
@@ -131,16 +128,14 @@ function() {
       {'ctx': '', 'pingpongs':[]},
       {'ctx': '', 'pingpongs':[]},
       {'ctx': '', 'pingpongs':[]},
-      {'ctx': '', 'pingpongs':[]},
+      {'ctx': '', 'pingpongs':[]}
     ];
-    local_data[0].pingpongs.forEach(element => 
-      history.push([element.ping, element.pong])
-    );    
+    setStorage('local_data', local_data);
   }
 
-//  if(history.length == 0) {
-//    document.querySelectorAll("#initial-popup")[0].style.display = "block"
-//  }
+  if(history.length == 0) {
+    document.querySelector("#initial-popup").classList.remove('hide');
+  }
 
   return [history, local_data];
 }
@@ -154,7 +149,7 @@ def add_pingpong(idx, ld, ping):
 
   ppm = res[idx]
   ppm.add_pingpong(PingPong(ping, "dang!!!!!!!"))
-  return ppm.build_uis(), str(res), gr.update(visible=False)
+  return "", ppm.build_uis(), str(res)
 
 def set_chatbot(btn, ld):
   choice = 0
@@ -179,6 +174,10 @@ def set_chatbot(btn, ld):
 def set_example(btn):
   return btn, gr.update(visible=False)
 
+def set_popup_visibility(ld, example_block):
+  print(ld)
+  return example_block
+
 with gr.Blocks(css=STYLE, elem_id='container-col') as block:
   idx = gr.State(0)
   local_data = gr.JSON({},visible=False)
@@ -235,9 +234,13 @@ with gr.Blocks(css=STYLE, elem_id='container-col') as block:
     )
 
   instruction_txtbox.submit(
+    lambda: gr.update(visible=False),
+    None,
+    example_block
+  ).then(
     add_pingpong,
     [idx, local_data, instruction_txtbox],
-    [chatbot, local_data, example_block]
+    [instruction_txtbox, chatbot, local_data]
   ).then(
     None, local_data, None, 
     _js="(v)=>{ setStorage('local_data',v) }"
@@ -248,6 +251,6 @@ with gr.Blocks(css=STYLE, elem_id='container-col') as block:
       inputs=None,
       outputs=[chatbot, local_data],
       _js=get_local_storage,
-  )
+  )  
 
-block.launch(debug=True)
+block.queue().launch(share=False)