Nimbus Store

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_222":223,"_224":225},"routes/_app.x.$handle.$name",{"_110":109,"_38":55,"_118":100,"_33":112,"_13":14,"_119":-5,"_11":120,"_121":122,"_123":124,"_125":126,"_127":128,"_27":-5,"_129":-5,"_130":-5,"_131":31,"_132":133,"_134":69,"_135":-5,"_136":-5,"_137":138},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_53":54,"_38":55,"_43":56,"_57":-5,"_58":31,"_59":60,"_61":60,"_62":63,"_64":-5,"_19":65,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":73,"_74":75,"_76":77,"_78":79,"_80":81,"_82":-5,"_83":84,"_85":84,"_86":87,"_88":87,"_89":87,"_90":84,"_91":84,"_92":93,"_94":95,"_96":97,"_98":31},"version",8,"changes",[25,26],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","d21372a0-add4-4fe2-9c7f-03b4a2926ebc","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_27":48,"_29":-7,"_30":31,"_32":31,"_33":49,"_35":49},{"_27":28,"_29":-7,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":39,"_40":27,"_41":42,"_43":44,"_45":14,"_46":47,"_30":31},"previous","deleted",false,"deletedHere","path","frontend/index.html","latestPath","fileId","c204835e-623e-11f1-91ac-1607ee4eb77e","name","index.html","fileType","content","\n\n\n \n \n Nimbus Store\n 🛍️\" />\n \n \n\n\n

\n \n\n\n","createdAt",["D",1780815710768],"branchVersion","branchId","2cca2436-c0f7-4a55-a173-b0da5f1e7f06",{"_36":50,"_38":49,"_40":51,"_41":-5,"_43":52,"_45":14,"_46":47,"_30":31},"frontend","5318d48a-2ba2-470c-a728-73f2d21ad0cf","directory",["D",1780815710768],"id","69ba23fc-3895-41fc-b166-fd26ca7e1e87","ugtest-clone",["D",1780815511978],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Starter website clone","imageUrl","619e6799-1eab-46cc-8a3f-1b12c112eae1","pinnedFileId","4f7ff14c-623e-11f1-886f-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"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",{"_110":109,"_117":112},"org",{"_110":109,"_111":112,"_113":112,"_19":65,"_114":115,"_116":31},"branch",{"_13":99,"_38":100,"_53":47,"_101":54,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":55,"_108":109},"isOwned",17,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","vegita","handle","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_53":54,"_38":55,"_43":217,"_57":-5,"_58":31,"_59":60,"_61":60,"_62":63,"_64":-5,"_19":65,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":73,"_74":75,"_76":77,"_78":79,"_80":218,"_82":-5,"_83":84,"_85":84,"_86":87,"_88":87,"_89":87,"_90":84,"_91":84,"_92":219,"_94":220,"_96":221,"_98":31},"tree",[172,176,178],"files",[172,173,174,175,176,177,178],"counts",{"_162":73,"_163":148,"_164":73,"_165":166,"_167":168},"contents",[139,140,141],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_53":156,"_38":157,"_36":158,"_144":-5,"_46":47,"_45":159,"_146":69,"_43":160,"_13":73,"_40":51,"_41":-5,"_30":31,"_151":-5,"_33":161},{"_53":153,"_38":49,"_36":50,"_144":-5,"_46":47,"_45":14,"_146":69,"_43":154,"_13":73,"_40":51,"_41":-5,"_30":31,"_151":-5,"_33":155},{"_53":142,"_38":143,"_36":67,"_144":-5,"_46":47,"_45":145,"_146":69,"_43":147,"_13":148,"_40":149,"_41":150,"_30":31,"_151":-5,"_33":152},"65bdc85d-4c43-421b-86c6-4daa0fca084b","main.ts","parentId",7,"latest",["D",1780815707691],1,"http","// Entry point — delegates to the Hono app in backend/index.ts\nexport { default } from \"./backend/index.ts\";\n","label",[143],"10d86610-bd46-4c82-8bd8-34529c0068cf",["D",1780815710768],[49],"fdf958f9-853d-4d9d-9cc9-a80cfa6feb98","backend","506ccb6a-4c69-42df-8c41-cfb898027497",4,["D",1780815675501],[157],"pulls","branches","forks","envVars",{"_169":73,"_171":73},"connections",{"_169":73,"_170":73},"count","unfilledCount","emptyCount",{"_53":156,"_38":157,"_36":158,"_144":-5,"_46":47,"_45":159,"_146":69,"_43":214,"_13":73,"_40":51,"_41":-5,"_30":31,"_151":-5,"_180":215,"_33":216},{"_53":207,"_38":208,"_36":209,"_144":158,"_46":47,"_45":159,"_146":69,"_43":210,"_13":73,"_40":195,"_41":211,"_30":31,"_151":-5,"_180":212,"_33":213},{"_53":199,"_38":200,"_36":201,"_144":158,"_46":47,"_45":202,"_146":69,"_43":203,"_13":73,"_40":195,"_41":204,"_30":31,"_151":-5,"_180":205,"_33":206},{"_53":190,"_38":191,"_36":192,"_144":158,"_46":47,"_45":193,"_146":69,"_43":194,"_13":73,"_40":195,"_41":196,"_30":31,"_151":-5,"_180":197,"_33":198},{"_53":153,"_38":49,"_36":50,"_144":-5,"_46":47,"_45":14,"_146":69,"_43":187,"_13":73,"_40":51,"_41":-5,"_30":31,"_151":-5,"_180":188,"_33":189},{"_53":183,"_38":39,"_36":37,"_144":50,"_46":47,"_45":14,"_146":69,"_43":184,"_13":73,"_40":27,"_41":42,"_30":31,"_151":-5,"_180":185,"_33":186},{"_53":142,"_38":143,"_36":67,"_144":-5,"_46":47,"_45":145,"_146":69,"_43":179,"_13":148,"_40":149,"_41":150,"_30":31,"_151":-5,"_180":181,"_33":182},["D",1780815707691],"children",[],[143],"fce5d6c6-ea0f-4d8f-96cf-645d5bf641b1",["D",1780815710768],[],[49,39],["D",1780815710768],[177],[49],"84e8a377-8d4b-4758-af4c-ca4fb1e65660","payments.ts","b2f5320a-623e-11f1-9da1-1607ee4eb77e",5,["D",1780815685500],"script","// @ts-ignore\nimport Stripe from \"npm:stripe\";\nimport type { OrderItem } from \"./db.ts\";\n\nexport function stripeEnabled(): boolean {\n return !!Deno.env.get(\"STRIPE_SECRET_KEY\");\n}\n\nfunction getStripe() {\n const key = Deno.env.get(\"STRIPE_SECRET_KEY\");\n if (!key) throw new Error(\"STRIPE_SECRET_KEY is not set\");\n return new Stripe(key);\n}\n\n/**\n * Creates a Stripe Checkout Session and returns the hosted checkout URL.\n * The order id is attached as metadata so the success page can look it up.\n */\nexport async function createStripeCheckout(opts: {\n items: OrderItem[];\n orderId: string;\n email: string;\n origin: string;\n}): Promise {\n const stripe = getStripe();\n const session = await stripe.checkout.sessions.create({\n mode: \"payment\",\n customer_email: opts.email || undefined,\n line_items: opts.items.map((it) => ({\n quantity: it.quantity,\n price_data: {\n currency: \"usd\",\n unit_amount: it.price_cents,\n product_data: { name: it.name },\n },\n })),\n metadata: { orderId: opts.orderId },\n success_url: `${opts.origin}/success?order=${opts.orderId}`,\n cancel_url: `${opts.origin}/cart`,\n });\n if (!session.url) throw new Error(\"Stripe did not return a checkout URL\");\n return session.url;\n}\n",[],[157,191],"c7970b29-d282-41b0-9d06-8388ffdc5c45","index.ts","bdd08eae-623e-11f1-952e-1607ee4eb77e",6,["D",1780815703718],"import { Hono } from \"npm:hono\";\nimport { readFile, parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport {\n createOrder,\n getOrder,\n getProducts,\n getProductsByIds,\n initDb,\n updateOrderStatus,\n type OrderItem,\n} from \"./db.ts\";\nimport { createStripeCheckout, stripeEnabled } from \"./payments.ts\";\n\nconst app = new Hono();\napp.onError((err, c) => {\n console.error(err);\n return c.json({ error: String(err) }, 500);\n});\n\n// ---- API ----\n\napp.get(\"/api/products\", async (c) => {\n const products = await getProducts();\n return c.json({ products, stripeEnabled: stripeEnabled() });\n});\n\ninterface CartLine { id: number; quantity: number }\n\n// Validate a cart against the DB and return priced order items + total.\nasync function priceCart(cart: CartLine[]): Promise<{ items: OrderItem[]; total: number }> {\n const ids = cart.map((l) => l.id);\n const products = await getProductsByIds(ids);\n const byId = new Map(products.map((p) => [p.id, p]));\n const items: OrderItem[] = [];\n for (const line of cart) {\n const p = byId.get(line.id);\n const qty = Math.max(1, Math.min(99, Math.floor(line.quantity)));\n if (!p) continue;\n items.push({ product_id: p.id, name: p.name, price_cents: p.price_cents, quantity: qty });\n }\n const total = items.reduce((s, it) => s + it.price_cents * it.quantity, 0);\n return { items, total };\n}\n\napp.post(\"/api/checkout\", async (c) => {\n const body = await c.req.json().catch(() => null) as\n | { cart: CartLine[]; email: string; name: string; address: string }\n | null;\n if (!body || !Array.isArray(body.cart) || body.cart.length === 0) {\n return c.json({ error: \"Cart is empty.\" }, 400);\n }\n if (!body.email || !body.name || !body.address) {\n return c.json({ error: \"Please fill in name, email, and address.\" }, 400);\n }\n\n const { items, total } = await priceCart(body.cart);\n if (items.length === 0) return c.json({ error: \"No valid items in cart.\" }, 400);\n\n const orderId = crypto.randomUUID().slice(0, 8).toUpperCase();\n const origin = new URL(c.req.url).origin;\n\n // Live Stripe path\n if (stripeEnabled()) {\n await createOrder(\n {\n id: orderId,\n email: body.email,\n name: body.name,\n address: body.address,\n total_cents: total,\n status: \"pending\",\n payment_method: \"stripe\",\n created_at: new Date().toISOString(),\n },\n items,\n );\n try {\n const url = await createStripeCheckout({ items, orderId, email: body.email, origin });\n return c.json({ mode: \"stripe\", checkoutUrl: url });\n } catch (err) {\n console.error(\"Stripe error\", err);\n return c.json({ error: \"Payment provider error. Please try again.\" }, 502);\n }\n }\n\n // Demo path — simulate an instant successful payment.\n await createOrder(\n {\n id: orderId,\n email: body.email,\n name: body.name,\n address: body.address,\n total_cents: total,\n status: \"paid\",\n payment_method: \"demo\",\n created_at: new Date().toISOString(),\n },\n items,\n );\n return c.json({ mode: \"demo\", orderId });\n});\n\napp.get(\"/api/order/:id\", async (c) => {\n const id = c.req.param(\"id\");\n const result = await getOrder(id);\n if (!result) return c.json({ error: \"Order not found\" }, 404);\n // If this was a Stripe order returning from checkout, mark it paid.\n if (result.order.status === \"pending\" && result.order.payment_method === \"stripe\") {\n await updateOrderStatus(id, \"paid\");\n result.order.status = \"paid\";\n }\n return c.json(result);\n});\n\n// ---- View source ----\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// ---- Static frontend ----\napp.get(\"/frontend/**/*\", (c) => serveFile(new URL(c.req.url).pathname, import.meta.url));\n\n// Serve the SPA shell for all page routes.\napp.get(\"*\", async (c) => {\n await initDb();\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\nexport default app.fetch;\n",[],[157,200],"10615394-ef89-4d18-b7c0-1243a27e423a","db.ts","acff9b56-623e-11f1-9da1-1607ee4eb77e",["D",1780815675501],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\n// Bump this suffix to recreate tables on schema changes.\nconst PRODUCTS = \"store_products_v1\";\nconst ORDERS = \"store_orders_v1\";\nconst ORDER_ITEMS = \"store_order_items_v1\";\n\nexport interface Product {\n id: number;\n name: string;\n description: string;\n price_cents: number;\n emoji: string;\n stock: number;\n}\n\nexport interface OrderItem {\n product_id: number;\n name: string;\n price_cents: number;\n quantity: number;\n}\n\nexport interface Order {\n id: string;\n email: string;\n name: string;\n address: string;\n total_cents: number;\n status: string;\n payment_method: string;\n created_at: string;\n}\n\nconst SEED_PRODUCTS: Omit[] = [\n { name: \"Aurora Wireless Headphones\", description: \"Studio-grade sound with active noise cancelling and 40h battery.\", price_cents: 12900, emoji: \"🎧\", stock: 25 },\n { name: \"Nimbus Mechanical Keyboard\", description: \"Hot-swappable switches, RGB, and a satisfying tactile feel.\", price_cents: 8900, emoji: \"⌨️\", stock: 40 },\n { name: \"Pulse Smartwatch\", description: \"Heart-rate, GPS, sleep tracking, and a 7-day battery.\", price_cents: 19900, emoji: \"⌚\", stock: 18 },\n { name: \"Lumen Desk Lamp\", description: \"Adjustable warmth, touch dimming, and wireless charging base.\", price_cents: 5400, emoji: \"💡\", stock: 60 },\n { name: \"Drift Mechanical Pencil\", description: \"Precision-weighted aluminium body for effortless writing.\", price_cents: 2200, emoji: \"✏️\", stock: 120 },\n { name: \"Orbit Bluetooth Speaker\", description: \"360° sound, waterproof, and a punchy bass response.\", price_cents: 7600, emoji: \"🔊\", stock: 35 },\n { name: \"Verdant Plant Pot\", description: \"Self-watering ceramic pot with a minimalist matte finish.\", price_cents: 3100, emoji: \"🪴\", stock: 80 },\n { name: \"Atlas Travel Backpack\", description: \"Weatherproof 28L pack with a laptop sleeve and USB pass-through.\", price_cents: 9900, emoji: \"🎒\", stock: 22 },\n];\n\nlet initialized = false;\n\nexport async function initDb() {\n if (initialized) return;\n\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${PRODUCTS} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n description TEXT NOT NULL,\n price_cents INTEGER NOT NULL,\n emoji TEXT NOT NULL,\n stock INTEGER NOT NULL DEFAULT 0\n )`);\n\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${ORDERS} (\n id TEXT PRIMARY KEY,\n email TEXT NOT NULL,\n name TEXT NOT NULL,\n address TEXT NOT NULL,\n total_cents INTEGER NOT NULL,\n status TEXT NOT NULL,\n payment_method TEXT NOT NULL,\n created_at TEXT NOT NULL\n )`);\n\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${ORDER_ITEMS} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n order_id TEXT NOT NULL,\n product_id INTEGER NOT NULL,\n name TEXT NOT NULL,\n price_cents INTEGER NOT NULL,\n quantity INTEGER NOT NULL\n )`);\n\n const count = await sqlite.execute(`SELECT COUNT(*) AS c FROM ${PRODUCTS}`);\n if (Number(count.rows[0].c) === 0) {\n for (const p of SEED_PRODUCTS) {\n await sqlite.execute({\n sql: `INSERT INTO ${PRODUCTS} (name, description, price_cents, emoji, stock) VALUES (?, ?, ?, ?, ?)`,\n args: [p.name, p.description, p.price_cents, p.emoji, p.stock],\n });\n }\n }\n\n initialized = true;\n}\n\nexport async function getProducts(): Promise {\n await initDb();\n const res = await sqlite.execute(`SELECT * FROM ${PRODUCTS} ORDER BY id`);\n return res.rows as unknown as Product[];\n}\n\nexport async function getProductsByIds(ids: number[]): Promise {\n await initDb();\n if (ids.length === 0) return [];\n const placeholders = ids.map(() => \"?\").join(\",\");\n const res = await sqlite.execute({\n sql: `SELECT * FROM ${PRODUCTS} WHERE id IN (${placeholders})`,\n args: ids,\n });\n return res.rows as unknown as Product[];\n}\n\nexport async function createOrder(\n order: Order,\n items: OrderItem[],\n): Promise {\n await initDb();\n const stmts = [\n {\n sql: `INSERT INTO ${ORDERS} (id, email, name, address, total_cents, status, payment_method, created_at)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?)`,\n args: [order.id, order.email, order.name, order.address, order.total_cents, order.status, order.payment_method, order.created_at],\n },\n ...items.map((it) => ({\n sql: `INSERT INTO ${ORDER_ITEMS} (order_id, product_id, name, price_cents, quantity) VALUES (?, ?, ?, ?, ?)`,\n args: [order.id, it.product_id, it.name, it.price_cents, it.quantity],\n })),\n ];\n await sqlite.batch(stmts);\n}\n\nexport async function getOrder(id: string): Promise<{ order: Order; items: OrderItem[] } | null> {\n await initDb();\n const o = await sqlite.execute({ sql: `SELECT * FROM ${ORDERS} WHERE id = ?`, args: [id] });\n if (o.rows.length === 0) return null;\n const items = await sqlite.execute({ sql: `SELECT * FROM ${ORDER_ITEMS} WHERE order_id = ?`, args: [id] });\n return {\n order: o.rows[0] as unknown as Order,\n items: items.rows as unknown as OrderItem[],\n };\n}\n\nexport async function updateOrderStatus(id: string, status: string): Promise {\n await initDb();\n await sqlite.execute({ sql: `UPDATE ${ORDERS} SET status = ? WHERE id = ?`, args: [status, id] });\n}\n",[],[157,208],["D",1780815675501],[173,174,175],[157],["D",1780815511978],["D",1789515055826],{"_110":109,"_117":112},{"_110":109,"_111":112,"_113":112,"_19":65,"_114":115,"_116":31},{"_13":99,"_38":100,"_53":47,"_101":54,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":55,"_108":109},"ctx",{"_92":-5,"_136":255,"_256":257,"_258":259,"_260":31,"_261":31,"_262":31,"_263":69,"_264":-5,"_265":-7,"_266":-7,"_267":73,"_268":31,"_269":31,"_270":-5,"_271":31,"_272":31,"_273":31,"_274":-5},"ENV",{"_226":227,"_228":229,"_230":100,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254},"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 · v8