Added download button for JSON file download.

app.py

@@ -3,6 +3,7 @@ from bs4 import BeautifulSoup
 import re
 from urllib.parse import urlparse
 import gradio as gr
+import json
 
 
 def extract_wikipedia_text(raw_text, language):
@@ -47,10 +48,13 @@ def scrape(url):
     )
     contents = extract_wikipedia_text(raw_text, language)
     json_output = {"source": url, f"title-{language}": title, "pages": contents}
-    return json_output
+    with open("data.json", "w") as f:
+        json.dump(json_output, f)
+    return json_output, "data.json"
 
 
-with gr.Blocks() as demo:
+style_sheet = "#json-output { max-height: 400px; overflow-y: auto; }"
+with gr.Blocks(css=style_sheet) as demo:
     gr.Markdown(
         f"""
     <center>
@@ -60,8 +64,10 @@ with gr.Blocks() as demo:
     )
     with gr.Row():
         inp = gr.Textbox(placeholder="Wikipedia URL")
-        out = gr.JSON()
+        with gr.Column():
+            out = gr.JSON(elem_id="json-output")
+            out_download = gr.File()
     btn = gr.Button("Scrape")
-    btn.click(fn=scrape, inputs=inp, outputs=out)
+    btn.click(fn=scrape, inputs=inp, outputs=[out, out_download])
 
-demo.launch()
+demo.launch(debug=True)