[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_183":184,"_185":186},"routes/_app.x.$handle.$name",{"_98":97,"_32":45,"_106":88,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":25,"_121":122,"_123":60,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",36,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","bc993838-60e1-11f0-9916-0224a6c84d84","name","fileType","http","content","import sgMail from \"npm:@sendgrid/mail\";\nimport { welcomeEmail } from \"./email-body.tsx\";\n\nconst SENDGRID_API_KEY = Deno.env.get(\"SENDGRID_API_KEY\");\nconst FROM_EMAIL = \"charmaine@val.town\"; // this must be your verified domain in sendgrid\nconst FROM_NAME = \"Charmaine Lee\";\nconst EMAIL_SUBJECT = \"Welcome! Get started with your account\";\n\nsgMail.setApiKey(SENDGRID_API_KEY);\n\nexport async function newUserWelcomeEmail(req: Request): Promise {\n if (req.method !== \"POST\") return new Response(\"Method not allowed\", { status: 405 });\n\n const { type, data } = await req.json();\n\n if (type === \"user.created\") {\n const emailAddress = data.email_addresses[0].email_address;\n await sgMail.send({\n to: emailAddress,\n from: `${FROM_NAME} <${FROM_EMAIL}>`,\n subject: EMAIL_SUBJECT,\n html: welcomeEmail,\n });\n }\n\n return new Response(\"ok\");\n}","import sgMail from \"npm:@sendgrid/mail\";\nimport { welcomeEmail } from \"./email-body.tsx\";\n\nconst SENDGRID_API_KEY = Deno.env.get(\"SENDGRID_API_KEY\");\nconst FROM_EMAIL = \"charmaine@val.town\"; // this must be your verified domain in sendgrid\nconst FROM_NAME = \"Charmaine Lee\";\nconst EMAIL_SUBJECT = \"Welcome! Get started with your account\";\n\nsgMail.setApiKey(SENDGRID_API_KEY);\n\nexport async function newUserWelcomeEmail(req: Request): Promise {\n if (req.method === \"GET\") {\n return new Response(\n `

Clerk to SendGrid Welcome Email

\n Automatically sends welcome emails when new users sign up via Clerk webhooks\n

`,\n {\n status: 200,\n headers: {\n \"Content-Type\": \"text/html\",\n },\n },\n );\n }\n\n if (req.method !== \"POST\") return new Response(\"Method not allowed\", { status: 405 });\n\n const { type, data } = await req.json();\n\n if (type === \"user.created\") {\n const emailAddress = data.email_addresses[0].email_address;\n await sgMail.send({\n to: emailAddress,\n from: `${FROM_NAME} <${FROM_EMAIL}>`,\n subject: EMAIL_SUBJECT,\n html: welcomeEmail,\n });\n }\n\n return new Response(\"ok\");\n}","createdAt",["D",1752523622940],"branchVersion","branchId","bc96d9a8-60e1-11f0-9916-0224a6c84d84","id","bc967c9c-60e1-11f0-9916-0224a6c84d84","Clerk-to-Sendgrid",["D",1752518309632],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Send welcome email when new users sign up","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/4140b5f9-8e44-41ec-0eba-99ae41e3e800/square512?exp=1789592399&sig=e76540307b85ad4082cb9e0564c93e57adf3d6465029a9cfc28dd40777a90d2b","c156eb0e-8b9d-4104-a055-502e9a0eb441","pinnedFileId","d268997e-60e1-11f0-acd1-0224a6c84d84","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",2,"orgId","2019e55b-c541-4c51-bef0-008eef10ef88","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":56,"_102":103,"_104":25},"branch",{"_13":87,"_32":88,"_43":42,"_89":44,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":45,"_96":97},"isOwned",38,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","charmaine","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ4cFpFME5pSXNZamJNd296dlZSYVJ0OVF1RSJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":179,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":180,"_82":181,"_84":182,"_86":25},"tree",[166,167,168],"files",[166,167,168],"counts",{"_153":154,"_155":156,"_157":158,"_159":160,"_161":162},"contents",[128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":145,"_32":146,"_30":147,"_132":-5,"_41":42,"_40":148,"_133":60,"_38":149,"_13":150,"_33":20,"_35":151,"_24":25,"_136":-5,"_27":152},{"_43":138,"_32":139,"_30":58,"_132":-5,"_41":42,"_40":140,"_133":60,"_38":141,"_13":142,"_33":34,"_35":143,"_24":25,"_136":-5,"_27":144},{"_43":131,"_32":28,"_30":31,"_132":-5,"_41":42,"_40":14,"_133":25,"_38":134,"_13":135,"_33":34,"_35":37,"_24":25,"_136":-5,"_27":137},"1b91ffa8-60ee-11f0-9a66-0224a6c84d84","parentId","latest",["D",1752523622940],12,"label",[28],"8c915dca-60e4-11f0-b2dc-0224a6c84d84","email-body.tsx",26,["D",1752519517552],8,"/** @jsxImportSource https://esm.sh/react */\nimport { html } from \"https://esm.town/v/stevekrouse/html\";\nimport { renderToString } from \"npm:react-dom/server\";\n\nexport let welcomeEmail = renderToString(\n

Welcome!

\n Thanks for signing up! We're excited to have you on board.\n

\n Get started:\n

Complete your profile setup
Explore the dashboard
Check out our help documentation

\n Need help?\n

\n Reply to this email or contact our support team. We're here to help!\n

\n We'd love to hear your feedback about your experience so far.\n

Thanks,

The Team

,\n);\n\nexport default () => html(welcomeEmail);",[139],"ef8e6716-60ed-11f0-b918-0224a6c84d84","README.md","40ac122e-60e4-11f0-926a-0224a6c84d84",35,["D",1752523549100],6,"# Clerk to SendGrid Welcome Email\n\nAutomatically sends welcome emails when new users sign up via Clerk webhooks.\n\n**_Example email for new user:_**\n![Screenshot 2025-07-14 at 4.03.57 PM.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/476af4dc-57c7-40e8-a00c-359dee138500/public)\n\n## Setup\n\n1. Set `SENDGRID_API_KEY` environment variable\n2. Update constants in `main.tsx`: `FROM_EMAIL`, `FROM_NAME`, `EMAIL_SUBJECT` and the email body in `email-body.tsx`\n3. Get HTTP endpoint URL for `main.tsx`\n4. Add that HTTP endpoint URL as a webhook in Clerk dashboard for `user.created` events",[146],"pulls",0,"branches",1,"forks",3,"envVars",{"_163":156,"_165":154},"connections",{"_163":154,"_164":154},"count","unfilledCount","emptyCount",{"_43":145,"_32":146,"_30":147,"_132":-5,"_41":42,"_40":148,"_133":60,"_38":176,"_13":150,"_33":20,"_35":151,"_24":25,"_136":-5,"_170":177,"_27":178},{"_43":138,"_32":139,"_30":58,"_132":-5,"_41":42,"_40":140,"_133":60,"_38":173,"_13":142,"_33":34,"_35":143,"_24":25,"_136":-5,"_170":174,"_27":175},{"_43":131,"_32":28,"_30":31,"_132":-5,"_41":42,"_40":14,"_133":25,"_38":169,"_13":135,"_33":34,"_35":37,"_24":25,"_136":-5,"_170":171,"_27":172},["D",1752523622940],"children",[],[28],["D",1752519517552],[],[139],["D",1752523549100],[],[146],["D",1752518309632],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":56,"_102":103,"_104":25},{"_13":87,"_32":88,"_43":42,"_89":44,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":45,"_96":97},"ctx",{"_80":-5,"_125":216,"_217":218,"_219":220,"_221":25,"_222":25,"_223":25,"_224":60,"_225":-5,"_226":-7,"_227":-7,"_228":154,"_229":25,"_230":25,"_231":-5,"_232":25,"_233":25,"_234":25,"_235":-5},"ENV",{"_187":188,"_189":190,"_191":88,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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 · v36