[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_179":180,"_181":182},"routes/_app.x.$handle.$name",{"_99":98,"_32":45,"_107":85,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":120,"_121":122,"_123":25,"_124":125,"_126":57,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_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":25},"version",30,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","019c3ac7-8e2c-7662-9110-81a88a7ccd47","name","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, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No 💔\",\n \"Segura?\",\n \"Te lo estas perdiendo\",\n \"Amorrr porfavor\",\n \"No me digas que noooo\",\n \"Solo deci que siii\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [noPos, setNoPos] = useState({ top: 60, left: 60 });\n const [showDiscordGif, setShowDiscordGif] = useState(false);\n\n const forceYes = noClicks >= 8;\n const movingNo = noClicks >= 5;\n const showSadGif = noClicks > 0 && !isValentine;\n\n const yesButtonSize = forceYes ? 120 : noClicks * 20 + 16;\n\n // 👉 Mostrar GIF de Discord temporalmente al decir Sí\n useEffect(() => {\n if (isValentine) {\n setShowDiscordGif(true);\n const timer = setTimeout(() => {\n setShowDiscordGif(false);\n }, 2000); // Mostrar por 2 segundos\n return () => clearTimeout(timer);\n }\n }, [isValentine]);\n\n // 👉 Movimiento suave automático del botón No\n useEffect(() => {\n if (!movingNo) return;\n\n const id = setInterval(() => {\n setNoPos({\n top: Math.random() * 80,\n left: Math.random() * 80,\n });\n }, 900);\n\n return () => clearInterval(id);\n }, [movingNo]);\n\n // 👉 GIFs - URLs verificadas\n const happyGif = \"https://media.tenor.com/BhIcggFeFDMAAAAi/blow-kiss-kiss.gif\";\n const sadGif = \"https://media.tenor.com/RCQgbxVWhYgAAAAi/discord-discordgifemoji.gif\"; // Usando el GIF de Discord para No\n const discordCelebrationGif = \"https://media.tenor.com/RCQgbxVWhYgAAAAi/discord-discordgifemoji.gif\"; // GIF temporal al decir Sí\n const finalCelebrationGif = \"https://media.tenor.com/RiMH8x8TCRIAAAAM/potty-hehasrisen.gif\"; // GIF final después de decir Sí\n\n // 👉 Mensajes diferentes dependiendo de cuántos \"No\"\n const getCelebrationMessage = () => {\n if (noClicks === 0) {\n return \"Awww a la primera 💖 ¡Como te amo mi mona linda!\";\n } else if (noClicks >= 8) {\n return \"¡Aw si quieres que sea tu san valentin! 😏\";\n } else {\n return `¡Te tomo ${noClicks} \"no\", pero sabía que ibas a decir que sí! 💘`;\n }\n };\n\n return (\n \n {!isValentine ? (\n <>\n

\n {\n console.log(\"Error loading GIF:\", e.target.src);\n // Fallback si el GIF no carga\n e.target.src = \"https://media.tenor.com/BhIcggFeFDMAAAAi/blow-kiss-kiss.gif\";\n }}\n />\n

\n\n

\n ¿Serías mi San Valentín? 💌\n

\n \n {/* Texto rojo cuando ya no tiene opción */}\n {forceYes && (\n

\n ¡Ya no tenés opción! 😈\n

\n )}\n\n

\n setIsValentine(true)}\n style={{\n fontSize: `${Math.min(yesButtonSize, 36)}px`,\n margin: \"10px\",\n padding: forceYes ? \"25px 50px\" : \"20px 40px\",\n backgroundColor: \"#4CAF50\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"50px\",\n cursor: \"pointer\",\n zIndex: 1,\n boxShadow: \"0 6px 12px rgba(0,0,0,0.3)\",\n transition: \"all 0.3s ease\",\n minWidth: forceYes ? \"280px\" : \"180px\",\n fontWeight: \"bold\",\n letterSpacing: \"1px\",\n }}\n onMouseEnter={(e) => e.target.style.transform = \"scale(1.08)\"}\n onMouseLeave={(e) => e.target.style.transform = \"scale(1)\"}\n >\n {forceYes ? \"SÍ, POR FAVOR 💝\" : \"Sí 💖\"}\n \n\n {!forceYes ? (\n setNoClicks((n) => n + 1)}\n style={{\n fontSize: movingNo ? \"18px\" : \"16px\",\n padding: \"15px 30px\",\n backgroundColor: \"#ff4444\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"50px\",\n cursor: \"pointer\",\n position: movingNo ? \"absolute\" : \"relative\",\n top: movingNo ? `${noPos.top}vh` : \"auto\",\n left: movingNo ? `${noPos.left}vw` : \"auto\",\n transition: \"all 0.5s ease\",\n boxShadow: \"0 6px 12px rgba(0,0,0,0.3)\",\n zIndex: 2,\n fontWeight: \"bold\",\n }}\n onMouseEnter={(e) => !movingNo && (e.target.style.transform = \"scale(1.08)\")}\n onMouseLeave={(e) => !movingNo && (e.target.style.transform = \"scale(1)\")}\n >\n {noClicks === 0\n ? \"No 😢\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n \n ) : (\n \n ¡YO VOY a ser tu san valentin! 💘\n \n )}\n

\n \n ) : (\n <>\n {/* GIF temporal de Discord (2 segundos) */}\n {showDiscordGif && (\n

\n \n

\n )}\n \n {/* Contenido principal después del GIF temporal */}\n

\n \n

\n ¡VAMOSSSSSS! 💖💖💖\n

\n {getCelebrationMessage()}\n

\n {[\"💝\", \"💘\", \"💖\", \"💗\", \"💓\", \"💞\"].map((heart, index) => (\n \n {heart}\n \n ))}\n

\n \n )}\n \n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") client();\n\nexport default async function server() {\n return new Response(\n `\n\n\nSan Valentín\n\n\n\n\n

\n\n\n`,\n { headers: { \"content-type\": \"text/html\" } }\n );\n}","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No 💔\",\n \"Segura?\",\n \"Te lo estas perdiendo\",\n \"Amorrr porfavor\",\n \"No me digas que noooo\",\n \"Solo deci que siii\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [noPos, setNoPos] = useState({ top: 60, left: 60 });\n const [showDiscordGif, setShowDiscordGif] = useState(false);\n\n const forceYes = noClicks >= 8;\n const movingNo = noClicks >= 5;\n const showSadGif = noClicks > 0 && !isValentine;\n\n const yesButtonSize = forceYes ? 120 : noClicks * 20 + 16;\n\n // 👉 Mostrar GIF de Discord temporalmente al decir Sí\n useEffect(() => {\n if (isValentine) {\n setShowDiscordGif(true);\n const timer = setTimeout(() => {\n setShowDiscordGif(false);\n }, 2000); // Mostrar por 2 segundos\n return () => clearTimeout(timer);\n }\n }, [isValentine]);\n\n // 👉 Movimiento suave automático del botón No\n useEffect(() => {\n if (!movingNo) return;\n\n const id = setInterval(() => {\n setNoPos({\n top: Math.random() * 80,\n left: Math.random() * 80,\n });\n }, 900);\n\n return () => clearInterval(id);\n }, [movingNo]);\n\n // 👉 GIFs - URLs verificadas\n const happyGif = \"https://media.tenor.com/BhIcggFeFDMAAAAi/blow-kiss-kiss.gif\";\n const sadGif = \"https://media.tenor.com/RCQgbxVWhYgAAAAi/discord-discordgifemoji.gif\"; // Usando el GIF de Discord para No\n const discordCelebrationGif = \"https://media.tenor.com/RCQgbxVWhYgAAAAi/discord-discordgifemoji.gif\"; // GIF temporal al decir Sí\n const finalCelebrationGif = \"https://media.tenor.com/RiMH8x8TCRIAAAAM/potty-hehasrisen.gif\"; // GIF final después de decir Sí\n\n // 👉 Mensajes diferentes dependiendo de cuántos \"No\"\n const getCelebrationMessage = () => {\n if (noClicks === 0) {\n return \"Awww a la primera good girl 💖 ¡Como te amo mi mona linda!\";\n } else if (noClicks >= 8) {\n return \"¡Aw si quieres que sea tu san valentin! 😏\";\n } else {\n return `¡Te tomo ${noClicks} \"no\", pero sabía que ibas a decir que sí! 💘`;\n }\n };\n\n return (\n \n {!isValentine ? (\n <>\n

\n {\n console.log(\"Error loading GIF:\", e.target.src);\n // Fallback si el GIF no carga\n e.target.src = \"https://media.tenor.com/BhIcggFeFDMAAAAi/blow-kiss-kiss.gif\";\n }}\n />\n

\n\n

\n ¿Serías mi San Valentín? 💌\n

\n \n {/* Texto rojo cuando ya no tiene opción */}\n {forceYes && (\n

\n ¡Ya no tenés opción! \n

\n )}\n\n

\n setIsValentine(true)}\n style={{\n fontSize: `${Math.min(yesButtonSize, 36)}px`,\n margin: \"10px\",\n padding: forceYes ? \"25px 50px\" : \"20px 40px\",\n backgroundColor: \"#4CAF50\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"50px\",\n cursor: \"pointer\",\n zIndex: 1,\n boxShadow: \"0 6px 12px rgba(0,0,0,0.3)\",\n transition: \"all 0.3s ease\",\n minWidth: forceYes ? \"280px\" : \"180px\",\n fontWeight: \"bold\",\n letterSpacing: \"1px\",\n }}\n onMouseEnter={(e) => e.target.style.transform = \"scale(1.08)\"}\n onMouseLeave={(e) => e.target.style.transform = \"scale(1)\"}\n >\n {forceYes ? \"SÍ, porfavor mi niño precioso guapo inteligente y fuerte\" : \"Sí\"}\n \n\n {!forceYes ? (\n setNoClicks((n) => n + 1)}\n style={{\n fontSize: movingNo ? \"18px\" : \"16px\",\n padding: \"15px 30px\",\n backgroundColor: \"#ff4444\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"50px\",\n cursor: \"pointer\",\n position: movingNo ? \"absolute\" : \"relative\",\n top: movingNo ? `${noPos.top}vh` : \"auto\",\n left: movingNo ? `${noPos.left}vw` : \"auto\",\n transition: \"all 0.5s ease\",\n boxShadow: \"0 6px 12px rgba(0,0,0,0.3)\",\n zIndex: 2,\n fontWeight: \"bold\",\n }}\n onMouseEnter={(e) => !movingNo && (e.target.style.transform = \"scale(1.08)\")}\n onMouseLeave={(e) => !movingNo && (e.target.style.transform = \"scale(1)\")}\n >\n {noClicks === 0\n ? \"No 😢\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n \n ) : (\n \n ¡YO VOY a ser tu san valentin! 🥰\n \n )}\n

\n \n ) : (\n <>\n {/* GIF temporal de Discord (2 segundos) */}\n {showDiscordGif && (\n

\n \n

\n )}\n \n {/* Contenido principal después del GIF temporal */}\n

\n \n

\n ¡VAMOSSSSSS! 💖💖💖\n

\n {getCelebrationMessage()}\n

\n {[\"💝\", \"💘\", \"💖\", \"💗\", \"💓\", \"💞\"].map((heart, index) => (\n \n {heart}\n \n ))}\n

\n\n\n`,\n { headers: { \"content-type\": \"text/html\" } }\n );\n}","createdAt",["D",1770519365012],"branchVersion","branchId","26a13298-048a-11f1-bfb6-42dde27851f2","id","269aeaaa-048a-11f1-bfb6-42dde27851f2","Sval",["D",1770512682407],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c3a9f-b450-7578-901c-d096c1bc69f5","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c3a9f-b450-7578-901c-d792c0ba6789","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":95,"_96":45,"_97":98},"isOwned",43,"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","Chop","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5TWRxWEJaSjZrUGVxYURLdkhSS0xtUlFmciJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":175,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_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":176,"_79":177,"_81":178,"_83":25},"tree",[166,167],"files",[166,167],"counts",{"_156":61,"_157":152,"_158":61,"_159":160,"_161":162},"contents",[140,141],"upstreamProject",{"_43":93,"_32":137,"_52":-5,"_53":-5,"_49":50,"_77":138},"upstreamBranch",{"_43":88,"_38":131,"_132":133,"_32":85,"_86":93,"_13":90,"_87":-5,"_89":-5,"_134":135,"_47":-5,"_83":25,"_49":50,"_97":136,"_62":95,"_96":137},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],"updatedAt",["D",1739338420215],"lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","mewtru","valentine",{"_99":136,"_106":139},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_43":149,"_32":150,"_30":151,"_143":-5,"_41":42,"_40":152,"_144":57,"_38":153,"_13":61,"_33":20,"_35":154,"_24":25,"_147":-5,"_27":155},{"_43":142,"_32":28,"_30":31,"_143":-5,"_41":42,"_40":14,"_144":25,"_38":145,"_13":146,"_33":34,"_35":37,"_24":25,"_147":-5,"_27":148},"b5b51b3e-0499-11f1-9be6-42dde27851f2","parentId","latest",["D",1770519365012],29,"label",[28],"26a5742a-048a-11f1-bfb6-42dde27851f2","README.md","019c3ac7-8e2c-7662-9110-7c7732a57053",1,["D",1770512682407],"Hello!!! \n\nFeel free to mess around with this val and make it your own :). Just click on \"Fork\" in the top right.\n\nYou can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!\n\nHave fun with it and hopefully your crush says yes hehe.",[150],"pulls","branches","forks","envVars",{"_163":61,"_165":61},"connections",{"_163":61,"_164":61},"count","unfilledCount","emptyCount",{"_43":149,"_32":150,"_30":151,"_143":-5,"_41":42,"_40":152,"_144":57,"_38":172,"_13":61,"_33":20,"_35":154,"_24":25,"_147":-5,"_169":173,"_27":174},{"_43":142,"_32":28,"_30":31,"_143":-5,"_41":42,"_40":14,"_144":25,"_38":168,"_13":146,"_33":34,"_35":37,"_24":25,"_147":-5,"_169":170,"_27":171},["D",1770519365012],"children",[],[28],["D",1770512682407],[],[150],["D",1770512682407],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":95,"_96":45,"_97":98},"ctx",{"_77":-5,"_128":212,"_213":214,"_215":216,"_217":25,"_218":25,"_219":25,"_220":57,"_221":-5,"_222":-7,"_223":-7,"_224":61,"_225":25,"_226":25,"_227":-5,"_228":25,"_229":25,"_230":25,"_231":-5},"ENV",{"_183":184,"_185":186,"_187":85,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211},"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",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v30