[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_94":93,"_32":45,"_102":84,"_27":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":25,"_117":118,"_119":120,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":25},"version",23,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","da419d50-07dd-11f1-a3df-42dde27851f2","name","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 \"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 [page, setPage] = useState<\"intro\" | \"letter\" | \"valentine\">(\"intro\");\n const [typedTitle, setTypedTitle] = useState(\"\");\n const [typedParagraph, setTypedParagraph] = useState(\"\");\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n\n const fullTitle = \"Hi KAMSY 💕\";\n const fullParagraph =\n \"This is probably way overdue and I should probably get a scolding but I'm hoping you won't because I am your baby boy 😁💕\";\n\n // Typing effect (intro only)\n useEffect(() => {\n if (page !== \"intro\") return;\n\n let titleIndex = 0;\n let paragraphIndex = 0;\n\n const titleInterval = setInterval(() => {\n setTypedTitle(fullTitle.slice(0, titleIndex + 1));\n titleIndex++;\n\n if (titleIndex === fullTitle.length) {\n clearInterval(titleInterval);\n\n const paragraphInterval = setInterval(() => {\n setTypedParagraph(fullParagraph.slice(0, paragraphIndex + 1));\n paragraphIndex++;\n\n if (paragraphIndex === fullParagraph.length) {\n clearInterval(paragraphInterval);\n }\n }, 35);\n }\n }, 120);\n\n return () => clearInterval(titleInterval);\n }, [page]);\n\n const backgroundStyle: React.CSSProperties = {\n minHeight: \"100vh\",\n width: \"100%\",\n backgroundImage:\n \"url('https://i.pinimg.com/1200x/f2/39/9c/f2399c85f83f1b6a221d389c2c4c27bf.jpg')\",\n backgroundSize: \"cover\",\n backgroundPosition: \"center\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n padding: \"40px 20px\",\n fontFamily: \"'Homemade Apple', cursive\",\n };\n\n const buttonStyle: React.CSSProperties = {\n marginTop: \"40px\",\n padding: \"12px 28px\",\n fontSize: \"20px\",\n backgroundColor: \"#ff66b2\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"30px\",\n cursor: \"pointer\",\n fontFamily: \"'Homemade Apple', cursive\",\n };\n\n // ---------------- INTRO PAGE ----------------\n if (page === \"intro\") {\n return (\n

\n {typedTitle}\n

\n\n \n {typedParagraph}\n

\n\n \n

\n );\n }\n\n // ---------------- LETTER PAGE ----------------\n // ---------------- LETTER PAGE ----------------\nif (page === \"letter\") {\n return (\n \n \n

\n To: My Clover 💚\n

\n\n

Hi baby,

\n\n

\n I sat down to write you a love letter, but instead of words, all I\n could see was your smile. As corny as it sounds, it’s true. From the\n first day I saw you, I felt pulled toward you. I still remember\n watching you walk from a distance in that red overall dress and\n black tee — it felt like time slowed down and everything else\n disappeared. In that moment, it was just you.\n

\n\n

\n You’ve become so much more than the girl I fell for that day.\n You’re my safe place. You’re the first person I want to tell when\n something happens — the good news, the bad days, all of it. That’s\n when I knew this wasn’t just a crush. It was something deeper.\n

\n\n

\n We’ve had our ups and downs, but I’ve never once questioned choosing\n you. I’d rather face hard days with you than easy days without you.\n Loving you isn’t always perfect, but it’s real — and I’ll choose real\n every time.\n

\n\n

\n You’re my Clover for a reason: rare, lucky, and something I never\n want to lose. I love you more than I can fully put into words, but I\n promise I’ll spend forever showing you.\n

\n\n

\n setPage(\"valentine\")}\n style={{\n marginTop: \"40px\",\n padding: \"12px 28px\",\n fontSize: \"18px\",\n backgroundColor: \"#ff66b2\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"30px\",\n cursor: \"pointer\",\n fontFamily: \"'Homemade Apple', cursive\",\n }}\n >\n Continue 💘\n \n

\n \n \n );\n}\n // ---------------- VALENTINE PAGE ----------------\n const yesButtonSize = noClicks * 20 + 18;\n\n return (\n

