\n \n\n\n",[],[111,139],"83ed44a2-6658-42e5-888f-b3d969e297d8","App.tsx","ec678876-623e-11f1-ad12-1607ee4eb77e",14,["D",1780815781883],"import React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { useCart, type Product } from \"./store.ts\";\nimport { Catalog } from \"./components/Catalog.tsx\";\nimport { Cart } from \"./components/Cart.tsx\";\nimport { Checkout } from \"./components/Checkout.tsx\";\nimport { Success } from \"./components/Success.tsx\";\n\ntype View = \"catalog\" | \"cart\" | \"checkout\" | \"success\";\n\nexport function App() {\n const [products, setProducts] = useState([]);\n const [stripeEnabled, setStripeEnabled] = useState(false);\n const [view, setView] = useState(\"catalog\");\n const [orderId, setOrderId] = useState(\"\");\n const [loading, setLoading] = useState(true);\n const cart = useCart();\n\n useEffect(() => {\n // If Stripe redirected back with ?order=..., show the success page.\n const params = new URLSearchParams(location.search);\n const returned = params.get(\"order\");\n if (location.pathname === \"/success\" && returned) {\n setOrderId(returned);\n setView(\"success\");\n cart.clear();\n history.replaceState({}, \"\", \"/\");\n }\n fetch(\"/api/products\")\n .then((r) => r.json())\n .then((d) => {\n setProducts(d.products || []);\n setStripeEnabled(!!d.stripeEnabled);\n })\n .finally(() => setLoading(false));\n }, []);\n\n function goPaid(id: string) {\n setOrderId(id);\n cart.clear();\n setView(\"success\");\n window.scrollTo(0, 0);\n }\n\n return (\n

\n \n setView(\"cart\")}\n className=\"relative px-3 py-2 rounded-lg hover:bg-slate-100 transition font-medium\"\n >\n 🛒 Cart\n {cart.count > 0 && (\n \n {cart.count}\n \n )}\n \n

\n\n

\n {loading\n ?

Loading store…

\n : view === \"catalog\"\n ? \n : view === \"cart\"\n ? (\n setView(\"checkout\")}\n onContinue={() => setView(\"catalog\")}\n />\n )\n : view === \"checkout\"\n ? (\n setView(\"cart\")}\n onPaid={goPaid}\n />\n )\n : setView(\"catalog\")} />}\n

\n\n \n

\n );\n}\n",[],[111,146],"a801c42d-e3a2-4980-92d6-116ba75e0053","components","983dfad0-7db6-4154-8c76-02e43546023d",10,["D",1780815728191],[160,161,162,163],[111,154],{"_36":187,"_13":188,"_39":189,"_41":155,"_43":44,"_45":190,"_47":48,"_49":191,"_17":51,"_52":53,"_54":192,"_56":57,"_58":-5,"_89":193,"_18":194},{"_36":180,"_13":181,"_39":182,"_41":155,"_43":44,"_45":156,"_47":48,"_49":183,"_17":51,"_52":53,"_54":184,"_56":57,"_58":-5,"_89":185,"_18":186},{"_36":172,"_13":173,"_39":174,"_41":155,"_43":44,"_45":175,"_47":48,"_49":176,"_17":51,"_52":53,"_54":177,"_56":57,"_58":-5,"_89":178,"_18":179},{"_36":164,"_13":165,"_39":166,"_41":155,"_43":44,"_45":167,"_47":48,"_49":168,"_17":51,"_52":53,"_54":169,"_56":57,"_58":-5,"_89":170,"_18":171},"96bc0a70-0fce-4781-9d56-5ff58a4f3f95","Success.tsx","e3f4f70a-623e-11f1-91ac-1607ee4eb77e",13,["D",1780815767681],"import React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { money } from \"../store.ts\";\n\ninterface OrderData {\n order: { id: string; name: string; email: string; total_cents: number; status: string };\n items: { name: string; quantity: number; price_cents: number }[];\n}\n\nexport function Success({ orderId, onHome }: { orderId: string; onHome: () => void }) {\n const [data, setData] = useState(null);\n const [error, setError] = useState(\"\");\n\n useEffect(() => {\n fetch(`/api/order/${orderId}`)\n .then((r) => r.json())\n .then((d) => (d.error ? setError(d.error) : setData(d)))\n .catch(() => setError(\"Could not load your order.\"));\n }, [orderId]);\n\n return (\n

🎉

Thank you!

\n Your order #{orderId} is confirmed.\n

