[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_188":189,"_190":191},"routes/_app.x.$handle.$name",{"_105":104,"_38":50,"_114":91,"_33":115,"_13":14,"_116":-5,"_11":117,"_118":119,"_120":121,"_122":123,"_124":125,"_26":-5,"_126":127,"_128":129,"_130":31,"_131":132,"_133":63,"_134":-5,"_135":-5,"_136":137},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_38":50,"_43":51,"_52":-5,"_53":31,"_54":55,"_56":55,"_57":-5,"_58":-5,"_19":59,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":31},"version",32,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","71fd70b5-8e10-41ff-96d2-cee3bc8c1e32","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":26,"_40":42,"_43":44,"_45":14,"_46":47,"_30":31},"previous",{"_36":37,"_38":34,"_39":26,"_40":41},"deleted",false,"deletedHere","path","README.md","latestPath","fileId","01a079e9-73b0-76d8-a7b4-a5e9b886a96a","name","fileType","content","* Fork this val to your own profile.\n* Create a [Val Town API token](https://www.val.town/settings/api), open the browser preview of this val, and use the API token as the password to log in.\n","# VALL-E — coding chatbot\n\nA conversational chatbot that streams replies and returns code in copyable code blocks. No login or API key required.\n\n- Type a message; VALL-E streams its reply live.\n- Code is wrapped in fenced code blocks with a **Copy** button.\n- The conversation carries over between messages.\n\nUses the Val Town OpenAI proxy (`std-openaiproxy.web.val.run`) with the auto-injected `valtown` token, so there's nothing to configure.\n\nOpen the app: [url:main.tsx]\n","createdAt",["D",1788752950189],"branchVersion","branchId","b7d72ad9-66df-4de5-8cb2-e4dd9ded47ed","id","f2ccd201-cd1b-4c09-95e8-468bddd1219a","itchatbot",["D",1788751737705],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","71dd8e68-0bdc-406a-80ca-10c2c5c89c48","pinnedFileId","a5919ed0-ab29-11f1-8034-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a079d4-a61e-70f7-8070-e49f40e3accd","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_105":104,"_113":109},"org",{"_105":104,"_106":107,"_108":109,"_19":59,"_110":111,"_112":31},"branch",{"_13":90,"_38":91,"_48":47,"_92":49,"_93":94,"_95":96,"_97":55,"_98":99,"_100":101,"_102":50,"_103":104},"isOwned",54,"main","projectId","forkedBranchId","9d8f7034-26de-11f0-a5b3-569c3dd06744","forkedBranchVersion",4,"forkedProjectPrivacy","forkedProjectId","9d8f23ea-26de-11f0-a5b3-569c3dd06744","forkedProjectOrgId","f9c69a1c-4300-4bec-b4cf-7c54a6c90f97","projectName","userHandle","itdude207","handle","displayName","ITDUDE207","avatar","https://avatars.githubusercontent.com/u/261690574?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_38":50,"_43":184,"_52":-5,"_53":31,"_54":55,"_56":55,"_57":-5,"_58":-5,"_19":59,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":185,"_85":186,"_87":187,"_89":31},"tree",[175,176],"files",[175,176],"counts",{"_165":67,"_166":163,"_167":67,"_168":169,"_170":171},"contents",[147,148],"upstreamProject",{"_48":99,"_38":144,"_57":-5,"_58":-5,"_54":55,"_83":145},"upstreamBranch",{"_48":94,"_43":138,"_139":140,"_38":91,"_92":99,"_13":96,"_93":-5,"_95":-5,"_141":142,"_52":-5,"_89":31,"_54":55,"_103":143,"_68":101,"_102":144},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746139801646],"updatedAt",["D",1723130638498],"lockfileKey","1746159453328-esm.town_v_janpaul123_valleBlogV0@4-main","janpaul123","valleBlogV0",{"_105":143,"_113":146},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJncEQ0elVic1BxOU15TkFMV0JCUkdRQndWMCJ9",{"_48":161,"_38":34,"_36":37,"_152":-5,"_46":47,"_45":14,"_154":63,"_43":162,"_13":163,"_39":26,"_40":42,"_30":31,"_159":-5,"_33":164},{"_48":149,"_38":150,"_36":151,"_152":-5,"_46":47,"_45":153,"_154":31,"_43":155,"_13":156,"_39":157,"_40":158,"_30":31,"_159":-5,"_33":160},"1c31a936-a43c-417e-a92f-a36477d83e5f","main.tsx","01a079e9-73b0-76d8-a7b4-aa1922e8a3f8","parentId",30,"latest",["D",1788752940345],15,"http","import _ from \"npm:lodash@4\";\n\n// OpenAI-compatible proxy. No key needed: the injected `valtown` token\n// (available in every val automatically) is used to authenticate.\nconst PROXY = \"https://std-openaiproxy.web.val.run/v1\";\n\nconst SYSTEM_PROMPT =\n \"You are VALL-E, a friendly coding chatbot. Keep chat responses concise and conversational. \" +\n \"Whenever you include code, wrap it in a fenced code block using triple backticks with a language tag, \" +\n \"like ```ts\\\\n ... \\\\n```. Only one code block per message. When finished, stop.\";\n\ntype Msg = { role: \"user\" | \"assistant\"; content: string };\n\n// Stream a chat completion over SSE, sending each delta to onDelta.\nasync function streamChat(\n token: string,\n messages: { role: string; content: string }[],\n onDelta: (text: string) => void,\n): Promise {\n const res = await fetch(`${PROXY}/chat/completions`, {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\", authorization: `Bearer ${token}` },\n body: JSON.stringify({ model: \"gpt-4o\", messages, stream: true, max_completion_tokens: 2000 }),\n });\n if (!res.ok || !res.body) {\n throw new Error(`Model request failed: ${res.status} ${(await res.text().catch(() => \"\")).slice(0, 200)}`);\n }\n\n const reader = res.body.getReader();\n const decoder = new TextDecoder();\n let buffer = \"\";\n let full = \"\";\n let sawDone = false;\n\n const processLine = (line: string) => {\n const trimmed = line.trim();\n if (!trimmed.startsWith(\"data:\")) return;\n const data = trimmed.slice(5).trim();\n if (data === \"[DONE]\") {\n sawDone = true;\n return;\n }\n try {\n const j = JSON.parse(data);\n const delta: string | undefined = j.choices?.[0]?.delta?.content;\n if (delta) {\n full += delta;\n onDelta(delta);\n }\n } catch {\n // ignore keep-alive / partial lines\n }\n };\n\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n buffer += decoder.decode(value, { stream: true });\n let nl: number;\n while ((nl = buffer.indexOf(\"\\n\")) >= 0) {\n const line = buffer.slice(0, nl);\n buffer = buffer.slice(nl + 1);\n processLine(line);\n }\n }\n if (buffer.trim()) processLine(buffer);\n\n if (!sawDone && full) {\n throw new Error(\"The response was cut off mid-stream — please send your message again.\");\n }\n return full;\n}\n\nfunction para(s: string): string {\n return _.escape(s).replace(/\\n/g, \"
\");\n}\n\n// Render an assistant reply: plain text paragraphs + fenced code blocks with a copy button.\nfunction renderAssistant(full: string): string {\n const regex = /```(\\w*)\\s*\\n([\\s\\S]*?)```/g;\n let out = \"\";\n let last = 0;\n let m: RegExpExecArray | null;\n while ((m = regex.exec(full))) {\n if (m.index > last) {\n out += `

