[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_222":223,"_224":225},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_165":-5,"_20":166,"_22":167,"_168":169,"_170":171,"_25":172,"_24":-5,"_173":174,"_175":176,"_177":50,"_178":179,"_180":72,"_181":-5,"_182":-5,"_183":184},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":28,"_29":-5,"_30":31,"_32":33,"_34":-5},"handle","sha4dowkapi","name","valentine","branchName","main","version","path","","project",{"_35":122,"_13":14,"_37":123,"_48":-5,"_124":50,"_51":52,"_125":52,"_126":-5,"_127":-5,"_128":129,"_130":92,"_131":72,"_132":-5,"_133":-5,"_134":33,"_55":135,"_136":-5,"_137":-5,"_138":-5,"_139":-5,"_140":141,"_142":141,"_143":144,"_145":144,"_146":144,"_147":141,"_148":141,"_149":150,"_151":152,"_153":154,"_49":50},"tree",[105,106,107,108],"file","contents",[58,59,60,61],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"pull","ahead",14,"behind",0,"envVars","id","fdd9b22e-27b0-11f0-aecd-569c3dd06744","createdAt",["D",1746230157507],"updatedAt",["D",1739338420215],"projectId","fdd966ca-27b0-11f0-aecd-569c3dd06744",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",{"_35":99,"_13":100,"_64":101,"_66":-5,"_67":68,"_69":87,"_71":72,"_37":102,"_17":33,"_75":24,"_77":103,"_79":50,"_80":-5,"_18":104},{"_35":90,"_13":91,"_64":92,"_66":-5,"_67":68,"_69":93,"_71":72,"_37":94,"_17":95,"_75":96,"_77":97,"_79":50,"_80":-5,"_18":98},{"_35":82,"_13":83,"_64":84,"_66":-5,"_67":68,"_69":85,"_71":72,"_37":86,"_17":87,"_75":76,"_77":88,"_79":50,"_80":-5,"_18":89},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":73,"_17":74,"_75":76,"_77":78,"_79":50,"_80":-5,"_18":81},"4d6328ba-0907-11f1-9581-42dde27851f2","new-file-3120.ts","fileId","b9e38dc8-0906-11f1-8690-42dde27851f2","parentId","branchId","8497d4ae-0905-11f1-bc6b-42dde27851f2","branchVersion",13,"latest",true,["D",1771006239281],3,"fileType","script","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 \"Nie 💔\",\n \"Proszę? 🥺\",\n \"Bardzo proszę 💕\",\n \"Jeszcze jedna szansa 😊\",\n \"Don't break my heart 😭\",\n \"Maybe jednak?\",\n \"I'm fragile 🥹\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [hearts, setHearts] = useState([]);\n const takButtonSize = (noClicks * 20) + 18;\n\n const firstImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handleTak = () => {\n setIsValentine(true);\n\n // dźwięk\n const audio = new Audio(\n \"https://www.soundjay.com/buttons/sounds/button-09.mp3\",\n );\n audio.play();\n\n // serduszka\n const newHearts = Array.from({ length: 20 }).map(() => ({\n left: Math.random() * 100,\n size: 20 + Math.random() * 30,\n id: Math.random(),\n }));\n\n setHearts(newHearts);\n\n setTimeout(() => setHearts([]), 3000);\n };\n\n return (\n \n {hearts.map((heart) => (\n \n 💖\n \n ))}\n\n {!isValentine\n ? (\n <>\n \n

Będziesz moją walentynką??? 💘

\n \n TAK 💖\n \n\n 2 ? `${Math.random() * 50}px` : \"0px\",\n transition: \"0.2s\",\n }}\n >\n {noClicks === 0\n ? \"Nie\"\n : 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 );\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 💖\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","deleted","label",[63],"ac80b256-090a-11f1-8500-42dde27851f2","new-file-1875.ts","a8cb44b4-090a-11f1-b697-42dde27851f2",15,["D",1771007687347],1,"\n\n\n\nWalentynka 🎀\n\n\n\n\n\n\n\n

Czy zostaniesz moją walentynką? 💘

\n\n

\n \n \n

\n\n \n \n

\n\n

🔊 Kliknij aby włączyć muzykę

