[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_219":220,"_221":222},"routes/_app.x.$handle.$name",{"_111":110,"_38":56,"_120":98,"_33":121,"_13":14,"_122":-5,"_11":123,"_124":125,"_126":127,"_128":129,"_130":131,"_27":-5,"_132":133,"_134":135,"_136":31,"_137":138,"_139":70,"_140":-5,"_141":-5,"_142":143},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_54":55,"_38":56,"_44":57,"_58":-5,"_59":31,"_60":61,"_62":61,"_63":64,"_65":-5,"_19":66,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":74,"_75":76,"_77":-5,"_78":-5,"_79":-5,"_80":-5,"_81":82,"_83":82,"_84":85,"_86":85,"_87":85,"_88":82,"_89":82,"_90":91,"_92":93,"_94":95,"_96":31},"version",3,"changes",[25,26],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","59cd154e-b73a-4629-b208-d9770ffdddfe","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_27":49,"_29":-7,"_30":31,"_32":31,"_33":50,"_35":50},{"_27":28,"_29":-7,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous","deleted",false,"deletedHere","path","frontend/app.tsx","latestPath","fileId","c040a730-9bd4-11f1-bcfd-1607ee4eb77e","name","app.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// ───────────────────────── edit everything in here ─────────────────────────\n\n// Paste the link you want the gift button to open (Spotify playlist, photo\n// album, Amazon wishlist, a doc you wrote them, anything). Leave it as\n// \"CHANGE_ME\" and the button will just remind you to fill it in.\nconst GIFT_URL = \"CHANGE_ME\";\nconst GIFT_BUTTON_TEXT = \"🎁 open it\";\n\nconst QUESTION = \"Can I thank you? 🥺\";\nconst SUBTITLE = \"you tried SO hard and I noticed every bit of it\";\n\n// What the \"no\" button says as they keep pressing it\nconst NO_PHRASES = [\n \"wait, you really did though\",\n \"you tried so so hard\",\n \"pleaseee let me say it 🥺\",\n \"you don't get to be humble today\",\n \"i'm not letting this one go\",\n \"this button is decorative btw\",\n \"i'll just keep asking forever\",\n \"Error 404: modesty not accepted\",\n];\n\nconst THANK_YOU_TITLE = \"Thank you for trying so hard 🩷\";\nconst THANK_YOU_LINES = [\n \"I saw the effort. The late nights, the restarts, the trying again when stopping would've been so much easier.\",\n \"You didn't have to work that hard, and you did it anyway. That says everything about you.\",\n \"It mattered. You matter. Thank you. 💖\",\n];\n\nconst TEASE = \"wait... one more thing 👀\";\n\nconst ASK_GIF = \"https://media.tenor.com/SzEa9KOp6vwAAAAi/sanrio.gif\";\nconst YAY_GIF = \"https://media.tenor.com/ARNBrhfqznwAAAAi/ibunwoo-my-melody.gif\";\n\n// How long to wait (ms) before the surprise button shows up\nconst GIFT_DELAY = 2600;\n\n// ───────────────────────────────────────────────────────────────────────────\n\nconst page: React.CSSProperties = {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"100vh\",\n padding: \"24px\",\n textAlign: \"center\",\n boxSizing: \"border-box\",\n};\n\nconst baseButton: React.CSSProperties = {\n margin: \"10px\",\n padding: \"12px 22px\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"12px\",\n cursor: \"pointer\",\n fontWeight: \"bold\",\n};\n\nfunction Ask({ onYes }: { onYes: () => void }) {\n const [noClicks, setNoClicks] = useState(0);\n const yesSize = noClicks * 18 + 16;\n\n return (\n <>\n $\"\"$ \n

{QUESTION}

{SUBTITLE}

\n \n Yes\n \n setNoClicks((n) => n + 1)}\n style={{ ...baseButton, fontSize: \"16px\", backgroundColor: \"#e05a72\" }}\n >\n {noClicks === 0\n ? \"No\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n \n

\n \n );\n}\n\nfunction GiftButton() {\n const [nudged, setNudged] = useState(false);\n const style: React.CSSProperties = {\n ...baseButton,\n display: \"inline-block\",\n fontSize: \"26px\",\n padding: \"18px 34px\",\n backgroundColor: \"#ff69a0\",\n textDecoration: \"none\",\n };\n\n if (GIFT_URL === \"CHANGE_ME\") {\n return (\n

\n \n {nudged && (\n

\n (psst — open frontend/app.tsx and put your link in{\" \"}\n GIFT_URL)\n

\n )}\n

\n );\n }\n\n return (\n \n {GIFT_BUTTON_TEXT}\n \n );\n}\n\nfunction Thanks() {\n const [showGift, setShowGift] = useState(false);\n\n useEffect(() => {\n const timer = setTimeout(() => setShowGift(true), GIFT_DELAY);\n return () => clearTimeout(timer);\n }, []);\n\n return (\n <>\n $\"\"$ \n

\n {THANK_YOU_TITLE}\n

\n {THANK_YOU_LINES.map((line, i) => (\n

{line}

\n ))}\n

\n {showGift && (\n

{TEASE}

\n \n

\n )}\n \n );\n}\n\nfunction App() {\n const [accepted, setAccepted] = useState(false);\n return (\n

\n {accepted ? : setAccepted(true)} />}\n

\n );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();\n","createdAt",["D",1787147348589],"branchVersion","branchId","eb72b009-75c7-42dd-8812-e8eb6d1c16c8",{"_36":51,"_38":50,"_40":52,"_42":-5,"_44":53,"_46":14,"_47":48,"_30":31},"frontend","7ba08e8e-ebc1-4b46-a266-080e1cbc462d","directory",["D",1787147348589],"id","502c35ee-545b-437b-8c9a-6c50fd75f945","thank-you",["D",1787147278790],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Thank you page with a growing button and a surprise gift reveal","imageUrl","11acb333-2cbf-4577-9078-fe740d28ed11","pinnedFileId","01a01a47-59f7-7123-a65c-4c24f113fe05","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019e798d-a88a-73c9-9cb3-97908551522d","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_111":110,"_119":115},"org",{"_111":110,"_112":113,"_114":115,"_19":66,"_116":117,"_118":31},"branch",{"_13":97,"_38":98,"_54":48,"_99":55,"_100":101,"_102":103,"_104":61,"_105":106,"_107":76,"_108":56,"_109":110},"isOwned",8,"main","projectId","forkedBranchId","63fcb4ec-5c40-11f1-b877-ee650bb23af1","forkedBranchVersion",11,"forkedProjectPrivacy","forkedProjectId","63f65e76-5c40-11f1-b877-ee650bb23af1","forkedProjectOrgId","projectName","userHandle","starkvj","handle","displayName","Maxwell Ajayi","avatar","https://lh3.googleusercontent.com/a/ACg8ocL58mZwgiU34ppEb8_odPR4xDS5mvHTDaeJreDu0bHFnZRycZQi=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_54":55,"_38":56,"_44":215,"_58":-5,"_59":31,"_60":61,"_62":61,"_63":64,"_65":-5,"_19":66,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":74,"_75":76,"_77":-5,"_78":-5,"_79":-5,"_80":-5,"_81":82,"_83":82,"_84":85,"_86":85,"_87":85,"_88":82,"_89":82,"_90":216,"_92":217,"_94":218,"_96":31},"tree",[193,195,196,197],"files",[193,194,195,196,197],"counts",{"_183":74,"_184":159,"_185":159,"_186":187,"_188":189},"contents",[152,153,154,155],"upstreamProject",{"_54":106,"_38":150,"_63":-5,"_65":-5,"_60":61,"_90":151},"upstreamBranch",{"_54":101,"_44":144,"_145":146,"_38":98,"_99":106,"_13":103,"_100":147,"_102":103,"_148":149,"_58":-5,"_96":31,"_60":61,"_109":110,"_75":76,"_108":150},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1780156704982],"updatedAt",["D",1780167373189],"fdd9b22e-27b0-11f0-aecd-569c3dd06744","lockfileKey","1780167373508-esm.town_v_starkvj_princess@11-main","princess",{"_111":110,"_119":115},{"_54":180,"_38":50,"_36":51,"_158":-5,"_47":48,"_46":14,"_160":70,"_44":181,"_13":74,"_40":52,"_42":-5,"_30":31,"_164":-5,"_33":182},{"_54":174,"_38":175,"_36":176,"_158":-5,"_47":48,"_46":159,"_160":31,"_44":177,"_13":74,"_40":27,"_42":178,"_30":31,"_164":-5,"_33":179},{"_54":167,"_38":168,"_36":169,"_158":-5,"_47":48,"_46":170,"_160":70,"_44":171,"_13":74,"_40":27,"_42":172,"_30":31,"_164":-5,"_33":173},{"_54":156,"_38":157,"_36":68,"_158":-5,"_47":48,"_46":159,"_160":31,"_44":161,"_13":74,"_40":162,"_42":163,"_30":31,"_164":165,"_33":166},"82d056c1-bccb-4331-b15b-4b5663c6a041","main.tsx","parentId",1,"latest",["D",1787147278790],"http","/** @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 \"Are you sureee?\",\n \"Pretty please?\",\n \"But we'd be so cute together! 💕\",\n \"I'd do anything for you\",\n \"Don't break my heart :(\",\n \"What about a maybe?\",\n \"I'll make you the happiest girl in the world\",\n \"Error 404: Wrong answer Ingrid\",\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/SzEa9KOp6vwAAAAi/sanrio.gif\";\n const secondImg =\n \"https://media.tenor.com/ARNBrhfqznwAAAAi/ibunwoo-my-melody.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 love? 💘

\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!!! I love you so much my bunny 💖🎉\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 For the prettiest girl in the world\n \n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","label","thank-you-for-trying",[157],"c738269d-9ba6-40a5-ad8c-c0560b387792","index.html","b3813e2e-9bd4-11f1-8794-1607ee4eb77e",2,["D",1787147327207],"\n\n \n \n thank you 🩷\n \n \n \n \n \n \n

\n \n \n \n\n",[168],"8cbce80f-568e-4fc7-b869-985b77422648","README.md","01a01a47-59f7-7123-a65c-4b4f69abd65b",["D",1787147278790],"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.",[175],"9a8ab353-ee65-412b-91b9-adee0ec64680",["D",1787147348589],[50],"pulls","branches","forks","envVars",{"_190":74,"_192":74},"connections",{"_190":74,"_191":74},"count","unfilledCount","emptyCount",{"_54":180,"_38":50,"_36":51,"_158":-5,"_47":48,"_46":14,"_160":70,"_44":212,"_13":74,"_40":52,"_42":-5,"_30":31,"_164":-5,"_199":213,"_33":214},{"_54":208,"_38":39,"_36":37,"_158":51,"_47":48,"_46":14,"_160":31,"_44":209,"_13":74,"_40":41,"_42":43,"_30":31,"_164":-5,"_199":210,"_33":211},{"_54":174,"_38":175,"_36":176,"_158":-5,"_47":48,"_46":159,"_160":31,"_44":205,"_13":74,"_40":27,"_42":178,"_30":31,"_164":-5,"_199":206,"_33":207},{"_54":167,"_38":168,"_36":169,"_158":-5,"_47":48,"_46":170,"_160":70,"_44":202,"_13":74,"_40":27,"_42":172,"_30":31,"_164":-5,"_199":203,"_33":204},{"_54":156,"_38":157,"_36":68,"_158":-5,"_47":48,"_46":159,"_160":31,"_44":198,"_13":74,"_40":162,"_42":163,"_30":31,"_164":165,"_199":200,"_33":201},["D",1787147278790],"children",[],[157],["D",1787147327207],[],[168],["D",1787147278790],[],[175],"dc2e3763-c940-4c0f-91cf-d5a3f487e3aa",["D",1787147348589],[],[50,39],["D",1787147348589],[194],[50],["D",1787147278790],{"_111":110,"_119":115},{"_111":110,"_112":113,"_114":115,"_19":66,"_116":117,"_118":31},{"_13":97,"_38":98,"_54":48,"_99":55,"_100":101,"_102":103,"_104":61,"_105":106,"_107":76,"_108":56,"_109":110},"ctx",{"_90":-5,"_141":252,"_253":254,"_255":256,"_257":31,"_258":31,"_259":31,"_260":70,"_261":-5,"_262":-7,"_263":-7,"_264":74,"_265":31,"_266":31,"_267":-5,"_268":31,"_269":31,"_270":31,"_271":-5},"ENV",{"_223":224,"_225":226,"_227":98,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251},"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 · v3