Payment

[{"_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,"_117":-5,"_20":118,"_22":119,"_120":121,"_122":123,"_25":124,"_24":-5,"_125":-5,"_126":-5,"_127":53,"_128":129,"_130":44,"_131":-5,"_132":-5,"_133":134},"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","levelsevenclean","name","stripepay","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":-5,"_74":53,"_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","297b54d4-4fa9-11f1-9896-ee650bb23af1","main.tsx","fileId","297b5574-4fa9-11f1-9896-ee650bb23af1","parentId","branchId","21fc6f2c-4fa9-11f1-92ee-ee650bb23af1","branchVersion",1,"latest",true,"createdAt",["D",1778772338907],0,"fileType","http","content","import Stripe from \"npm:stripe@17\";\n\nconst stripe = new Stripe(Deno.env.get(\"STRIPE_SECRET_KEY\")!);\nconst PK = Deno.env.get(\"STRIPE_PUBLISHABLE_KEY\") ?? \"\";\nconst WHSEC = Deno.env.get(\"STRIPE_WEBHOOK_SECRET\") ?? \"\";\n\nconst HTML = `\nPayment\n\n\n

Pay

\n\n

\n`.replace(\"__PK__\", PK);\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname.replace(/\\/$/, \"\").split(\"/\").pop() || \"\";\n\n if (req.method === \"GET\" && (path === \"\" || url.pathname.endsWith(\"/\"))) {\n return new Response(HTML, { headers: { \"Content-Type\": \"text/html; charset=utf-8\" } });\n }\n\n if (path === \"create-intent\" && req.method === \"POST\") {\n try {\n const { name, email, amount } = await req.json();\n if (!name || !email || !Number.isInteger(amount) || amount < 50) {\n return new Response(\"Bad input\", { status: 400 });\n }\n const intent = await stripe.paymentIntents.create({\n amount,\n currency: \"usd\",\n receipt_email: email,\n description: `Payment from ${name}`,\n metadata: { name, email },\n automatic_payment_methods: { enabled: true },\n }, { idempotencyKey: crypto.randomUUID() });\n return Response.json({ clientSecret: intent.client_secret, id: intent.id });\n } catch (e) {\n return new Response(\"Error: \" + (e as Error).message, { status: 500 });\n }\n }\n\n if (path === \"webhook\" && req.method === \"POST\") {\n const sig = req.headers.get(\"stripe-signature\") ?? \"\";\n const raw = await req.text();\n if (!WHSEC) return new Response(\"webhook secret not configured\", { status: 500 });\n let event;\n try {\n event = await stripe.webhooks.constructEventAsync(raw, sig, WHSEC);\n } catch (e) {\n return new Response(\"Invalid signature: \" + (e as Error).message, { status: 400 });\n }\n if (event.type === \"payment_intent.succeeded\") {\n const pi = event.data.object as Stripe.PaymentIntent;\n console.log(\"PAID\", pi.id, pi.amount, pi.metadata?.email);\n }\n return new Response(\"ok\");\n }\n\n if (req.method === \"GET\") {\n return new Response(HTML, { headers: { \"Content-Type\": \"text/html; charset=utf-8\" } });\n }\n\n return new Response(\"Not found\", { status: 404 });\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",1778772338907],"children",[],[35],"21fba330-4fa9-11f1-92ee-ee650bb23af1",["D",1778772326340],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Stripe payment page","imageUrl","userId","ab44ba23-8dcc-45de-8167-f914552068c5","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019e2709-72d1-757f-8066-27c4bde897ee","tursoName","21fba3304fa911f192eeee650bb23af1","tursoHostname","21fba3304fa911f192eeee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789585873168],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_116":19},"org",{"_11":12,"_111":19,"_112":19,"_71":72,"_113":114,"_115":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","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":-5,"_74":53,"_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",{"_137":47,"_138":42,"_139":47,"_31":140,"_141":142},[135],"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":136},[35],"pulls","branches","forks",{"_143":145,"_146":47},"connections",{"_143":47,"_144":47},"count","unfilledCount",2,"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",1778772326340],["D",1789585873168],{"_11":12,"_116":19},{"_11":12,"_111":19,"_112":19,"_71":72,"_113":114,"_115":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,"_132":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","899124c68db8496248a17ee95f074b807335ea7b","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