[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_192":193,"_194":195},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_143":-5,"_20":144,"_22":145,"_146":147,"_148":149,"_25":150,"_24":-5,"_151":-5,"_152":-5,"_153":55,"_154":155,"_156":46,"_157":-5,"_158":-5,"_159":160},"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":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","charmaine","name","Clerk-to-Sendgrid","branchName","main","version","path","","project",{"_35":87,"_13":14,"_47":88,"_89":-5,"_90":55,"_91":92,"_93":92,"_94":95,"_96":97,"_98":99,"_100":60,"_101":46,"_102":46,"_103":-5,"_104":105,"_106":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,"_127":55},"tree",[74,75,76],"file","contents",[32,33,34],"upstream","pull","ahead","behind","envVars",{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":70,"_17":71,"_50":24,"_52":72,"_54":55,"_56":-5,"_18":73},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":62,"_17":63,"_50":51,"_52":64,"_54":55,"_56":-5,"_18":65},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":57},"id","98d13b90-60ef-11f0-9e00-0224a6c84d84","main.tsx","fileId","bc993838-60e1-11f0-9916-0224a6c84d84","parentId","branchId","bc96d9a8-60e1-11f0-9916-0224a6c84d84","branchVersion",38,"latest",true,"createdAt",["D",1752524262567],14,"fileType","http","content","/** @jsxImportSource npm:hono@3/jsx */\nimport { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport sgMail from \"npm:@sendgrid/mail\";\nimport { welcomeEmail } from \"./email-body.tsx\";\n\nconst app = new Hono();\n\nsgMail.setApiKey(Deno.env.get(\"SENDGRID_API_KEY\"));\n\napp.get(\"/\", (c) =>\n c.html(\n

Clerk to SendGrid Welcome Email

\n Automatically sends welcome emails when new users sign up via Clerk\n webhooks. Read the README.md for setup instructions.\n

,\n ));\n\napp.post(\"/\", async (c) => {\n const { type, data } = await c.req.json();\n\n if (type === \"user.created\") {\n await sgMail.send({\n to: data.email_addresses[0].email_address,\n from: \"Charmaine Lee \",\n subject: \"Welcome! Get started with your account\",\n html: welcomeEmail,\n });\n }\n\n return c.text(\"ok\");\n});\n\napp.onError((e) => Promise.reject(e));\nexport default app.fetch;","deleted",false,"label",[37],"8c915dca-60e4-11f0-b2dc-0224a6c84d84","email-body.tsx","d268997e-60e1-11f0-acd1-0224a6c84d84",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);",[59],"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",[67],{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":84,"_17":71,"_50":24,"_52":72,"_54":55,"_56":-5,"_78":85,"_18":86},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":81,"_17":63,"_50":51,"_52":64,"_54":55,"_56":-5,"_78":82,"_18":83},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":77,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_78":79,"_18":80},["D",1752524262567],"children",[],[37],["D",1752519517552],[],[59],["D",1752523549100],[],[67],"bc967c9c-60e1-11f0-9916-0224a6c84d84",["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=1789585199&sig=9ed626675e54dc273e3548bd8fb40ae7f28d98f149c0199d2b180912cbe264b8","userId","c156eb0e-8b9d-4104-a055-502e9a0eb441","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",2,"orgId","2019e55b-c541-4c51-bef0-008eef10ef88","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_142":138},"org",{"_11":12,"_136":-5,"_137":138,"_98":99,"_139":140,"_141":55},"branch",{"_17":44,"_13":16,"_35":42,"_128":87,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":14,"_135":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ4cFpFME5pSXNZamJNd296dlZSYVJ0OVF1RSJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":87,"_13":14,"_47":188,"_89":-5,"_90":55,"_91":92,"_93":92,"_94":95,"_96":97,"_98":99,"_100":60,"_101":46,"_102":46,"_103":-5,"_104":105,"_106":107,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":113,"_114":113,"_115":116,"_117":116,"_118":116,"_119":113,"_120":113,"_121":189,"_123":190,"_125":191,"_127":55},[179,180,181],"files",[179,180,181],"counts",{"_167":168,"_169":170,"_171":172,"_31":173,"_174":175},[161,162,163],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":70,"_17":71,"_50":24,"_52":72,"_54":55,"_56":-5,"_18":166},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":62,"_17":63,"_50":51,"_52":64,"_54":55,"_56":-5,"_18":165},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":164},[37],[59],[67],"pulls",0,"branches",1,"forks",3,{"_176":170,"_178":168},"connections",{"_176":168,"_177":168},"count","unfilledCount","emptyCount",{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":84,"_17":71,"_50":24,"_52":72,"_54":55,"_56":-5,"_78":186,"_18":187},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":81,"_17":63,"_50":51,"_52":64,"_54":55,"_56":-5,"_78":184,"_18":185},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":77,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_78":182,"_18":183},[],[37],[],[59],[],[67],["D",1752518309632],{"_11":12,"_142":138},{"_11":12,"_136":-5,"_137":138,"_98":99,"_139":140,"_141":55},{"_17":44,"_13":16,"_35":42,"_128":87,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":14,"_135":12},"ctx",{"_121":-5,"_158":225,"_226":227,"_228":229,"_230":55,"_231":55,"_232":55,"_233":46,"_234":-5,"_235":-7,"_236":-7,"_237":168,"_238":55,"_239":55,"_240":-5,"_241":55,"_242":55,"_243":55,"_244":-5},"ENV",{"_196":197,"_198":199,"_200":16,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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