app.py

import os
import gradio as gr
import pandas as pd
import random
import json
import time
import wandb
from copy import deepcopy
from collections import defaultdict

wandb.login(key=os.environ['WANDB_KEY'])
run = wandb.init(project="pokemon-quiz", entity="yoon-gu")

with open('pokemon.json', 'r') as f:
    pokemons = json.load(f)
pokemons_types = ["모든 타입"] + sorted(set([t for poke in pokemons for t in poke['types']]))
df = pd.DataFrame(pokemons)
GEN_RANGE = {
    "모든 세대": [1, 1017],
    "1세대": [1, 151],
    "2세대": [152, 251],
    "3세대": [252, 386],
    "4세대": [387, 493],
    "5세대": [494, 649],
    "6세대": [650, 721],
    "7세대": [722, 809],
    "8세대": [810, 905],
    "9세대": [906, 1017]
}

QUESTION_TEMPLATE = {"question": "다음 포켓몬의 이름은 뭘까요?![]({img_url})", "answer": "{name}"}

def get_question_answer(pokemons_set):
    chosen = random.choice(pokemons_set)
    name = chosen['name'].replace("♀", "암컷").replace("♂", "수컷")
    image_path = chosen['image_path']
    img_url = f"https://huggingface.co/spaces/yoon-gu/pokemon/resolve/main/{image_path}"
    q = QUESTION_TEMPLATE["question"].format(img_url=img_url)
    a = QUESTION_TEMPLATE['answer'].format(name=name)

    candidates = random.choices([poke['name'] for poke in pokemons_set], k=3)
    candidates.append(a)
    random.shuffle(candidates)
    random_buttons = [gr.Button(value=f"{name}") for name in candidates]
    return q, a, random_buttons

initial_info = {"done" : True,
                "score": 0, "count": 0,
                "best_score": 0, "best_time": float("inf"),
                "time": 0.0, "comment": "",
                "history": []}

try:
    folder = run.use_artifact("settings:latest").download()
    with open(os.path.join(folder, "users.json"), "r") as f:
        USERS = json.load(f)
    with open(os.path.join(folder, "info.json"), "r") as f:
        info = json.load(f)
except:
    info = defaultdict(lambda : deepcopy(initial_info))
    USERS = ["김서현", "김우주", "Anonymous"]
    for user in USERS:
        print(info[user])

MD = """# 포켓몬 퀴즈
## 공부 방법

아래 포켓몬 도감을 보고 공부하면 도움이 됩니다.
- https://huggingface.co/spaces/yoon-gu/pokemon

## 사용방법

1. 사용자를 선택하세요.
2. 총 퀴즈 개수를 선택하세요.
3. 포켓몬 세대를 선택하세요.
4. 포켓몬 타입을 선택하세요.

## 점수판
"""

