[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":57,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",10,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","148dc388-aaac-11f0-9138-0224a6c84d84","name","fileType","http","content","// @filename: scaf.tsx\n// @description: Intelligently scaffolds new Val Town projects from a string, with a helpful UI.\n\nimport { OpenAI } from \"https://esm.town/v/std/openai?v=4\";\n\n// --- Frontend UI Generation ---\nfunction generateHtml() {\n return `Scaf | Project Scaffolder

Scaf ✨

You've got a brilliant idea. Let's bring it to life, instantly.

Paste your file structure here:Project Name (optional)

`;\n}\n\n// --- AI Function to Name and Describe the Project ---\nasync function generateProjectDetails(\n content: string,\n): Promise<{ projectName: string; projectDescription: string }> {\n const openai = new OpenAI();\n const prompt =\n `You are an expert software architect. Analyze the following file paths and code snippets. Based on the content, generate: 1. A concise, descriptive, and URL-safe project name in kebab-case. 2. A one-sentence description of the project's purpose. Respond ONLY with a single, minified JSON object with these exact keys: \"projectName\" and \"projectDescription\". Input Content: \\`\\`\\`${content}\\`\\`\\``;\n try {\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [{ role: \"system\", content: prompt }],\n response_format: { type: \"json_object\" },\n });\n const result = JSON.parse(completion.choices[0].message.content);\n return {\n projectName: result.projectName || `ai-project-${Date.now()}`,\n projectDescription: result.projectDescription ||\n \"Project named and described by AI.\",\n };\n } catch (error) {\n console.error(\"OpenAI call failed:\", error);\n return {\n projectName: `fallback-project-${Date.now()}`,\n projectDescription:\n \"Project created with fallback naming due to an AI error.\",\n };\n }\n}\n\n// --- API Helper to create a NEW val (project) ---\nasync function createNewVal(\n token: string,\n name: string,\n description: string,\n): Promise<{ id: string; name: string }> {\n const url = \"https://api.val.town/v2/vals\";\n // **FIX: Truncate description to meet the 64-character API limit**\n const truncatedDescription = description.substring(0, 64);\n\n const response = await fetch(url, {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${token}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n name: name,\n privacy: \"private\",\n description: truncatedDescription,\n }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(\n `Failed to create new project (${response.status}): ${errorText}`,\n );\n }\n\n const data = await response.json();\n return { id: data.id, name: data.name };\n}\n\n// --- API Helper to create a file or directory in a val ---\nasync function createValTownResource(\n valId: string,\n path: string,\n type: \"file\" | \"directory\",\n token: string,\n content?: string,\n) {\n const url = `https://api.val.town/v2/vals/${valId}/files?path=${\n encodeURIComponent(path)\n }`;\n const body = type === \"directory\"\n ? { type: \"directory\" }\n : { type: \"file\", content: content || \"\" };\n const response = await fetch(url, {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${token}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(body),\n });\n if (!response.ok && response.status !== 409) {\n const errorText = await response.text();\n throw new Error(\n `API Error creating '${path}' (${response.status}): ${errorText}`,\n );\n }\n return response.json();\n}\n\n// --- Main HTTP Handler ---\nexport default async function (req: Request): Promise {\n if (req.method === \"GET\") {\n return new Response(generateHtml(), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n }\n\n if (req.method === \"POST\") {\n const valtownToken = Deno.env.get(\"valtown\");\n if (!valtownToken) {\n return Response.json({\n error: \"Missing 'valtown' environment variable for API token.\",\n }, { status: 500 });\n }\n\n const body = await req.json();\n if (!body.scaffold || typeof body.scaffold !== \"string\") {\n return Response.json({\n error: 'Request body must be JSON and include a \"scaffold\" string.',\n }, { status: 400 });\n }\n\n let targetValId = \"\";\n let projectName = \"Existing Project\";\n let projectDescription = \"\";\n let newProjectCreated = false;\n let nameSource = \"existing\";\n\n if (!targetValId) {\n if (body.name) {\n projectName = body.name.toLowerCase().replace(/\\s+/g, \"-\").replace(\n /[^a-z0-9-]/g,\n \"\",\n );\n projectDescription = \"Project scaffolded via Scaf.\";\n nameSource = \"user\";\n } else {\n const aiDetails = await generateProjectDetails(body.scaffold);\n projectName = aiDetails.projectName;\n projectDescription = aiDetails.projectDescription;\n nameSource = \"ai\";\n }\n\n try {\n const newProject = await createNewVal(\n valtownToken,\n projectName,\n projectDescription,\n );\n targetValId = newProject.id;\n projectName = newProject.name;\n newProjectCreated = true;\n } catch (error) {\n return Response.json({\n error: \"Failed to create new project.\",\n details: error.message,\n }, { status: 500 });\n }\n }\n\n const filesToCreate = body.scaffold.trim().split(\"\\n\").map((line) => {\n const [path, ...contentParts] = line.split(\"|||\");\n return { path: path.trim(), content: contentParts.join(\"|||\") };\n });\n\n filesToCreate.unshift({\n path: \".gemini_context.md\",\n content: `# AI Context File\\n\\n- Scaffold Date: ${\n new Date().toISOString()\n }\\n- Name Source: ${nameSource}`,\n });\n\n const createdDirs = new Set();\n const results = [];\n for (const file of filesToCreate) {\n if (!file.path) continue;\n try {\n const pathParts = file.path.split(\"/\").slice(0, -1);\n let currentPath = \"\";\n for (const part of pathParts) {\n currentPath = currentPath ? `${currentPath}/${part}` : part;\n if (!createdDirs.has(currentPath)) {\n await createValTownResource(\n targetValId,\n currentPath,\n \"directory\",\n valtownToken,\n );\n createdDirs.add(currentPath);\n }\n }\n await createValTownResource(\n targetValId,\n file.path,\n \"file\",\n valtownToken,\n file.content,\n );\n results.push({ status: \"success\", path: file.path });\n } catch (error) {\n results.push({\n status: \"error\",\n path: file.path,\n message: error.message,\n });\n }\n }\n\n return Response.json({\n message: \"Scaffolding process completed.\",\n newProjectCreated,\n projectId: targetValId,\n projectName,\n nameSource,\n results,\n });\n }\n\n return new Response(\"Method Not Allowed\", { status: 405 });\n}","// @filename: scaf.tsx\n// @description: Intelligently scaffolds new Val Town projects from a string, with a helpful UI and debug console.\n\nimport { OpenAI } from \"https://esm.town/v/std/openai?v=4\";\n\n// --- Frontend UI Generation ---\nfunction generateHtml() {\n return `Scaf | Project Scaffolder

Scaf ✨

You've got a brilliant idea. Let's bring it to life, instantly.

Paste your file structure here:Project Name (optional)

Debug Console

`;\n}\n\n// --- AI Function to Name and Describe the Project ---\nasync function generateProjectDetails(\n token: string,\n content: string,\n): Promise<{ projectName: string; projectDescription: string }> {\n const openai = new OpenAI({ apiKey: token });\n const prompt =\n `You are an expert software architect. Analyze the following file paths and code snippets. Based on the content, generate: 1. A concise, descriptive, and URL-safe project name in kebab-case. 2. A one-sentence description of the project's purpose. Respond ONLY with a single, minified JSON object with these exact keys: \"projectName\" and \"projectDescription\". Input Content: \\`\\`\\`${content}\\`\\`\\``;\n try {\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [{ role: \"system\", content: prompt }],\n response_format: { type: \"json_object\" },\n });\n const result = JSON.parse(completion.choices[0].message.content);\n return {\n projectName: result.projectName || `ai-project-${Date.now()}`,\n projectDescription: result.projectDescription ||\n \"Project named and described by AI.\",\n };\n } catch (error) {\n console.error(\"OpenAI call failed:\", error);\n return {\n projectName: `fallback-project-${Date.now()}`,\n projectDescription:\n \"Project created with fallback naming due to an AI error.\",\n };\n }\n}\n\n// --- API Helper to create a NEW val (project) ---\nasync function createNewVal(\n token: string,\n name: string,\n description: string,\n): Promise<{ id: string; name: string }> {\n const url = \"https://api.val.town/v2/vals\";\n const truncatedDescription = description.substring(0, 64);\n console.log(\n `Attempting to create val with name: ${name}, description: \"${truncatedDescription}\"`,\n );\n const response = await fetch(url, {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${token}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n name: name,\n privacy: \"private\",\n description: truncatedDescription,\n }),\n });\n if (!response.ok) {\n const errorText = await response.text();\n console.error(`Val Town API Error (${response.status}): ${errorText}`);\n throw new Error(\n `Failed to create new project (${response.status}): ${errorText}`,\n );\n }\n const data = await response.json();\n return { id: data.id, name: data.name };\n}\n\n// --- API Helper to create a file or directory in a val ---\nasync function createValTownResource(\n valId: string,\n path: string,\n type: \"file\" | \"directory\",\n token: string,\n content?: string,\n) {\n const url = `https://api.val.town/v2/vals/${valId}/files?path=${\n encodeURIComponent(path)\n }`;\n const body = type === \"directory\"\n ? { type: \"directory\" }\n : { type: \"file\", content: content || \"\" };\n const response = await fetch(url, {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${token}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(body),\n });\n if (!response.ok && response.status !== 409) {\n const errorText = await response.text();\n console.error(\n `Val Town API Error creating '${path}' (${response.status}): ${errorText}`,\n );\n throw new Error(\n `API Error creating '${path}' (${response.status}): ${errorText}`,\n );\n }\n return response.json();\n}\n\n// --- Main HTTP Handler ---\nexport default async function (req: Request): Promise {\n if (req.method === \"GET\") {\n return new Response(generateHtml(), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n }\n\n if (req.method === \"POST\") {\n console.log(\"--- New POST Request ---\");\n const valtownToken = Deno.env.get(\"valtown\");\n const openaiToken = Deno.env.get(\"openai\");\n\n if (!valtownToken) {\n console.error(\"FATAL: 'valtown' environment variable is not set.\");\n return Response.json({\n error: \"Missing 'valtown' environment variable for API token.\",\n }, { status: 500 });\n }\n console.log(\"Successfully loaded 'valtown' environment variable.\");\n\n let body;\n try {\n body = await req.json();\n } catch (e) {\n return Response.json({ error: \"Invalid JSON in request body.\" }, {\n status: 400,\n });\n }\n\n if (!body.scaffold || typeof body.scaffold !== \"string\") {\n return Response.json({\n error: 'Request body must be JSON and include a \"scaffold\" string.',\n }, { status: 400 });\n }\n\n let targetValId = Deno.env.get(\"targetValId\");\n let projectName = \"Existing Project\";\n let projectDescription = \"\";\n let newProjectCreated = false;\n let nameSource = \"existing\";\n\n if (!targetValId) {\n if (body.name) {\n projectName = body.name.toLowerCase().replace(/\\s+/g, \"-\").replace(\n /[^a-z0-9-]/g,\n \"\",\n );\n projectDescription = \"Project scaffolded via Scaf.\";\n nameSource = \"user\";\n } else {\n if (!openaiToken) {\n console.error(\n \"WARNING: 'openai' env var not set. Cannot use AI naming.\",\n );\n return Response.json({\n error: \"Missing 'openai' environment variable for AI naming.\",\n }, { status: 500 });\n }\n const aiDetails = await generateProjectDetails(\n openaiToken,\n body.scaffold,\n );\n projectName = aiDetails.projectName;\n projectDescription = aiDetails.projectDescription;\n nameSource = \"ai\";\n }\n try {\n const newProject = await createNewVal(\n valtownToken,\n projectName,\n projectDescription,\n );\n targetValId = newProject.id;\n projectName = newProject.name;\n newProjectCreated = true;\n } catch (error) {\n return Response.json({\n error: \"Failed to create new project.\",\n details: error.message,\n }, { status: 500 });\n }\n }\n\n const filesToCreate = body.scaffold.trim().split(\"\\n\").map((line) => {\n const [path, ...contentParts] = line.split(\"|||\");\n return { path: path.trim(), content: contentParts.join(\"|||\") };\n });\n\n filesToCreate.unshift({\n path: \".gemini_context.md\",\n content: `# AI Context File\\n\\n- Scaffold Date: ${\n new Date().toISOString()\n }\\n- Name Source: ${nameSource}`,\n });\n\n const results = [];\n for (const file of filesToCreate) {\n if (!file.path) continue;\n try {\n const pathParts = file.path.split(\"/\").slice(0, -1);\n let currentPath = \"\";\n for (const part of pathParts) {\n currentPath = currentPath ? `${currentPath}/${part}` : part;\n await createValTownResource(\n targetValId,\n currentPath,\n \"directory\",\n valtownToken,\n );\n }\n await createValTownResource(\n targetValId,\n file.path,\n \"file\",\n valtownToken,\n file.content,\n );\n results.push({ status: \"success\", path: file.path });\n } catch (error) {\n results.push({\n status: \"error\",\n path: file.path,\n message: error.message,\n });\n }\n }\n\n return Response.json({\n message: \"Scaffolding process completed.\",\n newProjectCreated,\n projectId: targetValId,\n projectName,\n nameSource,\n results,\n });\n }\n\n return new Response(\"Method Not Allowed\", { status: 405 });\n}","createdAt",["D",1760641619626],"branchVersion","branchId","148b0828-aaac-11f0-9138-0224a6c84d84","id","148aa2fc-aaac-11f0-9138-0224a6c84d84","scaf",["D",1760631650416],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","0199b749-1e1c-7399-b093-a7ba99382572","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","0199b749-1e1c-7399-b093-a97ac9fff69e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",15,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","volt","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzMzZm1qMllGY2JhQmhhWFYwVXVvQ05aT2tJciJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":149,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":150,"_79":151,"_81":152,"_83":25},"tree",[144],"files",[144],"counts",{"_133":61,"_134":135,"_136":61,"_137":138,"_139":140},"contents",[125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":129,"_13":130,"_33":34,"_35":37,"_24":25,"_131":45,"_27":132},"4aa8ad72-aac3-11f0-a852-0224a6c84d84","parentId","latest",["D",1760641619626],9,"label",[28],"pulls","branches",1,"forks","envVars",{"_141":61,"_143":61},"connections",{"_141":61,"_142":61},"count","unfilledCount","emptyCount",{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":145,"_13":130,"_33":34,"_35":37,"_24":25,"_131":45,"_146":147,"_27":148},["D",1760641619626],"children",[],[28],["D",1760631650416],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_122":186,"_187":188,"_189":190,"_191":25,"_192":25,"_193":25,"_194":57,"_195":-5,"_196":-7,"_197":-7,"_198":61,"_199":25,"_200":25,"_201":-5,"_202":25,"_203":25,"_204":25,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":85,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185},"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"]

Diff · v10