[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_399":400,"_401":402},"routes/_app.x.$handle.$name",{"_102":101,"_32":46,"_110":88,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":123,"_124":125,"_126":25,"_127":128,"_129":59,"_130":-5,"_131":-5,"_132":133},"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",584,"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/ai/website-analyzer.ts","latestPath","fileId","8f28212c-4307-11f0-be8e-76b3cceeab13","name","website-analyzer.ts","fileType","script","content","import \"https://esm.town/v/wolf/StubFS@15-main/stubFs.ts\";\nimport { generateObject } from \"npm:ai\";\nimport { google } from \"npm:@ai-sdk/google\";\nimport { z } from \"npm:zod\";\nimport { Browser, Page } from \"npm:puppeteer-core\";\nimport { getAllGoodLinks } from \"./crawler.ts\";\nimport { getAllGoodElements } from \"./elements.ts\";\n\nexport interface PageAnalysis {\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\nexport interface WebsiteAnalysis {\n baseUrl: string;\n pages: PageAnalysis[];\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 class WebsiteAnalyzer {\n private browser: Browser;\n private visitedPages = new Set();\n\n constructor(browser: Browser) {\n this.browser = browser;\n }\n\n public static of(browser: Browser): WebsiteAnalyzer {\n return new WebsiteAnalyzer(browser);\n }\n\n public async analyzeWebsite(startUrl: string, maxPages = 10): Promise {\n console.log(`Starting analysis of ${startUrl}`);\n \n // Step 1: Get all useful links from the website\n const allLinks = await getAllGoodLinks(startUrl, this.browser);\n console.log(`Found ${allLinks.length} useful links`);\n \n // Limit the number of pages to analyze\n const linksToAnalyze = allLinks.slice(0, maxPages);\n \n // Step 2: Analyze each page for useful elements\n const pages: PageAnalysis[] = [];\n \n for (const url of linksToAnalyze) {\n try {\n console.log(`Analyzing page: ${url}`);\n const pageAnalysis = await this.analyzePage(url);\n pages.push(pageAnalysis);\n this.visitedPages.add(url);\n } catch (error) {\n console.error(`Failed to analyze page ${url}:`, error);\n }\n }\n\n // Step 3: Generate comprehensive automation code\n const generatedCode = await this.generateComprehensiveCode(pages);\n\n // Step 4: Create summary\n const summary = this.createSummary(pages);\n\n return {\n baseUrl: startUrl,\n pages,\n generatedCode,\n summary,\n };\n }\n\n private async analyzePage(url: string): Promise {\n const page = await this.browser.newPage();\n \n try {\n await page.goto(url, {\n timeout: 10_000,\n waitUntil: \"domcontentloaded\",\n });\n\n // Get page title\n const title = await page.title();\n\n // Get all useful elements from this page\n const elements = await getAllGoodElements(url, this.browser);\n\n return {\n url,\n title,\n elements,\n };\n } finally {\n await page.close();\n }\n }\n\n private async generateComprehensiveCode(pages: PageAnalysis[]): Promise {\n // Collect all elements from all pages\n const allElements = pages.flatMap(page => \n page.elements.map(element => ({\n ...element,\n pageUrl: page.url,\n pageTitle: page.title,\n }))\n );\n\n // Sort by importance\n allElements.sort((a, b) => b.importance - a.importance);\n\n const { object: codeGeneration } = await generateObject({\n model: google(\"gemini-2.0-flash\"),\n schema: z.object({\n mainClass: z.string().describe(\"Main automation class code\"),\n helperFunctions: z.string().describe(\"Helper functions for element interactions\"),\n usageExamples: z.string().describe(\"Example usage code\"),\n documentation: z.string().describe(\"Documentation explaining how to use the generated code\"),\n }),\n prompt: `\nGenerate comprehensive Puppeteer automation code for a website with multiple pages and elements.\n\n# WEBSITE ANALYSIS DATA\n${JSON.stringify({ pages, allElements: allElements.slice(0, 20) }, null, 2)}\n\n# REQUIREMENTS\nCreate a complete automation framework that includes:\n\n1. **Main Automation Class**: A class that can navigate to different pages and interact with elements\n2. **Element Interaction Methods**: Specific methods for each type of element (inputs, buttons, forms, etc.)\n3. **Page Navigation**: Methods to navigate between different pages\n4. **Data Extraction**: Methods to extract data from various elements\n5. **Error Handling**: Robust error handling for all operations\n6. **Type Safety**: TypeScript interfaces for all data structures\n\n# CODE STRUCTURE\nThe generated code should include:\n- A main WebsiteAutomator class\n- Methods for each page (based on the page URLs)\n- Methods for interacting with specific elements\n- Data extraction utilities\n- Comprehensive error handling\n- Usage examples\n\n# IMPORTANT NOTES\n- Use Puppeteer syntax (page.waitForSelector, page.click, page.type, etc.)\n- Use data-element-id attributes to find elements reliably\n- Include proper TypeScript types\n- Make the code modular and reusable\n- Include comprehensive error handling\n- Generate practical, working code that can be used immediately\n\nFocus on the most important elements (highest importance scores) and create practical automation methods.\n`,\n });\n\n return `\n// Generated Website Automation Code\n// Base URL: ${pages[0]?.url || 'Unknown'}\n// Generated on: ${new Date().toISOString()}\n\nimport puppeteer, { Browser, Page } from \"npm:puppeteer-core\";\n\n${codeGeneration.mainClass}\n\n${codeGeneration.helperFunctions}\n\n// Usage Examples:\n${codeGeneration.usageExamples}\n\n/*\n${codeGeneration.documentation}\n*/\n`;\n }\n\n private createSummary(pages: PageAnalysis[]) {\n const totalElements = pages.reduce((sum, page) => sum + page.elements.length, 0);\n \n // Get top 10 most important elements across all pages\n const allElements = pages.flatMap(page => \n page.elements.map(element => ({\n url: page.url,\n elementId: element.elementId,\n importance: element.importance,\n type: element.type,\n reason: element.reason,\n }))\n );\n \n const mostImportantElements = allElements\n .sort((a, b) => b.importance - a.importance)\n .slice(0, 10);\n\n return {\n totalPages: pages.length,\n totalElements,\n mostImportantElements,\n };\n }\n}\n\nexport async function analyzeWebsite(\n startUrl: string,\n browser: Browser,\n maxPages = 10\n): Promise {\n return await WebsiteAnalyzer.of(browser).analyzeWebsite(startUrl, maxPages);\n}","import \"https://esm.town/v/wolf/StubFS@15-main/stubFs.ts\";\nimport { generateObject } from \"npm:ai\";\nimport { google } from \"npm:@ai-sdk/google\";\nimport { z } from \"npm:zod\";\nimport { Browser, Page } from \"npm:puppeteer-core\";\nimport { getAllGoodLinks } from \"./crawler.ts\";\nimport { getAllGoodElements } from \"./elements.ts\";\n\nexport interface PageAnalysis {\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\nexport interface WebsiteAnalysis {\n baseUrl: string;\n pages: PageAnalysis[];\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 class WebsiteAnalyzer {\n private browser: Browser;\n private visitedPages = new Set();\n\n constructor(browser: Browser) {\n this.browser = browser;\n }\n\n public static of(browser: Browser): WebsiteAnalyzer {\n return new WebsiteAnalyzer(browser);\n }\n\n public async analyzeWebsite(startUrl: string, maxPages = 10): Promise {\n console.log(`Starting analysis of ${startUrl}`);\n \n // Step 1: Get all useful links from the website\n const allLinks = await getAllGoodLinks(startUrl, this.browser);\n console.log(`Found ${allLinks.length} useful links`);\n \n // Limit the number of pages to analyze\n const linksToAnalyze = allLinks.slice(0, maxPages);\n \n // Step 2: Analyze each page for useful elements\n const pages: PageAnalysis[] = [];\n \n for (const url of linksToAnalyze) {\n try {\n console.log(`Analyzing page: ${url}`);\n const pageAnalysis = await this.analyzePage(url);\n pages.push(pageAnalysis);\n this.visitedPages.add(url);\n } catch (error) {\n console.error(`Failed to analyze page ${url}:`, error);\n }\n }\n\n // Step 3: Generate comprehensive automation code\n const generatedCode = await this.generateComprehensiveCode(pages);\n\n // Step 4: Create summary\n const summary = this.createSummary(pages);\n\n return {\n baseUrl: startUrl,\n pages,\n generatedCode,\n summary,\n };\n }\n\n private async analyzePage(url: string): Promise {\n const page = await this.browser.newPage();\n \n try {\n await page.goto(url, {\n timeout: 10_000,\n waitUntil: \"domcontentloaded\",\n });\n\n // Get page title\n const title = await page.title();\n\n // Get all useful elements from this page\n const elements = await getAllGoodElements(url, this.browser);\n\n return {\n url,\n title,\n elements,\n };\n } finally {\n await page.close();\n }\n }\n\n private async generateComprehensiveCode(pages: PageAnalysis[]): Promise {\n // Collect all elements from all pages\n const allElements = pages.flatMap(page => \n page.elements.map(element => ({\n ...element,\n pageUrl: page.url,\n pageTitle: page.title,\n }))\n );\n\n // Sort by importance\n allElements.sort((a, b) => b.importance - a.importance);\n\n const { object: codeGeneration } = await generateObject({\n model: google(\"gemini-2.0-flash\"),\n schema: z.object({\n mainClass: z.string().describe(\"Main automation class code\"),\n helperFunctions: z.string().describe(\"Helper functions for element interactions\"),\n usageExamples: z.string().describe(\"Example usage code\"),\n documentation: z.string().describe(\"Documentation explaining how to use the generated code\"),\n }),\n prompt: `\nGenerate comprehensive Puppeteer automation code for a website with multiple pages and elements.\n\n# WEBSITE ANALYSIS DATA\n${JSON.stringify({ pages, allElements: allElements.slice(0, 20) }, null, 2)}\n\n# REQUIREMENTS\nCreate a complete automation framework that includes:\n\n1. **Main Automation Class**: A class that can navigate to different pages and interact with elements\n2. **Element Interaction Methods**: Specific methods for each type of element (inputs, buttons, forms, etc.)\n3. **Page Navigation**: Methods to navigate between different pages\n4. **Data Extraction**: Methods to extract data from various elements\n5. **Error Handling**: Robust error handling for all operations\n6. **Type Safety**: TypeScript interfaces for all data structures\n\n# CRITICAL SELECTOR REQUIREMENTS\n- ALWAYS use the data-element-id attribute approach: [data-element-id=\"elementId\"]\n- NEVER generate complex CSS selectors or JavaScript code in selectors\n- The element IDs are already provided in the data above\n- Use page.waitForSelector() before interacting with elements\n- Use proper Puppeteer methods: page.click(), page.type(), page.select(), etc.\n\n# CODE STRUCTURE\nThe generated code should include:\n- A main WebsiteAutomator class with a constructor that takes a Puppeteer page\n- A setupElementIds() method that adds data-element-id attributes to all elements\n- Methods for each page (based on the page URLs)\n- Methods for interacting with specific elements using their exact elementId\n- Data extraction utilities\n- Comprehensive error handling\n- Usage examples\n\n# EXAMPLE ELEMENT INTERACTION PATTERN:\n\\`\\`\\`typescript\nasync interactWithElement(elementId: string, action: 'click' | 'type' | 'select', value?: string) {\n await this.setupElementIds();\n const selector = \\`[data-element-id=\"\\${elementId}\"]\\`;\n await this.page.waitForSelector(selector, { timeout: 5000 });\n \n if (action === 'click') {\n await this.page.click(selector);\n } else if (action === 'type' && value) {\n await this.page.type(selector, value);\n }\n // etc.\n}\n\\`\\`\\`\n\nFocus on the most important elements (highest importance scores) and create practical automation methods.\nMake sure all selectors use the exact format: [data-element-id=\"exact_element_id_from_data\"]\n`,\n });\n\n return `\n// Generated Website Automation Code\n// Base URL: ${pages[0]?.url || 'Unknown'}\n// Generated on: ${new Date().toISOString()}\n\nimport puppeteer, { Browser, Page } from \"npm:puppeteer-core\";\n\n${codeGeneration.mainClass}\n\n${codeGeneration.helperFunctions}\n\n// Usage Examples:\n${codeGeneration.usageExamples}\n\n/*\n${codeGeneration.documentation}\n*/\n`;\n }\n\n private createSummary(pages: PageAnalysis[]) {\n const totalElements = pages.reduce((sum, page) => sum + page.elements.length, 0);\n \n // Get top 10 most important elements across all pages\n const allElements = pages.flatMap(page => \n page.elements.map(element => ({\n url: page.url,\n elementId: element.elementId,\n importance: element.importance,\n type: element.type,\n reason: element.reason,\n }))\n );\n \n const mostImportantElements = allElements\n .sort((a, b) => b.importance - a.importance)\n .slice(0, 10);\n\n return {\n totalPages: pages.length,\n totalElements,\n mostImportantElements,\n };\n }\n}\n\nexport async function analyzeWebsite(\n startUrl: string,\n browser: Browser,\n maxPages = 10\n): Promise {\n return await WebsiteAnalyzer.of(browser).analyzeWebsite(startUrl, maxPages);\n}","createdAt",["D",1749236240744],"branchVersion","branchId","2e2fb5a4-08c6-11f0-95cf-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",{"_102":101,"_109":105},"org",{"_102":101,"_103":-5,"_104":105,"_18":55,"_106":107,"_108":25},"branch",{"_13":87,"_32":88,"_44":43,"_89":45,"_90":91,"_92":93,"_94":51,"_95":96,"_97":98,"_99":46,"_100":101},"isOwned",608,"main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",38,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","wolf","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":395,"_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":396,"_82":397,"_84":398,"_86":25},"tree",[207,222,227,228,229,230],"files",[207,208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227,228,229,230],"counts",{"_195":64,"_196":197,"_198":64,"_199":200,"_201":202},"contents",[146,147,148,149,150,151],"upstreamProject",{"_44":96,"_32":141,"_53":142,"_54":143,"_50":51,"_80":144},"upstreamBranch",{"_44":91,"_39":134,"_135":136,"_32":88,"_89":96,"_13":137,"_90":-5,"_92":-5,"_138":139,"_48":-5,"_86":25,"_50":51,"_100":140,"_65":98,"_99":141},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],"updatedAt",["D",1785420707976],91,"lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","templates","react-hono-starter","Starter template with client-side React & Hono server","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789549199&sig=78a5bc27f03474c98a49b09a954e18cc6dd63f22ba19ce3e096717a88d3522b5",{"_102":140,"_109":145},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789549199&sig=85ec03bbe2ae9af315fa5e89fceebe840b59020b3ec43df39e2ab37ef0d215ad",{"_44":190,"_32":191,"_30":192,"_155":-5,"_42":43,"_41":167,"_157":59,"_39":193,"_13":64,"_34":188,"_36":-5,"_24":25,"_160":-5,"_27":194},{"_44":184,"_32":185,"_30":186,"_155":-5,"_42":43,"_41":167,"_157":59,"_39":187,"_13":64,"_34":188,"_36":-5,"_24":25,"_160":-5,"_27":189},{"_44":177,"_32":178,"_30":179,"_155":-5,"_42":43,"_41":180,"_157":59,"_39":181,"_13":64,"_34":20,"_36":182,"_24":25,"_160":-5,"_27":183},{"_44":170,"_32":171,"_30":172,"_155":-5,"_42":43,"_41":173,"_157":25,"_39":174,"_13":167,"_34":20,"_36":175,"_24":25,"_160":-5,"_27":176},{"_44":162,"_32":163,"_30":164,"_155":-5,"_42":43,"_41":165,"_157":59,"_39":166,"_13":167,"_34":20,"_36":168,"_24":25,"_160":-5,"_27":169},{"_44":152,"_32":153,"_30":154,"_155":-5,"_42":43,"_41":156,"_157":59,"_39":158,"_13":64,"_34":20,"_36":159,"_24":25,"_160":-5,"_27":161},"37991c82-4306-11f0-9354-76b3cceeab13","versions.md","37991d72-4306-11f0-9354-76b3cceeab13","parentId",564,"latest",["D",1749235443007],"427","label",[153],"fa979388-4303-11f0-bbab-76b3cceeab13","deno.json","6d80bfb8-42dd-11f0-828a-76b3cceeab13",531,["D",1749234481656],1,"{\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",[163],"fa899a08-4303-11f0-96f2-76b3cceeab13","README.md","b955ae38-8d6a-4999-885a-f02401a5a57c",529,["D",1749234481569],"# 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",[171],"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",[178],"2e31f134-08c6-11f0-95cf-569c3dd06744","frontend","ace2be34-3b25-41f0-98a9-deaf2a37046f",["D",1742830771958],"directory",[185],"2e31d258-08c6-11f0-95cf-569c3dd06744","backend","c42583f7-b9a9-4128-8e16-b83c81558d23",["D",1742830771958],[191],"pulls","branches",2,"forks","envVars",{"_203":205,"_206":64},"connections",{"_203":64,"_204":64},"count","unfilledCount",3,"emptyCount",{"_44":190,"_32":191,"_30":192,"_155":-5,"_42":43,"_41":167,"_157":59,"_39":392,"_13":64,"_34":188,"_36":-5,"_24":25,"_160":-5,"_232":393,"_27":394},{"_44":387,"_32":342,"_30":338,"_155":192,"_42":43,"_41":388,"_157":59,"_39":389,"_13":64,"_34":188,"_36":-5,"_24":25,"_160":-5,"_232":390,"_27":391},{"_44":378,"_32":379,"_30":380,"_155":338,"_42":43,"_41":381,"_157":59,"_39":382,"_13":383,"_34":35,"_36":384,"_24":25,"_160":-5,"_232":385,"_27":386},{"_44":369,"_32":370,"_30":371,"_155":338,"_42":43,"_41":372,"_157":25,"_39":373,"_13":374,"_34":35,"_36":375,"_24":25,"_160":-5,"_232":376,"_27":377},{"_44":360,"_32":361,"_30":362,"_155":338,"_42":43,"_41":363,"_157":59,"_39":364,"_13":365,"_34":35,"_36":366,"_24":25,"_160":-5,"_232":367,"_27":368},{"_44":351,"_32":352,"_30":353,"_155":338,"_42":43,"_41":354,"_157":25,"_39":355,"_13":356,"_34":35,"_36":357,"_24":25,"_160":-5,"_232":358,"_27":359},{"_44":343,"_32":344,"_30":345,"_155":338,"_42":43,"_41":346,"_157":59,"_39":347,"_13":64,"_34":35,"_36":348,"_24":25,"_160":-5,"_232":349,"_27":350},{"_44":337,"_32":33,"_30":31,"_155":338,"_42":43,"_41":14,"_157":25,"_39":339,"_13":167,"_34":35,"_36":38,"_24":25,"_160":-5,"_232":340,"_27":341},{"_44":332,"_32":314,"_30":308,"_155":192,"_42":43,"_41":333,"_157":59,"_39":334,"_13":64,"_34":188,"_36":-5,"_24":25,"_160":-5,"_232":335,"_27":336},{"_44":323,"_32":324,"_30":325,"_155":308,"_42":43,"_41":326,"_157":59,"_39":327,"_13":328,"_34":35,"_36":329,"_24":25,"_160":-5,"_232":330,"_27":331},{"_44":315,"_32":316,"_30":317,"_155":308,"_42":43,"_41":318,"_157":25,"_39":319,"_13":257,"_34":35,"_36":320,"_24":25,"_160":-5,"_232":321,"_27":322},{"_44":305,"_32":306,"_30":307,"_155":308,"_42":43,"_41":309,"_157":59,"_39":310,"_13":64,"_34":35,"_36":311,"_24":25,"_160":-5,"_232":312,"_27":313},{"_44":297,"_32":298,"_30":299,"_155":192,"_42":43,"_41":300,"_157":59,"_39":301,"_13":64,"_34":35,"_36":302,"_24":25,"_160":-5,"_232":303,"_27":304},{"_44":287,"_32":288,"_30":57,"_155":192,"_42":43,"_41":289,"_157":25,"_39":290,"_13":291,"_34":292,"_36":293,"_24":25,"_160":294,"_232":295,"_27":296},{"_44":279,"_32":280,"_30":281,"_155":192,"_42":43,"_41":282,"_157":59,"_39":283,"_13":257,"_34":35,"_36":284,"_24":25,"_160":-5,"_232":285,"_27":286},{"_44":184,"_32":185,"_30":186,"_155":-5,"_42":43,"_41":167,"_157":59,"_39":276,"_13":64,"_34":188,"_36":-5,"_24":25,"_160":-5,"_232":277,"_27":278},{"_44":272,"_32":271,"_30":264,"_155":186,"_42":43,"_41":167,"_157":59,"_39":273,"_13":64,"_34":188,"_36":-5,"_24":25,"_160":-5,"_232":274,"_27":275},{"_44":261,"_32":262,"_30":263,"_155":264,"_42":43,"_41":265,"_157":25,"_39":266,"_13":267,"_34":35,"_36":268,"_24":25,"_160":-5,"_232":269,"_27":270},{"_44":252,"_32":253,"_30":254,"_155":186,"_42":43,"_41":255,"_157":25,"_39":256,"_13":257,"_34":20,"_36":258,"_24":25,"_160":-5,"_232":259,"_27":260},{"_44":244,"_32":245,"_30":246,"_155":186,"_42":43,"_41":247,"_157":59,"_39":248,"_13":167,"_34":35,"_36":249,"_24":25,"_160":-5,"_232":250,"_27":251},{"_44":177,"_32":178,"_30":179,"_155":-5,"_42":43,"_41":180,"_157":59,"_39":241,"_13":64,"_34":20,"_36":182,"_24":25,"_160":-5,"_232":242,"_27":243},{"_44":170,"_32":171,"_30":172,"_155":-5,"_42":43,"_41":173,"_157":25,"_39":238,"_13":167,"_34":20,"_36":175,"_24":25,"_160":-5,"_232":239,"_27":240},{"_44":162,"_32":163,"_30":164,"_155":-5,"_42":43,"_41":165,"_157":59,"_39":235,"_13":167,"_34":20,"_36":168,"_24":25,"_160":-5,"_232":236,"_27":237},{"_44":152,"_32":153,"_30":154,"_155":-5,"_42":43,"_41":156,"_157":59,"_39":231,"_13":64,"_34":20,"_36":159,"_24":25,"_160":-5,"_232":233,"_27":234},["D",1749235443007],"children",[],[153],["D",1749234481656],[],[163],["D",1749234481569],[],[171],["D",1749217924014],[],[178],"fab66ede-4303-11f0-ae89-76b3cceeab13","index.tsx","74271529-7341-46c2-918a-f4b5c09c2d30",533,["D",1749234481508],"/** @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",[],[185,245],"d42560c8-4307-11f0-bc95-76b3cceeab13","index.html","6d659e0e-bf7f-4f2b-87cf-3df60d4105a6",580,["D",1749236135141],4,"\n\n \n \n \n Website Automation Analyzer\n \n \n \n \n

\n \n \n \n\n",[],[185,253],"b4ba21ba-4307-11f0-9558-76b3cceeab13","App.tsx","fec0ec8e-b4f4-4da7-884a-019af796678b","5258744f-43e2-420e-83ea-1ed323ddcf10",579,["D",1749236082426],10,"/** @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 (err) {\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

Website Automation Analyzer

\n Analyze any website to find useful elements and generate Puppeteer automation code\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\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 ${\n 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",[],[185,271,262],"components","2e31d64a-08c6-11f0-95cf-569c3dd06744",["D",1742830771958],[224],[185,271],["D",1742830771958],[223,225,226],[185],"3d1a37fc-4303-11f0-a4f6-76b3cceeab13","types.ts","e475d958-4302-11f0-9eda-76b3cceeab13",514,["D",1749234163748],"export type ValItemType =\n | \"script\"\n | \"http\"\n | \"email\"\n | \"interval\"\n | \"file\"\n | \"directory\";\n\nexport type ValFileType = Exclude;\n",[],[191,280],"98124006-4307-11f0-9bf2-76b3cceeab13","index.ts",578,["D",1749236034355],41,"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",[],[191,288],"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",[],[191,298],"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

Diff · v584