Test {1 + 1}

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });`,\n },\n {\n type: \"http\",\n prompt: \"Create a val that uses Hono to render HTML\",\n code: `/** @jsxImportSource npm:hono@3/jsx */\n import { Hono } from \"npm:hono\";\n \n const app = new Hono();\n app.get(\"/\", async (c) => {\n return c.html(\n

\n \n Hello {c.req.query(\"name\")}\n

,\n );\n });\n export default app.fetch;`,\n },\n {\n type: \"http\",\n prompt: null,\n code: `/** @jsxImportSource https://esm.sh/preact */\n import { render } from \"npm:preact-render-to-string\";\n \n export const preactExample = (request: Request) =>\n new Response(render(

Test {1 + 1}

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });`,\n },\n {\n type: \"http\",\n prompt: null,\n code: `/** @jsxImportSource https://esm.sh/vue */\n import { renderToString } from \"npm:vue/server-renderer\";\n \n export const vueExample = async (request: Request) =>\n new Response(await renderToString(

Test {1 + 1}

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });`,\n },\n ],\n },\n {\n name: \"Storage\",\n templates: [\n {\n name: \"Store JSON with the Val Town Blob\",\n prompt: \"Write a val that uses blob storage to store data\",\n code: `import { blob } from \"https://esm.town/v/std/blob?v=10\";\n \n const key = \"blob_test\";\n const value = { hello: \"val town\" };\n \n await blob.setJSON(key, value);\n \n console.log(await blob.getJSON(key));`,\n },\n {\n name: \"Use Val Town SQLite to store data\",\n prompt: \"Write a val that uses an SQLite database\",\n code: `import { sqlite } from \"https://esm.town/v/std/sqlite?v=4\";\n \n const result = await sqlite.execute(\"SELECT 1 + 10\");\n console.log(result.rows[0]);`,\n },\n ],\n },\n {\n name: \"Env variables\",\n templates: [\n {\n prompt: \"Write a val that accesses environment variables\",\n code: `const res = await fetch(\"${API_URL}/v1/me\", {\n headers: {\n Authorization: \\`Bearer \\${Deno.env.get(\"valtown\")}\\`,\n },\n });\n \n console.log(await res.json());`,\n },\n {\n prompt: \"Write a val that accesses environment variables with node:process\",\n code: `import process from \"node:process\";\n \n const res = await fetch(\"${API_URL}/v1/me\", {\n headers: {\n Authorization: \\`Bearer \\${process.env.valtown}\\`,\n },\n });\n \n console.log(await res.json());`,\n },\n ],\n },\n {\n name: \"Miscellaneous\",\n templates: [\n {\n name: \"Send yourself an email\",\n prompt: \"Write a val that sends an email\",\n code: `import { email } from \"https://esm.town/v/std/email?v=9\";\n \n await email({ text: JSON.stringify({ \"message\": \"hi\" }) });`,\n },\n {\n prompt: \"Write a val that scrapes a website using cheerio\",\n code: `import cheerio from \"npm:cheerio\";\n \n const response = await fetch(\"https://example.com\");\n const body = await response.text();\n const $ = cheerio.load(body);\n \n console.log($(\"a\").toArray().flatMap(el =>\n el.attributes.filter(a => a.name === \"href\").map(a => a.value)\n ));`,\n },\n {\n prompt: \"Write a val that uses OpenAI\",\n code: `import { OpenAI } from \"https://esm.town/v/std/openai\";\n \n const openai = new OpenAI();\n const completion = await openai.chat.completions.create({\n \"messages\": [\n { \"role\": \"user\", \"content\": \"Say hello in a creative way\" },\n ],\n model: \"gpt-4\",\n max_tokens: 30,\n });\n \n console.log(completion.choices[0].message.content);`,\n },\n {\n prompt: \"Write a val that renders a website and uses tailwind css\",\n type: \"http\",\n code: `/** @jsxImportSource https://esm.sh/preact */\n import { render } from \"npm:preact-render-to-string\";\n \n export default async function(req: Request) {\n return new Response(\n render(\n \n \n Title\n \n \n \n

\n Hello world!\n

