[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_305":306,"_307":308},"routes/_app.x.$handle.$name",{"_99":98,"_32":46,"_107":87,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":120,"_121":122,"_123":25,"_124":125,"_126":59,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",4,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","backend/index.ts","latestPath","fileId","cf914214-0eb3-4c51-8142-deb5c6328ec1","name","index.ts","fileType","http","content","import { serveFile } from \"https://esm.town/v/std/utils@64-main/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { generateText } from \"npm:ai\";\nimport { anthropic } from \"npm:@ai-sdk/anthropic\";\nimport { queryUrl } from \"./ai/tools.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// Add your API routes here\napp.get(\"/api/data\", async (c) => {\n const result = await generateText({\n model: anthropic(\"claude-3-7-sonnet-20250219\"),\n // messages: coreMessages,\n system: system,\n tools: { queryUrl },\n maxSteps: 20,\n abortSignal: c.req.raw.signal,\n });\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","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","createdAt",["D",1742834873916],"branchVersion","branchId","b02196d8-08ce-11f0-a41a-569c3dd06744","id","2e2c4c02-08c6-11f0-95cf-569c3dd06744","Apiify",["D",1742830771958],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","76971c3b-c94e-4b49-b895-6b9840c6b2e4","pinPreview",true,"pinMigrated","screenshotVersion",601,"likeCount",0,"orgId","bced381e-9ab2-4b55-929d-e7c5064f7f38","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":55,"_103":104,"_105":25},"branch",{"_13":14,"_32":87,"_44":43,"_88":45,"_89":90,"_91":92,"_93":51,"_94":45,"_95":66,"_96":46,"_97":98},"isOwned","ui","projectId","forkedBranchId","2e2fb5a4-08c6-11f0-95cf-569c3dd06744","forkedBranchVersion",386,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","wolf","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":301,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":302,"_82":303,"_84":304,"_86":25},"tree",[183,194,199],"files",[183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199],"counts",{"_171":64,"_172":173,"_174":64,"_175":176,"_177":178},"contents",[147,148,149],"upstreamProject",{"_44":140,"_32":141,"_53":142,"_54":143,"_50":51,"_80":144},"upstreamBranch",{"_44":90,"_39":131,"_132":133,"_32":134,"_88":45,"_13":135,"_89":136,"_91":137,"_138":139,"_48":-5,"_86":25,"_50":51,"_97":98,"_65":66,"_96":46},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1742830771958],"updatedAt",["D",1749237874418],"main",608,"961078ea-f528-11ef-aa68-569c3dd06744",38,"lockfileKey","1749237884849-esm.town_v_wolf_Apiify@608-main","96102714-f528-11ef-aa68-569c3dd06744","react-hono-starter","Starter template with client-side React & Hono server","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789577999&sig=2ab81189fced4fb576e9436da67acbaf730951eef80212e8dc3c2bf0f6be2f57",{"_99":145,"_106":146},"templates","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789577999&sig=aa7aec25480c67f41f9650e8445afc21cf1a6c5fd3969752b90fbd3f6a604c46",{"_44":166,"_32":167,"_30":168,"_153":-5,"_42":43,"_41":154,"_155":59,"_39":169,"_13":64,"_34":164,"_36":-5,"_24":25,"_158":-5,"_27":170},{"_44":160,"_32":161,"_30":162,"_153":-5,"_42":43,"_41":154,"_155":59,"_39":163,"_13":64,"_34":164,"_36":-5,"_24":25,"_158":-5,"_27":165},{"_44":150,"_32":151,"_30":152,"_153":-5,"_42":43,"_41":154,"_155":59,"_39":156,"_13":64,"_34":20,"_36":157,"_24":25,"_158":-5,"_27":159},"b02499b4-08ce-11f0-a41a-569c3dd06744","README.md","3b588306-7029-4e78-9912-94a9764ba076","parentId",1,"latest",["D",1742834425984],"# 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.","label",[151],"b0249888-08ce-11f0-a41a-569c3dd06744","frontend","a2a52465-8a0c-4f8c-952e-60d6540a5e12",["D",1742834425984],"directory",[161],"b024932e-08ce-11f0-a41a-569c3dd06744","backend","1cdf452d-5d5b-4251-b56d-1d244b8d62b1",["D",1742834425984],[167],"pulls","branches",2,"forks","envVars",{"_179":181,"_182":64},"connections",{"_179":64,"_180":64},"count","unfilledCount",3,"emptyCount",{"_44":166,"_32":167,"_30":168,"_153":-5,"_42":43,"_41":154,"_155":59,"_39":298,"_13":64,"_34":164,"_36":-5,"_24":25,"_158":-5,"_201":299,"_27":300},{"_44":294,"_32":274,"_30":269,"_153":168,"_42":43,"_41":154,"_155":59,"_39":295,"_13":64,"_34":164,"_36":-5,"_24":25,"_158":-5,"_201":296,"_27":297},{"_44":290,"_32":289,"_30":284,"_153":269,"_42":43,"_41":154,"_155":59,"_39":291,"_13":64,"_34":164,"_36":-5,"_24":25,"_158":-5,"_201":292,"_27":293},{"_44":281,"_32":282,"_30":283,"_153":284,"_42":43,"_41":154,"_155":59,"_39":285,"_13":64,"_34":20,"_36":286,"_24":25,"_158":-5,"_201":287,"_27":288},{"_44":275,"_32":276,"_30":277,"_153":269,"_42":43,"_41":154,"_155":59,"_39":278,"_13":64,"_34":208,"_36":108,"_24":25,"_158":-5,"_201":279,"_27":280},{"_44":266,"_32":267,"_30":268,"_153":269,"_42":43,"_41":154,"_155":59,"_39":270,"_13":64,"_34":208,"_36":271,"_24":25,"_158":-5,"_201":272,"_27":273},{"_44":262,"_32":247,"_30":242,"_153":168,"_42":43,"_41":154,"_155":59,"_39":263,"_13":64,"_34":164,"_36":-5,"_24":25,"_158":-5,"_201":264,"_27":265},{"_44":255,"_32":256,"_30":257,"_153":242,"_42":43,"_41":154,"_155":59,"_39":258,"_13":64,"_34":208,"_36":259,"_24":25,"_158":-5,"_201":260,"_27":261},{"_44":248,"_32":249,"_30":250,"_153":242,"_42":43,"_41":154,"_155":59,"_39":251,"_13":64,"_34":208,"_36":252,"_24":25,"_158":-5,"_201":253,"_27":254},{"_44":239,"_32":240,"_30":241,"_153":242,"_42":43,"_41":154,"_155":59,"_39":243,"_13":64,"_34":208,"_36":244,"_24":25,"_158":-5,"_201":245,"_27":246},{"_44":235,"_32":33,"_30":31,"_153":168,"_42":43,"_41":14,"_155":59,"_39":236,"_13":154,"_34":35,"_36":38,"_24":25,"_158":-5,"_201":237,"_27":238},{"_44":160,"_32":161,"_30":162,"_153":-5,"_42":43,"_41":154,"_155":59,"_39":232,"_13":64,"_34":164,"_36":-5,"_24":25,"_158":-5,"_201":233,"_27":234},{"_44":228,"_32":227,"_30":222,"_153":162,"_42":43,"_41":154,"_155":59,"_39":229,"_13":64,"_34":164,"_36":-5,"_24":25,"_158":-5,"_201":230,"_27":231},{"_44":219,"_32":220,"_30":221,"_153":222,"_42":43,"_41":173,"_155":59,"_39":223,"_13":154,"_34":208,"_36":224,"_24":25,"_158":-5,"_201":225,"_27":226},{"_44":212,"_32":213,"_30":214,"_153":162,"_42":43,"_41":181,"_155":59,"_39":215,"_13":154,"_34":20,"_36":216,"_24":25,"_158":-5,"_201":217,"_27":218},{"_44":204,"_32":205,"_30":206,"_153":162,"_42":43,"_41":154,"_155":59,"_39":207,"_13":64,"_34":208,"_36":209,"_24":25,"_158":-5,"_201":210,"_27":211},{"_44":150,"_32":151,"_30":152,"_153":-5,"_42":43,"_41":154,"_155":59,"_39":200,"_13":64,"_34":20,"_36":157,"_24":25,"_158":-5,"_201":202,"_27":203},["D",1742834425984],"children",[],[151],"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();",[],[161,205],"549eb268-08cf-11f0-af26-569c3dd06744","index.html","aff97d7c-bb61-445e-8256-ddc21315490c",["D",1742834701934],"\n\n \n \n \n Website to API Generator\n \n 🌐\">\n \n \n

\n \n \n \n",[],[161,213],"4fd691e2-08cf-11f0-a9ec-569c3dd06744","App.tsx","ac662191-809a-4388-896a-f460013b5bff","77fb8aa0-23f3-4b09-8299-7e7ff39a72a6",["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}",[],[161,227,220],"components","b0249554-08ce-11f0-a41a-569c3dd06744",["D",1742834425984],[196],[161,227],["D",1742834425984],[195,197,198],[161],"bb21bd5a-08cf-11f0-b6d6-569c3dd06744",["D",1742834873916],[],[167,33],"b0248c80-08ce-11f0-a41a-569c3dd06744","utils.ts","2685aa8b-0c87-4b41-a13c-7b3143d22ec1","749ba341-a0e0-4881-9a0d-768cbe8cd9f3",["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

Diff · v4