[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_247":248,"_249":250},"routes/_app.x.$handle.$name",{"_109":108,"_38":50,"_118":95,"_33":119,"_13":14,"_120":-5,"_11":121,"_122":123,"_124":125,"_126":127,"_128":129,"_26":-5,"_130":131,"_132":133,"_134":31,"_135":136,"_137":65,"_138":-5,"_139":-5,"_140":141},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_38":50,"_43":51,"_52":-5,"_53":31,"_54":55,"_56":55,"_57":58,"_59":60,"_19":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":80,"_81":80,"_82":83,"_84":83,"_85":83,"_86":80,"_87":80,"_88":89,"_90":91,"_92":93,"_94":31},"version",13,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","c8439f23-8b9e-41ee-a65b-e1152759eb6e","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":26,"_40":42,"_43":44,"_45":14,"_46":47,"_30":31},"previous",{"_36":37,"_38":34,"_39":26,"_40":41},"deleted",false,"deletedHere","path","README.md","latestPath","fileId","019f75bb-9063-75ee-b202-18a78a20caea","name","fileType","content","# Sorry Letter 💔\n\nA heartfelt, interactive apology letter served as a beautiful web page.\n\n## Features\n\n- 💌 **Envelope intro** — click to open the letter\n- 📝 **Heartfelt letter** — a sincere, emotional apology\n- 💖 **Floating hearts** — animated background of drifting hearts\n- 🫶 **Forgiveness button** — let them respond with a click\n- 🎀 **Soft rose theme** — warm, gentle design throughout\n\n## File structure\n\n```\nindex.ts ← Hono server (serves frontend)\nfrontend/\n index.html ← HTML shell (Twind + React)\n index.tsx ← React entrypoint\n favicon.svg ← Heart favicon\n components/\n App.tsx ← Root: envelope → letter flow\n Letter.tsx ← The sorry letter + forgiveness button\n FloatingHearts.tsx ← Animated background hearts\n```\n\n## Live URL\n\nClick the link below to see the letter in action.\n","# Sorry Letter 💔\n\nA simple, sweet apology page that asks \"Will you forgive me?\" — the No button runs away, so she can only press Yes.\n\n## File structure\n\n```\nindex.ts ← Hono server (serves frontend)\nfrontend/\n index.html ← HTML shell (Twind + React)\n index.tsx ← React entrypoint\n favicon.svg ← Heart favicon\n components/\n App.tsx ← Everything: the question, runaway No button, thank-you screen\n```\n","createdAt",["D",1784386911038],"branchVersion","branchId","72d8e0f9-bd8e-40b3-aa72-bd16d5b8c098","id","689c958e-07c0-4ba0-9ad2-fa197cfead3a","sorry-letter",["D",1784386654250],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","A heartfelt sorry letter with a beautiful interactive UI","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789570799&sig=24cffcb7bd8cb9561eafd0c4bc1b91e4c7a662500ce58f0f64f2f4c551be4a2c","90c30498-250f-4d8e-b70a-c5ea86c433ea","pinnedFileId","019f75bb-9063-75ee-b202-1fe7b0782281","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f75b9-4643-71ac-ba1a-071f31561f4e","tursoName","689c958e07c04ba09ad2fa197cfead3a","tursoHostname","689c958e07c04ba09ad2fa197cfead3a-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789559472742],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_109":108,"_117":113},"org",{"_109":108,"_110":111,"_112":113,"_19":61,"_114":115,"_116":31},"branch",{"_13":14,"_38":95,"_48":47,"_96":49,"_97":98,"_99":100,"_101":55,"_102":103,"_104":105,"_106":50,"_107":108},"isOwned","main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",89,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","Zaishin","handle","displayName","Niña Zaira Paez","avatar","https://lh3.googleusercontent.com/a/ACg8ocLlY7VGiD72Ed0SbJRbud9yfC3MqUu6CJ9M6DjJLDZsys4IWyEH=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_38":50,"_43":242,"_52":-5,"_53":31,"_54":55,"_56":55,"_57":58,"_59":60,"_19":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":73,"_74":75,"_76":243,"_78":-5,"_79":80,"_81":80,"_82":83,"_84":83,"_85":83,"_86":80,"_87":80,"_88":244,"_90":245,"_92":246,"_94":31},"tree",[186,192,193],"files",[186,187,188,189,190,191,192,193],"counts",{"_176":69,"_177":159,"_178":69,"_179":180,"_181":182},"contents",[153,154,155],"upstreamProject",{"_48":103,"_38":149,"_57":150,"_59":60,"_54":55,"_88":151},"upstreamBranch",{"_48":98,"_43":142,"_143":144,"_38":95,"_96":103,"_13":145,"_97":-5,"_99":-5,"_146":147,"_52":-5,"_94":31,"_54":55,"_107":148,"_70":105,"_106":149},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],"updatedAt",["D",1785420707976],91,"lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","templates","react-hono-starter","Starter template with client-side React & Hono server",{"_109":148,"_117":152},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789570799&sig=257a5acfa0921f3bba1b6e04c40af81b331d69d65dd78c28728d8fa984364db5",{"_48":170,"_38":171,"_36":172,"_158":-5,"_46":47,"_45":159,"_160":65,"_43":173,"_13":69,"_39":174,"_40":-5,"_30":31,"_164":-5,"_33":175},{"_48":166,"_38":34,"_36":37,"_158":-5,"_46":47,"_45":14,"_160":65,"_43":167,"_13":168,"_39":26,"_40":42,"_30":31,"_164":-5,"_33":169},{"_48":156,"_38":157,"_36":63,"_158":-5,"_46":47,"_45":159,"_160":65,"_43":161,"_13":69,"_39":162,"_40":163,"_30":31,"_164":-5,"_33":165},"14873ba2-401f-4ca0-8367-9516d8b7f861","index.ts","parentId",1,"latest",["D",1784386654250],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;\n","label",[157],"7285786f-137f-4d51-b76b-354cd73ae18a",["D",1784386911038],2,[34],"17e3737f-7347-4041-b27d-534bf0cfca19","frontend","019f75bb-9063-75ee-b202-14ae6155f65e",["D",1784386654250],"directory",[171],"pulls","branches","forks","envVars",{"_183":69,"_185":69},"connections",{"_183":69,"_184":69},"count","unfilledCount","emptyCount",{"_48":170,"_38":171,"_36":172,"_158":-5,"_46":47,"_45":159,"_160":65,"_43":239,"_13":69,"_39":174,"_40":-5,"_30":31,"_164":-5,"_195":240,"_33":241},{"_48":235,"_38":234,"_36":228,"_158":172,"_46":47,"_45":159,"_160":65,"_43":236,"_13":69,"_39":174,"_40":-5,"_30":31,"_164":-5,"_195":237,"_33":238},{"_48":225,"_38":226,"_36":227,"_158":228,"_46":47,"_45":229,"_160":65,"_43":230,"_13":212,"_39":205,"_40":231,"_30":31,"_164":-5,"_195":232,"_33":233},{"_48":217,"_38":218,"_36":219,"_158":172,"_46":47,"_45":220,"_160":65,"_43":221,"_13":159,"_39":26,"_40":222,"_30":31,"_164":-5,"_195":223,"_33":224},{"_48":209,"_38":210,"_36":211,"_158":172,"_46":47,"_45":212,"_160":65,"_43":213,"_13":159,"_39":26,"_40":214,"_30":31,"_164":-5,"_195":215,"_33":216},{"_48":201,"_38":202,"_36":203,"_158":172,"_46":47,"_45":159,"_160":65,"_43":204,"_13":69,"_39":205,"_40":206,"_30":31,"_164":-5,"_195":207,"_33":208},{"_48":166,"_38":34,"_36":37,"_158":-5,"_46":47,"_45":14,"_160":65,"_43":198,"_13":168,"_39":26,"_40":42,"_30":31,"_164":-5,"_195":199,"_33":200},{"_48":156,"_38":157,"_36":63,"_158":-5,"_46":47,"_45":159,"_160":65,"_43":194,"_13":69,"_39":162,"_40":163,"_30":31,"_164":-5,"_195":196,"_33":197},["D",1784386654250],"children",[],[157],["D",1784386911038],[],[34],"6fa119b4-e75a-4159-af7d-beace07f0bc3","index.tsx","019f75bb-9063-75ee-b202-130fd282fe7d",["D",1784386654250],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[171,202],"aa8e8f0d-7e3a-4367-900a-913dd54b75cb","index.html","019f75bb-9063-75ee-b202-0d9cabdaac96",3,["D",1784386664631],"\n\n \n \n \n I'm Sorry 💔\n \n \n \n \n

