[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_104":105,"_106":107},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","Bahy","name","Roro-Birthday","path","main.tsx","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":-5,"_53":-5,"_54":55,"_56":25,"_57":32,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_13":44},"permalink","https://www.val.town/x/Bahy/Roro-Birthday/code/main.tsx","extension","id","363f175d-c21b-4662-92ee-cbfcfa260e23","fileId","01a0a48e-2929-741c-9a7f-2da718e90855","parentId","branchId","539ec769-dce2-45fe-8626-f991c375c35d","branchVersion",30,"latest",true,"createdAt",["D",1789482887065],"version",29,"fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \" 💔 لا ليه ؟\",\n \"انتي هابلة يا بنتي ؟ \",\n \" 💕 دا انا هدلعك و اشخلعك يا مزه \",\n \"Mazooouzy Noooo\",\n \":( كده تكسري قلبي\",\n \"فكري طيب.......\",\n \"لا ده كده جنان رسمي \",\n];\n\nconst MAX_NO_CLICKS = NO_PHRASES.length;\n\nconst ARROW_BOUNCE_SIDE = \"bounceSide 1s ease-in-out infinite\";\nconst ARROW_BOUNCE_TOP = \"bounceTop 1s ease-in-out infinite\";\n\n// Each arrow is placed around the \"Yes\" button pointing inward at it.\nfunction arrowPos(\n overrides: {\n animation: string;\n } & Record,\n): Record {\n return {\n position: \"absolute\",\n fontSize: \"30px\",\n userSelect: \"none\",\n ...overrides,\n };\n}\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [noPos, setNoPos] = useState({ x: 0, y: 0 });\n const [isFlying, setIsFlying] = useState(false); // true after first \"No\" click\n const noRef = useRef(null);\n\n const firstImg = \"https://media.giphy.com/media/nYcNwEU4mFTxuuqDGg/giphy.gif\";\n const secondImg =\n \"https://media.giphy.com/media/8bRPE7XjZAAhywwyx0/giphy.gif\";\n\n const isBroken = noClicks >= MAX_NO_CLICKS;\n\n const handleNo = () => {\n if (isBroken) return;\n setNoClicks((prev) => prev + 1);\n // Teleport the No button instantly to a random spot anywhere on the\n // screen (even over the picture), keeping a margin so it stays findable.\n const pad = 20;\n const maxX = window.innerWidth - 160; // approx button width\n const maxY = window.innerHeight - 70; // approx button height\n const x = pad + Math.random() * Math.max(maxX - pad * 2, 10);\n const y = pad + Math.random() * Math.max(maxY - pad * 2, 10);\n if (!isFlying) {\n // First click: lock in the button's position beside \"Yes\", then\n // teleport away on the very next frame (instant, no animation).\n if (noRef.current) {\n const rect = noRef.current.getBoundingClientRect();\n setNoPos({ x: rect.left, y: rect.top });\n }\n requestAnimationFrame(() => {\n setIsFlying(true);\n setNoPos({ x, y });\n });\n } else {\n setIsFlying(true);\n setNoPos({ x, y }); // already fixed; just teleport\n }\n };\n\n const handleYes = () => {\n setIsValentine(true);\n };\n\n const noButtonContent = noClicks === 0\n ? \"No\"\n : NO_PHRASES[Math.min(noClicks - 1, MAX_NO_CLICKS - 1)];\n\n return (\n \n {!isValentine\n ? (\n <>\n

💘روري يا قمر تسمحيلي افسح المزه يوم 21 سبتمبر ؟

\n \n

\n \n !!موافقة طبعا يا باهوش\n \n {/* Arrows pointing at the \"Yes\" button */}\n \n 👉\n \n \n 👈\n \n \n 👇\n \n

\n \n {isBroken ? \"😭💔 يلهوي كده بوظتيني \" : noButtonContent}\n \n \n \n )\n : (\n <>\n

\n هعدي عليكي يوم الاتنين 21 سبتمبر يا مزه 🎉\n

\n \n

💖 تحت بيت ماريهان الساعة 8:30

👗 Dress code: فستان يا مزه شيك زيك

🍽️ Place: Restaurant fine dining ونحن لن نكون وحدنا

\n \n \n )}\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 return new Response(\n `\n \n \n Valentine's Day Invitation\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","deleted",false,"label",[14],"7f8fe3f6-d483-4466-bb3e-00b79cd5a2f1",["D",1789467175124],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","019c2da4-b16f-74bb-b81b-2f23741014d0","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019c2da4-b16f-74bb-b81b-32d8d1b4fb31","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_103":99},"org",{"_9":10,"_97":-5,"_98":99,"_54":55,"_100":101,"_102":42},"branch",{"_35":30,"_11":84,"_22":28,"_85":45,"_86":87,"_88":89,"_90":50,"_91":92,"_93":94,"_95":12,"_96":10},"isOwned","main","projectId","forkedBranchId","fdd9b22e-27b0-11f0-aecd-569c3dd06744","forkedBranchVersion",11,"forkedProjectPrivacy","forkedProjectId","fdd966ca-27b0-11f0-aecd-569c3dd06744","forkedProjectOrgId","1ea2ca52-aecd-4993-8c60-cb61483dff1b","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5RldST3d6aGFVS3VtVXFQaE1OQThDc29jMSJ9","tier","free","canRestrictVals","profileImageUrl","ctx",{"_77":-5,"_137":138,"_139":140,"_141":142,"_143":42,"_144":42,"_145":42,"_146":32,"_147":-5,"_148":-7,"_149":-7,"_150":61,"_151":42,"_152":42,"_153":-5,"_154":42,"_155":42,"_156":42,"_157":-5},"ENV",{"_108":109,"_110":111,"_112":84,"_113":114,"_115":116,"_117":118,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136},"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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]