[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_351":352,"_353":354},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_256":-5,"_20":257,"_22":258,"_259":260,"_261":262,"_26":263,"_24":264,"_265":266,"_267":268,"_269":54,"_270":271,"_272":71,"_273":-5,"_274":-5,"_275":276},"routes/_app.x.$handle.$name.branch.$branch.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","wolf","name","Apiify","branchName","ui","version","path","frontend/index.html","project",{"_36":44,"_13":14,"_38":212,"_52":-5,"_213":54,"_55":56,"_214":56,"_215":-5,"_216":-5,"_217":218,"_219":220,"_221":71,"_222":-5,"_223":224,"_225":88,"_58":59,"_226":-5,"_227":-5,"_228":-5,"_229":-5,"_230":231,"_232":231,"_233":234,"_235":234,"_236":234,"_237":231,"_238":231,"_239":240,"_241":242,"_243":244,"_53":54},"tree",[81,82,83],"file",{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":32,"_70":71,"_38":72,"_17":73,"_74":24,"_75":76,"_77":54,"_78":-5,"_18":79},"contents",[],"upstream",{"_36":37,"_38":39,"_40":41,"_13":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":51,"_52":-5,"_53":54,"_55":56,"_57":12,"_58":59,"_60":14},"pull","ahead",3,"behind",222,"envVars","id","2e2fb5a4-08c6-11f0-95cf-569c3dd06744","createdAt",["D",1742830771958],"updatedAt",["D",1749237874418],"main","projectId","2e2c4c02-08c6-11f0-95cf-569c3dd06744",608,"forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",38,"lockfileKey","1749237884849-esm.town_v_wolf_Apiify@608-main","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","bced381e-9ab2-4b55-929d-e7c5064f7f38","projectName","549eb268-08cf-11f0-af26-569c3dd06744","index.html","fileId","aff97d7c-bb61-445e-8256-ddc21315490c","parentId","a2a52465-8a0c-4f8c-952e-60d6540a5e12","branchId","b02196d8-08ce-11f0-a41a-569c3dd06744","branchVersion","latest",true,["D",1742834701934],1,"fileType","content","\n\n \n \n \n Website to API Generator\n \n 🌐\">\n \n \n

\n \n \n \n","deleted","label",[80,62],"frontend",{"_36":127,"_13":128,"_63":129,"_65":-5,"_67":68,"_69":73,"_70":71,"_38":130,"_17":88,"_74":95,"_75":-5,"_77":54,"_78":-5,"_90":131,"_18":132},{"_36":93,"_13":80,"_63":66,"_65":-5,"_67":68,"_69":73,"_70":71,"_38":94,"_17":88,"_74":95,"_75":-5,"_77":54,"_78":-5,"_90":96,"_18":97},{"_36":84,"_13":85,"_63":86,"_65":-5,"_67":68,"_69":73,"_70":71,"_38":87,"_17":88,"_74":24,"_75":89,"_77":54,"_78":-5,"_90":91,"_18":92},"b02499b4-08ce-11f0-a41a-569c3dd06744","README.md","3b588306-7029-4e78-9912-94a9764ba076",["D",1742834425984],0,"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n- **Remix** this starter template on the top right to get started.\n\n- The **entrypoint** is `/backend/index.ts`. That's the backend HTTP server, which also serves the all the frontend assets.\n\n- The **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",[],[85],"b0249888-08ce-11f0-a41a-569c3dd06744",["D",1742834425984],"directory",[98,99,100],[80],{"_36":112,"_13":113,"_63":114,"_65":66,"_67":68,"_69":73,"_70":71,"_38":115,"_17":88,"_74":95,"_75":-5,"_77":54,"_78":-5,"_90":116,"_18":117},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":32,"_70":71,"_38":109,"_17":73,"_74":24,"_75":76,"_77":54,"_78":-5,"_90":110,"_18":111},{"_36":101,"_13":102,"_63":103,"_65":66,"_67":68,"_69":73,"_70":71,"_38":104,"_17":88,"_74":105,"_75":106,"_77":54,"_78":-5,"_90":107,"_18":108},"b0249752-08ce-11f0-a41a-569c3dd06744","index.tsx","233f7085-1943-4f71-9351-644107633448",["D",1742834425984],"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,102],["D",1742834701934],[],[80,62],"b0249554-08ce-11f0-a41a-569c3dd06744","components","77fb8aa0-23f3-4b09-8299-7e7ff39a72a6",["D",1742834425984],[118],[80,113],{"_36":119,"_13":120,"_63":121,"_65":114,"_67":68,"_69":122,"_70":71,"_38":123,"_17":73,"_74":105,"_75":124,"_77":54,"_78":-5,"_90":125,"_18":126},"4fd691e2-08cf-11f0-a9ec-569c3dd06744","App.tsx","ac662191-809a-4388-896a-f460013b5bff",2,["D",1742834693911],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n const [url, setUrl] = useState(\"\");\n const [isLoading, setIsLoading] = useState(false);\n const [result, setResult] = useState<{\n success: boolean;\n message: string;\n projectUrl?: string;\n } | null>(null);\n const [error, setError] = useState(null);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n \n if (!url) {\n setError(\"Please enter a URL\");\n return;\n }\n\n try {\n setIsLoading(true);\n setError(null);\n setResult(null);\n \n const response = await fetch(\"/api/scrape\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ url }),\n });\n \n const data = await response.json();\n \n if (!response.ok) {\n throw new Error(data.message || \"Failed to scrape website\");\n }\n \n setResult(data);\n } catch (err) {\n setError(err instanceof Error ? err.message : \"An unknown error occurred\");\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n

