[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_245":246,"_247":248},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_181":-5,"_20":182,"_22":183,"_184":185,"_186":187,"_26":188,"_24":189,"_190":-5,"_191":-5,"_192":57,"_193":194,"_195":48,"_196":-5,"_197":-5,"_198":199},"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":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","shouser","name","forky-1741889903243","branchName","main","version","path","frontend","project",{"_36":128,"_13":14,"_49":129,"_130":-5,"_131":57,"_132":133,"_134":133,"_135":-5,"_136":-5,"_137":138,"_139":122,"_140":48,"_141":-5,"_142":-5,"_143":51,"_144":145,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":151,"_152":151,"_153":154,"_155":154,"_156":154,"_157":151,"_158":151,"_159":160,"_161":162,"_163":164,"_165":57},"tree",[77,78,79],"file",{"_36":74,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":46,"_47":48,"_49":75,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_18":76},"contents",[33,34,35],"upstream","pull","ahead","behind","envVars",{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":70,"_47":48,"_49":71,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_18":73},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":64,"_17":51,"_52":24,"_54":65,"_56":57,"_58":-5,"_18":66},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_18":59},"id","8cc7eefc-0037-11f0-a787-569c3dd06744","index.tsx","fileId","8cc7f000-0037-11f0-a787-569c3dd06744","parentId","6774823e-c34b-4f95-9e7e-6e1570363fb3","branchId","8cb81ea0-0037-11f0-9ddc-569c3dd06744","branchVersion",2,"latest",true,"createdAt",["D",1741889903355],0,"fileType","script","content","/** @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();","deleted",false,"label",[19,38],"8cd649f2-0037-11f0-9761-569c3dd06744","index.html","8cd64b46-0037-11f0-9761-569c3dd06744",4,["D",1741889903450],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n",[19,61],"8cdd2d8a-0037-11f0-877d-569c3dd06744","components","71e058a7-b356-47a5-9f87-a66f4234efce",5,["D",1741889903494],"directory",[19,68],"8cc7f5aa-0037-11f0-a787-569c3dd06744",["D",1741889903355],[19],{"_36":112,"_13":113,"_39":114,"_41":-5,"_43":44,"_45":115,"_47":48,"_49":116,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_86":117,"_18":118},{"_36":74,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":46,"_47":48,"_49":89,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_86":90,"_18":91},{"_36":80,"_13":81,"_39":82,"_41":-5,"_43":44,"_45":83,"_47":48,"_49":84,"_17":51,"_52":24,"_54":85,"_56":57,"_58":-5,"_86":87,"_18":88},"8cbfb4f8-0037-11f0-877d-569c3dd06744","README.md","8cbfb584-0037-11f0-877d-569c3dd06744",1,["D",1741889903303],"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\nThe **entrypoint** is `/backend/index.ts`. That's the backend HTTP server, which also serves the all the frontend assets.\n\nThe **client-side entrypoint** is `/frontend/index.html`, which in turn imports `/frontend/index.tsx`, which in turn imports the React app from `/frontend/components/App.tsx`.\n\n[React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a fuller featured example project, with a SQLite database table, queries, client-side CSS and a favicon, and some shared code that runs on both client and server.","children",[],[81],["D",1741889903355],[92,93,94],[19],{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":70,"_47":48,"_49":101,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_86":102,"_18":103},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":98,"_17":51,"_52":24,"_54":65,"_56":57,"_58":-5,"_86":99,"_18":100},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":95,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_86":96,"_18":97},["D",1741889903355],[],[19,38],["D",1741889903450],[],[19,61],["D",1741889903494],[104],[19,68],{"_36":105,"_13":106,"_39":107,"_41":69,"_43":44,"_45":70,"_47":48,"_49":108,"_17":51,"_52":53,"_54":109,"_56":57,"_58":-5,"_86":110,"_18":111},"8cdd2394-0037-11f0-877d-569c3dd06744","App.tsx","8cdd245c-0037-11f0-877d-569c3dd06744",["D",1741889903494],"/** @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;",[],[19,68,106],"8ccf8c5c-0037-11f0-9ddc-569c3dd06744","backend","a7afaedd-e180-43e9-9f46-37b7109430c9",3,["D",1741889903404],[119],[113],{"_36":120,"_13":121,"_39":122,"_41":114,"_43":44,"_45":115,"_47":48,"_49":123,"_17":51,"_52":124,"_54":125,"_56":57,"_58":-5,"_86":126,"_18":127},"8ccf77d0-0037-11f0-9ddc-569c3dd06744","index.ts","8ccf7884-0037-11f0-9ddc-569c3dd06744",["D",1741889903404],"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.content(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;",[],[113,121],"8cb7d35a-0037-11f0-9ddc-569c3dd06744",["D",1741889903252],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","387c2a1a-af32-4662-ba80-cb97133b520c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","a64c2ee7-6cd7-4fb7-9ff6-03782ed89739","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_180":176},"org",{"_11":12,"_174":-5,"_175":176,"_137":138,"_177":178,"_179":57},"branch",{"_17":70,"_13":16,"_36":44,"_166":128,"_167":-5,"_168":-5,"_169":-5,"_170":-5,"_171":-5,"_172":14,"_173":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJzR3VCb2xOR0loZEIwRWg5cnlVZUt4ajlpQiJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":128,"_13":14,"_49":241,"_130":-5,"_131":57,"_132":133,"_134":133,"_135":-5,"_136":-5,"_137":138,"_139":122,"_140":48,"_141":-5,"_142":-5,"_143":51,"_144":145,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":151,"_152":151,"_153":154,"_155":154,"_156":154,"_157":151,"_158":151,"_159":242,"_161":243,"_163":244,"_165":57},[217,219,224],"files",[217,218,219,220,221,222,223,224],"counts",{"_208":51,"_209":83,"_210":51,"_32":211,"_212":213},[202,203,204],{"_36":74,"_43":44,"_39":42,"_13":19,"_54":-5,"_52":72,"_17":51,"_41":-5,"_49":200,"_45":46,"_58":-5,"_18":201},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1741889903355],[19],{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":70,"_47":48,"_49":71,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_18":207},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":64,"_17":51,"_52":24,"_54":65,"_56":57,"_58":-5,"_18":206},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_18":205},[19,38],[19,61],[19,68],"pulls","branches","forks",{"_214":51,"_216":51},"connections",{"_214":51,"_215":51},"count","unfilledCount","emptyCount",{"_36":112,"_13":113,"_39":114,"_41":-5,"_43":44,"_45":115,"_47":48,"_49":116,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_86":239,"_18":240},{"_36":120,"_13":121,"_39":122,"_41":114,"_43":44,"_45":115,"_47":48,"_49":123,"_17":51,"_52":124,"_54":125,"_56":57,"_58":-5,"_86":237,"_18":238},{"_36":74,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":46,"_47":48,"_49":89,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_86":235,"_18":236},{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":70,"_47":48,"_49":101,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_86":233,"_18":234},{"_36":105,"_13":106,"_39":107,"_41":69,"_43":44,"_45":70,"_47":48,"_49":108,"_17":51,"_52":53,"_54":109,"_56":57,"_58":-5,"_86":231,"_18":232},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":98,"_17":51,"_52":24,"_54":65,"_56":57,"_58":-5,"_86":229,"_18":230},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":95,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_86":227,"_18":228},{"_36":80,"_13":81,"_39":82,"_41":-5,"_43":44,"_45":83,"_47":48,"_49":84,"_17":51,"_52":24,"_54":85,"_56":57,"_58":-5,"_86":225,"_18":226},[],[81],[],[19,38],[],[19,61],[],[19,68,106],[221],[19,68],[220,222,223],[19],[],[113,121],[218],[113],["D",1741889903252],{"_11":12,"_180":176},{"_11":12,"_174":-5,"_175":176,"_137":138,"_177":178,"_179":57},{"_17":70,"_13":16,"_36":44,"_166":128,"_167":-5,"_168":-5,"_169":-5,"_170":-5,"_171":-5,"_172":14,"_173":12},"ctx",{"_159":-5,"_197":278,"_279":280,"_281":282,"_283":57,"_284":57,"_285":57,"_286":48,"_287":-5,"_288":-7,"_289":-7,"_290":51,"_291":57,"_292":57,"_293":-5,"_294":57,"_295":57,"_296":57,"_297":-5},"ENV",{"_249":250,"_251":252,"_253":16,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]