[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_178":179,"_180":181},"routes/_app.x.$handle.$name",{"_98":97,"_32":44,"_106":84,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":119,"_120":121,"_122":25,"_123":124,"_125":56,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":31,"_55":56,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":25},"version",27,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_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\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 // 👉 Movimiento suave automático\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 - Usando GIFs alternativos que funcionan\n const happyGif = \"https://media.tenor.com/BhIcggFeFDMAAAAi/blow-kiss-kiss.gif\";\n // GIF alternativo de Elmo triste (probado y funciona)\n const sadGif = \"https://media.tenor.com/agYc4e5ljO8AAAAi/tentofate-elmo.gif\";\n const celebrationGif = \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\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

\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 \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}","createdAt",["D",1770519134396],"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",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":53,"_102":103,"_104":25},"branch",{"_13":83,"_32":84,"_42":41,"_85":43,"_86":87,"_88":89,"_90":49,"_91":92,"_93":94,"_95":44,"_96":97},"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",{"_42":43,"_32":44,"_37":174,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":31,"_55":56,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":175,"_78":176,"_80":177,"_82":25},"tree",[165,166],"files",[165,166],"counts",{"_155":60,"_156":151,"_157":60,"_158":159,"_160":161},"contents",[139,140],"upstreamProject",{"_42":92,"_32":136,"_51":-5,"_52":-5,"_48":49,"_76":137},"upstreamBranch",{"_42":87,"_37":130,"_131":132,"_32":84,"_85":92,"_13":89,"_86":-5,"_88":-5,"_133":134,"_46":-5,"_82":25,"_48":49,"_96":135,"_61":94,"_95":136},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],"updatedAt",["D",1739338420215],"lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","mewtru","valentine",{"_98":135,"_105":138},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_42":148,"_32":149,"_30":150,"_142":-5,"_40":41,"_39":151,"_143":56,"_37":152,"_13":60,"_33":20,"_35":153,"_24":25,"_146":-5,"_27":154},{"_42":141,"_32":28,"_30":31,"_142":-5,"_40":41,"_39":14,"_143":25,"_37":144,"_13":145,"_33":34,"_35":36,"_24":25,"_146":-5,"_27":147},"2c40169c-0499-11f1-86c2-42dde27851f2","parentId","latest",["D",1770519134396],26,"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.",[149],"pulls","branches","forks","envVars",{"_162":60,"_164":60},"connections",{"_162":60,"_163":60},"count","unfilledCount","emptyCount",{"_42":148,"_32":149,"_30":150,"_142":-5,"_40":41,"_39":151,"_143":56,"_37":171,"_13":60,"_33":20,"_35":153,"_24":25,"_146":-5,"_168":172,"_27":173},{"_42":141,"_32":28,"_30":31,"_142":-5,"_40":41,"_39":14,"_143":25,"_37":167,"_13":145,"_33":34,"_35":36,"_24":25,"_146":-5,"_168":169,"_27":170},["D",1770519134396],"children",[],[28],["D",1770512682407],[],[149],["D",1770512682407],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":53,"_102":103,"_104":25},{"_13":83,"_32":84,"_42":41,"_85":43,"_86":87,"_88":89,"_90":49,"_91":92,"_93":94,"_95":44,"_96":97},"ctx",{"_76":-5,"_127":211,"_212":213,"_214":215,"_216":25,"_217":25,"_218":25,"_219":56,"_220":-5,"_221":-7,"_222":-7,"_223":60,"_224":25,"_225":25,"_226":-5,"_227":25,"_228":25,"_229":25,"_230":-5},"ENV",{"_182":183,"_184":185,"_186":84,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · v27