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;",[],[180,186,192],[180,186],{"_107":202,"_99":203,"_154":204,"_156":181,"_157":140,"_158":205,"_159":121,"_109":206,"_104":125,"_161":207,"_163":208,"_164":27,"_165":-5,"_166":209,"_102":210},"148dde4e-f7de-11ef-bccb-569c3dd06744","index.html","4dc005fc-2fc8-48a4-99bd-b1bf1a341a87",9,["D",1740971867131],"file","\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n",[],[180,203],{"_107":212,"_99":213,"_154":214,"_156":181,"_157":140,"_158":125,"_159":121,"_109":215,"_104":33,"_161":196,"_163":216,"_164":27,"_165":-5,"_166":217,"_102":218},"867ddfb6-f7d1-11ef-b43b-569c3dd06744","index.tsx","9a63c57f-4228-4dce-8460-93306fcb9fb9",["D",1740966474797],"/** @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();",[],[180,213],[180],{"_107":221,"_99":222,"_154":223,"_156":-5,"_157":140,"_158":224,"_159":121,"_109":225,"_104":125,"_161":207,"_163":226,"_164":27,"_165":-5,"_166":227,"_102":228},"fdb583fa-0bdf-11f0-bb3d-569c3dd06744","README.md","1f6b76e5-4e07-42d1-886b-3650e5301437",45,["D",1743171711051],"# Forky / Remixy\n\nThis app lets you remix any existing project. \n\n_This is a workaround for remixing your own project, or remixing a project that you already remixed!_\n\n### Prerequisites\n- [Val Town API key](https://www.val.town/settings/api) with project read/write permissions",[],[222],"files",[151,168,178,184,190,201,211,220],"counts",{"_233":33,"_234":125,"_235":236,"_237":33},"pulls","branches","forks",4,"envVars","contents",[],{"_107":191,"_99":192,"_154":193,"_156":187,"_157":140,"_158":145,"_159":121,"_109":241,"_104":195,"_161":196,"_163":197,"_164":27,"_165":-5,"_102":242},["D",1741324974382],[180,186,192],"upstream",{"_107":245,"_99":246,"_115":247,"_116":-5,"_113":114,"_21":248},"96102714-f528-11ef-aa68-569c3dd06744","reactHonoStarter","Starter template with client-side React & Hono server",{"_97":249,"_136":250},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ","screenshots",{"_253":254,"_255":256},"thumbnail","https://screenshots.valtown.net/screenshot.png?width=1024&height=768&version=49&url=https%3A%2F%2Fshouser--6f7729351c56485da7dd2cc79e354f44.web.val.run","preview","https://screenshots.valtown.net/screenshot.png?width=1920&height=1080&version=49&url=https%3A%2F%2Fshouser--6f7729351c56485da7dd2cc79e354f44.web.val.run","emptyEnvVars","routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_97":98,"_99":100,"_101":43,"_102":103,"_105":260,"_207":264,"_267":268,"_318":319,"_332":-7,"_333":33,"_334":27},{"_107":108,"_99":100,"_109":261,"_111":-5,"_112":27,"_113":114,"_115":-5,"_116":-5,"_12":117,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":127,"_129":130,"_131":130,"_132":130,"_133":127,"_134":27,"_21":262,"_138":263},["D",1740966474797],{"_97":98,"_136":137},{"_104":123,"_99":43,"_107":140,"_141":108,"_142":143,"_144":145,"_146":114,"_147":148},{"_107":191,"_99":192,"_154":193,"_156":187,"_157":140,"_158":145,"_159":121,"_109":265,"_104":195,"_161":196,"_163":197,"_164":27,"_165":-5,"_102":266},["D",1741324974382],[180,186,192],"history",[269,271,276,282,288,293,298,302,307,310,314],{"_107":191,"_157":140,"_154":193,"_99":192,"_163":197,"_161":196,"_104":195,"_156":187,"_109":270,"_158":145,"_165":-5},["D",1741324974382],{"_107":272,"_157":140,"_154":193,"_99":192,"_163":273,"_161":196,"_104":205,"_156":187,"_109":274,"_158":275,"_165":-5},"31083842-fb14-11ef-a606-569c3dd06744","/** @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 Val Town API Token (with 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;",["D",1741324961224],33,{"_107":277,"_157":140,"_154":193,"_99":192,"_163":278,"_161":196,"_104":279,"_156":187,"_109":280,"_158":281,"_165":-5},"1f1d01b2-fb14-11ef-9e31-569c3dd06744","/** @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 Val Town API Token\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;",8,["D",1741324931162],32,{"_107":283,"_157":140,"_154":193,"_99":192,"_163":284,"_161":196,"_104":285,"_156":187,"_109":286,"_158":287,"_165":-5},"b5d461a6-f7de-11ef-a48c-569c3dd06744","/** @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 or ID\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 \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;",7,["D",1740972137708],11,{"_107":289,"_157":140,"_154":193,"_99":192,"_163":290,"_161":196,"_104":291,"_156":187,"_109":292,"_158":195,"_165":-5},"42838e16-f7de-11ef-b275-569c3dd06744","/** @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 // For demo purposes - in real app, you would make actual API call\n // This is a simulated API call\n setMessage(`Processing fork request for project: ${projectUrl}`);\n\n // Simulate API call delay\n await new Promise(resolve => setTimeout(resolve, 1500));\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 \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;",6,["D",1740971944239],{"_107":294,"_157":140,"_154":193,"_99":192,"_163":295,"_161":196,"_104":296,"_156":187,"_109":297,"_158":279,"_165":-5},"cd0c8ee4-f7dd-11ef-8623-569c3dd06744","/** @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 // Extract project ID from URL if needed\n let projectId = projectUrl;\n\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 // For demo purposes - in real app, you would make actual API call\n // This is a simulated API call\n setMessage(`Processing fork request for project: ${projectId}`);\n\n // Simulate API call delay\n await new Promise(resolve => setTimeout(resolve, 1500));\n\n setMessage(`Successfully forked project: ${projectId}!`);\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 \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;",5,["D",1740971747167],{"_107":299,"_157":140,"_154":193,"_99":192,"_163":300,"_161":196,"_104":236,"_156":187,"_109":301,"_158":285,"_165":-5},"c6809516-f7dd-11ef-8c44-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { tailwind } from \"https://esm.sh/tailwindcss@3.2.4\";\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 // Extract project ID from URL if needed\n let projectId = projectUrl;\n\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 // For demo purposes - in real app, you would make actual API call\n // This is a simulated API call\n setMessage(`Processing fork request for project: ${projectId}`);\n\n // Simulate API call delay\n await new Promise(resolve => setTimeout(resolve, 1500));\n\n setMessage(`Successfully forked project: ${projectId}!`);\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 \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;",["D",1740971736182],{"_107":303,"_157":140,"_154":193,"_99":192,"_163":304,"_161":196,"_104":305,"_156":187,"_109":306,"_158":291,"_165":-5},"9f821a16-f7dd-11ef-94dc-569c3dd06744","/** @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 // Extract project ID from URL if needed\n let projectId = projectUrl;\n\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 // For demo purposes - in real app, you would make actual API call\n // This is a simulated API call\n setMessage(`Processing fork request for project: ${projectId}`);\n\n // Simulate API call delay\n await new Promise(resolve => setTimeout(resolve, 1500));\n\n setMessage(`Successfully forked project: ${projectId}!`);\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 \n

Fork Fork Fork Fork IT

\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;",3,["D",1740971670762],{"_107":308,"_157":140,"_154":193,"_99":192,"_163":295,"_161":196,"_104":94,"_156":187,"_109":309,"_158":296,"_165":-5},"1a46209a-f7dd-11ef-b771-569c3dd06744",["D",1740971447232],{"_107":311,"_157":140,"_154":193,"_99":192,"_163":312,"_161":196,"_104":125,"_156":187,"_109":313,"_158":236,"_165":-5},"f77a1db4-f7dc-11ef-8c44-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst 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 // Extract project ID from URL if needed\n let projectId = projectUrl;\n\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 // For demo purposes - in real app, you would make actual API call\n // This is a simulated API call\n setMessage(`Processing fork request for project: ${projectId}`);\n\n // Simulate API call delay\n await new Promise(resolve => setTimeout(resolve, 1500));\n\n setMessage(`Successfully forked project: ${projectId}!`);\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 \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;",["D",1740971388852],{"_107":315,"_157":140,"_154":193,"_99":192,"_163":316,"_161":196,"_104":33,"_156":187,"_109":317,"_158":125,"_165":-5},"867dd908-f7d1-11ef-b43b-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n const [clicked, setClicked] = useState(0);\n return (\n

Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",["D",1740966474797],"versions",[320,322,323,324,325,326,327,328,329,330,331],{"_207":269,"_321":271},"previous",{"_207":271,"_321":276},{"_207":276,"_321":282},{"_207":282,"_321":288},{"_207":288,"_321":293},{"_207":293,"_321":298},{"_207":298,"_321":302},{"_207":302,"_321":307},{"_207":307,"_321":310},{"_207":310,"_321":314},{"_207":314,"_321":-5},"versionNumber","page","hasNext","routes/_app","actionData","errors"]

History for App.tsx