[{"_1":2,"_198":-5,"_199":-5},"loaderData",{"_3":4,"_91":92,"_175":176,"_197":-5},"root",{"_5":6,"_32":33,"_58":59,"_89":90},"ctx",{"_7":8,"_18":19,"_20":-5,"_21":22,"_23":24,"_25":26,"_27":26,"_28":29,"_30":31},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"sessionClaims","sessionId","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","environmentVariableKeys",[],"user","preferences_keybindings","default","preferences_theme","light","preferences_fixers",false,"preferences_copilot","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","6171a882960675a9c0be45778fe5054e1a22862d","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","WORKER_FINGERPRINT","799d99f2805306c2714a7cfefbeae178","clerkState",{"_60":61},"__internal_clerk_state",{"_62":63,"_64":43,"_65":66,"_67":66,"_68":26,"_69":66,"_70":66,"_71":66,"_72":66,"_73":66,"_74":66,"_75":66,"_76":66,"_77":78,"_87":26,"_88":26},"__clerk_ssr_state",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_79":26,"_80":66,"_81":82,"_83":66,"_84":43,"_85":26,"_86":66},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/_app.v.$handle.$name",{"_93":94,"_95":96,"_94":97,"_161":-5,"_162":-5,"_163":164,"_129":130,"_137":138,"_100":101,"_98":99,"_117":-7,"_50":51,"_174":26},"type","val","author","94b26b40-ed42-11ef-8139-5783405cc753",{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":-5,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":116,"_117":118,"_119":26,"_120":31,"_121":31,"_122":31,"_123":124,"_125":124,"_126":31,"_127":-5,"_20":128,"_133":-5,"_134":-7,"_135":136,"_137":138,"_139":140},"name","girlfriendProposalApp","valNameId","a2a94f8e-ed5b-11ef-85e1-e6cdfca9ef9f","parentFolderId","isOwned","privacy","public","readme","valType","http","currentVersion","f2a3fece-ed62-11ef-b0fe-e6cdfca9ef9f","legacyPrivate","id","code","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction App() {\n const [result, setResult] = useState(null);\n\n const handleYes = async () => {\n setResult(\"💘\");\n try {\n // Send SMS\n const smsResponse = await fetch('/send-sms', { method: 'POST' });\n const smsResult = await smsResponse.text();\n console.log(smsResult);\n\n // Send Email\n const emailResponse = await fetch('/send-email', { method: 'POST' });\n const emailResult = await emailResponse.text();\n console.log(emailResult);\n\n // Send Notification\n const notificationResponse = await fetch('/send-notification', { method: 'POST' });\n const notificationResult = await notificationResponse.text();\n console.log(notificationResult);\n } catch (error) {\n console.error('Sending failed', error);\n }\n };\n\n const handleNo = () => {\n setResult(\"😭\");\n };\n\n return (\n

Will You Be My Girlfriend?

\n \n \n

\n {result &&

{result}

}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n // Generate Val Town email address dynamically\n const valName = new URL(import.meta.url).pathname.split(\"/\").slice(-2).join(\".\");\n const valEmail = `${valName}@valtown.email`;\n\n // SMS Sending Endpoint\n if (request.method === 'POST' && new URL(request.url).pathname === '/send-sms') {\n try {\n const { twilio } = await import(\"https://esm.town/v/std/twilio\");\n await twilio.messages.create({\n body: \"She said yes! 💘\",\n from: \"+15005550006\", // Twilio test number\n to: \"+233558082899\"\n });\n return new Response(\"SMS sent successfully!\", { status: 200 });\n } catch (error) {\n return new Response(`SMS sending failed: ${error}`, { status: 500 });\n }\n }\n\n // Email Sending Endpoint\n if (request.method === 'POST' && new URL(request.url).pathname === '/send-email') {\n try {\n const { email } = await import(\"https://esm.town/v/std/email\");\n \n // Detailed logging\n console.log(\"Attempting to send email...\");\n \n const result = await email({\n from: \"unclefii@val.town\", // Added explicit from address\n to: [valEmail], // Use dynamically generated Val Town email\n subject: \"Exciting News! 💘\",\n text: \"She said yes! This is an important message from your special someone.\",\n html: `\n \n \n

She said yes! 💘

Love is in the air!

This is an important message from your special someone.

Sent to: ${valEmail}

\n \n \n `\n });\n \n // Log the result of email sending\n console.log(\"Email sending result:\", result);\n \n return new Response(\"Email sent successfully!\", { status: 200 });\n } catch (error) {\n // More detailed error logging\n console.error(\"Detailed email sending error:\", error);\n return new Response(`Email sending failed: ${JSON.stringify(error)}`, { status: 500 });\n }\n }\n\n // Notification Sending Endpoint\n if (request.method === 'POST' && new URL(request.url).pathname === '/send-notification') {\n try {\n const { notify } = await import(\"https://esm.town/v/std/notify\");\n await notify({\n title: \"Girlfriend Proposal Update 💘\",\n body: \"She said YES! Congratulations! 🎉\",\n to: valEmail // Send notification to the dynamically generated Val Town email\n });\n return new Response(\"Notification sent successfully!\", { status: 200 });\n } catch (error) {\n return new Response(`Notification sending failed: ${error}`, { status: 500 });\n }\n }\n\n return new Response(`\n \n \n Be My Girlfriend?\n \n \n \n

\n \n \n \n \n `, {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst styles = {\n container: {\n display: 'flex',\n flexDirection: 'column' as const,\n alignItems: 'center',\n justifyContent: 'center',\n height: '100vh',\n fontFamily: 'Arial, sans-serif',\n backgroundColor: '#FFB6C1',\n },\n title: {\n color: '#FF1493',\n marginBottom: '20px',\n },\n buttonContainer: {\n display: 'flex',\n gap: '20px',\n },\n yesButton: {\n padding: '10px 20px',\n fontSize: '18px',\n backgroundColor: '#32CD32',\n color: 'white',\n border: 'none',\n borderRadius: '5px',\n cursor: 'pointer',\n },\n noButton: {\n padding: '10px 20px',\n fontSize: '18px',\n backgroundColor: '#FF4500',\n color: 'white',\n border: 'none',\n borderRadius: '5px',\n cursor: 'pointer',\n },\n emoji: {\n fontSize: '100px',\n marginTop: '20px',\n },\n};","createdAt",["D",1739819470492],"version",5,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount",1,"commentCount","prCount","mergedPr",{"_129":130,"_131":132},"handle","Unclefii","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ0QXI0SUdGbW9XYlJTWHdZYmFNUDJLa25FciJ9","forkedVal","interval","slug","Unclefii/girlfriendProposalApp","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[141,144,148,152,155,158],{"_117":118,"_142":-5,"_115":143,"_112":110},"prId",["D",1739819470492],{"_117":145,"_142":-5,"_115":146,"_112":147},4,["D",1739819182822],"472afaa2-ed62-11ef-b19d-e6cdfca9ef9f",{"_117":149,"_142":-5,"_115":150,"_112":151},3,["D",1739818766913],"4f454f18-ed61-11ef-bfab-e6cdfca9ef9f",{"_117":90,"_142":-5,"_115":153,"_112":154},["D",1739817519648],"67d7a768-ed5e-11ef-a64a-e6cdfca9ef9f",{"_117":124,"_142":-5,"_115":156,"_112":157},["D",1739817053543],"52056836-ed5d-11ef-ab35-e6cdfca9ef9f",{"_117":31,"_142":-5,"_115":159,"_112":160},["D",1739816329854],"a2ab8538-ed5b-11ef-85e1-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[165],{"_112":166,"_167":168,"_115":169,"_170":-5,"_171":26,"_172":26,"_20":173},"99bec77e-ed64-11ef-8bdb-e6cdfca9ef9f","body","I am trying to add a notification option where the user receives a notification when the yes bottom is licked but it is not working. Can anyone be of help? Thank you",["D",1739820180370],"updatedAt","canDelete","canEdit",{"_129":130,"_131":132},"isOwner","routes/_app.v.$handle.$name._index",{"_93":94,"_95":96,"_94":177,"_162":-5,"_163":193,"_129":130,"_137":138,"_100":101,"_98":99,"_117":-7,"_50":51},{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":-5,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":178,"_117":118,"_119":26,"_120":31,"_121":31,"_122":31,"_123":124,"_125":124,"_126":31,"_127":-5,"_20":179,"_133":-5,"_134":-7,"_135":136,"_137":138,"_139":180},["D",1739819470492],{"_129":130,"_131":132},[181,183,185,187,189,191],{"_117":118,"_142":-5,"_115":182,"_112":110},["D",1739819470492],{"_117":145,"_142":-5,"_115":184,"_112":147},["D",1739819182822],{"_117":149,"_142":-5,"_115":186,"_112":151},["D",1739818766913],{"_117":90,"_142":-5,"_115":188,"_112":154},["D",1739817519648],{"_117":124,"_142":-5,"_115":190,"_112":157},["D",1739817053543],{"_117":31,"_142":-5,"_115":192,"_112":160},["D",1739816329854],[194],{"_112":166,"_167":168,"_115":195,"_170":-5,"_171":26,"_172":26,"_20":196},["D",1739820180370],{"_129":130,"_131":132},"routes/_app","actionData","errors"]