[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_200":201,"_202":203},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_152":-5,"_20":153,"_22":154,"_155":156,"_157":158,"_26":159,"_24":160,"_161":-5,"_162":-5,"_163":53,"_164":165,"_166":45,"_167":-5,"_168":-5,"_169":170},"routes/_app.x.$handle.$name.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/index.html","project",{"_33":98,"_13":14,"_46":99,"_100":-5,"_101":53,"_102":103,"_104":103,"_105":106,"_107":-5,"_108":109,"_110":62,"_111":45,"_112":-5,"_113":-5,"_114":48,"_115":116,"_117":-5,"_118":-5,"_119":-5,"_120":-5,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_130":131,"_132":133,"_134":135,"_136":53},"tree",[57,58,59],"file",{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_18":55},"contents",[],"upstream","pull","ahead","behind","envVars","id","f687ce72-3dc4-11f1-b93b-42b51c65c3df","index.html","fileId","f687cf12-3dc4-11f1-b93b-42b51c65c3df","parentId","deff41f1-6a11-4cbe-a353-05894f42a7c1","branchId","e8670240-3dc4-11f1-8543-42b51c65c3df","branchVersion",2,"latest",true,"createdAt",["D",1776805158229],0,"fileType","content","\n\n\n \n \n 中文对话生成器 — Chinese Conversation Generator\n \n \n \n \n\n\n

\n \n\n\n","deleted",false,"label",[56,35],"frontend",{"_33":78,"_13":56,"_36":39,"_38":-5,"_40":41,"_42":43,"_44":45,"_46":79,"_17":48,"_49":80,"_50":-5,"_52":53,"_54":-5,"_67":81,"_18":82},{"_33":70,"_13":71,"_36":72,"_38":-5,"_40":41,"_42":73,"_44":45,"_46":74,"_17":48,"_49":24,"_50":75,"_52":53,"_54":-5,"_67":76,"_18":77},{"_33":60,"_13":61,"_36":62,"_38":-5,"_40":41,"_42":63,"_44":45,"_46":64,"_17":43,"_49":65,"_50":66,"_52":53,"_54":-5,"_67":68,"_18":69},"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",[],[61],"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",[],[71],"f687f366-3dc4-11f1-b93b-42b51c65c3df",["D",1776805158229],"directory",[83,84],[56],{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":95,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_67":96,"_18":97},{"_33":85,"_13":86,"_36":87,"_38":39,"_40":41,"_42":88,"_44":45,"_46":89,"_17":90,"_49":91,"_50":92,"_52":53,"_54":-5,"_67":93,"_18":94},"a0842e2a-3dc5-11f1-8939-42b51c65c3df","index.tsx","04804b44-3dc5-11f1-aafa-42b51c65c3df",5,["D",1776805443587],1,"script","/** @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",[],[56,86],["D",1776805158229],[],[56,35],"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,"_151":147},"org",{"_11":12,"_145":-5,"_146":147,"_108":109,"_148":149,"_150":53},"branch",{"_17":73,"_13":16,"_33":41,"_137":98,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":14,"_144":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":98,"_13":14,"_46":196,"_100":-5,"_101":53,"_102":103,"_104":103,"_105":106,"_107":-5,"_108":109,"_110":62,"_111":45,"_112":-5,"_113":-5,"_114":48,"_115":116,"_117":-5,"_118":-5,"_119":-5,"_120":-5,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_130":197,"_132":198,"_134":199,"_136":53},[181,184,185],"files",[181,182,183,184,185],"counts",{"_172":48,"_173":90,"_174":48,"_32":175,"_176":177},[],{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_18":171},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[56,35],"pulls","branches","forks",{"_178":48,"_180":48},"connections",{"_178":48,"_179":48},"count","unfilledCount","emptyCount",{"_33":78,"_13":56,"_36":39,"_38":-5,"_40":41,"_42":43,"_44":45,"_46":79,"_17":48,"_49":80,"_50":-5,"_52":53,"_54":-5,"_67":194,"_18":195},{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":95,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_67":192,"_18":193},{"_33":85,"_13":86,"_36":87,"_38":39,"_40":41,"_42":88,"_44":45,"_46":89,"_17":90,"_49":91,"_50":92,"_52":53,"_54":-5,"_67":190,"_18":191},{"_33":70,"_13":71,"_36":72,"_38":-5,"_40":41,"_42":73,"_44":45,"_46":74,"_17":48,"_49":24,"_50":75,"_52":53,"_54":-5,"_67":188,"_18":189},{"_33":60,"_13":61,"_36":62,"_38":-5,"_40":41,"_42":63,"_44":45,"_46":64,"_17":43,"_49":65,"_50":66,"_52":53,"_54":-5,"_67":186,"_18":187},[],[61],[],[71],[],[56,86],[],[56,35],[182,183],[56],["D",1776805134710],{"_11":12,"_151":147},{"_11":12,"_145":-5,"_146":147,"_108":109,"_148":149,"_150":53},{"_17":73,"_13":16,"_33":41,"_137":98,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":14,"_144":12},"ctx",{"_130":-5,"_168":233,"_234":235,"_236":237,"_238":53,"_239":53,"_240":53,"_241":45,"_242":-5,"_243":-7,"_244":-7,"_245":48,"_246":53,"_247":53,"_248":-5,"_249":53,"_250":53,"_251":53,"_252":-5},"ENV",{"_204":205,"_206":207,"_208":16,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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"]