[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_336":337,"_338":339},"routes/_app.x.$handle.$name",{"_103":102,"_33":47,"_111":89,"_27":112,"_13":14,"_113":-5,"_11":114,"_115":116,"_117":118,"_119":120,"_121":122,"_20":-5,"_123":124,"_125":126,"_127":25,"_128":129,"_130":60,"_131":-5,"_132":-5,"_133":134},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_45":46,"_33":47,"_40":48,"_49":-5,"_50":25,"_51":52,"_53":52,"_54":-5,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":25},"version",457,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":30},"file",{"_31":32,"_33":34,"_35":36,"_37":39,"_40":41,"_42":14,"_43":44,"_24":25},"previous",{"_31":32,"_33":34,"_35":36,"_37":38},"deleted",false,"deletedHere","path","backend/ai/scraper.ts","latestPath","backend/ai/elements.ts","fileId","1c34bd5a-42ef-11f0-92da-76b3cceeab13","name","scraper.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:playwright-core\";\n\nclass Scraper {\n private page: Page;\n\n constructor(private url: string, private browser: Browser) {}\n\n public static of(url: string, browser: Browser): Scraper {\n return new Scraper(url, browser);\n }\n\n private async initialize(): Promise {\n const currentContext = this.browser.contexts()[0];\n this.page = currentContext.pages()[0];\n await this.page.goto(this.url, {\n timeout: 10_000,\n waitUntil: \"domcontentloaded\",\n });\n }\n\n private async extractPageContent(): Promise<{\n rawHtml: string;\n pageText: string;\n elementData: Array<{\n selector: string;\n type: string;\n text: string;\n attributes: Record;\n }>;\n }> {\n return await this.page.evaluate(() => {\n // Get raw HTML\n const rawHtml = document.documentElement.outerHTML;\n\n // Get all visible text\n const pageText = document.body.innerText;\n\n // Extract data from potentially useful elements\n const potentialElements = [\n // Tables often contain structured data\n ...Array.from(document.querySelectorAll(\"table\")),\n\n // Lists often contain useful information\n ...Array.from(document.querySelectorAll(\"ul, ol\")),\n\n // Divs with data attributes or specific classes\n ...Array.from(\n document.querySelectorAll(\n \"div[data-*], div.content, div.main, div.data\",\n ),\n ),\n\n // Headers often indicate important content sections\n ...Array.from(document.querySelectorAll(\"h1, h2, h3\")),\n\n // Forms contain input fields that describe data structure\n ...Array.from(document.querySelectorAll(\"form\")),\n\n // Pre and code blocks often contain formatted data\n ...Array.from(document.querySelectorAll(\"pre, code\")),\n\n // Articles and sections often contain coherent content blocks\n ...Array.from(document.querySelectorAll(\"article, section\")),\n\n // Spans with specific classes may contain data points\n ...Array.from(\n document.querySelectorAll(\"span.label, span.value, span.data\"),\n ),\n ];\n\n const elementData = potentialElements.map((el) => {\n // Create a unique selector for this element\n let selector = \"\";\n if (el.id) {\n selector = `#${el.id}`;\n } else {\n const path = [];\n let currentEl = el;\n while (currentEl && currentEl !== document.body) {\n const tag = currentEl.tagName.toLowerCase();\n if (currentEl.id) {\n path.unshift(`${tag}#${currentEl.id}`);\n break;\n } else {\n let index = 1;\n let sibling = currentEl.previousElementSibling;\n while (sibling) {\n if (sibling.tagName === currentEl.tagName) index++;\n sibling = sibling.previousElementSibling;\n }\n path.unshift(`${tag}:nth-child(${index})`);\n }\n currentEl = currentEl.parentElement;\n }\n selector = path.join(\" > \");\n }\n\n // Extract attributes\n const attributes: Record = {};\n Array.from(el.attributes).forEach((attr) => {\n attributes[attr.name] = attr.value;\n });\n\n return {\n selector,\n type: el.tagName.toLowerCase(),\n text: el.textContent?.trim() || \"\",\n attributes,\n };\n });\n\n return {\n rawHtml,\n pageText,\n elementData,\n };\n });\n }\n\n public async findUsefulElements(): Promise<\n Array<{\n selector: string;\n type: string;\n content: string;\n importance: number;\n dataType: string;\n }>\n > {\n await this.initialize();\n\n const { pageText, elementData } = await this.extractPageContent();\n\n // Use AI to analyze which elements contain useful data\n const { object: usefulElements } = await generateObject({\n model: google(\"gemini-2.0-flash\"),\n schema: z.array(z.object({\n selector: z.string(),\n importance: z.number().min(1).max(10),\n dataType: z.string().describe(\n \"The type of data this element contains (e.g., 'table', 'list', 'text', 'form', etc.)\",\n ),\n reason: z.string().describe(\"Why this element is considered useful\"),\n })),\n prompt: `\n Analyze the following webpage elements and identify which ones likely contain valuable,\n structured data or important information.\n\n Page URL: ${this.url}\n\n Page overview:\n ${pageText.substring(0, 1000)}...\n\n Available elements:\n ${\n JSON.stringify(\n elementData.map((el) => ({\n selector: el.selector,\n type: el.type,\n textPreview: el.text.substring(0, 100) +\n (el.text.length > 100 ? \"...\" : \"\"),\n attributes: el.attributes,\n })),\n null,\n 2,\n )\n }\n\n For each element that likely contains useful data, return its selector, an importance score (1-10),\n the type of data it contains, and a reason why it's useful. Focus on elements that contain:\n - Structured data (tables, lists)\n - Key information (statistics, metrics)\n - Important content sections\n - User-facing data displays\n\n Only include elements that actually contain valuable information. Ignore navigation, footer,\n and purely decorative elements.\n `,\n });\n\n // Map the AI results back to the full element data\n return usefulElements.map((useful) => {\n const matchingElement = elementData.find((el) =>\n el.selector === useful.selector\n ) || {\n type: \"unknown\",\n text: \"\",\n selector: useful.selector,\n };\n\n return {\n selector: useful.selector,\n type: matchingElement.type,\n content: matchingElement.text,\n importance: useful.importance,\n dataType: useful.dataType,\n };\n });\n }\n}\n\nexport async function getAllGoodElements(\n url: string,\n browser: Browser,\n): Promise<\n Array<{\n selector: string;\n type: string;\n content: string;\n importance: number;\n dataType: string;\n }>\n> {\n const scraper = Scraper.of(url, browser);\n return await scraper.findUsefulElements();\n}\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:playwright-core\";\n\nclass Scraper {\n private page: Page;\n\n constructor(private url: string, private browser: Browser) {}\n\n public static of(url: string, browser: Browser): Scraper {\n return new Scraper(url, browser);\n }\n\n private async initialize(): Promise {\n const currentContext = this.browser.contexts()[0];\n this.page = currentContext.pages()[0];\n await this.page.goto(this.url, {\n timeout: 10_000,\n waitUntil: \"domcontentloaded\",\n });\n }\n\n private async extractPageContent(): Promise<{\n rawHtml: string;\n pageText: string;\n elementData: Array<{\n selector: string;\n type: string;\n text: string;\n attributes: Record;\n }>;\n }> {\n return await this.page.evaluate(() => {\n // Get raw HTML\n const rawHtml = document.documentElement.outerHTML;\n\n // Get all visible text\n const pageText = document.body.innerText;\n\n // Extract data from potentially useful elements\n const potentialElements = [\n // Tables often contain structured data\n ...Array.from(document.querySelectorAll(\"table\")),\n\n // Lists often contain useful information\n ...Array.from(document.querySelectorAll(\"ul, ol\")),\n\n // Divs with data attributes or specific classes\n ...Array.from(\n document.querySelectorAll(\n \"div[data-*], div.content, div.main, div.data\",\n ),\n ),\n\n // Headers often indicate important content sections\n ...Array.from(document.querySelectorAll(\"h1, h2, h3\")),\n\n // Forms contain input fields that describe data structure\n ...Array.from(document.querySelectorAll(\"form\")),\n\n // Pre and code blocks often contain formatted data\n ...Array.from(document.querySelectorAll(\"pre, code\")),\n\n // Articles and sections often contain coherent content blocks\n ...Array.from(document.querySelectorAll(\"article, section\")),\n\n // Spans with specific classes may contain data points\n ...Array.from(\n document.querySelectorAll(\"span.label, span.value, span.data\"),\n ),\n ];\n\n const elementData = potentialElements.map((el) => {\n // Create a unique selector for this element\n let selector = \"\";\n if (el.id) {\n selector = `#${el.id}`;\n } else {\n const path = [];\n let currentEl = el;\n while (currentEl && currentEl !== document.body) {\n const tag = currentEl.tagName.toLowerCase();\n if (currentEl.id) {\n path.unshift(`${tag}#${currentEl.id}`);\n break;\n } else {\n let index = 1;\n let sibling = currentEl.previousElementSibling;\n while (sibling) {\n if (sibling.tagName === currentEl.tagName) index++;\n sibling = sibling.previousElementSibling;\n }\n path.unshift(`${tag}:nth-child(${index})`);\n }\n currentEl = currentEl.parentElement;\n }\n selector = path.join(\" > \");\n }\n\n // Extract attributes\n const attributes: Record = {};\n Array.from(el.attributes).forEach((attr) => {\n attributes[attr.name] = attr.value;\n });\n\n return {\n selector,\n type: el.tagName.toLowerCase(),\n text: el.textContent?.trim() || \"\",\n attributes,\n };\n });\n\n return {\n rawHtml,\n pageText,\n elementData,\n };\n });\n }\n\n public async findUsefulElements(): Promise<\n Array<{\n selector: string;\n type: string;\n content: string;\n importance: number;\n dataType: string;\n }>\n > {\n await this.initialize();\n\n const { pageText, elementData } = await this.extractPageContent();\n\n // Use AI to analyze which elements contain useful data\n const { object: usefulElements } = await generateObject({\n model: google(\"gemini-2.0-flash\"),\n schema: z.array(z.object({\n selector: z.string(),\n importance: z.number().min(1).max(10),\n dataType: z.string().describe(\n \"The type of data this element contains (e.g., 'table', 'list', 'text', 'form', etc.)\",\n ),\n reason: z.string().describe(\"Why this element is considered useful\"),\n })),\n prompt: `\n Analyze the following webpage elements and identify which ones likely contain valuable,\n structured data or important information.\n\n Page URL: ${this.url}\n\n Page overview:\n ${pageText.substring(0, 1000)}...\n\n Available elements:\n ${\n JSON.stringify(\n elementData.map((el) => ({\n selector: el.selector,\n type: el.type,\n textPreview: el.text.substring(0, 100) +\n (el.text.length > 100 ? \"...\" : \"\"),\n attributes: el.attributes,\n })),\n null,\n 2,\n )\n }\n\n For each element that likely contains useful data, return its selector, an importance score (1-10),\n the type of data it contains, and a reason why it's useful. Focus on elements that contain:\n - Structured data (tables, lists)\n - Key information (statistics, metrics)\n - Important content sections\n - User-facing data displays\n\n Only include elements that actually contain valuable information. Ignore navigation, footer,\n and purely decorative elements.\n `,\n });\n\n // Map the AI results back to the full element data\n return usefulElements.map((useful) => {\n const matchingElement = elementData\n .find((el) => el.selector === useful.selector) ||\n {\n type: \"unknown\",\n text: \"\",\n selector: useful.selector,\n };\n\n return {\n selector: useful.selector,\n type: matchingElement.type,\n content: matchingElement.text,\n importance: useful.importance,\n dataType: useful.dataType,\n };\n });\n }\n}\n\nexport async function getAllGoodElements(\n url: string,\n browser: Browser,\n): Promise<\n Array<{\n selector: string;\n type: string;\n content: string;\n importance: number;\n dataType: string;\n }>\n> {\n const scraper = Scraper.of(url, browser);\n return await scraper.findUsefulElements();\n}\n","createdAt",["D",1749225680765],"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",{"_103":102,"_110":106},"org",{"_103":102,"_104":-5,"_105":106,"_18":56,"_107":108,"_109":25},"branch",{"_13":88,"_33":89,"_45":44,"_90":46,"_91":92,"_93":94,"_95":52,"_96":97,"_98":99,"_100":47,"_101":102},"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",{"_45":46,"_33":47,"_40":332,"_49":-5,"_50":25,"_51":52,"_53":52,"_54":-5,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":333,"_83":334,"_85":335,"_87":25},"tree",[199,209,214,215,216],"files",[199,200,201,202,203,204,205,206,207,208,209,210,211,212,213,214,215,216],"counts",{"_187":65,"_188":189,"_190":65,"_191":192,"_193":194},"contents",[147,148,149,150,151],"upstreamProject",{"_45":97,"_33":142,"_54":143,"_55":144,"_51":52,"_81":145},"upstreamBranch",{"_45":92,"_40":135,"_136":137,"_33":89,"_90":97,"_13":138,"_91":-5,"_93":-5,"_139":140,"_49":-5,"_87":25,"_51":52,"_101":141,"_66":99,"_100":142},"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=1789592399&sig=9f2b8198a6bd290c0e4cd558a371acaf6bae0541324daebbd1636993bd403dce",{"_103":141,"_110":146},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789592399&sig=e3667930a878fd5db49e47cce78fe270a8ba33317e34775a1ada2dd4a7c49d8d",{"_45":182,"_33":183,"_31":184,"_155":-5,"_43":44,"_42":165,"_157":60,"_40":185,"_13":65,"_35":180,"_37":-5,"_24":25,"_160":-5,"_27":186},{"_45":176,"_33":177,"_31":178,"_155":-5,"_43":44,"_42":165,"_157":60,"_40":179,"_13":65,"_35":180,"_37":-5,"_24":25,"_160":-5,"_27":181},{"_45":169,"_33":170,"_31":171,"_155":-5,"_43":44,"_42":172,"_157":60,"_40":173,"_13":65,"_35":20,"_37":174,"_24":25,"_160":-5,"_27":175},{"_45":162,"_33":163,"_31":164,"_155":-5,"_43":44,"_42":165,"_157":25,"_40":166,"_13":65,"_35":20,"_37":167,"_24":25,"_160":-5,"_27":168},{"_45":152,"_33":153,"_31":154,"_155":-5,"_43":44,"_42":156,"_157":25,"_40":158,"_13":65,"_35":20,"_37":159,"_24":25,"_160":-5,"_27":161},"6d80bef0-42dd-11f0-828a-76b3cceeab13","deno.json","6d80bfb8-42dd-11f0-828a-76b3cceeab13","parentId",399,"latest",["D",1749217924036],"{\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}","label",[153],"2e31f31e-08c6-11f0-95cf-569c3dd06744","README.md","b955ae38-8d6a-4999-885a-f02401a5a57c",1,["D",1742830771958],"# 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.",[163],"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",[170],"2e31f134-08c6-11f0-95cf-569c3dd06744","frontend","ace2be34-3b25-41f0-98a9-deaf2a37046f",["D",1742830771958],"directory",[177],"2e31d258-08c6-11f0-95cf-569c3dd06744","backend","c42583f7-b9a9-4128-8e16-b83c81558d23",["D",1742830771958],[183],"pulls","branches",2,"forks","envVars",{"_195":197,"_198":65},"connections",{"_195":65,"_196":65},"count","unfilledCount",3,"emptyCount",{"_45":182,"_33":183,"_31":184,"_155":-5,"_43":44,"_42":165,"_157":60,"_40":329,"_13":65,"_35":180,"_37":-5,"_24":25,"_160":-5,"_218":330,"_27":331},{"_45":324,"_33":305,"_31":301,"_155":184,"_43":44,"_42":325,"_157":60,"_40":326,"_13":65,"_35":180,"_37":-5,"_24":25,"_160":-5,"_218":327,"_27":328},{"_45":315,"_33":316,"_31":317,"_155":301,"_43":44,"_42":318,"_157":25,"_40":319,"_13":320,"_35":36,"_37":321,"_24":25,"_160":-5,"_218":322,"_27":323},{"_45":306,"_33":307,"_31":308,"_155":301,"_43":44,"_42":309,"_157":25,"_40":310,"_13":311,"_35":36,"_37":312,"_24":25,"_160":-5,"_218":313,"_27":314},{"_45":300,"_33":34,"_31":32,"_155":301,"_43":44,"_42":14,"_157":25,"_40":302,"_13":165,"_35":36,"_37":39,"_24":25,"_160":-5,"_218":303,"_27":304},{"_45":295,"_33":286,"_31":279,"_155":184,"_43":44,"_42":296,"_157":25,"_40":297,"_13":65,"_35":180,"_37":-5,"_24":25,"_160":-5,"_218":298,"_27":299},{"_45":287,"_33":288,"_31":289,"_155":279,"_43":44,"_42":290,"_157":25,"_40":291,"_13":197,"_35":36,"_37":292,"_24":25,"_160":-5,"_218":293,"_27":294},{"_45":276,"_33":277,"_31":278,"_155":279,"_43":44,"_42":280,"_157":25,"_40":281,"_13":282,"_35":36,"_37":283,"_24":25,"_160":-5,"_218":284,"_27":285},{"_45":268,"_33":269,"_31":270,"_155":184,"_43":44,"_42":271,"_157":60,"_40":272,"_13":65,"_35":36,"_37":273,"_24":25,"_160":-5,"_218":274,"_27":275},{"_45":258,"_33":259,"_31":58,"_155":184,"_43":44,"_42":260,"_157":25,"_40":261,"_13":262,"_35":263,"_37":264,"_24":25,"_160":265,"_218":266,"_27":267},{"_45":176,"_33":177,"_31":178,"_155":-5,"_43":44,"_42":165,"_157":60,"_40":255,"_13":65,"_35":180,"_37":-5,"_24":25,"_160":-5,"_218":256,"_27":257},{"_45":251,"_33":250,"_31":244,"_155":178,"_43":44,"_42":165,"_157":60,"_40":252,"_13":65,"_35":180,"_37":-5,"_24":25,"_160":-5,"_218":253,"_27":254},{"_45":241,"_33":242,"_31":243,"_155":244,"_43":44,"_42":245,"_157":25,"_40":246,"_13":189,"_35":36,"_37":247,"_24":25,"_160":-5,"_218":248,"_27":249},{"_45":234,"_33":235,"_31":236,"_155":178,"_43":44,"_42":165,"_157":25,"_40":237,"_13":65,"_35":20,"_37":238,"_24":25,"_160":-5,"_218":239,"_27":240},{"_45":227,"_33":228,"_31":229,"_155":178,"_43":44,"_42":165,"_157":25,"_40":230,"_13":65,"_35":36,"_37":231,"_24":25,"_160":-5,"_218":232,"_27":233},{"_45":169,"_33":170,"_31":171,"_155":-5,"_43":44,"_42":172,"_157":60,"_40":224,"_13":65,"_35":20,"_37":174,"_24":25,"_160":-5,"_218":225,"_27":226},{"_45":162,"_33":163,"_31":164,"_155":-5,"_43":44,"_42":165,"_157":25,"_40":221,"_13":65,"_35":20,"_37":167,"_24":25,"_160":-5,"_218":222,"_27":223},{"_45":152,"_33":153,"_31":154,"_155":-5,"_43":44,"_42":156,"_157":25,"_40":217,"_13":65,"_35":20,"_37":159,"_24":25,"_160":-5,"_218":219,"_27":220},["D",1749217924036],"children",[],[153],["D",1742830771958],[],[163],["D",1749217924014],[],[170],"2e31d9ec-08c6-11f0-95cf-569c3dd06744","index.tsx","74271529-7341-46c2-918a-f4b5c09c2d30",["D",1742830771958],"/** @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();",[],[177,228],"2e31d7d0-08c6-11f0-95cf-569c3dd06744","index.html","6d659e0e-bf7f-4f2b-87cf-3df60d4105a6",["D",1742830771958],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[177,235],"85883f16-08ca-11f0-8255-569c3dd06744","App.tsx","fec0ec8e-b4f4-4da7-884a-019af796678b","5258744f-43e2-420e-83ea-1ed323ddcf10",233,["D",1742832636509],"/** @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}",[],[177,250,242],"components","2e31d64a-08c6-11f0-95cf-569c3dd06744",["D",1742830771958],[211],[177,250],["D",1742830771958],[210,212,213],[177],"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",[],[183,259],"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",[],[183,269],"4da6dae0-08ce-11f0-b323-569c3dd06744","utils.ts","f5e17aa4-08cd-11f0-8d87-569c3dd06744","f4020d34-08cd-11f0-8d87-569c3dd06744",370,["D",1742834260747],32,"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 · v457