init commit

README.md

@@ -1,8 +1,8 @@
 ---
 title: JpVocab
-emoji: 🦀
-colorFrom: blue
-colorTo: pink
+emoji: ✏️
+colorFrom: gray
+colorTo: red
 sdk: gradio
 sdk_version: 5.15.0
 app_file: app.py

app.py

@@ -0,0 +1,137 @@
+import json
+import random
+
+import gradio as gr
+
+
+def main():
+    app = App()
+    app.launch()
+
+
+class App:
+    def __init__(self):
+        vocab = load_json("data/vocab.json")
+        ch = [f"Ch. {i:02d}" for i, _ in enumerate(vocab, 1)]
+        self.vocab = dict(zip(ch, vocab))
+        self.__init_app()
+
+    def __init_app(self):
+        with self.__init_blocks() as self.app:
+            self.__init_states()
+            self.__init_layout()
+            self.__init_events()
+
+    def __init_blocks(self):
+        font = gr.themes.GoogleFont("Noto Sans Mono")
+        text_size = gr.themes.sizes.text_md
+        theme = gr.themes.Soft(font=font, text_size=text_size)
+        return gr.Blocks(title="Demo", theme=theme)
+
+    def __init_states(self):
+        self.question_list = gr.State(None)
+        self.curr_item = gr.State(None)
+        self.correct = gr.State(0)
+        self.total = gr.State(0)
+
+    def __init_layout(self):
+        with gr.Tabs() as self.tabs:
+            with gr.Tab("設定", id=0):
+                self.__init_chapters()
+            with gr.Tab("測驗", id=1):
+                self.__init_quiz()
+            with gr.Tab("紀錄", id=2):
+                self.__init_record()
+
+    def __init_chapters(self):
+        with gr.Row():
+            with gr.Tab("N5"):
+                ch = sorted(list(self.vocab.keys()))
+                self.chapters = gr.CheckboxGroup(ch, value=ch[:1], label="章節")
+        with gr.Row():
+            self.start_btn = gr.Button("開始測驗")
+
+    def __init_quiz(self):
+        desc = "完成設定後按下「開始測驗」"
+
+        with gr.Row():
+            self.question = gr.Textbox(placeholder=desc, label="題目", interactive=False)
+            self.score = gr.Textbox("0/0", label="分數")
+
+        with gr.Row():
+            self.answer = gr.Textbox(label="作答")
+
+    def __init_record(self):
+        with gr.Row():
+            self.record = gr.TextArea(show_label=False)
+
+        with gr.Row():
+            self.again_btn = gr.Button("再次測驗")
+            self.back_to_setting_btn = gr.Button("回到設定")
+
+    def __init_events(self):
+        init_inns = [self.chapters]
+        init_outs = [self.question_list, self.tabs]
+        init_args = gr_args(self.init_questions, init_inns, init_outs)
+
+        reset_outs = [self.score, self.correct, self.total]
+        reset_args = gr_args(self.reset_score, None, reset_outs)
+
+        next_inns = [self.question_list]
+        next_outs = [self.curr_item, self.question, self.question_list, self.answer]
+        next_args = gr_args(self.next_question, next_inns, next_outs)
+
+        check_inns = [self.answer, self.curr_item, self.correct, self.total]
+        check_outs = [self.score, self.correct, self.total]
+        check_args = gr_args(self.check, check_inns, check_outs)
+
+        self.start_btn.click(**init_args).then(**reset_args).then(**next_args)
+        self.answer.submit(**check_args).then(**next_args)
+
+    def init_questions(self, chapters):
+        question_list = [v for ch in chapters for v in self.vocab[ch]]
+        random.shuffle(question_list)
+        selected_tab = gr.Tabs(selected=1) if question_list else gr.Tabs(selected=0)
+        return question_list, selected_tab
+
+    def next_question(self, question_list):
+        if question_list:
+            item = list.pop(question_list)
+            return item, item["meaning"], question_list, None
+        return None, None, None, None
+
+    def check(self, answer, item, correct, total):
+        total += 1
+        if answer == item["kana"]:
+            correct += 1
+            info = f"{correct}/{total} - 正確"
+        elif item["kanji"] is not None and answer == item["kanji"]:
+            correct += 1
+            info = f"{correct}/{total} - 正確"
+        else:
+            kana = item["kana"]
+            kanji = item["kanji"]
+            meaning = item["meaning"]
+            info = f"{correct}/{total} - 錯誤 {meaning} - {kana}"
+            info += f" - {kanji}" if kanji is not None else ""
+
+        return info, correct, total
+
+    def reset_score(self):
+        return "0/0", 0, 0
+
+    def launch(self):
+        self.app.launch()
+
+
+def gr_args(fn, inputs=None, outputs=None, show_progress="minimal"):
+    return dict(fn=fn, inputs=inputs, outputs=outputs, show_progress=show_progress)
+
+
+def load_json(path):
+    with open(path, "rt", encoding="UTF-8") as fp:
+        return json.load(fp)
+
+
+if __name__ == "__main__":
+    main()

