Email Form

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_167":168,"_169":170},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_126":-5,"_20":127,"_22":128,"_129":130,"_131":132,"_25":133,"_24":-5,"_134":-5,"_135":-5,"_136":54,"_137":138,"_139":45,"_140":-5,"_141":-5,"_142":143},"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","kfcafe","name","wurkContactForm2","branchName","main","version","path","","project",{"_34":73,"_13":14,"_46":74,"_75":-5,"_76":54,"_77":78,"_79":78,"_80":19,"_81":-5,"_82":83,"_84":-5,"_85":54,"_86":-5,"_87":-5,"_88":61,"_89":90,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":96,"_97":96,"_98":99,"_100":99,"_101":99,"_102":96,"_103":96,"_104":105,"_106":107,"_108":109,"_110":54},"tree",[64,65],"file","contents",[32,33],"upstream","pull","ahead","behind","envVars",{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":48,"_44":45,"_46":60,"_17":61,"_49":24,"_51":62,"_53":54,"_55":-5,"_18":63},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":56},"id","f376e128-316c-11f1-9175-42dde27851f2","main.tsx","fileId","f3432018-316c-11f1-9175-42dde27851f2","parentId","branchId","f2a78c7a-316c-11f1-b3ab-42dde27851f2","branchVersion",3,"latest",true,"createdAt",["D",1775447943597],1,"fileType","http","content","import { blob } from \"https://esm.town/v/std/blob?v=11\";\nimport { email } from \"https://esm.town/v/std/email?v=11\";\nimport { thisWebURL } from \"https://esm.town/v/stevekrouse/thisWebURL?v=2\";\n\nexport const renderFormAndSaveData = async (req: Request) => {\n // A visit from a web browser? Serve a HTML page with a form\n if (req.method === \"GET\") {\n return new Response(\n `\n\n\n\n Email Form\n\n\n \n\n\n `,\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n }\n\n // Get existing list of submitted email addresses\n let submittedEmailAddresses = await blob.getJSON(\"submittedEmailAddresses\") as string[];\n\n // If there were no email addresses stored, create an empty array\n submittedEmailAddresses ??= [];\n\n // Pick out the form data\n const formData = await req.formData();\n const emailAddress = formData.get(\"email\") as string;\n if (submittedEmailAddresses.includes(emailAddress)) {\n return new Response(\"You're already signed up!\");\n }\n email({ text: `${emailAddress} just signed up!`, subject: \"New sign up\" });\n // Store form data\n submittedEmailAddresses.push(emailAddress);\n await blob.setJSON(\"submittedEmailAddresses\", submittedEmailAddresses);\n\n return new Response(\"Thanks! You're signed up!\");\n};","deleted",false,"label",[36],"f33e0b1e-316c-11f1-b3ab-42dde27851f2","README.md","f33e0bdc-316c-11f1-b3ab-42dde27851f2",["D",1775447943225],0,"null\n\nMigrated from folder: examples/saveFormDataExample",[58],{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":48,"_44":45,"_46":70,"_17":61,"_49":24,"_51":62,"_53":54,"_55":-5,"_67":71,"_18":72},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":66,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_67":68,"_18":69},["D",1775447943597],"children",[],[36],["D",1775447943225],[],[58],"f2a727b2-316c-11f1-b3ab-42dde27851f2",["D",1775447942242],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","019c79d0-c930-77af-a02e-be2ab0469c2b","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019c79d0-c930-77af-a02e-c12eb9f377e8","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_125":121},"org",{"_11":12,"_119":-5,"_120":121,"_82":83,"_122":123,"_124":54},"branch",{"_17":43,"_13":16,"_34":41,"_111":73,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":14,"_118":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zOXZJWmFtbmNhNEJ2TWVmZnVJenRaeFY4b3IifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":73,"_13":14,"_46":163,"_75":-5,"_76":54,"_77":78,"_79":78,"_80":19,"_81":-5,"_82":83,"_84":-5,"_85":54,"_86":-5,"_87":-5,"_88":61,"_89":90,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":96,"_97":96,"_98":99,"_100":99,"_101":99,"_102":96,"_103":96,"_104":164,"_106":165,"_108":166,"_110":54},[157,158],"files",[157,158],"counts",{"_148":61,"_149":48,"_150":61,"_31":151,"_152":153},[144,145],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":48,"_44":45,"_46":60,"_17":61,"_49":24,"_51":62,"_53":54,"_55":-5,"_18":147},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":146},[36],[58],"pulls","branches","forks",{"_154":61,"_156":61},"connections",{"_154":61,"_155":61},"count","unfilledCount","emptyCount",{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":48,"_44":45,"_46":70,"_17":61,"_49":24,"_51":62,"_53":54,"_55":-5,"_67":161,"_18":162},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":66,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_67":159,"_18":160},[],[36],[],[58],["D",1775447942242],{"_11":12,"_125":121},{"_11":12,"_119":-5,"_120":121,"_82":83,"_122":123,"_124":54},{"_17":43,"_13":16,"_34":41,"_111":73,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":14,"_118":12},"ctx",{"_104":-5,"_141":200,"_201":202,"_203":204,"_205":54,"_206":54,"_207":54,"_208":45,"_209":-5,"_210":-7,"_211":-7,"_212":61,"_213":54,"_214":54,"_215":-5,"_216":54,"_217":54,"_218":54,"_219":-5},"ENV",{"_171":172,"_173":174,"_175":16,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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