[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_469":470,"_471":472},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_349":-5,"_20":350,"_22":351,"_352":353,"_354":355,"_26":356,"_24":357,"_358":359,"_360":361,"_362":51,"_363":364,"_365":74,"_366":-5,"_367":-5,"_368":369},"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","main","version","path","frontend","project",{"_36":305,"_13":14,"_38":306,"_49":-5,"_307":51,"_52":53,"_308":53,"_309":-5,"_310":-5,"_311":312,"_313":189,"_314":74,"_315":-5,"_316":190,"_317":96,"_56":318,"_319":-5,"_320":-5,"_321":-5,"_322":-5,"_323":324,"_325":324,"_326":327,"_328":327,"_329":327,"_330":324,"_331":324,"_332":333,"_334":335,"_336":337,"_50":51},"tree",[102,103,104,105,106,107],"file",{"_36":99,"_69":70,"_65":68,"_13":19,"_79":-5,"_77":97,"_17":96,"_67":-5,"_38":100,"_71":76,"_82":-5,"_18":101},"contents",[60,61,62],"upstream",{"_36":37,"_38":39,"_40":41,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"pull","ahead",608,"behind",53,"envVars","id","961078ea-f528-11ef-aa68-569c3dd06744","createdAt",["D",1740674013689],"updatedAt",["D",1785420707976],"projectId","96102714-f528-11ef-aa68-569c3dd06744",91,"forkedBranchId","forkedBranchVersion","lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","deletedAt","isOwned",false,"privacy","public","userHandle","templates","orgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","react-hono-starter",{"_36":92,"_13":93,"_65":94,"_67":68,"_69":70,"_71":76,"_73":74,"_38":95,"_17":96,"_77":97,"_79":-5,"_81":51,"_82":-5,"_18":98},{"_36":84,"_13":85,"_65":86,"_67":68,"_69":70,"_71":87,"_73":74,"_38":88,"_17":89,"_77":24,"_79":90,"_81":51,"_82":-5,"_18":91},{"_36":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_38":75,"_17":76,"_77":78,"_79":80,"_81":51,"_82":-5,"_18":83},"fab66ede-4303-11f0-ae89-76b3cceeab13","index.tsx","fileId","74271529-7341-46c2-918a-f4b5c09c2d30","parentId","ace2be34-3b25-41f0-98a9-deaf2a37046f","branchId","2e2fb5a4-08c6-11f0-95cf-569c3dd06744","branchVersion",533,"latest",true,["D",1749234481508],1,"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();\n","deleted","label",[19,64],"e0eb472e-430b-11f0-aaf8-76b3cceeab13","index.html","6d659e0e-bf7f-4f2b-87cf-3df60d4105a6",604,["D",1749237874562],6,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n\n",[19,85],"2e31d64a-08c6-11f0-95cf-569c3dd06744","components","5258744f-43e2-420e-83ea-1ed323ddcf10",["D",1742830771958],0,"directory",[19,93],"2e31f134-08c6-11f0-95cf-569c3dd06744",["D",1742830771958],[19],{"_36":167,"_13":168,"_65":169,"_67":-5,"_69":70,"_71":76,"_73":74,"_38":170,"_17":96,"_77":97,"_79":-5,"_81":51,"_82":-5,"_114":171,"_18":172},{"_36":99,"_13":19,"_65":68,"_67":-5,"_69":70,"_71":76,"_73":74,"_38":142,"_17":96,"_77":97,"_79":-5,"_81":51,"_82":-5,"_114":143,"_18":144},{"_36":134,"_13":135,"_65":136,"_67":-5,"_69":70,"_71":137,"_73":74,"_38":138,"_17":96,"_77":24,"_79":139,"_81":51,"_82":-5,"_114":140,"_18":141},{"_36":125,"_13":126,"_65":127,"_67":-5,"_69":70,"_71":128,"_73":74,"_38":129,"_17":130,"_77":24,"_79":131,"_81":51,"_82":-5,"_114":132,"_18":133},{"_36":117,"_13":118,"_65":119,"_67":-5,"_69":70,"_71":120,"_73":74,"_38":121,"_17":76,"_77":24,"_79":122,"_81":51,"_82":-5,"_114":123,"_18":124},{"_36":108,"_13":109,"_65":110,"_67":-5,"_69":70,"_71":111,"_73":74,"_38":112,"_17":96,"_77":24,"_79":113,"_81":51,"_82":-5,"_114":115,"_18":116},"37991c82-4306-11f0-9354-76b3cceeab13","versions.md","37991d72-4306-11f0-9354-76b3cceeab13",564,["D",1749235443007],"427","children",[],[109],"fa979388-4303-11f0-bbab-76b3cceeab13","deno.json","6d80bfb8-42dd-11f0-828a-76b3cceeab13",531,["D",1749234481656],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}\n",[],[118],"e0f4c880-430b-11f0-b7b8-76b3cceeab13","README.md","b955ae38-8d6a-4999-885a-f02401a5a57c",606,["D",1749237874590],3,"# 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,\n which also serves the all the frontend assets.\n\n- The **client-side entrypoint** is `/frontend/index.html`, which in turn\n imports `/frontend/index.tsx`, which in turn imports the React app from\n `/frontend/components/App.tsx`.\n\n[React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a\nfuller featured example project, with a SQLite database table, queries,\nclient-side CSS and a favicon, and some shared code that runs on both client and\nserver.\n",[],[126],"6d774f0a-42dd-11f0-8567-76b3cceeab13",".vtignore","6d774fbe-42dd-11f0-8567-76b3cceeab13",397,["D",1749217924014],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[],[135],["D",1742830771958],[145,146,147],[19],{"_36":92,"_13":93,"_65":94,"_67":68,"_69":70,"_71":76,"_73":74,"_38":154,"_17":96,"_77":97,"_79":-5,"_81":51,"_82":-5,"_114":155,"_18":156},{"_36":84,"_13":85,"_65":86,"_67":68,"_69":70,"_71":87,"_73":74,"_38":151,"_17":89,"_77":24,"_79":90,"_81":51,"_82":-5,"_114":152,"_18":153},{"_36":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_38":148,"_17":76,"_77":78,"_79":80,"_81":51,"_82":-5,"_114":149,"_18":150},["D",1749234481508],[],[19,64],["D",1749237874562],[],[19,85],["D",1742830771958],[157],[19,93],{"_36":158,"_13":159,"_65":160,"_67":94,"_69":70,"_71":161,"_73":74,"_38":162,"_17":163,"_77":78,"_79":164,"_81":51,"_82":-5,"_114":165,"_18":166},"e0e5f594-430b-11f0-9278-76b3cceeab13","App.tsx","fec0ec8e-b4f4-4da7-884a-019af796678b",603,["D",1749237874493],12,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface WebsiteAnalysis {\n baseUrl: string;\n pages: Array<{\n url: string;\n title: string;\n elements: Array<{\n elementId: string;\n type: string;\n content: string;\n importance: number;\n dataType: string;\n selectionCode: string;\n reason: string;\n }>;\n }>;\n generatedCode: string;\n summary: {\n totalPages: number;\n totalElements: number;\n mostImportantElements: Array<{\n url: string;\n elementId: string;\n importance: number;\n type: string;\n reason: string;\n }>;\n };\n}\n\nexport function App() {\n const [url, setUrl] = useState(\"\");\n const [maxPages, setMaxPages] = useState(5);\n const [loading, setLoading] = useState(false);\n const [analysis, setAnalysis] = useState(null);\n const [error, setError] = useState(null);\n const [activeTab, setActiveTab] = useState<'overview' | 'pages' | 'code'>('overview');\n\n const handleAnalyze = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!url) return;\n\n setLoading(true);\n setError(null);\n setAnalysis(null);\n\n try {\n const response = await fetch(\"/api/analyze-website\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ url, maxPages }),\n });\n\n const data = await response.json();\n\n if (data.success) {\n setAnalysis(data.analysis);\n } else {\n setError(data.error);\n }\n } catch {\n setError(\"Failed to analyze website\");\n } finally {\n setLoading(false);\n }\n };\n\n const copyToClipboard = (text: string) => {\n navigator.clipboard.writeText(text);\n };\n\n return (\n

APIIfy

\n Turn a website into an API\n

\n\n

\n \n Website URL\n \n setUrl(e.target.value)}\n placeholder=\"https://example.com\"\n className=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n required\n />\n

