[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_203":204,"_205":206},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_149":-5,"_20":150,"_22":151,"_152":153,"_154":155,"_25":156,"_24":-5,"_157":158,"_159":160,"_161":50,"_162":163,"_164":71,"_165":-5,"_166":-5,"_167":168},"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","danrrr","name","Clerk-to-Sendgrid","branchName","main","version","path","","project",{"_35":106,"_13":14,"_37":107,"_48":-5,"_108":50,"_51":52,"_109":52,"_110":-5,"_111":-5,"_112":113,"_114":82,"_115":71,"_116":71,"_117":-5,"_118":69,"_55":119,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_133":134,"_135":136,"_137":138,"_49":50},"tree",[93,94,95],"file","contents",[58,59,60],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"pull","ahead",7,"behind",0,"envVars","id","bc96d9a8-60e1-11f0-9916-0224a6c84d84","createdAt",["D",1752518309632],"updatedAt",["D",1752524262567],"projectId","bc967c9c-60e1-11f0-9916-0224a6c84d84",38,"forkedBranchId","forkedBranchVersion","lockfileKey","1752524279149-esm.town_v_charmaine_Clerk-to-Sendgrid@38-main","deletedAt","isOwned",false,"privacy","public","userHandle","charmaine","orgId","2019e55b-c541-4c51-bef0-008eef10ef88","projectName",{"_35":87,"_13":88,"_63":89,"_65":-5,"_66":67,"_68":69,"_70":71,"_37":90,"_17":33,"_73":24,"_75":91,"_77":50,"_78":-5,"_18":92},{"_35":80,"_13":81,"_63":82,"_65":-5,"_66":67,"_68":83,"_70":71,"_37":84,"_17":31,"_73":74,"_75":85,"_77":50,"_78":-5,"_18":86},{"_35":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":69,"_70":71,"_37":72,"_17":33,"_73":74,"_75":76,"_77":50,"_78":-5,"_18":79},"14661c56-6a16-11f0-915a-0224a6c84d84","main.tsx","fileId","0198468d-be88-723f-9139-1489f339c72c","parentId","branchId","1460a802-6a16-11f0-915a-0224a6c84d84","branchVersion",1,"latest",true,["D",1753530351166],"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","label",[62],"46daa404-6a16-11f0-8e0f-0224a6c84d84","email-body.tsx","0198468d-be88-723f-9139-13a446440429",8,["D",1753530435895],"/** @jsxImportSource https://esm.sh/react */\n// import { html } from \"https://esm.town/v/stevekrouse/html\";\n// import { renderToString } from \"npm:react-dom/server\";\n\n\n export default function LandingPage() {\n return (\n

\n Step Into the Unknown\n

\n Discover what lies beyond. A portal to creativity, exploration, and new dimensions awaits. Are you ready to walk the path?\n

\n \n Enter the Portal\n \n\n

\n \n

\n);\n }\n\n// export default () => html(welcomeEmail);",[81],"14661242-6a16-11f0-915a-0224a6c84d84","README.md","0198468d-be88-723f-9139-0df0112a68ab",["D",1753530351166],"# 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",[88],{"_35":87,"_13":88,"_63":89,"_65":-5,"_66":67,"_68":69,"_70":71,"_37":103,"_17":33,"_73":24,"_75":91,"_77":50,"_78":-5,"_97":104,"_18":105},{"_35":80,"_13":81,"_63":82,"_65":-5,"_66":67,"_68":83,"_70":71,"_37":100,"_17":31,"_73":74,"_75":85,"_77":50,"_78":-5,"_97":101,"_18":102},{"_35":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":69,"_70":71,"_37":96,"_17":33,"_73":74,"_75":76,"_77":50,"_78":-5,"_97":98,"_18":99},["D",1753530351166],"children",[],[62],["D",1753530435895],[],[81],["D",1753530351166],[],[88],"145c9370-6a16-11f0-915a-0224a6c84d84",["D",1753530351166],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","0198465f-1ff8-740d-9902-6fe99ae04359","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","0198465f-1ff8-740d-9902-701b14f437aa","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_148":144},"org",{"_11":12,"_142":-5,"_143":144,"_112":113,"_145":146,"_147":50},"branch",{"_17":83,"_13":16,"_35":67,"_41":106,"_44":36,"_45":43,"_139":52,"_140":42,"_141":56,"_57":14,"_53":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zMFBSYkduOEhXN0xTYXF4RDRXYjdPRTNLVVIifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":106,"_13":14,"_37":199,"_48":-5,"_108":50,"_51":52,"_109":52,"_110":-5,"_111":-5,"_112":113,"_114":82,"_115":71,"_116":71,"_117":-5,"_118":69,"_55":119,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_133":200,"_135":201,"_137":202,"_49":50},[190,191,192],"files",[190,191,192],"counts",{"_181":69,"_182":69,"_183":69,"_34":184,"_185":186},[175,176,177],"upstreamProject",{"_35":42,"_13":14,"_110":171,"_111":172,"_51":52,"_133":173},"upstreamBranch",{"_35":36,"_37":169,"_39":170,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1752518309632],["D",1752524262567],"Send welcome email when new users sign up","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/4140b5f9-8e44-41ec-0eba-99ae41e3e800/square512?exp=1789588244&sig=c3e502bf9d1b2e010b9d0c98af357fb00704d0f9513dc7c02d0313e4df4ebfe8",{"_11":54,"_148":174},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ4cFpFME5pSXNZamJNd296dlZSYVJ0OVF1RSJ9",{"_35":87,"_13":88,"_63":89,"_65":-5,"_66":67,"_68":69,"_70":71,"_37":90,"_17":33,"_73":24,"_75":91,"_77":50,"_78":-5,"_18":180},{"_35":80,"_13":81,"_63":82,"_65":-5,"_66":67,"_68":83,"_70":71,"_37":84,"_17":31,"_73":74,"_75":85,"_77":50,"_78":-5,"_18":179},{"_35":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":69,"_70":71,"_37":72,"_17":33,"_73":74,"_75":76,"_77":50,"_78":-5,"_18":178},[62],[81],[88],"pulls","branches","forks",{"_187":69,"_189":69},"connections",{"_187":33,"_188":33},"count","unfilledCount","emptyCount",{"_35":87,"_13":88,"_63":89,"_65":-5,"_66":67,"_68":69,"_70":71,"_37":103,"_17":33,"_73":24,"_75":91,"_77":50,"_78":-5,"_97":197,"_18":198},{"_35":80,"_13":81,"_63":82,"_65":-5,"_66":67,"_68":83,"_70":71,"_37":100,"_17":31,"_73":74,"_75":85,"_77":50,"_78":-5,"_97":195,"_18":196},{"_35":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":69,"_70":71,"_37":96,"_17":33,"_73":74,"_75":76,"_77":50,"_78":-5,"_97":193,"_18":194},[],[62],[],[81],[],[88],["D",1753530351166],{"_11":12,"_148":144},{"_11":12,"_142":-5,"_143":144,"_112":113,"_145":146,"_147":50},{"_17":83,"_13":16,"_35":67,"_41":106,"_44":36,"_45":43,"_139":52,"_140":42,"_141":56,"_57":14,"_53":12},"ctx",{"_133":-5,"_166":236,"_237":238,"_239":240,"_241":50,"_242":50,"_243":50,"_244":71,"_245":-5,"_246":-7,"_247":-7,"_248":33,"_249":50,"_250":50,"_251":-5,"_252":50,"_253":50,"_254":50,"_255":-5},"ENV",{"_207":208,"_209":210,"_211":16,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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