{title}

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_106":107,"_108":109},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","dusty_medic","name","hono-jsx-starter","path","index.tsx","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":53,"_54":-5,"_55":56,"_57":25,"_58":32,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_13":44},"permalink","https://www.val.town/x/dusty_medic/hono-jsx-starter/code/index.tsx","extension","id","7e2b82cb-145e-47c8-92d4-b6bf7e24dd50","fileId","01a0827a-670f-77c6-9eed-4e9341a5bb91","parentId","branchId","32c74fc6-0379-41ea-8360-b69a7c8998bb","branchVersion",9,"latest",true,"createdAt",["D",1788895842920],"version",3,"fileType","http","content","/** @jsxImportSource npm:hono@4/jsx */\nimport { Hono } from \"npm:hono@4\";\nimport { getCookie, setCookie } from \"npm:hono@4/cookie\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n// @ts-ignore\nimport Stripe from \"npm:stripe\";\n\n// ---------------------------------------------------------------------------\n// Setup\n// ---------------------------------------------------------------------------\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS players (\n id TEXT PRIMARY KEY,\n petals INTEGER NOT NULL DEFAULT 0,\n gems INTEGER NOT NULL DEFAULT 0,\n best_score INTEGER NOT NULL DEFAULT 0,\n games_played INTEGER NOT NULL DEFAULT 0,\n unlocked_skins TEXT NOT NULL DEFAULT '[\"garden\"]',\n active_skin TEXT NOT NULL DEFAULT 'garden',\n created_at TEXT NOT NULL\n)`);\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS purchases (\n id TEXT PRIMARY KEY,\n player_id TEXT NOT NULL,\n pack_id TEXT NOT NULL,\n gems INTEGER NOT NULL,\n stripe_session_id TEXT UNIQUE,\n status TEXT NOT NULL DEFAULT 'pending',\n created_at TEXT NOT NULL\n)`);\n\nconst STRIPE_KEY = Deno.env.get(\"STRIPE_TEST_API_KEY\");\nconst stripe = STRIPE_KEY ? new Stripe(STRIPE_KEY) : null;\n\n// Cosmetic skins. \"cost\" is in petals (soft currency, earned by playing) or\n// gems (hard currency, purchased with real money). Purely cosmetic — no\n// gameplay advantage, so nobody is paying to win.\nconst SKINS: Record = {\n garden: { name: \"Garden\", currency: \"free\", cost: 0, bg: \"linear-gradient(160deg,#eafff0,#d7f5e3)\", accent: \"#3fae6a\" },\n sunset: { name: \"Sunset\", currency: \"petals\", cost: 150, bg: \"linear-gradient(160deg,#fff0e0,#ffd9c2)\", accent: \"#e8703a\" },\n ocean: { name: \"Ocean\", currency: \"petals\", cost: 300, bg: \"linear-gradient(160deg,#e3f3ff,#c9e8ff)\", accent: \"#2b7fd6\" },\n galaxy: { name: \"Galaxy\", currency: \"gems\", cost: 200, bg: \"linear-gradient(160deg,#241b4e,#3a2a6d)\", accent: \"#b78bff\" },\n candy: { name: \"Candy\", currency: \"gems\", cost: 350, bg: \"linear-gradient(160deg,#ffe0f0,#ffc2e6)\", accent: \"#e84fa0\" },\n};\n\nconst GEM_PACKS: Record = {\n small: { gems: 100, price: 99, label: \"100 Gems\" },\n medium: { gems: 550, price: 499, label: \"550 Gems (+10% bonus)\" },\n large: { gems: 1200, price: 999, label: \"1200 Gems (+20% bonus)\" },\n};\n\nfunction uid() {\n return crypto.randomUUID();\n}\n\n// Resolve the player id once per request (getCookie can't see a cookie set\n// earlier in the same request via setCookie, so routes must not re-derive\n// the pid mid-handler — that previously created a duplicate player row).\nasync function resolvePid(c: any): Promise {\n let pid = c.get(\"pid\");\n if (pid) return pid;\n pid = getCookie(c, \"pid\");\n if (!pid) {\n pid = uid();\n setCookie(c, \"pid\", pid, { maxAge: 60 * 60 * 24 * 399, httpOnly: true, sameSite: \"Lax\", path: \"/\" });\n }\n c.set(\"pid\", pid);\n return pid;\n}\n\nasync function getOrCreatePlayer(c: any): Promise {\n const pid = await resolvePid(c);\n const res = await sqlite.execute({ sql: \"SELECT * FROM players WHERE id = ?\", args: [pid] });\n if (res.rows.length === 0) {\n await sqlite.execute({\n sql: \"INSERT INTO players (id, petals, gems, best_score, games_played, unlocked_skins, active_skin, created_at) VALUES (?, 0, 0, 0, 0, ?, 'garden', ?)\",\n args: [pid, JSON.stringify([\"garden\"]), new Date().toISOString()],\n });\n return { id: pid, petals: 0, gems: 0, best_score: 0, games_played: 0, unlocked_skins: [\"garden\"], active_skin: \"garden\" };\n }\n const row = res.rows[0] as any;\n return { ...row, unlocked_skins: JSON.parse(row.unlocked_skins as string) };\n}\n\nfunction playerJSON(p: any) {\n return {\n petals: p.petals,\n gems: p.gems,\n bestScore: p.best_score,\n gamesPlayed: p.games_played,\n unlockedSkins: p.unlocked_skins,\n activeSkin: p.active_skin,\n skins: SKINS,\n packs: GEM_PACKS,\n shopEnabled: Boolean(stripe),\n };\n}\n\n// ---------------------------------------------------------------------------\n// Layout\n// ---------------------------------------------------------------------------\n\nconst Layout = ({ title, children }: { title: string; children: any }) => (\n \n \n {title}\n \n \n \n \n \n \n {children}\n \n \n);\n\nconst app = new Hono();\n\n// ---------------------------------------------------------------------------\n// Pages\n// ---------------------------------------------------------------------------\n\napp.get(\"/\", async (c) => {\n const player = await getOrCreatePlayer(c);\n return c.html(\n \n

