[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_185":186,"_187":188},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_137":-5,"_20":138,"_22":139,"_140":141,"_142":143,"_25":144,"_24":-5,"_145":146,"_147":148,"_149":49,"_150":151,"_152":69,"_153":-5,"_154":-5,"_155":156},"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":28,"_29":-5,"_30":31,"_32":33,"_34":-5},"handle","charmaine","name","quickIndigoBobolink","branchName","main","version","path","","project",{"_35":94,"_13":14,"_37":95,"_47":-5,"_96":69,"_50":51,"_97":51,"_98":-5,"_99":-5,"_100":101,"_102":63,"_103":69,"_104":-5,"_105":-5,"_106":71,"_54":107,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":113,"_114":113,"_115":116,"_117":116,"_118":116,"_119":113,"_120":113,"_121":122,"_123":124,"_125":126,"_48":49},"tree",[85,86],"file","contents",[58,59],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":33,"_43":-5,"_44":-5,"_45":46,"_47":-5,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57},"pull","ahead",1,"behind",77,"envVars","id","3aea1a96-1bcc-11f0-a237-569c3dd06744","createdAt",["D",1744922442411],"updatedAt",["D",1744922480635],"projectId","3ae9b952-1bcc-11f0-a237-569c3dd06744","forkedBranchId","forkedBranchVersion","lockfileKey","1744922481151-esm.town_v_stevekrouse_newStripeSubscriber@77-main","deletedAt","isOwned",false,"privacy","public","userHandle","stevekrouse","orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName","newStripeSubscriber",{"_35":79,"_13":80,"_62":81,"_64":-5,"_65":66,"_67":31,"_68":69,"_37":82,"_17":71,"_72":24,"_74":83,"_76":49,"_77":-5,"_18":84},{"_35":60,"_13":61,"_62":63,"_64":-5,"_65":66,"_67":31,"_68":69,"_37":70,"_17":71,"_72":73,"_74":75,"_76":49,"_77":-5,"_18":78},"308d413a-2523-11f0-b0e0-569c3dd06744","main.tsx","fileId","308d41ee-2523-11f0-b0e0-569c3dd06744","parentId","branchId","308b89da-2523-11f0-b0e0-569c3dd06744","branchVersion","latest",true,["D",1737667123911],0,"fileType","http","content","/** @jsxImportSource https://esm.sh/react */\nimport { micromark } from \"https://esm.sh/micromark@3\";\nimport { email } from \"https://esm.town/v/std/email?v=11\";\nimport { discordWebhook } from \"https://esm.town/v/stevekrouse/discordWebhook\";\nimport { html } from \"https://esm.town/v/stevekrouse/html\";\nimport { renderToString } from \"npm:react-dom/server\";\nimport Stripe from \"npm:stripe\";\n\nconst stripe = new Stripe(Deno.env.get(\"stripe_sk_customer_readonly\") as string, {\n apiVersion: \"2020-08-27\",\n});\n\nfunction getStripeCustomer(customerId: string) {\n return stripe.customers.retrieve(customerId);\n}\n\n// const subject = \"Welcome to Val Town Pro\";\n// const welcomeEmail = (\n//

\n//

\n// Thank you for subscribing to Val Town Pro!\n//

\n//

\n// You now have higher limits across the board, allowing you to run your vals in production. Your subscription also\n// includes custom domains, smarter Townie, and{\" \"}lots more.\n//

\n// {\n// /*

\n// TODO - advirtise a val or two\n// One of my favorite vals that's only only available to Pro users\n// is this Twitter alert.\n//

*/\n// }\n//

\n// If you have any issues, please ask on Discord{\" \"}\n// (in #general) and we'll respond right away.\n//

\n//

\n// This is an automated email – powered by a val\n// {\" \"}\n// – but replies reach my inbox directly. I'd love to hear from you!\n//

\n//

Best,

\n//

Steve

\n//

Val Town | Co-Founder

\n//