Website to API Generator

\n Enter a URL to scrape a website and generate an API based on its content\n

\n \n \n \n {error && (\n

{error}

\n )}\n \n {result && (\n

\n {result.success ? \"Success!\" : \"Error\"}\n

{result.message}

\n {result.projectUrl && (\n \n View Generated API\n \n )}\n

\n )}\n

\n );\n}",[],[80,113,120],"b024932e-08ce-11f0-a41a-569c3dd06744","backend","1cdf452d-5d5b-4251-b56d-1d244b8d62b1",["D",1742834425984],[133,134,135],[128],{"_36":175,"_13":176,"_63":177,"_65":129,"_67":68,"_69":73,"_70":71,"_38":178,"_17":88,"_74":95,"_75":-5,"_77":54,"_78":-5,"_90":179,"_18":180},{"_36":145,"_13":146,"_63":147,"_65":129,"_67":68,"_69":73,"_70":71,"_38":148,"_17":88,"_74":95,"_75":-5,"_77":54,"_78":-5,"_90":149,"_18":150},{"_36":136,"_13":137,"_63":138,"_65":129,"_67":68,"_69":139,"_70":71,"_38":140,"_17":73,"_74":141,"_75":142,"_77":54,"_78":-5,"_90":143,"_18":144},"bb21bd5a-08cf-11f0-b6d6-569c3dd06744","index.ts","cf914214-0eb3-4c51-8142-deb5c6328ec1",4,["D",1742834873916],"http","import { serveFile } from \"https://esm.town/v/std/utils@64-main/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { createNewScraperProject } from \"./valtown/project.ts\";\nimport { vt } from \"./valtown/sdk.ts\";\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\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// API endpoint to handle website scraping and API generation\napp.post(\"/api/scrape\", async (c) => {\n try {\n const { url } = await c.req.json();\n \n if (!url) {\n return c.json({ success: false, message: \"URL is required\" }, 400);\n }\n \n // Create a new branch name based on the domain\n const domain = new URL(url).hostname.replace(/[^a-zA-Z0-9]/g, \"_\");\n const branchName = `scraper_${domain}_${Date.now()}`;\n \n // Fork the template project\n const newBranch = await createNewScraperProject(branchName);\n \n // Get the project ID from the new branch\n const projectId = newBranch.projectId;\n \n // Generate route file for scraping the website\n const routeFileName = \"routes/scrape.ts\";\n const routeContent = generateScraperRouteCode(url);\n \n // Create the route file in the forked project\n await vt.projects.files.create(projectId, {\n branchId: newBranch.id,\n path: routeFileName,\n content: routeContent,\n });\n \n // Get the current index.ts file\n const indexFileResponse = await vt.projects.files.getContent(projectId, {\n branchId: newBranch.id,\n path: \"index.ts\",\n });\n \n const indexContent = await indexFileResponse.text();\n \n // Update the index.ts file to include the new route\n const updatedIndexContent = updateIndexFile(indexContent);\n \n // Update the index.ts file in the forked project\n await vt.projects.files.update(projectId, {\n branchId: newBranch.id,\n path: \"index.ts\",\n content: updatedIndexContent,\n });\n \n // Get the project URL\n const projectUrl = `https://val.town/v/${newBranch.username}/${newBranch.projectName}/${branchName}`;\n \n return c.json({\n success: true,\n message: \"API successfully generated!\",\n projectUrl,\n });\n } catch (error) {\n console.error(\"Error generating API:\", error);\n return c.json({\n success: false,\n message: error instanceof Error ? error.message : \"Failed to generate API\",\n }, 500);\n }\n});\n\n// Function to generate the scraper route code\nfunction generateScraperRouteCode(url: string): string {\n return `import { z } from \"https://esm.sh/@hono/zod-openapi@0.18.4\";\nimport { createRoute } from \"https://esm.sh/@hono/zod-openapi@0.18.4\";\nimport { JSDOM } from \"https://esm.sh/jsdom@22.1.0\";\n\n// The URL to scrape\nconst TARGET_URL = \"${url}\";\n\nexport const scrapeParams = z.object({\n selector: z\n .string()\n .optional()\n .openapi({ \n example: \"h1\", \n description: \"CSS selector to target specific elements (optional)\" \n }),\n});\n\nexport const scrapeRoute = createRoute({\n method: \"get\",\n path: \"/scrape\",\n summary: \"Scrape content from ${url}\",\n description: \"Fetches and parses the content from the target website using JSDOM\",\n request: {\n query: scrapeParams,\n },\n responses: {\n 200: {\n content: {\n \"application/json\": {\n schema: z.object({ \n url: z.string(),\n title: z.string(),\n content: z.record(z.string(), z.any()),\n elements: z.array(z.any()),\n }),\n },\n },\n description: \"Successfully scraped website content\",\n },\n 500: {\n content: {\n \"application/json\": {\n schema: z.object({ \n error: z.string() \n }),\n },\n },\n description: \"Failed to scrape website\",\n },\n },\n});\n\n// Helper function to extract text content from elements\nfunction extractElements(document: Document, selector: string) {\n const elements = Array.from(document.querySelectorAll(selector));\n return elements.map(el => ({\n tagName: el.tagName.toLowerCase(),\n text: el.textContent?.trim() || \"\",\n html: el.innerHTML,\n attributes: getAttributes(el),\n }));\n}\n\n// Helper function to get element attributes\nfunction getAttributes(element: Element) {\n const attributes: Record = {};\n for (const attr of element.attributes) {\n attributes[attr.name] = attr.value;\n }\n return attributes;\n}\n\n// Helper function to extract common page data\nfunction extractPageData(document: Document) {\n return {\n title: document.title,\n headings: {\n h1: extractElements(document, \"h1\").map(el => el.text),\n h2: extractElements(document, \"h2\").map(el => el.text),\n h3: extractElements(document, \"h3\").map(el => el.text),\n },\n links: extractElements(document, \"a\").map(el => ({\n text: el.text,\n href: el.attributes.href,\n })),\n images: extractElements(document, \"img\").map(el => ({\n alt: el.attributes.alt,\n src: el.attributes.src,\n })),\n meta: extractElements(document, \"meta[name], meta[property]\").reduce((acc, el) => {\n const key = el.attributes.name || el.attributes.property;\n if (key) {\n acc[key] = el.attributes.content;\n }\n return acc;\n }, {} as Record),\n };\n}\n`;\n}\n\n// Function to update the index.ts file to include the new route\nfunction updateIndexFile(indexContent: string): string {\n // Add import for the scrape route\n let updatedContent = indexContent.replace(\n 'import { greetRoute } from \"./routes/greet.ts\";',\n 'import { greetRoute } from \"./routes/greet.ts\";\\nimport { scrapeRoute } from \"./routes/scrape.ts\";'\n );\n \n // Add the route handler\n updatedContent = updatedContent.replace(\n 'app.openapi(greetRoute, (c) => {',\n 'app.openapi(scrapeRoute, async (c) => {\\n' +\n ' try {\\n' +\n ' const { selector } = c.req.valid(\"query\");\\n' +\n ' \\n' +\n ' // Fetch the target URL\\n' +\n ' const response = await fetch(TARGET_URL);\\n' +\n ' if (!response.ok) {\\n' +\n ' throw new Error(`Failed to fetch URL: ${response.status}`);\\n' +\n ' }\\n' +\n ' \\n' +\n ' const html = await response.text();\\n' +\n ' \\n' +\n ' // Parse the HTML with JSDOM\\n' +\n ' const dom = new JSDOM(html);\\n' +\n ' const document = dom.window.document;\\n' +\n ' \\n' +\n ' // Extract page data\\n' +\n ' const pageData = extractPageData(document);\\n' +\n ' \\n' +\n ' // If a selector is provided, extract those specific elements\\n' +\n ' const selectedElements = selector ? extractElements(document, selector) : [];\\n' +\n ' \\n' +\n ' return c.json({\\n' +\n ' url: TARGET_URL,\\n' +\n ' title: document.title,\\n' +\n ' content: pageData,\\n' +\n ' elements: selectedElements,\\n' +\n ' }, 200);\\n' +\n ' } catch (error) {\\n' +\n ' console.error(\"Scraping error:\", error);\\n' +\n ' return c.json({ error: error instanceof Error ? error.message : \"Failed to scrape website\" }, 500);\\n' +\n ' }\\n' +\n '});\\n\\n' +\n 'app.openapi(greetRoute, (c) => {'\n );\n \n // Update the OpenAPI documentation title and description\n updatedContent = updatedContent.replace(\n 'title: \"Greet user API\",',\n 'title: \"Website Scraper API\",'\n );\n \n return updatedContent;\n}\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;\n",[],[128,137],"b02490ae-08ce-11f0-a41a-569c3dd06744","valtown","749ba341-a0e0-4881-9a0d-768cbe8cd9f3",["D",1742834425984],[151,152,153],[128,146],{"_36":168,"_13":169,"_63":170,"_65":147,"_67":68,"_69":73,"_70":71,"_38":171,"_17":88,"_74":105,"_75":172,"_77":54,"_78":-5,"_90":173,"_18":174},{"_36":161,"_13":162,"_63":163,"_65":147,"_67":68,"_69":73,"_70":71,"_38":164,"_17":88,"_74":105,"_75":165,"_77":54,"_78":-5,"_90":166,"_18":167},{"_36":154,"_13":155,"_63":156,"_65":147,"_67":68,"_69":73,"_70":71,"_38":157,"_17":88,"_74":105,"_75":158,"_77":54,"_78":-5,"_90":159,"_18":160},"b0248c80-08ce-11f0-a41a-569c3dd06744","utils.ts","2685aa8b-0c87-4b41-a13c-7b3143d22ec1",["D",1742834425984],"import ValTown from \"jsr:@valtown/sdk\";\nimport { vt } from \"./sdk.ts\";\n\n/**\n * Lists all branches for a given project and finds the ID of the specified branch name.\n *\n * @param {string} projectId - The ID of the project to search branches within.\n * @param {string} branchName - The name of the branch to find.\n * @returns {Promise} - The ID of the specified branch.\n * @throws {Deno.errors.NotFound} If the branch with the specified name is not found.\n */\nexport async function branchIdToBranch(\n projectId: string,\n branchName: string,\n): Promise {\n for await (\n const branch of vt.projects.branches.list(projectId, {\n limit: 100,\n offset: 0,\n })\n ) if (branch.name === branchName) return branch;\n throw new Deno.errors.NotFound(`Branch '${branchName}' not found`);\n}\n\n/**\n * Forks a new branch from a specified source branch within a project.\n *\n * @param {string} projectId - The ID of the project where the branch will be created.\n * @param {string} newBranchName - The name of the new branch to create.\n * @param {string} sourceBranchId - The ID of the branch to fork from.\n * @returns {Promise