/** * This val creates a simple code snippet display service. * It accepts code via GET request, displays it in a * beautifully-formatted syntax-highlighted snippet, * uses an LLM to generate a title for the snippet, * and allows shuffling through random, animated gradients. */ import { OpenAI } from "https://esm.town/v/std/openai"; export default async function server(request: Request): Promise { const url = new URL(request.url); const code = url.searchParams.get("code") || "console.log(\"Hello, World!\");"; const language = url.searchParams.get("language") || "javascript"; // Generate title using OpenAI const openai = new OpenAI(); const completion = await openai.chat.completions.create({ messages: [ { role: "system", content: "You are a helpful assistant that generates short, concise titles for code snippets.", }, { role: "user", content: `Generate a short title (5 words or less) for this ${language} code snippet:\n\n${code}`, }, ], model: "gpt-4o-mini", max_tokens: 20, }); const title = completion.choices[0]?.message?.content || "Code Snippet"; const commandText = `open "${url.origin}${url.pathname}?code=$(pbpaste | jq -sRr @uri)"`; return new Response( ` ${title}

${title}

${code}

${commandText}

`, { headers: { "Content-Type": "text/html" }, }, ); }

codeshowcase