Update interfaces and add examples

app.py

@@ -121,7 +121,8 @@ def config():
     load_dotenv()
 
 def call_gpt(paragraph, trigger):
-    openai.api_key = os.environ.get("GPT_API")
+    # openai.api_key = os.environ.get("GPT_API")
+    openai.api_key = "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"
     tokenizer = BartTokenizer.from_pretrained("theQuert/NetKUp-tokenzier")
     inputs_for_gpt = f"""
 As an article writer, your task is to provide an updated paragraph in the length same as non-updated paragraph based on the given non-updated paragraph and a triggered news.
@@ -270,6 +271,7 @@ def copy_to_clipboard(t):
         t = f.read()
         pyperclip.copy(t)
 
+"""
 demo = gr.Interface(
 	main,
 	[
@@ -296,5 +298,68 @@ demo = gr.Interface(
     title="Event Triggered Article Updating System",
     description="Powered by YTLee",
 )
+"""
+
+with open("./examples/non_update.txt", "r") as f:
+    exin_1 = f.read()
+with open("./examples/trigger.txt", "r") as f:
+    trigger_1 = f.read()
+with open("./examples/non_update_2.txt", "r") as f:
+    exin_2 = f.read()
+with open("./examples/trigger_2.txt", "r") as f:
+    trigger_2 = f.read()
+
+with gr.Blocks() as demo:
+    gr.HTML("""<div style="text-align: center; max-width: 700px; margin: 0 auto;">
+            <div
+            style="
+                display: inline-flex;
+                align-items: center;
+                gap: 0.8rem;
+                font-size: 1.75rem;
+            "
+            >
+            <h1 style="font-weight: 900; margin-bottom: 7px; margin-top: 5px;">
+                Event Triggered Article Updating System
+            </h1>
+            </div>"""
+        )
+    with gr.Tab("Article Updating"):
+        input_1 = gr.Textbox(label="Non-updated Article", lines=2, placeholder="Input the contexts...")
+        input_2 = gr.Textbox(label="Triggered News Event", lines=2, placeholder="Input the triggered news event...") 
+        btn = gr.Button(value="Submit")
+        btn_copy = gr.Button(value="Copy to Clipboard")
+        with gr.Row():
+            output_1 = gr.Textbox(label="Updated Article", lines=10)
+            output_2 = gr.Textbox(label="#MODIFIED / #ALL")
+        btn.click(fn=main, inputs=[input_1, input_2], outputs=[output_1, output_2])
+        btn_copy.click(fn=copy_to_clipboard, inputs=[output_1], outputs=[])
+        gr.Markdown("## Input Examples")
+        gr.Examples(
+            examples=[[exin_1, trigger_1], [exin_2, trigger_2]],
+            fn=main,
+            inputs=[input_1, input_2],
+            outputs=[output_1, output_2],
+            # cache_examples=True
+                ),
+    with gr.Tab("Compare between versions"):
+        btn_com = gr.Button(value="Differnces highlighting")
+        btn_com.click(fn=copy_to_clipboard, inputs=[output_1], outputs=[])
+        with gr.Row():
+            com_1 = gr.Textbox(label="Non-update Article", lines=25)
+            com_2 = gr.Textbox(label="Updated Article", lines=25)
+    gr.HTML("""
+            <div align="center">
+                <p>
+                Demo by 🤗 <a href="https://github.com/thequert" target="_blank"><b>Yu-Ting Lee</b></a>
+                </p>
+            </div>
+            <div align="center">
+                <p>
+                Supported by <a href="https://www.nccu.edu.tw/"><b>National Chengchi University</a></b> & <a href="https://www.sinica.edu.tw/"><b>Academia Sinica</b></a>
+                </p>
+            </div>
+        """
+        )
 
 demo.launch()