[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_301":302,"_303":304},"routes/_app.x.$handle.$name",{"_102":101,"_33":47,"_110":88,"_28":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":123,"_124":125,"_126":27,"_127":128,"_129":25,"_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",{"_45":46,"_33":47,"_40":48,"_49":-5,"_50":27,"_51":52,"_53":52,"_54":-5,"_55":-5,"_18":56,"_57":58,"_59":25,"_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":27},"version",321,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":29},"file",{"_31":32,"_33":34,"_35":36,"_37":39,"_40":41,"_42":14,"_43":44,"_24":27},"previous",{"_31":32,"_33":34,"_35":36,"_37":38},"deleted",true,"deletedHere",false,"path","backend/valtown.ts","latestPath","fileId","6fbdd6fc-08cd-11f0-a62e-569c3dd06744","name","valtown.ts","fileType","script","content","import ValTown from \"jsr:@valtown/sdk\";\n\nconst vt = new ValTown();\n\nexport const WEBSITE_SCRAPER_TEMPLATE = {\n user: \"wolf\",\n name: \"websiteScraperTemplate\",\n branch: \"main\",\n};\n\n// Function to list all branches and find the specified branch ID\nasync function findBranchId(projectId: string, branchName: string) {\n for await (\n const branchListResponse of vt.projects.branches.list(projectId, {\n limit: 100,\n offset: 0,\n })\n ) {\n const branch = branchListResponse.name === branchName);\n if (branch) {\n return branch.id;\n }\n }\n throw new Error(`Branch '${branchName}' not found`);\n}\n\n// Function to fork a branch\nasync function forkBranch(projectId: string, newBranchName: string, sourceBranchId: string) {\n return await vt.projects.branches.create(projectId, {\n name: newBranchName,\n branchId: sourceBranchId,\n });\n}\n\nexport async function createNewScraperProject(newBranchName: string) {\n // Retrieve the project ID\n const projectId = await vt.alias.username.projectName.retrieve(\n WEBSITE_SCRAPER_TEMPLATE.user,\n WEBSITE_SCRAPER_TEMPLATE.name,\n );\n\n // Find the branch ID for the template branch\n const templateBranchId = await findBranchId(\n projectId,\n WEBSITE_SCRAPER_TEMPLATE.branch,\n );\n\n // Fork the new branch using the template branch as the source\n const newBranch = await forkBranch(\n projectId,\n newBranchName,\n templateBranchId,\n );\n\n console.log(`New branch created with ID: ${newBranch.id}`);\n}\n\n// Example usage\nconst newBranchName = \"my-new-branch\"; // Replace this with user input as needed\ncreateNewScraperProject(newBranchName).catch(console.error);\n","import ValTown from \"jsr:@valtown/sdk\";\n\nconst vt = new ValTown();\n\nexport const WEBSITE_SCRAPER_TEMPLATE = {\n user: \"wolf\",\n name: \"websiteScraperTemplate\",\n branch: \"main\",\n};\n\n// Function to list all branches and find the specified branch ID\nasync function findBranchId(projectId: string, branchName: string) {\n for await (\n const branchListResponse of vt.projects.branches.list(projectId, {\n limit: 100,\n offset: 0,\n })\n ) {\n const branch = branchListResponse.name === branchName;\n if (branch) {\n return branch.id;\n }\n }\n throw new Error(`Branch '${branchName}' not found`);\n}\n\n// Function to fork a branch\nasync function forkBranch(\n projectId: string,\n newBranchName: string,\n sourceBranchId: string,\n) {\n return await vt.projects.branches.create(projectId, {\n name: newBranchName,\n branchId: sourceBranchId,\n });\n}\n\nexport async function createNewScraperProject(newBranchName: string) {\n // Retrieve the project ID\n const projectId = await vt.alias.username.projectName.retrieve(\n WEBSITE_SCRAPER_TEMPLATE.user,\n WEBSITE_SCRAPER_TEMPLATE.name,\n );\n\n // Find the branch ID for the template branch\n const templateBranchId = await findBranchId(\n projectId,\n WEBSITE_SCRAPER_TEMPLATE.branch,\n );\n\n // Fork the new branch using the template branch as the source\n const newBranch = await forkBranch(\n projectId,\n newBranchName,\n templateBranchId,\n );\n\n console.log(`New branch created with ID: ${newBranch.id}`);\n}\n\n// Example usage\nconst newBranchName = \"my-new-branch\"; // Replace this with user input as needed\ncreateNewScraperProject(newBranchName).catch(console.error);\n","createdAt",["D",1742834049244],"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","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":56,"_106":107,"_108":27},"branch",{"_13":87,"_33":88,"_45":44,"_89":46,"_90":91,"_92":93,"_94":52,"_95":96,"_97":98,"_99":47,"_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",{"_45":46,"_33":47,"_40":297,"_49":-5,"_50":27,"_51":52,"_53":52,"_54":-5,"_55":-5,"_18":56,"_57":58,"_59":25,"_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":298,"_82":299,"_84":300,"_86":27},"tree",[182,191,196],"files",[182,183,184,185,186,187,188,189,190,191,192,193,194,195,196],"counts",{"_170":64,"_171":172,"_173":64,"_174":175,"_176":177},"contents",[146,147,148],"upstreamProject",{"_45":96,"_33":141,"_54":142,"_55":143,"_51":52,"_80":144},"upstreamBranch",{"_45":91,"_40":134,"_135":136,"_33":88,"_89":96,"_13":137,"_90":-5,"_92":-5,"_138":139,"_49":-5,"_86":27,"_51":52,"_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=1789591998&sig=5da65a1923e86639bf507fbf7e09d7a4b517aa8521d3faf111f609b6123eea7a",{"_102":140,"_109":145},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789591998&sig=178a94c114684997751daaed349c5b1871409ed548c5b7373f426bc5d53e7d33",{"_45":165,"_33":166,"_31":167,"_152":-5,"_43":44,"_42":153,"_154":25,"_40":168,"_13":64,"_35":163,"_37":-5,"_24":27,"_157":-5,"_28":169},{"_45":159,"_33":160,"_31":161,"_152":-5,"_43":44,"_42":153,"_154":25,"_40":162,"_13":64,"_35":163,"_37":-5,"_24":27,"_157":-5,"_28":164},{"_45":149,"_33":150,"_31":151,"_152":-5,"_43":44,"_42":153,"_154":27,"_40":155,"_13":64,"_35":20,"_37":156,"_24":27,"_157":-5,"_28":158},"2e31f31e-08c6-11f0-95cf-569c3dd06744","README.md","b955ae38-8d6a-4999-885a-f02401a5a57c","parentId",1,"latest",["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.","label",[150],"2e31f134-08c6-11f0-95cf-569c3dd06744","frontend","ace2be34-3b25-41f0-98a9-deaf2a37046f",["D",1742830771958],"directory",[160],"2e31d258-08c6-11f0-95cf-569c3dd06744","backend","c42583f7-b9a9-4128-8e16-b83c81558d23",["D",1742830771958],[166],"pulls","branches",2,"forks","envVars",{"_178":180,"_181":64},"connections",{"_178":64,"_179":64},"count","unfilledCount",3,"emptyCount",{"_45":165,"_33":166,"_31":167,"_152":-5,"_43":44,"_42":153,"_154":25,"_40":294,"_13":64,"_35":163,"_37":-5,"_24":27,"_157":-5,"_198":295,"_28":296},{"_45":289,"_33":266,"_31":259,"_152":167,"_43":44,"_42":290,"_154":25,"_40":291,"_13":64,"_35":163,"_37":-5,"_24":27,"_157":-5,"_198":292,"_28":293},{"_45":284,"_33":283,"_31":277,"_152":259,"_43":44,"_42":285,"_154":27,"_40":286,"_13":64,"_35":163,"_37":-5,"_24":27,"_157":-5,"_198":287,"_28":288},{"_45":274,"_33":275,"_31":276,"_152":277,"_43":44,"_42":278,"_154":27,"_40":279,"_13":64,"_35":20,"_37":280,"_24":27,"_157":-5,"_198":281,"_28":282},{"_45":267,"_33":268,"_31":269,"_152":259,"_43":44,"_42":270,"_154":27,"_40":271,"_13":64,"_35":36,"_37":111,"_24":27,"_157":-5,"_198":272,"_28":273},{"_45":256,"_33":257,"_31":258,"_152":259,"_43":44,"_42":260,"_154":27,"_40":261,"_13":262,"_35":36,"_37":263,"_24":27,"_157":-5,"_198":264,"_28":265},{"_45":247,"_33":248,"_31":58,"_152":167,"_43":44,"_42":249,"_154":27,"_40":250,"_13":251,"_35":243,"_37":252,"_24":27,"_157":253,"_198":254,"_28":255},{"_45":237,"_33":238,"_31":239,"_152":167,"_43":44,"_42":240,"_154":27,"_40":241,"_13":242,"_35":243,"_37":244,"_24":27,"_157":-5,"_198":245,"_28":246},{"_45":232,"_33":34,"_31":32,"_152":167,"_43":44,"_42":14,"_154":27,"_40":233,"_13":234,"_35":36,"_37":39,"_24":27,"_157":-5,"_198":235,"_28":236},{"_45":159,"_33":160,"_31":161,"_152":-5,"_43":44,"_42":153,"_154":25,"_40":229,"_13":64,"_35":163,"_37":-5,"_24":27,"_157":-5,"_198":230,"_28":231},{"_45":225,"_33":224,"_31":218,"_152":161,"_43":44,"_42":153,"_154":25,"_40":226,"_13":64,"_35":163,"_37":-5,"_24":27,"_157":-5,"_198":227,"_28":228},{"_45":215,"_33":216,"_31":217,"_152":218,"_43":44,"_42":219,"_154":27,"_40":220,"_13":172,"_35":36,"_37":221,"_24":27,"_157":-5,"_198":222,"_28":223},{"_45":208,"_33":209,"_31":210,"_152":161,"_43":44,"_42":153,"_154":27,"_40":211,"_13":64,"_35":20,"_37":212,"_24":27,"_157":-5,"_198":213,"_28":214},{"_45":201,"_33":202,"_31":203,"_152":161,"_43":44,"_42":153,"_154":27,"_40":204,"_13":64,"_35":36,"_37":205,"_24":27,"_157":-5,"_198":206,"_28":207},{"_45":149,"_33":150,"_31":151,"_152":-5,"_43":44,"_42":153,"_154":27,"_40":197,"_13":64,"_35":20,"_37":156,"_24":27,"_157":-5,"_198":199,"_28":200},["D",1742830771958],"children",[],[150],"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();",[],[160,202],"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",[],[160,209],"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}",[],[160,224,216],"components","2e31d64a-08c6-11f0-95cf-569c3dd06744",["D",1742830771958],[193],[160,224],["D",1742830771958],[192,194,195],[160],"cf9624c6-08cd-11f0-a971-569c3dd06744",["D",1742834049244],26,[],[166,34],"de45de42-08ca-11f0-b783-569c3dd06744","template.ts","bcb26a62-08c9-11f0-b3c4-569c3dd06744",242,["D",1742832785387],22,"http","import { z } from \"npm:@hono/zod-openapi\";\nimport { OpenAPIHono } from \"npm:@hono/zod-openapi\";\nimport { createRoute } from \"npm:@hono/zod-openapi\";\nimport { createFiberplane } from \"npm:@fiberplane/hono\";\n\n// Define the schema for the parameters for the /greet route\nconst GreetParamsSchema = z.object({\n name: z\n .string()\n .min(1)\n .openapi({\n param: {\n name: \"name\",\n in: \"path\",\n },\n example: \"John\",\n }),\n});\n\n// Define the schema for the response of the /greet route\nconst GreetResponseSchema = z.object({\n message: z.string().openapi({\n example: \"hello John!\",\n }),\n});\n\n// Create the /greet route\nconst greetRoute = createRoute({\n method: \"get\",\n path: \"/greet/{name}\",\n request: {\n params: GreetParamsSchema,\n },\n responses: {\n 200: {\n content: {\n \"application/json\": {\n schema: GreetResponseSchema,\n },\n },\n description: \"Greet the user by name\",\n },\n },\n});\n\nconst app = new OpenAPIHono();\n\n// Define the /greet endpoint logic\napp.openapi(greetRoute, (c) => {\n const { name } = c.req.valid(\"param\");\n return c.json({\n message: `hello ${name}!`,\n });\n});\n\n// Document the API specification\napp.doc(\"/openapi.json\", {\n openapi: \"3.0.0\",\n info: {\n version: \"1.0.0\",\n title: \"Simple Greeting API\",\n },\n});\n\n// Add the fiberplane UI\napp.use(\n \"/\",\n createFiberplane({\n openapi: { url: \"/openapi.json\" },\n }),\n);\n\nexport default app.fetch;\n",[],[166,238],"2aa78d38-08c8-11f0-b501-569c3dd06744","index.ts",139,["D",1742831625046],33,"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\n","apiify",[],[166,248],"227e5628-08c8-11f0-bd7b-569c3dd06744","tools.ts","16b36e0a-08c8-11f0-9aa1-569c3dd06744","14e9dcee-08c8-11f0-a5e5-569c3dd06744",136,["D",1742831611354],6,"import { readFile } from \"https://esm.town/v/std/utils@71-main/index.ts\";\nimport { tool } from \"npm:ai\";\nimport { z } from \"npm:zod\";\n\nexport const queryUrl = tool({\n description: \"Query a URL\",\n parameters: z.object({\n url: z.string().describe(\"A website or resource URL.\"),\n }),\n execute: async ({ url }) => {\n console.log(`[QUERYING]: ${url}`);\n\n const res = await fetch(url);\n\n return { success: true, message: res };\n },\n});\n\nconst system = await readFile(\"/backend/system_prompt.txt\", import.meta.url);\n",[],[166,266,257],"ai","2ed418c2-08c8-11f0-98bc-569c3dd06744","system.ts","2ed41976-08c8-11f0-98bc-569c3dd06744",140,["D",1742831632026],[],[166,266,268],"759c4bbc-08c8-11f0-85ad-569c3dd06744","system.txt","759c4c98-08c8-11f0-85ad-569c3dd06744","1a57b1c4-08c8-11f0-a88e-569c3dd06744",153,["D",1742831750809],"You are an experienced software engineer who focuses on webscraping as a way to provide people with easy access to useful information.\n\nYou are given a URL to a website, and create an API for accessing that website's data through a beautiful typed json interface.\n",[],[166,266,283,275],"prompts","1a57b106-08c8-11f0-a88e-569c3dd06744",129,["D",1742831597684],[185],[166,266,283],"14e9dc1c-08c8-11f0-a5e5-569c3dd06744",126,["D",1742831588578],[184,186,187],[166,266],["D",1742830771958],[183,188,189,190],[166],["D",1742830771958],{"_102":101,"_109":105},{"_102":101,"_103":-5,"_104":105,"_18":56,"_106":107,"_108":27},{"_13":87,"_33":88,"_45":44,"_89":46,"_90":91,"_92":93,"_94":52,"_95":96,"_97":98,"_99":47,"_100":101},"ctx",{"_80":-5,"_131":334,"_335":336,"_337":338,"_339":27,"_340":27,"_341":27,"_342":25,"_343":-5,"_344":-7,"_345":-7,"_346":64,"_347":27,"_348":27,"_349":-5,"_350":27,"_351":27,"_352":27,"_353":-5},"ENV",{"_305":306,"_307":308,"_309":88,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v321