[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_191":192,"_193":194},"routes/_app.x.$handle.$name",{"_100":99,"_33":46,"_108":86,"_28":37,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":120,"_121":122,"_123":27,"_124":125,"_126":25,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_33":46,"_39":47,"_48":-5,"_49":27,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":27},"version",46,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":29},"file",{"_31":32,"_33":29,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":27},"previous",{"_31":32,"_33":29,"_34":35,"_36":37},"deleted",true,"deletedHere",false,"path","musicserver","latestPath","fileId","77d5454a-06fc-11f1-adf5-42dde27851f2","name","fileType","script","content","","import { blob } from \"https://esm.town/v/std/blob\";\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n // This is the internal name for your file\n const KEY = \"exile.mp3\"; \n\n // --- ROUTE 1: Serve the Audio ---\n // This is the URL you will use in your React app\n if (url.pathname === \"/exile.mp3\") {\n const stored = await blob.get(KEY);\n if (!stored) return new Response(\"File not found. Please upload it first.\", { status: 404 });\n \n return new Response(stored.body, {\n headers: { \n \"Content-Type\": \"audio/mpeg\",\n // Allow your frontend to access this file\n \"Access-Control-Allow-Origin\": \"*\", \n },\n });\n }\n\n // --- ROUTE 2: Handle Upload ---\n if (req.method === \"POST\") {\n const formData = await req.formData();\n const file = formData.get(\"file\");\n \n if (file instanceof File) {\n // Save the file to Val Town Blob Storage\n await blob.set(KEY, await file.arrayBuffer());\n return new Response(\"Success! Your song is uploaded. You can now use the /exile.mp3 endpoint.\");\n }\n return new Response(\"No file uploaded\", { status: 400 });\n }\n\n // --- ROUTE 3: Show Upload Form ---\n // Visit the val in your browser to see this\n return new Response(`\n

Music Uploader

Select your 'exile.mp3' file and click Upload.