\n\n {error &&

{error}

}\n\n {data && (\n

\n {data.items.map((it, i) => (\n

\n {it.name} × {it.quantity}\n {money(it.price_cents * it.quantity)}\n

\n ))}\n

\n Total paid\n {money(data.order.total_cents)}\n

\n A receipt was sent to {data.order.email}. Shipping to {data.order.name}.\n

\n )}\n\n \n Continue shopping\n \n

\n );\n}\n",[],[111,154,165],"bc9a4524-1131-4de2-aa3f-dae154274e82","Checkout.tsx","df2d389a-623e-11f1-be3d-1607ee4eb77e",12,["D",1780815759688],"import React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { money, type CartLine, type Product } from \"../store.ts\";\n\nexport function Checkout(\n { cart, products, stripeEnabled, onBack, onPaid }: {\n cart: CartLine[];\n products: Product[];\n stripeEnabled: boolean;\n onBack: () => void;\n onPaid: (orderId: string) => void;\n },\n) {\n const [name, setName] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n const [address, setAddress] = useState(\"\");\n const [busy, setBusy] = useState(false);\n const [error, setError] = useState(\"\");\n\n const byId = new Map(products.map((p) => [p.id, p]));\n const lines = cart\n .map((l) => ({ line: l, product: byId.get(l.id) }))\n .filter((x) => x.product) as { line: CartLine; product: Product }[];\n const total = lines.reduce((s, x) => s + x.product.price_cents * x.line.quantity, 0);\n\n async function pay(e: React.FormEvent) {\n e.preventDefault();\n setBusy(true);\n setError(\"\");\n try {\n const res = await fetch(\"/api/checkout\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ cart, name, email, address }),\n });\n const data = await res.json();\n if (!res.ok) throw new Error(data.error || \"Checkout failed\");\n if (data.mode === \"stripe\") {\n window.location.href = data.checkoutUrl; // redirect to Stripe\n } else {\n onPaid(data.orderId);\n }\n } catch (err) {\n setError(err instanceof Error ? err.message : \"Something went wrong\");\n setBusy(false);\n }\n }\n\n return (\n

Shipping & contact

\n \n \n

\n Shipping address\n setAddress(e.target.value)}\n placeholder=\"123 Main St, Springfield, USA\"\n className=\"w-full rounded-lg border border-slate-200 px-3 py-2 outline-none focus:ring-2 focus:ring-indigo-500 h-24 resize-none\"\n />\n

\n\n {error &&

{error}

}\n\n

\n {stripeEnabled\n ? \"🔒 Secure payments by Stripe — you'll be redirected to enter card details.\"\n : \"🧪 Demo mode — no Stripe key set, so the payment is simulated. Add STRIPE_SECRET_KEY to go live.\"}\n

\n\n \n {busy ? \"Processing…\" : stripeEnabled ? `Pay ${money(total)} with card` : `Pay ${money(total)} (demo)`}\n \n \n \n\n

Order summary

\n {lines.map(({ line, product }) => (\n

\n {product.emoji}\n {product.name} × {line.quantity}\n {money(product.price_cents * line.quantity)}\n

\n ))}\n

\n Total\n {money(total)}\n

\n );\n}\n\nfunction Field(\n { label, value, onChange, placeholder, type = \"text\" }: {\n label: string;\n value: string;\n onChange: (v: string) => void;\n placeholder?: string;\n type?: string;\n },\n) {\n return (\n

\n {label}\n onChange(e.target.value)}\n className=\"w-full rounded-lg border border-slate-200 px-3 py-2 outline-none focus:ring-2 focus:ring-indigo-500\"\n />\n

\n );\n}\n",[],[111,154,173],"5c4529f9-a756-462b-840f-0e06a43a7235","Catalog.tsx","cc6736f2-623e-11f1-be3d-1607ee4eb77e",["D",1780815728191],"import React from \"https://esm.sh/react@18.2.0\";\nimport { money, type Product } from \"../store.ts\";\n\nexport function Catalog(\n { products, onAdd }: { products: Product[]; onAdd: (id: number) => void },\n) {\n return (\n

\n Gear that just works\n

\n Thoughtfully designed everyday products. Free shipping over $100.\n

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

\n {p.emoji}\n

{p.name}

{p.description}

\n {money(p.price_cents)}\n onAdd(p.id)}\n className=\"px-4 py-2 rounded-lg bg-indigo-600 text-white text-sm font-semibold hover:bg-indigo-700 active:scale-95 transition\"\n >\n Add to cart\n \n

\n ))}\n

