import json import logging import gradio as gr from theme import Seafoam from utils.mes_player_model import Player from utils.mes_achievements import Achievement from utils.mes_player_activity_model import PlayerActivity from utils.utils import ( get_content, render_player_data, save_latest_player_data, render_finished, ) from utils.completion_reward import CompletionReward from utils.completion_reward_utils import ( set_player_name, set_player_selected_character, create_certificate, complete_reward, check_is_in_completion_reward, get_llm_response_once, ) seafoam = Seafoam() def get_player_info(player_backend_user_id): try: with open("latest_player_data.json", "r", encoding="utf-8") as file: player_info = json.load(file) except FileNotFoundError: logging.error("No player data found. Loading new player data.") save_latest_player_data() with open("latest_player_data.json", "r", encoding="utf-8") as file: player_info = json.load(file) with open("latest_player_data.json", "r") as f: datas = json.load(f) processed_datas = {} for k, v in datas.items(): log = v["adventure_logs"] filtered_log = [record for record in log if not record.startswith("恭喜")] processed_log = [record.rsplit(",", 1)[0] for record in filtered_log] concat_log = " ".join(processed_log) processed_datas[k] = concat_log temp_log = """你開始了星空探險隊的冒險! 你在離家 2 天後,找到了迷失已久的星際繪圖師,並在他的引導下進入了下一個未知的領域。 在完成了 41 關學習內容後,你獲得了遙遠星球上的神秘遺產。 在某天,你在冰晶極地找到了一顆具有神秘力量的寒冰寶石。 你在奇特的花園中找到了一種新的能源。 在雲端星球中,你遇見了一位雲之精靈,並從她那裡獲得了一個神祕的能量水球。 132 天之後,你們獲得了一個神秘的地圖,這將引導你們找到隱藏的神秘能量源。\n你們在一個古老的地下洞穴中找到了一個巨大的藍色能量晶體,這將極大地援助你們的旅程。 你在混亂的黑洞中找到了一片完好無損的石碑,上面記載著光束寶石的由來和使用方式。 你用寶石的力量召喚傳說中的先知,獲得了狐狸貓族的力量, 向黑洞發動了終極一擊。 你在繼續活動了 7 天後,你的行為感動了星際,你獲得了一個可以轉換成任何形象的能量護盾。 你在一場巨大的黑洞爆炸後,成功找回了去往家鄉的方向。 連日交戰後達成了學習 209 個內容的紀錄,獲得了星系長老的讚賞,並贈與你們神秘的光護符。 你成功與神秘的月亮寶石建立連結,從而獲得月亮之力。 你在遙遠的星海之上發現了一顆寂靜的星體,星體的中心藏有一個帶著神秘能量的寶藏。 你在神祕的狐狸貓族祖先墳場找到了一塊古老的碑文,裡面記載了如何使用和提煉能量的方法。 在經歷了若干日月後,你終於在 229 號洞穴找到了第一塊結晶。 你們在探索神秘洞穴的過程中,發現了一個神秘寶箱,裡面有 229 個神秘道具。 你們在冬季島上找到了冰晶葉,並獲得了 678 點的能量。 你剛剛結束了 14 天的劍橋學堂,你們獲得了 726 點的能量供給。 你剛剛結束了 14 天的劍橋學堂,你們獲得了 726 點的能量供給。 你在星空探險隊的冒險期間和狐貍貓一起度過了聖誕佳節 🎄 你從超空間黑洞脫離時發現了一串神秘的密碼,這個密碼包含著黑洞能量的謎題。 你們在一個神秘的星球上探險,在那裡你們發現了新的能量源。 你們在一片未知的領域中尋找到了狐狸貓族的古老遺蹟,並獲得了 780 的能量點數。 你收集了 836 個痕跡之星,並用風暴龍的力量打開了神秘之門。 你收集了 941 個痕跡之星,並用風暴龍的力量打開了神秘之門。 你結束了 2023 與狐貍貓的星空探險!""" processed_datas["alvin.lau@junyiacademy.org"] = temp_log processed_datas[ "http://googleid.junyiacademy.org/115084976189396533674" ] = temp_log processed_datas[ "http://googleid.junyiacademy.org/106428943548495187296" ] = temp_log with open("processed_adventure_logs.json", "w") as f: json.dump(processed_datas, f) if player_backend_user_id in player_info: return player_info[player_backend_user_id] else: logging.info( f"No data found for player ID {player_backend_user_id}. Initializing new player data." ) new_player = Player( player_backend_user_id=player_backend_user_id, init=True, available_achievements=Achievement.get_available_achievements(), ) return new_player.to_dict() def create_new_player_activity(): return PlayerActivity() def get_player_logs(player_backend_user_id): with open("processed_adventure_logs.json") as file: player_logs = json.load(file) try: player_logs = player_logs[player_backend_user_id] return player_logs except KeyError: logging.error( f"Player {player_backend_user_id} not found in processed_player_adventure_logs.json" ) def init_reward(): return CompletionReward() # start of gradio interface with gr.Blocks(theme=seafoam, css=get_content("css/style.css")) as demo: player_info = gr.State() player_logs = gr.State() completion_reward = gr.State(init_reward) player_activity_tracker = gr.State(create_new_player_activity) with gr.Tab("個人化戰報", elem_id="personal_report"): with gr.Row(): with gr.Column( scale=1, elem_classes="gallery_container", ): pet_description = gr.Markdown("# 夥伴", elem_id="pet_avatar_description") pet_gallery = gr.Gallery( [], label="夥伴", preview=False, elem_id="pet_gallery", columns=30, height=200, ) badge_description = gr.Markdown( "# 徽章", elem_id="badge_avatar_description" ) badge_gallery = gr.Gallery( [], label="徽章", preview=False, elem_id="badge_gallery", columns=30, height=200, ) with gr.Column(scale=1, elem_id="player_avatar_container"): avatar = gr.Image( "avatar/blank_avatar.png", elem_id="player_avatar", ) avatar_description = gr.Markdown( "# 光束守護者", elem_id="player_avatar_description" ) with gr.Column(scale=1): adventure_description = gr.Markdown( "# 冒險階段", elem_id="adventure_description" ) adventure = gr.Slider( value=0, show_label=False, interactive=False, elem_id="adventure_slider", info="", ) achievements_description = gr.Markdown( "# 達成成就", elem_id="achievements_description" ) achievements = gr.HighlightedText( value=[], elem_classes="achievements", color_map={ "完成": "green", "未完成": "red", }, ) with gr.Row(): html = ( "
" + get_content("htmls/adventure_blank.html") ) adventure_log = gr.HTML( html, label="Adventure Log", elem_id="adventure_log" ) # handling player info with gr.Row(): player_backend_id = gr.Textbox( "", elem_id="player_backend_id", visible=False ) player_info_query_btn = gr.Button( "Query", elem_id="trigger_button", visible=False ) pull_newest_player_data = gr.Textbox("", visible=False) update_status = gr.Textbox("", visible=False) with gr.Tab("完賽獎勵", elem_id="completion_reward"): with gr.Row(): start_make_reward = gr.Button( "開始製作完賽獎勵!", visible=False, elem_id="start_make_reward" ) with gr.Row(): not_participate = gr.Markdown( "# 同學並未參與 2023 的星空探險隊唷!", visible=False, elem_id="not_participate" ) with gr.Row(): not_start = gr.Markdown( "# 完賽獎勵還沒有開放申請,但是就快了,請敬請期待!", visible=False, elem_id="not_start" ) with gr.Row(): already_issued = gr.Image(visible=False) with gr.Row(): player_name_title = gr.Markdown( "# 選擇玩家暱稱", visible=False, elem_id="player_name_title" ) with gr.Row(): player_name = gr.Textbox( label="玩家暱稱", info="請輸入想要用在完賽獎勵上的玩家暱稱,上限為 10 字,且像是 🤩🌟🎉😊 等 emoji 也會無法顯示唷;最後,獎勵發送後無法更改也無法補發,還請同學們謹慎填寫。", interactive=True, elem_id="player_name", visible=False, placeholder="請在這裡輸入暱稱", ) with gr.Row(): player_name_too_long = gr.Markdown( "# 暱稱過長,請重新輸入", visible=False, elem_id="player_name_too_long" ) with gr.Row(): confirm_player_name = gr.Button( "確認暱稱", elem_id="confirm_player_name", visible=False ) cancel_player_name = gr.Button( "取消", elem_id="cancel_player_name", visible=False ) with gr.Row(): player_name_next_step = gr.Button( "下一步", visible=False, elem_id="player_name_next_step" ) with gr.Row(): story_title = gr.Markdown("# 選擇冒險故事", visible=False, elem_id="story_title") with gr.Row(): story_description = gr.Markdown( "有五位星際夥伴來為你撰寫專屬於你的冒險故事,每位星際夥伴都會得到同學冒險週記的內容,並寫成一段故事,請同學選擇自己最喜歡的一段故事,這段故事將會被用來印在獎狀上

