[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_212":213,"_214":215},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_70":146,"_40":-7,"_147":-5,"_17":148,"_149":150,"_151":152,"_153":154,"_155":156,"_157":-5,"_158":159,"_160":161,"_162":48,"_163":164,"_165":26,"_166":-5,"_167":-5,"_168":169},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","nieteseu","name","Mikenietes","branchName","main","project",{"_32":59,"_13":14,"_34":108,"_46":-5,"_109":48,"_49":50,"_110":50,"_111":-5,"_112":-5,"_113":114,"_115":78,"_116":26,"_117":-5,"_118":-5,"_119":22,"_53":120,"_121":-5,"_122":-5,"_123":-5,"_124":-5,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_134":135,"_136":137,"_138":28,"_47":48},"ahead",75,"behind",0,"diff",{"_63":64,"_65":66,"_67":68},"hasChanges",true,"sourceBranch",{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":41,"_60":50,"_61":39,"_62":54,"_55":14,"_51":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"pull","id","fdd9b22e-27b0-11f0-aecd-569c3dd06744","createdAt",["D",1746230157507],"updatedAt",["D",1739338420215],"projectId","fdd966ca-27b0-11f0-aecd-569c3dd06744","version",11,"forkedBranchId","forkedBranchVersion","lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","deletedAt","isOwned",false,"privacy","public","userHandle","mewtru","orgId","1ea2ca52-aecd-4993-8c60-cb61483dff1b","projectName","valentine",76,"0e47c2f0-0851-11f1-8a7e-42dde27851f2","0e450e02-0851-11f1-8a7e-42dde27851f2","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[101],"deleted",[],"modified",[69],{"_70":71,"_72":73,"_74":75},"path","main.tsx","targetFile",{"_32":94,"_13":71,"_77":95,"_79":-5,"_80":33,"_81":41,"_82":26,"_34":96,"_40":97,"_85":86,"_87":98,"_65":48,"_89":-5,"_90":-7,"_70":99,"_92":100},"sourceFile",{"_32":76,"_13":71,"_77":78,"_79":-5,"_80":58,"_81":20,"_82":26,"_34":83,"_40":84,"_85":86,"_87":88,"_65":48,"_89":-5,"_90":-7,"_70":91,"_92":93},"5a0b92f8-0887-11f1-8a24-42dde27851f2","fileId","019c5388-435c-778c-b07b-cf25b1e65d5c","parentId","branchId","branchVersion","latest",["D",1770951284940],74,"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, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No\",\n \"No?!? 😔\",\n \"My lil'dinosaur 🦖😘\",\n \"Honey my love so sweet please? 🥲🙇🏻\",\n \"Yoohooo 👋🏻🥺\",\n \"Promise hindi na ako mag paugtas 🥺\",\n \"Mii?!\",\n \"Budii.... Maby!?!?!?!\",\n \"Miiiiiiiiiiiiiiiiiiii?!?!?!?!\",\n \"Miiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii?!?!?!?!?!?!?!\",\n];\n\nfunction FloatingHearts() {\n return (\n

\n {Array.from({ length: 25 }).map((_, i) => 💖)}\n

\n );\n}\n\nfunction Sparkles({ sparkles }) {\n return (\n <>\n {sparkles.map((s, i) => (\n \n ✨\n \n ))}\n \n );\n}\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [currentGif, setCurrentGif] = useState(1);\n const [fade, setFade] = useState(true);\n const [playMusic, setPlayMusic] = useState(false);\n const [showSecondText, setShowSecondText] = useState(false);\n const [showThirdText, setShowThirdText] = useState(false);\n const [sparkles, setSparkles] = useState<\n {\n x: number;\n y: number;\n dx: number;\n dy: number;\n scale: number;\n opacity: number;\n }[]\n >([]);\n\n const yesButtonSize = noClicks * 20 + 16;\n\n const gifs = [\n \"https://media.giphy.com/media/ffzhLUixCtlsc/giphy.gif\",\n \"https://media.giphy.com/media/0cdbJBHZXG2hm132X2/giphy.gif\",\n \"https://media.giphy.com/media/FvPr1G9virFmffGWYH/giphy.gif\",\n ];\n\n const createSparkles = (e: React.MouseEvent) => {\n const newSparkles = Array.from({ length: 8 }).map(() => ({\n x: e.clientX,\n y: e.clientY,\n dx: Math.random() * 80 - 40,\n dy: Math.random() * -80,\n scale: Math.random() * 0.8 + 0.5,\n opacity: 1,\n }));\n setSparkles(newSparkles);\n setTimeout(() => setSparkles([]), 400);\n };\n\n const handleNo = (e: React.MouseEvent) => {\n createSparkles(e);\n setNoClicks((prev) => Math.min(prev + 1, NO_PHRASES.length - 1));\n };\n\n const handleYes = (e: React.MouseEvent) => {\n createSparkles(e);\n setFade(false);\n setTimeout(() => {\n setCurrentGif(2);\n setFade(true);\n setPlayMusic(true);\n }, 500);\n };\n\n const handleGifClick = () => {\n if (currentGif === 2) {\n setFade(false);\n setTimeout(() => {\n setCurrentGif(3);\n setFade(true);\n }, 500);\n }\n };\n\n useEffect(() => {\n if (currentGif === 2) setTimeout(() => setShowSecondText(true), 400);\n else setShowSecondText(false);\n\n if (currentGif === 3) setTimeout(() => setShowThirdText(true), 400);\n else setShowThirdText(false);\n }, [currentGif]);\n\n return (\n

\n \n \n\n {playMusic && (\n \n )}\n\n

\n \n

\n\n {currentGif === 1 && (\n <>\n

Mi, will you be my Valentine? 💘✨

\n \n Yes\n \n \n {NO_PHRASES[noClicks]}\n \n

\n \n )}\n\n {currentGif === 2 && (\n

\n Yeeyyy!!!! Happy Valentine's Day Mi 🥂💐💓\n

\n )}\n\n {currentGif === 3 && (\n

\n Mag o-oo ka rin pala iihhh! I love you so much Mi! ☺️😘\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 Valentine's Day Invitation\n \n \n \n

\n \n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","label","children",[71],"contentHash","ffb223ea36075b1299044a5b7f71023edaaeb08ecb2b2932ad3c10158a7f5c82","fe0d1f7e-27b0-11f0-aecd-569c3dd06744","fddef4f0-27b0-11f0-aecd-569c3dd06744",["D",1739338420215],10,"/** @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 \"No 💔\",\n \"Pretty please? 🥺\",\n \"But we'd be so cute together! 💕\",\n \"One more chance, pookie?\",\n \"Don't break my heart :(\",\n \"What about a maybe?\",\n \"Please don't do this to me, I'm fragile\",\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 = \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg = \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.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

Will you be my Valentine? 💘

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

\n \n )\n : (\n <>\n

\n \n Yay!!! 💖🎉\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}",[71],"219db6de0cde9d99ab623850153b424bf310bc4ca153e580028ccbf8fe9f9954",{"_70":102,"_72":-7,"_74":103},"main-copy.tsx",{"_32":104,"_13":102,"_77":105,"_79":-5,"_80":58,"_81":57,"_82":26,"_34":106,"_40":22,"_85":86,"_87":88,"_65":48,"_89":-5,"_90":-7,"_70":107,"_92":93},"c25d5eea-0887-11f1-b22d-42dde27851f2","c25d5fb2-0887-11f1-b22d-42dde27851f2",["D",1770951459948],[102],["D",1770927964922],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","019c52ff-ec54-71dd-8bf2-31aef29f1407","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019c52ff-ec54-71dd-8bf2-3633ceaeafd6","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_145":141},"org",{"_11":12,"_139":-5,"_140":141,"_113":114,"_142":143,"_144":48},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zOWEwbFFjd1U2WGFoRmp6RlNZdDFmOHNHU1IifQ","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":208,"_46":-5,"_109":48,"_49":50,"_110":50,"_111":-5,"_112":-5,"_113":114,"_115":78,"_116":26,"_117":-5,"_118":-5,"_119":22,"_53":120,"_121":-5,"_122":-5,"_123":-5,"_124":-5,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_134":209,"_136":210,"_138":211,"_47":48},"tree",[198,199,200],"files",[198,199,200],"counts",{"_188":22,"_189":184,"_190":22,"_191":192,"_193":194},"contents",[174,175,176],"file","upstreamProject",{"_32":39,"_13":56,"_111":-5,"_112":-5,"_49":50,"_134":172},"upstreamBranch",{"_32":33,"_34":170,"_36":171,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],["D",1739338420215],{"_11":52,"_145":173},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_32":181,"_13":182,"_77":183,"_79":-5,"_80":58,"_81":184,"_82":26,"_34":185,"_40":22,"_85":157,"_87":186,"_65":48,"_89":-5,"_70":187},{"_32":104,"_13":102,"_77":105,"_79":-5,"_80":58,"_81":57,"_82":26,"_34":179,"_40":22,"_85":86,"_87":88,"_65":48,"_89":-5,"_70":180},{"_32":76,"_13":71,"_77":78,"_79":-5,"_80":58,"_81":20,"_82":26,"_34":177,"_40":84,"_85":86,"_87":88,"_65":48,"_89":-5,"_70":178},["D",1770951284940],[71],["D",1770951459948],[102],"0e49d2ca-0851-11f1-8a7e-42dde27851f2","README.md","019c5388-435c-778c-b07b-c857d2686428",1,["D",1770927964922],"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.",[182],"pulls","branches","forks","envVars",{"_195":22,"_197":22},"connections",{"_195":22,"_196":22},"count","unfilledCount","emptyCount",{"_32":181,"_13":182,"_77":183,"_79":-5,"_80":58,"_81":184,"_82":26,"_34":205,"_40":22,"_85":157,"_87":186,"_65":48,"_89":-5,"_90":206,"_70":207},{"_32":104,"_13":102,"_77":105,"_79":-5,"_80":58,"_81":57,"_82":26,"_34":106,"_40":22,"_85":86,"_87":88,"_65":48,"_89":-5,"_90":203,"_70":204},{"_32":76,"_13":71,"_77":78,"_79":-5,"_80":58,"_81":20,"_82":26,"_34":83,"_40":84,"_85":86,"_87":88,"_65":48,"_89":-5,"_90":201,"_70":202},[],[71],[],[102],["D",1770927964922],[],[182],["D",1770927964922],{"_11":12,"_145":141},{"_11":12,"_139":-5,"_140":141,"_113":114,"_142":143,"_144":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":41,"_60":50,"_61":39,"_62":54,"_55":14,"_51":12},"ctx",{"_134":-5,"_167":245,"_246":247,"_248":249,"_250":48,"_251":48,"_252":48,"_253":26,"_254":-5,"_255":-7,"_256":-7,"_257":22,"_258":48,"_259":48,"_260":-5,"_261":48,"_262":48,"_263":48,"_264":-5},"ENV",{"_216":217,"_218":219,"_220":16,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244},"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"]

Compare

Mergenieteseu/mainintomewtru/main

Hmain.tsx+251-84

Hmain-copy.tsx+294-0