[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_209":210,"_211":212},"routes/_app.x.$handle.$name",{"_104":103,"_33":46,"_112":90,"_27":113,"_13":14,"_114":-5,"_11":115,"_116":117,"_118":119,"_120":121,"_122":123,"_20":-5,"_124":125,"_126":127,"_128":25,"_129":130,"_131":59,"_132":-5,"_133":-5,"_134":135},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_33":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":25},"version",25,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":30},"file",{"_31":32,"_33":28,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_31":32,"_33":28,"_34":35,"_36":37},"deleted",false,"deletedHere","path","main-copy.tsx","latestPath","valentines.tsx","fileId","c09c63f4-0138-11f1-9cee-42dde27851f2","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, {\n useEffect,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"¿Perdón?\",\n \"Pretty please 🥺\",\n \"Nos vemos muy bien juntas 💔\",\n \"Andaleee, di que sí\",\n \"Rompes mi corazoncito :(\",\n \"Te lo ruego, por favorrrrr\",\n \"Anyways, tendré que obligarte ;)\",\n \"-t obligo-\",\n];\n\nconst SECRET_TEXT = `send \"OFH\" to @florenruina on ig si llegaste hasta acá`;\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [visibleText, setVisibleText] = useState(\"\");\n const [hasPlayedSound, setHasPlayedSound] = useState(false);\n\n const audioRef = useRef(null);\n\n const yesButtonSize = (noClicks * 20) + 16;\n\n const firstImg =\n \"https://media1.tenor.com/m/BxibqUT9-I0AAAAC/dudu-flower.gif\";\n const secondImg =\n \"https://media1.tenor.com/m/S00L4lCpe80AAAAC/bubu-flower-bubu-kiss.gif\";\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n\n // 🔔 reproducir sonido SOLO la primera vez\n if (!hasPlayedSound && audioRef.current) {\n audioRef.current.play();\n setHasPlayedSound(true);\n }\n };\n\n // ✨ efecto letra por letra para el texto secreto\n useEffect(() => {\n if (!isValentine) return;\n\n let index = 0;\n setVisibleText(\"\");\n\n const interval = setInterval(() => {\n if (index < SECRET_TEXT.length) {\n setVisibleText((prev) => prev + SECRET_TEXT[index]);\n index++;\n } else {\n clearInterval(interval);\n }\n }, 50);\n\n return () => clearInterval(interval);\n }, [isValentine]);\n\n return (\n \n {/* 🔔 Audio oculto */}\n \n\n {!isValentine\n ? (\n <>\n

¿Te gustaría ser mi San Valentín?:3

\n \n Yes\n \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 \n De ahora en adelante, seré tu San Valentín permanente :333333\n \n\n \n {visibleText}\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(request) {\n return new Response(\n `\n \n \n DOCUMENTO CONFIDENCIAL\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, {\n useEffect,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"¿Perdón?\",\n \"Pretty please 🥺\",\n \"Nos vemos muy bien juntas 💔\",\n \"Andaleee, di que sí\",\n \"Rompes mi corazoncito :(\",\n \"Te lo ruego, por favorrrrr\",\n \"Anyways, tendré que obligarte ;)\",\n \"-t obligo-\",\n];\n\nconst SECRET_TEXT = `send \"OFH\" to @florenruina on ig si llegaste hasta acá`;\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [visibleText, setVisibleText] = useState(\"\");\n const [hasPlayedSound, setHasPlayedSound] = useState(false);\n\n const audioRef = useRef(null);\n const yesButtonSize = (noClicks * 20) + 16;\n\n const firstImg =\n \"https://media1.tenor.com/m/BxibqUT9-I0AAAAC/dudu-flower.gif\";\n const secondImg =\n \"https://media1.tenor.com/m/S00L4lCpe80AAAAC/bubu-flower-bubu-kiss.gif\";\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n\n if (!hasPlayedSound && audioRef.current) {\n audioRef.current.play();\n setHasPlayedSound(true);\n }\n };\n\n // ✨ texto secreto letra por letra (blindado, sin undefined)\n useEffect(() => {\n if (!isValentine) return;\n\n let index = 0;\n setVisibleText(\"\");\n\n const interval = setInterval(() => {\n if (index >= SECRET_TEXT.length) {\n clearInterval(interval);\n return;\n }\n\n setVisibleText((prev) => prev + SECRET_TEXT.charAt(index));\n index++;\n }, 50);\n\n return () => clearInterval(interval);\n }, [isValentine]);\n\n return (\n \n {/* 🔔 Audio */}\n \n\n {!isValentine\n ? (\n <>\n

¿Te gustaría ser mi San Valentín?:3

\n\n

\n (e.currentTarget.style.transform = \"scale(1.1)\")}\n onMouseOut={(\n e,\n ) => (e.currentTarget.style.transform = \"scale(1)\")}\n >\n Yes\n \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 \n De ahora en adelante, seré tu San Valentín permanente :333333\n \n\n \n {visibleText}\n \n \n )}\n\n {/* 💓 animación del latido */}\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 \n DOCUMENTO CONFIDENCIAL\n \n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","createdAt",["D",1770149249340],"branchVersion","branchId","4f0c2932-0128-11f1-b066-42dde27851f2","id","4f07dd14-0128-11f1-b066-42dde27851f2","valentinesss",["D",1770140806083],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c249b-42b3-7592-8a96-aa6d377055a5","pinnedFileId","019c249d-2c23-76ee-955e-385fc3ed7f85","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c249b-42b3-7592-8a96-ae0cb924ef41","tursoName","4f07dd14012811f1b06642dde27851f2","tursoHostname","4f07dd14012811f1b06642dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789528852539],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_104":103,"_111":107},"org",{"_104":103,"_105":-5,"_106":107,"_18":55,"_108":109,"_110":25},"branch",{"_13":89,"_33":90,"_44":43,"_91":45,"_92":93,"_94":95,"_96":51,"_97":98,"_99":100,"_101":46,"_102":103},"isOwned",30,"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","suspirando","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5QVo1c053ZkM5OENhYlRGNVdiUEU0c3lnMiJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_33":46,"_39":204,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":205,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":206,"_84":207,"_86":208,"_88":25},"tree",[187,188,189,190],"files",[187,188,189,190],"counts",{"_177":63,"_178":168,"_179":63,"_180":181,"_182":183},"contents",[145,146,147,148],"upstreamProject",{"_44":98,"_33":142,"_53":-5,"_54":-5,"_50":51,"_82":143},"upstreamBranch",{"_44":93,"_39":136,"_137":138,"_33":90,"_91":98,"_13":95,"_92":-5,"_94":-5,"_139":140,"_48":-5,"_88":25,"_50":51,"_102":141,"_64":100,"_101":142},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],"updatedAt",["D",1739338420215],"lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","mewtru","valentine",{"_104":141,"_111":144},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_44":171,"_33":172,"_31":173,"_151":-5,"_42":43,"_41":168,"_153":59,"_39":174,"_13":63,"_34":20,"_36":175,"_24":25,"_157":-5,"_27":176},{"_44":163,"_33":164,"_31":165,"_151":-5,"_42":43,"_41":166,"_153":59,"_39":167,"_13":168,"_34":35,"_36":169,"_24":25,"_157":-5,"_27":170},{"_44":159,"_33":28,"_31":32,"_151":-5,"_42":43,"_41":14,"_153":25,"_39":160,"_13":161,"_34":35,"_36":38,"_24":25,"_157":-5,"_27":162},{"_44":149,"_33":150,"_31":57,"_151":-5,"_42":43,"_41":152,"_153":25,"_39":154,"_13":155,"_34":35,"_36":156,"_24":25,"_157":-5,"_27":158},"7e1d7718-0136-11f1-8e80-42dde27851f2","main.tsx","parentId",17,"latest",["D",1770146898082],16,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"¿Perdón?\",\n \"Pretty please 🥺\",\n \"Nos vemos muy bien juntas 💔\",\n \"Andaleee, di que sí\",\n \"Rompes mi corazoncito :(\",\n \"Te lo ruego, por favorrrrr\",\n \"Anyways, tendré que obligarte ;)\",\n \"Anyways, tendré que obligarte;)\",\n \"-t obligo-\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const yesButtonSize = (noClicks * 20) + 16;\n\n const firstImg =\n \"https://media1.tenor.com/m/BxibqUT9-I0AAAAC/dudu-flower.gif\";\n const secondImg =\n \"https://media1.tenor.com/m/S00L4lCpe80AAAAC/bubu-flower-bubu-kiss.gif\";\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n };\n\n return (\n \n {!isValentine\n ? (\n <>\n

¿Te gustaría ser mi San Valentín?:3

\n \n Yes\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 De ahora en adelante, seré tu San Valentín permanente :333333\n (send \"OFH\" to @florenruina on ig si llegaste hasta acá)\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 DOCUMENTO CONFIDENCIAL\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","label",[150],"f794170a-013b-11f1-bd90-42dde27851f2",["D",1770149249340],5,[28],"c187694c-013a-11f1-9387-42dde27851f2","main-copy-copy.tsx","b2739b74-013a-11f1-af32-42dde27851f2",23,["D",1770148729167],1,"/** @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 \"¿Perdón?\",\n \"Pretty please 🥺\",\n \"Nos vemos muy bien juntas 💔\",\n \"Andaleee, di que sí\",\n \"Rompes mi corazoncito :(\",\n \"Te lo ruego, por favorrrrr\",\n \"Anyways, tendré que obligarte ;)\",\n \"Anyways, tendré que obligarte;)\",\n \"-t obligo-\",\n];\n\n// 🔒 Texto secreto SIN paréntesis\nconst SECRET_TEXT =\n 'send \"OFH\" to @florenruina on ig si llegaste hasta acá';\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [showSecret, setShowSecret] = useState(false);\n const [typedText, setTypedText] = useState(\"\");\n\n const yesButtonSize = noClicks * 20 + 16;\n\n const firstImg =\n \"https://media1.tenor.com/m/BxibqUT9-I0AAAAC/dudu-flower.gif\";\n const secondImg =\n \"https://media1.tenor.com/m/S00L4lCpe80AAAAC/bubu-flower-bubu-kiss.gif\";\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n };\n\n // ⏳ Espera antes de mostrar el mensaje secreto\n useEffect(() => {\n if (isValentine) {\n const timer = setTimeout(() => {\n setShowSecret(true);\n }, 3000);\n\n return () => clearTimeout(timer);\n }\n }, [isValentine]);\n\n // ✍️ Texto letra por letra (LIMPIO)\n useEffect(() => {\n if (showSecret) {\n setTypedText(\"\"); // ← reset CLAVE\n let index = 0;\n\n const interval = setInterval(() => {\n if (index < SECRET_TEXT.length) {\n setTypedText((prev) => prev + SECRET_TEXT.charAt(index));\n index++;\n } else {\n clearInterval(interval);\n }\n }, 50);\n\n return () => clearInterval(interval);\n }\n }, [showSecret]);\n\n return (\n \n {!isValentine ? (\n <>\n

¿Te gustaría ser mi San Valentín?:3

\n\n

\n \n (e.target.style.cursor =\n \"url('https://cur.cursors-4u.net/symbols/sym-1/sym49.cur'), auto\")\n }\n >\n Yes\n \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 De ahora en adelante, seré tu San Valentín permanente :333333\n \n\n {showSecret && (\n \n {typedText}\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 \n DOCUMENTO CONFIDENCIAL\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n }\n );\n}",[164],"4f0f37d0-0128-11f1-b066-42dde27851f2","README.md","019c249d-2c23-76ee-955e-37960b875e2d",["D",1770140806083],"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.",[172],"pulls","branches","forks","envVars",{"_184":63,"_186":63},"connections",{"_184":63,"_185":63},"count","unfilledCount","emptyCount",{"_44":171,"_33":172,"_31":173,"_151":-5,"_42":43,"_41":168,"_153":59,"_39":201,"_13":63,"_34":20,"_36":175,"_24":25,"_157":-5,"_192":202,"_27":203},{"_44":163,"_33":164,"_31":165,"_151":-5,"_42":43,"_41":166,"_153":59,"_39":198,"_13":168,"_34":35,"_36":169,"_24":25,"_157":-5,"_192":199,"_27":200},{"_44":159,"_33":28,"_31":32,"_151":-5,"_42":43,"_41":14,"_153":25,"_39":195,"_13":161,"_34":35,"_36":38,"_24":25,"_157":-5,"_192":196,"_27":197},{"_44":149,"_33":150,"_31":57,"_151":-5,"_42":43,"_41":152,"_153":25,"_39":191,"_13":155,"_34":35,"_36":156,"_24":25,"_157":-5,"_192":193,"_27":194},["D",1770146898082],"children",[],[150],["D",1770149249340],[],[28],["D",1770148729167],[],[164],["D",1770140806083],[],[172],["D",1770140806083],["D",1789528852539],{"_104":103,"_111":107},{"_104":103,"_105":-5,"_106":107,"_18":55,"_108":109,"_110":25},{"_13":89,"_33":90,"_44":43,"_91":45,"_92":93,"_94":95,"_96":51,"_97":98,"_99":100,"_101":46,"_102":103},"ctx",{"_82":-5,"_133":242,"_243":244,"_245":246,"_247":25,"_248":25,"_249":25,"_250":59,"_251":-5,"_252":-7,"_253":-7,"_254":63,"_255":25,"_256":25,"_257":-5,"_258":25,"_259":25,"_260":25,"_261":-5},"ENV",{"_213":214,"_215":216,"_217":90,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241},"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 · v25