\n \n ,\n ),\n {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\",\n },\n },\n );\n }`,\n },\n ],\n },\n ];\n\n const FLAT_TEMPLATES = sections.flatMap((section) => section.templates);\n\n function tsResponse(code) {\n return \"```ts\\n\" + code + \"\\n```\";\n }\n\n const templatePrompts = FLAT_TEMPLATES.flatMap((template) => {\n if (!template.prompt) return [];\n return [\n {\n role: \"user\",\n content: template.prompt,\n },\n {\n role: \"assistant\",\n content: tsResponse(template.code),\n },\n ];\n });\n\n const messages = [\n {\n role: \"system\",\n content:\n \"You are first given some sample conversations, to show you the Vals that exist in the system, followed by the actual conversation with the user. Answer requests for vals with TypeScript programs that are written for Deno's runtime environment. References to NPM modules need to use ESM imports prefixed with \\\"npm:\\\". Node modules must be imported with a \\\"node:\\\" prefix, like\\n\\n```\\nimport { randomUUID } from \\\"node:crypto\\\";\\n```\\n\\nResponses should be short and should omit any information about installing or running Deno.\\n\\n\\nWhen a val sends an email, it should use the module imported from https://esm.town/v/std/email.\",\n },\n {\n role: \"system\",\n content: `For your reference, here are the contents of docs/std/email.md:\n ---\n title: Email\n lastUpdated: 2024-03-18\n ---\n \n Send emails with [\\`std/email\\`](https://www.val.town/v/std/email). You can only send emails to yourself if you're on Val Town Free. If you're on [Val Town Pro](https://www.val.town/pricing), you can email anyone.\n \n :::note\n Want to receive emails instead? [Create an email handler val](/types/email/)\n :::\n \n ## Basic usage\n \n ${\"```\"}ts title=\"Example\" val\n import { email } from \"https://esm.town/v/std/email\";\n \n await email({ subject: \"New Ink & Switch Post!\", text: \"https://www.inkandswitch.com/embark/\" });\n ${\"```\"}\n \n ### \\`subject\\`\n \n The email subject line. It defaults to \\`Message from @your_username on Val Town\\`.\n \n ### \\`to\\`, \\`cc\\`, and \\`bcc\\`\n \n By default, the \\`to\\` field is set to the owner of the Val Town account that calls it.\n \n If you have Val Town Pro, you can send emails to anyone via the \\`to\\`, \\`cc\\`, and \\`bcc\\` fields.\n \n If you don't have Val Town Pro, you can only send emails to yourself, so leave those fields blank.\n \n ### \\`from\\`\n \n The \\`from\\` is limited to a few options:\n \n 1. It defaults to \\`notifications@val.town\\` if you don't specify it.\n \n 2. If you do specify it, it must be of the form: \\`your_username.valname@valtown.email\\`.\n \n ### \\`replyTo\\`\n \n \\`replyTo\\` accepts a string email or an object with strings for \\`email\\` and \\`name\\` (optional).\n \n This can be useful if you are sending emails to others with Val Town Pro.\n \n ${\"```\"}ts title=\"replyTo\" val\n import { email } from \"https://esm.town/v/std/email\";\n \n await email({\n to: \"someone_else@example.com\",\n from: \"your_username.valname@valtown.email\",\n replyTo: \"your_email@example.com\",\n text: \"these pretzels are making me thirsty\",\n });\n ${\"```\"}\n \n ### Attachments\n \n You can attach files to your emails by using the \\`attachments\\` field.\n Attachments need to be [Base64](https://en.wikipedia.org/wiki/Base64) encoded,\n which is that the [btoa](https://developer.mozilla.org/en-US/docs/Web/API/btoa)\n method is doing in this example:\n \n ${\"```\"}ts title=\"Attachments example\" val\n import { email } from \"https://esm.town/v/std/email\";\n \n export const stdEmailAttachmentExample = email({\n attachments: [\n {\n content: btoa(\"hello attachments!\"),\n filename: \"test.txt\",\n type: \"text\",\n disposition: \"attachment\",\n },\n ],\n });\n ${\"```\"}\n \n Here's an example sending a [PDF](https://www.val.town/v/stevekrouse/sendPDF).`,\n },\n {\n role: \"system\",\n content: `For your reference, here are the contents of docs/std/blob.md:\n ---\n title: Blob Storage\n lastUpdated: 2024-05-09\n ---\n \n Val Town comes with blob storage built-in. It allows for storing any data: text, JSON, images. You can access it via [\\`std/blob\\`](https://www.val.town/v/std/blob).\n \n Blob storage is scoped globally to your account. If you set a blob in one val, you can retrieve it by the same key in another val. It's backed by Cloudflare R2.\n \n You may find [this admin viewer](https://www.val.town/v/stevekrouse/blob_admin) helpful for viewing and editing your blobs.\n \n ##### Get JSON\n \n \\`\\`\\`ts title=\"Get JSON\"\n import { blob } from \"https://esm.town/v/std/blob\";\n \n let blobDemo = await blob.getJSON(\"myKey\");\n console.log(blobDemo); // returns \\`undefined\\` if not found\n \\`\\`\\`\n \n ##### Set JSON\n \n \\`\\`\\`ts title=\"Set JSON\"\n import { blob } from \"https://esm.town/v/std/blob\";\n \n await blob.setJSON(\"myKey\", { hello: \"world\" });\n \\`\\`\\`\n \n ##### List keys\n \n \\`\\`\\`ts title=\"List Keys\"\n import { blob } from \"https://esm.town/v/std/blob\";\n \n let allKeys = await blob.list();\n console.log(allKeys);\n \n const appKeys = await blob.list(\"app_\");\n console.log(appKeys); // all keys that begin with \\`app_\\`\n \\`\\`\\`\n \n ##### Delete by key\n \n \\`\\`\\`ts title=\"Delete\"\n import { blob } from \"https://esm.town/v/std/blob\";\n \n await blob.delete(\"myKey\");\n \\`\\`\\`\n \n ### Examples\n \n - [Counter](https://www.val.town/v/std/docsBlobCounterDemo)\n - [RSS Notifications](https://www.val.town/v/stevekrouse/rssNotifyExample) (saving the last run time)\n - Picture: [Save](https://www.val.town/v/andreterron/blobSavePictureExample) & [Read](https://www.val.town/v/andreterron/blobReadPictureExample)\n \n ### Error Handling\n \n - \\`blob.get\\` can throw [\\`ValTownBlobNotFoundError\\`](https://val.town/v/std/ValTownBlobNotFoundError)\n - Any method can throw [\\`ValTownBlobError\\`](https://val.town/v/andreterron/ValTownBlobError) for unexpected errors.\n \n ### Utilities\n \n Our Blob SDK also includes some utility functions to make working with blobs easier.\n \n ##### Copy\n \n \\`\\`\\`ts title=\"Copy\"\n import { blob } from \"https://esm.town/v/std/blob\";\n \n await blob.copy(\"myKey\", \"myKeyCopy\");\n \\`\\`\\`\n \n ##### Move\n \n \\`\\`\\`ts title=\"Move\"\n import { blob } from \"https://esm.town/v/std/blob\";\n \n await blob.move(\"myKey\", \"myKeyNew\");\n \\`\\`\\`\n \n ### Lower-level API\n \n We do provide access to the lower-level getter and setters, which are useful if you are storing non-JSON or binary data, need to stream in your response or request data, or do anything else lower-level.\n \n - \\`async get(key: string)\\`: Retrieves a blob for a given key.\n - \\`async set(key: string, value: string | BodyInit)\\`: Sets the blob value for a given key. See [BodyInit](https://deno.land/api@v1.38.1?s=BodyInit).\n \n ### Limitations\n \n - Blob-stored data counts towards your total Val Town storage – 10mb on the free plan and 1gb on pro. Check our [pricing page](https://val.town/pricing) to learn more.\n - Keys for blobs can be up to 512 characters long.\n `,\n },\n {\n role: \"user\",\n content: \"Write an HTTP val that responds to requests with \\\"Hello world\\\"\",\n },\n {\n role: \"assistant\",\n content:\n \"\\n```ts\\nexport default async function (req: Request): Promise {\\n return Response.json(\\\"Hello world\\\")\\n}\\n```\",\n },\n {\n role: \"user\",\n content: \"Write a val that responds to requests with HTML and reads a 'name' from a query string value:\",\n },\n {\n role: \"assistant\",\n content:\n \"\\n```ts\\nexport default async function(req: Request): Promise {\\n const query = new URL(req.url).searchParams;\\n\\n // Read name from the querystring or body. Defaults to \\\"you\\\" if not present.\\n const name = query.get(\\\"name\\\") || (await req.json().catch(() => ({}))).name || \\\"you\\\";\\n\\n // Returns the HTML response\\n return new Response(`

Hi ${name}!

`, {\\n headers: { \\\"Content-Type\\\": \\\"text/html\\\" },\\n });\\n}\\n```\",\n },\n {\n role: \"user\",\n content: \"Write a val that imports lodash and logs the minimum number in a list of numbers\",\n },\n {\n role: \"assistant\",\n content: \"```ts\\nimport { min } from \\\"npm:lodash-es\\\";\\n\\nconsole.log(min([1, 2, 3, 4, 5]));\\n```\",\n },\n {\n role: \"user\",\n content: \"Write a val that fetches the weather in Brooklyn, NY\",\n },\n {\n role: \"assistant\",\n content:\n \"```ts\\nexport default async function(req: Request): Promise {\\n const apiKey = Deno.env.get(\\\"METEO_KEY\\\");\\n const apiUrl = `https://api.open-meteo.com/v1/forecast?latitude=40.6782&longitude=-73.9442&hourly=temperature_2m¤t_weather=true&apikey=${apiKey}`;\\n\\n const response = await fetch(apiUrl);\\n const weatherData = await response.json();\\n\\n return new Response(JSON.stringify(weatherData), { headers: { \\\"Content-Type\\\": \\\"application/json\\\" } });\\n}\\n```\",\n },\n {\n role: \"user\",\n content: \"Write a val that renders HTML with Hono\",\n },\n {\n role: \"assistant\",\n content:\n \"```ts\\n/** @jsxImportSource npm:hono@3/jsx */\\nimport { Hono } from \\\"npm:hono\\\";\\n\\nconst app = new Hono();\\napp.get(\\\"/\\\", async (c) => {\\n return c.html(\\n

\\n \\n Hello {c.req.query(\\\"name\\\")}\\n

,\\n );\\n});\\nexport default app.fetch;\\n```\",\n },\n ...templatePrompts,\n ];\n\n const newMessages = [];\n\n const seenStrings = new Set();\n\n for (let i = 0; i < readmeVals.length; i++) {\n const val = readmeVals[i];\n\n let valTypeName = val.valType;\n if (valTypeName === \"interval\") {\n valTypeName = \"cron/interval\";\n }\n\n if (seenStrings.has(val.readme)) {\n continue;\n }\n seenStrings.add(val.readme);\n if (seenStrings.has(val.code)) {\n continue;\n }\n seenStrings.add(val.code);\n\n if (val.readme.length > 2000) {\n continue;\n }\n if (val.code.length > 1200) {\n continue;\n }\n\n newMessages.push({\n role: \"user\",\n content: `Write a ${valTypeName} val \"${val.handle}/${val.name}\" for:\\n\\n${val.readme.slice(0, 1000)}`,\n });\n newMessages.push({\n role: \"assistant\",\n content: \"```ts\\n\" + val.code + \"\\n```\",\n });\n }\n\n const allMessages = [...messages, ...newMessages];\n\n const modelMax = {\n \"gpt-4o\": 128000 - 8000,\n \"gpt-4o-mini\": 128000 - 8000,\n \"gpt-3.5-turbo\": 4096 - 2000,\n }[model];\n\n const truncatedMessages = [];\n const encoder = encodingForModel(model === \"gpt-4o-mini\" ? \"gpt-4o\" : model);\n const maxTokens = modelMax;\n let tokensSoFar = 0;\n for (let i = 0; i < allMessages.length; i++) {\n const message = allMessages[i];\n let content = message.content;\n let nextMessage;\n if (message.role === \"user\" && i < allMessages.length - 1) {\n nextMessage = allMessages[i + 1];\n if (nextMessage.role === \"assistant\") {\n content += \"\\n\" + nextMessage.content;\n i++;\n }\n }\n const tokens = encoder.encode(content);\n if (tokensSoFar + tokens.length > maxTokens) {\n break;\n }\n truncatedMessages.push(message);\n if (nextMessage) {\n truncatedMessages.push(nextMessage);\n }\n tokensSoFar += tokens.length;\n }\n // console.log(`Truncated to ${truncatedMessages.length} messages with ${tokensSoFar} tokens`);\n\n await blob.setJSON(fullCacheBlobKey, truncatedMessages);\n return truncatedMessages;\n}","deleted","label",[98],"permalink","https://www.val.town/x/roadlabs/valleGetValsContextWindow/code/main.tsx","extension","actionData","errors"]