[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_369":370,"_371":372},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_109":87,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":122,"_123":124,"_125":25,"_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",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_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":25},"version",562,"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/index.ts","latestPath","fileId","76971c3b-c94e-4b49-b895-6b9840c6b2e4","name","index.ts","fileType","http","content","import { serveFile } from \"https://esm.town/v/std/utils@64-main/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { chromium } from \"npm:playwright-core\";\nimport { generateWebsite } from \"./ai/generator.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/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 // Connect to browser\n const browser = await chromium.connectOverCDP(\n `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","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\";\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/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 // Connect to browser with Puppeteer\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","createdAt",["D",1749235404283],"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","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":55,"_105":106,"_107":25},"branch",{"_13":86,"_32":87,"_44":43,"_88":45,"_89":90,"_91":92,"_93":51,"_94":95,"_96":97,"_98":46,"_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",{"_44":45,"_32":46,"_39":365,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_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":366,"_81":367,"_83":368,"_85":25},"tree",[198,211,216,217,218],"files",[198,199,200,201,202,203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218],"counts",{"_186":63,"_187":188,"_189":63,"_190":191,"_192":193},"contents",[145,146,147,148,149],"upstreamProject",{"_44":95,"_32":140,"_53":141,"_54":142,"_50":51,"_79":143},"upstreamBranch",{"_44":90,"_39":133,"_134":135,"_32":87,"_88":95,"_13":136,"_89":-5,"_91":-5,"_137":138,"_48":-5,"_85":25,"_50":51,"_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=1789581599&sig=be8c9241dcaf80ae72eff5d4763f3300ec6426a8bddc365a5efaae5f85e4dee1",{"_101":139,"_108":144},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789581599&sig=bed85510764f48a9de82762af4b4ce99c525d0ab75e5b57f327c71a53e183d4a",{"_44":181,"_32":182,"_30":183,"_153":-5,"_42":43,"_41":157,"_155":58,"_39":184,"_13":63,"_34":179,"_36":-5,"_24":25,"_159":-5,"_27":185},{"_44":175,"_32":176,"_30":177,"_153":-5,"_42":43,"_41":157,"_155":58,"_39":178,"_13":63,"_34":179,"_36":-5,"_24":25,"_159":-5,"_27":180},{"_44":168,"_32":169,"_30":170,"_153":-5,"_42":43,"_41":171,"_155":58,"_39":172,"_13":63,"_34":20,"_36":173,"_24":25,"_159":-5,"_27":174},{"_44":161,"_32":162,"_30":163,"_153":-5,"_42":43,"_41":164,"_155":25,"_39":165,"_13":157,"_34":20,"_36":166,"_24":25,"_159":-5,"_27":167},{"_44":150,"_32":151,"_30":152,"_153":-5,"_42":43,"_41":154,"_155":58,"_39":156,"_13":157,"_34":20,"_36":158,"_24":25,"_159":-5,"_27":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",{"_44":181,"_32":182,"_30":183,"_153":-5,"_42":43,"_41":157,"_155":58,"_39":362,"_13":63,"_34":179,"_36":-5,"_24":25,"_159":-5,"_220":363,"_27":364},{"_44":357,"_32":329,"_30":322,"_153":183,"_42":43,"_41":358,"_155":58,"_39":359,"_13":63,"_34":179,"_36":-5,"_24":25,"_159":-5,"_220":360,"_27":361},{"_44":348,"_32":349,"_30":350,"_153":322,"_42":43,"_41":351,"_155":25,"_39":352,"_13":353,"_34":234,"_36":354,"_24":25,"_159":-5,"_220":355,"_27":356},{"_44":339,"_32":340,"_30":341,"_153":322,"_42":43,"_41":342,"_155":25,"_39":343,"_13":344,"_34":234,"_36":345,"_24":25,"_159":-5,"_220":346,"_27":347},{"_44":330,"_32":331,"_30":332,"_153":322,"_42":43,"_41":333,"_155":25,"_39":334,"_13":335,"_34":234,"_36":336,"_24":25,"_159":-5,"_220":337,"_27":338},{"_44":319,"_32":320,"_30":321,"_153":322,"_42":43,"_41":323,"_155":25,"_39":324,"_13":325,"_34":234,"_36":326,"_24":25,"_159":-5,"_220":327,"_27":328},{"_44":314,"_32":296,"_30":290,"_153":183,"_42":43,"_41":315,"_155":58,"_39":316,"_13":63,"_34":179,"_36":-5,"_24":25,"_159":-5,"_220":317,"_27":318},{"_44":305,"_32":306,"_30":307,"_153":290,"_42":43,"_41":308,"_155":58,"_39":309,"_13":310,"_34":234,"_36":311,"_24":25,"_159":-5,"_220":312,"_27":313},{"_44":297,"_32":298,"_30":299,"_153":290,"_42":43,"_41":300,"_155":25,"_39":301,"_13":269,"_34":234,"_36":302,"_24":25,"_159":-5,"_220":303,"_27":304},{"_44":287,"_32":288,"_30":289,"_153":290,"_42":43,"_41":291,"_155":58,"_39":292,"_13":63,"_34":234,"_36":293,"_24":25,"_159":-5,"_220":294,"_27":295},{"_44":279,"_32":280,"_30":281,"_153":183,"_42":43,"_41":282,"_155":58,"_39":283,"_13":63,"_34":234,"_36":284,"_24":25,"_159":-5,"_220":285,"_27":286},{"_44":273,"_32":33,"_30":31,"_153":183,"_42":43,"_41":14,"_155":25,"_39":274,"_13":275,"_34":35,"_36":38,"_24":25,"_159":276,"_220":277,"_27":278},{"_44":264,"_32":265,"_30":266,"_153":183,"_42":43,"_41":267,"_155":58,"_39":268,"_13":269,"_34":234,"_36":270,"_24":25,"_159":-5,"_220":271,"_27":272},{"_44":175,"_32":176,"_30":177,"_153":-5,"_42":43,"_41":157,"_155":58,"_39":261,"_13":63,"_34":179,"_36":-5,"_24":25,"_159":-5,"_220":262,"_27":263},{"_44":257,"_32":256,"_30":249,"_153":177,"_42":43,"_41":157,"_155":58,"_39":258,"_13":63,"_34":179,"_36":-5,"_24":25,"_159":-5,"_220":259,"_27":260},{"_44":246,"_32":247,"_30":248,"_153":249,"_42":43,"_41":250,"_155":25,"_39":251,"_13":252,"_34":234,"_36":253,"_24":25,"_159":-5,"_220":254,"_27":255},{"_44":238,"_32":239,"_30":240,"_153":177,"_42":43,"_41":241,"_155":25,"_39":242,"_13":196,"_34":20,"_36":243,"_24":25,"_159":-5,"_220":244,"_27":245},{"_44":229,"_32":230,"_30":231,"_153":177,"_42":43,"_41":232,"_155":58,"_39":233,"_13":157,"_34":234,"_36":235,"_24":25,"_159":-5,"_220":236,"_27":237},{"_44":168,"_32":169,"_30":170,"_153":-5,"_42":43,"_41":171,"_155":58,"_39":226,"_13":63,"_34":20,"_36":173,"_24":25,"_159":-5,"_220":227,"_27":228},{"_44":161,"_32":162,"_30":163,"_153":-5,"_42":43,"_41":164,"_155":25,"_39":223,"_13":157,"_34":20,"_36":166,"_24":25,"_159":-5,"_220":224,"_27":225},{"_44":150,"_32":151,"_30":152,"_153":-5,"_42":43,"_41":154,"_155":58,"_39":219,"_13":157,"_34":20,"_36":158,"_24":25,"_159":-5,"_220":221,"_27":222},["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],"script","/** @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,230],"28b6ddc2-4305-11f0-be49-76b3cceeab13","index.html","6d659e0e-bf7f-4f2b-87cf-3df60d4105a6",555,["D",1749234988536],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n\n",[],[176,239],"37158e68-4305-11f0-9339-76b3cceeab13","App.tsx","fec0ec8e-b4f4-4da7-884a-019af796678b","5258744f-43e2-420e-83ea-1ed323ddcf10",556,["D",1749235012645],9,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n const [url, setUrl] = useState(\"\");\n const [websiteName, setWebsiteName] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [result, setResult] = useState<\n { success: boolean; valId?: string; error?: string } | null\n >(null);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!url || !websiteName) return;\n\n setLoading(true);\n setResult(null);\n\n try {\n const response = await fetch(\"/api/generate-website\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ url, websiteName }),\n });\n\n const data = await response.json();\n setResult(data);\n } catch {\n setResult({ success: false, error: \"Failed to generate website\" });\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

ApiIfy

Generate a website with API from any URL

\n\n

\n setUrl(e.target.value)}\n placeholder=\"Enter website URL\"\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 setWebsiteName(e.target.value)}\n placeholder=\"Website name\"\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 {loading ? \"Generating...\" : \"Generate\"}\n \n \n\n {result && (\n

\n {result.success ? (\n

Success! Website created: {result.valId}

\n \n View Website\n \n

\n ) : (\n

Error: {result.error}

\n )}\n

\n );\n}\n",[],[176,256,247],"components","2e31d64a-08c6-11f0-95cf-569c3dd06744",["D",1742830771958],[213],[176,256],["D",1742830771958],[212,214,215],[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,265],"2084d0fe-4306-11f0-9389-76b3cceeab13",["D",1749235404283],39,"apiify",[],[182,33],"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,280],"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 · v562