[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_252":253,"_254":255},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_189":-5,"_20":190,"_22":191,"_192":193,"_194":195,"_26":196,"_24":197,"_198":199,"_200":201,"_202":53,"_203":204,"_205":72,"_206":-5,"_207":-5,"_208":209},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":34,"_35":-5},"handle","stevekrouse","name","forky","branchName","main","version","path","frontend/index.html","project",{"_36":144,"_13":14,"_38":145,"_51":-5,"_146":53,"_54":55,"_147":55,"_148":-5,"_149":-5,"_150":151,"_152":138,"_153":72,"_154":-5,"_155":-5,"_156":32,"_58":157,"_158":-5,"_159":-5,"_160":-5,"_161":-5,"_162":163,"_164":163,"_165":166,"_167":166,"_168":166,"_169":163,"_170":163,"_171":172,"_173":174,"_175":176,"_52":53},"tree",[81,82,83],"file",{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":73,"_17":32,"_74":24,"_75":76,"_77":53,"_78":-5,"_18":79},"contents",[],"upstream",{"_36":37,"_38":39,"_40":41,"_13":16,"_42":43,"_17":44,"_45":46,"_47":48,"_49":50,"_51":-5,"_52":53,"_54":55,"_56":57,"_58":59,"_60":14},"pull","ahead",0,"behind",13,"envVars","id","867c6abe-f7d1-11ef-b43b-569c3dd06744","createdAt",["D",1740966474797],"updatedAt",["D",1745421183287],"projectId","8678d610-f7d1-11ef-b43b-569c3dd06744",49,"forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",34,"lockfileKey","1764354143051-esm.town_v_shouser_forky@49-main","deletedAt","isOwned",false,"privacy","public","userHandle","shouser","orgId","a64c2ee7-6cd7-4fb7-9ff6-03782ed89739","projectName","2266efa6-044a-11f0-bd10-569c3dd06744","index.html","fileId","ef1ec8c6-44e3-4c86-a0ef-9e73506ff35c","parentId","084cad67-3774-4845-9797-034d68290d00","branchId","22657bd0-044a-11f0-bd10-569c3dd06744","branchVersion",1,"latest",true,["D",1742337689937],"fileType","content","\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n","deleted","label",[80,62],"frontend",{"_36":129,"_13":130,"_63":131,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":132,"_17":32,"_74":96,"_75":-5,"_77":53,"_78":-5,"_91":133,"_18":134},{"_36":94,"_13":80,"_63":66,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":95,"_17":32,"_74":96,"_75":-5,"_77":53,"_78":-5,"_91":97,"_18":98},{"_36":84,"_13":85,"_63":86,"_65":-5,"_67":68,"_69":87,"_71":72,"_38":88,"_17":89,"_74":24,"_75":90,"_77":53,"_78":-5,"_91":92,"_18":93},"6810d6a2-044a-11f0-a8ed-569c3dd06744","README.md","8460dd66-420a-4c87-8b02-2f95b8d5ca9d",3,["D",1742337806841],2,"# 🍴 Forky\n\nA simple web application that allows you to fork Val Town projects with a clean user interface.\n\n## Overview\n\nForky is a utility that enables you to create copies (forks) of any public Val Town project. It provides a straightforward interface where you can enter a Val Town project URL and your API token to create your own copy of the project.\n\n## Features\n\n- Fork any public Val Town project with a single click\n- Preserves the entire project structure, including all files and directories\n- Maintains project metadata (descriptions, images, etc.)\n- Clean, responsive UI built with React and TailwindCSS\n\n## Prerequisites\n\n- A [Val Town](https://www.val.town) account\n- A Val Town API token with project read and write permissions\n\n## Usage\n\n1. Enter the URL of the Val Town project you want to fork (format: `https://www.val.town/x/username/projectname`)\n2. Enter your Val Town API token with the proper `project:write` permissions\n3. Click \"Fork\" and wait for the process to complete\n4. Once successful, you'll have a new copy of the project in your Val Town account under a new generated name\n\n## Project Structure\n\n```\n├── backend\n│ └── index.ts # Backend server and API endpoints\n├── frontend\n│ ├── components\n│ │ └── App.tsx # Main React component\n│ ├── index.html # HTML entry point\n│ └── index.tsx # Frontend JavaScript entry point\n└── README.md # This file\n```\n\n## How It Works\n\nForky uses the Val Town SDK to:\n\n1. Retrieve information about the source project\n2. Create a new project in your account\n3. Copy all files from the source project to your new project\n4. Preserve the project structure and metadata\n\n## API\n\nThe application exposes the following API endpoint:\n\n- `POST /fork?url={encoded-url}` - Forks the specified project\n - Requires an `Authorization` header with a `Bearer` token\n - Returns a JSON response with success or error information","children",[],[85],"2266f44c-044a-11f0-bd10-569c3dd06744",["D",1742337689937],"directory",[99,100,101],[80],{"_36":113,"_13":114,"_63":115,"_65":66,"_67":68,"_69":70,"_71":72,"_38":116,"_17":32,"_74":96,"_75":-5,"_77":53,"_78":-5,"_91":117,"_18":118},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":110,"_17":32,"_74":24,"_75":76,"_77":53,"_78":-5,"_91":111,"_18":112},{"_36":102,"_13":103,"_63":104,"_65":66,"_67":68,"_69":70,"_71":72,"_38":105,"_17":32,"_74":106,"_75":107,"_77":53,"_78":-5,"_91":108,"_18":109},"2266f208-044a-11f0-bd10-569c3dd06744","index.tsx","837bb59c-5534-43b2-be69-d17f185eaa1a",["D",1742337689937],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[80,103],["D",1742337689937],[],[80,62],"2266ed6c-044a-11f0-bd10-569c3dd06744","components","6a490526-b11f-45f0-85a5-3a7c54693dac",["D",1742337689937],[119],[80,114],{"_36":120,"_13":121,"_63":122,"_65":115,"_67":68,"_69":123,"_71":72,"_38":124,"_17":125,"_74":106,"_75":126,"_77":53,"_78":-5,"_91":127,"_18":128},"0009912e-044b-11f0-bcab-569c3dd06744","App.tsx","50bb7fe0-b78e-4ec8-ada2-d1e26b0b6229",15,["D",1742338061808],12,"/** @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 console.log(result);\n\n setMessage(`Successfully forked project: ${result}!`);\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 Forky willy generate a clone of this project in your account with a _timestamp suffix to ensure there aren't\n any name conflicts.\n

\n \n Project URL\n \n setProjectUrl(e.target.value)}\n placeholder=\"https://www.val.town/x/shouser/forky\"\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 \n Val Town API Token\n {\" \"}\n (with project:write permissions)\n \n setApiToken(e.target.value)}\n placeholder=\"vtwn_*********\"\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;",[],[80,114,121],"2266e2cc-044a-11f0-bd10-569c3dd06744","backend","58377385-4bce-4e0c-bfab-041f8264636c",["D",1742337689937],[135],[130],{"_36":136,"_13":137,"_63":138,"_65":131,"_67":68,"_69":70,"_71":72,"_38":139,"_17":32,"_74":140,"_75":141,"_77":53,"_78":-5,"_91":142,"_18":143},"2266b4a0-044a-11f0-bd10-569c3dd06744","index.ts","10a9511e-640d-4499-a2ae-16a9266877fa",["D",1742337689937],"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\";\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.projectName.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.projects.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 try {\n files = await authenticatedVt.projects.files.list(projectId, { recursive: true });\n console.log(\"Files listed:\", files.body.data.length);\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, files.body.data, 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 const urlEncodedPath = encodeURIComponent(file.path);\n console.log(`Processing file: ${file.path} (encoded: ${urlEncodedPath})`);\n\n console.log(`Getting content for file: ${file.path}`);\n const responseContent = await authenticatedVT.projects.files.getContent(projectId, urlEncodedPath);\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.projects.files.create(newProjectId, urlEncodedPath, {\n content: textContent,\n type: file.type,\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;",[],[130,137],"2262c39a-044a-11f0-bd10-569c3dd06744",["D",1742337689937],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","c9143560-63b6-444f-8f9f-e2647fabe09f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_188":183},"org",{"_11":12,"_181":-5,"_182":183,"_150":184,"_185":186,"_187":53},"branch",{"_17":123,"_13":16,"_36":68,"_42":144,"_45":37,"_47":177,"_178":55,"_179":43,"_180":59,"_60":14,"_56":12},36,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":144,"_13":14,"_38":248,"_51":-5,"_146":53,"_54":55,"_147":55,"_148":-5,"_149":-5,"_150":151,"_152":138,"_153":72,"_154":-5,"_155":-5,"_156":32,"_58":157,"_158":-5,"_159":-5,"_160":-5,"_161":-5,"_162":163,"_164":163,"_165":166,"_167":166,"_168":166,"_169":163,"_170":163,"_171":249,"_173":250,"_175":251,"_52":53},[224,226,231],"files",[224,225,226,227,228,229,230,231],"counts",{"_215":32,"_216":70,"_217":70,"_35":218,"_219":220},[],{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":73,"_17":32,"_74":24,"_75":76,"_77":53,"_78":-5,"_18":214},"upstreamProject",{"_36":43,"_13":14,"_148":-5,"_149":-5,"_54":55,"_171":212},"upstreamBranch",{"_36":37,"_38":210,"_40":211,"_13":16,"_42":43,"_17":44,"_45":46,"_47":48,"_49":50,"_51":-5,"_52":53,"_54":55,"_56":57,"_58":59,"_60":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740966474797],["D",1745421183287],{"_11":57,"_188":213},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJzR3VCb2xOR0loZEIwRWg5cnlVZUt4ajlpQiJ9",[80,62],"pulls","branches","forks",{"_221":32,"_223":32},"connections",{"_221":32,"_222":32},"count","unfilledCount","emptyCount",{"_36":129,"_13":130,"_63":131,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":132,"_17":32,"_74":96,"_75":-5,"_77":53,"_78":-5,"_91":246,"_18":247},{"_36":136,"_13":137,"_63":138,"_65":131,"_67":68,"_69":70,"_71":72,"_38":139,"_17":32,"_74":140,"_75":141,"_77":53,"_78":-5,"_91":244,"_18":245},{"_36":94,"_13":80,"_63":66,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":95,"_17":32,"_74":96,"_75":-5,"_77":53,"_78":-5,"_91":242,"_18":243},{"_36":113,"_13":114,"_63":115,"_65":66,"_67":68,"_69":70,"_71":72,"_38":116,"_17":32,"_74":96,"_75":-5,"_77":53,"_78":-5,"_91":240,"_18":241},{"_36":120,"_13":121,"_63":122,"_65":115,"_67":68,"_69":123,"_71":72,"_38":124,"_17":125,"_74":106,"_75":126,"_77":53,"_78":-5,"_91":238,"_18":239},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":110,"_17":32,"_74":24,"_75":76,"_77":53,"_78":-5,"_91":236,"_18":237},{"_36":102,"_13":103,"_63":104,"_65":66,"_67":68,"_69":70,"_71":72,"_38":105,"_17":32,"_74":106,"_75":107,"_77":53,"_78":-5,"_91":234,"_18":235},{"_36":84,"_13":85,"_63":86,"_65":-5,"_67":68,"_69":87,"_71":72,"_38":88,"_17":89,"_74":24,"_75":90,"_77":53,"_78":-5,"_91":232,"_18":233},[],[85],[],[80,103],[],[80,62],[],[80,114,121],[228],[80,114],[227,229,230],[80],[],[130,137],[225],[130],["D",1742337689937],{"_11":12,"_188":183},{"_11":12,"_181":-5,"_182":183,"_150":184,"_185":186,"_187":53},{"_17":123,"_13":16,"_36":68,"_42":144,"_45":37,"_47":177,"_178":55,"_179":43,"_180":59,"_60":14,"_56":12},"ctx",{"_171":-5,"_207":285,"_286":287,"_288":289,"_290":53,"_291":53,"_292":53,"_293":72,"_294":-5,"_295":-7,"_296":-7,"_297":32,"_298":53,"_299":53,"_300":-5,"_301":53,"_302":53,"_303":53,"_304":-5},"ENV",{"_256":257,"_258":259,"_260":16,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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"]