[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_143":144,"_145":146},"routes/_app.x.$handle.$name",{"_16":17,"_20":21,"_83":66,"_84":85,"_64":-7,"_86":-5,"_13":87,"_88":89,"_11":90,"_91":92,"_93":94,"_95":-5,"_96":-5,"_97":-5,"_98":26,"_99":100,"_101":37,"_102":-5,"_103":-5,"_104":105},"routes/_app.x.$handle.$name.search.$(branch)",{"_11":12,"_13":14,"_15":-5,"_16":17},"files",[],"project",{"_18":19,"_20":21,"_22":23,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":-5,"_31":-5,"_32":33,"_34":35,"_36":37,"_38":37,"_39":-5,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":49,"_50":49,"_51":52,"_53":52,"_54":52,"_55":49,"_56":49,"_57":58,"_59":60,"_61":62,"_63":26},"query","handle","volt","id","148aa2fc-aaac-11f0-9138-0224a6c84d84","name","scaf","createdAt",["D",1760631650416],"deletedAt","legacyEnvVars",false,"privacy","public","httpPrivacy","description","imageUrl","userId","0199b749-1e1c-7399-b093-a7ba99382572","pinnedFileId","148dc388-aaac-11f0-9138-0224a6c84d84","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",{"_16":17,"_82":78},"org",{"_16":17,"_76":-5,"_77":78,"_32":33,"_79":80,"_81":26},"branch",{"_64":65,"_20":66,"_18":67,"_68":19,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":21,"_75":17},"isOwned","version",15,"main","148b0828-aaac-11f0-9138-0224a6c84d84","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzMzZm1qMllGY2JhQmhhWFYwVXVvQ05aT2tJciJ9","tier","free","canRestrictVals","profileImageUrl","branchName","path","","adoptOrgId",{"_18":19,"_20":21,"_22":139,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":-5,"_31":-5,"_32":33,"_34":35,"_36":37,"_38":37,"_39":-5,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":49,"_50":49,"_51":52,"_53":52,"_54":52,"_55":49,"_56":49,"_57":140,"_59":141,"_61":142,"_63":26},"tree",[134],[134],"counts",{"_123":41,"_124":125,"_126":41,"_127":128,"_129":130},"contents",[106],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_18":107,"_20":108,"_109":35,"_110":-5,"_111":67,"_112":65,"_113":37,"_22":114,"_64":115,"_116":117,"_118":119,"_120":26,"_121":21,"_84":122},"bee49b4c-aac3-11f0-ab59-0224a6c84d84","main.ts","fileId","parentId","branchId","branchVersion","latest",["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","label",[108],"pulls","branches",1,"forks","envVars",{"_131":41,"_133":41},"connections",{"_131":41,"_132":41},"count","unfilledCount","emptyCount",{"_18":107,"_20":108,"_109":35,"_110":-5,"_111":67,"_112":65,"_113":37,"_22":135,"_64":115,"_116":117,"_118":119,"_120":26,"_121":21,"_136":137,"_84":138},["D",1760641814637],"children",[],[108],["D",1760631650416],{"_16":17,"_82":78},{"_16":17,"_76":-5,"_77":78,"_32":33,"_79":80,"_81":26},{"_64":65,"_20":66,"_18":67,"_68":19,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":21,"_75":17},"ctx",{"_57":-5,"_103":176,"_177":178,"_179":180,"_181":26,"_182":26,"_183":26,"_184":37,"_185":-5,"_186":-7,"_187":-7,"_188":41,"_189":26,"_190":26,"_191":-5,"_192":26,"_193":26,"_194":26,"_195":-5},"ENV",{"_147":148,"_149":150,"_151":66,"_152":153,"_154":155,"_156":157,"_158":159,"_160":161,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175},"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"]

Search