\n \n );\n}\n",[],[111,154,181],"d4beb8c1-5b61-4ac2-aa6c-c73d387abb68","Cart.tsx","d3244e6c-623e-11f1-be3d-1607ee4eb77e",11,["D",1780815739498],"import React from \"https://esm.sh/react@18.2.0\";\nimport { money, type CartLine, type Product } from \"../store.ts\";\n\nexport function Cart(\n { cart, products, setQty, remove, onCheckout, onContinue }: {\n cart: CartLine[];\n products: Product[];\n setQty: (id: number, q: number) => void;\n remove: (id: number) => void;\n onCheckout: () => void;\n onContinue: () => void;\n },\n) {\n const byId = new Map(products.map((p) => [p.id, p]));\n const lines = cart\n .map((l) => ({ line: l, product: byId.get(l.id) }))\n .filter((x) => x.product) as { line: CartLine; product: Product }[];\n const total = lines.reduce((s, x) => s + x.product.price_cents * x.line.quantity, 0);\n\n if (lines.length === 0) {\n return (\n

🛒

Your cart is empty

\n \n Browse products\n \n

\n );\n }\n\n return (\n

Your cart

\n {lines.map(({ line, product }) => (\n

{product.emoji}

{product.name}

{money(product.price_cents)} each

\n setQty(product.id, line.quantity - 1)}\n className=\"w-8 h-8 rounded-md border border-slate-200 text-slate-600 hover:bg-slate-50\"\n >−\n {line.quantity}\n setQty(product.id, line.quantity + 1)}\n className=\"w-8 h-8 rounded-md border border-slate-200 text-slate-600 hover:bg-slate-50\"\n >+\n

\n {money(product.price_cents * line.quantity)}\n

\n remove(product.id)}\n className=\"text-slate-400 hover:text-red-500 ml-1\"\n title=\"Remove\"\n >✕\n

\n ))}\n

\n \n

Subtotal

{money(total)}

\n \n Proceed to checkout\n \n

