${emoji}

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

\n `;\n};\n\nconst makeAssistantMessageHeader = (maxHeight: number) => {\n return `I wrote some new code for your Val:

`;\n};\n\nconst mainHandler = async (c) => {\n const { readable, writable } = new TransformStream();\n const writer = writable.getWriter();\n const textEncoder = new TextEncoder();\n function write(text: string) {\n writer.write(textEncoder.encode(text));\n }\n\n let valCode = \"\";\n let iframeSrc = \"\";\n //const valName: any = c.req.query(\"valName\");\n //if (valName) {\n // const val = await vt.alias.username.valName.retrieve(username, valName);\n // valCode = val.code;\n // iframeSrc = `https://${username}-${valName}.web.val.run`;\n //}\n\n new Promise(async () => {\n write(`\n \n \n \n \n \n \n \n

\n \n \n

${_.escape(\n      valCode\n    )}

\n \n

\n \n `);\n\n const body = await c.req.parseBody();\n const userprompt: string | undefined = body.userprompt;\n let prevConversation: any[] = body.prevConversation\n ? JSON.parse(body.prevConversation as string)\n : [];\n let currentCode = body.code || \"\";\n let model = body.model || \"gpt-3.5-turbo\";\n\n write(makeBubbleHeader(\"🤖\"));\n write(\n `

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

`\n );\n write(makeBubbleFooter());\n\n for (const message of prevConversation) {\n if (message.role === \"assistant\") {\n write(makeBubbleHeader(\"🤖\"));\n write(makeAssistantMessageHeader(80));\n write(\n _.escape(\n message.content\n .replaceAll(\"ts\", \"\")\n .replaceAll(\"\", \"\")\n )\n );\n write(\"

\");\n write(makeBubbleFooter());\n } else {\n write(makeBubbleHeader(\"🧑‍💻\"));\n write(_.escape(message.content));\n write(makeBubbleFooter());\n }\n }\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: any = 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 {\n role: \"system\",\n content: `${systemprompt2}\\n\\`\\`\\`ts\\n${currentCode}\\n\\`\\`\\``,\n },\n { role: \"user\", content: userprompt },\n ],\n });\n\n write(``);\n write(makeBubbleHeader(\"🤖\", \"assistant-latest\", true));\n write(makeAssistantMessageHeader(150));\n write(\n ``\n );\n const tokens: string[] = [];\n const rawTokens: string[] = [];\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() * 10}${Math.random()\n * 10}`.replaceAll(\".\", \"\");\n const newCode = tokens.join(\"\")\n .replaceAll(\"ts\", \"\")\n .replaceAll(\"\", \"\");\n await vt.vals.create({\n name: tempValName,\n code: newCode,\n type: \"http\",\n privacy: \"public\",\n });\n write(\n ``\n );\n\n const newConversation = [\n ...prevConversation,\n { role: \"user\", content: userprompt },\n { role: \"assistant\", content: rawTokens.join(\"\") },\n ];\n write(\n ``\n );\n }\n\n write(makeBubbleHeader(\"🧑‍💻\"));\n write(`\n

\n \n \n

\n `);\n write(makeBubbleFooter());\n\n writer.close();\n });\n\n return new Response(readable, { headers: { \"Content-Type\": \"text/html\" } });\n};\napp.get(\"/\", mainHandler);\napp.post(\"/\", mainHandler);\n\nexport default passwordAuth(app.fetch, { verifyPassword: verifyToken });\n","deleted","label",[98],"permalink","https://www.val.town/x/janpaul123/valle_tmp_140068690648343496787358158586876/code/main.tsx","extension","actionData","errors"]