\n \n \n \n\n",[],[171,210],"ec650fd3-68bb-4522-9a6b-8007512f3bd4","favicon.svg","019f75bb-9063-75ee-b202-096378e85123",4,["D",1784386664633],"\n\n",[],[171,218],"dcaa5d21-37a2-42ee-a422-e55b143c9df3","App.tsx","019f75bb-9063-75ee-b201-fe73f6fd7eec","019f75bb-9063-75ee-b202-06aa373a6f9e",12,["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",[],[171,234,226],"components","3fb7b2c2-eddd-4a0c-b605-01ef7e063bfe",["D",1784386654250],[188],[171,234],["D",1784386654250],[187,189,190,191],[171],["D",1784386654250],["D",1789559472742],{"_109":108,"_117":113},{"_109":108,"_110":111,"_112":113,"_19":61,"_114":115,"_116":31},{"_13":14,"_38":95,"_48":47,"_96":49,"_97":98,"_99":100,"_101":55,"_102":103,"_104":105,"_106":50,"_107":108},"ctx",{"_88":-5,"_139":280,"_281":282,"_283":284,"_285":31,"_286":31,"_287":31,"_288":65,"_289":-5,"_290":-7,"_291":-7,"_292":69,"_293":31,"_294":31,"_295":-5,"_296":31,"_297":31,"_298":31,"_299":-5},"ENV",{"_251":252,"_253":254,"_255":95,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279},"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 · v13