\n \n \n \n\n",[],[90,121],"ec650fd3-68bb-4522-9a6b-8007512f3bd4","favicon.svg","019f75bb-9063-75ee-b202-096378e85123",4,["D",1784386664633],"\n\n",[],[90,129],"3fb7b2c2-eddd-4a0c-b605-01ef7e063bfe","components","019f75bb-9063-75ee-b202-06aa373a6f9e",["D",1784386654250],[142],[90,137],{"_35":143,"_13":144,"_64":145,"_66":138,"_67":68,"_69":31,"_71":72,"_37":146,"_17":123,"_75":116,"_77":147,"_79":50,"_80":-5,"_99":148,"_18":149},"dcaa5d21-37a2-42ee-a422-e55b143c9df3","App.tsx","019f75bb-9063-75ee-b201-fe73f6fd7eec",["D",1784386906619],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useRef } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n const [forgiven, setForgiven] = useState(false);\n const [noPos, setNoPos] = useState<{ x: number; y: number } | null>(null);\n const containerRef = useRef(null);\n\n const moveNo = () => {\n const container = containerRef.current;\n if (!container) return;\n const maxX = container.offsetWidth - 120;\n const maxY = container.offsetHeight - 60;\n setNoPos({\n x: Math.random() * maxX,\n y: Math.random() * maxY,\n });\n };\n\n if (forgiven) {\n return (\n

🥹💕

Thank you.

I love you. I promise to be better.

\n view source\n

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

💔

\n Will you forgive me?\n

I'm really sorry.

\n\n

\n setForgiven(true)}\n class=\"bg-rose-500 hover:bg-rose-600 text-white font-semibold px-8 py-3 rounded-full transition-all hover:scale-105 cursor-pointer shadow-lg\"\n >\n Yes 🩷\n \n\n \n No\n \n

\n\n

\n view source\n

\n \n );\n}\n",[],[90,137,144],"689c958e-07c0-4ba0-9ad2-fa197cfead3a",["D",1784386654250],"legacyEnvVars","httpPrivacy","description","A heartfelt sorry letter with a beautiful interactive UI","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789531199&sig=c3082dd86ea52a30fbf464ba0f44a3fec10dd3791f436c3bf6ebddd1bfbb94d7","userId","90c30498-250f-4d8e-b70a-c5ea86c433ea","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019f75b9-4643-71ac-ba1a-071f31561f4e","tursoName","689c958e07c04ba09ad2fa197cfead3a","tursoHostname","689c958e07c04ba09ad2fa197cfead3a-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789472446807],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_199":195},"org",{"_11":12,"_192":193,"_194":195,"_158":159,"_196":197,"_198":50},"branch",{"_17":85,"_13":16,"_35":68,"_41":150,"_44":36,"_45":188,"_189":52,"_190":42,"_191":56,"_57":14,"_53":12},89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Niña Zaira Paez","avatar","https://lh3.googleusercontent.com/a/ACg8ocLlY7VGiD72Ed0SbJRbud9yfC3MqUu6CJ9M6DjJLDZsys4IWyEH=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":150,"_13":14,"_37":264,"_48":-5,"_152":50,"_51":52,"_153":52,"_154":155,"_156":157,"_158":159,"_160":65,"_161":72,"_162":-5,"_163":-5,"_164":74,"_55":165,"_166":167,"_168":169,"_170":265,"_172":-5,"_173":174,"_175":174,"_176":177,"_178":177,"_179":177,"_180":174,"_181":174,"_182":266,"_184":267,"_186":268,"_49":50},[240,246,247],"files",[240,241,242,243,244,245,246,247],"counts",{"_231":74,"_232":70,"_233":74,"_34":234,"_235":236},[225,226,227],"upstreamProject",{"_35":42,"_13":58,"_154":222,"_156":157,"_51":52,"_182":223},"upstreamBranch",{"_35":36,"_37":220,"_39":221,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server",{"_11":54,"_199":224},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789531199&sig=c4c4bdc5c2acbb6312e40d49bdb32dbf55ef8c86dbe1955b3579126e34f9a554",{"_35":89,"_13":90,"_64":91,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":92,"_17":74,"_75":93,"_77":-5,"_79":50,"_80":-5,"_18":230},{"_35":82,"_13":83,"_64":84,"_66":-5,"_67":68,"_69":85,"_71":72,"_37":86,"_17":33,"_75":24,"_77":87,"_79":50,"_80":-5,"_18":229},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":73,"_17":74,"_75":76,"_77":78,"_79":50,"_80":-5,"_18":228},[63],[83],[90],"pulls","branches","forks",{"_237":74,"_239":74},"connections",{"_237":74,"_238":74},"count","unfilledCount","emptyCount",{"_35":89,"_13":90,"_64":91,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":105,"_17":74,"_75":93,"_77":-5,"_79":50,"_80":-5,"_99":262,"_18":263},{"_35":136,"_13":137,"_64":138,"_66":91,"_67":68,"_69":70,"_71":72,"_37":139,"_17":74,"_75":93,"_77":-5,"_79":50,"_80":-5,"_99":260,"_18":261},{"_35":143,"_13":144,"_64":145,"_66":138,"_67":68,"_69":31,"_71":72,"_37":146,"_17":123,"_75":116,"_77":147,"_79":50,"_80":-5,"_99":258,"_18":259},{"_35":128,"_13":129,"_64":130,"_66":91,"_67":68,"_69":131,"_71":72,"_37":132,"_17":70,"_75":24,"_77":133,"_79":50,"_80":-5,"_99":256,"_18":257},{"_35":120,"_13":121,"_64":122,"_66":91,"_67":68,"_69":123,"_71":72,"_37":124,"_17":70,"_75":24,"_77":125,"_79":50,"_80":-5,"_99":254,"_18":255},{"_35":112,"_13":113,"_64":114,"_66":91,"_67":68,"_69":70,"_71":72,"_37":115,"_17":74,"_75":116,"_77":117,"_79":50,"_80":-5,"_99":252,"_18":253},{"_35":82,"_13":83,"_64":84,"_66":-5,"_67":68,"_69":85,"_71":72,"_37":102,"_17":33,"_75":24,"_77":87,"_79":50,"_80":-5,"_99":250,"_18":251},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":98,"_17":74,"_75":76,"_77":78,"_79":50,"_80":-5,"_99":248,"_18":249},[],[63],[],[83],[],[90,113],[],[90,121],[],[90,129],[],[90,137,144],[242],[90,137],[241,243,244,245],[90],["D",1784386654250],["D",1789472446807],{"_11":12,"_199":195},{"_11":12,"_192":193,"_194":195,"_158":159,"_196":197,"_198":50},{"_17":85,"_13":16,"_35":68,"_41":150,"_44":36,"_45":188,"_189":52,"_190":42,"_191":56,"_57":14,"_53":12},"ctx",{"_182":-5,"_217":302,"_303":304,"_305":306,"_307":50,"_308":50,"_309":50,"_310":72,"_311":-5,"_312":-7,"_313":-7,"_314":74,"_315":50,"_316":50,"_317":-5,"_318":50,"_319":50,"_320":50,"_321":-5},"ENV",{"_273":274,"_275":276,"_277":16,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301},"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"]

Code