[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_178":179,"_180":181},"routes/_app.x.$handle.$name",{"_98":97,"_32":45,"_106":85,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":119,"_120":121,"_122":25,"_123":124,"_125":57,"_126":-5,"_127":-5,"_128":129},"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":31,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",9,"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.tsx","latestPath","fileId","019c4c7d-8f5d-775d-bc1d-e1e7e055e5c5","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_MESSAGES = [\n \"Why are you saying No :(\",\n \"I'm rly sad :(\",\n \"I'm gonna cry :(\",\n \"I'm crying now :(\",\n \"You're being mean :((\",\n \"I'm angry at you :(\",\n \"I'm sad :((\",\n \"If you press No, you're a noob\",\n \"You're a noob\",\n \"You can't say No now >:)\",\n];\n\nfunction App() {\n const [step, setStep] = useState<\n \"envelope\" | \"card\" | \"zoomed\" | \"valentine\"\n >(\"envelope\");\n const [noClicks, setNoClicks] = useState(0);\n const [noMsgIndex, setNoMsgIndex] = useState(-1);\n const [hearts, setHearts] = useState<{ id: number; left: number }[]>([]);\n const [yesSize, setYesSize] = useState(20);\n const [noSize, setNoSize] = useState(16);\n const [yesMsg, setYesMsg] = useState(\"\");\n\n const envelopeImg = \"https://i.ibb.co/5B8Z1Qs/envelope.png\"; // envelope image\n const cardImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\"; // card\n\n // Falling hearts animation\n useEffect(() => {\n const interval = setInterval(() => {\n setHearts(\n (prev) => [...prev, { id: Date.now(), left: Math.random() * 100 }]\n );\n setHearts((prev) => prev.filter((h) => Date.now() - h.id < 5000));\n }, 300);\n return () => clearInterval(interval);\n }, []);\n\n const handleEnvelopeClick = () => setStep(\"card\");\n const handleCardClick = () => setStep(\"zoomed\");\n\n const handleYesClick = () => {\n setStep(\"valentine\");\n setYesMsg(\"THANK YOU FOR SAYING YES! ❤️\");\n };\n\n const handleNoClick = () => {\n if (noClicks >= 10) return;\n setNoClicks((prev) => prev + 1);\n setNoMsgIndex((prev) => Math.min(prev + 1, NO_MESSAGES.length - 1));\n setNoSize((prev) => Math.max(prev - 2, 0)); // shrink No\n setYesSize((prev) => prev + 4); // grow Yes\n };\n\n return (\n \n {/* Falling hearts */}\n {hearts.map((h) => (\n \n ❤️\n \n ))}\n\n {/* Step: Envelope */}\n {step === \"envelope\" && (\n <>\n

\n You received an envelope!\n

\n \n

Click the envelope to open it

\n \n )}\n\n {/* Step: Card */}\n {step === \"card\" && (\n <>\n

\n Here’s your card!\n

\n \n

Click the card to zoom in

\n \n )}\n\n {/* Step: Zoomed card with Yes/No */}\n {step === \"zoomed\" && (\n <>\n

\n Will you be my Valentine?\n

\n \n {/* Yes */}\n \n Yes\n \n\n {/* No */}\n {noSize > 0 && (\n \n {noClicks > 0 ? NO_MESSAGES[noMsgIndex] : \"No\"}\n \n )}\n \n \n )}\n\n {/* Step: Valentine message */}\n {step === \"valentine\" && (\n <>\n

\n {yesMsg}\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(): Promise {\n return new Response(\n `\n \n \n Valentine's Card\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_MESSAGES = [\n \"Why are you saying No :(\",\n \"I'm rly sad :(\",\n \"I'm gonna cry :(\",\n \"I'm crying now :(\",\n \"You're being mean :((\",\n \"I'm angry at you :(\",\n \"I'm sad :((\",\n \"If you press No, you're a noob\",\n \"You're a noob\",\n \"You can't say No now >:)\",\n];\n\nfunction App() {\n const [step, setStep] = useState<\n \"envelope\" | \"card\" | \"zoomed\" | \"valentine\"\n >(\"envelope\");\n const [noClicks, setNoClicks] = useState(0);\n const [noMsgIndex, setNoMsgIndex] = useState(-1);\n const [hearts, setHearts] = useState<{ id: number; left: number }[]>([]);\n const [yesSize, setYesSize] = useState(20);\n const [noSize, setNoSize] = useState(16);\n const [yesMsg, setYesMsg] = useState(\"\");\n\n const envelopeImg = \"https://i.ibb.co/5B8Z1Qs/envelope.png\"; // closed envelope\n const cardImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\"; // card image\n\n // Falling hearts animation\n useEffect(() => {\n const interval = setInterval(() => {\n setHearts(\n (prev) => [...prev, { id: Date.now(), left: Math.random() * 100 }]\n );\n setHearts((prev) => prev.filter((h) => Date.now() - h.id < 5000));\n }, 300);\n return () => clearInterval(interval);\n }, []);\n\n const handleEnvelopeClick = () => setStep(\"card\");\n const handleCardClick = () => setStep(\"zoomed\");\n\n const handleYesClick = () => {\n setStep(\"valentine\");\n setYesMsg(\"THANK YOU FOR SAYING YES! ❤️\");\n };\n\n const handleNoClick = () => {\n if (noClicks >= 10) return;\n setNoClicks((prev) => prev + 1);\n setNoMsgIndex((prev) => Math.min(prev + 1, NO_MESSAGES.length - 1));\n setNoSize((prev) => Math.max(prev - 2, 0)); // shrink No\n setYesSize((prev) => prev + 4); // grow Yes\n };\n\n return (\n \n {/* Falling hearts */}\n {hearts.map((h) => (\n \n ❤️\n \n ))}\n\n {/* Envelope */}\n {step === \"envelope\" && (\n <>\n

\n You received an envelope!\n

\n \n {/* Bottom of envelope */}\n \n \n {/* Top flap */}\n \n \n \n

Click the envelope to open it

\n \n )}\n\n {/* Card sliding up */}\n {step === \"card\" && (\n <>\n

\n Here’s your card!\n

\n \n

Click the card to zoom in

\n \n )}\n\n {/* Zoomed card with Yes/No */}\n {step === \"zoomed\" && (\n <>\n

\n Will you be my Valentine?\n

\n \n {/* Yes */}\n \n Yes\n \n\n {/* No */}\n {noSize > 0 && (\n \n {noClicks > 0 ? NO_MESSAGES[noMsgIndex] : \"No\"}\n \n )}\n \n \n )}\n\n {/* Valentine message */}\n {step === \"valentine\" && (\n

\n {yesMsg}\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(): Promise {\n return new Response(\n `\n \n \n Valentine's Card\n \n \n \n \n

\n \n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","createdAt",["D",1770810908744],"branchVersion","branchId","fc310112-073d-11f1-86f7-42dde27851f2","id","fc2cd3da-073d-11f1-86f7-42dde27851f2","valentiness",["D",1770809822948],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c491b-11fe-75ca-9c63-1028c74e7ccb","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c491b-11fe-75ca-9c63-1476ba3d6341","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":54,"_102":103,"_104":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":84,"_90":50,"_91":92,"_93":94,"_95":45,"_96":97},"isOwned",11,"main","projectId","forkedBranchId","fdd9b22e-27b0-11f0-aecd-569c3dd06744","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","fdd966ca-27b0-11f0-aecd-569c3dd06744","forkedProjectOrgId","1ea2ca52-aecd-4993-8c60-cb61483dff1b","projectName","userHandle","musa2001","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5VWFJRHNBNHY3OHBSSWJSRFV3R0dObVZuVyJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":174,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":175,"_79":176,"_81":177,"_83":25},"tree",[165,166],"files",[165,166],"counts",{"_155":61,"_156":151,"_157":61,"_158":159,"_160":161},"contents",[139,140],"upstreamProject",{"_43":92,"_32":136,"_52":-5,"_53":-5,"_49":50,"_77":137},"upstreamBranch",{"_43":88,"_38":130,"_131":132,"_32":85,"_86":92,"_13":84,"_87":-5,"_89":-5,"_133":134,"_47":-5,"_83":25,"_49":50,"_96":135,"_62":94,"_95":136},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],"updatedAt",["D",1739338420215],"lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","mewtru","valentine",{"_98":135,"_105":138},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":151,"_143":57,"_38":152,"_13":61,"_33":20,"_35":153,"_24":25,"_146":-5,"_27":154},{"_43":141,"_32":28,"_30":31,"_142":-5,"_41":42,"_40":14,"_143":25,"_38":144,"_13":145,"_33":34,"_35":37,"_24":25,"_146":-5,"_27":147},"83502248-0740-11f1-b728-42dde27851f2","parentId","latest",["D",1770810908744],8,"label",[28],"fc32e3ba-073d-11f1-86f7-42dde27851f2","README.md","019c4c7d-8f5d-775d-bc1d-dc76a9a46cb4",1,["D",1770809822948],"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.",[149],"pulls","branches","forks","envVars",{"_162":61,"_164":61},"connections",{"_162":61,"_163":61},"count","unfilledCount","emptyCount",{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":151,"_143":57,"_38":171,"_13":61,"_33":20,"_35":153,"_24":25,"_146":-5,"_168":172,"_27":173},{"_43":141,"_32":28,"_30":31,"_142":-5,"_41":42,"_40":14,"_143":25,"_38":167,"_13":145,"_33":34,"_35":37,"_24":25,"_146":-5,"_168":169,"_27":170},["D",1770810908744],"children",[],[28],["D",1770809822948],[],[149],["D",1770809822948],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":54,"_102":103,"_104":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":84,"_90":50,"_91":92,"_93":94,"_95":45,"_96":97},"ctx",{"_77":-5,"_127":211,"_212":213,"_214":215,"_216":25,"_217":25,"_218":25,"_219":57,"_220":-5,"_221":-7,"_222":-7,"_223":61,"_224":25,"_225":25,"_226":-5,"_227":25,"_228":25,"_229":25,"_230":-5},"ENV",{"_182":183,"_184":185,"_186":85,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210},"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"]

Diff · v9