[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_163":164,"_165":166},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_123":-5,"_20":124,"_22":125,"_126":127,"_128":129,"_26":130,"_24":131,"_132":-5,"_133":-5,"_134":52,"_135":136,"_137":43,"_138":-5,"_139":-5,"_140":141},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","karkowg","name","domainSanta","branchName","main","version","path","main.tsx","project",{"_33":70,"_13":14,"_44":71,"_72":-5,"_73":43,"_74":75,"_76":75,"_77":-5,"_78":-5,"_79":80,"_81":36,"_82":43,"_83":-5,"_84":-5,"_85":66,"_86":87,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":93,"_94":93,"_95":96,"_97":96,"_98":96,"_99":93,"_100":93,"_101":102,"_103":104,"_105":106,"_107":52},"tree",[55,56],"file",{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_18":54},"contents",[],"upstream","pull","ahead","behind","envVars","id","fe42c0e0-26cd-11f0-9439-569c3dd06744","fileId","fdd2e6da-26cd-11f0-9439-569c3dd06744","parentId","branchId","fdcf8b8e-26cd-11f0-9439-569c3dd06744","branchVersion",14,"latest",true,"createdAt",["D",1743695677681],13,"fileType","http","content","/** @jsxImportSource https://esm.sh/react */\nimport React, { useEffect, useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\nimport { letterVariations } from \"https://esm.town/v/karkowg/domainSantaLetterVariations\";\n\nfunction isValidDomain(domain) {\n const domainRegex = /^(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]$/i;\n return domainRegex.test(domain);\n}\n\nfunction App() {\n const [name, setName] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n const [domain, setDomain] = useState(\"\");\n const [letter, setLetter] = useState(\"\");\n const [submitted, setSubmitted] = useState(false);\n const [domainError, setDomainError] = useState(\"\");\n const [selectedLetterIndex, setSelectedLetterIndex] = useState(0);\n const [usedLetterIndices, setUsedLetterIndices] = useState(new Set());\n\n useEffect(() => {\n selectRandomLetter();\n }, []);\n\n useEffect(() => {\n setLetter(letterVariations[selectedLetterIndex](name || \"[Your Name]\", domain || \"[your dream domain]\"));\n }, [name, domain, selectedLetterIndex]);\n\n const selectRandomLetter = () => {\n let availableIndices = Array.from({ length: letterVariations.length }, (_, i) => i)\n .filter(i => !usedLetterIndices.has(i));\n\n if (availableIndices.length === 0) {\n setUsedLetterIndices(new Set());\n availableIndices = Array.from({ length: letterVariations.length }, (_, i) => i);\n }\n\n const randomIndex = availableIndices[Math.floor(Math.random() * availableIndices.length)];\n setSelectedLetterIndex(randomIndex);\n setUsedLetterIndices(prev => new Set(prev).add(randomIndex));\n };\n\n const handleDomainChange = (e) => {\n const newDomain = e.target.value;\n setDomain(newDomain);\n if (newDomain && !isValidDomain(newDomain)) {\n setDomainError(\"Please enter a valid domain name.\");\n } else {\n setDomainError(\"\");\n }\n };\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n if (domainError) {\n return;\n }\n const response = await fetch(\"/submit\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ name, email, domain, letter }),\n });\n if (response.ok) {\n setSubmitted(true);\n }\n };\n\n const handleCreateNewLetter = () => {\n setSubmitted(false);\n // setName(\"\");\n // setEmail(\"\");\n setDomain(\"\");\n selectRandomLetter();\n };\n\n if (submitted) {\n return (\n

\n 🎄 Thank you for your letter to Domain Santa! 🎅\n

\n Your Christmas domain wish has been sent to Domain Santa's email. Keep coding and believing!\n

\n\n

\n ~~Chris Morrell~~ Domain Santa{\" \"}\n is an all-around good guy in the Laravel community who's been building{\" \"}\n Verbs, a Laravel-y\n event-sourcing package for the average developer. At some point, he used to own 700 domains (listen to{\" \"}\n \n this podcast\n \n ), and more recently he couldn't bear seeing his friend use a domain for his app that wasn't the perfect\n one, so he had to go and buy it for him (btw, you should try{\" \"}\n \n How Tall Is\n \n ). As a funny bit, I have built{\" \"}\n \n Domain Santa\n \n . Yours truly,{\" \"}\n \n @gksh.dev\n \n .\n

\n
Hahahahaha this just made my day.
\n
\n —{\" \"}\n \n Chris Morrell (@cmorrell.com)\n \n November 28, 2024 at 8:01 PM\n
\n

\n\n \n Create New Letter\n \n

\n );\n }\n\n return (\n

🎄 Write to Domain Santa 🎅

\n setName(e.target.value)}\n required\n className=\"w-full p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-red-500\"\n />\n setEmail(e.target.value)}\n required\n className=\"w-full p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-red-500\"\n />\n

\n \n {domainError &&

{domainError}

}\n

\n Your Letter to Domain Santa\n \n 🎲 Pick a Random Letter\n \n

Feel free to edit the letter or write your own from scratch!

\n setLetter(e.target.value)}\n required\n className=\"w-full p-3 border border-gray-300 rounded-md h-64 resize-y focus:outline-none focus:ring-2 focus:ring-red-500\"\n />\n

\n \n Send to ~~Chris Morrell~~ Domain Santa's elves\n \n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/submit\") {\n const { email } = await import(\"https://esm.town/v/std/email\");\n const { name, email: senderEmail, domain, letter } = await request.json();\n\n await email({\n subject: `Domain Santa Letter from ${name}`,\n text: `Name: ${name}\\nEmail: ${senderEmail}\\nDesired Domain: ${domain}\\n\\nLetter:\\n${letter}`,\n html: `\n

Domain Santa Letter

Name: ${name}

Email: ${senderEmail}

Desired Domain: ${domain}

Letter:

${letter}

\n `,\n });\n\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n return new Response(\n `\n \n \n \n \n Domain Santa's Christmas Wish\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","deleted",false,"label",[19],{"_33":61,"_13":62,"_35":63,"_37":-5,"_38":39,"_40":64,"_42":43,"_44":65,"_17":66,"_47":24,"_49":67,"_51":52,"_53":-5,"_58":68,"_18":69},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":57,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_58":59,"_18":60},["D",1743695677681],"children",[],[19],"fdd2ee32-26cd-11f0-9439-569c3dd06744","README.md","fdd2eea0-26cd-11f0-9439-569c3dd06744",1,["D",1732815288453],0,"# domainSanta\n\nSend your domain wishes to Domain Santa! 🌐🎅\nhttps://domainsanta.christmas/",[],[62],"fdcf32d8-26cd-11f0-9439-569c3dd06744",["D",1746132661682],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","12f16358-521f-42fa-ad2e-ad0036c990f6","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","3e71297d-c7a4-48f0-a196-35de6fbf8370","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_122":118},"org",{"_11":12,"_116":-5,"_117":118,"_79":80,"_119":120,"_121":52},"branch",{"_17":41,"_13":16,"_33":39,"_108":70,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":14,"_115":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaXl4M1Z3MGp2UkRoN3FSMUd2eElrWTJnYmgifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":70,"_13":14,"_44":159,"_72":-5,"_73":43,"_74":75,"_76":75,"_77":-5,"_78":-5,"_79":80,"_81":36,"_82":43,"_83":-5,"_84":-5,"_85":66,"_86":87,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":93,"_94":93,"_95":96,"_97":96,"_98":96,"_99":93,"_100":93,"_101":160,"_103":161,"_105":162,"_107":52},[153,154],"files",[153,154],"counts",{"_144":66,"_145":64,"_146":66,"_32":147,"_148":149},[],{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_18":143},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{"_36":142},"domainsanta.christmas",[19],"pulls","branches","forks",{"_150":66,"_152":66},"connections",{"_150":66,"_151":66},"count","unfilledCount","emptyCount",{"_33":61,"_13":62,"_35":63,"_37":-5,"_38":39,"_40":64,"_42":43,"_44":65,"_17":66,"_47":24,"_49":67,"_51":52,"_53":-5,"_58":157,"_18":158},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":57,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_58":155,"_18":156},[],[19],[],[62],["D",1746132661682],{"_11":12,"_122":118},{"_11":12,"_116":-5,"_117":118,"_79":80,"_119":120,"_121":52},{"_17":41,"_13":16,"_33":39,"_108":70,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":14,"_115":12},"ctx",{"_101":-5,"_139":196,"_197":198,"_199":200,"_201":52,"_202":52,"_203":52,"_204":43,"_205":-5,"_206":-7,"_207":-7,"_208":66,"_209":52,"_210":52,"_211":-5,"_212":52,"_213":52,"_214":52,"_215":-5},"ENV",{"_167":168,"_169":170,"_171":16,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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"]