[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_214":215,"_216":217},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_73":161,"_40":-7,"_162":-5,"_17":163,"_164":165,"_166":167,"_168":169,"_170":171,"_111":-5,"_172":173,"_174":175,"_176":50,"_177":178,"_179":26,"_180":-5,"_181":-5,"_182":183},"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","princedarwin_katire","name","date-night","branchName","main","project",{"_32":61,"_13":14,"_34":121,"_48":-5,"_122":50,"_51":52,"_123":52,"_124":125,"_126":-5,"_127":128,"_129":81,"_130":26,"_131":-5,"_132":-5,"_133":22,"_55":134,"_135":-5,"_136":-5,"_137":-5,"_138":-5,"_139":140,"_141":140,"_142":143,"_144":143,"_145":143,"_146":140,"_147":140,"_148":149,"_150":151,"_152":28,"_49":50},"ahead",9,"behind",0,"diff",{"_65":66,"_67":68,"_69":70},"hasChanges",true,"sourceBranch",{"_40":59,"_13":16,"_32":60,"_38":61,"_42":33,"_44":41,"_62":52,"_63":39,"_64":56,"_57":14,"_53":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"pull","id","68223b5d-0a04-46e8-a14d-03107b88df3a","createdAt",["D",1785293894730],"updatedAt",["D",1785293894730],"projectId","9cdba0dc-dcb9-4eda-8f96-dd8b61f2e31b","version",1,"forkedBranchId","fdd9b22e-27b0-11f0-aecd-569c3dd06744","forkedBranchVersion",11,"lockfileKey","1785293894906-esm.town_v_bmtsyn_valentine@1-main","deletedAt","isOwned",false,"privacy","public","userHandle","bmtsyn","orgId","019fabce-7351-775e-a004-904324690dc8","projectName","valentine",10,"82e37596-a693-453f-9c0b-099422d1dce3","03663ae8-8cad-4157-8581-35c6723030b4","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[],"deleted",[],"modified",[71,72],{"_73":103,"_75":104,"_77":105},{"_73":74,"_75":76,"_77":78},"path","main.tsx","targetFile",{"_32":97,"_13":74,"_80":98,"_82":-5,"_83":33,"_84":41,"_85":26,"_34":99,"_40":22,"_88":89,"_90":100,"_67":50,"_92":-5,"_93":-7,"_73":101,"_95":102},"sourceFile",{"_32":79,"_13":74,"_80":81,"_82":-5,"_83":60,"_84":59,"_85":26,"_34":86,"_40":87,"_88":89,"_90":91,"_67":50,"_92":-5,"_93":-7,"_73":94,"_95":96},"107812c9-5cd2-456b-9815-d6447928bffb","fileId","019fad1a-5ae3-739a-a4dc-44d349686f20","parentId","branchId","branchVersion","latest",["D",1785410978987],7,"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 \"Are you sure? 🥺\",\n \"But Spider-Man needs us! 🕷️\",\n \"Come on, it'll be amazing! 🎬\",\n \"I'll even buy the popcorn 🍿\",\n \"You're breaking my heart here 😢\",\n \"Pleeease? I'll share my snacks 🍬\",\n \"Last chance before I cry 😭\",\n];\n\nfunction SpiderManMask({ size = 180 }) {\n return (\n \n );\n}\n\nfunction SpiderCouple({ size = 180 }) {\n return (\n \n );\n}\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [saidYes, setSaidYes] = useState(false);\n const yesButtonSize = (noClicks * 18) + 16;\n\n const handleNo = () => {\n setNoClicks(prev => prev + 1);\n };\n\n const handleYes = () => {\n setSaidYes(true);\n };\n\n return (\n \n {!saidYes\n ? (\n <>\n

\n \n

\n Hi my Shayla💖, Will you go see Spider-Man with me? 🕷️🎬\n

\n Movies, popcorn, and the best seat in the house next to me 💺\n

\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

\n \n Yay!!! It's a date! 💖🕷️\n \n

\n 🎬 Spider-Man on the big screen
\n 🍿 Popcorn & snacks (on me!)
\n 🥤 Drinks & good company

\n \n Get ready for the best movie night ever 🌟\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 Spider-Man Movie Date 🕷️🎬\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","label","children",[74],"contentHash","193cdbfce2e7b502c7a755fe7c96b5bd18131bf835d9064614927d97ccca3c39","eab6dc54-21ca-45e7-9d1b-2099baf454e2","019fabce-f49b-7494-b8b4-2f0273b0e18f",["D",1785293894730],"/** @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}",[74],"219db6de0cde9d99ab623850153b424bf310bc4ca153e580028ccbf8fe9f9954","README.md",{"_32":115,"_13":103,"_80":116,"_82":-5,"_83":33,"_84":41,"_85":26,"_34":117,"_40":22,"_88":111,"_90":118,"_67":50,"_92":-5,"_93":-7,"_73":119,"_95":120},{"_32":106,"_13":103,"_80":107,"_82":-5,"_83":60,"_84":108,"_85":26,"_34":109,"_40":110,"_88":111,"_90":112,"_67":50,"_92":-5,"_93":-7,"_73":113,"_95":114},"9d53c1c0-a9ad-48e7-b421-62ffff6b7a08","019fad1a-5ae2-76de-9d6a-85329edfc2d4",8,["D",1785315801102],2,"file","# Spider-Man Movie Date 🕷️🎬\n\nA playful page to ask your crush to go see Spider-Man with you!\n\nThe \"Yes\" button grows bigger every time they click \"No\", and the \"No\" button cycles through increasingly desperate guilt-trip phrases.\n\n## What it does\n- Asks: \"Will you go see Spider-Man with me? 🕷️🎬\"\n- When they click No, the Yes button gets bigger and the No button text changes\n- When they click Yes, shows a celebration with movie date details (Spider-Man, popcorn, drinks)\n\n## Customize it!\n- Change the `NO_PHRASES` array to make the guilt trips your own\n- Swap the `firstImg` and `secondImg` GIFs for different vibes\n- Edit the movie date details on the success screen\n- Change the background gradient and button colors to match your style\n\nGood luck — hope they say yes! 🌟",[103],"d25e2c84ad2a3449810bdb958d65198f139c3da00464482260f3d52f91b8128f","aee503bf-0c75-4810-b292-56b776c8b55b","019fabce-f49b-7494-b8b4-2bcbbf65479e",["D",1785293894730],"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.",[103],"884dd4eb86fd1264df9b44f9e56598ee15cb691e2de0dd1661353c8166c61b1e",["D",1785315613295],"legacyEnvVars","httpPrivacy","description","Playful date night invitation page","imageUrl","userId","a2ab7fa1-0ee3-4c39-abda-162fba75d7d8","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019fad18-0b1b-7670-bd7c-5a84999e0ac1","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_160":156},"org",{"_11":12,"_153":154,"_155":156,"_127":128,"_157":158,"_159":50},"branch","displayName","Prince.darwin_ katire","avatar","https://lh3.googleusercontent.com/a/ACg8ocLvuzTnpybdNfnvdFfzRRlrZKQki7Gsot3SMl4VrZtuy9dhw8A=s96-c","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":61,"_13":14,"_34":210,"_48":-5,"_122":50,"_51":52,"_123":52,"_124":125,"_126":-5,"_127":128,"_129":81,"_130":26,"_131":-5,"_132":-5,"_133":22,"_55":134,"_135":-5,"_136":-5,"_137":-5,"_138":-5,"_139":140,"_141":140,"_142":143,"_144":143,"_145":143,"_146":140,"_147":140,"_148":211,"_150":212,"_152":213,"_49":50},"tree",[204,205],"files",[204,205],"counts",{"_194":22,"_195":41,"_196":22,"_197":198,"_199":200},"contents",[188,189],"upstreamProject",{"_32":39,"_13":58,"_124":-5,"_126":-5,"_51":52,"_148":186},"upstreamBranch",{"_32":33,"_34":184,"_36":185,"_13":16,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1785293894730],["D",1785293894730],{"_11":54,"_160":187},"https://lh3.googleusercontent.com/a/ACg8ocIiy30pq5LN918NBvfWyutcE6FUW4x4x05ENFViBFhwnRvjKA=s96-c",{"_32":106,"_13":103,"_80":107,"_82":-5,"_83":60,"_84":108,"_85":26,"_34":192,"_40":110,"_88":111,"_90":112,"_67":50,"_92":-5,"_73":193},{"_32":79,"_13":74,"_80":81,"_82":-5,"_83":60,"_84":59,"_85":26,"_34":190,"_40":87,"_88":89,"_90":91,"_67":50,"_92":-5,"_73":191},["D",1785410978987],[74],["D",1785315801102],[103],"pulls","branches","forks","envVars",{"_201":22,"_203":22},"connections",{"_201":22,"_202":22},"count","unfilledCount","emptyCount",{"_32":106,"_13":103,"_80":107,"_82":-5,"_83":60,"_84":108,"_85":26,"_34":109,"_40":110,"_88":111,"_90":112,"_67":50,"_92":-5,"_93":208,"_73":209},{"_32":79,"_13":74,"_80":81,"_82":-5,"_83":60,"_84":59,"_85":26,"_34":86,"_40":87,"_88":89,"_90":91,"_67":50,"_92":-5,"_93":206,"_73":207},[],[74],[],[103],["D",1785315613295],{"_11":12,"_160":156},{"_11":12,"_153":154,"_155":156,"_127":128,"_157":158,"_159":50},{"_40":59,"_13":16,"_32":60,"_38":61,"_42":33,"_44":41,"_62":52,"_63":39,"_64":56,"_57":14,"_53":12},"ctx",{"_148":-5,"_181":247,"_248":249,"_250":251,"_252":50,"_253":50,"_254":50,"_255":26,"_256":-5,"_257":-7,"_258":-7,"_259":22,"_260":50,"_261":50,"_262":-5,"_263":50,"_264":50,"_265":50,"_266":-5},"ENV",{"_218":219,"_220":221,"_222":16,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246},"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

Mergeprincedarwin_katire/mainintobmtsyn/main

README.md+15-4

Hmain.tsx+142-30