[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_186":187,"_188":189},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_138":-5,"_20":139,"_22":140,"_141":142,"_143":144,"_25":145,"_24":-5,"_146":147,"_148":149,"_150":49,"_151":152,"_153":69,"_154":-5,"_155":-5,"_156":157},"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","insightfulBrownAnt","branchName","main","version","path","","project",{"_35":95,"_13":14,"_37":96,"_47":-5,"_97":69,"_50":51,"_98":51,"_99":-5,"_100":-5,"_101":102,"_103":63,"_104":69,"_105":-5,"_106":-5,"_107":83,"_54":108,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":123,"_124":125,"_126":127,"_48":49},"tree",[86,87],"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",2,"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":71,"_68":69,"_37":82,"_17":83,"_72":24,"_74":84,"_76":49,"_77":-5,"_18":85},{"_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},"4dda6aa6-2523-11f0-b0e0-569c3dd06744","main.tsx","fileId","4dd59184-2523-11f0-b0e0-569c3dd06744","parentId","branchId","4dd3c75a-2523-11f0-b0e0-569c3dd06744","branchVersion","latest",true,["D",1737660979653],1,"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],"4dd5986e-2523-11f0-b0e0-569c3dd06744","README.md","4dd5990e-2523-11f0-b0e0-569c3dd06744",["D",1737660879209],0,"# 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":71,"_68":69,"_37":92,"_17":83,"_72":24,"_74":84,"_76":49,"_77":-5,"_89":93,"_18":94},{"_35":60,"_13":61,"_62":63,"_64":-5,"_65":66,"_67":31,"_68":69,"_37":88,"_17":71,"_72":73,"_74":75,"_76":49,"_77":-5,"_89":90,"_18":91},["D",1737660979653],"children",[],[61],["D",1737660879209],[],[80],"4dd38718-2523-11f0-b0e0-569c3dd06744",["D",1745949400826],"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,"_137":133},"org",{"_11":12,"_131":-5,"_132":133,"_101":102,"_134":135,"_136":49},"branch",{"_17":31,"_13":16,"_35":66,"_41":95,"_43":36,"_44":83,"_128":51,"_129":42,"_130":55,"_56":14,"_52":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ4cFpFME5pSXNZamJNd296dlZSYVJ0OVF1RSJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":95,"_13":14,"_37":182,"_47":-5,"_97":69,"_50":51,"_98":51,"_99":-5,"_100":-5,"_101":102,"_103":63,"_104":69,"_105":-5,"_106":-5,"_107":83,"_54":108,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":183,"_124":184,"_126":185,"_48":49},[176,177],"files",[176,177],"counts",{"_167":83,"_168":71,"_169":83,"_34":170,"_171":172},[163,164],"upstreamProject",{"_35":42,"_13":57,"_99":160,"_100":-5,"_50":51,"_122":161},"upstreamBranch",{"_35":36,"_37":158,"_39":159,"_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,"_137":162},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_35":79,"_13":80,"_62":81,"_64":-5,"_65":66,"_67":71,"_68":69,"_37":82,"_17":83,"_72":24,"_74":84,"_76":49,"_77":-5,"_18":166},{"_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":165},[61],[80],"pulls","branches","forks",{"_173":83,"_175":83},"connections",{"_173":83,"_174":83},"count","unfilledCount","emptyCount",{"_35":79,"_13":80,"_62":81,"_64":-5,"_65":66,"_67":71,"_68":69,"_37":92,"_17":83,"_72":24,"_74":84,"_76":49,"_77":-5,"_89":180,"_18":181},{"_35":60,"_13":61,"_62":63,"_64":-5,"_65":66,"_67":31,"_68":69,"_37":88,"_17":71,"_72":73,"_74":75,"_76":49,"_77":-5,"_89":178,"_18":179},[],[61],[],[80],["D",1745949400826],{"_11":12,"_137":133},{"_11":12,"_131":-5,"_132":133,"_101":102,"_134":135,"_136":49},{"_17":31,"_13":16,"_35":66,"_41":95,"_43":36,"_44":83,"_128":51,"_129":42,"_130":55,"_56":14,"_52":12},"ctx",{"_122":-5,"_155":219,"_220":221,"_222":223,"_224":49,"_225":49,"_226":49,"_227":69,"_228":-5,"_229":-7,"_230":-7,"_231":83,"_232":49,"_233":49,"_234":-5,"_235":49,"_236":49,"_237":49,"_238":-5},"ENV",{"_190":191,"_192":193,"_194":16,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","d010005ccf3ba21435d5d6fb7028afb409c58b2e","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