[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_209":210,"_211":212},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_157":-5,"_20":158,"_22":159,"_160":161,"_162":163,"_26":164,"_24":165,"_166":-5,"_167":-5,"_168":56,"_169":170,"_171":47,"_172":-5,"_173":-5,"_174":175},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","adamsliu13","name","chinese-vocab-conversation","branchName","main","version","path","frontend","project",{"_35":103,"_13":14,"_48":104,"_105":-5,"_106":56,"_107":108,"_109":108,"_110":111,"_112":-5,"_113":114,"_115":76,"_116":47,"_117":-5,"_118":-5,"_119":64,"_120":121,"_122":-5,"_123":-5,"_124":-5,"_125":-5,"_126":127,"_128":127,"_129":130,"_131":130,"_132":130,"_133":127,"_134":127,"_135":136,"_137":138,"_139":140,"_141":56},"tree",[71,72,73],"file",{"_35":67,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":62,"_46":47,"_48":68,"_17":64,"_51":69,"_53":-5,"_55":56,"_57":-5,"_18":70},"contents",[33,34],"upstream","pull","ahead","behind","envVars",{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":63,"_17":64,"_51":24,"_53":65,"_55":56,"_57":-5,"_18":66},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":58},"id","a0842e2a-3dc5-11f1-8939-42b51c65c3df","index.tsx","fileId","04804b44-3dc5-11f1-aafa-42b51c65c3df","parentId","deff41f1-6a11-4cbe-a353-05894f42a7c1","branchId","e8670240-3dc4-11f1-8543-42b51c65c3df","branchVersion",5,"latest",true,"createdAt",["D",1776805443587],1,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport ReactMarkdown from \"https://esm.sh/react-markdown@9.0.1?deps=react@18.2.0,react-dom@18.2.0\";\nimport remarkGfm from \"https://esm.sh/remark-gfm@4.0.0\";\n\nfunction App() {\n const [words, setWords] = useState(\"\");\n const [script, setScript] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n\n const handleGenerate = useCallback(async () => {\n if (!words.trim()) {\n setError(\"Please enter at least one vocab word.\");\n return;\n }\n\n setLoading(true);\n setError(\"\");\n setScript(\"\");\n\n const wordList = words\n .split(/[,，\\n]+/)\n .map((w) => w.trim())\n .filter(Boolean);\n\n try {\n const res = await fetch(\"/api/generate\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ words: wordList }),\n });\n const data = await res.json();\n if (data.error) {\n setError(data.error);\n } else {\n setScript(data.script);\n }\n } catch (err) {\n setError(\"Network error. Please try again.\");\n } finally {\n setLoading(false);\n }\n }, [words]);\n\n const exampleWords = \"超市, 打折, 新鲜, 付款, 购物袋\";\n\n return (\n

\n {/* Header */}\n

🇨🇳 中文对话生成器

Chinese Conversation Script Generator

\n Enter vocab words → Get a 5-minute 2-person conversation script\n

\n\n {/* Vocab Input */}\n

\n \n 📝 Vocab Words (comma or newline separated)\n \n setWords(e.target.value)}\n placeholder={`e.g.\\n${exampleWords}`}\n rows={4}\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-red-400 focus:border-transparent outline-none text-lg\"\n />\n setWords(exampleWords)}\n className=\"mt-2 text-xs text-red-600 hover:text-red-800 underline\"\n >\n Try example: {exampleWords}\n \n

\n\n {/* Generate Button */}\n \n {loading ? (\n \n \n Generating conversation...\n \n ) : (\n \"🎭 Generate Conversation Script\"\n )}\n \n\n {/* Error */}\n {error && (\n

\n ⚠️ {error}\n

\n )}\n\n {/* Result */}\n {script && (\n

🎬 Conversation Script

\n navigator.clipboard.writeText(script)}\n className=\"text-sm px-3 py-1.5 bg-gray-100 rounded-lg hover:bg-gray-200 transition\"\n >\n 📋 Copy\n \n

\n {script}\n

\n )}\n\n {/* Footer */}\n

