[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_159":160,"_161":162},"routes/_app.x.$handle.$name",{"_102":101,"_37":49,"_110":92,"_32":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_26":-5,"_122":-5,"_123":-5,"_124":30,"_125":126,"_127":62,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_47":48,"_37":49,"_42":50,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":-5,"_19":59,"_60":36,"_61":62,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":30},"version",1,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","4e1f85a0-0c01-40db-aa5f-69cfcef9244c","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":33,"_38":39,"_40":41,"_42":43,"_44":14,"_45":46,"_29":30},"previous","deleted",false,"deletedHere","path","main.ts","latestPath","fileId","c257a018-adc3-11f1-b394-1607ee4eb77e","name","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","createdAt",["D",1789119171584],"branchVersion","branchId","00c8f486-aab8-466c-969c-919237f8899f","id","4020fe65-9e78-4b88-816f-2c99077c09f2","ecommerce-app",["D",1789119163997],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Simple ecommerce demo storefront","imageUrl","f64a1e57-491d-41db-9ce8-a18a2ab45e18","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"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",{"_102":101,"_109":105},"org",{"_102":101,"_103":101,"_104":105,"_19":59,"_106":107,"_108":30},"branch",{"_13":14,"_37":92,"_47":46,"_93":48,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":49,"_100":101},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","thimbunhuv","handle","displayName","avatar","https://avatars.githubusercontent.com/u/151597175?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_47":48,"_37":49,"_42":154,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":-5,"_19":59,"_60":36,"_61":62,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":70,"_71":72,"_73":155,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":156,"_87":157,"_89":158,"_91":30},"tree",[149],"files",[149],"counts",{"_139":66,"_140":14,"_141":66,"_142":143,"_144":145},"contents",[132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_47":133,"_37":33,"_35":36,"_134":-5,"_45":46,"_44":14,"_135":62,"_42":136,"_13":66,"_38":39,"_40":41,"_29":30,"_137":-5,"_32":138},"57474b9f-f26f-432a-a865-d5822b1bbfc9","parentId","latest",["D",1789119171584],"label",[33],"pulls","branches","forks","envVars",{"_146":66,"_148":66},"connections",{"_146":66,"_147":66},"count","unfilledCount","emptyCount",{"_47":133,"_37":33,"_35":36,"_134":-5,"_45":46,"_44":14,"_135":62,"_42":150,"_13":66,"_38":39,"_40":41,"_29":30,"_137":-5,"_151":152,"_32":153},["D",1789119171584],"children",[],[33],["D",1789119163997],["D",1789467027352],{"_102":101,"_109":105},{"_102":101,"_103":101,"_104":105,"_19":59,"_106":107,"_108":30},{"_13":14,"_37":92,"_47":46,"_93":48,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":49,"_100":101},"ctx",{"_85":-5,"_129":192,"_193":194,"_195":196,"_197":30,"_198":30,"_199":30,"_200":62,"_201":-5,"_202":-7,"_203":-7,"_204":66,"_205":30,"_206":30,"_207":-5,"_208":30,"_209":30,"_210":30,"_211":-5},"ENV",{"_163":164,"_165":166,"_167":92,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191},"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"]

Diff · v1