\n\n

\n \n Max Pages to crawl\n \n setMaxPages(parseInt(e.target.value) || 5)}\n min=\"1\"\n max=\"20\"\n className=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n

\n\n \n {loading ? \"Analyzing Website...\" : \"Analyze Website\"}\n \n \n

\n\n {error && (\n

\n Error: {error}\n

\n )}\n\n {analysis && (\n

\n {/* Tab Navigation */}\n

\n {[\n { id: 'overview', label: 'Overview' },\n { id: 'pages', label: 'Pages & Elements' },\n { id: 'code', label: 'Generated Code' },\n ].map((tab) => (\n setActiveTab(tab.id as any)}\n className={`py-4 px-1 border-b-2 font-medium text-sm ${activeTab === tab.id\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700'\n }`}\n >\n {tab.label}\n \n ))}\n

\n\n

\n {activeTab === 'overview' && (\n

Analysis Summary

{analysis.summary.totalPages}

Pages Analyzed

{analysis.summary.totalElements}

Useful Elements Found

{analysis.summary.mostImportantElements.length}

High Priority Elements

\n\n

Most Important Elements

\n {analysis.summary.mostImportantElements.slice(0, 5).map((element, index) => (\n

\n {element.type}\n on {new URL(element.url).pathname}\n

\n \n Importance: {element.importance}/10\n \n

\n ))}\n

\n )}\n\n {activeTab === 'pages' && (\n

\n {analysis.pages.map((page, pageIndex) => (\n

{page.title}

\n \n {page.url}\n \n

\n\n

Elements ({page.elements.length})

\n {page.elements.slice(0, 5).map((element, elementIndex) => (\n

\n {element.type}\n ({element.dataType})\n {element.content && (\n

\n {element.content}\n

\n )}\n

{element.reason}

\n \n {element.importance}/10\n \n

\n ))}\n {page.elements.length > 5 && (\n

\n ... and {page.elements.length - 5} more elements\n

\n )}\n

\n ))}\n

\n )}\n\n {activeTab === 'code' && (\n

Generated Automation Code

\n copyToClipboard(analysis.generatedCode)}\n className=\"bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-md text-sm font-medium\"\n >\n Copy Code\n \n

\n                    {analysis.generatedCode}\n

\n )}\n

\n );\n}\n",[],[19,93,159],"2e31d258-08c6-11f0-95cf-569c3dd06744","backend","c42583f7-b9a9-4128-8e16-b83c81558d23",["D",1742830771958],[173,174,175,176,177],[168],{"_36":241,"_13":242,"_65":243,"_67":169,"_69":70,"_71":244,"_73":74,"_38":245,"_17":96,"_77":97,"_79":-5,"_81":51,"_82":-5,"_114":246,"_18":247},{"_36":205,"_13":206,"_65":207,"_67":169,"_69":70,"_71":208,"_73":74,"_38":209,"_17":96,"_77":97,"_79":-5,"_81":51,"_82":-5,"_114":210,"_18":211},{"_36":197,"_13":198,"_65":199,"_67":169,"_69":70,"_71":200,"_73":74,"_38":201,"_17":96,"_77":78,"_79":202,"_81":51,"_82":-5,"_114":203,"_18":204},{"_36":187,"_13":188,"_65":189,"_67":169,"_69":70,"_71":190,"_73":74,"_38":191,"_17":34,"_77":192,"_79":193,"_81":51,"_82":194,"_114":195,"_18":196},{"_36":178,"_13":179,"_65":180,"_67":169,"_69":70,"_71":181,"_73":74,"_38":182,"_17":183,"_77":78,"_79":184,"_81":51,"_82":-5,"_114":185,"_18":186},"3d1a37fc-4303-11f0-a4f6-76b3cceeab13","types.ts","e475d958-4302-11f0-9eda-76b3cceeab13",514,["D",1749234163748],4,"export type ValItemType =\n | \"script\"\n | \"http\"\n | \"email\"\n | \"interval\"\n | \"file\"\n | \"directory\";\n\nexport type ValFileType = Exclude;\n",[],[168,179],"e0d8bb86-430b-11f0-a32a-76b3cceeab13","index.ts","76971c3b-c94e-4b49-b895-6b9840c6b2e4",601,["D",1749237874436],"http","import { serveFile } from \"https://esm.town/v/std/utils@64-main/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport puppeteer from \"npm:puppeteer-core\";\nimport { generateWebsite } from \"./ai/generator.ts\";\nimport { analyzeWebsite } from \"./ai/website-analyzer.ts\";\n\nconst app = new Hono();\n\napp.get(\"/\", (_c) => {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n})\n .get(\"/frontend/**/*\", (c) => serveFile(c.req.path, import.meta.url))\n .post(\"/api/analyze-website\", async (c) => {\n try {\n const { url, maxPages = 10 } = await c.req.json();\n\n if (!url) {\n return c.json(\n { success: false, error: \"URL is required\" },\n 400,\n );\n }\n\n const browser = await puppeteer.connect({\n browserWSEndpoint: `wss://connect.steel.dev?apiKey=${Deno.env.get(\"STEEL_API_KEY\")}`,\n });\n\n try {\n const analysis = await analyzeWebsite(url, browser, maxPages);\n return c.json({ success: true, analysis });\n } finally {\n await browser.close();\n }\n } catch (error) {\n console.error(\"Website analysis error:\", error);\n return c.json({ success: false, error: error.message }, 500);\n }\n })\n .post(\"/api/generate-website\", async (c) => {\n try {\n const { url, websiteName } = await c.req.json();\n\n if (!url || !websiteName) {\n return c.json(\n { success: false, error: \"URL and website name are required\" },\n 400,\n );\n }\n\n const browser = await puppeteer.connect({\n browserWSEndpoint: `wss://connect.steel.dev?apiKey=${Deno.env.get(\"STEEL_API_KEY\")}`,\n });\n\n try {\n const valId = await generateWebsite(browser, url, websiteName);\n return c.json({ success: true, valId });\n } finally {\n await browser.close();\n }\n } catch (error) {\n console.error(\"Website generation error:\", error);\n return c.json({ success: false, error: error.message }, 500);\n }\n })\n .onError((err, _c) => {\n throw err;\n });\n\nexport default app.fetch;\n","apiify",[],[168,188],"6d7babae-42dd-11f0-93ea-76b3cceeab13","env.ts","6d7bac76-42dd-11f0-93ea-76b3cceeab13",398,["D",1749217924020],"import { envsafe, str } from \"npm:envsafe\";\n\nexport const env = envsafe({\n STEEL_API_KEY: str({}),\n});\n",[],[168,198],"69f3ee88-4300-11f0-b5f6-76b3cceeab13","vt","69f3ef5a-4300-11f0-b5f6-76b3cceeab13",493,["D",1749232950507],[212,213,214],[168,206],{"_36":232,"_13":233,"_65":234,"_67":207,"_69":70,"_71":235,"_73":74,"_38":236,"_17":237,"_77":78,"_79":238,"_81":51,"_82":-5,"_114":239,"_18":240},{"_36":223,"_13":224,"_65":225,"_67":207,"_69":70,"_71":226,"_73":74,"_38":227,"_17":228,"_77":78,"_79":229,"_81":51,"_82":-5,"_114":230,"_18":231},{"_36":215,"_13":216,"_65":217,"_67":207,"_69":70,"_71":218,"_73":74,"_38":219,"_17":96,"_77":78,"_79":220,"_81":51,"_82":-5,"_114":221,"_18":222},"6aec3818-4300-11f0-b8ae-76b3cceeab13","utils.ts","6aec38d6-4300-11f0-b8ae-76b3cceeab13",495,["D",1749232952135],"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