[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_199":200,"_201":202},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_69":139,"_40":-7,"_140":-5,"_17":141,"_142":143,"_144":145,"_146":147,"_148":149,"_150":-5,"_151":152,"_153":154,"_155":48,"_156":157,"_158":26,"_159":-5,"_160":-5,"_161":162},"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","shahin","name","valentine","branchName","main","project",{"_32":58,"_13":14,"_34":101,"_46":-5,"_102":48,"_49":50,"_103":50,"_104":-5,"_105":-5,"_106":107,"_108":96,"_109":26,"_110":-5,"_111":-5,"_112":22,"_53":113,"_114":-5,"_115":-5,"_116":-5,"_117":-5,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_127":128,"_129":130,"_131":28,"_47":48},"ahead",31,"behind",0,"diff",{"_62":63,"_64":65,"_66":67},"hasChanges",true,"sourceBranch",{"_40":56,"_13":16,"_32":57,"_38":58,"_42":33,"_43":41,"_59":50,"_60":39,"_61":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":14},"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",32,"6c8e31f4-02cb-11f1-8af5-42dde27851f2","6c88496a-02cb-11f1-8af5-42dde27851f2","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[92],"deleted",[68],"modified",[],{"_69":70,"_71":72,"_73":-7},"path","main.tsx","targetFile",{"_32":74,"_13":70,"_75":76,"_77":-5,"_78":33,"_79":41,"_80":26,"_34":81,"_40":82,"_83":84,"_85":86,"_64":48,"_87":-5,"_88":-7,"_69":89,"_90":91},"sourceFile","fe0d1f7e-27b0-11f0-aecd-569c3dd06744","fileId","fddef4f0-27b0-11f0-aecd-569c3dd06744","parentId","branchId","branchVersion","latest",["D",1739338420215],10,"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\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}","label","children",[70],"contentHash","219db6de0cde9d99ab623850153b424bf310bc4ca153e580028ccbf8fe9f9954",{"_69":93,"_71":-7,"_73":94},"main.jsx",{"_32":95,"_13":93,"_75":96,"_77":-5,"_78":57,"_79":56,"_80":26,"_34":97,"_40":20,"_83":84,"_85":98,"_64":48,"_87":-5,"_88":-7,"_69":99,"_90":100},"69dd1e50-0386-11f1-b398-42dde27851f2","019c2f57-e2e3-74a0-accc-3179685ae3ee",["D",1770401126169],"/** @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 \"Nahhhh? 🥺\",\n \"Nahhhhhh\",\n \"Nahhhhhh\",\n \"Don't piss me off\",\n \"You actually taking the piss\",\n \"HAI FOK JUST SAY YES\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [noPos, setNoPos] = useState({ top: \"50%\", left: \"50%\" });\n const [showMessage, setShowMessage] = useState(false);\n\n const yesButtonSize = noClicks * 20 + 16;\n\n const firstImg =\n \"https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExdDV0cnlxNmNzZzJ0d3M3azY1dHMxOXNldmsyMnR3c2J1amVoMTEzOSZlcD12MV9naWZzX3NlYXJjaCZjdD1n/9QrNWBKvBpCw0/giphy.gif\";\n const secondImg =\n \"https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExeDlwenRqcXhxYnI4cDZvbXR0bmhxZWJtNXB3N21vZHV4aTRrcXpqNyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/JoDP7uqssbcUu5kAF4/giphy.gif\";\n\n const handleNoMouseEnter = () => {\n const top = Math.floor(Math.random() * 70) + 10 + \"%\";\n const left = Math.floor(Math.random() * 70) + 10 + \"%\";\n setNoPos({ top, left });\n setNoClicks((prev) => prev + 1);\n };\n\n return (\n \n {!isValentine\n ? (\n <>\n

Will you be my Valentine? 💘

\n\n \n setIsValentine(true)}\n style={{\n fontSize: `${yesButtonSize}px`,\n padding: \"10px 20px\",\n backgroundColor: \"green\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"6px\",\n cursor: \"pointer\",\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 \n 😭🙏💖\n \n\n setShowMessage(true)}\n style={{\n padding: \"12px 24px\",\n fontSize: \"18px\",\n backgroundColor: \"#ff69b4\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"8px\",\n cursor: \"pointer\",\n }}\n >\n Read Me 💌\n \n\n {showMessage && (\n \n I’m really sorry that I can’t see you on Valentine’s Day and\n that I can’t spend that time with you the way I want to 💔 It\n hurts knowing I can’t hold you, laugh with you, or just be next\n to you.\n
\n
\n But even with the distance, I need you to know how grateful I am\n for you. Thank you for being my girlfriend, for choosing me, for\n loving me the way you do, and for being patient with me.\n
\n
\n You mean more to me than I ever expected anyone could. You’re\n not just my girlfriend — you’re my safe place, my happiness, and\n the person I think about when I imagine the future.\n
\n
\n I love you so much, more than words can explain, and I promise\n I’m always yours ❤️\n \n )}\n\n {/* floating hearts */}\n {Array.from({ length: 25 }).map((_, i) => (\n \n ❤️\n \n ))}\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() {\n return new Response(\n `\n \n \n Valentine 💖\n \n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}",[93],"0e99164b07e0abf93b9511f679f5641a79d8cf71940f9f0e15fe2b233094d8c8",["D",1770320814669],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","019c2f56-da4a-7258-b548-f4b100289992","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019c2f56-da4a-7258-b548-f8236fa7271d","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_138":134},"org",{"_11":12,"_132":-5,"_133":134,"_106":107,"_135":136,"_137":48},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5R1M1cXkxY0lGNWliR3d2N0VuRDg3cFQySSJ9","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":58,"_13":14,"_34":195,"_46":-5,"_102":48,"_49":50,"_103":50,"_104":-5,"_105":-5,"_106":107,"_108":96,"_109":26,"_110":-5,"_111":-5,"_112":22,"_53":113,"_114":-5,"_115":-5,"_116":-5,"_117":-5,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_127":196,"_129":197,"_131":198,"_47":48},"tree",[188,189],"files",[188,189],"counts",{"_178":22,"_179":174,"_180":22,"_181":182,"_183":184},"contents",[167,168],"file","upstreamProject",{"_32":39,"_13":14,"_104":-5,"_105":-5,"_49":50,"_127":165},"upstreamBranch",{"_32":33,"_34":163,"_36":164,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],["D",1739338420215],{"_11":52,"_138":166},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_32":171,"_13":172,"_75":173,"_77":-5,"_78":57,"_79":174,"_80":26,"_34":175,"_40":22,"_83":150,"_85":176,"_64":48,"_87":-5,"_69":177},{"_32":95,"_13":93,"_75":96,"_77":-5,"_78":57,"_79":56,"_80":26,"_34":169,"_40":20,"_83":84,"_85":98,"_64":48,"_87":-5,"_69":170},["D",1770401126169],[93],"6c93788a-02cb-11f1-8af5-42dde27851f2","README.md","019c2f57-e2e3-74a0-accc-2db15f4f081b",1,["D",1770320814669],"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",{"_185":22,"_187":22},"connections",{"_185":22,"_186":22},"count","unfilledCount","emptyCount",{"_32":171,"_13":172,"_75":173,"_77":-5,"_78":57,"_79":174,"_80":26,"_34":192,"_40":22,"_83":150,"_85":176,"_64":48,"_87":-5,"_88":193,"_69":194},{"_32":95,"_13":93,"_75":96,"_77":-5,"_78":57,"_79":56,"_80":26,"_34":97,"_40":20,"_83":84,"_85":98,"_64":48,"_87":-5,"_88":190,"_69":191},[],[93],["D",1770320814669],[],[172],["D",1770320814669],{"_11":12,"_138":134},{"_11":12,"_132":-5,"_133":134,"_106":107,"_135":136,"_137":48},{"_40":56,"_13":16,"_32":57,"_38":58,"_42":33,"_43":41,"_59":50,"_60":39,"_61":54,"_55":14,"_51":12},"ctx",{"_127":-5,"_160":232,"_233":234,"_235":236,"_237":48,"_238":48,"_239":48,"_240":26,"_241":-5,"_242":-7,"_243":-7,"_244":22,"_245":48,"_246":48,"_247":-5,"_248":48,"_249":48,"_250":48,"_251":-5},"ENV",{"_203":204,"_205":206,"_207":16,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231},"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

Mergeshahin/mainintomewtru/main

Hmain.jsx+210-0

Hmain.tsx+0-127