Spaces:
Sleeping
Sleeping
| import os, json, random, datetime | |
| import gradio as gr | |
| APP_TITLE = "100个不" | |
| TASKS_FILE = "tasks.json" | |
| TARGET_PERCENT = 100 | |
| LEVEL_LABELS = {"easy": "简单", "medium": "进阶", "hard": "挑战"} | |
| LABEL_TO_KEY = {v: k for k, v in LEVEL_LABELS.items()} | |
| LEVEL_REWARDS = {"easy": 1, "medium": 5, "hard": 10} | |
| # ====== 读取 tasks.json ====== | |
| def load_tasks_from_file(): | |
| if not os.path.exists(TASKS_FILE): | |
| return {"easy": [], "medium": [], "hard": []}, f"未找到 {TASKS_FILE}，使用空题库。" | |
| try: | |
| with open(TASKS_FILE, "r", encoding="utf-8") as f: | |
| data = json.load(f) | |
| for k in ["easy", "medium", "hard"]: | |
| if k not in data or not isinstance(data[k], list): | |
| raise ValueError("JSON 结构不正确，应包含 easy/medium/hard 三个数组。") | |
| return data, None | |
| except Exception as e: | |
| return {"easy": [], "medium": [], "hard": []}, f"{TASKS_FILE} 解析失败：{e}。已使用空题库。" | |
| def init_state(): | |
| tasks, msg = load_tasks_from_file() | |
| return { | |
| "done_percent": 0, | |
| "history": [], | |
| "current": None, | |
| "current_level": None, | |
| "tasks": tasks, | |
| "load_msg": msg, | |
| "celebrated": False | |
| } | |
| def progress_text(state): | |
| pct = min(100, int(state["done_percent"])) | |
| bar = f"{'█' * (pct//5)}{'░' * (20 - pct//5)}" | |
| return f"进度：{pct}%\n{bar}" | |
| def draw_task(state, level_cn): | |
| if state["done_percent"] >= TARGET_PERCENT: | |
| return state, "🎉 你已达成 100%，可以重置开始新循环或导出记录。", progress_text(state), state.get("load_msg") or "", "" | |
| level = LABEL_TO_KEY.get(level_cn, "easy") | |
| pool = state["tasks"].get(level, []) | |
| if not pool: | |
| return state, f"（{LEVEL_LABELS[level]}暂无任务，请检查 {TASKS_FILE}）", progress_text(state), state.get("load_msg") or "", "" | |
| task = random.choice(pool) | |
| state["current"] = task | |
| state["current_level"] = level | |
| return state, f"难度：{LEVEL_LABELS[level]}\n\n任务：{task}", progress_text(state), "", "" | |
| def _celebration_overlay(): | |
| return """ | |
| <div class="cele-overlay" onclick="this.remove()"> | |
| <div class="cele-modal" onclick="event.stopPropagation()"> | |
| <div class="cele-title">🎉 恭喜完成 100 个不！</div> | |
| <div class="cele-sub">你已经把“拒绝”练成了勇气。去对世界说 YES 吧！</div> | |
| <div class="confetti"> | |
| <span></span><span></span><span></span><span></span><span></span> | |
| <span></span><span></span><span></span><span></span><span></span> | |
| <span></span><span></span><span></span><span></span><span></span> | |
| </div> | |
| <button class="cele-btn" onclick="document.querySelector('.cele-overlay')?.remove()">关闭</button> | |
| </div> | |
| </div> | |
| """ | |
| def complete_task(state, note): | |
| if not state["current"]: | |
| return state, "（请先抽取任务）", progress_text(state), "" | |
| level = state["current_level"] | |
| reward = LEVEL_REWARDS.get(level, 0) | |
| before = state["done_percent"] | |
| state["done_percent"] = min(TARGET_PERCENT, state["done_percent"] + reward) | |
| state["history"].append(( | |
| state["current"], level, | |
| datetime.datetime.now().isoformat(timespec="seconds"), | |
| (note or "").strip() | |
| )) | |
| msg = f"✅ 已完成：{state['current']}（+{reward}%）" | |
| state["current"], state["current_level"] = None, None | |
| cele_html = "" | |
| if before < TARGET_PERCENT and state["done_percent"] >= TARGET_PERCENT and not state["celebrated"]: | |
| state["celebrated"] = True | |
| cele_html = _celebration_overlay() | |
| return state, msg, progress_text(state), cele_html | |
| def skip_task(state): | |
| if not state["current"]: | |
| return state, "（当前没有任务）", progress_text(state), "" | |
| skipped = state["current"] | |
| state["current"], state["current_level"] = None, None | |
| return state, f"⏭ 已跳过：{skipped}", progress_text(state), "" | |
| def reset_state(): | |
| st = init_state() | |
| return st, "已重置进度。", progress_text(st), (st["load_msg"] or ""), "" | |
| def reload_tasks(state): | |
| tasks, msg = load_tasks_from_file() | |
| state["tasks"] = tasks | |
| state["current"], state["current_level"] = None, None | |
| tip = msg if msg else "已从 tasks.json 重新加载题库。" | |
| return state, tip | |
| def export_progress(state): | |
| lines = [ | |
| "# 100个不｜练习记录", | |
| f"已完成：{state['done_percent']}%", | |
| "" | |
| ] | |
| for i, (task, lvl, ts, note) in enumerate(state["history"], 1): | |
| note_part = f" 反思：{note}" if note else "" | |
| lines.append(f"{i}. [{ts}] {LEVEL_LABELS[lvl]}任务：{task}{note_part}") | |
| content = "\n".join(lines) if len(lines) > 3 else "暂无记录" | |
| return gr.File.update(value=("progress.txt", content)) | |
| theme = gr.themes.Soft(primary_hue="pink", secondary_hue="cyan", neutral_hue="slate") | |
| CSS = """ | |
| body,.gradio-container{background:#faf7fb!important;} | |
| .topbar{display:flex;align-items:center;gap:8px;padding:28px 16px;background:linear-gradient(90deg,#ffe8f3,#e8fbff); | |
| border:1px solid #eddcf3;border-radius:16px;margin-bottom:12px;} | |
| .title{font-weight:900;font-size:28px;color:#111;} | |
| .card{background:#fff;border:1px solid #eddcf3;border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,.05);padding:16px;} | |
| .taskbox{border:1px dashed #eddcf3;border-radius:10px;padding:12px;font-weight:700;} | |
| .tip{color:#6b7280;font-size:12px;} | |
| .hero{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:24px;} | |
| .hero h1{margin:0;font-size:32px} | |
| .hero p{margin:0;color:#374151} | |
| .hero .cta{padding:10px 16px;border-radius:10px;border:1px solid #eddcf3;background:#fff;cursor:pointer;font-weight:700} | |
| .hero .cta:hover{border-color:#ff4fa3;color:#ff4fa3} | |
| .cele-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:9999;} | |
| .cele-modal{width:min(560px,92vw);background:#fff;border:1px solid #eddcf3;border-radius:16px; | |
| box-shadow:0 20px 60px rgba(0,0,0,.18);padding:20px 18px 16px;text-align:center;position:relative;overflow:hidden;} | |
| .cele-title{font-size:22px;font-weight:900;margin-bottom:6px;} | |
| .cele-sub{color:#374151;margin-bottom:12px;} | |
| .cele-btn{padding:10px 14px;border-radius:10px;border:1px solid #eddcf3;background:#fff;cursor:pointer;font-weight:700;} | |
| .cele-btn:hover{border-color:#ff4fa3;color:#ff4fa3} | |
| .confetti{position:absolute;inset:0;pointer-events:none;} | |
| .confetti span{position:absolute;top:-10px;width:10px;height:14px;border-radius:2px;animation:fall 1.8s linear infinite;opacity:.9} | |
| .confetti span:nth-child(odd){background:#ff4fa3} | |
| .confetti span:nth-child(even){background:#5ee0ff} | |
| @keyframes fall{ | |
| 0%{transform:translateY(-20px) rotate(0deg)} | |
| 100%{transform:translateY(520px) rotate(360deg)} | |
| } | |
| """ | |
| with gr.Blocks(title=APP_TITLE, theme=theme, css=CSS) as demo: | |
| state = gr.State(init_state()) | |
| # --- 首屏（Landing） --- | |
| with gr.Group(visible=True) as landing: | |
| gr.HTML(""" | |
| <div class='topbar'><div class='title'>100个不</div></div> | |
| """) | |
| gr.HTML(""" | |
| <div class="card hero"> | |
| <h1>A gentle social challenge for shy souls.</h1> | |
| <p>Collect 100 “no’s,” build real courage, and discover the world isn’t that scary after all.</p> | |
| </div> | |
| """) | |
| start_btn = gr.Button("开始挑战 ▶️", variant="primary") | |
| # --- 主界面 --- | |
| with gr.Group(visible=False) as main: | |
| gr.HTML(f"""<div class='topbar'><div class='title'>{APP_TITLE}</div></div>""") | |
| with gr.Row(): | |
| with gr.Column(scale=5): | |
| with gr.Group(elem_classes=["card"]): | |
| gr.Markdown("#### 选择难度") | |
| level_choice = gr.Radio( | |
| label="难度", | |
| choices=[LEVEL_LABELS["easy"], LEVEL_LABELS["medium"], LEVEL_LABELS["hard"]], | |
| value=LEVEL_LABELS["easy"] | |
| ) | |
| with gr.Row(): | |
| btn_draw = gr.Button("🎲 抽取任务", variant="primary") | |
| btn_reload = gr.Button("🔁 刷新题库") | |
| with gr.Row(): | |
| btn_complete = gr.Button("✅ 标记完成") | |
| btn_skip = gr.Button("⏭ 跳过") | |
| reflect = gr.Textbox(label="反思（可选）", placeholder="完成后写一句感受", lines=2) | |
| with gr.Row(): | |
| btn_export = gr.Button("📤 导出记录") | |
| btn_reset = gr.Button("🧹 重置进度") | |
| with gr.Column(scale=7): | |
| with gr.Group(elem_classes=["card"]): | |
| gr.Markdown("#### 当前任务") | |
| current_task = gr.Markdown("（点击 🎲 抽取任务）", elem_classes=["taskbox"]) | |
| progress = gr.Markdown("进度：0%\n░░░░░░░░░░░░░░░░░░░░░░") | |
| tip = gr.Markdown("", elem_classes=["tip"]) | |
| file_out = gr.File(label="下载导出记录", visible=True) | |
| cele = gr.HTML(value="", visible=True) | |
| # ====== 事件绑定 ====== | |
| def on_start(st): | |
| first_tip = st.get("load_msg") or "" | |
| st["load_msg"] = "" | |
| return (gr.update(visible=False), gr.update(visible=True), first_tip, "") | |
| def on_draw(st, lvl_cn): | |
| st, msg, prog, info, cele_html = draw_task(st, lvl_cn) | |
| return st, msg, prog, info, cele_html | |
| def on_complete(st, note): | |
| st, msg, prog, cele_html = complete_task(st, note) | |
| return st, msg, prog, "", "", cele_html | |
| def on_skip(st): | |
| st, msg, prog, cele_html = skip_task(st) | |
| return st, msg, prog, "", cele_html | |
| def on_export(st): | |
| return export_progress(st) | |
| def on_reset(): | |
| st, msg, prog, info, cele_html = reset_state() | |
| return st, "（点击 🎲 抽取任务）", prog, info, None, cele_html | |
| def on_reload(st): | |
| st, info = reload_tasks(st) | |
| return st, info | |
| start_btn.click(on_start, inputs=[state], outputs=[landing, main, tip, cele]) | |
| btn_draw.click(on_draw, inputs=[state, level_choice], outputs=[state, current_task, progress, tip, cele]) | |
| btn_complete.click(on_complete, inputs=[state, reflect], outputs=[state, current_task, progress, tip, reflect, cele]) | |
| btn_skip.click(on_skip, inputs=[state], outputs=[state, current_task, progress, tip, cele]) | |
| btn_export.click(on_export, inputs=[state], outputs=[file_out]) | |
| btn_reset.click(on_reset, outputs=[state, current_task, progress, tip, file_out, cele]) | |
| btn_reload.click(on_reload, inputs=[state], outputs=[state, tip]) | |
| if __name__ == "__main__": | |
| demo.launch(ssr_mode=False) |