Val Town Project

\n {loading ? (\n

\n ) : (\n

Data loaded successfully!

{JSON.stringify(data, null, 2)}

\n )}\n

\n );\n}\n\nexport default App;`;\n\n files.push({\n path: \"frontend/components/App.tsx\",\n content: appComponentContent,\n type: \"script\",\n });\n\n // Create frontend index\n files.push({\n path: \"frontend/index.tsx\",\n content: `/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"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\n// Get bootstrapped data if available\nconst initialData = window.__INITIAL_DATA || {};\n\nfunction renderApp() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nrenderApp();`,\n type: \"script\",\n });\n\n // Create HTML template\n files.push({\n path: \"frontend/index.html\",\n content: `\n\n \n \n \n Val Town Project\n \n \n \n \n

\n \n \n \n \n`,\n type: \"file\",\n });\n } else {\n // Create a basic HTML file if not using React\n files.push({\n path: \"frontend/index.html\",\n content: `\n\n \n \n \n Val Town Project\n \n \n \n \n \n

Val Town Project

This is a simple Val Town project.

\n \n \n`,\n type: \"file\",\n });\n }\n\n // Create Backend index with any detected fetch routes\n const backendIndexContent =\n `import { parseProject, serveFile } from \"https://esm.town/v/std/utils@64-main/index.ts\";\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\n// Serve all frontend files under /public path\napp.get(\"/public/*\", c => {\n const frontendPath = c.req.path.replace(\"/public\", \"/frontend\");\n return serveFile(frontendPath, import.meta.url);\n});\n\n// Serve files from shared directory\napp.get(\"/shared/*\", c => {\n return serveFile(c.req.path, import.meta.url);\n});\n\n// Handle favicon requests at root\napp.get(\"/favicon.ico\", c => {\n return serveFile(\"/frontend/favicon.svg\", import.meta.url);\n});\n${\n fetchRoutes.includes(\"/convert\")\n ? `\n// Handle /convert endpoint for the converter\napp.post(\"/convert\", async (c) => {\n try {\n const { valCode, apiToken } = await c.req.json();\n \n if (!apiToken) {\n return c.json({ message: \"Error: API token is required\" }, 400);\n }\n \n const result = await convertValToProject(valCode, apiToken);\n return c.json({ message: result });\n } catch (error) {\n console.error(\"Error in /convert route:\", error);\n return c.json({ message: \\`Error: \\${error.message}\\` }, 500);\n }\n});`\n : \"\"\n }\n\n// Unwrap and rethrow Hono errors to improve error messages\napp.onError((err, c) => {\n console.error(\\`Error: \\${err.message}\\`);\n throw err;\n});\n\n// Export app.fetch (not the app object) - CRITICAL for Val Town HTTP files\nexport default app.fetch;`;\n\n files.push({\n path: \"backend/index.ts\",\n content: backendIndexContent,\n type: \"http\",\n });\n\n // Create README files\n files.push({\n path: \"README.md\",\n content: `# Val Town Project\n\nThis project was automatically generated from a single Val file.\n\n## Project Structure\n\n- \\`backend/\\` - Server code using Hono\n- \\`frontend/\\` - ${usesReact ? \"React components\" : \"HTML, CSS and JavaScript\"} and static assets\n- \\`shared/\\` - Types and utilities shared between frontend and backend\n\n## Getting Started\n\n1. Go to \\`backend/index.ts\\` and verify it's set as an HTTP file (not script)\n2. Click on the HTTP preview to view your application\n3. Pin it to home if you want to make it publicly accessible`,\n type: \"file\",\n });\n\n return { files, logs };\n } catch (error) {\n console.error(\"Error processing code:\", error);\n return {\n files: [\n {\n path: \"backend/index.ts\",\n content: `import { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\napp.get(\"/\", c => {\n return c.html(\\`\n \n

Error During Conversion

An error occurred while converting your val: ${error.message}

\n \\`);\n});\n\nexport default app.fetch;`,\n type: \"http\",\n },\n ],\n logs: [`Error: ${error.message}`],\n };\n }\n}\n\nexport {\n convertValToProject,\n createDirectory,\n createFile,\n formatFileTree,\n generateProjectName,\n getUniqueDirectories,\n processInputToProjectStructure,\n};","deleted","label",[170,153],"backend","permalink","https://www.val.town/x/charmaine/projectConverterDraft/code/backend/converter.ts","extension","actionData","errors"]