[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_155":156,"_157":158},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_118":-5,"_20":119,"_22":120,"_121":122,"_123":124,"_25":125,"_24":-5,"_126":-5,"_127":-5,"_128":53,"_129":130,"_131":44,"_132":-5,"_133":-5,"_134":135},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","thimbunhuv","name","ecommerce-app","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":69,"_70":-5,"_71":72,"_73":37,"_74":44,"_75":-5,"_76":-5,"_77":47,"_78":79,"_80":81,"_82":83,"_84":85,"_86":-5,"_87":88,"_89":88,"_90":91,"_92":91,"_93":91,"_94":88,"_95":88,"_96":97,"_98":99,"_100":101,"_102":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":55},"id","57474b9f-f26f-432a-a865-d5822b1bbfc9","main.ts","fileId","c257a018-adc3-11f1-b394-1607ee4eb77e","parentId","branchId","00c8f486-aab8-466c-969c-919237f8899f","branchVersion",1,"latest",true,"createdAt",["D",1789119171584],0,"fileType","http","content","const products = [\n { id: 1, name: \"Wireless Headphones\", price: 89.99, emoji: \"🎧\" },\n { id: 2, name: \"Mechanical Keyboard\", price: 129.99, emoji: \"⌨️\" },\n { id: 3, name: \"Smart Watch\", price: 199.99, emoji: \"⌚\" },\n { id: 4, name: \"Desk Lamp\", price: 34.99, emoji: \"💡\" },\n { id: 5, name: \"Coffee Mug\", price: 14.99, emoji: \"☕\" },\n];\n\nconst style = `\n body { font-family: -apple-system, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; background: #f7f7f8; }\n h1 { text-align: center; }\n .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }\n .card { background: white; border-radius: 12px; padding: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); text-align: center; }\n .emoji { font-size: 48px; }\n .price { font-weight: 600; color: #1a7f37; }\n button { background: #24292f; color: white; border: none; padding: 8px 16px; border-radius: 6px; cursor: pointer; }\n .cart { text-align: center; margin-top: 24px; font-size: 18px; }\n`;\n\nlet cart: { id: number; qty: number }[] = [];\n\nfunction html() {\n const cartLines = cart.map((c) => {\n const p = products.find((x) => x.id === c.id)!;\n return `${c.qty} × ${p.name} — $${(p.price * c.qty).toFixed(2)}`;\n });\n const total = cart.reduce((s, c) => {\n const p = products.find((x) => x.id === c.id)!;\n return s + p.price * c.qty;\n }, 0);\n return `My Shop\n

🛍️ My Shop

\n ${products.map((p) => `\n

${p.emoji}

${p.name}

$${p.price.toFixed(2)}

\n \n

`).join(\"\")}\n

\n Cart: ${cartLines.length ? cartLines.join(\", \") : \"empty\"}\n ${cart.length ? `

Total: $${total.toFixed(2)}

\n ` : \"\"}\n

\n `;\n}\n\nexport default function handler(req: Request) {\n const url = new URL(req.url);\n\n if (req.method === \"POST\" && url.pathname === \"/add\") {\n const params = new URLSearchParams(req.body === null ? \"\" : req.text().toString());\n // parse form body\n const id = Number(String(req.body).split(\"=\")[1]);\n const item = cart.find((c) => c.id === id);\n if (item) item.qty++;\n else cart.push({ id, qty: 1 });\n return Response.redirect(url.origin);\n }\n\n if (req.method === \"POST\" && url.pathname === \"/checkout\") {\n cart = [];\n return new Response(\n `Thanks!\n

✅ Order placed!

Thanks for your purchase (demo).

\n Back to shop

`,\n { headers: { \"content-type\": \"text/html\" } },\n );\n }\n\n return new Response(html(), { headers: { \"content-type\": \"text/html\" } });\n}\n","deleted",false,"label",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":59,"_18":60},["D",1789119171584],"children",[],[35],"4020fe65-9e78-4b88-816f-2c99077c09f2",["D",1789119163997],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Simple ecommerce demo storefront","imageUrl","userId","f64a1e57-491d-41db-9ce8-a18a2ab45e18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","01a08fcf-5ebc-76ac-a0ab-95cf3f9c845c","tursoName","4020fe659e784b88816f2c99077c09f2","tursoHostname","4020fe659e784b88816f2c99077c09f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789467027352],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_117":113},"org",{"_11":12,"_111":12,"_112":113,"_71":72,"_114":115,"_116":53},"branch",{"_17":42,"_13":16,"_33":40,"_103":61,"_104":-5,"_105":-5,"_106":-5,"_107":-5,"_108":-5,"_109":14,"_110":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://avatars.githubusercontent.com/u/151597175?v=4","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":150,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":69,"_70":-5,"_71":72,"_73":37,"_74":44,"_75":-5,"_76":-5,"_77":47,"_78":79,"_80":81,"_82":83,"_84":151,"_86":-5,"_87":88,"_89":88,"_90":91,"_92":91,"_93":91,"_94":88,"_95":88,"_96":152,"_98":153,"_100":154,"_102":53},[147],"files",[147],"counts",{"_138":47,"_139":42,"_140":47,"_31":141,"_142":143},[136],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":137},[35],"pulls","branches","forks",{"_144":47,"_146":47},"connections",{"_144":47,"_145":47},"count","unfilledCount","emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":148,"_18":149},[],[35],["D",1789119163997],["D",1789467027352],{"_11":12,"_117":113},{"_11":12,"_111":12,"_112":113,"_71":72,"_114":115,"_116":53},{"_17":42,"_13":16,"_33":40,"_103":61,"_104":-5,"_105":-5,"_106":-5,"_107":-5,"_108":-5,"_109":14,"_110":12},"ctx",{"_96":-5,"_133":188,"_189":190,"_191":192,"_193":53,"_194":53,"_195":53,"_196":44,"_197":-5,"_198":-7,"_199":-7,"_200":47,"_201":53,"_202":53,"_203":-5,"_204":53,"_205":53,"_206":53,"_207":-5},"ENV",{"_159":160,"_161":162,"_163":16,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Code