\n \n \n

\n Val Name: \n

Prompt:

\n \n \n

\n \n

\n \n );\n}\n\napp.get(\"/\", async (c) => {\n return jsxResponse(\n renderForm(\"valwriter_output\", \"Create a script val that returns the weather in Brooklyn.\", \"new\", \"\"),\n );\n});\n\napp.post(\"/save\", async (c) => {\n const body = await c.req.parseBody();\n const valName: any = body.valName;\n const code: any = body.code;\n try {\n await updateValByName({\n token: Deno.env.get(\"valtown\"),\n code,\n name: valName,\n });\n } catch (err) {\n return jsxResponse(Error: {err});\n }\n return jsxResponse(✅ Saved);\n});\n\napp.post(\"/\", async (c) => {\n const { readable, writable } = new TransformStream();\n const writer = writable.getWriter();\n const textEncoder = new TextEncoder();\n function write(text) {\n writer.write(textEncoder.encode(text));\n }\n\n const body = await c.req.parseBody();\n const prompt: any = body.prompt;\n const valName: any = body.valName;\n const type: any = body.type;\n const previousExpandedPrompts: any = JSON.parse(body.expandedPrompts as any);\n\n let existingValCode;\n if (type === \"update\") {\n const val = await vt.alias.username.valName.retrieve(username, valName);\n existingValCode = val.code;\n } else if (type === \"iterate\" || type === \"iterate-inline\") {\n existingValCode = body.code;\n }\n\n new Promise(async () => {\n write(\"

Processing…

\");\n write(`\n \n `);\n\n const model = \"gpt-3.5-turbo\";\n // const model = \"gpt-4o\";\n const contextWindow: any = await getValsContextWindow(model);\n\n const expandedPrompts = type === \"iterate-inline\"\n ? [\n ...previousExpandedPrompts,\n {\n role: \"assistant\",\n content: `\\`\\`\\`ts\\n${existingValCode}\\n\\`\\`\\``,\n },\n {\n role: \"user\",\n content: prompt,\n },\n ]\n : [\n ...(type === \"update\" || type === \"iterate\")\n ? [\n {\n role: \"system\",\n content:\n `This is the existing val (${username}/${valName}): \\`\\`\\`ts\\n${existingValCode}\\n\\`\\`\\`\\nYour goal is to update this val given the instructions. Please repeat the entire val, changing only the absolute minimum that needs to be changed to satisfy the goal.`,\n },\n ]\n : [],\n {\n role: \"system\",\n content:\n `Act as an expert software engineer. Always use best practices. Your response should start with \\`\\`\\`ts and end with \\`\\`\\`. Start your response with a comment explaining how your approach will work, what libraries or API calls you will use, and any tradeoffs you're making. Then write the code in a consise way, the simplest way to achieve the goal, though you can add some inline comments to explain your reasoning (not for every line, but for major groups of lines). Don't use any environment variables unless strictly necessary, for example use APIs that don't require a key, prefer internal function imports (using esm.town), and prefer putting API as inline variables instead. The val should create a \"export default async function main() {\" which is the main function that gets executed, without any arguments. Unless specified, don't add error handling, make sure that errors bubble up to the caller.`,\n },\n {\n role: \"user\",\n content: prompt,\n },\n ];\n write(\n renderToString(\n

\n Generating {valName} with prompts:\n

\n {contextWindow.length} prompts from getValsContextWindow\n

\n {expandedPrompts.map(({ role, content }, i) => (\n

\n {role}:

{content}

\n ))}\n

,\n ),\n );\n\n const openai = new OpenAI();\n const stream = await openai.chat.completions.create({\n model,\n stream: true,\n messages: [\n ...contextWindow,\n ...expandedPrompts,\n ],\n });\n\n write(\n \"

assistant:

\",\n );\n const tokens = [];\n for await (const chunk of stream) {\n const text = chunk.choices[0]?.delta?.content;\n if (text === \"\") {\n continue;\n }\n // console.log(text);\n write(text);\n tokens.push(text);\n }\n write(\"

\");\n const code = tokens.join(\"\").replaceAll(\"```ts\", \"\").replaceAll(\"```\", \"\");\n\n // Write a form that submits the valName and code to /save.\n write(renderToString(\n ,\n ));\n write(`\n \n `);\n\n write(renderToString(\n

\n Running val anonymously…\n

,\n ));\n\n let runResult;\n try {\n runResult = await vt.eval.run({ code, args: [] });\n } catch (e) {\n if (e.error && e.error.error) {\n write(\n renderToString(\n

\n 😭 Error while running, try to iterate?\n {renderForm(\n valName,\n `When running the val we encounted the following error, please try to fix it.\\n ${\n e.error.error.split(\"data:text/tsx\")[0]\n }`,\n \"iterate-inline\",\n code,\n expandedPrompts,\n )}\n

,\n ),\n );\n } else {\n write(renderToString(

Fatal error while running: {e}

));\n throw e;\n }\n writer.close();\n return;\n }\n let nextPrompt = \"Add the following feature: \";\n if (runResult.length === 0) {\n nextPrompt = \"When running the result is empty, can you fix that?\";\n }\n write(renderToString(\n

\n 🎉 Success running:{\" \"}\n

{JSON.stringify(runResult, null, 2)}

\n {renderForm(valName, nextPrompt, \"iterate-inline\", \"\")}\n

,\n ));\n writer.close();\n });\n\n return new Response(readable, { headers: { \"Content-Type\": \"text/html\" } });\n});\n\nexport default app.fetch;",[],[104],"files",[153,173],"counts",{"_185":31,"_186":161,"_187":161,"_188":31},"pulls","branches","forks","envVars","contents",[],{"_109":174,"_100":104,"_156":122,"_158":-5,"_159":142,"_160":106,"_162":27,"_111":192,"_105":176,"_164":177,"_166":178,"_168":27,"_169":-5,"_103":193},["D",1720799693852],[104],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_98":99,"_100":101,"_102":42,"_105":106,"_103":104,"_107":200,"_151":204,"_181":211,"_165":212,"_189":214,"_215":-5,"_216":27,"_217":-5,"_218":-5,"_219":-5,"_220":221},{"_109":110,"_100":101,"_111":201,"_113":-5,"_114":115,"_116":117,"_118":-5,"_119":-5,"_12":120,"_121":122,"_123":115,"_124":-5,"_125":31,"_126":127,"_128":127,"_129":130,"_131":130,"_132":130,"_133":127,"_134":127,"_135":27,"_21":202,"_139":203},["D",1746139687901],{"_98":99,"_137":138},{"_105":141,"_100":42,"_109":142,"_143":110,"_144":-5,"_145":-5,"_146":147,"_148":120,"_149":101,"_150":99},[205,208],{"_109":154,"_100":155,"_156":157,"_158":-5,"_159":142,"_160":161,"_162":115,"_111":163,"_105":31,"_164":165,"_166":167,"_168":27,"_169":-5,"_170":206,"_103":207},[],[155],{"_109":174,"_100":104,"_156":122,"_158":-5,"_159":142,"_160":106,"_162":27,"_111":175,"_105":176,"_164":177,"_166":178,"_168":27,"_169":-5,"_170":209,"_103":210},[],[104],[205,208],{"_109":174,"_100":104,"_156":122,"_158":-5,"_159":142,"_160":106,"_162":27,"_111":192,"_105":176,"_164":177,"_166":178,"_168":27,"_169":-5,"_103":213},[104],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"routes/_app","actionData","errors"]