\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",[],[67,88],"f687ce72-3dc4-11f1-b93b-42b51c65c3df","index.html","f687cf12-3dc4-11f1-b93b-42b51c65c3df",["D",1776805158229],"\n\n\n \n \n 中文对话生成器 — Chinese Conversation Generator\n \n \n \n \n\n\n

\n \n\n\n",[],[67,98],"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":19},"org",{"_11":12,"_151":-5,"_152":19,"_114":115,"_153":154,"_155":55},"branch",{"_17":61,"_13":16,"_35":42,"_143":104,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":14,"_150":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":104,"_13":14,"_47":205,"_106":-5,"_107":55,"_108":109,"_110":109,"_111":112,"_113":-5,"_114":115,"_116":39,"_117":46,"_118":-5,"_119":-5,"_120":63,"_121":122,"_123":-5,"_124":-5,"_125":-5,"_126":-5,"_127":128,"_129":128,"_130":131,"_132":131,"_133":131,"_134":128,"_135":128,"_136":206,"_138":207,"_140":208,"_142":55},[190,193,194],"files",[190,191,192,193,194],"counts",{"_181":63,"_182":92,"_183":63,"_31":184,"_185":186},[175,176,177],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":49,"_45":46,"_47":69,"_17":63,"_50":70,"_52":-5,"_54":55,"_56":-5,"_18":180},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":62,"_17":63,"_50":24,"_52":64,"_54":55,"_56":-5,"_18":179},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":178},[37],[59],[67],"pulls","branches","forks",{"_187":63,"_189":63},"connections",{"_187":63,"_188":63},"count","unfilledCount","emptyCount",{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":49,"_45":46,"_47":82,"_17":63,"_50":70,"_52":-5,"_54":55,"_56":-5,"_76":203,"_18":204},{"_35":97,"_13":98,"_38":99,"_40":68,"_41":42,"_43":49,"_45":46,"_47":100,"_17":63,"_50":24,"_52":101,"_54":55,"_56":-5,"_76":201,"_18":202},{"_35":87,"_13":88,"_38":89,"_40":68,"_41":42,"_43":90,"_45":46,"_47":91,"_17":92,"_50":93,"_52":94,"_54":55,"_56":-5,"_76":199,"_18":200},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":79,"_17":63,"_50":24,"_52":64,"_54":55,"_56":-5,"_76":197,"_18":198},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":75,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_76":195,"_18":196},[],[37],[],[59],[],[67,88],[],[67,98],[191,192],[67],["D",1776805134710],{"_11":12,"_156":19},{"_11":12,"_151":-5,"_152":19,"_114":115,"_153":154,"_155":55},{"_17":61,"_13":16,"_35":42,"_143":104,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":14,"_150":12},"ctx",{"_136":-5,"_172":242,"_243":244,"_245":246,"_247":55,"_248":55,"_249":55,"_250":46,"_251":-5,"_252":-7,"_253":-7,"_254":63,"_255":55,"_256":55,"_257":-5,"_258":55,"_259":55,"_260":55,"_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","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"]

Code