[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_215":216,"_217":218},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_69":149,"_40":-7,"_150":-5,"_17":151,"_152":153,"_154":155,"_156":157,"_158":159,"_160":-5,"_161":162,"_163":164,"_165":48,"_166":167,"_168":26,"_169":-5,"_170":-5,"_171":172},"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","frekenbok","name","valentine","branchName","main","project",{"_32":58,"_13":14,"_34":111,"_46":-5,"_112":48,"_49":50,"_113":50,"_114":-5,"_115":-5,"_116":117,"_118":77,"_119":26,"_120":-5,"_121":-5,"_122":22,"_53":123,"_124":-5,"_125":-5,"_126":-5,"_127":-5,"_128":129,"_130":129,"_131":132,"_133":132,"_134":132,"_135":129,"_136":129,"_137":138,"_139":140,"_141":28,"_47":48},"ahead",9,"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",10,"1a53d150-0122-11f1-8880-42dde27851f2","1a4ccdb0-0122-11f1-8880-42dde27851f2","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[100],"deleted",[],"modified",[68],{"_69":70,"_71":72,"_73":74},"path","main.tsx","targetFile",{"_32":94,"_13":70,"_76":95,"_78":-5,"_79":33,"_80":41,"_82":26,"_34":96,"_40":56,"_85":86,"_87":97,"_64":48,"_89":-5,"_90":-7,"_69":98,"_92":99},"sourceFile",{"_32":75,"_13":70,"_76":77,"_78":-5,"_79":57,"_80":81,"_82":26,"_34":83,"_40":84,"_85":86,"_87":88,"_64":48,"_89":-5,"_90":-7,"_69":91,"_92":93},"f75e350a-012b-11f1-9c67-42dde27851f2","fileId","019c2474-8053-74ab-8c47-be5e9f2e1011","parentId","branchId","branchVersion",8,"latest",["D",1770142377042],7,"fileType","http","content","import { useState } from \"react\";\n\nexport default function ValentineQuiz() {\n // стан\n const [step, setStep] = useState(0);\n const [reaction, setReaction] = useState(\"\");\n\n // питання\n const questions = [\n {\n question: \"Наше число? 💕\",\n answers: [\"22\", \"17\", \"14\"],\n correct: 2,\n reactions: [\"неправильно 😜\", \"майже 😏\", \"Правильно ❤️\"],\n },\n {\n question: \"Як мені подобається, коли ти мене називаєш? 😌\",\n answers: [\"котику\", \"софіна\", \"зайчик\", \"любов моя\"],\n correct: 3,\n reactions: [\"ні 😏\", \"не те 😂\", \"не те 😅\", \"ОТАК 😍\"],\n },\n {\n question: \"І останнє… ти будеш моєю валентинкою? 💌\",\n answers: [\"так!!!\", \"не\"],\n correct: 0,\n reactions: [\"УРААА 🥳\", \"НЕ ПИЗДИ 😤\"],\n },\n ];\n\n function chooseAnswer(qIndex, aIndex) {\n setReaction(questions[qIndex].reactions[aIndex]);\n if (aIndex === questions[qIndex].correct) {\n setStep(step + 1);\n }\n }\n\n return (\n

\n {step >= questions.length\n ? (\n

💖 Ти пройшла квіз 💖

\n Ти чудова 🥰
\n Я тебе дуже люблю ❤️\n

\n )\n : (\n

{questions[step].question}

\n {questions[step].answers.map((a, i) => (\n chooseAnswer(step, i)}\n >\n {a}\n \n ))}\n

{reaction}

\n )}\n

