\n \n \n",[],[82,115],"867ddb38-f7d1-11ef-b43b-569c3dd06744","components","19b4143b-63ac-469b-babf-20a0da378ae4",["D",1740966474797],[128],[82,123],{"_35":129,"_13":130,"_64":131,"_66":124,"_67":68,"_69":132,"_71":72,"_37":133,"_17":134,"_75":110,"_76":135,"_78":50,"_79":-5,"_97":136,"_18":137},"38dff87a-fb14-11ef-9e7f-569c3dd06744","App.tsx","4c5a545d-50fb-4a92-8221-2eb141e21477",34,["D",1741324974382],10,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n const [projectUrl, setProjectUrl] = useState(\"\");\n const [apiToken, setApiToken] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [message, setMessage] = useState(\"\");\n const [error, setError] = useState(\"\");\n\n const handleFork = async (e) => {\n e.preventDefault();\n setLoading(true);\n setMessage(\"\");\n setError(\"\");\n\n try {\n // Simple validation\n if (!projectUrl.trim()) {\n throw new Error(\"Please enter a valid project URL\");\n }\n\n if (!apiToken.trim()) {\n throw new Error(\"API Token is required\");\n }\n\n const response = await fetch(`/fork?url=${encodeURIComponent(projectUrl)}`, {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${apiToken}`,\n \"Content-Type\": \"application/json\",\n },\n });\n\n if (!response.ok) {\n const errorData = await response.json();\n throw new Error(errorData.message || \"Failed to fork the project\");\n }\n\n const result = await response.json();\n\n setMessage(`Successfully forked project: ${projectUrl}!`);\n } catch (err) {\n setError(err.message || \"An error occurred while forking the project\");\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

Fork Fork Fork Fork IT

\n\n

\n \n Project URL\n \n setProjectUrl(e.target.value)}\n placeholder=\"https://api.val.town/v1/projects/...\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-purple-500\"\n />\n

\n\n

\n \n Val Town API Token (project read + write permissions)\n \n setApiToken(e.target.value)}\n placeholder=\"Enter your API token\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-purple-500\"\n />\n

\n\n \n {loading ? \"Forking...\" : \"Fork\"}\n \n \n\n {message && (\n

\n {message}\n

\n )}\n\n {error && (\n

\n {error}\n

\n )}\n

