Nummy?

\n \n setUserInput(e.target.value)}\n style={{\n fontSize: \"20px\",\n padding: \"5px\",\n width: \"200px\",\n textAlign: \"center\",\n }}\n />\n setAskPhase(true)}\n className=\"pulseButton\"\n style={{\n padding: \"10px 20px\",\n fontSize: \"18px\",\n borderRadius: \"5px\",\n backgroundColor: \"green\",\n color: \"white\",\n border: \"none\",\n cursor: \"pointer\",\n }}\n >\n Enter\n \n \n );\n }\n\n if (askPhase && !finalAsk) {\n setTimeout(() => setFinalAsk(true), 1500);\n return (\n \n Now lemme ask…\n \n );\n }\n\n // FINAL ASK\n if (finalAsk && !isValentine) {\n return (\n \n

Can I be your Valentine?

\n \n

\n \n Yes\n \n \n Yes\n \n

\n \n );\n }\n\n // MAYBE STAGE\n if (maybeStage && !isValentine) {\n return (\n \n \n I won’t take maybe for an answer,
\n think more and try again 😝\n \n\n \n ⏪\n \n\n \n \n );\n }\n\n // CELEBRATION (UPDATED WITH GIFS)\n if (celebrationSlide !== null) {\n return (\n \n {celebrationSlide === 0 && (\n <>\n \n

Yippieeeeeeeee

\n \n )}\n {celebrationSlide === 1 && (\n <>\n \n

I’ll see you 😘

\n \n )}\n {celebrationSlide === 2 && (\n <>\n \n

Nummy?

\n \n )}\n {celebrationSlide === 3 && (\n <>\n \n

Can I be your Valentine?

\n \n )}\n {celebrationSlide === 4 && (\n

Bye byeeeee 😘

\n )}\n {celebrationSlide === 5 && (\n <>\n \n

Boom💥

\n \n )}\n \n );\n }\n\n // MAIN UI\n return (\n \n {/* HELLO SCREEN */}\n {!helloPressed && (\n <>\n {/* GIF for \"Bello 👋\" */}\n \n\n

Bello Chica 👋

\n setHelloPressed(true)}\n className=\"pulseButton\"\n style={{\n fontSize: \"24px\",\n padding: \"10px 20px\",\n backgroundColor: \"green\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"5px\",\n cursor: \"pointer\",\n }}\n >\n Hello👋\n \n \n )}\n\n {helloPressed && !showGoodGirlSplash && (\n <>\n {/* ALL GIF CONDITIONS FOR currentText() */}\n {currentText() ===\n \"Hallo papagena tu la bella con la papaya 😍 Chica no kung fu por smoochie smoochie? 😚\" &&\n (\n \n )}\n\n {currentText() === \"No? 💔\" && (\n \n )}\n\n {currentText() === \"Are you sure?\" && (\n \n )}\n\n {currentText() === \"Sure sure?\" && (\n \n )}\n\n {currentText() === \"Really really sure?\" && (\n \n )}\n\n {currentText() === \"Positive?\" && (\n \n )}\n\n {currentText() === \"Think about it?\" && (\n \n )}\n\n {currentText() === \"Take more time to think\" && (\n \n )}\n\n {currentText() === \"Pretty please? 🥺\" && (\n \n )}\n\n {currentText() === \"But we'd be so cute together!☹️\" && (\n \n )}\n\n {currentText() === \"Plssssssssssssss\" && (\n \n )}\n\n {currentText() === \"I promise it will be fun :(\" && (\n \n )}\n\n {currentText() === \"What about a maybe?\" && (\n \n )}\n\n {currentText() === \"Please don't do this to me, I'm fragile\" && (\n \n )}\n\n

{currentText()}