${para(full.slice(last, m.index))}

`;\n }\n const code = m[2].replace(/\\n$/, \"\");\n const lang = _.escape(m[1] || \"code\");\n out +=\n `

` +\n `` +\n `

${_.escape(code)}

` +\n `

`;\n last = m.index + m[0].length;\n }\n if (last < full.length) out += `

${para(full.slice(last))}

`;\n return out || `

${para(full)}

`;\n}\n\nfunction bubble(role: \"user\" | \"assistant\", inner: string): string {\n if (role === \"user\") {\n return `

${inner}

`;\n }\n return `

${inner}

`;\n}\n\nasync function main(req: Request): Promise {\n const { readable, writable } = new TransformStream();\n const writer = writable.getWriter();\n const write = (t: string) => writer.write(new TextEncoder().encode(t));\n\n (async () => {\n try {\n write(`\n\n\n \n VALL-E\n \n \n\n\n

Hi, I'm VALL-E

`);\n\n const form = req.method === \"POST\" ? await req.formData() : null;\n const userText = (form?.get(\"userprompt\") as string) ?? \"\";\n let history: Msg[] = [];\n try {\n history = JSON.parse((form?.get(\"messages\") as string) || \"[]\");\n } catch {\n history = [];\n }\n\n // Render prior conversation\n for (const msg of history) {\n if (msg.role === \"user\") {\n write(bubble(\"user\", `

