[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_179":180,"_181":182},"routes/_app.x.$handle.$name",{"_102":101,"_32":49,"_110":89,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_21":-5,"_122":123,"_124":125,"_126":25,"_127":128,"_129":53,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_47":48,"_32":49,"_36":50,"_51":-5,"_52":53,"_54":55,"_56":55,"_57":-5,"_58":-5,"_18":59,"_60":43,"_61":53,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":25},"version",1,"changes",[19,20],"aiChatInfo","userId",{"_21":41,"_23":-7,"_24":25,"_26":25,"_27":42,"_29":42},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":21,"_34":35,"_36":37,"_38":14,"_39":40,"_24":25},"previous","deleted",false,"deletedHere","path","README.md","latestPath","fileId","34a54c5e-2523-11f0-b0e0-569c3dd06744","name","fileType","content","# Cancelled Stripe Subscription Handler\n\nThis val processes cancelled Stripe subscribers to Val Town Pro. It sends our team\na Discord notification. It takes a couple of steps 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.cancelled` 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. Sends off the Discord message \n","createdAt",["D",1737668919939],"branchVersion","branchId","34a377f8-2523-11f0-b0e0-569c3dd06744",{"_30":43,"_32":42,"_33":44,"_34":45,"_36":46,"_38":14,"_39":40,"_24":25},"main.tsx","34a54416-2523-11f0-b0e0-569c3dd06744","http","/** @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};",["D",1737668919939],"id","34a33478-2523-11f0-b0e0-569c3dd06744","cancelledStripeSubscriber",["D",1745949358566],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","c156eb0e-8b9d-4104-a055-502e9a0eb441","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","2019e55b-c541-4c51-bef0-008eef10ef88","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_109":105},"org",{"_102":101,"_103":-5,"_104":105,"_18":59,"_106":107,"_108":25},"branch",{"_13":88,"_32":89,"_47":40,"_90":48,"_91":92,"_93":65,"_94":55,"_95":96,"_97":98,"_99":49,"_100":101},"isOwned",7,"main","projectId","forkedBranchId","3aea1a96-1bcc-11f0-a237-569c3dd06744","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","3ae9b952-1bcc-11f0-a237-569c3dd06744","forkedProjectOrgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName","userHandle","charmaine","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ4cFpFME5pSXNZamJNd296dlZSYVJ0OVF1RSJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_47":48,"_32":49,"_36":175,"_51":-5,"_52":53,"_54":55,"_56":55,"_57":-5,"_58":-5,"_18":59,"_60":43,"_61":53,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":176,"_83":177,"_85":178,"_87":25},"tree",[166,167],"files",[166,167],"counts",{"_156":65,"_157":14,"_158":65,"_159":160,"_161":162},"contents",[145,146],"upstreamProject",{"_47":96,"_32":141,"_57":142,"_58":-5,"_54":55,"_81":143},"upstreamBranch",{"_47":92,"_36":134,"_135":136,"_32":89,"_90":96,"_13":137,"_91":-5,"_93":-5,"_138":139,"_51":-5,"_87":25,"_54":55,"_100":140,"_66":98,"_99":141},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1744922442411],"updatedAt",["D",1744922480635],77,"lockfileKey","1744922481151-esm.town_v_stevekrouse_newStripeSubscriber@77-main","stevekrouse","newStripeSubscriber","Notify the Val Town team when we get new subscribers",{"_102":140,"_109":144},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_47":153,"_32":28,"_30":31,"_148":-5,"_39":40,"_38":14,"_149":53,"_36":154,"_13":65,"_33":21,"_34":35,"_24":25,"_151":-5,"_27":155},{"_47":147,"_32":42,"_30":43,"_148":-5,"_39":40,"_38":14,"_149":25,"_36":150,"_13":65,"_33":44,"_34":45,"_24":25,"_151":-5,"_27":152},"34a54362-2523-11f0-b0e0-569c3dd06744","parentId","latest",["D",1737668919939],"label",[42],"34a54bbe-2523-11f0-b0e0-569c3dd06744",["D",1737668919939],[28],"pulls","branches","forks","envVars",{"_163":65,"_165":65},"connections",{"_163":65,"_164":65},"count","unfilledCount","emptyCount",{"_47":153,"_32":28,"_30":31,"_148":-5,"_39":40,"_38":14,"_149":53,"_36":172,"_13":65,"_33":21,"_34":35,"_24":25,"_151":-5,"_169":173,"_27":174},{"_47":147,"_32":42,"_30":43,"_148":-5,"_39":40,"_38":14,"_149":25,"_36":168,"_13":65,"_33":44,"_34":45,"_24":25,"_151":-5,"_169":170,"_27":171},["D",1737668919939],"children",[],[42],["D",1737668919939],[],[28],["D",1745949358566],{"_102":101,"_109":105},{"_102":101,"_103":-5,"_104":105,"_18":59,"_106":107,"_108":25},{"_13":88,"_32":89,"_47":40,"_90":48,"_91":92,"_93":65,"_94":55,"_95":96,"_97":98,"_99":49,"_100":101},"ctx",{"_81":-5,"_131":212,"_213":214,"_215":216,"_217":25,"_218":25,"_219":25,"_220":53,"_221":-5,"_222":-7,"_223":-7,"_224":65,"_225":25,"_226":25,"_227":-5,"_228":25,"_229":25,"_230":25,"_231":-5},"ENV",{"_183":184,"_185":186,"_187":89,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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"]

Diff · v1