\n \n `, { headers: { \"Content-Type\": \"text/html\" } });\n}","createdAt",["D",1770781726125],"branchVersion","branchId","fe6537a4-056d-11f1-91de-42dde27851f2","id","fe624a80-056d-11f1-91de-42dde27851f2","valentine",["D",1770610540185],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c409b-a7ed-75e7-a589-80e79c0ba101","pinnedFileId","019c409c-befe-7399-ba17-1eceb2c5e784","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019c409b-a7ed-75e7-a589-87213bf6d5d9","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_18":55,"_104":105,"_106":27},"branch",{"_13":85,"_33":86,"_44":43,"_87":45,"_88":89,"_90":91,"_92":51,"_93":94,"_95":96,"_97":46,"_98":99},"isOwned",105,"main","projectId","forkedBranchId","fdd9b22e-27b0-11f0-aecd-569c3dd06744","forkedBranchVersion",11,"forkedProjectPrivacy","forkedProjectId","fdd966ca-27b0-11f0-aecd-569c3dd06744","forkedProjectOrgId","1ea2ca52-aecd-4993-8c60-cb61483dff1b","projectName","userHandle","dsadsasad","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5UHZMQ2JkQWpHQ0lFdlk5aVJxSUhsQ2VCMyJ9","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_44":45,"_33":46,"_39":187,"_48":-5,"_49":27,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":188,"_80":189,"_82":190,"_84":27},"tree",[174,175,176],"files",[174,175,176],"counts",{"_164":62,"_165":160,"_166":62,"_167":168,"_169":170},"contents",[139,140,141],"upstreamProject",{"_44":94,"_33":46,"_53":-5,"_54":-5,"_50":51,"_78":137},"upstreamBranch",{"_44":89,"_39":131,"_132":133,"_33":86,"_87":94,"_13":91,"_88":-5,"_90":-5,"_134":135,"_48":-5,"_84":27,"_50":51,"_98":136,"_63":96,"_97":46},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],"updatedAt",["D",1739338420215],"lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","mewtru",{"_100":136,"_107":138},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_44":157,"_33":158,"_31":159,"_143":-5,"_42":43,"_41":160,"_144":25,"_39":161,"_13":62,"_34":20,"_36":162,"_24":27,"_147":-5,"_28":163},{"_44":149,"_33":150,"_31":57,"_143":-5,"_42":43,"_41":151,"_144":27,"_39":152,"_13":153,"_34":154,"_36":155,"_24":27,"_147":-5,"_28":156},{"_44":142,"_33":29,"_31":32,"_143":-5,"_42":43,"_41":14,"_144":27,"_39":145,"_13":146,"_34":35,"_36":38,"_24":27,"_147":-5,"_28":148},"911e88a4-06fc-11f1-ac4c-42dde27851f2","parentId","latest",["D",1770781726125],4,"label",[29],"4751d1ba-06fa-11f1-ac78-42dde27851f2","main.tsx",41,["D",1770780743314],40,"http","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, {\n useEffect,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\n\n// -----------------------------------------------------------------------------\n// 👇 PASTE HER MAIN PHOTO URL HERE (For Stage 2) 👇\nconst YOUR_GIRLFRIEND_IMAGE_URL = \"https://i.giphy.com/TkC0MeVniDVBL5TwnH.gif\";\n\n// 👇 MUSIC URL (UPDATED TO A RELIABLE SOURCE) 👇\n// If the music stops working, the link is likely broken/expired.\n// This link is a generic romantic piano track.\nconst MUSIC_URL =\n \"https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3\";\n\n// 👇 PASTE YOUR 15 PHOTOS AND CAPTIONS HERE 👇\nconst MEMORIES = [\n {\n url:\n \"https://i.postimg.cc/nLF2NHpy/bc909dbd-a412-450c-8a10-60951cdb5adc.jpg\",\n caption: \"Our first date 💙\",\n },\n {\n url:\n \"https://i.postimg.cc/XY3kyVGN/8a92b879-f798-424d-ba7e-50ca2f5b2636.jpg\",\n caption: \"You looked so cute here\",\n },\n {\n url: \"https://media.tenor.com/036l2F6sF_4AAAAC/cute-cat.gif\",\n caption: \"Remember this day?\",\n },\n {\n url: \"https://media.tenor.com/N2s4b7iF5qIAAAAC/milk-mocha.gif\",\n caption: \"Eating pizza together\",\n },\n {\n url: \"https://media.tenor.com/J32MsbdvM5kAAAAC/hug-love.gif\",\n caption: \"My favorite smile\",\n },\n {\n url: \"https://media.tenor.com/P5aa-D1yS88AAAAC/bubu-dudu.gif\",\n caption: \"Walking in the park\",\n },\n {\n url: \"https://media.tenor.com/uJzT-Yp_qH0AAAAC/tkthao219-bubududu.gif\",\n caption: \"Best hug ever\",\n },\n {\n url: \"https://media.tenor.com/Z4-K88aN23YAAAAC/mocha-bear.gif\",\n caption: \"So beautiful\",\n },\n {\n url: \"https://media.tenor.com/QI0G-dZwXFkAAAAC/love-you.gif\",\n caption: \"Late night calls\",\n },\n {\n url: \"https://media.tenor.com/v2M6Mh8q-wMAAAAj/bubu-dudu-sseeyall.gif\",\n caption: \"Funny face haha\",\n },\n {\n url: \"https://media.tenor.com/UnFy-WTtCfwAAAAC/cat-cute.gif\",\n caption: \"My blue valentine\",\n },\n {\n url:\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\",\n caption: \"Love you mostly\",\n },\n {\n url: \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\",\n caption: \"Forever & Always\",\n },\n {\n url: \"https://media.tenor.com/2b2iP-yK8GAAAAAC/cat-kiss.gif\",\n caption: \"Kisses!\",\n },\n {\n url: \"https://media.tenor.com/C30wY20yPzQAAAAC/cute-love.gif\",\n caption: \"Cant wait for more memories\",\n },\n];\n\nconst COLLAGE_MESSAGE =\n \"Click on the photos to see our memories close up! I love you Pao! 💙🌻\";\n\nconst LETTER_MESSAGE = `\nMy Dearest Pao,\n\nI wanted to write this letter to tell you how much you truly mean to me. Every moment we've spent together, from the silly laughs to the quiet moments, has become a core memory for me.\n\nYou are my blue valentine, my sunflower, and my favorite person. I can't wait to make so many more memories with you.\n\nHappy Valentine's Day! \nI love you always. 💙\n`;\n\nconst MINION_GIFS = [\n \"https://media.tenor.com/PZ_10R4s9LAAAAAj/minion-walking.gif\",\n \"https://media.tenor.com/M3X_5b2C5oAAAAAj/minion-run.gif\",\n \"https://media.tenor.com/vHnm95YQx8YAAAAj/minion-running.gif\",\n];\n\nconst NO_GIFS = [\n \"https://media.tenor.com/l5_u4JktKnoAAAAC/cat-sad.gif\",\n \"https://media.tenor.com/V62q5g1Y7XUAAAAC/sad-hamster.gif\",\n \"https://media.tenor.com/2K1M7w1-tZAAAAAC/sad-pikachu.gif\",\n \"https://media.tenor.com/k91B6G6XlQIAAAAC/puss-in-boots-eyes.gif\",\n \"https://media.tenor.com/gK1q_J0Zk2cAAAAC/crying-wailing.gif\",\n \"https://media.tenor.com/89s5R9x43QcAAAAC/sad-cat.gif\",\n];\n\nconst NO_PHRASES = [\n \"....\",\n \"HALAAA BAKITT PAOOO 🥺\",\n \"seyosoooo baaaaaa 🙁\",\n \"baddd kaaaa huhu, sige na pleaseee\",\n \"PAOOOOOOOOO PLEASEEEEE\",\n \"SIGEEEE NAAAAAAA\",\n \"WALA NA DIVORCE NAAAAAA 😔😔\",\n];\n\n// -----------------------------------------------------------------------------\n\nfunction FloatingElements() {\n const [elements, setElements] = useState([]);\n const EMOJI_LIST = [\"❤️\", \"🌻\", \"🐐\", \"🥟\", \"🍌\"];\n\n useEffect(() => {\n const interval = setInterval(() => {\n setElements((prev) => [\n ...prev,\n {\n id: Date.now(),\n left: Math.random() * 100,\n animationDuration: Math.random() * 2 + 5,\n type: EMOJI_LIST[Math.floor(Math.random() * EMOJI_LIST.length)],\n size: Math.random() * 15 + 15,\n },\n ]);\n }, 400);\n\n return () => clearInterval(interval);\n }, []);\n\n useEffect(() => {\n const cleanup = setInterval(() => {\n setElements((prev) => prev.filter((h) => Date.now() - h.id < 6000));\n }, 1000);\n return () => clearInterval(cleanup);\n }, []);\n\n return (\n

