[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_152":153,"_154":155},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_115":-5,"_20":116,"_22":117,"_118":119,"_120":121,"_25":122,"_24":-5,"_123":-5,"_124":-5,"_125":53,"_126":127,"_128":44,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","volt","name","scaf","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":-5,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":44,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":94,"_95":96,"_97":98,"_99":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":14,"_18":55},"id","bee49b4c-aac3-11f0-ab59-0224a6c84d84","main.ts","fileId","148dc388-aaac-11f0-9138-0224a6c84d84","parentId","branchId","148b0828-aaac-11f0-9138-0224a6c84d84","branchVersion",15,"latest",true,"createdAt",["D",1760641814637],14,"fileType","http","content","// @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 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 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\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 = \"\";\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(\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}","deleted",false,"label",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":14,"_58":59,"_18":60},["D",1760641814637],"children",[],[35],"148aa2fc-aaac-11f0-9138-0224a6c84d84",["D",1760631650416],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","0199b749-1e1c-7399-b093-a7ba99382572","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","0199b749-1e1c-7399-b093-a97ac9fff69e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_114":110},"org",{"_11":12,"_108":-5,"_109":110,"_70":71,"_111":112,"_113":53},"branch",{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzMzZm1qMllGY2JhQmhhWFYwVXVvQ05aT2tJciJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":148,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":-5,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":44,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":149,"_95":150,"_97":151,"_99":53},[145],"files",[145],"counts",{"_135":77,"_136":137,"_138":77,"_31":139,"_140":141},[133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":14,"_18":134},[35],"pulls","branches",1,"forks",{"_142":77,"_144":77},"connections",{"_142":77,"_143":77},"count","unfilledCount","emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":14,"_58":146,"_18":147},[],[35],["D",1760631650416],{"_11":12,"_114":110},{"_11":12,"_108":-5,"_109":110,"_70":71,"_111":112,"_113":53},{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"ctx",{"_93":-5,"_130":185,"_186":187,"_188":189,"_190":53,"_191":53,"_192":53,"_193":44,"_194":-5,"_195":-7,"_196":-7,"_197":77,"_198":53,"_199":53,"_200":-5,"_201":53,"_202":53,"_203":53,"_204":-5},"ENV",{"_156":157,"_158":159,"_160":16,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184},"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"]

Code