Foundry — app workshop

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_225":226,"_227":228},"routes/_app.x.$handle.$name",{"_110":109,"_38":55,"_119":100,"_33":120,"_13":14,"_121":-5,"_11":122,"_123":124,"_125":126,"_127":128,"_129":130,"_27":-5,"_131":-5,"_132":-5,"_133":31,"_134":135,"_136":69,"_137":-5,"_138":-5,"_139":140},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_53":54,"_38":55,"_43":56,"_57":-5,"_58":31,"_59":60,"_61":60,"_62":63,"_64":-5,"_19":65,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":73,"_74":75,"_76":77,"_78":79,"_80":81,"_82":-5,"_83":84,"_85":84,"_86":87,"_88":87,"_89":87,"_90":84,"_91":84,"_92":93,"_94":95,"_96":97,"_98":31},"version",7,"changes",[25,26],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","0a095a80-a2de-4a49-8762-9a51027c5f91","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_27":48,"_29":-7,"_30":31,"_32":31,"_33":49,"_35":49},{"_27":28,"_29":-7,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":39,"_40":27,"_41":42,"_43":44,"_45":14,"_46":47,"_30":31},"previous","deleted",false,"deletedHere","path","views/index.html","latestPath","fileId","626b8bc2-9baa-11f1-8d0b-1607ee4eb77e","name","index.html","fileType","content","\n\n\n \n \n Foundry — app workshop\n \n \n \n \n \n \n\n\n

\n \n\n

\n \n Brief\n 0/5000\n \n \n\n

\n or start from a seed prompt\n

\n\n \n

⌘/Ctrl + Enter to build

\n\n

\n build log\n ▌\n

\n \n

\n\n

\n preview\n waiting for a build\n

\n \n

Your built app renders here, sandboxed.

No build yet — write a brief and press Build app.

\n\n \n\n\n","createdAt",["D",1787129152304],"branchVersion","branchId","ee22e3ae-218e-4882-89bb-63b59fd716fd",{"_36":50,"_38":49,"_40":51,"_41":-5,"_43":52,"_45":14,"_46":47,"_30":31},"views","5bcfd898-d4b2-4f34-b83b-e07f962670b8","directory",["D",1787129152304],"id","05fc5caf-cbe7-40bf-8abe-7c6f1dc57ed5","foundry-epic",["D",1787129097801],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Foundry Epic — AI app workshop with live preview.","imageUrl","56113ce4-0f2b-402f-b46c-fc61db5ac8a6","pinnedFileId","41fa0a8a-9baa-11f1-a031-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a0191e-7c9f-73d4-b196-82a6c48eaa8a","tursoName","05fc5cafcbe740bf8abe7c6f1dc57ed5","tursoHostname","05fc5cafcbe740bf8abe7c6f1dc57ed5-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789476648181],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_110":109,"_118":114},"org",{"_110":109,"_111":112,"_113":114,"_19":65,"_115":116,"_117":31},"branch",{"_13":99,"_38":100,"_53":47,"_101":54,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":55,"_108":109},"isOwned",34,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Et12eqtf","handle","displayName","nakkazi esther","avatar","https://lh3.googleusercontent.com/a/ACg8ocLzKaL-buMuULchK5wzcmIw74PtZiEMRxDQwszsTALglBlsIw=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_53":54,"_38":55,"_43":220,"_57":-5,"_58":31,"_59":60,"_61":60,"_62":63,"_64":-5,"_19":65,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":73,"_74":75,"_76":77,"_78":79,"_80":221,"_82":-5,"_83":84,"_85":84,"_86":87,"_88":87,"_89":87,"_90":84,"_91":84,"_92":222,"_94":223,"_96":224,"_98":31},"tree",[175,179,181],"files",[175,176,177,178,179,180,181],"counts",{"_164":73,"_165":166,"_167":73,"_168":169,"_170":171},"contents",[141,142,143],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_53":159,"_38":160,"_36":161,"_146":-5,"_46":47,"_45":150,"_148":69,"_43":162,"_13":73,"_40":51,"_41":-5,"_30":31,"_153":-5,"_33":163},{"_53":156,"_38":49,"_36":50,"_146":-5,"_46":47,"_45":14,"_148":69,"_43":157,"_13":73,"_40":51,"_41":-5,"_30":31,"_153":-5,"_33":158},{"_53":144,"_38":145,"_36":67,"_146":-5,"_46":47,"_45":147,"_148":31,"_43":149,"_13":150,"_40":151,"_41":152,"_30":31,"_153":154,"_33":155},"97a3de6a-98eb-4af7-94b4-0d344668564a","main.ts","parentId",6,"latest",["D",1787129114380],2,"http","import { readFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { availableProviders, generateApp } from \"./lib/llm.ts\";\nimport { listBuilds, saveBuild, clearBuilds } from \"./lib/db.ts\";\nimport { validateOutput } from \"./lib/prompt.ts\";\n\nconst MIME = {\n \".html\": \"text/html; charset=utf-8\",\n \".css\": \"text/css; charset=utf-8\",\n \".js\": \"text/javascript; charset=utf-8\",\n};\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const { pathname } = url;\n try {\n // Static assets\n if (pathname === \"/\" || pathname === \"/index.html\") return asset(\"views/index.html\", \".html\");\n if (pathname === \"/style.css\") return asset(\"views/style.css\", \".css\");\n if (pathname === \"/app.js\") return asset(\"views/app.ts\", \".js\");\n if (pathname === \"/favicon.svg\") return new Response(FAVICON, { headers: { \"content-type\": \"image/svg+xml\" } });\n if (pathname === \"/source\") return new Response(null, { status: 302, headers: { Location: parseVal().links.self.val } });\n\n // API\n if (pathname === \"/api/meta\" && req.method === \"GET\") {\n return json({ providers: availableProviders() });\n }\n if (pathname === \"/api/history\" && req.method === \"GET\") {\n return json({ builds: await listBuilds() });\n }\n if (pathname === \"/api/history\" && req.method === \"DELETE\") {\n await clearBuilds();\n return json({ ok: true });\n }\n if (pathname === \"/api/build\" && req.method === \"POST\") {\n return handleBuild(req);\n }\n return json({ error: \"Not found\" }, 404);\n } catch (e) {\n console.error(e);\n return json({ error: String(e) }, 500);\n }\n}\n\nasync function asset(path: string, ext: string): Promise {\n return new Response(await readFile(path), { headers: { \"content-type\": MIME[ext] } });\n}\n\nfunction json(obj: unknown, status = 200): Response {\n return new Response(JSON.stringify(obj), {\n status,\n headers: { \"content-type\": \"application/json; charset=utf-8\" },\n });\n}\n\nfunction handleBuild(req: Request): Response {\n const stream = new ReadableStream({\n async start(controller) {\n const enc = new TextEncoder();\n const emit = (obj: unknown) => controller.enqueue(enc.encode(JSON.stringify(obj) + \"\\n\"));\n try {\n let body: any = {};\n try { body = await req.json(); } catch { /* ignore */ }\n const prompt = String(body.prompt || \"\").trim();\n const requested = String(body.provider || \"claude\");\n\n if (!prompt) { emit({ type: \"error\", message: \"No prompt supplied. Describe the app you want to build.\" }); return; }\n if (prompt.length > 5000) { emit({ type: \"error\", message: \"Prompt is too long (max 5000 characters).\" }); return; }\n\n const providers = availableProviders();\n const prov = providers.find((p) => p.id === requested) ?? providers[0];\n if (!prov || !prov.available) {\n emit({\n type: \"error\",\n message: `No API key configured for ${prov?.label ?? requested}. Add ${prov?.id === \"openai\" ? \"OPENAI_API_KEY\" : \"ANTHROPIC_API_KEY\"} in the val's environment variables, then try again.`,\n });\n return;\n }\n\n emit({ type: \"log\", stage: \"reading brief\", detail: `“${truncate(prompt, 70)}”` });\n const html = await generateApp({\n provider: prov.id,\n model: prov.model,\n prompt,\n onProgress: (p) => emit({ type: \"progress\", stage: p.stage, chars: p.chars, lines: p.lines }),\n });\n\n emit({ type: \"log\", stage: \"validating output\", detail: `${(html.length / 1024).toFixed(1)} KB received` });\n const problem = validateOutput(html);\n if (problem) {\n emit({ type: \"error\", message: `Build failed validation: ${problem} Your prompt is still here — hit Build to retry.` });\n return;\n }\n\n const saved = await saveBuild(prompt, html);\n emit({ type: \"log\", stage: \"finishing touches\", detail: \"saved to records\" });\n emit({ type: \"result\", id: saved.id, prompt, html });\n } catch (e) {\n console.error(e);\n emit({ type: \"error\", message: `Build failed: ${String(e)}` });\n } finally {\n controller.close();\n }\n },\n });\n return new Response(stream, {\n headers: {\n \"content-type\": \"application/x-ndjson; charset=utf-8\",\n \"cache-control\": \"no-cache\",\n \"x-accel-buffering\": \"no\",\n },\n });\n}\n\nfunction truncate(s: string, n: number): string {\n return s.length > n ? s.slice(0, n) + \"…\" : s;\n}\n\nconst FAVICON = ``;\n","label","foundry",[145],"d1d2970f-dfd4-42ef-8de9-a78dc1b55f30",["D",1787129152304],[49],"08bd9ba8-fe3c-46b0-b5db-6a737b8f9cff","lib","4ff44d5b-fd11-4a12-a0d1-08cf71d5f9b1",["D",1787129107718],[160],"pulls","branches",1,"forks","envVars",{"_172":73,"_174":73},"connections",{"_172":73,"_173":73},"count","unfilledCount","emptyCount",{"_53":159,"_38":160,"_36":161,"_146":-5,"_46":47,"_45":150,"_148":69,"_43":217,"_13":73,"_40":51,"_41":-5,"_30":31,"_153":-5,"_183":218,"_33":219},{"_53":209,"_38":210,"_36":211,"_146":161,"_46":47,"_45":212,"_148":31,"_43":213,"_13":73,"_40":197,"_41":214,"_30":31,"_153":-5,"_183":215,"_33":216},{"_53":201,"_38":202,"_36":203,"_146":161,"_46":47,"_45":204,"_148":69,"_43":205,"_13":73,"_40":197,"_41":206,"_30":31,"_153":-5,"_183":207,"_33":208},{"_53":193,"_38":194,"_36":195,"_146":161,"_46":47,"_45":150,"_148":69,"_43":196,"_13":73,"_40":197,"_41":198,"_30":31,"_153":-5,"_183":199,"_33":200},{"_53":156,"_38":49,"_36":50,"_146":-5,"_46":47,"_45":14,"_148":69,"_43":190,"_13":73,"_40":51,"_41":-5,"_30":31,"_153":-5,"_183":191,"_33":192},{"_53":186,"_38":39,"_36":37,"_146":50,"_46":47,"_45":14,"_148":31,"_43":187,"_13":73,"_40":27,"_41":42,"_30":31,"_153":-5,"_183":188,"_33":189},{"_53":144,"_38":145,"_36":67,"_146":-5,"_46":47,"_45":147,"_148":31,"_43":182,"_13":150,"_40":151,"_41":152,"_30":31,"_153":154,"_183":184,"_33":185},["D",1787129114380],"children",[],[145],"96bcc8c7-6988-4cf2-96ec-fc40e74057e5",["D",1787129152304],[],[49,39],["D",1787129152304],[180],[49],"495c7788-2e14-48b9-a83d-10e854b469c9","prompt.ts","47d7d356-9baa-11f1-af80-1607ee4eb77e",["D",1787129107718],"script","// Shared prompt template, output validation, and build-stage mapping.\n\nexport const SYSTEM_PROMPT = `You are Foundry, an expert front-end engineer. You transform a plain-English brief into a single, complete, self-contained HTML file for a polished, interactive web app.\n\nProduce a complete document. Every build MUST satisfy all of the following:\n\n1. FULLY FUNCTIONAL ON LOAD. Real, working interactivity — no mockups, no dead buttons, no \"--\" placeholder values, no unimplemented features. If it's a counter it counts; if it's a game it plays; if it's a tracker it tracks.\n2. SELF-CONTAINED single HTML file. All CSS and JS inline in

Diff · v7