\n\n\n\n\n",[83],"2c02bfba-0906-11f1-9e86-42dde27851f2","main.tsx","019c5826-f0a1-719d-8a69-18554db9a444",6,["D",1771005753790],5,"http","/** @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 \"Nie 💔\",\n \"Prosze ? 🥺\",\n \"Bardzo prosze 💕\",\n \"Masz jeszcze jedną szansę na zmiane zdania 😊\",\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 takButtonSize = (noClicks * 20) + 16;\n\n const firstImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handletak = () => {\n setIsValentine(true);\n };\n\n return (\n \n {!isValentine\n ? (\n <>\n

Będziesz moją walentynką ??? 💘

\n \n tak\n \n \n {noClicks === 0\n ? \"Nie\"\n : 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}",[91],"849ac416-0905-11f1-bc6b-42dde27851f2","README.md","019c5826-f0a1-719d-8a69-1578bfd6d095",["D",1771005472816],"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.",[100],{"_35":99,"_13":100,"_64":101,"_66":-5,"_67":68,"_69":87,"_71":72,"_37":119,"_17":33,"_75":24,"_77":103,"_79":50,"_80":-5,"_110":120,"_18":121},{"_35":90,"_13":91,"_64":92,"_66":-5,"_67":68,"_69":93,"_71":72,"_37":116,"_17":95,"_75":96,"_77":97,"_79":50,"_80":-5,"_110":117,"_18":118},{"_35":82,"_13":83,"_64":84,"_66":-5,"_67":68,"_69":85,"_71":72,"_37":113,"_17":87,"_75":76,"_77":88,"_79":50,"_80":-5,"_110":114,"_18":115},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":109,"_17":74,"_75":76,"_77":78,"_79":50,"_80":-5,"_110":111,"_18":112},["D",1771006239281],"children",[],[63],["D",1771007687347],[],[83],["D",1771005753790],[],[91],["D",1771005472816],[],[100],"84933336-0905-11f1-bc6b-42dde27851f2",["D",1771005472816],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","019c5826-bb87-769f-a290-84b0fa24c7bc","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019c5826-bb87-769f-a290-8807ab0a39a1","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_164":160},"org",{"_11":12,"_158":-5,"_159":160,"_128":129,"_161":162,"_163":50},"branch",{"_17":85,"_13":16,"_35":68,"_41":122,"_44":36,"_45":43,"_155":52,"_156":42,"_157":56,"_57":14,"_53":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zOWNwd3NpZHdPZThickJXc3RiajFrZmNtOXoifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":122,"_13":14,"_37":218,"_48":-5,"_124":50,"_51":52,"_125":52,"_126":-5,"_127":-5,"_128":129,"_130":92,"_131":72,"_132":-5,"_133":-5,"_134":33,"_55":135,"_136":-5,"_137":-5,"_138":-5,"_139":-5,"_140":141,"_142":141,"_143":144,"_145":144,"_146":144,"_147":141,"_148":141,"_149":219,"_151":220,"_153":221,"_49":50},[206,207,208,209],"files",[206,207,208,209],"counts",{"_197":33,"_198":87,"_199":33,"_34":200,"_201":202},[189,190,191,192],"upstreamProject",{"_35":42,"_13":14,"_126":-5,"_127":-5,"_51":52,"_149":187},"upstreamBranch",{"_35":36,"_37":185,"_39":186,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],["D",1739338420215],{"_11":54,"_164":188},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_35":99,"_13":100,"_64":101,"_66":-5,"_67":68,"_69":87,"_71":72,"_37":102,"_17":33,"_75":24,"_77":103,"_79":50,"_80":-5,"_18":196},{"_35":90,"_13":91,"_64":92,"_66":-5,"_67":68,"_69":93,"_71":72,"_37":94,"_17":95,"_75":96,"_77":97,"_79":50,"_80":-5,"_18":195},{"_35":82,"_13":83,"_64":84,"_66":-5,"_67":68,"_69":85,"_71":72,"_37":86,"_17":87,"_75":76,"_77":88,"_79":50,"_80":-5,"_18":194},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":73,"_17":74,"_75":76,"_77":78,"_79":50,"_80":-5,"_18":193},[63],[83],[91],[100],"pulls","branches","forks",{"_203":33,"_205":33},"connections",{"_203":33,"_204":33},"count","unfilledCount","emptyCount",{"_35":99,"_13":100,"_64":101,"_66":-5,"_67":68,"_69":87,"_71":72,"_37":119,"_17":33,"_75":24,"_77":103,"_79":50,"_80":-5,"_110":216,"_18":217},{"_35":90,"_13":91,"_64":92,"_66":-5,"_67":68,"_69":93,"_71":72,"_37":116,"_17":95,"_75":96,"_77":97,"_79":50,"_80":-5,"_110":214,"_18":215},{"_35":82,"_13":83,"_64":84,"_66":-5,"_67":68,"_69":85,"_71":72,"_37":113,"_17":87,"_75":76,"_77":88,"_79":50,"_80":-5,"_110":212,"_18":213},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":109,"_17":74,"_75":76,"_77":78,"_79":50,"_80":-5,"_110":210,"_18":211},[],[63],[],[83],[],[91],[],[100],["D",1771005472816],{"_11":12,"_164":160},{"_11":12,"_158":-5,"_159":160,"_128":129,"_161":162,"_163":50},{"_17":85,"_13":16,"_35":68,"_41":122,"_44":36,"_45":43,"_155":52,"_156":42,"_157":56,"_57":14,"_53":12},"ctx",{"_149":-5,"_182":255,"_256":257,"_258":259,"_260":50,"_261":50,"_262":50,"_263":72,"_264":-5,"_265":-7,"_266":-7,"_267":33,"_268":50,"_269":50,"_270":-5,"_271":50,"_272":50,"_273":50,"_274":-5},"ENV",{"_226":227,"_228":229,"_230":16,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254},"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"]

Będziesz moją walentynką??? 💘

Czy zostaniesz moją walentynką? 💘

Hurraaa!!! 💖🎉

Będziesz moją walentynką ??? 💘

Code