\n {!isValentine ? (\n <>\n

\n Will you be my Valentine? 💘\n

\n\n

\n setIsValentine(true)}\n style={{\n ...buttonStyle,\n backgroundColor: \"green\",\n fontSize: `${yesButtonSize}px`,\n }}\n >\n Yes 💖\n \n\n setNoClicks((prev) => prev + 1)}\n style={{\n ...buttonStyle,\n backgroundColor: \"red\",\n fontSize: \"18px\",\n }}\n >\n {noClicks === 0\n ? \"No\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n \n

\n \n ) : (\n

\n Yay!!! 💖🎉\n

\n )}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")!).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function (): Promise {\n return new Response(\n `\n \n \n For My Clover 💕\n \n \n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","/** @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 \"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 [page, setPage] = useState<\"intro\" | \"letter\" | \"valentine\">(\"intro\");\n const [typedTitle, setTypedTitle] = useState(\"\");\n const [typedParagraph, setTypedParagraph] = useState(\"\");\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n\n const fullTitle = \"Hi KAMSY 💕\";\n const fullParagraph =\n \"This is probably way overdue and I should probably get a scolding but I'm hoping you won't because I am your baby boy 😁💕\";\n\n // Typing effect (intro only)\n useEffect(() => {\n if (page !== \"intro\") return;\n\n let titleIndex = 0;\n let paragraphIndex = 0;\n\n const titleInterval = setInterval(() => {\n setTypedTitle(fullTitle.slice(0, titleIndex + 1));\n titleIndex++;\n\n if (titleIndex === fullTitle.length) {\n clearInterval(titleInterval);\n\n const paragraphInterval = setInterval(() => {\n setTypedParagraph(fullParagraph.slice(0, paragraphIndex + 1));\n paragraphIndex++;\n\n if (paragraphIndex === fullParagraph.length) {\n clearInterval(paragraphInterval);\n }\n }, 35);\n }\n }, 120);\n\n return () => clearInterval(titleInterval);\n }, [page]);\n\n const backgroundStyle: React.CSSProperties = {\n minHeight: \"100vh\",\n width: \"100%\",\n backgroundImage:\n \"url('https://i.pinimg.com/1200x/f2/39/9c/f2399c85f83f1b6a221d389c2c4c27bf.jpg')\",\n backgroundSize: \"cover\",\n backgroundPosition: \"center\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n padding: \"40px 20px\",\n fontFamily: \"'Aquarelle', cursive\",\n };\n\n const buttonStyle: React.CSSProperties = {\n marginTop: \"40px\",\n padding: \"12px 28px\",\n fontSize: \"20px\",\n backgroundColor: \"#ff66b2\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"30px\",\n cursor: \"pointer\",\n fontFamily: \"'Aquarelle', cursive\",\n };\n\n // ---------------- INTRO PAGE ----------------\n if (page === \"intro\") {\n return (\n

\n {typedTitle}\n

\n\n \n {typedParagraph}\n

\n\n \n

\n );\n }\n\n // ---------------- LETTER PAGE ----------------\n // ---------------- LETTER PAGE ----------------\nif (page === \"letter\") {\n return (\n \n \n

\n To: My Clover 💚\n

\n\n

Hi baby,

\n\n

\n You’re my Clover for a reason: rare, lucky, and something I never\n want to lose. I love you more than I can fully put into words, but I\n promise I’ll spend forever showing you.\n

\n\n

\n setPage(\"valentine\")}\n style={{\n marginTop: \"40px\",\n padding: \"12px 28px\",\n fontSize: \"18px\",\n backgroundColor: \"#ff66b2\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"30px\",\n cursor: \"pointer\",\n fontFamily: \"'Aquarelle', cursive\",\n }}\n >\n Continue 💘\n \n

\n \n \n );\n}\n // ---------------- VALENTINE PAGE ----------------\n const yesButtonSize = noClicks * 20 + 18;\n\n return (\n

\n {!isValentine ? (\n <>\n

\n Will you be my Valentine? 💘\n

\n\n

\n \n ) : (\n

\n Yay!!! 💖🎉\n

\n )}\n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","createdAt",["D",1770919109001],"branchVersion","branchId","da3eb266-07dd-11f1-a3df-42dde27851f2","id","da3e488a-07dd-11f1-a3df-42dde27851f2","untitled-145",["D",1770878485583],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c5087-535a-76fd-863e-a17e38a0e262","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019c5087-535a-76fd-863e-a469ac4d43a1","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":25},"branch",{"_13":83,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"isOwned",25,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Moosebarbs","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5WWVobzVTVDY2OEpTY3Jyd2hhSHh4a1FCQSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":149,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":150,"_78":151,"_80":152,"_82":25},"tree",[144],"files",[144],"counts",{"_133":60,"_134":135,"_136":60,"_137":138,"_139":140},"contents",[125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":129,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_27":132},"6fbec692-083c-11f1-b5f7-42dde27851f2","parentId","latest",["D",1770919109001],22,"label",[28],"pulls","branches",1,"forks","envVars",{"_141":60,"_143":60},"connections",{"_141":60,"_142":60},"count","unfilledCount","emptyCount",{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":145,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_146":147,"_27":148},["D",1770919109001],"children",[],[28],["D",1770878485583],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":25},{"_13":83,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"ctx",{"_76":-5,"_122":186,"_187":188,"_189":190,"_191":25,"_192":25,"_193":25,"_194":120,"_195":-5,"_196":-7,"_197":-7,"_198":60,"_199":25,"_200":25,"_201":-5,"_202":25,"_203":25,"_204":25,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":84,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

Diff · v23