New Community Showcase submission!

',\n \"\",\n '',\n ``,\n ``,\n ``,\n ``,\n ``,\n notes\n ? ``\n : \"\",\n \"

Name	${escapeHtml(name)}
Handle	@${escapeHtml(handle)}
Project	${escapeHtml(projectName)}
URL	${escapeHtml(projectUrl)}
Description	${escapeHtml(description)}
Notes	${escapeHtml(notes)}

\",\n \"\",\n '

',\n \"

What is this?
\",\n 'The Community Showcase is the hand-picked gallery of great things the Val Town community has built. It\\'s live at val.town/explore/community-showcase. The data comes from the staffPicks val.

',\n \"\",\n \"

What to do:

\",\n \"

Reply to @${escapeHtml(handle)} and thank them for the submission!
If the project is a good fit, add it to the showcase by following the README instructions — add an entry to the staffPicks array in main.tsx, make a card image per SKILL.md, and save (it goes live immediately).
If it's not a fit, no worries — a quick thank-you reply is enough.

\",\n \"

\",\n \"\",\n '

',\n '

Submitted via POST to https://showcase.val.run

',\n ].join(\"\\n\");\n\n try {\n await email({\n to: \"hi@val.town\",\n cc: \"steve@val.town\",\n subject: `Showcase submission: ${name} (@${handle})`,\n text: emailText,\n html: emailHtml,\n });\n } catch (err) {\n console.error(\"Failed to send submission email:\", err);\n return json(\n {\n error:\n \"Something went wrong sending your submission. Please try again or email hi@val.town directly.\",\n },\n 500,\n );\n }\n\n return json(\n {\n success: true,\n message:\n \"Thanks for your submission! We'll review it and reach out if we feature it on the showcase.\",\n },\n 200,\n );\n}\n\nfunction json(data: unknown, status: number): Response {\n return new Response(JSON.stringify(data), {\n status,\n headers: { \"Content-Type\": \"application/json\" },\n });\n}\n\nfunction escapeHtml(str: string): string {\n return str\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\");\n}\n","deleted","label",[129],"9d2b85f4-21f7-4f7e-b3d7-0830021cdbcd","main.tsx",130,["D",1783527678542],122,"http","import { handleSubmission } from \"./submit.ts\";\n\nexport default async function (req: Request): Promise {\n // POST = community submission (emailed to hi@val.town)\n if (req.method === \"POST\") {\n return handleSubmission(req);\n }\n\n // GET = showcase JSON (consumed by the val.town app)\n // View source: https://www.val.town/x/valdottown/staffPicks\n // This endpoint (https://showcase.val.run) powers the Community Showcase page\n // in the val.town app (app/components/StaffPicks.tsx). The app reads only the\n // `staffPicks` key, so extra top-level keys like `_source` are safe to add and\n // won't break the integration. Keep returning valid JSON with a `staffPicks` array.\n const showcase = {\n \"_source\": \"https://www.val.town/x/valdottown/staffPicks\",\n \"staffPicks\": [\n {\n \"id\": \"52\",\n \"type\": \"project\",\n \"name\": \"agentfax\",\n \"description\":\n \"Send a fax from an AI agent — a pay-per-fax HTTP API, paid per page in USDC over Tempo/MPP. No signup, no API key.\",\n \"handle\": \"stevekrouse\",\n \"projectName\": \"agentfax\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/32964e98-de45-4735-14b6-02bee74fcd00/public\",\n },\n {\n \"id\": \"51\",\n \"type\": \"project\",\n \"name\": \"Susie Draw\",\n \"description\":\n \"Paul Chin Jr.'s gentle canvas drawing app, built for his daughter to trace pictures — no ads, no subscriptions, just a calm place to draw.\",\n \"handle\": \"pchinjr\",\n \"projectName\": \"susie-draw\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/f6fb2a34-2600-4c03-f2e7-6b15400abe00/public\",\n },\n {\n \"id\": \"50\",\n \"type\": \"project\",\n \"name\": \"Spend Agent\",\n \"description\":\n \"Kevin Suh's AI-native personal finance tool: connect your bank, auto-classify transactions, and chat with your spending.\",\n \"handle\": \"kevinsuh\",\n \"projectName\": \"spend-agent\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/296eaf11-bcfa-4963-d1d2-b223bd900b00/public\",\n },\n {\n \"id\": \"0\",\n \"type\": \"project\",\n \"name\": \"qs\",\n \"description\": \"How cool is this?\",\n \"handle\": \"tobi\",\n \"projectName\": \"qs\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3127b51d-7b77-4ac4-23c8-ac993bac3600/public\",\n },\n {\n \"id\": \"1\",\n \"type\": \"project\",\n \"name\": \"ATProto to Fediverse Bridge\",\n \"description\": \"Cross-post from Bluesky to Mastodon\",\n \"handle\": \"tijs\",\n \"projectName\": \"atproto-to-fediverse\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/5405eb27-da68-4254-20a1-6e068d250800/public\",\n },\n {\n \"id\": \"2\",\n \"type\": \"project\",\n \"name\": \"Rendezvous with Cassidoo Solutions\",\n \"description\":\n \"Coding challenge solution from Cassidy Williams' popular newsletter\",\n \"handle\": \"nbbaier\",\n \"projectName\": \"rendezvous-with-cassidoo-solutions\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/6232454d-72d8-46ad-afa1-ad1db00f2100/public\",\n },\n {\n \"id\": \"3\",\n \"type\": \"project\",\n \"name\": \"Roast My Swing\",\n \"description\": \"Analyze and get feedback on golf swings\",\n \"handle\": \"mux\",\n \"projectName\": \"roast-my-swing\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/8cc3a2f6-cbb6-4fb2-22e1-bf2d31605600/public\",\n },\n {\n \"id\": \"4\",\n \"type\": \"project\",\n \"name\": \"Book Progress\",\n \"description\": \"Track reading progress and manage book collection\",\n \"handle\": \"jdan\",\n \"projectName\": \"book-progress\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/139b36c0-3ce5-4af0-e4bb-055f4b525200/public\",\n },\n {\n \"id\": \"5\",\n \"type\": \"project\",\n \"name\": \"Love36\",\n \"description\": \"Automated emails from 36 Questions That Lead to Love\",\n \"handle\": \"codeanand\",\n \"projectName\": \"Love36\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/794a1ad2-4bfa-42d9-5a1b-6082e9baf700/public\",\n },\n {\n \"id\": \"6\",\n \"type\": \"project\",\n \"name\": \"Block Gmail Action\",\n \"description\": \"WorkOS Action that blocks gmail.com users from authing\",\n \"handle\": \"nholden\",\n \"projectName\": \"blockGmailAction\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/35a9d5f4-bd00-4fa6-6434-865d56d0ee00/public\",\n },\n {\n \"id\": \"7\",\n \"type\": \"project\",\n \"name\": \"Stevens\",\n \"description\":\n \"Geoffrey Litt's personal AI Assistant that went viral on HackerNews. Built with one SQLite table and a handful of cron jobs.\",\n \"handle\": \"geoffreylitt\",\n \"projectName\": \"stevensDemo\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/0d3e4414-5d38-4b8c-51e9-ca5750e51b00/public\",\n },\n {\n \"id\": \"8\",\n \"type\": \"project\",\n \"name\": \"Val Town for Notion\",\n \"description\":\n \"Brad Noble's demo showing how to use Val Town to unlock Notion's full potential, and vice versa.\",\n \"handle\": \"bradnoble\",\n \"projectName\": \"ValTownForNotion\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/45705b42-070b-44d9-0b93-024b86e49000/public\",\n },\n {\n \"id\": \"9\",\n \"type\": \"project\",\n \"name\": \"OpenTelemetry Collector\",\n \"description\":\n \"Fiberplane's val that receives traces and stores them in SQLite for observability.\",\n \"handle\": \"fiberplane\",\n \"projectName\": \"OpenTelemetryCollector\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fb3adf36-1bb8-4138-475c-cb857d8baf00/public\",\n },\n {\n \"id\": \"45\",\n \"type\": \"project\",\n \"name\": \"Mini App Starter\",\n \"description\":\n \"Moe's Hono + React + Tailwind + Farcaster Mini App Starter that's taken off in the Farcaster community.\",\n \"handle\": \"moe\",\n \"projectName\": \"MiniAppStarter\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/01e67a7a-f60d-4114-1ea1-28929430f400/public\",\n },\n {\n \"id\": \"46\",\n \"type\": \"project\",\n \"name\": \"Petit Prince\",\n \"description\":\n \"Smirfolio's child-friendly article summarizer for making content accessible to young readers.\",\n \"handle\": \"smirfolio\",\n \"projectName\": \"petitPrince\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/49b6c356-730a-44c0-857c-6e4d467fe700/public\",\n },\n {\n \"id\": \"47\",\n \"type\": \"project\",\n \"name\": \"Timeline\",\n \"description\":\n \"tmcw's online card game for 2+ players: draw historical-event cards and race to slot them into the correct timeline.\",\n \"handle\": \"tmcw\",\n \"projectName\": \"timeline\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/59944459-32ae-42e4-a316-bdf015b0e000/public\",\n },\n {\n \"id\": \"48\",\n \"type\": \"project\",\n \"name\": \"File Dump Thing\",\n \"description\":\n \"Wolf's handy tool for easily sharing files and text snippets by pasting or uploading them and getting a URL in return.\",\n \"handle\": \"wolf\",\n \"projectName\": \"FileDumpThing\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/7fc2f8d3-5082-46a0-34c0-b089c8e2f100/public\",\n },\n {\n \"id\": \"49\",\n \"type\": \"project\",\n \"name\": \"E-ink Frame\",\n \"description\":\n \"Michael Schultz's information screens designed to be shown on an e-ink display.\",\n \"handle\": \"michaelwschultz\",\n \"projectName\": \"eink-frame\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/4cd5e02c-d552-42c8-8995-d62d1862c500/public\",\n },\n {\n \"id\": \"43\",\n \"type\": \"project\",\n \"name\": \"Proto Runs\",\n \"description\":\n \"Wilhelm's app that lets you track and store your physical runs on ATProto.\",\n \"handle\": \"wilhelm\",\n \"projectName\": \"ProtoRuns\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/eace9b54-7812-4e45-9d78-5a9793d25500/public\",\n },\n {\n \"id\": \"23\",\n \"type\": \"project\",\n \"name\": \"URL Project\",\n \"description\":\n \"Loading's simple URL shortener application built on Val Town.\",\n \"handle\": \"loading\",\n \"projectName\": \"url-project\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/4f6bebfe-657b-4573-78ed-b2499f5a3d00/public\",\n },\n {\n \"id\": \"45\",\n \"type\": \"project\",\n \"name\": \"Proto Share\",\n \"description\":\n \"c15r's secure backend system for iOS share sheet shortcuts.\",\n \"handle\": \"c15r\",\n \"projectName\": \"ProtoShare\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/139b36c0-3ce5-4af0-e4bb-055f4b525200/public\",\n },\n {\n \"id\": \"46\",\n \"type\": \"project\",\n \"name\": \"Voice Messages\",\n \"description\":\n \"Cam Pak's web app for recording, transcribing, and sharing voice notes with expiration controls.\",\n \"handle\": \"cameronpak\",\n \"projectName\": \"voicemessages\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/02340d0b-05fa-4621-1ae5-fcdb5db8e000/public\",\n },\n {\n \"id\": \"47\",\n \"type\": \"project\",\n \"name\": \"Mandate\",\n \"description\":\n \"Salon's val that helps you set up AI agents through a registry and workflow definitions.\",\n \"handle\": \"salon\",\n \"projectName\": \"mandate\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/cfa57cf6-ed9c-450d-eb57-a87db1828b00/public\",\n },\n {\n \"id\": \"48\",\n \"type\": \"project\",\n \"name\": \"Electric\",\n \"description\":\n \"Wolf's lightweight static site hosting system built on Hono RPC and Val Town blob store, with a simple CLI.\",\n \"handle\": \"wolf\",\n \"projectName\": \"Electric\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/2a24b975-6baf-418d-c8a1-4751234e8c00/public\",\n },\n {\n \"id\": \"49\",\n \"type\": \"project\",\n \"name\": \"FlexCal\",\n \"description\":\n \"Malcolm Ocean's flexible Google Calendar alternative interface that syncs 2-way with Google Calendar via OAuth.\",\n \"handle\": \"malcolmocean\",\n \"projectName\": \"FlexCal\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/011262f8-da2b-4db2-5f16-4cb2521a9d00/public\",\n },\n {\n \"id\": \"43\",\n \"type\": \"project\",\n \"name\": \"ESM Proxy\",\n \"description\": \"Max's fast content-type friendly proxy for esm.town.\",\n \"handle\": \"maxm\",\n \"projectName\": \"esm\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/002e93b7-abc2-4d5e-62f2-73922b66fe00/public\",\n },\n {\n \"id\": \"23\",\n \"type\": \"project\",\n \"name\": \"Autoblocks Webhook Evaluator\",\n \"description\":\n \"Combine Autoblocks.ai and Val Town to create custom AI evals in minutes.\",\n \"handle\": \"autoblocks\",\n \"projectName\": \"Autoblocks_Webhook_Evaluator\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/04e13740-847b-482b-7aab-c561ea5f6100/public\",\n },\n {\n \"id\": \"45\",\n \"type\": \"project\",\n \"name\": \"Steam Forum Scanner\",\n \"description\":\n \"Get Discord notifications for Steam community discussions.\",\n \"handle\": \"dreww\",\n \"projectName\": \"steamforumscanner\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/967655b5-387e-4b96-3a8b-b968a9545700/public\",\n },\n {\n \"id\": \"46\",\n \"type\": \"project\",\n \"name\": \"Val Town Blog\",\n \"description\":\n \"The Val Town blog is now hosted on Val Town. Isn't that cool?\",\n \"handle\": \"valdottown\",\n \"projectName\": \"blog\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/7b0a02e0-63d8-4f34-1dcd-8df0b4e64b00/public\",\n },\n {\n \"id\": \"47\",\n \"type\": \"project\",\n \"name\": \"Screenrecord with Webcam\",\n \"description\":\n \"A floating webcam component that you can easily add to any val\",\n \"handle\": \"dcm31\",\n \"projectName\": \"instantDemo\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/ccca5094-23ee-425b-d48f-4e01ceaadc00/public\",\n },\n {\n \"id\": \"48\",\n \"type\": \"project\",\n \"name\": \"Exponential Sum Plot Generator\",\n \"description\": \"An homage to John D. Cook's Exponential Sum of the Day\",\n \"handle\": \"hodge\",\n \"projectName\": \"expSumOfTheDay\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/7fa3f9fc-0269-4393-9b5c-edceacb2e100/public\",\n },\n {\n \"id\": \"49\",\n \"type\": \"project\",\n \"name\": \"Bolivian News Digest\",\n \"description\": \"News aggregator of the latest Bolivian news headlines \",\n \"handle\": \"joseforonda\",\n \"projectName\": \"digest\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/be58efe4-e0ed-435f-53e8-413c3653fc00/public\",\n },\n {\n \"id\": \"43\",\n \"type\": \"project\",\n \"name\": \"Seth Godin Email Notifications\",\n \"description\": \"Get an email with Seth Godin's latest blog posts\",\n \"handle\": \"saltcod\",\n \"projectName\": \"SethGodinBlogEmail\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3bc00480-171c-43d3-76ee-8ad461951800/public\",\n },\n {\n \"id\": \"23\",\n \"type\": \"project\",\n \"name\": \"Unsplash Source\",\n \"description\": \"Reimplementation of source.unsplash.com\",\n \"handle\": \"pinjasaur\",\n \"projectName\": \"unsplashSourceReimplementation\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/31ea8690-a9cf-4186-8619-6b36e2ac5e00/public\",\n },\n {\n \"id\": \"45\",\n \"type\": \"project\",\n \"name\": \"Email Research Agent\",\n \"description\":\n \"Lightweight email wrapper around Perplexity's Sonar API\",\n \"handle\": \"thesephist\",\n \"projectName\": \"researchAgent\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/e26b5ea7-8b6c-42a5-fbb2-a6146423e200/public\",\n },\n {\n \"id\": \"46\",\n \"type\": \"project\",\n \"name\": \"Spag\",\n \"description\": \"Upload and share files for music livecoding\",\n \"handle\": \"todepond\",\n \"projectName\": \"spag\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/43f0854a-e828-4785-98a2-241473165600/public\",\n },\n {\n \"id\": \"47\",\n \"type\": \"project\",\n \"name\": \"Linkify Discord Messages\",\n \"description\": \"A Discord bot to linkify messages\",\n \"handle\": \"jamiedubs\",\n \"projectName\": \"linkifyDiscordBot\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/a76e504c-9f72-4c17-8212-480acc315d00/public\",\n },\n {\n \"id\": \"48\",\n \"type\": \"project\",\n \"name\": \"Quordle Proposal\",\n \"description\": \"How Steve proposed to his girlfriend in Quordle\",\n \"handle\": \"stevekrouse\",\n \"projectName\": \"emilrdle\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/19dbeda7-dfd6-4548-e259-d4405e4d2300/public\",\n },\n {\n \"id\": \"49\",\n \"type\": \"project\",\n \"name\": \"Project File Tree Visualizer\",\n \"description\":\n \"Generate a visual file tree representation for Val Town Projects.\",\n \"handle\": \"nbbaier\",\n \"projectName\": \"createFileTree\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/139b36c0-3ce5-4af0-e4bb-055f4b525200/public\",\n },\n {\n \"id\": \"43\",\n \"type\": \"project\",\n \"name\": \"Downstream Providers Status Page\",\n \"description\": \"Check the statuses of Val Town's downstream providers\",\n \"handle\": \"maxm\",\n \"projectName\": \"status_status\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/80e06294-dd43-480d-8d03-26f147484000/public\",\n },\n {\n \"id\": \"44\",\n \"type\": \"project\",\n \"name\": \"Amazon Order Email Parser\",\n \"description\": \"Store Amazon order emails into a SQLite DB\",\n \"handle\": \"seflless\",\n \"projectName\": \"parseAmazonOrderEmail\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/19c2e524-ce90-49ae-ecce-5b05c0736100/public\",\n },\n {\n \"id\": \"45\",\n \"type\": \"project\",\n \"name\": \"Valentine's Card\",\n \"description\": \"Make a virtual card for someone you care about\",\n \"handle\": \"mewtru\",\n \"projectName\": \"valentine\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1f8c24d7-dfcb-44b4-f400-20355d17bb00/public\",\n },\n {\n \"id\": \"46\",\n \"type\": \"project\",\n \"name\": \"Neocities Hit Counter\",\n \"description\": \"A hit counter for Neocities\",\n \"handle\": \"mbo\",\n \"projectName\": \"neocities_hit_counter\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/f74f11d0-cd3b-4b94-a89c-22a211a50d00/public\",\n },\n {\n \"id\": \"47\",\n \"type\": \"project\",\n \"name\": \"tldraw Computer Example\",\n \"description\":\n \"Example custom endpoint for tldraw computer's data component\",\n \"handle\": \"steveruizok\",\n \"projectName\": \"tldraw_computer_example\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/da16efa9-8f5c-494f-857e-191e38e46b00/public\",\n },\n {\n \"id\": \"48\",\n \"type\": \"project\",\n \"name\": \"Email Summary Handler\",\n \"description\":\n \"Automatically generate concise summaries of your emails and newsletters\",\n \"handle\": \"paulkinlan\",\n \"projectName\": \"emailSummaryHandler\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/23202c44-108d-4917-2310-cd6ee1755700/public\",\n },\n {\n \"id\": \"49\",\n \"type\": \"project\",\n \"name\": \"Notion to Wallabag\",\n \"description\":\n \"Save and sync your Notion content to Wallabag for later reading\",\n \"handle\": \"michaelfromyeg\",\n \"projectName\": \"notion2wallabag\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e519a58-03e8-4321-a69c-8be896fd4c00/public\",\n },\n {\n \"id\": \"43\",\n \"type\": \"project\",\n \"name\": \"GitHub Sync\",\n \"description\":\n \"Keep your GitHub repositories synced with your Val Town projects\",\n \"handle\": \"jxnblk\",\n \"projectName\": \"GitHubSync\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/6171720e-729f-4953-8b36-1b712f8c5d00/public\",\n },\n {\n \"id\": \"44\",\n \"type\": \"project\",\n \"name\": \"File Handler\",\n \"description\": \"Peer-to-peer file transfer using WebRTC\",\n \"handle\": \"loading\",\n \"projectName\": \"file\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/7fc2f8d3-5082-46a0-34c0-b089c8e2f100/public\",\n },\n {\n \"id\": \"45\",\n \"type\": \"project\",\n \"name\": \"Dub Link Maker\",\n \"description\":\n \"An internal Slackbot created at Mux to create dub.co shortlinks\",\n \"handle\": \"mux\",\n \"projectName\": \"dubLinkMaker\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/7c9c83b6-96c0-4940-74f7-224715080f00/public\",\n },\n {\n \"id\": \"46\",\n \"type\": \"project\",\n \"name\": \"Cerebras Coder\",\n \"description\":\n \"AI code assistant powered by Cerebras, running llama3.3-70b\",\n \"handle\": \"stevekrouse\",\n \"projectName\": \"cerebras_coder\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/39e2ee33-5ec5-406b-f0ed-97591c154f00/public\",\n },\n {\n \"id\": \"47\",\n \"type\": \"project\",\n \"name\": \"Braintrust SDK\",\n \"description\": \"Run evals and ship AI products with Braintrust's SDK\",\n \"handle\": \"charmaine\",\n \"projectName\": \"BraintrustSDK\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/0cfb914c-26f7-43da-95a5-052463ba6a00/public\",\n },\n {\n \"id\": \"48\",\n \"type\": \"project\",\n \"name\": \"Regex to Brainrot\",\n \"description\": \"Entertaining explanations for regex patterns\",\n \"handle\": \"stainless_em\",\n \"projectName\": \"regexToBrainrot\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/0de29567-616c-4370-4e12-cbd85a92d700/public\",\n },\n {\n \"id\": \"49\",\n \"type\": \"project\",\n \"name\": \"Blob Editor\",\n \"description\": \"Edit your blobs in VS Code\",\n \"handle\": \"pomdtr\",\n \"projectName\": \"vscode\",\n \"imageUrl\":\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c2ffd95b-6881-41e3-5a8a-0cda478a0100/public\",\n },\n ],\n };\n return new Response(JSON.stringify(showcase), {\n headers: {\n \"Content-Type\": \"application/json\",\n },\n });\n}","showcase",[146],"2acef7a8-5b8b-11f1-af42-ee650bb23af1","SKILL.md","6c02dde0-5b89-11f1-bd85-ee650bb23af1",125,["D",1780078870185],2,"# Add a Community Showcase entry\n\nHow to add an app to the Val Town Community Showcase\n(https://www.val.town/explore/community-showcase).\n\n## How the showcase works\n\n- The page is `app/components/StaffPicks.tsx` in the val.town monorepo. It\n fetches live at runtime from `https://showcase.val.run`.\n- `app/data/staff-picks.json` in the repo is ONLY a stale fallback used if that\n fetch fails. Editing it does NOT change the live page.\n- **Source val:** this val, `valdottown/staffPicks`, file `main.tsx` (HTTP),\n endpoint `https://showcase.val.run`. It returns a hardcoded JS object as JSON.\n The app reads only the `staffPicks` key, so extra top-level keys (like\n `_source`) are safe.\n\n## Entry shape\n\n```jsonc\n{\n \"id\": \"53\", // unique string; bump above the current max\n \"type\": \"project\", // \"project\" or \"val\"\n \"name\": \"Display Name\",\n \"description\": \"One warm sentence describing the app.\",\n \"handle\": \"authorHandle\", // Val Town username\n \"projectName\": \"the-val-name\", // for type:\"project\" (use \"valName\" for type:\"val\")\n \"imageUrl\": \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA//public\"\n}\n```\n\nURL the card links to:\n- project: `/x/{handle}/{projectName}`\n- val: `/v/{handle}/{valName}`\n\nTo find an app's handle/name: resolve the live URL via the Val Town MCP\n(`list_vals` filtered by name, or `get_val_detail`). The `links.html` field\n(`.../x/{handle}/{name}/...`) tells you whether it's a `/x/` project. New\nentries are added at the TOP of the `staffPicks` array (just inside `[`).\n\n## Card image (the floating browser window on a pastel gradient)\n\nThe card image is a screenshot of the app composited into a browser window on a\nsoft pastel gradient, cropped ~1.91:1 (1520x872), hosted on Cloudflare Images.\nThe existing cards all use this style — match it.\n\n### REQUIRED: generous padding — the window must FLOAT, not fill the frame\n\nThis is non-negotiable owner feedback (given repeatedly): the browser window\nmust float in the center of the canvas with generous, roughly EQUAL margins on\nALL FOUR sides. It must NOT fill the frame and must NOT be cramped against the\ntop/edges.\n\nHard requirements for every card:\n- Window width: **≤ 72% of canvas width** (≤ ~1080px on the 1520px canvas),\n horizontally centered → ~220px of gradient on each side.\n- Window vertically centered with **generous, roughly equal top and bottom\n margins** (aim for ~175px+ top and bottom). Crop the screenshot height (cap\n the visible app area, e.g. ~470px) so the window does not grow tall enough to\n fill the frame.\n- Soft drop shadow under the window so it reads as floating.\n\nReference: the \"Spend Agent\" card is the minimum acceptable amount of padding;\nmatch or EXCEED it. The reusable compositor lives at `/tmp/make_card.py` style\ngeometry below — `WIN_W = 1080`, capped `SHOT_AREA_H ≈ 472`, window centered via\nflexbox `align-items:center; justify-content:center` on the canvas. Do NOT pin\nthe window to the top with a small margin (that produced the cramped cards that\nhad to be redone).\n\nTooling: headless `chromium` at `/usr/local/bin/chromium`; Cloudflare creds in\n`/Users/stevekrouse/Desktop/val.town/.env` (`CLOUDFLARE_ACCOUNT_ID` =\n`0c98b133...`, `CLOUDFLARE_API_KEY`). Delivery hash: `iHX6Ovru0O7AjmyT5yZRoA`.\n\n1. **Screenshot the app** (2x scale):\n ```sh\n /usr/local/bin/chromium --headless --disable-gpu --no-sandbox \\\n --hide-scrollbars --force-device-scale-factor=2 \\\n --window-size=1280,800 --virtual-time-budget=9000 \\\n --screenshot=/tmp/shot.png \"https://THE-APP.val.run/\"\n ```\n\n2. **Composite** into a FLOATING browser window via an HTML file rendered by\n chromium. Canvas 1520x872. The window must be **1080px wide (≤72% of canvas)**\n and **centered both ways** (flexbox `align-items:center; justify-content:center`\n on the canvas) so it floats with generous, equal margins on all sides — see the\n \"REQUIRED: generous padding\" section above. Use a dark title bar with\n red/yellow/green dots, a soft drop shadow, and CAP the visible screenshot area\n height (`.shot { height:472px; overflow:hidden }`, with `img { width:1080px }`)\n so the window does not stretch tall enough to fill the frame. Gradient (sampled\n from existing cards):\n ```css\n .canvas {\n width:1520px; height:872px;\n display:flex; align-items:center; justify-content:center;\n background:\n radial-gradient(70% 95% at 100% 78%, #EFCBB6 0%, rgba(239,203,182,0) 60%),\n radial-gradient(52% 44% at 48% 105%, #8FACB8 0%, rgba(143,172,184,0) 52%),\n radial-gradient(75% 80% at 0% 100%, #CCE0DB 0%, rgba(204,224,219,0) 55%),\n radial-gradient(85% 85% at 3% 3%, #AAC8CC 0%, rgba(170,200,204,0) 55%),\n linear-gradient(125deg, #B2C9CD 0%, #BBC0C3 55%, #C6C3BF 100%);\n }\n .window {\n width:1080px; border-radius:14px; overflow:hidden;\n box-shadow: 0 40px 90px rgba(40,55,70,0.34), 0 12px 30px rgba(40,55,70,0.20);\n background:#0c0f13;\n }\n ```\n Render: `chromium --headless ... --window-size=1520,872 --force-device-scale-factor=2 --screenshot=/tmp/card.png \"file:///tmp/card.html\"`. Before uploading, eyeball the PNG: the window should clearly float with breathing room on every side.\n\n3. **Upload to Cloudflare Images** and grab the `/public` variant:\n ```sh\n curl -s -X POST \\\n \"https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/images/v1\" \\\n -H \"Authorization: Bearer $CLOUDFLARE_API_KEY\" \\\n -F \"file=@/tmp/card.png\" -F \"requireSignedURLs=false\"\n ```\n Use the variant ending in `/public` as `imageUrl`.\n\n## Add the entry\n\nEdit `main.tsx` via the Val Town MCP `replace_in_file`, inserting the new object\nat the top of the `staffPicks` array. Then verify:\n\n```sh\ncurl -s https://showcase.val.run | python3 -m json.tool | grep -A6 '\"name\": \"Your App\"'\n```\n\nConfirm the `imageUrl` returns HTTP 200 (`curl -I `) and the entry appears\nin the JSON before telling anyone it's done.\n",[155],"3eba0712-3b70-4576-b138-c256b1f6e1c6","README.md","38a90e72-1a05-11f0-86db-569c3dd06744",132,["D",1783527824981],3,"# Val Town Community Showcase\n\nThis val powers the **Community Showcase**\n(https://www.val.town/explore/community-showcase) — the hand-picked gallery of\ngreat things the Val Town community has built. The showcase page fetches this\nval live at `https://showcase.val.run`, so editing the `staffPicks` array in\n`main.tsx` here updates the page directly.\n\nWant your app featured? Read on. 👇\n\n## 🚀 Submit your app (easy way — no coding required!)\n\nYou can send us your project in seconds with a simple POST request. We'll get an\nemail at `hi@val.town` and review it for the showcase.\n\n**Send a POST to `https://showcase.val.run`** with JSON like this:\n\n```bash\ncurl -X POST https://showcase.val.run \\\n -H \"Content-Type: application/json\" \\\n -d '{\n \"name\": \"My Cool App\",\n \"handle\": \"yourHandle\",\n \"projectName\": \"my-cool-app\",\n \"description\": \"A one-sentence description of what it does.\",\n \"notes\": \"Optional — anything else you want to tell us\"\n }'\n```\n\n**Required fields:** `name`, `handle`, `projectName`, `description`\n**Optional fields:** `url` (if it's not a Val Town project), `notes`\n\nYou'll get a JSON response confirming your submission. That's it — we'll take it\nfrom here!\n\n> **Prefer email?** You can also just email us at `hi@val.town` with your\n> project name, Val Town handle, and a short description.\n\n---\n\n## Want your app in the showcase? (other paths)\n\nThere are two more paths depending on who you are:\n\n### If you work at Val Town\n\nYou can edit this val directly. Add an entry and a card image:\n\n1. Open `main.tsx` and add a new object at the **top** of the `staffPicks`\n array (just inside the `[`). Use the entry shape below, with a unique `id`\n bumped above the current max.\n2. Make a card image (the floating browser-window-on-a-pastel-gradient look) and\n upload it to Cloudflare Images — see \"Card image\" below and the full\n `SKILL.md` in this val for the exact recipe.\n3. Save. The change goes live immediately at `https://showcase.val.run` and on\n the showcase page.\n\n### If you don't work at Val Town (everyone else 💛)\n\nYou can either use the easy POST submission above, or **open a pull request** on\nthis val:\n\n1. Open this val: https://www.val.town/x/valdottown/staffPicks\n2. Create a **branch** (use the branch menu in the Val Town editor), add your\n entry to the top of the `staffPicks` array in `main.tsx`, and add a card\n image (see below).\n3. **Submit a pull request** from your branch. A Val Town team member will\n review it, make sure the card looks right, and merge it.\n\nNot sure how to make the card image? No worries — open the PR with just the\nentry (and a screenshot or link to your app) and we'll help with the image.\n\n## Entry shape\n\n```jsonc\n{\n \"id\": \"53\", // unique string; bump above the current max\n \"type\": \"project\", // \"project\" or \"val\"\n \"name\": \"Display Name\",\n \"description\": \"One warm sentence describing the app.\",\n \"handle\": \"yourHandle\", // your Val Town username\n \"projectName\": \"the-val-name\", // for type:\"project\" (use \"valName\" for type:\"val\")\n \"imageUrl\": \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA//public\"\n}\n```\n\nThe card links to `/x/{handle}/{projectName}` for projects, or\n`/v/{handle}/{valName}` for vals.\n\n## Card image\n\nEach card is a screenshot of the app composited into a floating browser window\non a soft pastel gradient (cropped ~1.91:1, hosted on Cloudflare Images).\n\n**Important:** the browser window must **float** in the middle of the card with\ngenerous, roughly equal margins on all four sides — it should NOT fill the\nframe or sit cramped against the top/edges. Match (or exceed) the padding on the\n\"Spend Agent\" card. The window should be no more than ~72% of the card width and\nvertically centered.\n\nThe full step-by-step recipe (screenshot command, the exact gradient + window\nCSS, and the Cloudflare upload) lives in **`SKILL.md`** in this val.\n\n---\n\n_Staff Picks, hand-curated by Team Val Town._\n",[163],"pulls","branches","envVars",{"_176":22,"_178":22},"connections",{"_176":22,"_177":22},"count","unfilledCount","emptyCount",{"_27":162,"_13":163,"_130":164,"_132":-5,"_133":88,"_134":165,"_135":61,"_46":193,"_85":167,"_138":113,"_140":168,"_142":20,"_143":-5,"_184":194,"_101":195},{"_27":154,"_13":155,"_130":156,"_132":-5,"_133":88,"_134":157,"_135":61,"_46":190,"_85":159,"_138":113,"_140":160,"_142":20,"_143":-5,"_184":191,"_101":192},{"_27":145,"_13":146,"_130":63,"_132":-5,"_133":88,"_134":147,"_135":61,"_46":187,"_85":149,"_138":150,"_140":151,"_142":20,"_143":152,"_184":188,"_101":189},{"_27":128,"_13":129,"_130":131,"_132":-5,"_133":88,"_134":86,"_135":61,"_46":183,"_85":137,"_138":139,"_140":141,"_142":20,"_143":-5,"_184":185,"_101":186},["D",1783528839841],"children",[],[129],["D",1783527678542],[],[146],["D",1780078870185],[],[155],["D",1783527824981],[],[163],["D",1744727017605],{"_11":12,"_56":98},{"_11":12,"_50":97,"_51":98,"_34":-5,"_53":99,"_55":61},{"_85":86,"_13":87,"_27":88,"_89":57,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":14,"_96":12},"ctx",{"_39":-5,"_121":233,"_234":235,"_236":237,"_238":20,"_239":20,"_240":20,"_241":61,"_242":-5,"_243":-7,"_244":-7,"_245":22,"_246":20,"_247":20,"_248":-5,"_249":20,"_250":20,"_251":20,"_252":-5},"ENV",{"_204":205,"_206":207,"_208":87,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Remixes1

Remixes
1