\n );\n}","label","children",[70],"contentHash","117f6fafcfb5afbb0721650991e7128aafacb7235f0e51b95590132fe5a7eb7e","fe0d1f7e-27b0-11f0-aecd-569c3dd06744","fddef4f0-27b0-11f0-aecd-569c3dd06744",["D",1739338420215],"/** @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}",[70],"219db6de0cde9d99ab623850153b424bf310bc4ca153e580028ccbf8fe9f9954",{"_69":101,"_71":-7,"_73":102},"new-file-1867.ts",{"_32":103,"_13":101,"_76":104,"_78":-5,"_79":57,"_80":56,"_82":26,"_34":105,"_40":106,"_85":107,"_87":108,"_64":48,"_89":-5,"_90":-7,"_69":109,"_92":110},"48d7e642-012c-11f1-9f98-42dde27851f2","1f1970be-012c-11f1-89a9-42dde27851f2",["D",1770142513729],1,"script","import { useState } from \"react\";\n\nexport default function ValentineQuiz() {\n const girlName = \"ЇЇ_ІМʼЯ\";\n const yourName = \"ТВОЄ_ІМʼЯ\";\n\n const questions = [\n {\n question: \"Наше число? 💕\",\n answers: [\"22\", \"17\", \"14\"],\n correct: 2,\n reactions: [\"неее 😜\", \"майже, але ні\", \"єєє, правильно ❤️\"],\n },\n {\n question: \"Як мені подобається, коли ти мене називаєш? 😌\",\n answers: [\"котику\", \"софіна\", \"зайчик\", \"любов моя\"],\n correct: 3,\n reactions: [\n \"мило, але ні 😏\",\n \"ахах, ні 😂\",\n \"солодко, але не те\",\n \"БОЖЕ ТАК 😍\",\n ],\n },\n {\n question: \"Скільки повідомлень зі словом «люблю» у нас в телеграмі? 💬\",\n answers: [\n \"приблизно 330\",\n \"приблизно 146\",\n \"приблизно 670\",\n \"приблизно 450\",\n ],\n correct: 3,\n reactions: [\n \"малооо 😜\",\n \"та ти шо 😅\",\n \"перебор 😂\",\n \"от саме 😌❤️\",\n ],\n },\n {\n question: \"На скільки я була пʼяна, коли дзвонила тобі першого числа? 🍷\",\n answers: [\"не дуже\", \"ну таке\", \"в пизду\"],\n correct: 2,\n reactions: [\n \"брехня 😏\",\n \"та ну…\",\n \"АБСОЛЮТНО ПРАВИЛЬНО 😂\",\n ],\n },\n {\n question: \"На скільки сильно тебе смущає наша різниця у віці? 😳\",\n answers: [\n \"сильно (ти шо ахуелллааа?)\",\n \"не смущає (ого, ніхуясє)\",\n ],\n correct: 1,\n reactions: [\n \"ТИ ШО 😤\",\n \"ну звісно 😌❤️\",\n ],\n },\n {\n question: \"Скільки крінжі в день ми можем видати, коли разом? 🤡\",\n answers: [\"трохи\", \"десь 20 грам\", \"та бєзконечно блять\"],\n correct: 2,\n reactions: [\n \"та не сміши 😏\",\n \"малооо\",\n \"АБСОЛЮТНО 😂🔥\",\n ],\n },\n {\n question: \"На скільки сильно я тебе люблю? 🥹\",\n answers: [\n \"дуже дуже дуже сильно\",\n \"так сильно, шо прям дуже сильно\",\n ],\n correct: 1,\n reactions: [\n \"сильно, але не максимум 😌\",\n \"ОТ ТАК ❤️❤️❤️\",\n ],\n },\n {\n question: \"І останнє… ти будеш моєю валентинкою? 💌\",\n answers: [\"так!!!\", \"не\"],\n correct: 0,\n reactions: [\n \"УРААААА 🥳💖\",\n \"НЕ ПИЗДИ 😤\",\n ],\n },\n ];\n\n // step = -1 → вступ\n const [step, setStep] = useState(-1);\n const [reaction, setReaction] = useState(\"\");\n\n function chooseAnswer(index: number) {\n if (index === questions[step].correct) {\n setReaction(questions[step].reactions[index]);\n setTimeout(() => {\n setReaction(\"\");\n setStep(step + 1);\n }, 900);\n } else {\n setReaction(questions[step].reactions[index]);\n }\n }\n\n // 🎬 ВСТУП\n if (step === -1) {\n return (\n

Привіт, {girlName} 💖

\n \n

\n Я зробив для тебе маленький квіз 🥹
\n Пройди його до кінця —
\n і дізнаєшся, що я хочу тобі сказати 💌\n

\n \n

\n );\n }\n\n // 🏁 ФІНАЛ\n if (step >= questions.length) {\n return (\n

💖 З Днем Святого Валентина 💖

\n \n

\n {girlName},
\n ти пройшла все 🥹
\n
\n Я тебе дуже люблю.
\n Дякую, що ти є ❤️
\n
\n Твій {yourName} 💕\n

\n );\n }\n\n // ❓ ПИТАННЯ\n return (\n

{questions[step].question}

\n {questions[step].answers.map((a, i) => (\n chooseAnswer(i)}\n >\n {a}\n \n ))}\n

\n {reaction &&

{reaction}

}\n

\n );\n}\n\nconst styles = {\n page: {\n minHeight: \"100vh\",\n background: \"linear-gradient(135deg, #ff9a9e, #fad0c4)\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n fontFamily: \"sans-serif\",\n },\n card: {\n background: \"white\",\n padding: \"30px\",\n borderRadius: \"20px\",\n textAlign: \"center\",\n maxWidth: \"420px\",\n },\n answers: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"10px\",\n marginTop: \"20px\",\n },\n button: {\n padding: \"12px\",\n borderRadius: \"12px\",\n border: \"none\",\n background: \"#ff4d6d\",\n color: \"white\",\n fontSize: \"15px\",\n cursor: \"pointer\",\n },\n reaction: {\n marginTop: \"15px\",\n fontWeight: \"bold\",\n },\n gif: {\n width: \"100%\",\n borderRadius: \"12px\",\n margin: \"15px 0\",\n },\n};",[101],"e18689a451c8ca1172f36b0b4dfba14682704b507b34776bd2735f4f13de0a19",["D",1770138140615],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","019c2473-0f8f-75e8-8523-d25afe33e752","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019c2473-0f8f-75e8-8523-d715b0dff618","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_148":144},"org",{"_11":12,"_142":-5,"_143":144,"_116":117,"_145":146,"_147":48},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5QVRoS1hVVTFzWWRWSURIYjZtdXZ5TnZTeSJ9","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":58,"_13":14,"_34":211,"_46":-5,"_112":48,"_49":50,"_113":50,"_114":-5,"_115":-5,"_116":117,"_118":77,"_119":26,"_120":-5,"_121":-5,"_122":22,"_53":123,"_124":-5,"_125":-5,"_126":-5,"_127":-5,"_128":129,"_130":129,"_131":132,"_133":132,"_134":132,"_135":129,"_136":129,"_137":212,"_139":213,"_141":214,"_47":48},"tree",[201,202,203],"files",[201,202,203],"counts",{"_190":22,"_191":192,"_193":22,"_194":195,"_196":197},"contents",[177,178,179],"file","upstreamProject",{"_32":39,"_13":14,"_114":-5,"_115":-5,"_49":50,"_137":175},"upstreamBranch",{"_32":33,"_34":173,"_36":174,"_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,"_148":176},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_32":184,"_13":185,"_76":186,"_78":-5,"_79":57,"_80":106,"_82":26,"_34":187,"_40":22,"_85":160,"_87":188,"_64":48,"_89":-5,"_69":189},{"_32":75,"_13":70,"_76":77,"_78":-5,"_79":57,"_80":81,"_82":26,"_34":182,"_40":84,"_85":86,"_87":88,"_64":48,"_89":-5,"_69":183},{"_32":103,"_13":101,"_76":104,"_78":-5,"_79":57,"_80":56,"_82":26,"_34":180,"_40":106,"_85":107,"_87":108,"_64":48,"_89":-5,"_69":181},["D",1770142513729],[101],["D",1770142377042],[70],"1a591976-0122-11f1-8880-42dde27851f2","README.md","019c2474-8053-74ab-8c47-bbf818800a98",["D",1770138140615],"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.",[185],"pulls","branches",2,"forks","envVars",{"_198":22,"_200":22},"connections",{"_198":22,"_199":22},"count","unfilledCount","emptyCount",{"_32":184,"_13":185,"_76":186,"_78":-5,"_79":57,"_80":106,"_82":26,"_34":208,"_40":22,"_85":160,"_87":188,"_64":48,"_89":-5,"_90":209,"_69":210},{"_32":75,"_13":70,"_76":77,"_78":-5,"_79":57,"_80":81,"_82":26,"_34":83,"_40":84,"_85":86,"_87":88,"_64":48,"_89":-5,"_90":206,"_69":207},{"_32":103,"_13":101,"_76":104,"_78":-5,"_79":57,"_80":56,"_82":26,"_34":105,"_40":106,"_85":107,"_87":108,"_64":48,"_89":-5,"_90":204,"_69":205},[],[101],[],[70],["D",1770138140615],[],[185],["D",1770138140615],{"_11":12,"_148":144},{"_11":12,"_142":-5,"_143":144,"_116":117,"_145":146,"_147":48},{"_40":56,"_13":16,"_32":57,"_38":58,"_42":33,"_43":41,"_59":50,"_60":39,"_61":54,"_55":14,"_51":12},"ctx",{"_137":-5,"_170":248,"_249":250,"_251":252,"_253":48,"_254":48,"_255":48,"_256":26,"_257":-5,"_258":-7,"_259":-7,"_260":22,"_261":48,"_262":48,"_263":-5,"_264":48,"_265":48,"_266":48,"_267":-5},"ENV",{"_219":220,"_221":222,"_223":16,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247},"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

Mergefrekenbok/mainintomewtru/main

Hmain.tsx+61-114

new-file-1867.ts+221-0