小叮嚀:請同學選擇喜歡的故事內容,而不是星際夥伴唷!星際夥伴可是不會和同學們一起冒險的!最後,撰寫故事的過程大概需要幾分鐘的時間,請同學耐心等待", visible=False, elem_id="story_description", ) with gr.Row(): openai_description = gr.Markdown( "# 露米娜", elem_id="openai_description", visible=False ) aws_description = gr.Markdown( "# 索拉拉", elem_id="aws_description", visible=False ) google_description = gr.Markdown( "# 薇丹特", elem_id="google_description", visible=False ) mtk_description = gr.Markdown( "# 蔚藍", elem_id="mtk_description", visible=False ) ntu_description = gr.Markdown( "# 紅寶石", elem_id="ntu_description", visible=False ) with gr.Row(): openai_img = gr.Image( "medias/lumina.png", visible=False, elem_id="openai_img", interactive=False, show_download_button=False, ) aws_img = gr.Image( "medias/solara.png", visible=False, elem_id="aws_img", interactive=False, show_download_button=False, ) google_img = gr.Image( "medias/verdant.png", visible=False, elem_id="google_img", interactive=False, show_download_button=False, ) mtk_img = gr.Image( "medias/azure.png", visible=False, elem_id="mtk_img", interactive=False, show_download_button=False, ) ntu_img = gr.Image( "medias/ruby.png", visible=False, elem_id="ntu_img", interactive=False, show_download_button=False, ) with gr.Row(): start_generate_story = gr.Button( "開始寫作故事", visible=False, elem_id="start_generate_story" ) weaving = gr.Button( "星際夥伴努力撰寫故事中...", visible=False, elem_id="weaving", size="lg", interactive=False, ) with gr.Row(): bot1 = gr.Chatbot(visible=False, elem_id="bot1") bot2 = gr.Chatbot(visible=False, elem_id="bot2") bot3 = gr.Chatbot(visible=False, elem_id="bot3") bot4 = gr.Chatbot(visible=False, elem_id="bot4") bot5 = gr.Chatbot(visible=False, elem_id="bot5") with gr.Row(): select_story = gr.Radio( ["露米娜", "索拉拉", "薇丹特", "蔚藍", "紅寶石"], interactive=True, label="選擇故事", visible=False, elem_id="select_story", ) with gr.Row(): confirm_story = gr.Button("確認故事", visible=False, elem_id="confirm_story") cancel_story = gr.Button("取消", visible=False, elem_id="cancel_story") with gr.Row(): start_generate_certificate = gr.Button( "開始製作完賽獎勵!", visible=False, elem_id="start_generate_certificate" ) processing = gr.Button( "製作中...", visible=False, elem_id="processing", size="lg", interactive=False, ) complete = gr.Markdown("# 完成!", visible=False, elem_id="complete") with gr.Row(): reward_result = gr.Image(visible=False) # actions when player login # define args send_player_login_info = dict( fn=render_finished, inputs=[player_activity_tracker, player_info], outputs=None, queue=False, ) check_is_in_completion_reward_args = dict( fn=check_is_in_completion_reward, inputs=player_backend_id, outputs=[ player_name_title, player_name, confirm_player_name, not_participate, not_start, already_issued, ], queue=False, ) player_info_query_btn.click( get_player_info, player_backend_id, player_info, queue=False ).then(get_player_logs, player_backend_id, player_logs, queue=False).then( **check_is_in_completion_reward_args ).then( render_player_data, player_info, [avatar, pet_gallery, badge_gallery, adventure_log, achievements, adventure], queue=False, ).then( **send_player_login_info ) pull_newest_player_data.submit( save_latest_player_data, None, update_status, api_name="pull_newest_player_data", ) def create_visibility_updates(visible, count): return tuple(gr.update(visible=visible) for _ in range(count)) start_make_reward.click( check_is_in_completion_reward, player_backend_id, [ start_make_reward, player_name_title, player_name, confirm_player_name, not_participate, not_start, already_issued, ], queue=False, ) set_player_name_args = dict( fn=set_player_name, inputs=[completion_reward, player_name, player_backend_id], outputs=None, queue=False, ) def check_plyer_name_length(player_name): if len(player_name) > 10: return ( gr.update(visible=True), gr.update(visible=False), gr.update(visible=True), ) else: return ( gr.update(visible=True), gr.update(visible=True), gr.update(visible=False), ) confirm_player_name.click( lambda: (gr.update(interactive=False), gr.update(visible=False)), None, [player_name, confirm_player_name], queue=False, ).then( check_plyer_name_length, player_name, [cancel_player_name, player_name_next_step, player_name_too_long], queue=False, ).then( **set_player_name_args ) cancel_player_name.click( lambda: ( gr.update(interactive=True), gr.update(visible=True), gr.update(visible=False), ), None, [player_name, confirm_player_name, player_name_too_long], queue=False, ).then( lambda: create_visibility_updates(False, 2), None, [cancel_player_name, player_name_next_step], queue=False, ) player_name_next_step.click( lambda: create_visibility_updates(False, 5), None, [ player_name, player_name_next_step, confirm_player_name, player_name_title, cancel_player_name, ], queue=False, ).then( lambda: create_visibility_updates(True, 13), None, [ openai_img, aws_img, google_img, mtk_img, ntu_img, story_title, story_description, openai_description, aws_description, google_description, mtk_description, ntu_description, start_generate_story, ], queue=False, ) get_first_llm_response_args = dict( fn=get_llm_response_once, inputs=[completion_reward, player_logs], outputs=bot1, queue=False, ) get_second_llm_response_args = dict( fn=get_llm_response_once, inputs=[completion_reward, player_logs], outputs=bot2, queue=False, ) get_third_llm_response_args = dict( fn=get_llm_response_once, inputs=[completion_reward, player_logs], outputs=bot3, queue=False, ) get_fourth_llm_response_args = dict( fn=get_llm_response_once, inputs=[completion_reward, player_logs], outputs=bot4, queue=False, ) get_fifth_llm_response_args = dict( fn=get_llm_response_once, inputs=[completion_reward, player_logs], outputs=bot5, queue=False, ) start_generate_story.click( lambda: gr.update(visible=False), None, start_generate_story, queue=False ).then( lambda: create_visibility_updates(True, 6), None, [bot1, bot2, bot3, bot4, bot5, weaving], queue=False, ).then(lambda: [(None, "露米娜正埋頭撰寫故事中...請耐心等候")], None, bot1, queue=False).then( **get_first_llm_response_args ).then(lambda: [(None, "索拉拉正埋頭撰寫故事中...請耐心等候")], None, bot2, queue=False).then( **get_second_llm_response_args ).then(lambda: [(None, "薇丹特正埋頭撰寫故事中...請耐心等候")], None, bot3, queue=False).then( **get_third_llm_response_args ).then(lambda: [(None, "蔚藍正埋頭撰寫故事中...請耐心等候")], None, bot4, queue=False).then( **get_fourth_llm_response_args ).then(lambda: [(None, "紅寶石正埋頭撰寫故事中...請耐心等候")], None, bot5, queue=False).then( **get_fifth_llm_response_args ).then( lambda: gr.update(visible=True), None, [select_story], queue=False ).then( lambda: gr.update(visible=False), None, [weaving], queue=False ) select_story.select( lambda: gr.update(visible=True), None, confirm_story, queue=False ) set_player_selected_character_args = dict( fn=set_player_selected_character, inputs=[completion_reward, select_story], outputs=None, queue=False, ) confirm_story.click( lambda: gr.update(interactive=False), None, [select_story], queue=False ).then(lambda: gr.update(visible=False), None, [confirm_story], queue=False).then( lambda: (gr.update(visible=True), gr.update(visible=True)), None, [start_generate_certificate, cancel_story], queue=False, ).then( **set_player_selected_character_args ) cancel_story.click( lambda: gr.update(interactive=True), None, [select_story], queue=False ).then(lambda: gr.update(visible=False), None, [cancel_story], queue=False).then( lambda: (gr.update(visible=False), gr.update(visible=True)), None, [start_generate_certificate, confirm_story], queue=False, ) create_certificate_args = dict( fn=create_certificate, inputs=[completion_reward], outputs=reward_result, queue=False, ) complete_reward_args = dict( fn=complete_reward, inputs=[completion_reward], outputs=None, queue=False, ) start_generate_certificate.click( lambda: create_visibility_updates(False, 21), None, [ openai_img, aws_img, google_img, mtk_img, ntu_img, story_title, story_description, openai_description, aws_description, google_description, mtk_description, ntu_description, bot1, bot2, bot3, bot4, bot5, select_story, processing, cancel_story, start_generate_certificate, ], queue=False, ).then(lambda: gr.update(visible=True), None, [processing], queue=False).then( **create_certificate_args ).then( lambda: (gr.update(visible=True), gr.update(visible=False)), None, [complete, processing], queue=False, ).then( **complete_reward_args ) if __name__ == "__main__": demo.launch()