\n );\n}\n",[],[111,154,188],["D",1780815675501],[198,199,200],[19],{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":70,"_47":48,"_49":207,"_17":51,"_52":53,"_54":72,"_56":57,"_58":-5,"_89":208,"_18":209},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":204,"_17":51,"_52":53,"_54":65,"_56":57,"_58":-5,"_89":205,"_18":206},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":201,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_89":202,"_18":203},["D",1780815685500],[],[19,38],["D",1780815703718],[],[19,61],["D",1780815675501],[],[19,68],"69ba23fc-3895-41fc-b166-fd26ca7e1e87",["D",1780815511978],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Starter website clone","imageUrl","userId","619e6799-1eab-46cc-8a3f-1b12c112eae1","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019ea0df-68c9-773b-a42b-82cae65109db","tursoName","69ba23fc389541fcb166fd26ca7e1e87","tursoHostname","69ba23fc389541fcb166fd26ca7e1e87-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789515055826],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_265":88},"org",{"_11":12,"_260":88,"_261":88,"_220":221,"_262":263,"_264":57},"branch",{"_17":86,"_13":16,"_36":44,"_252":210,"_253":-5,"_254":-5,"_255":-5,"_256":-5,"_257":-5,"_258":14,"_259":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":210,"_13":14,"_49":352,"_212":-5,"_213":57,"_214":215,"_216":215,"_217":218,"_219":-5,"_220":221,"_222":94,"_223":48,"_224":-5,"_225":-5,"_226":51,"_227":228,"_229":230,"_231":232,"_233":353,"_235":-5,"_236":237,"_238":237,"_239":240,"_241":240,"_242":240,"_243":237,"_244":237,"_245":354,"_247":355,"_249":356,"_251":57},[301,305,315,316,317],"files",[301,302,303,304,305,306,307,308,309,310,311,312,313,314,315,316,317],"counts",{"_292":51,"_293":97,"_294":51,"_32":295,"_296":297},[286,287,288],{"_36":74,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":70,"_47":48,"_49":75,"_17":51,"_52":76,"_54":-5,"_56":57,"_58":-5,"_18":285},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":70,"_47":48,"_49":71,"_17":51,"_52":53,"_54":72,"_56":57,"_58":-5,"_18":291},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":64,"_17":51,"_52":53,"_54":65,"_56":57,"_58":-5,"_18":290},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_18":289},[19,38],[19,61],[19,68],"pulls","branches","forks",{"_298":51,"_300":51},"connections",{"_298":51,"_299":51},"count","unfilledCount","emptyCount",{"_36":74,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":70,"_47":48,"_49":195,"_17":51,"_52":76,"_54":-5,"_56":57,"_58":-5,"_89":350,"_18":351},{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":70,"_47":48,"_49":207,"_17":51,"_52":53,"_54":72,"_56":57,"_58":-5,"_89":348,"_18":349},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":204,"_17":51,"_52":53,"_54":65,"_56":57,"_58":-5,"_89":346,"_18":347},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":201,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_89":344,"_18":345},{"_36":110,"_13":111,"_39":112,"_41":-5,"_43":44,"_45":113,"_47":48,"_49":114,"_17":51,"_52":76,"_54":-5,"_56":57,"_58":-5,"_89":342,"_18":343},{"_36":153,"_13":154,"_39":155,"_41":112,"_43":44,"_45":156,"_47":48,"_49":157,"_17":51,"_52":76,"_54":-5,"_56":57,"_58":-5,"_89":340,"_18":341},{"_36":187,"_13":188,"_39":189,"_41":155,"_43":44,"_45":190,"_47":48,"_49":191,"_17":51,"_52":53,"_54":192,"_56":57,"_58":-5,"_89":338,"_18":339},{"_36":180,"_13":181,"_39":182,"_41":155,"_43":44,"_45":156,"_47":48,"_49":183,"_17":51,"_52":53,"_54":184,"_56":57,"_58":-5,"_89":336,"_18":337},{"_36":172,"_13":173,"_39":174,"_41":155,"_43":44,"_45":175,"_47":48,"_49":176,"_17":51,"_52":53,"_54":177,"_56":57,"_58":-5,"_89":334,"_18":335},{"_36":164,"_13":165,"_39":166,"_41":155,"_43":44,"_45":167,"_47":48,"_49":168,"_17":51,"_52":53,"_54":169,"_56":57,"_58":-5,"_89":332,"_18":333},{"_36":145,"_13":146,"_39":147,"_41":112,"_43":44,"_45":148,"_47":48,"_49":149,"_17":51,"_52":53,"_54":150,"_56":57,"_58":-5,"_89":330,"_18":331},{"_36":138,"_13":139,"_39":140,"_41":112,"_43":44,"_45":113,"_47":48,"_49":141,"_17":51,"_52":24,"_54":142,"_56":57,"_58":-5,"_89":328,"_18":329},{"_36":130,"_13":131,"_39":132,"_41":112,"_43":44,"_45":133,"_47":48,"_49":134,"_17":51,"_52":53,"_54":135,"_56":57,"_58":-5,"_89":326,"_18":327},{"_36":122,"_13":123,"_39":124,"_41":112,"_43":44,"_45":125,"_47":48,"_49":126,"_17":51,"_52":53,"_54":127,"_56":57,"_58":-5,"_89":324,"_18":325},{"_36":102,"_13":103,"_39":104,"_41":-5,"_43":44,"_45":105,"_47":48,"_49":106,"_17":51,"_52":24,"_54":107,"_56":57,"_58":-5,"_89":322,"_18":323},{"_36":92,"_13":93,"_39":94,"_41":-5,"_43":44,"_45":95,"_47":48,"_49":96,"_17":97,"_52":98,"_54":99,"_56":57,"_58":-5,"_89":320,"_18":321},{"_36":83,"_13":84,"_39":85,"_41":-5,"_43":44,"_45":86,"_47":48,"_49":87,"_17":51,"_52":53,"_54":88,"_56":57,"_58":-5,"_89":318,"_18":319},[],[84],[],[93],[],[103],[],[111,123],[],[111,131],[],[111,139],[],[111,146],[],[111,154,165],[],[111,154,173],[],[111,154,181],[],[111,154,188],[307,308,309,310],[111,154],[306,311,312,313,314],[111],[],[19,38],[],[19,61],[],[19,68],[302,303,304],[19],["D",1780815511978],["D",1789515055826],{"_11":12,"_265":88},{"_11":12,"_260":88,"_261":88,"_220":221,"_262":263,"_264":57},{"_17":86,"_13":16,"_36":44,"_252":210,"_253":-5,"_254":-5,"_255":-5,"_256":-5,"_257":-5,"_258":14,"_259":12},"ctx",{"_245":-5,"_282":390,"_391":392,"_393":394,"_395":57,"_396":57,"_397":57,"_398":48,"_399":-5,"_400":-7,"_401":-7,"_402":51,"_403":57,"_404":57,"_405":-5,"_406":57,"_407":57,"_408":57,"_409":-5},"ENV",{"_361":362,"_363":364,"_365":16,"_366":367,"_368":369,"_370":371,"_372":373,"_374":375,"_376":377,"_378":379,"_380":381,"_382":383,"_384":385,"_386":387,"_388":389},"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"]