\n \n \n \n\n",[101,115],"5deed5e6e44b323465b41749f7488e8d56b6a9e93ce83207e278c4c935d5b6e6","e65f49dc-f85e-11ef-b448-569c3dd06744","5404b440-f52b-11ef-99f0-569c3dd06744",35,["D",1741027194729],4,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[101,115],"4ff51a02a2a9468aa65cda98ae237a9a1b79f6322182ff6a27a7cd3a8dec8068","frontend/components/App.tsx",{"_32":146,"_13":136,"_82":147,"_84":148,"_86":33,"_87":149,"_89":48,"_34":150,"_40":128,"_92":93,"_94":151,"_65":48,"_96":-5,"_97":-7,"_74":152,"_99":153},{"_32":135,"_13":136,"_82":137,"_84":138,"_86":57,"_87":139,"_89":26,"_34":140,"_40":141,"_92":93,"_94":142,"_65":48,"_96":-5,"_97":-7,"_74":143,"_99":144},"e0e5f594-430b-11f0-9278-76b3cceeab13","App.tsx","fec0ec8e-b4f4-4da7-884a-019af796678b","5258744f-43e2-420e-83ea-1ed323ddcf10",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",[101,145,136],"87b490aeb0413f38b517945351ac840abcd43802de16a22e2cab0974ae01b2fa","components","5cb7a1f2-f53e-11ef-937e-569c3dd06744","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",27,["D",1740683366401],"/** @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}",[101,145,136],"572f45a0f0ec99935ff566c31d3bbf761edf962e408c2e2fb6df62cbb636a5c4","backend/index.ts",{"_32":169,"_13":158,"_82":170,"_84":171,"_86":33,"_87":59,"_89":48,"_34":172,"_40":173,"_92":163,"_94":174,"_65":48,"_96":-5,"_97":-7,"_74":175,"_99":176},{"_32":157,"_13":158,"_82":159,"_84":160,"_86":57,"_87":161,"_89":26,"_34":162,"_40":22,"_92":163,"_94":164,"_65":48,"_96":165,"_97":-7,"_74":166,"_99":167},"e0d8bb86-430b-11f0-a32a-76b3cceeab13","index.ts","76971c3b-c94e-4b49-b895-6b9840c6b2e4","c42583f7-b9a9-4128-8e16-b83c81558d23",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,158],"12890a3511cf61812a5bbd6c7c6c8efff96773846a92108a44965933237c2d4c","backend","0ba8248c-040f-11f0-bcd6-569c3dd06744","a9b2b20a-f528-11ef-9e98-569c3dd06744","a1c25866-f528-11ef-8bc0-569c3dd06744",["D",1742312311499],10,"import { 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\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\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;",[168,158],"3166720d95df037d0cf98983d51ff859b6e1afe69e48d2162dee70fac4ca620c","README.md",{"_32":187,"_13":177,"_82":188,"_84":-5,"_86":33,"_87":189,"_89":48,"_34":190,"_40":191,"_92":120,"_94":192,"_65":48,"_96":-5,"_97":-7,"_74":193,"_99":194},{"_32":180,"_13":177,"_82":181,"_84":-5,"_86":57,"_87":182,"_89":26,"_34":183,"_40":107,"_92":120,"_94":184,"_65":48,"_96":-5,"_97":-7,"_74":185,"_99":186},"e0f4c880-430b-11f0-b7b8-76b3cceeab13","b955ae38-8d6a-4999-885a-f02401a5a57c",606,["D",1749237874590],"# 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",[177],"826e5f9109ed0147c16a914982241ee2f5502aacdee3a255da6d1404044fcec8","1d794ef6-0019-11f0-8283-569c3dd06744","a50c3760-f53e-11ef-bd6d-569c3dd06744",37,["D",1741876831709],5,"# 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.",[177],"729ba8eda07c6c07b8edeaee4f3e92b0a460d5f6d2ebf8f31c801235b6e1ea5c",{"_74":359,"_76":-7,"_78":360},{"_74":353,"_76":-7,"_78":354},{"_74":343,"_76":-7,"_78":344},{"_74":333,"_76":-7,"_78":334},{"_74":323,"_76":-7,"_78":324},{"_74":312,"_76":-7,"_78":313},{"_74":302,"_76":-7,"_78":303},{"_74":290,"_76":-7,"_78":291},{"_74":280,"_76":-7,"_78":281},{"_74":270,"_76":-7,"_78":271},{"_74":263,"_76":-7,"_78":264},{"_74":252,"_76":-7,"_78":253},{"_74":242,"_76":-7,"_78":243},{"_74":230,"_76":-7,"_78":231},{"_74":221,"_76":-7,"_78":222},{"_74":211,"_76":-7,"_78":212},"versions.md",{"_32":213,"_13":211,"_82":214,"_84":-5,"_86":57,"_87":215,"_89":26,"_34":216,"_40":217,"_92":120,"_94":218,"_65":48,"_96":-5,"_97":-7,"_74":219,"_99":220},"37991c82-4306-11f0-9354-76b3cceeab13","37991d72-4306-11f0-9354-76b3cceeab13",564,["D",1749235443007],0,"427",[211],"42f25adecf47629878e89e31b2073d1af009c9c76f4140a06313af5e5950eabc","deno.json",{"_32":223,"_13":221,"_82":224,"_84":-5,"_86":57,"_87":225,"_89":26,"_34":226,"_40":91,"_92":120,"_94":227,"_65":48,"_96":-5,"_97":-7,"_74":228,"_99":229},"fa979388-4303-11f0-bbab-76b3cceeab13","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",[221],"2410801e51b5f1c6097a0882ea2e8740156900e3440ff8735788c72f0ff5e541","backend/vt/utils.ts",{"_32":232,"_13":233,"_82":234,"_84":235,"_86":57,"_87":236,"_89":26,"_34":237,"_40":217,"_92":93,"_94":238,"_65":48,"_96":-5,"_97":-7,"_74":239,"_99":240},"6aec3818-4300-11f0-b8ae-76b3cceeab13","utils.ts","6aec38d6-4300-11f0-b8ae-76b3cceeab13","69f3ef5a-4300-11f0-b5f6-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

Compare

Mergewolf/mainintotemplates/main

README.md+9-3

Hbackend/index.ts+59-15

frontend/components/App.tsx+264-5

frontend/index.html+9-4

frontend/index.tsx+1-1

.vtignore+6-0

backend/ai

backend/ai/crawler.ts+120-0

backend/ai/elements.ts+106-0

backend/ai/generator.ts+133-0

backend/ai/inputer.ts+135-0

backend/ai/testing.ts+7-0

backend/ai/website-analyzer.ts+225-0

backend/env.ts+5-0

backend/types.ts+9-0

backend/vt

backend/vt/Val.ts+80-0

backend/vt/sdk.ts+36-0

backend/vt/utils.ts+42-0

deno.json+37-0

versions.md+1-0