\n {elements.map((el) => (\n \n {el.type}\n

\n ))}\n \n );\n}\n\nfunction Clouds() {\n return (\n

\n );\n}\n\n// NEW COMPONENT: Swaying Sunflowers at the bottom\nfunction SunflowersBottom() {\n // We repeat the sunflower image 6 times to fill the width\n const flowers = Array(8).fill(0);\n\n return (\n

\n {flowers.map((_, i) => (\n \n ))}\n

\n );\n}\n\nfunction MinionWalkers() {\n const [minions, setMinions] = useState([]);\n\n useEffect(() => {\n const interval = setInterval(() => {\n if (Math.random() > 0.3) {\n const direction = Math.random() > 0.5 ? \"left\" : \"right\";\n setMinions((prev) => [\n ...prev,\n {\n id: Date.now(),\n direction: direction,\n gif: MINION_GIFS[Math.floor(Math.random() * MINION_GIFS.length)],\n speed: Math.random() * 5 + 8,\n bottom: Math.random() * 20,\n },\n ]);\n }\n }, 2500);\n return () => clearInterval(interval);\n }, []);\n\n useEffect(() => {\n const cleanup = setInterval(() => {\n setMinions((prev) => prev.filter((m) => Date.now() - m.id < 15000));\n }, 1000);\n return () => clearInterval(cleanup);\n }, []);\n\n return (\n

\n {minions.map((minion) => (\n \n ))}\n

\n );\n}\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [stage, setStage] = useState(0);\n const [selectedMemory, setSelectedMemory] = useState(null);\n\n // Audio Ref\n const audioRef = useRef(null);\n const [isMusicPlaying, setIsMusicPlaying] = useState(false);\n\n const yesButtonSize = (noClicks * 20) + 16;\n\n // --- MUSIC FIX ---\n // Try to play music on the VERY FIRST click anywhere on the screen\n useEffect(() => {\n const handleFirstClick = () => {\n if (audioRef.current && !isMusicPlaying) {\n audioRef.current.play()\n .then(() => {\n setIsMusicPlaying(true);\n console.log(\"Music started!\");\n })\n .catch((error) => {\n console.log(\n \"Music autoplay blocked, waiting for interaction\",\n error,\n );\n });\n }\n };\n\n window.addEventListener(\"click\", handleFirstClick, { once: true });\n return () => window.removeEventListener(\"click\", handleFirstClick);\n }, [isMusicPlaying]);\n // ----------------\n\n useEffect(() => {\n const img = new Image();\n img.src = YOUR_GIRLFRIEND_IMAGE_URL;\n }, []);\n\n const firstImg =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n const secondImg =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n const catCafeImg =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n const getStageZeroImage = () => {\n if (noClicks === 0) return firstImg;\n const index = (noClicks - 1) % NO_GIFS.length;\n return NO_GIFS[index];\n };\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handleYes = () => {\n setStage((prev) => prev + 1);\n setNoClicks(0);\n };\n\n const toggleMusic = (e) => {\n e.stopPropagation(); // Prevent triggering other clicks\n if (audioRef.current) {\n if (isMusicPlaying) {\n audioRef.current.pause();\n setIsMusicPlaying(false);\n } else {\n audioRef.current.play();\n setIsMusicPlaying(true);\n }\n }\n };\n\n const closeMemory = () => {\n setSelectedMemory(null);\n };\n\n const renderButtons = (yesText) => (\n

\n \n {yesText}\n \n \n {noClicks === 0\n ? \"No\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n \n

\n );\n\n return (\n

\n {/* Hidden Audio Player */}\n

\n\n {/* Music Toggle Button */}\n \n\n \n \n\n {/* NEW SUNFLOWERS COMPONENT */}\n \n\n \n\n {/* MODAL / POPUP FOR PHOTOS */}\n {selectedMemory && (\n

e.stopPropagation()}>\n

{selectedMemory.caption}

\n \n

\n )}\n\n {/* MAIN CARD / CONTAINER */}\n \n {stage === 0 && (\n <>\n

\n\n

\n Will youuuu beee myyy valentineee paooo? 💙\n

\n {renderButtons(\"Yes\")}\n \n )}\n\n {stage === 1 && (\n <>\n

soooooo me you feb 21 cat cafe? 🌻

\n {renderButtons(\"Yes\")}\n \n )}\n\n {stage === 2 && (\n <>\n

\n \n

i loveee youuuu talagaaa paooo 💙

\n \n \n )}\n\n {stage === 3 && (\n <>\n

Yay!!! 💙🎉

\n Wait... I have one more thing...\n

\n \n Click Me 🌻\n \n \n )}\n\n {/* STAGE 4: COLLAGE */}\n {stage === 4 && (\n

Our Memories 🌻💙

\n\n

\n {MEMORIES.map((memory, index) => (\n setSelectedMemory(memory)}\n >\n {`Memory

Click me

\n ))}\n

\n\n

{COLLAGE_MESSAGE}

\n\n {/* FIXED BUTTON CONTAINER FOR STAGE 4 */}\n

\n \n setStage(5)}\n className=\"yes-button\"\n style={{ fontSize: \"16px\", margin: 0 }}\n >\n Next ➡️\n \n

\n )}\n\n {/* STAGE 5: MAILBOX */}\n {stage === 5 && (\n <>\n

You have 1 new message! 💌

\n setStage(6)}\n className=\"mailbox-container\"\n title=\"Click to open\"\n >\n \n

✨ Open Me! ✨

\n \n \n )}\n\n {/* STAGE 6: THE LETTER */}\n {stage === 6 && (\n

\n {LETTER_MESSAGE.split(\"\\n\").map((line, i) => (\n \n {line}\n
\n \n ))}\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 Blue Valentine\n \n \n \n \n \n\n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}",[150],"fe67076e-056d-11f1-91de-42dde27851f2","README.md","019c409c-befe-7399-ba17-1b881955cfc0",1,["D",1770610540185],"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.",[158],"pulls","branches","forks","envVars",{"_171":62,"_173":62},"connections",{"_171":62,"_172":62},"count","unfilledCount","emptyCount",{"_44":157,"_33":158,"_31":159,"_143":-5,"_42":43,"_41":160,"_144":25,"_39":184,"_13":62,"_34":20,"_36":162,"_24":27,"_147":-5,"_178":185,"_28":186},{"_44":149,"_33":150,"_31":57,"_143":-5,"_42":43,"_41":151,"_144":27,"_39":181,"_13":153,"_34":154,"_36":155,"_24":27,"_147":-5,"_178":182,"_28":183},{"_44":142,"_33":29,"_31":32,"_143":-5,"_42":43,"_41":14,"_144":27,"_39":177,"_13":146,"_34":35,"_36":38,"_24":27,"_147":-5,"_178":179,"_28":180},["D",1770781726125],"children",[],[29],["D",1770780743314],[],[150],["D",1770610540185],[],[158],["D",1770610540185],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_18":55,"_104":105,"_106":27},{"_13":85,"_33":86,"_44":43,"_87":45,"_88":89,"_90":91,"_92":51,"_93":94,"_95":96,"_97":46,"_98":99},"ctx",{"_78":-5,"_128":224,"_225":226,"_227":228,"_229":27,"_230":27,"_231":27,"_232":25,"_233":-5,"_234":-7,"_235":-7,"_236":62,"_237":27,"_238":27,"_239":-5,"_240":27,"_241":27,"_242":27,"_243":-5},"ENV",{"_195":196,"_197":198,"_199":86,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223},"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 · v46