\n );\n}\n\nexport default App;",[],[82,123,130],["D",1740966474797],[141],[89],{"_35":142,"_13":143,"_64":144,"_66":90,"_67":68,"_69":145,"_71":72,"_37":146,"_17":147,"_75":148,"_76":149,"_78":50,"_79":14,"_97":150,"_18":151},"73a5d0cc-2055-11f0-926d-569c3dd06744","index.ts","6f772935-1c56-485d-a7dd-2cc79e354f44",49,["D",1745421183287],36,"http","import { listFiles } from \"https://esm.town/v/std/utils/index.ts\";\nimport { parseProject, serveFile } from \"https://esm.town/v/std/utils@64-main/index.ts\";\nimport ValTown from \"npm:@valtown/sdk@1.0.0\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n});\n\napp.post(\"/fork\", async c => {\n try {\n const projectUrl = c.req.query(\"url\");\n const authHeader = c.req.header(\"Authorization\");\n\n let authToken = null;\n if (authHeader && authHeader.startsWith(\"Bearer \")) {\n authToken = authHeader.substring(7);\n }\n\n if (!projectUrl || !authToken) {\n return c.json({\n success: false,\n error: \"Missing required parameter: url or auth token\",\n }, 400);\n }\n\n const authenticatedVt = new ValTown({\n bearerToken: authToken,\n });\n\n const { username, projectName } = parseValTownProjectURL(projectUrl);\n\n if (!username || !projectName) {\n return c.json({\n success: false,\n error: \"Missing required parameters: username and projectName\",\n }, 400);\n }\n\n let projectDetails;\n try {\n projectDetails = await authenticatedVt.alias.username.valName.retrieve(username, projectName);\n console.log(\"Project details retrieved:\", projectDetails);\n } catch (error) {\n console.error(\"Error retrieving project details:\", error);\n return c.json({\n success: false,\n error: `Error retrieving project details: ${error.message || error}`,\n status: error.status,\n statusText: error.statusText,\n }, 400);\n }\n\n if (!projectDetails || !projectDetails.id) {\n return c.json({\n success: false,\n error: \"Project not found\",\n }, 404);\n }\n\n const projectId = projectDetails.id;\n let newProject;\n try {\n newProject = await authenticatedVt.vals.create({\n privacy: \"public\",\n name: `${projectDetails.name}_${Date.now().toString()}`,\n description: projectDetails.description ?? undefined,\n imageUrl: projectDetails.imageUrl ?? undefined,\n });\n console.log(\"New project created:\", newProject);\n } catch (error) {\n console.error(\"Error creating project:\", error);\n return c.json({\n success: false,\n error: `Error creating project: ${error.message || error}`,\n status: error.status,\n statusText: error.statusText,\n }, 400);\n }\n\n console.log(\"Listing files\");\n let files;\n let allFiles = [];\n try {\n let cursor = 0;\n const batchSize = 100;\n\n while (true) {\n const response = await authenticatedVt.vals.files.retrieve(\n projectId,\n {\n path: \"\",\n recursive: true,\n offset: cursor,\n limit: batchSize,\n },\n );\n\n console.log(\"response from list\", response);\n const batch = response.data;\n allFiles = allFiles.concat(batch);\n\n console.log(`Batch retrieved: ${batch.length} files (total: ${allFiles.length})`);\n\n // If we got fewer items than requested, we've reached the end\n if (batch.length < batchSize) {\n break;\n }\n\n cursor += batchSize;\n }\n\n console.log(\"All files listed:\", allFiles.length);\n\n // Update the files variable to match the expected structure\n } catch (error) {\n console.error(\"Error listing files:\", error);\n return c.json({\n success: false,\n error: `Error listing files: ${error.message || error}`,\n }, 400);\n }\n\n console.log(\"Getting files with content\");\n try {\n const newFiles = await getFilesWithContent(authenticatedVt, allFiles, projectId, newProject.id);\n console.log(\"Files copied:\", newFiles.length);\n } catch (error) {\n console.error(\"Error copying files:\", error);\n return c.json({\n success: false,\n error: `Error copying files: ${error.message || error}`,\n }, 400);\n }\n\n return c.json({\n success: true,\n newProject: newProject,\n }, 200);\n } catch (error) {\n console.error(\"Unexpected error:\", error);\n return c.json({\n success: false,\n error: `Unexpected error: ${error.message || error}`,\n stack: error.stack,\n }, 500);\n }\n});\n\nfunction parseValTownProjectURL(url) {\n // Use the URL constructor to parse the URL\n const { pathname } = new URL(url);\n // Split the pathname and filter out empty segments\n const parts = pathname.split(\"/\").filter(Boolean);\n // Expecting the format: [\"x\", \"stevekrouse\", \"getProjectsAsZips\"]\n if (parts.length < 3 || parts[0] !== \"x\") {\n throw new Error(\"Invalid URL structure\");\n }\n const username = parts[1];\n const projectName = parts[2];\n return { username, projectName };\n}\n\nasync function getFilesWithContent(authenticatedVT, files, projectId, newProjectId) {\n console.log(\"files:\", files);\n const nonDirectoryFiles = files.filter(file => file.type !== \"directory\");\n console.log(`Processing ${nonDirectoryFiles.length} non-directory files`);\n\n const failedFiles = [];\n const successfulFiles = [];\n\n for (const file of nonDirectoryFiles) {\n try {\n console.log(`Processing file: ${file.path}`);\n\n console.log(`Getting content for file: ${file.path}`);\n const responseContent = await authenticatedVT.vals.files.getContent(projectId, { path: file.path });\n\n if (!responseContent) {\n throw new Error(`Could not get content for file: ${file.path}`);\n }\n\n const textContent = await responseContent.text();\n console.log(`Content retrieved for ${file.path} (${textContent.length} bytes)`);\n\n console.log(`Creating file in new project: ${file.path}`);\n const responseCreation = await authenticatedVT.vals.files.create(newProjectId, {\n content: textContent,\n type: file.type,\n path: file.path,\n });\n\n if (!responseCreation) {\n throw new Error(`Could not create file: ${file.path}`);\n }\n\n console.log(`File created successfully: ${file.path}`);\n successfulFiles.push({\n name: file.path,\n });\n } catch (error) {\n console.error(`Error processing file ${file.path}:`, error);\n failedFiles.push({\n path: file.path,\n error: error.message || String(error),\n });\n }\n }\n\n if (failedFiles.length > 0) {\n console.error(`Failed to process ${failedFiles.length} files`);\n const failedFilesList = failedFiles.map(f => `'${f.path}': ${f.error}`).join(\", \");\n throw new Error(`Failed to process files: ${failedFilesList}`);\n }\n\n return successfulFiles;\n}\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;",[],[89,143],"8678d610-f7d1-11ef-b43b-569c3dd06744",["D",1740966474797],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","387c2a1a-af32-4662-ba80-cb97133b520c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","a64c2ee7-6cd7-4fb7-9ff6-03782ed89739","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_194":190},"org",{"_11":12,"_188":-5,"_189":190,"_158":159,"_191":192,"_193":50},"branch",{"_17":145,"_13":16,"_35":68,"_41":152,"_44":36,"_45":132,"_185":52,"_186":42,"_187":56,"_57":14,"_53":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJzR3VCb2xOR0loZEIwRWg5cnlVZUt4ajlpQiJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":152,"_13":14,"_37":261,"_48":-5,"_154":50,"_51":52,"_155":52,"_156":-5,"_157":-5,"_158":159,"_160":144,"_161":72,"_162":-5,"_163":145,"_164":74,"_55":165,"_166":-5,"_167":-5,"_168":-5,"_169":-5,"_170":171,"_172":171,"_173":174,"_175":174,"_176":174,"_177":171,"_178":171,"_179":262,"_181":263,"_183":264,"_49":50},[237,239,244],"files",[237,238,239,240,241,242,243,244],"counts",{"_227":85,"_228":74,"_229":230,"_34":231,"_232":233},[221,222,223],"upstreamProject",{"_35":42,"_13":58,"_156":217,"_157":218,"_51":52,"_179":219},"upstreamBranch",{"_35":36,"_37":215,"_39":216,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789592399&sig=9f2b8198a6bd290c0e4cd558a371acaf6bae0541324daebbd1636993bd403dce",{"_11":54,"_194":220},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789592399&sig=e3667930a878fd5db49e47cce78fe270a8ba33317e34775a1ada2dd4a7c49d8d",{"_35":88,"_13":89,"_64":90,"_66":-5,"_67":68,"_69":74,"_71":72,"_37":91,"_17":85,"_75":86,"_76":-5,"_78":50,"_79":-5,"_18":226},{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":74,"_71":72,"_37":84,"_17":85,"_75":86,"_76":-5,"_78":50,"_79":-5,"_18":225},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":73,"_17":74,"_75":24,"_76":77,"_78":50,"_79":-5,"_18":224},[63],[82],[89],"pulls","branches","forks",4,{"_234":85,"_236":85},"connections",{"_234":85,"_235":85},"count","unfilledCount","emptyCount",{"_35":88,"_13":89,"_64":90,"_66":-5,"_67":68,"_69":74,"_71":72,"_37":138,"_17":85,"_75":86,"_76":-5,"_78":50,"_79":-5,"_97":259,"_18":260},{"_35":142,"_13":143,"_64":144,"_66":90,"_67":68,"_69":145,"_71":72,"_37":146,"_17":147,"_75":148,"_76":149,"_78":50,"_79":14,"_97":257,"_18":258},{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":74,"_71":72,"_37":100,"_17":85,"_75":86,"_76":-5,"_78":50,"_79":-5,"_97":255,"_18":256},{"_35":122,"_13":123,"_64":124,"_66":83,"_67":68,"_69":74,"_71":72,"_37":125,"_17":85,"_75":86,"_76":-5,"_78":50,"_79":-5,"_97":253,"_18":254},{"_35":129,"_13":130,"_64":131,"_66":124,"_67":68,"_69":132,"_71":72,"_37":133,"_17":134,"_75":110,"_76":135,"_78":50,"_79":-5,"_97":251,"_18":252},{"_35":114,"_13":115,"_64":116,"_66":83,"_67":68,"_69":117,"_71":72,"_37":118,"_17":74,"_75":24,"_76":119,"_78":50,"_79":-5,"_97":249,"_18":250},{"_35":106,"_13":107,"_64":108,"_66":83,"_67":68,"_69":74,"_71":72,"_37":109,"_17":85,"_75":110,"_76":111,"_78":50,"_79":-5,"_97":247,"_18":248},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":96,"_17":74,"_75":24,"_76":77,"_78":50,"_79":-5,"_97":245,"_18":246},[],[63],[],[82,107],[],[82,115],[],[82,123,130],[241],[82,123],[240,242,243],[82],[],[89,143],[238],[89],["D",1740966474797],{"_11":12,"_194":190},{"_11":12,"_188":-5,"_189":190,"_158":159,"_191":192,"_193":50},{"_17":145,"_13":16,"_35":68,"_41":152,"_44":36,"_45":132,"_185":52,"_186":42,"_187":56,"_57":14,"_53":12},"ctx",{"_179":-5,"_212":298,"_299":300,"_301":302,"_303":50,"_304":50,"_305":50,"_306":72,"_307":-5,"_308":-7,"_309":-7,"_310":85,"_311":50,"_312":50,"_313":-5,"_314":50,"_315":50,"_316":50,"_317":-5},"ENV",{"_269":270,"_271":272,"_273":16,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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