Update example

app.py

@@ -1,42 +1,21 @@
-import os
-
 import gradio as gr
-import yaml
-from gradio_i18n import dump_blocks, gettext, translate_blocks
-
-
-def greet(name, age, gender, school):
-    return f"hello {name}! Age: {age}"
-
-
-trans_file = "translations.yaml"
-if not os.path.exists(trans_file):
-    lang_store = {}
-else:
-    lang_store = yaml.safe_load(open(trans_file))
-
 
-with gr.Blocks() as block:
-    with gr.Accordion(label=gettext("Accordion")):
-        name = gr.Textbox(label=gettext("Submit"), value="World")
-        greeting = gr.Textbox(placeholder=gettext("text"))
-        age = gr.Slider(
-            minimum=0,
-            maximum=100,
-            value=50,
-            label=gettext("Age"),
-        )
+from gradio_i18n import Translate
+from gradio_i18n import gettext as _
 
-    gender = gr.Radio(choices=["male", "female"], label=gettext("Gender"))
-    school = gr.Dropdown(["MIT", "Stanford", "CMU"], label=gettext("School"))
 
-    btn = gr.Button(value=gettext("Submit"))
-    btn.click(greet, [name, age, gender, school], [greeting])
+def greet(name, lang):
+    return f"Hello {name} in {lang}!"
 
-    translate_blocks(block, lang_store)
 
-trans = dump_blocks(block, langs=["zh", "en"], include_translations=lang_store)
-yaml.safe_dump(trans, open(trans_file, "w"), allow_unicode=True)
+with gr.Blocks() as demo:
+    gr.Markdown(value="> Check out [Repository](https://github.com/hoveychen/gradio-i18n) for more examples")
+    lang = gr.Radio(choices=[("English", "en"), ("中文", "zh")], label=_("Language"))
+    with Translate("translation.yaml", lang, placeholder_langs=["en", "zh"]):
+        name = gr.Textbox(label=_("Name"), placeholder=_("Input your name here."))
+        output = gr.Textbox(label=_("Greeting"))
+        submit_btn = gr.Button(value=_("Submit"))
 
-block.launch()
+    submit_btn.click(greet, inputs=[name, lang], outputs=output)
 
+demo.launch(server_name="0.0.0.0")

translations.yaml

@@ -1,15 +1,13 @@
 en:
-  Accordion: Advanced 😄
-  Age: Age 📅
-  Gender: Gender 🚻
-  School: School 🏫
-  Submit: Submit 🚀
-  text: text
+  Greeting: Greeting
+  Input your name here.: Input your name here.
+  Language: Language
+  Name: Name
+  Submit: Submit
 zh:
-  Accordion: 高级
-  Age: 年龄
-  Gender: 性别
-  School: 学校
+  Greeting: 打招呼
+  Input your name here.: 输入你的名字
+  Language: Language
+  Name: 名字
   Submit: 提交
-  text: text