with gr.Blocks() as demo:
    with gr.Row():
        with gr.Column():
            markdown = gr.Markdown(MD.format(content=''))
            leader_board = gr.DataFrame(wrap=True, row_count=10)
            user = gr.Dropdown(USERS, value="Anonymous", label="사용자", info="당신은 누구신가요?", allow_custom_value=True)
            quiz_count = gr.Radio([10, 20, 30], value=10, label="총 퀴즈 개수", info="퀴즈를 몇 개 풀 예정인가요?")
        with gr.Column():
            with gr.Row():
                generation = gr.Dropdown(
                            [f"{k}세대" for k in range(1, 10)] + ["모든 세대"],
                            value="모든 세대",
                            label="포켓몬 세대",
                            info="원하는 포켓몬 세대를 선택하세요."
                        )
                poke_types = gr.Dropdown(
                            pokemons_types, value="모든 타입",
                            label="포켓몬 타입",
                            info="원하는 포켓몬 타입을 선택하세요."
                    )
            with gr.Row():
                play = gr.Button(value="퀴즈 시작", label="퀴즈 시작")
                skip = gr.Button(value="문제 넘어가기", label="문제 스킵")
            chatbot = gr.Chatbot(bubble_full_width=False,
                                 avatar_images=["https://huggingface.co/spaces/yoon-gu/pokemon/resolve/main/images/No_0001_이상해씨.png",
                                                "https://huggingface.co/spaces/yoon-gu/pokemon/resolve/main/images/No_0155_브케인.png"])
            with gr.Row():
                button1 = gr.Button(value="1번")
                button2 = gr.Button(value="2번")
                button3 = gr.Button(value="3번")
                button4 = gr.Button(value="4번")

    def respond(message, chat_history, user, quiz_count, gen, types, request: gr.Request):
        message = message.strip()
        done = info[user]['done']
        start, end = GEN_RANGE[gen]
        sdf = df[start:end]
        pokemons_set = sdf[sdf['types'].apply(lambda x: (types in x)) | (types == "모든 타입")]
        pokemons_set = pokemons_set.to_dict("records")
        if done:
            if "퀴즈시작" == message.replace(" ", ""):
                q, a, random_buttons = get_question_answer(pokemons_set)
                bot_message = f"퀴즈를 시작합니다.\n{q}"
                info[user]['answer'] = a
                info[user]['done'] = False
                info[user]['score'] = 0
                info[user]['count'] = 0
                info[user]['time'] = time.time()
            else:
                bot_message = "퀴즈를 시작하고 싶으시면, **퀴즈 시작** 버튼을 누르세요."
        else:
            if info[user]['answer'] == message:
                q, a, random_buttons = get_question_answer(pokemons_set)
                info[user]['answer'] = a
                info[user]['score'] += 1
                info[user]['count'] += 1
                bot_message = f"🎉정답입니다! 다음 문제입니다.\n{q}\n- 현재 점수: {info[user]['score']}점\n- 소요 시간: {time.time() - info[user]['time']:4.3f}초"

            elif "포기하기" == message.replace(" ", ""):
                bot_message = f"퀴즈를 강제 종료합니다."
                info[user]['done'] = True
            elif "문제 넘어가기" == message:
                info[user]['count'] += 1
                q, a = get_question_answer(pokemons_set)
                info[user]['answer'] = a
                bot_message = f"문제를 넘어갑니다. 다음문제입니다.\n{q}"
            else:
                hint1 = ""
                for i, y in enumerate(info[user]['answer']):
                    if i < len(message):
                        if message[i] == y:
                            hint1 += y
                        else:
                            hint1 += "X"
                    else:
                        hint1 += "X"
                bot_message = f"***{message}***!? 🧐 다시 한번 생각해보세요.\n힌트: {hint1}"
                info[user]['score'] -= 0.1

            bot_message += f"\n\n총 {quiz_count}개 문제 중 {info[user]['count']+1}번째 문제 진행 중입니다."

            if quiz_count == info[user]['count']:
                bot_message = f"모든 퀴즈를 다 풀었습니다. 점수는 {info[user]['score']:3.1f}점 입니다."
                info[user]['done'] = True
                if info[user]['score'] >= info[user]['best_score']:
                    info[user]['best_score'] = info[user]['score']
                    info[user]['best_time'] = min(time.time() - info[user]['time'], info[user]['best_time'])
                    info[user]['best_time'] = round(info[user]['best_time'], 2)
                    info[user]['comment'] = f"{gen.replace(' ', '')}+{types.replace(' ', '')}"
                with open("info.json", "w") as f:
                    json.dump(info, f, indent=4)
                with open("users.json", "w") as f:
                    json.dump(USERS, f, indent=4)
                artifact = wandb.Artifact("settings", type="info")
                artifact.add_file("info.json")
                artifact.add_file("users.json")
                run.log_artifact(artifact)

        info[user]['history'].append((message, bot_message))

        leader_board = sorted(info.items(), key=lambda x: (x[1]['best_score'], -x[1]['best_time']), reverse=True)
        lbdf = pd.DataFrame([dict(**a[1], name=a[0]) for a in leader_board])
        lbdf.rename(columns={'name': "이름", 'best_score': "최고점수", 'best_time': "시간기록", 'comment': "퀴즈유형"}, inplace=True)
        lbdf.index += 1
        md = lbdf[['이름', '최고점수', '시간기록', '퀴즈유형']]
        if info[user]['done']:
            btn = gr.Button(value="퀴즈 시작", label="퀴즈 시작")
        else:
            btn = gr.Button(value="포기하기", label="퀴즈 중단")

        
        return btn, info[user]['history'], md, *random_buttons

    play.click(respond, 
               inputs=[play, chatbot, user, quiz_count, generation, poke_types],
               outputs=[play, chatbot, leader_board, button1, button2, button3, button4])
    skip.click(respond,
               inputs=[skip, chatbot, user, quiz_count, generation, poke_types],
               outputs=[play, chatbot, leader_board, button1, button2, button3, button4])
    
    for btn in [button1, button2, button3, button4]:
        btn.click(respond, 
                inputs=[btn, chatbot, user, quiz_count, generation, poke_types],
                outputs=[play, chatbot, leader_board, button1, button2, button3, button4])
    
    def rs_change(rs):
        global USERS
        if rs not in USERS:
            USERS += [rs]
        new_dropdown = gr.Dropdown(sorted(USERS), value=rs, label="사용자", info="당신은 누구신가요?", allow_custom_value=True)
        return new_dropdown

    user.blur(rs_change, user, user)

    def update_table(user):
        leader_board = sorted(info.items(), key=lambda x: (x[1]['best_score'], -x[1]['best_time']), reverse=True)
        lbdf = pd.DataFrame([dict(**a[1], name=a[0]) for a in leader_board])
        lbdf.rename(columns={'name': "이름", 'best_score': "최고점수", 'best_time': "시간기록", 'comment': "퀴즈유형"}, inplace=True)
        lbdf.index += 1
        md = lbdf[['이름', '최고점수', '시간기록', '퀴즈유형']]

        if info[user]['done']:
            btn = gr.Button(value="퀴즈 시작", label="퀴즈 시작")
        else:
            btn = gr.Button(value="포기하기", label="퀴즈 중단")

        return btn, md, gr.Dropdown(USERS, value=user, label="사용자", info="당신은 누구신가요?", allow_custom_value=True), info[user]['history']
    demo.load(update_table,
              inputs=user,
              outputs=[play, leader_board, user, chatbot])

demo.queue(concurrency_count=3)
demo.launch()