\n \n )}\n\n {showGoodGirlSplash && (\n

\n \n

Good Girl 😚

\n )}\n\n {helloPressed &&\n extraStage === \"none\" &&\n !showGoodGirlSplash &&\n !drinking &&\n !drinkingCompleted && (\n \n \n {isLetterSwapPhase ? \"No\" : \"Yes\"}\n \n\n \n {isLetterSwapPhase ? \"Yes\" : currentNoButtonText()}\n \n\n {currentPhrase === \"What about a maybe?\" && (\n \n Maybe\n \n )}\n \n )}\n\n {/* EHHH */}\n {extraStage === \"ehhh\" && (\n \n What?\n \n )}\n\n {/* HMM → POTION */}\n {extraStage === \"hmm\" && !drinking && !showGoodGirlSplash && (\n <>\n

Take and drink this

\n \n ⬇️\n \n\n \n \n )}\n\n {/* DRINKING ANIMATION */}\n {extraStage === \"drinking\" && (\n \n \n \n \n\n

\n {potionLevel < 100 ? \"💧 Drinking...\" : \"\"}\n

\n \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 Survey\n \n \n \n

\n \n \n \n`,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","deleted","label","children",[],[159],{"_106":180,"_97":101,"_160":181,"_162":-5,"_163":145,"_164":103,"_166":22,"_108":182,"_102":183,"_170":171,"_172":74,"_174":22,"_175":-5,"_176":184,"_100":185},"872928a4-08dc-11f1-8a5e-42dde27851f2","7ac944f4-08dc-11f1-a5d7-42dde27851f2",["D",1770987867845],2,[],[101],{"_106":187,"_97":188,"_160":189,"_162":-5,"_163":145,"_164":169,"_166":167,"_108":190,"_102":183,"_170":171,"_172":191,"_174":22,"_175":-5,"_176":192,"_100":193},"dd80e5fe-08d5-11f1-870f-42dde27851f2","main.ts","d1b499e6-08d5-11f1-89f7-42dde27851f2",["D",1770985006227],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No? 💔\",\n \"Are you sure?\",\n \"Sure sure?\",\n \"Really really sure?\",\n \"Positive?\",\n \"Think about it?\",\n \"Take more time to think\",\n \"Pretty please? 🥺\",\n \"But we'd be so cute together!☹️\",\n \"Plssssssssssssss\",\n \"I promise it will be fun :(\",\n \"What about a maybe?\",\n \"Please don't do this to me, I'm fragile\",\n \"Pleaseeeeee bebiiiii\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [maybeStage, setMaybeStage] = useState(false);\n const [extraStage, setExtraStage] = useState<\n \"none\" | \"ehhh\" | \"nothing\" | \"hmm\" | \"drinking\" | \"goodgirl\"\n >(\"none\");\n const [drinking, setDrinking] = useState(false);\n const [potionLevel, setPotionLevel] = useState(0);\n const [showGoodGirlSplash, setShowGoodGirlSplash] = useState(false);\n const [drinkingCompleted, setDrinkingCompleted] = useState(false);\n const [userInput, setUserInput] = useState(\"\");\n const [askPhase, setAskPhase] = useState(false);\n const [finalAsk, setFinalAsk] = useState(false);\n const [helloPressed, setHelloPressed] = useState(false);\n\n const [celebrationSlide, setCelebrationSlide] = useState(null);\n\n const yesButtonSize = 16 + noClicks * 20;\n const currentPhrase =\n NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)];\n const isLetterSwapPhase = [\n \"No? 💔\",\n \"Are you sure?\",\n \"Sure sure?\",\n \"Really really sure?\",\n \"Positive?\",\n ].includes(currentPhrase);\n\n const handleNo = () => {\n const next = noClicks + 1;\n setNoClicks(next);\n if (next >= NO_PHRASES.length) setExtraStage(\"ehhh\");\n };\n\n const handleYes = () => {\n setIsValentine(true);\n setCelebrationSlide(0);\n };\n\n const handleMaybe = () => setMaybeStage(true);\n\n const restart = () => {\n setNoClicks(0);\n setIsValentine(false);\n setMaybeStage(false);\n setExtraStage(\"none\");\n setDrinking(false);\n setPotionLevel(0);\n setDrinkingCompleted(false);\n setUserInput(\"\");\n setShowGoodGirlSplash(false);\n setAskPhase(false);\n setFinalAsk(false);\n setHelloPressed(false);\n setCelebrationSlide(null);\n };\n\n const handleWhat = () => {\n setExtraStage(\"nothing\");\n setTimeout(() => setExtraStage(\"hmm\"), 2000);\n };\n\n const handlePotionClick = () => {\n setExtraStage(\"drinking\");\n setDrinking(true);\n setPotionLevel(0);\n const interval = setInterval(() => {\n setPotionLevel((prev) => {\n if (prev >= 100) {\n clearInterval(interval);\n return 100;\n }\n return prev + 10;\n });\n }, 500);\n };\n\n useEffect(() => {\n if (potionLevel >= 100 && drinking) {\n setTimeout(() => {\n setDrinking(false);\n setShowGoodGirlSplash(true);\n setExtraStage(\"goodgirl\");\n setTimeout(() => {\n setShowGoodGirlSplash(false);\n setDrinkingCompleted(true);\n setExtraStage(\"none\");\n }, 2500);\n }, 500);\n }\n }, [potionLevel, drinking]);\n\n const currentText = () => {\n if (!helloPressed) return \"Bello 👋\";\n if (extraStage === \"ehhh\") return \"Ehhhhhhhhh\";\n if (extraStage === \"nothing\") return \"Nothing\";\n if (extraStage === \"hmm\") return \"Ahhh I know\";\n if (extraStage === \"drinking\") {\n return potionLevel < 100 ? \"💧 Drinking...\" : \"\";\n }\n if (noClicks === 0) {\n return \"Hallo papagena tu la bella con la papaya 😍 Chica no kung fu por smoochie smoochie? 😚\";\n }\n return currentPhrase;\n };\n\n const currentNoButtonText = () => {\n if (currentPhrase === \"No? 💔\") return \"Positive?\";\n return \"No\";\n };\n\n // CELEBRATION SLIDE LOGIC\n useEffect(() => {\n if (celebrationSlide === null) return;\n\n let timer: any;\n if (celebrationSlide === 0) {\n timer = setTimeout(() => setCelebrationSlide(1), 2000);\n } else if (celebrationSlide === 1) {\n timer = setTimeout(() => setCelebrationSlide(2), 2000);\n } else if (celebrationSlide === 2) {\n timer = setTimeout(() => setCelebrationSlide(3), 3000);\n } else if (celebrationSlide === 3) {\n timer = setTimeout(() => setCelebrationSlide(4), 5000);\n } else if (celebrationSlide === 4) {\n timer = setTimeout(() => setCelebrationSlide(5), 3000);\n } else if (celebrationSlide === 5) {\n timer = setTimeout(() => {\n throw new Error(\"💥 Crashing as requested 💥\");\n }, 500);\n }\n\n return () => clearTimeout(timer);\n }, [celebrationSlide]);\n\n // AFTER DRINKING → INPUT → ASK\n if (drinkingCompleted && !askPhase && !finalAsk) {\n return (\n \n {/* Nummy GIF */}\n \n

Nummy?

\n setUserInput(e.target.value)}\n style={{\n fontSize: \"20px\",\n padding: \"5px\",\n width: \"200px\",\n textAlign: \"center\",\n }}\n />\n setAskPhase(true)}\n className=\"pulseButton\"\n style={{\n padding: \"10px 20px\",\n fontSize: \"18px\",\n borderRadius: \"5px\",\n backgroundColor: \"green\",\n color: \"white\",\n border: \"none\",\n cursor: \"pointer\",\n }}\n >\n Enter\n \n \n );\n }\n\n if (askPhase && !finalAsk) {\n setTimeout(() => setFinalAsk(true), 1500);\n return (\n \n Now lemme ask…\n \n );\n }\n\n // FINAL ASK\n if (finalAsk && !isValentine) {\n return (\n \n {/* GIF for Final Ask */}\n \n

Can I be your Valentine?

\n \n Yes\n \n \n Yes\n \n

\n \n );\n }\n\n // CELEBRATION\n if (celebrationSlide !== null) {\n return (\n \n {celebrationSlide === 0 && (\n <>\n {/* Yippie GIF */}\n \n

Yippieeeeeeeee

\n \n )}\n {celebrationSlide === 1 && (\n <>\n {/* Flirty GIF */}\n \n

I’ll see you 😘

\n \n )}\n {celebrationSlide === 2 && (\n <>\n \n

Ss this and send it to me if you don’t want

\n \n )}\n {celebrationSlide === 3 && (\n <>\n \n

And Ss this and send it to me if you want

\n \n )}\n {celebrationSlide === 4 && (\n

Bye byeeeee 😘

\n )}\n {celebrationSlide === 5 && (\n <>\n {/* Boom GIF */}\n \n

Boom💥

\n \n )}\n \n );\n }\n\n // MAIN UI (currentText() GIFs)\n return (\n \n {!helloPressed && (\n <>\n \n

Bello Chica 👋

\n setHelloPressed(true)}\n className=\"pulseButton\"\n style={{\n fontSize: \"24px\",\n padding: \"10px 20px\",\n backgroundColor: \"green\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"5px\",\n cursor: \"pointer\",\n }}\n >\n Hello👋\n \n \n )}\n\n {helloPressed && !showGoodGirlSplash && (\n <>\n {currentText() ===\n \"Hallo papagena tu la bella con la papaya 😍 Chica no kung fu por smoochie smoochie? 😚\" &&\n (\n \n )}\n {currentText() === \"No? 💔\" && (\n \n )}\n {currentText() === \"Are you sure?\" && (\n \n )}\n {currentText() === \"Sure sure?\" && (\n \n )}\n {currentText() === \"Really really sure?\" && (\n \n )}\n {currentText() === \"Positive?\" && (\n \n )}\n {currentText() === \"Think about it?\" && (\n \n )}\n {currentText() === \"Take more time to think\" && (\n \n )}\n {currentText() === \"Pretty please? 🥺\" && (\n \n )}\n {currentText() === \"But we'd be so cute together!☹️\" && (\n \n )}\n {currentText() === \"Plssssssssssssss\" && (\n \n )}\n {currentText() === \"I promise it will be fun :(\" && (\n \n )}\n {currentText() === \"What about a maybe?\" && (\n \n )}\n {currentText() === \"Please don't do this to me, I'm fragile\" && (\n \n )}\n

{currentText()}

\n \n )}\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();",[],[188],{"_106":195,"_97":196,"_160":197,"_162":-5,"_163":145,"_164":198,"_166":22,"_108":199,"_102":33,"_170":200,"_172":74,"_174":22,"_175":-5,"_176":201,"_100":202},"64ec76c6-08da-11f1-b588-42dde27851f2","new-file-5422.ts","64ec77ac-08da-11f1-b588-42dde27851f2",32,["D",1770986951422],"script",[],[196],"files",[157,179,186,194],"counts",{"_207":33,"_208":209,"_210":33,"_211":212,"_215":216},"pulls","branches",1,"forks","envVars",{"_213":33,"_214":33},"count","emptyCount","connections",{"_213":33,"_217":33},"unfilledCount","contents",[],"file",{"_106":180,"_97":101,"_160":181,"_162":-5,"_163":145,"_164":103,"_166":22,"_108":222,"_102":183,"_170":171,"_172":74,"_174":22,"_175":-5,"_100":223},["D",1770987867845],[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":232,"_155":237,"_203":250,"_220":251,"_218":253,"_254":-5,"_255":-5,"_256":-5,"_257":-5,"_258":259,"_211":-5},{"_106":107,"_97":98,"_108":233,"_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":234,"_137":235,"_142":236,"_154":22},["D",1770984986420],{"_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},[238,241,244,247],{"_106":158,"_97":159,"_160":161,"_162":-5,"_163":145,"_164":165,"_166":167,"_108":168,"_102":169,"_170":171,"_172":173,"_174":22,"_175":-5,"_176":239,"_100":240},[],[159],{"_106":180,"_97":101,"_160":181,"_162":-5,"_163":145,"_164":103,"_166":22,"_108":182,"_102":183,"_170":171,"_172":74,"_174":22,"_175":-5,"_176":242,"_100":243},[],[101],{"_106":187,"_97":188,"_160":189,"_162":-5,"_163":145,"_164":169,"_166":167,"_108":190,"_102":183,"_170":171,"_172":191,"_174":22,"_175":-5,"_176":245,"_100":246},[],[188],{"_106":195,"_97":196,"_160":197,"_162":-5,"_163":145,"_164":198,"_166":22,"_108":199,"_102":33,"_170":200,"_172":74,"_174":22,"_175":-5,"_176":248,"_100":249},[],[196],[238,241,244,247],{"_106":180,"_97":101,"_160":181,"_162":-5,"_163":145,"_164":103,"_166":22,"_108":222,"_102":183,"_170":171,"_172":74,"_174":22,"_175":-5,"_100":252},[101],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

Shinfr

Project101