Val Town Code SearchReturn to Val Town

5import { renderToString } from "npm:react-dom/server";
6
7function StatusRow({ rows }) {
8  return (
9    <div className="w-full flex flex-col space-y-2">
28}
29
30function StatusSection({ url, rows }) {
31  const sectionRows = rows.filter(row => row[0] === url);
32  const percentUp = Math.round((sectionRows.filter(row => row[1]).length / sectionRows.length) * 100);
44}
45
46export default async function(req: Request): Promise<Response> {
47  const { rows } = await sqlite.execute(
48    "select url, ok, duration, timestamp from uptime order by timestamp desc limit 200",

2import { fetchJSON } from "https://esm.town/v/stevekrouse/fetchJSON";
3
4export async function dailyDadJoke() {
5  let { setup, punchline } = await fetchJSON("https://official-joke-api.appspot.com/random_joke");
6  return email({

2import { fetchJSON } from "https://esm.town/v/stevekrouse/fetchJSON";
3
4export async function dailyDadJoke() {
5  let { setup, punchline } = await fetchJSON("https://official-joke-api.appspot.com/random_joke");
6  return email({

2import { fetchJSON } from "https://esm.town/v/stevekrouse/fetchJSON";
3
4export async function dailyDadJoke() {
5  let { setup, punchline } = await fetchJSON("https://official-joke-api.appspot.com/random_joke");
6  return email({

5import { createRoot } from "https://esm.sh/react-dom/client";
6
7function App() {
8  const links = [
9    { name: "Portfolio", url: "https://owais-warsi.vercel.app" },
31}
32
33function client() {
34  createRoot(document.getElementById("root")).render(<App />);
35}
37if (typeof document !== "undefined") { client(); }
38
39async function server(request: Request): Promise<Response> {
40  return new Response(
41    `

1// This val implements a function to call the Claude API using fetch.
2// It handles the API request and response processing.
3// The Claude API key is expected to be provided in the request headers.
4// CORS is enabled for all origins.
5
6export default async function server(req: Request): Promise<Response> {
7  // Handle preflight requests
8  if (req.method === "OPTIONS") {
48}
49
50async function callClaudeApi(systemPrompt: string, userPrompt: string, apiKey: string): Promise<string> {
51  const url = "https://api.anthropic.com/v1/messages";
52  const headers = {

4import { currency } from "https://esm.town/v/stevekrouse/currency";
5
6export async function btcPriceAlert() {
7  const lastBtcPrice: number = await blob.getJSON("lastBtcPrice");
8  let btcPrice = await currency("usd", "btc");

4const cacheBlobKey = "getValsContextWindowCache3";
5
6export default async function getValsContextWindow(model: any) {
7  const fullCacheBlobKey = `${cacheBlobKey}-${model}`;
8  const cached = await blob.getJSON(fullCacheBlobKey);
194    import { render } from "npm:preact-render-to-string";
195  
196    export default async function(req: Request) {
197      return new Response(
198        render(
223  const FLAT_TEMPLATES = sections.flatMap((section) => section.templates);
224
225  function tsResponse(code) {
226    return "```ts\n" + code + "\n```";
227  }
394  ### Utilities
395  
396  Our Blob SDK also includes some utility functions to make working with blobs easier.
397  
398  ##### Copy
432      role: "assistant",
433      content:
434        "\n```ts\nexport default async function (req: Request): Promise<Response> {\n  return Response.json(\"Hello world\")\n}\n```",
435    },
436    {
441      role: "assistant",
442      content:
443        "\n```ts\nexport default async function(req: Request): Promise<Response> {\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(`<h1>Hi ${name}!</h1>`, {\n    headers: { \"Content-Type\": \"text/html\" },\n  });\n}\n```",
444    },
445    {
458      role: "assistant",
459      content:
460        "```ts\nexport default async function(req: Request): Promise<Response> {\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&current_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```",
461    },
462    {

8import _ from "npm:lodash@4";
9
10async function main(req: Request): Promise<Response> {
11  const { readable, writable } = new TransformStream();
12  const writer = writable.getWriter();
20        <script>
21          // Scroll to the bottom of the page when the page changes.
22          (new MutationObserver(function (mutationsList, observer) {
23            window.scrollTo({ left: 0, top: document.body.scrollHeight, behavior: "instant" });
24          })).observe(document, { childList: true, characterData: true, subtree: true });
47            Your response should start with \`\`\`ts and end with \`\`\`, so full code fences.
48            There should be no comments like "more content here", it should be complete and directly runnable.
49            The val should have an "export default async function main". The val should return a valid HTML website.
50            Prefer using Tailwind. Put frontend functions in a <script> tag, using dangerouslySetInnerHTML. Don't use Hono. Don't use Response.redirect.
51            `.replace("\n", " "),
52          },

136
137export const service = (boardUrl: string, options?: ServiceOptions) => {
138  return async function(req: Request): Promise<Response> {
139    const url = new URL(req.url);
140    const path = url.pathname;