\n// );\n\nexport let newStripeEvent = async (req: Request) => {\n const url = new URL(req.url);\n if (req.method === \"GET\" && url.pathname === \"/\")\n return new Response(\"OK\", { status: 200 });\n\n // if (req.method === \"GET\" && url.pathname === \"/email\")\n // return html(renderToString(\n //

\n //

{subject}

\n // {welcomeEmail}\n //

,\n // ));\n\n const signature = req.headers.get(\"Stripe-Signature\");\n const body = await req.text();\n const webhookSecret = Deno.env.get(\"STRIPE_WEBHOOK_SECRET\");\n let event;\n try {\n event = await stripe.webhooks.constructEventAsync(\n body,\n signature,\n webhookSecret,\n );\n } catch (err: any) {\n return new Response(`Webhook Error: ${err.message}`, { status: 400 });\n }\n\n console.log(event);\n\n const newSubscription = event.data.previous_attributes.status === \"incomplete\"\n && event.data.object.status === \"active\";\n\n if (!newSubscription) {\n console.log(\"Not a new subscription\");\n console.log(event.data.previous_attributes.status, event.data.object.status);\n return Response.json(\"ok\");\n }\n\n const customer = await getStripeCustomer(event.data.object.customer);\n const customerEmail = customer.email;\n\n console.log(\"New subscription\", customerEmail);\n discordWebhook({\n url: Deno.env.get(\"discordUserEvents\"),\n content: `New Subscription 🥳 ${customerEmail}`,\n });\n\n // await email({\n // to: customerEmail,\n // subject,\n // html: renderToString(welcomeEmail),\n // from: { name: \"Steve Krouse\", email: \"stevekrouse.company@valtown.email\" },\n // replyTo: { name: \"Steve Krouse\", email: \"steve@val.town\" },\n // cc: { name: \"Team\", email: \"team@val.town\" },\n // });\n\n return Response.json(\"ok\");\n};","deleted","label",[61],"308d6430-2523-11f0-b0e0-569c3dd06744","README.md","308d64bc-2523-11f0-b0e0-569c3dd06744",["D",1737667123911],"# New Stripe Subscription Handler\n\nThis val processes new Stripe subscribers to Val Town Pro. It sends our team\na Discord notifcation and sends a welcome email to the new subscriber. It takes a couple of \nsteps if you'd like to set up something similar for your own Stripe account.\n\n## Setup\n\n1. Fork this HTTP val\n2. [Create a new webhook in Stripe](https://dashboard.stripe.com/webhooks/create)\n3. Add your val's HTTP endpoint URL into the Stripe webhook\n4. Select `customer.subscription.updated` as the only event to listen to (more on this below)\n5. Add your `stripe_sk_customer_readonly` to your [Val Town Env Variables](https://www.val.town/settings/environment-variables)\n6. Add your webhook's signing secret as `STRIPE_WEBHOOK_SECRET` to you [Val Town Env Variables](https://www.val.town/settings/environment-variables)\n\n## How the code is structured\n\n1. Verifies the signature to make sure it's really from Stripe\n2. Filters out only newly created subscriptions\n3. Sends off the Discord message & email\n \n## Which Stripe event type to listen to\n\nStripe sends webhooks for many different kinds of events. Relevant for us here are:\n\n* `customer.subscription.created` (what we used to listen for)\n* `customer.subscription.updated` (what we're currently listening for)\n\nThe issue with `customer.subscription.created` is that it triggers too early,\nbefore the user's payment actually goes through. This is a problem\nbecause in early Nov 2024 we started getting credit card fraudsters\ntesting cards using our service. We started getting lots of notifications\nfor new subscriptions that never actually became active.\n\nNote: if anyone knows good ways to prevent that sort of behavior at \nthe root, please let me know by commenting on this val!\n\nIn order to only get notified on a valid subscription, we now subscribe\nto `customer.subscription.updated`. This event happens on any subscription change,\nincluding renewals and cancellations, so now we have to filter those events\nto only get new subscriptions, ie where:\n\n```ts\nevent.data.previous_attributes.status === 'incomplete' && event.data.object.status === 'active'\n```\n",[80],{"_35":79,"_13":80,"_62":81,"_64":-5,"_65":66,"_67":31,"_68":69,"_37":91,"_17":71,"_72":24,"_74":83,"_76":49,"_77":-5,"_88":92,"_18":93},{"_35":60,"_13":61,"_62":63,"_64":-5,"_65":66,"_67":31,"_68":69,"_37":87,"_17":71,"_72":73,"_74":75,"_76":49,"_77":-5,"_88":89,"_18":90},["D",1737667123911],"children",[],[61],["D",1737667123911],[],[80],"308b4dd0-2523-11f0-b0e0-569c3dd06744",["D",1745949351698],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","c156eb0e-8b9d-4104-a055-502e9a0eb441","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","2019e55b-c541-4c51-bef0-008eef10ef88","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_136":132},"org",{"_11":12,"_130":-5,"_131":132,"_100":101,"_133":134,"_135":49},"branch",{"_17":31,"_13":16,"_35":66,"_41":94,"_43":36,"_44":71,"_127":51,"_128":42,"_129":55,"_56":14,"_52":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ4cFpFME5pSXNZamJNd296dlZSYVJ0OVF1RSJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":94,"_13":14,"_37":181,"_47":-5,"_96":69,"_50":51,"_97":51,"_98":-5,"_99":-5,"_100":101,"_102":63,"_103":69,"_104":-5,"_105":-5,"_106":71,"_54":107,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":113,"_114":113,"_115":116,"_117":116,"_118":116,"_119":113,"_120":113,"_121":182,"_123":183,"_125":184,"_48":49},[175,176],"files",[175,176],"counts",{"_166":71,"_167":31,"_168":71,"_34":169,"_170":171},[162,163],"upstreamProject",{"_35":42,"_13":57,"_98":159,"_99":-5,"_50":51,"_121":160},"upstreamBranch",{"_35":36,"_37":157,"_39":158,"_13":16,"_41":42,"_17":33,"_43":-5,"_44":-5,"_45":46,"_47":-5,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1744922442411],["D",1744922480635],"Notify the Val Town team when we get new subscribers",{"_11":53,"_136":161},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_35":79,"_13":80,"_62":81,"_64":-5,"_65":66,"_67":31,"_68":69,"_37":82,"_17":71,"_72":24,"_74":83,"_76":49,"_77":-5,"_18":165},{"_35":60,"_13":61,"_62":63,"_64":-5,"_65":66,"_67":31,"_68":69,"_37":70,"_17":71,"_72":73,"_74":75,"_76":49,"_77":-5,"_18":164},[61],[80],"pulls","branches","forks",{"_172":71,"_174":71},"connections",{"_172":71,"_173":71},"count","unfilledCount","emptyCount",{"_35":79,"_13":80,"_62":81,"_64":-5,"_65":66,"_67":31,"_68":69,"_37":91,"_17":71,"_72":24,"_74":83,"_76":49,"_77":-5,"_88":179,"_18":180},{"_35":60,"_13":61,"_62":63,"_64":-5,"_65":66,"_67":31,"_68":69,"_37":87,"_17":71,"_72":73,"_74":75,"_76":49,"_77":-5,"_88":177,"_18":178},[],[61],[],[80],["D",1745949351698],{"_11":12,"_136":132},{"_11":12,"_130":-5,"_131":132,"_100":101,"_133":134,"_135":49},{"_17":31,"_13":16,"_35":66,"_41":94,"_43":36,"_44":71,"_127":51,"_128":42,"_129":55,"_56":14,"_52":12},"ctx",{"_121":-5,"_154":218,"_219":220,"_221":222,"_223":49,"_224":49,"_225":49,"_226":69,"_227":-5,"_228":-7,"_229":-7,"_230":71,"_231":49,"_232":49,"_233":-5,"_234":49,"_235":49,"_236":49,"_237":-5},"ENV",{"_189":190,"_191":192,"_193":16,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","a3e067d4463eea85f6334f8e583e8516ae58c4f6","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