[{"_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",10,"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","019c3e33-749f-746a-a83a-03619027957e","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 } from \"https://esm.sh/react@18.2.0\";\n\n// --- Configuración de opciones ---\n// NOTA: Puedes cambiar las URLs de las imágenes por las que tú prefieras.\nconst FOOD_OPTIONS = [\n {\n id: \"pizza\",\n label: \"MIMPAOS\",\n img:\n \"https://elcomercio.pe/resizer/g9dRAgojpUETyu9ENJkbg-D6P4U=/980x528/smart/filters:format(jpeg):quality(75)/cloudfront-us-east-1.images.arcpublishing.com/elcomercio/GKDARHCZ5ND47DFBVKQH3QQUQA.jpg\",\n },\n {\n id: \"sushi\",\n label: \"MAKISITOS\",\n img: \"https://media.cupondorado.pe/images/offers/10makis2sabores-904.webp\",\n },\n {\n id: \"tacos\",\n label: \"Tacos 🌮\",\n img: \"https://images.unsplash.com/photo-1551504734-5ee1c4a1479b?w=400\",\n },\n {\n id: \"pasta\",\n label: \"Pasta 🍝\",\n img: \"https://images.unsplash.com/photo-1563379926898-05f4575a45d8?w=400\",\n },\n];\n\nconst ACTIVITY_OPTIONS = [\n {\n id: \"cine\",\n label: \"Cine 🍿\",\n img: \"https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?w=400\",\n },\n {\n id: \"parque\",\n label: \"Caminar por el parque 🌳\",\n img: \"https://images.unsplash.com/photo-1472214103451-9374bd1c798e?w=400\",\n },\n {\n id: \"playa\",\n label: \"Ir a la playa 🏖️\",\n img: \"https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=400\",\n },\n {\n id: \"museo\",\n label: \"Museo / Arte 🎨\",\n img: \"https://images.unsplash.com/photo-1518998053980-fa646e2883cf?w=400\",\n },\n];\n\nconst NO_PHRASES = [\n \"Nooooo 💔\",\n \"Por favorsito? 🥺\",\n \"Ya toca su salidita ya 💕\",\n \"Una ultima salidita al menos?\",\n \"No seas una mala:(\",\n \"Una media salida?\",\n \"Por favorsisisiisito\",\n];\n\nfunction App() {\n const [step, setStep] = useState(0); // 0: Pregunta, 1: Celebración, 2: Fecha, 3: Comida, 4: Actividad, 5: Final\n const [noClicks, setNoClicks] = useState(0);\n const [selection, setSelection] = useState({\n date: \"\",\n time: \"\",\n food: null,\n activity: null,\n });\n\n const yesButtonSize = (noClicks * 20) + 16;\n const firstImg =\n \"https://media1.tenor.com/m/U45Q8YaJzBUAAAAC/moti-hearts.gif\";\n const secondImg =\n \"https://media.tenor.com/Fk25B5wkHSEAAAAi/mamegoma-baby.gif\";\n\n const handleNo = () => setNoClicks((prev) => prev + 1);\n const handleYes = () => setStep(1);\n\n const handleDateChange = (e) =>\n setSelection({ ...selection, date: e.target.value });\n const handleTimeChange = (e) =>\n setSelection({ ...selection, time: e.target.value });\n\n const handleFoodSelect = (option) => {\n setSelection({ ...selection, food: option });\n setStep(4);\n };\n\n const handleActivitySelect = (option) => {\n setSelection({ ...selection, activity: option });\n setStep(5);\n };\n\n return (\n \n {/* PASO 0: La Pregunta */}\n {step === 0 && (\n <>\n

\n Mi hielito, quieres ser mi Valentin? 💘\n

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

\n \n )}\n\n {/* PASO 1: Celebración */}\n {step === 1 && (\n <>\n

Siii!!! 💖🎉

Sabía que dirías que siiiiiii

\n setStep(2)}\n style={{\n padding: \"12px 24px\",\n fontSize: \"18px\",\n backgroundColor: \"#ff4d6d\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"25px\",\n marginTop: \"20px\",\n cursor: \"pointer\",\n }}\n >\n Ahora toca hacer la planificación amor\n \n \n )}\n\n {/* PASO 2: Fecha y Hora */}\n {step === 2 && (\n

Cuando va a ser?

\n \n \n \n \n selection.date && selection.time\n ? setStep(3)\n : alert(\"Por favor elige fecha y hora amor\")}\n style={{\n padding: \"10px 20px\",\n backgroundColor: \"#ff4d6d\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"20px\",\n cursor: \"pointer\",\n marginTop: \"10px\",\n }}\n >\n Siguiente\n \n

\n \n )}\n\n {/* PASO 3: Comida */}\n {step === 3 && (\n

De que tienes antojo amor?

\n \n {FOOD_OPTIONS.map((option) => (\n handleFoodSelect(option)}\n style={{\n border: \"2px solid #ffccd5\",\n borderRadius: \"15px\",\n padding: \"10px\",\n cursor: \"pointer\",\n backgroundColor: \"white\",\n transition: \"transform 0.2s\",\n }}\n >\n \n \n {option.label}\n

\n ))}\n \n \n )}\n\n {/* PASO 4: Actividad */}\n {step === 4 && (\n

Y despues a donde vamos?

\n \n {ACTIVITY_OPTIONS.map((option) => (\n handleActivitySelect(option)}\n style={{\n border: \"2px solid #ffccd5\",\n borderRadius: \"15px\",\n padding: \"10px\",\n cursor: \"pointer\",\n backgroundColor: \"white\",\n transition: \"transform 0.2s\",\n }}\n >\n \n \n {option.label}\n

\n ))}\n \n \n )}\n\n {/* PASO 5: Resumen */}\n {step === 5 && (\n

Cita Agendada ❤️

\n \n

\n Fecha: {selection.date}\n

\n Hora: {selection.time}\n

\n Comida: {selection.food?.label}\n

\n Plan: {selection.activity?.label}\n

\n Te amo mucho muchazo mi vida, ya quiero verte hermosa 🐧\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 Valentine's Day Invitation\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, { useState } from \"https://esm.sh/react@18.2.0\";\n\n// --- Configuración de opciones ---\n// NOTA: Puedes cambiar las URLs de las imágenes por las que tú prefieras.\nconst FOOD_OPTIONS = [\n {\n id: \"pizza\",\n label: \"Mimpaos\",\n img:\n \"https://elcomercio.pe/resizer/g9dRAgojpUETyu9ENJkbg-D6P4U=/980x528/smart/filters:format(jpeg):quality(75)/cloudfront-us-east-1.images.arcpublishing.com/elcomercio/GKDARHCZ5ND47DFBVKQH3QQUQA.jpg\",\n },\n {\n id: \"sushi\",\n label: \"Makisitos\",\n img: \"https://media.cupondorado.pe/images/offers/10makis2sabores-904.webp\",\n },\n {\n id: \"tacos\",\n label: \"Heladito\",\n img: \"https://i.ytimg.com/vi/Eu3O8OW6rQs/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLCJeqQgFIYpWowlZcVQAjVFWInRJQ\",\n },\n {\n id: \"pasta\",\n label: \"Chifita\",\n img: \"https://dynamic-media-cdn.tripadvisor.com/media/photo-o/2d/18/01/56/kay-ten-el-rey-de-los.jpg?w=900&h=500&s=1\",\n },\n];\n\nconst ACTIVITY_OPTIONS = [\n {\n id: \"cine\",\n label: \"Ir a escalar\",\n img: \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQP2Djqg7EuBhDLZYC1iavSAFRx5KcYtwybXA&s\",\n },\n {\n id: \"parque\",\n label: \"Ir a ver animales exoticos\",\n img: \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT9JciNKw4av5V-2qO5hIlMyD4pLShGFC-n7A&s\",\n },\n {\n id: \"playa\",\n label: \"Ir a la playita\",\n img: \"https://portal.andina.pe/EDPfotografia3/Thumbnail/2021/01/18/000741646W.webp\",\n },\n {\n id: \"museo\",\n label: \"Ir al telito\",\n img: \"https://www.hotelescenter.es/wp-content/blogs.dir/1601/files/home//header-home-mb.jpg\",\n },\n];\n\nconst NO_PHRASES = [\n \"Nooooo 💔\",\n \"Por favorsito? 🥺\",\n \"Ya toca su salidita ya 💕\",\n \"Una ultima salidita al menos?\",\n \"No seas una mala:(\",\n \"Una media salida?\",\n \"Por favorsisisiisito\",\n];\n\nfunction App() {\n const [step, setStep] = useState(0); // 0: Pregunta, 1: Celebración, 2: Fecha, 3: Comida, 4: Actividad, 5: Final\n const [noClicks, setNoClicks] = useState(0);\n const [selection, setSelection] = useState({\n date: \"\",\n time: \"\",\n food: null,\n activity: null,\n });\n\n const yesButtonSize = (noClicks * 20) + 16;\n const firstImg =\n \"https://media1.tenor.com/m/U45Q8YaJzBUAAAAC/moti-hearts.gif\";\n const secondImg =\n \"https://media.tenor.com/Fk25B5wkHSEAAAAi/mamegoma-baby.gif\";\n\n const handleNo = () => setNoClicks((prev) => prev + 1);\n const handleYes = () => setStep(1);\n\n const handleDateChange = (e) =>\n setSelection({ ...selection, date: e.target.value });\n const handleTimeChange = (e) =>\n setSelection({ ...selection, time: e.target.value });\n\n const handleFoodSelect = (option) => {\n setSelection({ ...selection, food: option });\n setStep(4);\n };\n\n const handleActivitySelect = (option) => {\n setSelection({ ...selection, activity: option });\n setStep(5);\n };\n\n return (\n \n {/* PASO 0: La Pregunta */}\n {step === 0 && (\n <>\n

\n Mi hielito, quieres ser mi Valentin? 💘\n

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

\n \n )}\n\n {/* PASO 1: Celebración */}\n {step === 1 && (\n <>\n

Siii!!! 💖🎉

Sabía que dirías que siiiiiii

Cuando va a ser?

\n \n )}\n\n {/* PASO 3: Comida */}\n {step === 3 && (\n

De que tienes antojo amor?

\n ))}\n \n \n )}\n\n {/* PASO 4: Actividad */}\n {step === 4 && (\n

Y despues a donde vamos?

\n ))}\n \n \n )}\n\n {/* PASO 5: Resumen */}\n {step === 5 && (\n

Cita Agendada ❤️

\n \n

\n Fecha: {selection.date}\n

\n Hora: {selection.time}\n

\n Comida: {selection.food?.label}\n

\n Plan: {selection.activity?.label}\n

\n Te amo mucho muchazo mi vida, ya quiero verte hermosa 🐧\n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","createdAt",["D",1770572025131],"branchVersion","branchId","cd785c7e-050f-11f1-8a3e-42dde27851f2","id","cd6ca424-050f-11f1-8a3e-42dde27851f2","VALENTIN",["D",1770570085358],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c3e32-44d2-7437-91b6-27e57f6e1953","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c3e32-44d2-7437-91b6-297d4eece19b","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",14,"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","leamsi1je","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zOU9iTDFRTXJlN2I5QzJHaFlYaVZvN0hCeG8ifQ","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},"519926f6-0514-11f1-9f9c-42dde27851f2","parentId","latest",["D",1770572025131],9,"label",[28],"cd8066f8-050f-11f1-8a3e-42dde27851f2","README.md","019c3e33-749f-746a-a839-ffb43a4a6670",1,["D",1770570085358],"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",1770572025131],"children",[],[28],["D",1770570085358],[],[150],["D",1770570085358],{"_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 · v10