I'm So Sorry... 💔

\n \n I know I haven't been the best and I'm truly sorry. You mean the\n world to me, and I love you more than words can express. Please\n forgive me? 💕\n

\n \n I forgive you\n \n \n {noClicks === 0\n ? \"No\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n \n

\n \n )\n : (\n <>\n

\n \n Thank You! 💖🎉\n \n

\n I love you so much! I promise to be better and to cherish every\n moment with you. You're my everything! 💕✨\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 I'm Sorry - I Love You\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}",[],[180],{"_106":190,"_97":101,"_160":191,"_162":-5,"_163":145,"_164":103,"_166":22,"_108":192,"_102":193,"_169":185,"_171":194,"_173":22,"_174":-5,"_175":195,"_100":196},"8bade064-e5d6-11f0-a8ed-42dde27851f2","0188415e-e5d6-11f0-80bf-42dde27851f2",["D",1767137007756],4,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, {\n useEffect,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nconst NO_TEXTS = [\n \"No\",\n \"Are you sure?\",\n \"Still no?\",\n \"Please rethink this\",\n \"This is awkward…\",\n \"You’re trapped now 😅\",\n \"There is no escape\",\n \"JUST SAY YES\",\n];\n\nconst sadGif = \"https://media.giphy.com/media/ROF8OQvDmxytW/giphy.gif\";\nconst funnyGif = \"https://media.giphy.com/media/l0MYt5jPR6QX5pnqM/giphy.gif\";\nconst happyGif = \"https://media.giphy.com/media/111ebonMs90YLu/giphy.gif\";\n\nfunction App() {\n const [noCount, setNoCount] = useState(0);\n const [accepted, setAccepted] = useState(false);\n const [timeLeft, setTimeLeft] = useState(10);\n const [shake, setShake] = useState(false);\n\n // 🔊 Audio refs (client-only)\n const noSound = useRef(null);\n const yesSound = useRef(null);\n\n // ✅ Create Audio ONLY in browser\n useEffect(() => {\n if (typeof Audio !== \"undefined\") {\n noSound.current = new Audio(\n \"https://www.soundjay.com/buttons/sounds/button-10.mp3\",\n );\n yesSound.current = new Audio(\n \"https://www.soundjay.com/buttons/sounds/button-4.mp3\",\n );\n }\n }, []);\n\n const yesSize = 16 + noCount * 8;\n\n // ⏱ Timer pressure\n useEffect(() => {\n if (accepted) return;\n\n if (timeLeft <= 0) {\n setNoCount((n) => n + 1);\n setTimeLeft(10);\n return;\n }\n\n const timer = setTimeout(() => {\n setTimeLeft((t) => t - 1);\n }, 1000);\n\n return () => clearTimeout(timer);\n }, [timeLeft, accepted]);\n\n const handleNo = () => {\n noSound.current?.play();\n setNoCount((n) => n + 1);\n setTimeLeft(10);\n\n setShake(true);\n setTimeout(() => setShake(false), 300);\n };\n\n const handleYes = () => {\n yesSound.current?.play();\n setAccepted(true);\n };\n\n // 🎯 Moving \"No\" button\n const randomPosition = {\n position: \"absolute\",\n top: `${Math.random() * 80}%`,\n left: `${Math.random() * 80}%`,\n };\n\n return (\n \n \n\n {!accepted\n ? (\n

\n = 5 ? funnyGif : sadGif}\n style={{ width: \"220px\", marginBottom: \"20px\" }}\n />\n\n

Do you forgive me?

\n\n

\n Time left: {timeLeft}\n

\n\n {noCount >= 7 && (\n

\n Okay… this is getting ridiculous 😂\n

\n )}\n\n

\n \n Yes\n \n\n = 3 ? randomPosition : {}),\n }}\n >\n {NO_TEXTS[Math.min(noCount, NO_TEXTS.length - 1)]}\n \n

\n )\n : (\n

Thank you! 🎉

The loop is finally broken 😌

\n )}\n \n );\n}\n\n/* ✅ CLIENT-SAFE RENDER */\nfunction client() {\n if (typeof document !== \"undefined\") {\n const rootElement = document.getElementById(\"root\");\n if (rootElement) {\n createRoot(rootElement).render();\n }\n }\n}\n\nclient();",[],[101],"files",[157,178,189],"counts",{"_201":33,"_202":203,"_204":33,"_205":206,"_209":210},"pulls","branches",2,"forks","envVars",{"_207":33,"_208":33},"count","emptyCount","connections",{"_207":33,"_211":33},"unfilledCount","contents",[],{"_106":190,"_97":101,"_160":191,"_162":-5,"_163":145,"_164":103,"_166":22,"_108":215,"_102":193,"_169":185,"_171":194,"_173":22,"_174":-5,"_100":216},["D",1767137007756],[101],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_95":96,"_97":98,"_99":45,"_102":103,"_100":101,"_104":225,"_155":230,"_197":240,"_170":241,"_212":243,"_244":-5,"_245":-5,"_246":-5,"_247":-5,"_248":249,"_205":-5},{"_106":107,"_97":98,"_108":226,"_110":-5,"_111":22,"_112":113,"_114":-5,"_115":-5,"_14":116,"_117":-5,"_118":22,"_119":-5,"_120":-5,"_121":33,"_16":122,"_123":-5,"_124":-5,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_23":227,"_137":228,"_142":229,"_154":22},["D",1766970857906],{"_95":96,"_135":136},{"_95":96,"_139":136,"_14":116,"_140":141},{"_102":144,"_97":45,"_106":145,"_146":107,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":98,"_153":96},[231,234,237],{"_106":158,"_97":159,"_160":161,"_162":-5,"_163":145,"_164":165,"_166":167,"_108":168,"_102":33,"_169":170,"_171":172,"_173":22,"_174":-5,"_175":232,"_100":233},[],[159],{"_106":179,"_97":180,"_160":181,"_162":-5,"_163":145,"_164":182,"_166":22,"_108":183,"_102":184,"_169":185,"_171":186,"_173":22,"_174":98,"_175":235,"_100":236},[],[180],{"_106":190,"_97":101,"_160":191,"_162":-5,"_163":145,"_164":103,"_166":22,"_108":192,"_102":193,"_169":185,"_171":194,"_173":22,"_174":-5,"_175":238,"_100":239},[],[101],[231,234,237],{"_106":190,"_97":101,"_160":191,"_162":-5,"_163":145,"_164":103,"_166":22,"_108":215,"_102":193,"_169":185,"_171":194,"_173":22,"_174":-5,"_100":242},[101],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

kaisermane6lab

ilovemygirlfriend