[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_202":203,"_204":205},"routes/_app.x.$handle.$name",{"_98":97,"_32":45,"_106":86,"_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":58,"_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":56,"_57":58,"_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":25},"version",33,"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-copy-copy.tsx","latestPath","fileId","924d12f6-07e0-11f1-bc2e-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, { useMemo, useState } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No 💔\",\n \"misclick? 🥺\",\n \"it would be fun? 💕\",\n \"One more chance, little one?\",\n \"you're killing me smalls :(\",\n \"What about a maybe?\",\n \"so I guess you really do hate me...\",\n];\n\n// --- \"database\" (in-memory, resets when server restarts) ---\nlet LAST_MORE_FUN_ANSWER = null;\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n\n // NEW: \"post-yay\" flow\n const [showMoreFun, setShowMoreFun] = useState(false);\n const [moreFunAnswer, setMoreFunAnswer] = useState(null);\n\n const yesButtonSize = (noClicks * 20) + 16;\n\n // Use direct media URLs. Tenor \"view\" pages often won't animate in .\n const firstImg =\n \"https://media1.tenor.com/m/_qhJni0xZLgAAAAd/bear-happy-bear.gif\";\n\n const secondImg =\n \"https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExZmF4MmdlNmRmeTJrbWxraWxrdHhndzM5enN5dGQ3YTR2eTVwZG1zNyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/hwGxQwiQGp8xKe5KlZ/giphy.gif\";\n\n const noGifs = [\n \"https://media1.tenor.com/m/vIH9BTHtXrUAAAAd/kermit-awkward.gif\",\n \"https://media1.tenor.com/m/w5H55vvWMXcAAAAd/misclick-missclick.gif\",\n \"https://media1.tenor.com/m/eqMVIJs-1fgAAAAC/wedding-crashers.gif\",\n \"https://tenor.com/view/kermit-falling-building-fall-woodz-gif-24715383.gif\",\n \"https://media1.tenor.com/m/wW2Z4kinzq8AAAAC/new-girl-youre-killing-me.gif\",\n \"https://media1.tenor.com/m/Avyq7feg8KgAAAAC/shrek-shrek-rizz.gif\",\n \"https://media1.tenor.com/m/i-V_gdCGL8wAAAAC/so-basically-you-hate-me.gif\",\n ];\n\n // NEW: your “more fun” question + gif\n const moreFunGif =\n \"https://media1.tenor.com/m/BAw781VGOdcAlD72iA/BAw781VGOdcAlD72iA.gif\"; // cute heart vibe; swap if you want\n const moreFunQuestion = \"?\";\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n };\n\n const currentNoGif = useMemo(() => {\n if (noClicks <= 0) return null;\n // IMPORTANT: use noClicks - 1 so it plays in order\n return noGifs[Math.min(noClicks - 1, noGifs.length - 1)];\n }, [noClicks]);\n\n async function submitMoreFunAnswer(answer) {\n setMoreFunAnswer(answer);\n\n // Send to server so YOU can view it at /admin.\n // Not secure. Not persistent. But it works.\n try {\n await fetch(\"/answer\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({\n answer,\n at: new Date().toISOString(),\n }),\n });\n } catch (_e) {\n // If it fails, you still have it in state on-screen.\n }\n }\n\n return (\n \n {!isValentine\n ? (\n <>\n \n

Wanna be the gummy to my bear this valentines? 💘

\n\n

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

\n \n )\n : (\n <>\n {!showMoreFun\n ? (\n <>\n

\n \n Yay!!! 💖🎉\n \n\n {/* NEW: tiny bottom button */}\n setShowMoreFun(true)}\n style={{\n position: \"fixed\",\n bottom: \"16px\",\n left: \"50%\",\n transform: \"translateX(-50%)\",\n backgroundColor: \"red\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"999px\",\n padding: \"10px 14px\",\n cursor: \"pointer\",\n fontSize: \"14px\",\n }}\n >\n more fun\n \n \n )\n : (\n <>\n

{moreFunQuestion}

\n\n {moreFunAnswer == WHEN DO I GET TO GUMMY YOUR BEAR? 😋\n ? (\n

\n submitMoreFunAnswer(\"Yes\")}\n style={{\n margin: \"10px\",\n padding: \"10px 20px\",\n backgroundColor: \"green\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"8px\",\n cursor: \"pointer\",\n fontSize: \"18px\",\n }}\n >\n next time I see you duh! but BRING EDIBLES 😇\n \n submitMoreFunAnswer(\"No\")}\n style={{\n margin: \"10px\",\n padding: \"10px 20px\",\n backgroundColor: \"red\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"8px\",\n cursor: \"pointer\",\n fontSize: \"18px\",\n }}\n >\n EW NO! GET AWAY CREEP! jk ill lyk 😤\n \n

\n )\n : (\n

\n You answered: {moreFunAnswer}\n \n (Also saved on the server. Visit /admin{\" \"}\n to see it.)\n

\n \n )}\n \n )}\n \n )}\n \n );\n}\n\n// client mount\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\n// single export (required by runtime)\nexport async function server(request) {\n const url = new URL(request.url);\n\n // Save answer\n if (url.pathname === \"/answer\" && request.method === \"POST\") {\n try {\n const data = await request.json();\n LAST_MORE_FUN_ANSWER = data; // { answer, at }\n return new Response(JSON.stringify({ ok: true }), {\n headers: { \"content-type\": \"application/json\" },\n });\n } catch (_e) {\n return new Response(JSON.stringify({ ok: false }), {\n status: 400,\n headers: { \"content-type\": \"application/json\" },\n });\n }\n }\n\n // View answer (not secure, but effective)\n if (url.pathname === \"/admin\") {\n return new Response(\n `\n \n \n Admin\n \n \n \n \n

Last “More fun” answer

${\n        LAST_MORE_FUN_ANSWER\n          ? escapeHtml(JSON.stringify(LAST_MORE_FUN_ANSWER, null, 2))\n          : \"No answer yet.\"\n      }

Note: this resets if the server restarts.

\n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n }\n\n // Default: app shell\n return new Response(\n `\n \n \n Valentine\n \n \n \n

Wanna be the gummy to my bear this valentines? 💘

\n\n

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

\n \n )\n : (\n <>\n {!showMoreFun\n ? (\n <>\n

{moreFunQuestion}

\n\n {moreFunAnswer == \"When do I get to gummy your bear?😋\";\n \n \n

\n )\n : (\n

\n You answered: {moreFunAnswer}\n \n (Also saved on the server. Visit /admin{\" \"}\n to see it.)\n

Last “More fun” answer

${\n        LAST_MORE_FUN_ANSWER\n          ? escapeHtml(JSON.stringify(LAST_MORE_FUN_ANSWER, null, 2))\n          : \"No answer yet.\"\n      }

Note: this resets if the server restarts.

\n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n }\n\n // Default: app shell\n return new Response(\n `\n \n \n Valentine\n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}\n\n// tiny helper for /admin output\nfunction escapeHtml(str) {\n return str\n .replaceAll(\"&\", \"&\")\n .replaceAll(\"<\", \"<\")\n .replaceAll(\">\", \">\")\n .replaceAll('\"', \""\")\n .replaceAll(\"'\", \"'\");\n}","createdAt",["D",1770884534371],"branchVersion","branchId","4d0f873e-07d4-11f1-ad15-42dde27851f2","id","4d0bdab2-07d4-11f1-ad15-42dde27851f2","valentines",["D",1770874383219],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c5053-e020-72b9-99ba-b3fe122d90a4","pinnedFileId","019c5056-abac-7059-9b9f-374c7c7388d7","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",1,"orgId","019c5053-e021-7026-8594-0c6dc4e3d3a4","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":85,"_32":86,"_43":42,"_87":44,"_88":89,"_90":62,"_91":50,"_92":93,"_94":64,"_95":45,"_96":97},"isOwned",48,"main","projectId","forkedBranchId","3fa0d72e-07d4-11f1-ad15-42dde27851f2","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","3f9bcb76-07d4-11f1-ad15-42dde27851f2","forkedProjectOrgId","projectName","userHandle","Nykcox","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5WVh0SktTWkRLSlc5U3FwUVFmYnZxaFpxdSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":198,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_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":199,"_80":200,"_82":201,"_84":25},"tree",[181,182,183,184],"files",[181,182,183,184],"counts",{"_171":158,"_172":62,"_173":158,"_174":175,"_176":177},"contents",[139,140,141,142],"upstreamProject",{"_43":93,"_32":137,"_52":-5,"_53":-5,"_49":50,"_78":138},"upstreamBranch",{"_43":89,"_38":130,"_131":132,"_32":86,"_87":93,"_13":62,"_88":133,"_90":134,"_135":136,"_47":-5,"_84":25,"_49":50,"_96":97,"_63":64,"_95":137},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1770874360580],"updatedAt",["D",1770874360580],"fdd9b22e-27b0-11f0-aecd-569c3dd06744",11,"lockfileKey","1770874361216-esm.town_v_Nykcox_valentine@1-main","valentine",{"_98":97,"_105":101},{"_43":165,"_32":166,"_30":167,"_145":-5,"_41":42,"_40":62,"_147":58,"_38":168,"_13":158,"_33":20,"_35":169,"_24":25,"_151":-5,"_27":170},{"_43":161,"_32":28,"_30":31,"_145":-5,"_41":42,"_40":14,"_147":25,"_38":162,"_13":163,"_33":34,"_35":37,"_24":25,"_151":-5,"_27":164},{"_43":153,"_32":154,"_30":155,"_145":-5,"_41":42,"_40":156,"_147":58,"_38":157,"_13":158,"_33":34,"_35":159,"_24":25,"_151":-5,"_27":160},{"_43":143,"_32":144,"_30":56,"_145":-5,"_41":42,"_40":146,"_147":58,"_38":148,"_13":149,"_33":34,"_35":150,"_24":25,"_151":-5,"_27":152},"261950d8-07de-11f1-bc8e-42dde27851f2","main.tsx","parentId",18,"latest",["D",1770878612832],16,"/** @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 \"misclick? 🥺\",\n \"it would be fun? 💕\",\n \"One more chance, little one?\",\n \"you're killing me smalls :(\",\n \"What about a maybe?\",\n \"so I guess you really do hate me...\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [showNoGif, setShowNoGif] = useState(false);\n\n const yesButtonSize = (noClicks * 20) + 16;\n\n const firstImg =\n \"https://tenor.com/view/bear-happy-bear-gummy-gummybear-gif-18349997625432958136.gif\";\n\n const secondImg =\n \"https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExZmF4MmdlNmRmeTJrbWxraWxrdHhndzM5enN5dGQ3YTR2eTVwZG1zNyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/hwGxQwiQGp8xKe5KlZ/giphy.gif\";\n\n // ✅ DIRECT GIF FILES ONLY\n const noGifs = [\n \"https://tenor.com/view/kermit-awkward-smile-gif-13583416149880430261.gif\",\n \"https://tenor.com/view/misclick-missclick-oops-club-penguin-funny-gif-26676785.gif\",\n \"https://tenor.com/view/wedding-crashers-will-ferrell-happy-gif-26043728.gif\",\n \"https://tenor.com/view/kermit-falling-building-fall-woodz-gif-24715383.gif\",\n \"https://tenor.com/view/new-girl-youre-killing-me-tired-exhausted-ugh-gif-16881695.gif\",\n \"https://tenor.com/view/shrek-shrek-rizz-rizz-gif-215234821245431976.gif\",\n \"https://tenor.com/view/so-basically-you-hate-me-gif-10080603536464687052.gif\",\n ];\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n setShowNoGif(true);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n };\n\n return (\n \n {!isValentine\n ? (\n <>\n \n\n

Wanna be the gummy to my bear this valentines? 💘

\n\n

\n \n Yes\n \n\n \n {noClicks === 0\n ? \"No\"\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// client mount\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\n// single export (required by runtime)\nexport async function server(_request) {\n return new Response(\n `\n \n \n Valentine\n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","label",[144],"751536ae-07d7-11f1-b534-42dde27851f2","main-copy.tsx","7515374e-07d7-11f1-b534-42dde27851f2",6,["D",1770875738883],0,"/** @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 \"misclick? 🥺\",\n \"it would be fun? 💕\",\n \"One more chance, little one?\",\n \"you're killing me smalls :(\",\n \"What about a maybe?\",\n \"so I guess you really do hate me...\",\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 =\n \"https://tenor.com/view/bear-happy-bear-gummy-gummybear-gif-18349997625432958136.gif\";\n const secondImg =\n \"https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExZmF4MmdlNmRmeTJrbWxraWxrdHhndzM5enN5dGQ3YTR2eTVwZG1zNyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/hwGxQwiQGp8xKe5KlZ/giphy.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

Wanna be the gummy to my bear this valentines? 💘

\n \n Yes\n \n \n {noClicks === 0\n ? \"No\"\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}",[154],"ef9b61dc-07eb-11f1-b77b-42dde27851f2",["D",1770884534371],10,[28],"4d145dfe-07d4-11f1-ad15-42dde27851f2","README.md","019c5056-abac-7059-9b9f-33e3832a729d",["D",1770874383219],"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.",[166],"pulls","branches","forks","envVars",{"_178":158,"_180":158},"connections",{"_178":158,"_179":158},"count","unfilledCount","emptyCount",{"_43":165,"_32":166,"_30":167,"_145":-5,"_41":42,"_40":62,"_147":58,"_38":195,"_13":158,"_33":20,"_35":169,"_24":25,"_151":-5,"_186":196,"_27":197},{"_43":161,"_32":28,"_30":31,"_145":-5,"_41":42,"_40":14,"_147":25,"_38":192,"_13":163,"_33":34,"_35":37,"_24":25,"_151":-5,"_186":193,"_27":194},{"_43":153,"_32":154,"_30":155,"_145":-5,"_41":42,"_40":156,"_147":58,"_38":189,"_13":158,"_33":34,"_35":159,"_24":25,"_151":-5,"_186":190,"_27":191},{"_43":143,"_32":144,"_30":56,"_145":-5,"_41":42,"_40":146,"_147":58,"_38":185,"_13":149,"_33":34,"_35":150,"_24":25,"_151":-5,"_186":187,"_27":188},["D",1770878612832],"children",[],[144],["D",1770875738883],[],[154],["D",1770884534371],[],[28],["D",1770874383219],[],[166],["D",1770874383219],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":54,"_102":103,"_104":25},{"_13":85,"_32":86,"_43":42,"_87":44,"_88":89,"_90":62,"_91":50,"_92":93,"_94":64,"_95":45,"_96":97},"ctx",{"_78":-5,"_127":235,"_236":237,"_238":239,"_240":25,"_241":25,"_242":25,"_243":58,"_244":-5,"_245":-7,"_246":-7,"_247":158,"_248":25,"_249":25,"_250":-5,"_251":25,"_252":25,"_253":25,"_254":-5},"ENV",{"_206":207,"_208":209,"_210":86,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · v33