data/vocab.json

@@ -0,0 +1,123 @@
+[
+  [
+    {"kana": "あさ", "kanji": "朝", "meaning": "早上"},
+    {"kana": "いま", "kanji": "今", "meaning": "現在"},
+    {"kana": "えき", "kanji": "駅", "meaning": "車站"},
+    {"kana": "くるま", "kanji": "車", "meaning": "車"},
+    {"kana": "はい", "kanji": null, "meaning": "是的；好的"},
+    {"kana": "すき", "kanji": "好き", "meaning": "喜歡"},
+    {"kana": "たべる", "kanji": "食べる", "meaning": "吃"},
+    {"kana": "ひと", "kanji": "人", "meaning": "人"},
+    {"kana": "ねこ", "kanji": "猫", "meaning": "貓"}
+  ],
+  [
+    {"kana": "あした", "kanji": "明日", "meaning": "明天"},
+    {"kana": "うみ", "kanji": "海", "meaning": "海"},
+    {"kana": "でんしゃ", "kanji": "電車", "meaning": "電車"},
+    {"kana": "にく", "kanji": "肉", "meaning": "肉"},
+    {"kana": "いいえ", "kanji": null, "meaning": "不是"},
+    {"kana": "おおい", "kanji": "多い", "meaning": "多的"},
+    {"kana": "おいしい", "kanji": null, "meaning": "好吃的"},
+    {"kana": "しごと", "kanji": "仕事", "meaning": "工作"},
+    {"kana": "どうぞ", "kanji": null, "meaning": "請"}
+  ],
+  [
+    {"kana": "あお", "kanji": "青", "meaning": "藍色"},
+    {"kana": "おおきい", "kanji": "大きい", "meaning": "大的"},
+    {"kana": "きょう", "kanji": "今日", "meaning": "今天"},
+    {"kana": "でんわ", "kanji": "電話", "meaning": "電話"},
+    {"kana": "カメラ", "kanji": null, "meaning": "相機"},
+    {"kana": "たべもの", "kanji": "食べ物", "meaning": "食物"},
+    {"kana": "はやい", "kanji": "早い", "meaning": "早的"},
+    {"kana": "ひとり", "kanji": "一人", "meaning": "一人"},
+    {"kana": "ほん", "kanji": "本", "meaning": "書"}
+  ],
+  [
+    {"kana": "はな", "kanji": "花", "meaning": "花"},
+    {"kana": "なつ", "kanji": "夏", "meaning": "夏天"},
+    {"kana": "テレビ", "kanji": null, "meaning": "電視"},
+    {"kana": "すこし", "kanji": "少し", "meaning": "稍微"},
+    {"kana": "たかい", "kanji": "高い", "meaning": "高的；貴的"},
+    {"kana": "しろ", "kanji": "白", "meaning": "白"},
+    {"kana": "きらい", "kanji": "嫌い", "meaning": "討厭的"},
+    {"kana": "ない", "kanji": null, "meaning": "沒有"},
+    {"kana": "うえ", "kanji": "上", "meaning": "上面"}
+  ],
+  [
+    {"kana": "はる", "kanji": "春", "meaning": "春天"},
+    {"kana": "ねる", "kanji": "寝る", "meaning": "睡覺"},
+    {"kana": "なまえ", "kanji": "名前", "meaning": "名字"},
+    {"kana": "だれ", "kanji": "誰", "meaning": "誰"},
+    {"kana": "くろ", "kanji": "黒", "meaning": "黑色"},
+    {"kana": "カレー", "kanji": null, "meaning": "咖哩"},
+    {"kana": "おとこ", "kanji": "男", "meaning": "男人"},
+    {"kana": "あつい", "kanji": "暑い", "meaning": "熱的"},
+    {"kana": "あなた", "kanji": null, "meaning": "你"}
+  ],
+  [
+    {"kana": "おふろ", "kanji": "お風呂", "meaning": "浴室；洗澡"},
+    {"kana": "あまい", "kanji": "甘い", "meaning": "甜的"},
+    {"kana": "いたい", "kanji": "痛い", "meaning": "疼痛的"},
+    {"kana": "ここ", "kanji": null, "meaning": "這裡"},
+    {"kana": "さき", "kanji": "先", "meaning": "首先"},
+    {"kana": "する", "kanji": null, "meaning": "做（某事）"},
+    {"kana": "つかう", "kanji": "使う", "meaning": "使用"},
+    {"kana": "てんき", "kanji": "天気", "meaning": "天氣"},
+    {"kana": "なか", "kanji": "中", "meaning": "裡面；中間"}
+  ],
+  [
+    {"kana": "あめ", "kanji": "雨", "meaning": "雨"},
+    {"kana": "いい", "kanji": null, "meaning": "好的"},
+    {"kana": "おそい", "kanji": "遅い", "meaning": "慢的"},
+    {"kana": "これ", "kanji": null, "meaning": "這個"},
+    {"kana": "ちいさい", "kanji": "小さい", "meaning": "小的"},
+    {"kana": "ニュース", "kanji": null, "meaning": "新聞"},
+    {"kana": "のる", "kanji": "乗る", "meaning": "搭乘"},
+    {"kana": "かう", "kanji": "買う", "meaning": "買"},
+    {"kana": "くる", "kanji": "来る", "meaning": "來"}
+  ],
+  [
+    {"kana": "いす", "kanji": "椅子", "meaning": "椅子"},
+    {"kana": "した", "kanji": "下", "meaning": "下面"},
+    {"kana": "きる", "kanji": "切る", "meaning": "切"},
+    {"kana": "すう", "kanji": "吸う", "meaning": "吸"},
+    {"kana": "せんせい", "kanji": "先生", "meaning": "老師"},
+    {"kana": "ちかい", "kanji": "近い", "meaning": "近的"},
+    {"kana": "トイレ", "kanji": null, "meaning": "廁所"},
+    {"kana": "ながい", "kanji": "長い", "meaning": "長的"},
+    {"kana": "はじめで", "kanji": "初めて", "meaning": "第一次"}
+  ],
+  [
+    {"kana": "あう", "kanji": "会う", "meaning": "見面"},
+    {"kana": "うしろ", "kanji": "後ろ", "meaning": "後面"},
+    {"kana": "いえ", "kanji": "家", "meaning": "家"},
+    {"kana": "おとうと", "kanji": null, "meaning": "弟弟"},
+    {"kana": "いくら", "kanji": null, "meaning": "多少"},
+    {"kana": "こえ", "kanji": "声", "meaning": "聲音"},
+    {"kana": "しかし", "kanji": null, "meaning": "但是"},
+    {"kana": "そこ", "kanji": null, "meaning": "那裡（較近）"},
+    {"kana": "とぶ", "kanji": "飛ぶ", "meaning": "飛行"}
+  ],
+  [
+    {"kana": "いくつ", "kanji": null, "meaning": "幾個"},
+    {"kana": "おかあさん", "kanji": "お母さん", "meaning": "媽媽"},
+    {"kana": "おとうさん", "kanji": "お父さん", "meaning": "爸爸"},
+    {"kana": "きく", "kanji": "聞く", "meaning": "聽"},
+    {"kana": "かぎ", "kanji": "鍵", "meaning": "鑰匙"},
+    {"kana": "あれ", "kanji": null, "meaning": "那個"},
+    {"kana": "くに", "kanji": "国", "meaning": "國"},
+    {"kana": "しる", "kanji": "知る", "meaning": "知道"},
+    {"kana": "せまい", "kanji": "狭い", "meaning": "狹小的"}
+  ],
+  [
+    {"kana": "かるい", "kanji": "軽い", "meaning": "輕的"},
+    {"kana": "いく", "kanji": "行く", "meaning": "去"},
+    {"kana": "おばさん", "kanji": null, "meaning": "阿姨"},
+    {"kana": "おじさん", "kanji": null, "meaning": "叔叔"},
+    {"kana": "あか", "kanji": "赤", "meaning": "紅色"},
+    {"kana": "うた", "kanji": "歌", "meaning": "歌"},
+    {"kana": "かさ", "kanji": "傘", "meaning": "雨傘"},
+    {"kana": "とおい", "kanji": "遠い", "meaning": "遠的"},
+    {"kana": "とる", "kanji": "撮る", "meaning": "拍照"}
+  ]
+]