[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_194":195,"_196":197},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_70":140,"_40":-7,"_141":-5,"_17":142,"_143":144,"_145":146,"_147":148,"_149":150,"_98":-5,"_151":152,"_153":154,"_155":47,"_156":157,"_158":26,"_159":-5,"_160":-5,"_161":162},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","charmaine","name","insightfulBrownAnt","branchName","main","project",{"_32":57,"_13":14,"_34":102,"_45":-5,"_103":26,"_48":49,"_104":49,"_105":-5,"_106":-5,"_107":108,"_109":77,"_110":26,"_111":-5,"_112":-5,"_113":58,"_52":114,"_115":-5,"_116":-5,"_117":-5,"_118":-5,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_128":129,"_130":131,"_132":28,"_46":47},"ahead",2,"behind",77,"diff",{"_62":63,"_64":65,"_66":67},"hasChanges",true,"sourceBranch",{"_40":20,"_13":16,"_32":56,"_38":57,"_41":33,"_42":58,"_59":49,"_60":39,"_61":53,"_54":14,"_50":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":22,"_41":-5,"_42":-5,"_43":44,"_45":-5,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55},"pull","id","3aea1a96-1bcc-11f0-a237-569c3dd06744","createdAt",["D",1744922442411],"updatedAt",["D",1744922480635],"projectId","3ae9b952-1bcc-11f0-a237-569c3dd06744","version","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","4dd3c75a-2523-11f0-b0e0-569c3dd06744","4dd38718-2523-11f0-b0e0-569c3dd06744",0,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[68,69],"deleted",[],"modified",[],{"_70":93,"_72":-7,"_73":94},{"_70":71,"_72":-7,"_73":74},"path","main.tsx","targetFile","sourceFile",{"_32":75,"_13":71,"_76":77,"_78":-5,"_79":56,"_80":20,"_81":26,"_34":82,"_40":83,"_84":85,"_86":87,"_64":47,"_88":-5,"_89":-7,"_70":90,"_91":92},"4dda6aa6-2523-11f0-b0e0-569c3dd06744","fileId","4dd59184-2523-11f0-b0e0-569c3dd06744","parentId","branchId","branchVersion","latest",["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};","label","children",[71],"contentHash","0540253c97b376d18e1fd4dfa9ec77d605753b8c7ae8780d31df8d77f1a4d58a","README.md",{"_32":95,"_13":93,"_76":96,"_78":-5,"_79":56,"_80":83,"_81":26,"_34":97,"_40":58,"_84":98,"_86":99,"_64":47,"_88":-5,"_89":-7,"_70":100,"_91":101},"4dd5986e-2523-11f0-b0e0-569c3dd06744","4dd5990e-2523-11f0-b0e0-569c3dd06744",["D",1737660879209],"file","# 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",[93],"548a784a1cbafd9d3b3ae69fb44853683442724bb2e83454ec7709b961f89e99",["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,"_139":135},"org",{"_11":12,"_133":-5,"_134":135,"_107":108,"_136":137,"_138":47},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ4cFpFME5pSXNZamJNd296dlZSYVJ0OVF1RSJ9","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":57,"_13":14,"_34":190,"_45":-5,"_103":26,"_48":49,"_104":49,"_105":-5,"_106":-5,"_107":108,"_109":77,"_110":26,"_111":-5,"_112":-5,"_113":58,"_52":114,"_115":-5,"_116":-5,"_117":-5,"_118":-5,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_128":191,"_130":192,"_132":193,"_46":47},"tree",[184,185],"files",[184,185],"counts",{"_174":58,"_175":83,"_176":58,"_177":178,"_179":180},"contents",[168,169],"upstreamProject",{"_32":39,"_13":55,"_105":165,"_106":-5,"_48":49,"_128":166},"upstreamBranch",{"_32":33,"_34":163,"_36":164,"_13":16,"_38":39,"_40":22,"_41":-5,"_42":-5,"_43":44,"_45":-5,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1744922442411],["D",1744922480635],"Notify the Val Town team when we get new subscribers",{"_11":51,"_139":167},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_32":95,"_13":93,"_76":96,"_78":-5,"_79":56,"_80":83,"_81":26,"_34":172,"_40":58,"_84":98,"_86":99,"_64":47,"_88":-5,"_70":173},{"_32":75,"_13":71,"_76":77,"_78":-5,"_79":56,"_80":20,"_81":26,"_34":170,"_40":83,"_84":85,"_86":87,"_64":47,"_88":-5,"_70":171},["D",1737660979653],[71],["D",1737660879209],[93],"pulls","branches","forks","envVars",{"_181":58,"_183":58},"connections",{"_181":58,"_182":58},"count","unfilledCount","emptyCount",{"_32":95,"_13":93,"_76":96,"_78":-5,"_79":56,"_80":83,"_81":26,"_34":97,"_40":58,"_84":98,"_86":99,"_64":47,"_88":-5,"_89":188,"_70":189},{"_32":75,"_13":71,"_76":77,"_78":-5,"_79":56,"_80":20,"_81":26,"_34":82,"_40":83,"_84":85,"_86":87,"_64":47,"_88":-5,"_89":186,"_70":187},[],[71],[],[93],["D",1745949400826],{"_11":12,"_139":135},{"_11":12,"_133":-5,"_134":135,"_107":108,"_136":137,"_138":47},{"_40":20,"_13":16,"_32":56,"_38":57,"_41":33,"_42":58,"_59":49,"_60":39,"_61":53,"_54":14,"_50":12},"ctx",{"_128":-5,"_160":227,"_228":229,"_230":231,"_232":47,"_233":47,"_234":47,"_235":26,"_236":-5,"_237":-7,"_238":-7,"_239":58,"_240":47,"_241":47,"_242":-5,"_243":47,"_244":47,"_245":47,"_246":-5},"ENV",{"_198":199,"_200":201,"_202":16,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226},"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"]

Compare

Mergecharmaine/mainintostevekrouse/main

README.md+45-0

Hmain.tsx+106-0