\n \n ,\n );\n});\n\napp.get(\"/confirmation\", async (c) => {\n const sessionId = c.req.query(\"session_id\");\n const player = await getOrCreatePlayer(c);\n if (stripe && sessionId) {\n try {\n const session = await stripe.checkout.sessions.retrieve(sessionId);\n if (session.payment_status === \"paid\") {\n // Idempotent fulfillment: only credit once per session id.\n const existing = await sqlite.execute({\n sql: \"SELECT * FROM purchases WHERE stripe_session_id = ?\",\n args: [sessionId],\n });\n if (existing.rows.length && (existing.rows[0] as any).status !== \"fulfilled\") {\n const purchase = existing.rows[0] as any;\n await sqlite.execute({\n sql: \"UPDATE players SET gems = gems + ? WHERE id = ?\",\n args: [purchase.gems, player.id],\n });\n await sqlite.execute({\n sql: \"UPDATE purchases SET status = 'fulfilled' WHERE stripe_session_id = ?\",\n args: [sessionId],\n });\n }\n }\n } catch (err) {\n console.error(\"confirmation error\", err);\n }\n }\n return c.redirect(\"/?purchase=1\");\n});\n\n// ---------------------------------------------------------------------------\n// API\n// ---------------------------------------------------------------------------\n\napp.get(\"/api/me\", async (c) => {\n const player = await getOrCreatePlayer(c);\n return c.json(playerJSON(player));\n});\n\napp.post(\"/api/game-over\", async (c) => {\n const player = await getOrCreatePlayer(c);\n const body = await c.req.json().catch(() => ({}));\n const score = Math.max(0, Math.floor(Number(body.score) || 0));\n const petalsEarned = Math.floor(score / 50);\n const newBest = Math.max(player.best_score, score);\n await sqlite.execute({\n sql: \"UPDATE players SET petals = petals + ?, best_score = ?, games_played = games_played + 1 WHERE id = ?\",\n args: [petalsEarned, newBest, player.id],\n });\n const updated = await getOrCreatePlayer(c);\n return c.json({ ...playerJSON(updated), petalsEarned });\n});\n\napp.post(\"/api/shop/unlock\", async (c) => {\n const player = await getOrCreatePlayer(c);\n const body = await c.req.json().catch(() => ({}));\n const skinId = String(body.skinId || \"\");\n const skin = SKINS[skinId];\n if (!skin) return c.json({ error: \"Unknown skin\" }, 400);\n if (player.unlocked_skins.includes(skinId)) {\n return c.json({ error: \"Already unlocked\" }, 400);\n }\n if (skin.currency === \"gems\" && player.gems < skin.cost) {\n return c.json({ error: \"Not enough gems\" }, 400);\n }\n if (skin.currency === \"petals\" && player.petals < skin.cost) {\n return c.json({ error: \"Not enough petals\" }, 400);\n }\n const newUnlocked = [...player.unlocked_skins, skinId];\n if (skin.currency === \"gems\") {\n await sqlite.execute({\n sql: \"UPDATE players SET gems = gems - ?, unlocked_skins = ? WHERE id = ?\",\n args: [skin.cost, JSON.stringify(newUnlocked), player.id],\n });\n } else if (skin.currency === \"petals\") {\n await sqlite.execute({\n sql: \"UPDATE players SET petals = petals - ?, unlocked_skins = ? WHERE id = ?\",\n args: [skin.cost, JSON.stringify(newUnlocked), player.id],\n });\n } else {\n await sqlite.execute({\n sql: \"UPDATE players SET unlocked_skins = ? WHERE id = ?\",\n args: [JSON.stringify(newUnlocked), player.id],\n });\n }\n const updated = await getOrCreatePlayer(c);\n return c.json(playerJSON(updated));\n});\n\napp.post(\"/api/shop/select\", async (c) => {\n const player = await getOrCreatePlayer(c);\n const body = await c.req.json().catch(() => ({}));\n const skinId = String(body.skinId || \"\");\n if (!SKINS[skinId] || !player.unlocked_skins.includes(skinId)) {\n return c.json({ error: \"Not unlocked\" }, 400);\n }\n await sqlite.execute({ sql: \"UPDATE players SET active_skin = ? WHERE id = ?\", args: [skinId, player.id] });\n const updated = await getOrCreatePlayer(c);\n return c.json(playerJSON(updated));\n});\n\napp.post(\"/api/checkout\", async (c) => {\n if (!stripe) return c.json({ error: \"Payments are not configured yet.\" }, 503);\n const player = await getOrCreatePlayer(c);\n const body = await c.req.json().catch(() => ({}));\n const packId = String(body.packId || \"\");\n const pack = GEM_PACKS[packId];\n if (!pack) return c.json({ error: \"Unknown pack\" }, 400);\n\n const url = new URL(c.req.url);\n const session = await stripe.checkout.sessions.create({\n line_items: [\n {\n price_data: {\n currency: \"usd\",\n product_data: { name: `Merge Blossom — ${pack.label}` },\n unit_amount: pack.price,\n },\n quantity: 1,\n },\n ],\n mode: \"payment\",\n success_url: `https://${url.host}/confirmation?session_id={CHECKOUT_SESSION_ID}`,\n cancel_url: `https://${url.host}/?purchase=cancelled`,\n automatic_tax: { enabled: false },\n });\n\n await sqlite.execute({\n sql: \"INSERT INTO purchases (id, player_id, pack_id, gems, stripe_session_id, status, created_at) VALUES (?, ?, ?, ?, ?, 'pending', ?)\",\n args: [uid(), player.id, packId, pack.gems, session.id, new Date().toISOString()],\n });\n\n return c.json({ url: session.url });\n});\n\n// Stripe webhook (belt-and-suspenders fulfillment in addition to /confirmation).\n// Requires STRIPE_WEBHOOK_SECRET to be set; otherwise this route just no-ops.\napp.post(\"/api/stripe-webhook\", async (c) => {\n const webhookSecret = Deno.env.get(\"STRIPE_WEBHOOK_SECRET\");\n if (!stripe || !webhookSecret) return c.json({ ok: true });\n const signature = c.req.header(\"Stripe-Signature\");\n const body = await c.req.text();\n let event;\n try {\n event = await stripe.webhooks.constructEventAsync(body, signature!, webhookSecret);\n } catch (err: any) {\n return c.json({ error: `Webhook Error: ${err.message}` }, 400);\n }\n if (event.type === \"checkout.session.completed\") {\n const session = event.data.object as any;\n const existing = await sqlite.execute({\n sql: \"SELECT * FROM purchases WHERE stripe_session_id = ?\",\n args: [session.id],\n });\n if (existing.rows.length && (existing.rows[0] as any).status !== \"fulfilled\") {\n const purchase = existing.rows[0] as any;\n await sqlite.execute({\n sql: \"UPDATE players SET gems = gems + ? WHERE id = ?\",\n args: [purchase.gems, purchase.player_id],\n });\n await sqlite.execute({\n sql: \"UPDATE purchases SET status = 'fulfilled' WHERE stripe_session_id = ?\",\n args: [session.id],\n });\n }\n }\n return c.json({ ok: true });\n});\n\n// ---------------------------------------------------------------------------\n// Static + misc\n// ---------------------------------------------------------------------------\n\napp.get(\"/public/*\", (c) => serveFile(c.req.path));\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","deleted",false,"label",[14],"3997e2b7-461f-451f-bdbc-d43ed593dd8d",["D",1788895454910],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Fun merge puzzle game with cosmetic shop","imageUrl","userId","f88a0ee3-b2a2-4b50-b1cd-d6ef9333f8b4","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01a0633a-cac3-709b-a980-c6cbc53d1693","tursoName","3997e2b7461f451fbdbcd43ed593dd8d","tursoHostname","3997e2b7461f451fbdbcd43ed593dd8d-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789504908499],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_105":101},"org",{"_9":10,"_98":99,"_100":101,"_55":56,"_102":103,"_104":42},"branch",{"_35":88,"_11":89,"_22":28,"_90":45,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":12,"_97":10},"isOwned",10,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Peter Sulzinski","avatar","https://lh3.googleusercontent.com/a/ACg8ocKxS7SIQL-2xeZae3OPJraIhveBUDOK84i99c574FL5C5flzw=s96-c","tier","free","canRestrictVals","profileImageUrl","ctx",{"_81":-5,"_139":140,"_141":142,"_143":144,"_145":42,"_146":42,"_147":42,"_148":32,"_149":-5,"_150":-7,"_151":-7,"_152":62,"_153":42,"_154":42,"_155":-5,"_156":42,"_157":42,"_158":42,"_159":-5},"ENV",{"_110":111,"_112":113,"_114":89,"_115":116,"_117":118,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136,"_137":138},"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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]