[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_151":152,"_153":154},"routes/_app.x.$handle.$name",{"_93":92,"_32":44,"_101":83,"_27":102,"_13":14,"_103":-5,"_11":104,"_105":106,"_107":108,"_109":110,"_111":112,"_20":-5,"_113":-5,"_114":-5,"_115":25,"_116":117,"_118":56,"_119":-5,"_120":-5,"_121":122},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":31,"_55":56,"_57":56,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":25},"version",15,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_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 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}","createdAt",["D",1760641814637],"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",{"_93":92,"_100":96},"org",{"_93":92,"_94":-5,"_95":96,"_18":53,"_97":98,"_99":25},"branch",{"_13":14,"_32":83,"_42":41,"_84":43,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":44,"_91":92},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","volt","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzMzZm1qMllGY2JhQmhhWFYwVXVvQ05aT2tJciJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":147,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":31,"_55":56,"_57":56,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":148,"_78":149,"_80":150,"_82":25},"tree",[142],"files",[142],"counts",{"_131":60,"_132":133,"_134":60,"_135":136,"_137":138},"contents",[123],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":124,"_32":28,"_30":31,"_125":-5,"_40":41,"_39":14,"_126":56,"_37":127,"_13":128,"_33":34,"_35":36,"_24":25,"_129":44,"_27":130},"bee49b4c-aac3-11f0-ab59-0224a6c84d84","parentId","latest",["D",1760641814637],14,"label",[28],"pulls","branches",1,"forks","envVars",{"_139":60,"_141":60},"connections",{"_139":60,"_140":60},"count","unfilledCount","emptyCount",{"_42":124,"_32":28,"_30":31,"_125":-5,"_40":41,"_39":14,"_126":56,"_37":143,"_13":128,"_33":34,"_35":36,"_24":25,"_129":44,"_144":145,"_27":146},["D",1760641814637],"children",[],[28],["D",1760631650416],{"_93":92,"_100":96},{"_93":92,"_94":-5,"_95":96,"_18":53,"_97":98,"_99":25},{"_13":14,"_32":83,"_42":41,"_84":43,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":44,"_91":92},"ctx",{"_76":-5,"_120":184,"_185":186,"_187":188,"_189":25,"_190":25,"_191":25,"_192":56,"_193":-5,"_194":-7,"_195":-7,"_196":60,"_197":25,"_198":25,"_199":-5,"_200":25,"_201":25,"_202":25,"_203":-5},"ENV",{"_155":156,"_157":158,"_159":83,"_160":161,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183},"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 · v15