[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_376":377,"_378":379},"routes/_app.x.$handle.$name",{"_101":100,"_32":45,"_109":87,"_26":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":122,"_123":124,"_125":24,"_126":127,"_128":58,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":24,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":24},"version",535,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":29},"file",{"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":14,"_41":42,"_23":24},"previous","deleted",false,"deletedHere","path","backend/ai/website-generator.ts","latestPath","backend/ai/generator.ts","fileId","42cbbea4-4304-11f0-ae1f-76b3cceeab13","name","website-generator.ts","fileType","script","content","import { Browser } from \"npm:playwright-core\";\nimport { getAllGoodElements } from \"./elements.ts\";\nimport { generateQueryFunction } from \"./inputer.ts\";\nimport { Val } from \"../vt/Val.ts\";\n\nexport class WebsiteGenerator {\n constructor(private browser: Browser) {}\n\n public static of(browser: Browser): WebsiteGenerator {\n return new WebsiteGenerator(browser);\n }\n\n public async generateWebsite(url: string, websiteName: string): Promise {\n // Get the best element from the page\n const allGoodElements = await getAllGoodElements(url, this.browser);\n if (allGoodElements.length === 0) {\n throw new Error(\"No useful elements found on the page\");\n }\n\n const specificElement = allGoodElements[0];\n console.log(\"Using element:\", specificElement);\n\n // Generate the interaction function\n const result = await generateQueryFunction(\n this.browser,\n specificElement.elementId,\n url\n );\n\n // Create the website\n const website = await Val.create(websiteName, \"public\");\n\n // Generate the main server file\n const serverCode = this.generateServerCode(result.code, result.inputSchema);\n await website.addFile(\"main.ts\", serverCode, \"http\");\n\n // Generate the handler\n const handlerCode = this.generateHandlerCode(result.code, url, specificElement.elementId);\n await website.addFile(\"code/handler.ts\", handlerCode, \"script\");\n\n return website.valId;\n }\n\n private generateServerCode(functionCode: string, inputSchema: string): string {\n return `import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { scrapeElement } from \"./code/handler.ts\";\n\nconst app = new Hono();\n\n// Serve static files\napp.all(\"/\", (c) => serveFile(c.req.path, import.meta.url));\n\n// API endpoint for scraping\napp.post(\"/api/scrape\", async (c) => {\n try {\n const inputData = await c.req.json();\n const result = await scrapeElement(inputData);\n return c.json(result);\n } catch (error) {\n return c.json({ success: false, error: error.message }, 500);\n }\n});\n\n// Health check\napp.get(\"/api/health\", (c) => {\n return c.json({ status: \"ok\", message: \"Website scraper is running\" });\n});\n\nexport default app.fetch;`;\n }\n\n private generateHandlerCode(functionCode: string, url: string, elementId: string): string {\n return `import { chromium } from \"npm:playwright-core\";\n\nexport async function scrapeElement(inputData: any) {\n const browser = await chromium.connectOverCDP(\n \\`wss://connect.steel.dev?apiKey=\\${Deno.env.get(\"STEEL_API_KEY\")}\\`\n );\n\n try {\n const page = await browser.newPage();\n await page.goto(\"${url}\");\n\n // Add the element ID to the page\n await page.evaluate((elementId) => {\n const selectors = [\n \"input\", \"button\", \"select\", \"textarea\", \"form\", \"table\", \n \"ul\", \"ol\", \"h1\", \"h2\", \"h3\", \"pre\", \"article\", \"section\"\n ];\n \n selectors.forEach(selector => {\n Array.from(document.querySelectorAll(selector)).forEach((el, i) => {\n const id = \\`element_\\${selector}_\\${i}\\`;\n el.setAttribute(\"data-element-id\", id);\n });\n });\n }, \"${elementId}\");\n\n // Execute the generated function\n const scrapingFunction = async function(page, inputData) {\n ${functionCode}\n };\n\n const result = await scrapingFunction(page, inputData);\n await browser.close();\n \n return result;\n } catch (error) {\n await browser.close();\n throw error;\n }\n}`;\n }\n}\n\nexport async function generateWebsite(browser: Browser, url: string, websiteName: string): Promise {\n return await WebsiteGenerator.of(browser).generateWebsite(url, websiteName);\n}\n","createdAt",["D",1749234602801],"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",{"_101":100,"_108":104},"org",{"_101":100,"_102":-5,"_103":104,"_18":54,"_105":106,"_107":24},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":90,"_91":92,"_93":50,"_94":95,"_96":97,"_98":45,"_99":100},"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",{"_43":44,"_32":45,"_38":372,"_47":-5,"_48":24,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":373,"_81":374,"_83":375,"_85":24},"tree",[198,212,217,218,219],"files",[198,199,200,201,202,203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218,219],"counts",{"_186":63,"_187":188,"_189":63,"_190":191,"_192":193},"contents",[145,146,147,148,149],"upstreamProject",{"_43":95,"_32":140,"_52":141,"_53":142,"_49":50,"_79":143},"upstreamBranch",{"_43":90,"_38":133,"_134":135,"_32":87,"_88":95,"_13":136,"_89":-5,"_91":-5,"_137":138,"_47":-5,"_85":24,"_49":50,"_99":139,"_64":97,"_98":140},"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=1789585199&sig=1baafecf11cec877edc88f123efd7f687a508ecc290c26f9eecfc4b3e272df79",{"_101":139,"_108":144},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789585199&sig=e0ad9b96a0e58967744de3785adb3e9a68085da5b0c135b58439da2ef923cdc0",{"_43":181,"_32":182,"_30":183,"_153":-5,"_41":42,"_40":157,"_155":58,"_38":184,"_13":63,"_34":179,"_36":-5,"_23":24,"_159":-5,"_26":185},{"_43":175,"_32":176,"_30":177,"_153":-5,"_41":42,"_40":157,"_155":58,"_38":178,"_13":63,"_34":179,"_36":-5,"_23":24,"_159":-5,"_26":180},{"_43":168,"_32":169,"_30":170,"_153":-5,"_41":42,"_40":171,"_155":58,"_38":172,"_13":63,"_34":20,"_36":173,"_23":24,"_159":-5,"_26":174},{"_43":161,"_32":162,"_30":163,"_153":-5,"_41":42,"_40":164,"_155":24,"_38":165,"_13":157,"_34":20,"_36":166,"_23":24,"_159":-5,"_26":167},{"_43":150,"_32":151,"_30":152,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":156,"_13":157,"_34":20,"_36":158,"_23":24,"_159":-5,"_26":160},"fa979388-4303-11f0-bbab-76b3cceeab13","deno.json","6d80bfb8-42dd-11f0-828a-76b3cceeab13","parentId",531,"latest",["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","label",[151],"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",[162],"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",[169],"2e31f134-08c6-11f0-95cf-569c3dd06744","frontend","ace2be34-3b25-41f0-98a9-deaf2a37046f",["D",1742830771958],"directory",[176],"2e31d258-08c6-11f0-95cf-569c3dd06744","backend","c42583f7-b9a9-4128-8e16-b83c81558d23",["D",1742830771958],[182],"pulls","branches",2,"forks","envVars",{"_194":196,"_197":63},"connections",{"_194":63,"_195":63},"count","unfilledCount",3,"emptyCount",{"_43":181,"_32":182,"_30":183,"_153":-5,"_41":42,"_40":157,"_155":58,"_38":369,"_13":63,"_34":179,"_36":-5,"_23":24,"_159":-5,"_221":370,"_26":371},{"_43":364,"_32":327,"_30":323,"_153":183,"_41":42,"_40":365,"_155":58,"_38":366,"_13":63,"_34":179,"_36":-5,"_23":24,"_159":-5,"_221":367,"_26":368},{"_43":355,"_32":356,"_30":357,"_153":323,"_41":42,"_40":358,"_155":24,"_38":359,"_13":360,"_34":35,"_36":361,"_23":24,"_159":-5,"_221":362,"_26":363},{"_43":346,"_32":347,"_30":348,"_153":323,"_41":42,"_40":349,"_155":24,"_38":350,"_13":351,"_34":35,"_36":352,"_23":24,"_159":-5,"_221":353,"_26":354},{"_43":337,"_32":338,"_30":339,"_153":323,"_41":42,"_40":340,"_155":24,"_38":341,"_13":342,"_34":35,"_36":343,"_23":24,"_159":-5,"_221":344,"_26":345},{"_43":328,"_32":329,"_30":330,"_153":323,"_41":42,"_40":331,"_155":24,"_38":332,"_13":333,"_34":35,"_36":334,"_23":24,"_159":-5,"_221":335,"_26":336},{"_43":322,"_32":33,"_30":31,"_153":323,"_41":42,"_40":14,"_155":24,"_38":324,"_13":63,"_34":35,"_36":37,"_23":24,"_159":-5,"_221":325,"_26":326},{"_43":317,"_32":299,"_30":293,"_153":183,"_41":42,"_40":318,"_155":58,"_38":319,"_13":63,"_34":179,"_36":-5,"_23":24,"_159":-5,"_221":320,"_26":321},{"_43":308,"_32":309,"_30":310,"_153":293,"_41":42,"_40":311,"_155":24,"_38":312,"_13":313,"_34":35,"_36":314,"_23":24,"_159":-5,"_221":315,"_26":316},{"_43":300,"_32":301,"_30":302,"_153":293,"_41":42,"_40":303,"_155":24,"_38":304,"_13":268,"_34":35,"_36":305,"_23":24,"_159":-5,"_221":306,"_26":307},{"_43":290,"_32":291,"_30":292,"_153":293,"_41":42,"_40":294,"_155":58,"_38":295,"_13":63,"_34":35,"_36":296,"_23":24,"_159":-5,"_221":297,"_26":298},{"_43":282,"_32":283,"_30":284,"_153":183,"_41":42,"_40":285,"_155":58,"_38":286,"_13":63,"_34":35,"_36":287,"_23":24,"_159":-5,"_221":288,"_26":289},{"_43":272,"_32":273,"_30":56,"_153":183,"_41":42,"_40":274,"_155":24,"_38":275,"_13":276,"_34":277,"_36":278,"_23":24,"_159":279,"_221":280,"_26":281},{"_43":263,"_32":264,"_30":265,"_153":183,"_41":42,"_40":266,"_155":58,"_38":267,"_13":268,"_34":35,"_36":269,"_23":24,"_159":-5,"_221":270,"_26":271},{"_43":175,"_32":176,"_30":177,"_153":-5,"_41":42,"_40":157,"_155":58,"_38":260,"_13":63,"_34":179,"_36":-5,"_23":24,"_159":-5,"_221":261,"_26":262},{"_43":256,"_32":255,"_30":249,"_153":177,"_41":42,"_40":157,"_155":58,"_38":257,"_13":63,"_34":179,"_36":-5,"_23":24,"_159":-5,"_221":258,"_26":259},{"_43":246,"_32":247,"_30":248,"_153":249,"_41":42,"_40":250,"_155":24,"_38":251,"_13":196,"_34":35,"_36":252,"_23":24,"_159":-5,"_221":253,"_26":254},{"_43":238,"_32":239,"_30":240,"_153":177,"_41":42,"_40":241,"_155":24,"_38":242,"_13":157,"_34":20,"_36":243,"_23":24,"_159":-5,"_221":244,"_26":245},{"_43":230,"_32":231,"_30":232,"_153":177,"_41":42,"_40":233,"_155":58,"_38":234,"_13":157,"_34":35,"_36":235,"_23":24,"_159":-5,"_221":236,"_26":237},{"_43":168,"_32":169,"_30":170,"_153":-5,"_41":42,"_40":171,"_155":58,"_38":227,"_13":63,"_34":20,"_36":173,"_23":24,"_159":-5,"_221":228,"_26":229},{"_43":161,"_32":162,"_30":163,"_153":-5,"_41":42,"_40":164,"_155":24,"_38":224,"_13":157,"_34":20,"_36":166,"_23":24,"_159":-5,"_221":225,"_26":226},{"_43":150,"_32":151,"_30":152,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":220,"_13":157,"_34":20,"_36":158,"_23":24,"_159":-5,"_221":222,"_26":223},["D",1749234481656],"children",[],[151],["D",1749234481569],[],[162],["D",1749217924014],[],[169],"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",[],[176,231],"fa843a5e-4303-11f0-96f2-76b3cceeab13","index.html","6d659e0e-bf7f-4f2b-87cf-3df60d4105a6",528,["D",1749234481533],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n\n",[],[176,239],"faa40fe6-4303-11f0-88c4-76b3cceeab13","App.tsx","fec0ec8e-b4f4-4da7-884a-019af796678b","5258744f-43e2-420e-83ea-1ed323ddcf10",532,["D",1749234481507],"/** @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{\" \"}\n times\n

\n );\n}\n",[],[176,255,247],"components","2e31d64a-08c6-11f0-95cf-569c3dd06744",["D",1742830771958],[214],[176,255],["D",1742830771958],[213,215,216],[176],"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",[],[182,264],"94685ba2-08ce-11f0-9d64-569c3dd06744","index.ts",386,["D",1742834379454],34,"http","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","apiify",[],[182,273],"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",[],[182,283],"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 · v535