${para(msg.content)}

`));\n } else {\n write(bubble(\"assistant\", renderAssistant(msg.content)));\n }\n }\n\n if (userText) {\n const nextHistory: Msg[] = [...history, { role: \"user\", content: userText }];\n write(bubble(\"user\", `

${para(userText)}

`));\n write(`

`);\n\n const token = Deno.env.get(\"valtown\");\n const modelMessages = [\n { role: \"system\", content: SYSTEM_PROMPT },\n ...nextHistory,\n ];\n\n let full = \"\";\n await streamChat(token, modelMessages, (d) => {\n full += d;\n write(_.escape(d));\n });\n\n const newHistory: Msg[] = [...nextHistory, { role: \"assistant\", content: full }];\n const rendered = bubble(\"assistant\", renderAssistant(full));\n // Replace the streaming placeholder with the final rendered assistant reply,\n // and persist the updated conversation into the hidden form field.\n write(\n ``,\n );\n }\n\n write(`

`);\n\n // Input form (keeps conversation in a hidden field)\n write(\n ``,\n );\n\n write(``);\n } catch (e) {\n write(`

Something went wrong: ${_.escape((e && (e as any).message) || e)}

`);\n } finally {\n writer.close();\n }\n })();\n\n return new Response(readable, { headers: { \"Content-Type\": \"text/html\" } });\n}\n\nexport default main;\n","label",[150],"357a7bc2-ce65-4ccc-b895-93bd470886ab",["D",1788752950189],1,[34],"pulls","branches","forks","envVars",{"_172":67,"_174":67},"connections",{"_172":67,"_173":67},"count","unfilledCount","emptyCount",{"_48":161,"_38":34,"_36":37,"_152":-5,"_46":47,"_45":14,"_154":63,"_43":181,"_13":163,"_39":26,"_40":42,"_30":31,"_159":-5,"_178":182,"_33":183},{"_48":149,"_38":150,"_36":151,"_152":-5,"_46":47,"_45":153,"_154":31,"_43":177,"_13":156,"_39":157,"_40":158,"_30":31,"_159":-5,"_178":179,"_33":180},["D",1788752940345],"children",[],[150],["D",1788752950189],[],[34],["D",1788751737705],{"_105":104,"_113":109},{"_105":104,"_106":107,"_108":109,"_19":59,"_110":111,"_112":31},{"_13":90,"_38":91,"_48":47,"_92":49,"_93":94,"_95":96,"_97":55,"_98":99,"_100":101,"_102":50,"_103":104},"ctx",{"_83":-5,"_135":221,"_222":223,"_224":225,"_226":31,"_227":31,"_228":31,"_229":63,"_230":-5,"_231":-7,"_232":-7,"_233":67,"_234":31,"_235":31,"_236":-5,"_237":31,"_238":31,"_239":31,"_240":-5},"ENV",{"_192":193,"_194":195,"_196":91,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Diff · v32