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 \"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-3.5-turbo\": 4096 - 2000,\n }[model];\n\n const truncatedMessages = [];\n const encoder = encodingForModel(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/janpaul123/getValsContextWindow/code/main.tsx","extension","actionData","errors"]