/** @jsxImportSource https://esm.sh/react@18.2.0 */ import { updateValByName } from "https://esm.town/v/nbbaier/updateValByName?v=14"; import { basicAuth } from "https://esm.town/v/pomdtr/basicAuth?v=62"; import { fetchText } from "https://esm.town/v/stevekrouse/fetchText"; import { chat } from "https://esm.town/v/stevekrouse/openai"; export default basicAuth(async (req) => { const url = new URL(req.url); if (url.pathname === "/") { return new Response( ` Val Writer `, { headers: { "content-type": "text/html", }, }, ); } }); export function App() { const example = examples[Math.floor(Math.random() * examples.length)]; const description = /* c.req.query("description") || */ example.user; let code = /* c.req.query("description") ? await compile(description) : */ example.content; let resp; // if (c.req.query("description")) { // resp = await updateValByName({ // token: Deno.env.get("valtown"), // code, // name: "valwriter_output", // }); // } return (

Val Writer

Compile your prompt into code

{resp ? ( ) : null}

            {resp ? JSON.stringify(resp, null, 2) : code}

); } const examples = [ { user: "website that shows the current time", content: `/** @jsxImportSource npm:react */ export default function() { return

{new Date().toLocaleTimeString()}

; }`, }, { user: `A collaborative poem builder. It stores each line of the poem in sqlite. It has a textbox that lets anyone input a new line to the poem.`, content: await fetchText("https://esm.town/v/stevekrouse/poembuilder3?v=4"), }, { user: "an app that uses chatgpt to convert natural language to cron syntax", content: await fetchText("https://esm.town/v/stevekrouse/cron2"), }, ]; export async function compile(description: string) { const messages = [ { role: "system", content: `Convert user requests to code. Write ONLY Deno TypeScript. If you use Hono, use \`export default app.fetch;\` to start the server. Only use web standard fetch. // Our library for SQLite import { sqlite } from "https://esm.town/v/std/sqlite"; const result = await sqlite.execute("SELECT 1 + 10"); console.log(result.rows[0]); // Blob storage API import { blob } from "https://esm.town/v/std/blob"; const key = "blob_test"; await blob.setJSON(key, new Date()); console.log(await blob.getJSON(key)); // Email yourself import { email } from "https://esm.town/v/std/email"; await email({ subject: "Subject line", text: "Body of message" }); // OpenAI import { OpenAI } from "https://esm.town/v/std/openai"; const openai = new OpenAI(); const completion = await openai.chat.completions.create({ messages: [ { role: "user", content: "Say hello in a creative way" }, ], model: "gpt-4", max_tokens: 30, }); // Get a secret or environment variable // named 'x' (returns a string) Deno.env.get('x');`, }, ...examples.flatMap((example) => [, { role: "user", content: example.user, }, { role: "assistant", content: example.content, }]), { role: "user", content: description }, ]; const { content } = await chat(messages, { model: "gpt-4o", max_tokens: 4000, }); return content.replaceAll("```typescript", "").replaceAll("```", ""); }

valwriter_react_clientside