\n View Source\n {\" · \"}\n Built on Val Town\n

\n );\n}\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();\n","deleted",false,"label",[19,37],"f687ce72-3dc4-11f1-b93b-42b51c65c3df","index.html","f687cf12-3dc4-11f1-b93b-42b51c65c3df",2,["D",1776805158229],0,"\n\n\n \n \n 中文对话生成器 — Chinese Conversation Generator\n \n \n \n \n\n\n

\n \n\n\n",[19,60],"f687f366-3dc4-11f1-b93b-42b51c65c3df",["D",1776805158229],"directory",[19],{"_35":67,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":62,"_46":47,"_48":92,"_17":64,"_51":69,"_53":-5,"_55":56,"_57":-5,"_81":93,"_18":94},{"_35":84,"_13":85,"_38":86,"_40":-5,"_42":43,"_44":87,"_46":47,"_48":88,"_17":64,"_51":24,"_53":89,"_55":56,"_57":-5,"_81":90,"_18":91},{"_35":74,"_13":75,"_38":76,"_40":-5,"_42":43,"_44":77,"_46":47,"_48":78,"_17":62,"_51":79,"_53":80,"_55":56,"_57":-5,"_81":82,"_18":83},"a50c0026-3dc5-11f1-9c55-42b51c65c3df","main.tsx","f3307120-3dc4-11f1-882f-42b51c65c3df",6,["D",1776805451189],"http","import { Hono } from \"npm:hono@4\";\nimport { serveFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\napp.onError((err) => Promise.reject(err));\n\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\", import.meta.url));\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.post(\"/api/generate\", async (c) => {\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const openai = new OpenAI();\n\n const { words } = await c.req.json();\n\n if (!words || !Array.isArray(words) || words.length === 0) {\n return c.json({ error: \"Please provide at least one vocab word.\" }, 400);\n }\n\n const wordList = words.join(\", \");\n\n const prompt = `You are a Chinese language teaching assistant. Create a natural, engaging 5-minute conversation script between two people (小明 Xiǎo Míng and 小红 Xiǎo Hóng) that incorporates ALL of the following Chinese vocabulary words: ${wordList}\n\nRequirements:\n- The conversation should feel natural and have a coherent storyline/topic\n- Each vocab word must appear at least once, highlighted in the dialogue\n- Format each line as: **Speaker:** Chinese text (pinyin) — English translation\n- The conversation should be approximately 30-40 exchanges (to fill ~5 minutes when read aloud)\n- Start with a brief scene description\n- Use a mix of simple and intermediate grammar\n- Bold the target vocab words in the Chinese text using **bold** markdown\n- At the end, provide a \"Vocab Review\" section listing each word with pinyin and definition\n\nMake the conversation interesting, maybe involving a real-life scenario like shopping, traveling, ordering food, visiting a friend, etc. Choose the most natural scenario for the given words.`;\n\n try {\n const completion = await openai.chat.completions.create({\n messages: [\n { role: \"system\", content: \"You are a helpful Chinese language tutor who creates engaging conversation scripts for learners.\" },\n { role: \"user\", content: prompt },\n ],\n model: \"gpt-4o-mini\",\n temperature: 0.8,\n max_tokens: 4000,\n });\n\n const script = completion.choices[0].message.content;\n return c.json({ script });\n } catch (err: any) {\n return c.json({ error: \"Failed to generate conversation: \" + (err.message || String(err)) }, 500);\n }\n});\n\nexport default app.fetch;\n","children",[],[75],"bf024b70-3dc5-11f1-92d8-42b51c65c3df","README.md","bf024c42-3dc5-11f1-92d8-42b51c65c3df",7,["D",1776805494756],"# 🇨🇳 Chinese Vocab Conversation Generator\n\nEnter a list of Chinese vocabulary words and get a **5-minute, 2-person conversation script** that naturally incorporates all of them.\n\n## How it works\n\n1. Type or paste your Chinese vocab words (comma or newline separated)\n2. Click **Generate** — AI creates a dialogue between 小明 and 小红\n3. Each line includes: Chinese → Pinyin → English translation\n4. Target vocab words are highlighted in the script\n5. A vocab review section is included at the end\n\n## Tech Stack\n\n- **Frontend:** React + Twind (Tailwind)\n- **Backend:** Hono on Val Town\n- **AI:** Val Town's built-in OpenAI (gpt-4o-mini) — no API key needed\n\n```mermaid\ngraph LR\n A[User enters vocab words] --> B[POST /api/generate]\n B --> C[Val Town std/openai]\n C --> D[GPT-4o-mini]\n D --> E[Conversation script]\n E --> F[Rendered with react-markdown]\n```\n",[],[85],["D",1776805158229],[95,96],[19],{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":100,"_17":64,"_51":24,"_53":65,"_55":56,"_57":-5,"_81":101,"_18":102},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":97,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_81":98,"_18":99},["D",1776805443587],[],[19,37],["D",1776805158229],[],[19,60],"e866a872-3dc4-11f1-8543-42b51c65c3df",["D",1776805134710],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Generate 2-person Chinese conversation scripts from vocab words","imageUrl","userId","08948d3c-72fa-4c43-a8ea-1ec9b7450dd2","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019db1d0-4320-765e-984f-fd383e1c531e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_156":152},"org",{"_11":12,"_150":-5,"_151":152,"_113":114,"_153":154,"_155":56},"branch",{"_17":87,"_13":16,"_35":43,"_142":103,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":14,"_149":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":103,"_13":14,"_48":205,"_105":-5,"_106":56,"_107":108,"_109":108,"_110":111,"_112":-5,"_113":114,"_115":76,"_116":47,"_117":-5,"_118":-5,"_119":64,"_120":121,"_122":-5,"_123":-5,"_124":-5,"_125":-5,"_126":127,"_128":127,"_129":130,"_131":130,"_132":130,"_133":127,"_134":127,"_135":206,"_137":207,"_139":208,"_141":56},[190,193,194],"files",[190,191,192,193,194],"counts",{"_181":64,"_182":50,"_183":64,"_32":184,"_185":186},[177,178],{"_35":67,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":62,"_46":47,"_48":68,"_17":64,"_51":69,"_53":-5,"_55":56,"_57":-5,"_18":176},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":63,"_17":64,"_51":24,"_53":65,"_55":56,"_57":-5,"_18":180},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":179},[19,37],[19,60],"pulls","branches","forks",{"_187":64,"_189":64},"connections",{"_187":64,"_188":64},"count","unfilledCount","emptyCount",{"_35":67,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":62,"_46":47,"_48":92,"_17":64,"_51":69,"_53":-5,"_55":56,"_57":-5,"_81":203,"_18":204},{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":100,"_17":64,"_51":24,"_53":65,"_55":56,"_57":-5,"_81":201,"_18":202},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":97,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_81":199,"_18":200},{"_35":84,"_13":85,"_38":86,"_40":-5,"_42":43,"_44":87,"_46":47,"_48":88,"_17":64,"_51":24,"_53":89,"_55":56,"_57":-5,"_81":197,"_18":198},{"_35":74,"_13":75,"_38":76,"_40":-5,"_42":43,"_44":77,"_46":47,"_48":78,"_17":62,"_51":79,"_53":80,"_55":56,"_57":-5,"_81":195,"_18":196},[],[75],[],[85],[],[19,37],[],[19,60],[191,192],[19],["D",1776805134710],{"_11":12,"_156":152},{"_11":12,"_150":-5,"_151":152,"_113":114,"_153":154,"_155":56},{"_17":87,"_13":16,"_35":43,"_142":103,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":14,"_149":12},"ctx",{"_135":-5,"_173":242,"_243":244,"_245":246,"_247":56,"_248":56,"_249":56,"_250":47,"_251":-5,"_252":-7,"_253":-7,"_254":64,"_255":56,"_256":56,"_257":-5,"_258":56,"_259":56,"_260":56,"_261":-5},"ENV",{"_213":214,"_215":216,"_217":16,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","81405aa0531e90dfbb71a5bf473aaa0cf4c8702f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]