${emoji}

\n `;\n};\n\nconst makeBubbleFooter = () => `\n

\n`;\n\nconst renderConversation = (messages) => {\n return messages.map(message => {\n const header = message.role === \"assistant\" ? makeBubbleHeader(\"🤖\") : makeBubbleHeader(\"🧑‍💻\");\n const content = message.role === \"assistant\"\n ? `

${_.escape(message.content.replace(/ts/g, \"\").replace(//g, \"\"))}

`\n : _.escape(message.content);\n return header + content + makeBubbleFooter();\n }).join(\"\");\n};\n\nconst mainHandler = async (c) => {\n const { readable, writable } = new TransformStream();\n const writer = writable.getWriter();\n const textEncoder = new TextEncoder();\n\n function write(text) {\n writer.write(textEncoder.encode(text));\n }\n\n write(`\n \n \n \n \n \n \n

\n \n \n

\n \n

\n `);\n\n const body = await c.req.parseBody();\n const { userprompt, prevConversation: prevConversationRaw, code: currentCodeRaw, model: modelRaw } = body;\n \n const prevConversation = prevConversationRaw ? JSON.parse(prevConversationRaw) : [];\n const currentCode = currentCodeRaw || \"\";\n const model = modelRaw || \"gpt-3.5-turbo\";\n\n write(makeBubbleHeader(\"🤖\"));\n write(`

Hi, I'm VALL-E . How can I help?

`);\n write(makeBubbleFooter());\n\n write(renderConversation(prevConversation));\n\n if (userprompt) {\n write(makeBubbleHeader(\"🧑‍💻\"));\n write(_.escape(userprompt));\n write(makeBubbleFooter());\n\n write(makeBubbleHeader(\"🤖\", \"bubble-loading\", true));\n write(``);\n write(makeBubbleFooter());\n\n const contextWindow = await valleGetValsContextWindow(model);\n const openai = new OpenAI();\n const stream = await openai.chat.completions.create({\n model,\n stream: true,\n messages: [\n ...contextWindow.slice(0, 300),\n { role: \"system\", content: systemPrompt },\n ...prevConversation,\n { role: \"system\", content: `${additionalPrompt}\\n\\`\\`\\`ts\\n${currentCode}\\n\\`\\`\\`` },\n { role: \"user\", content: userprompt },\n ],\n });\n\n write(``);\n write(makeBubbleHeader(\"🤖\", \"assistant-latest\", true));\n write(`

`);\n write(``);\n\n const tokens = [];\n const rawTokens = [];\n for await (const chunk of stream) {\n const text = chunk.choices[0]?.delta?.content;\n if (!text) continue;\n rawTokens.push(text);\n\n if (text === \"\") continue;\n if (tokens.length === 0 && text === \"ts\") continue;\n if (tokens.length === 0 && text === \"\\n\") continue;\n \n write(_.escape(text));\n tokens.push(text);\n write(``);\n }\n write(`

`);\n write(makeBubbleFooter());\n\n const tempValName = `valle_tmp_${Math.random().toString().substring(2, 10)}`;\n const newCode = tokens.join(\"\").replace(/ts/g, \"\").replace(//g, \"\");\n await vt.vals.create({ name: tempValName, code: newCode, type: \"http\", privacy: \"public\" });\n write(``);\n\n const newConversation = [\n ...prevConversation,\n { role: \"user\", content: userprompt },\n { role: \"assistant\", content: rawTokens.join(\"\") },\n ];\n write(``);\n }\n\n write(makeBubbleHeader(\"🧑‍💻\"));\n write(`

\n \n \n

`);\n write(makeBubbleFooter());\n\n writer.close();\n\n return new Response(readable, { headers: { \"Content-Type\": \"text/html\" } });\n};\n\napp.get(\"/\", mainHandler);\napp.post(\"/\", mainHandler);\n\nexport default passwordAuth(app.fetch, { verifyPassword: verifyToken });\n",[],[171],"files",[151,169],"counts",{"_181":32,"_182":138,"_183":32,"_184":32},"pulls","branches","forks","envVars","contents",[],{"_103":152,"_156":139,"_153":154,"_95":99,"_162":163,"_160":161,"_100":32,"_155":-5,"_105":188,"_157":138,"_165":-5,"_98":189},["D",1721081140899],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":198,"_149":203,"_177":210,"_161":211,"_185":214,"_215":-5,"_216":22,"_217":-5,"_218":-5,"_219":-5,"_220":221},{"_103":104,"_95":96,"_105":199,"_107":-5,"_108":109,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":109,"_118":-5,"_119":32,"_16":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":200,"_133":201,"_136":202,"_148":22},["D",1746139732861],{"_93":94,"_131":132},{"_93":94,"_135":132},{"_100":138,"_95":43,"_103":139,"_140":104,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":96,"_147":94},[204,207],{"_103":152,"_95":99,"_153":154,"_155":-5,"_156":139,"_157":138,"_158":109,"_105":159,"_100":32,"_160":161,"_162":163,"_164":22,"_165":-5,"_166":205,"_98":206},[],[99],{"_103":170,"_95":171,"_153":116,"_155":-5,"_156":139,"_157":138,"_158":109,"_105":172,"_100":32,"_160":173,"_162":174,"_164":22,"_165":-5,"_166":208,"_98":209},[],[171],[204,207],{"_103":152,"_156":139,"_153":154,"_95":99,"_162":163,"_160":161,"_100":32,"_155":-5,"_105":212,"_157":138,"_165":-5,"_98":213},["D",1721081140899],[99],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[222,239],{"_103":223,"_95":224,"_105":225,"_107":-5,"_108":22,"_110":111,"_112":226,"_113":227,"_14":228,"_115":229,"_117":109,"_118":230,"_119":231,"_16":232,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":233,"_133":236,"_136":237,"_148":22},"8e7382ae-d835-11ef-bbbf-e6cdfca9ef9f","markdownBlogStarter",["D",1737491000655],"Starter template for a markdown blog","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/44a31e5c-3e8a-48a8-d067-5785c0b08200/square512","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","a4a9ad14-d835-11ef-8351-e6cdfca9ef9f",167,11,"e81e7335-6d4c-4764-a902-d0962bbfa9f7",{"_93":234,"_131":235},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_93":234,"_135":235},{"_103":238,"_95":43,"_100":230,"_140":223,"_141":-5,"_142":-5},"8e73c264-d835-11ef-bbbf-e6cdfca9ef9f",{"_103":240,"_95":241,"_105":242,"_107":-5,"_108":22,"_110":111,"_112":243,"_113":-5,"_14":244,"_115":245,"_117":109,"_118":246,"_119":247,"_16":248,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":249,"_133":252,"_136":253,"_148":22},"96102714-f528-11ef-aa68-569c3dd06744","reactHonoStarter",["D",1740674013689],"Starter template with client-side React & Hono server","c9143560-63b6-444f-8f9f-e2647fabe09f","a9b2b20a-f528-11ef-9e98-569c3dd06744",39,14,"c606f87f-4d7e-48c8-9c39-ef5ab94aec49",{"_93":250,"_131":251},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ",{"_93":250,"_135":251},{"_103":254,"_95":43,"_100":255,"_140":240,"_141":-5,"_142":-5},"961078ea-f528-11ef-aa68-569c3dd06744",72,"actionData","errors"]

janpaul123

valle_tmp_2671404837576818506367901100203444