[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_224":225,"_226":227},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_167":-5,"_20":168,"_22":169,"_170":171,"_172":173,"_25":174,"_24":-5,"_175":-5,"_176":-5,"_177":56,"_178":179,"_180":47,"_181":-5,"_182":-5,"_183":184},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","kazuhaaaa","name","valentine","branchName","main","version","path","","project",{"_36":112,"_13":14,"_48":113,"_114":-5,"_115":56,"_116":117,"_118":117,"_119":120,"_121":122,"_123":124,"_125":61,"_126":47,"_127":-5,"_128":-5,"_129":64,"_130":131,"_132":-5,"_133":-5,"_134":-5,"_135":-5,"_136":137,"_138":137,"_139":140,"_141":140,"_142":140,"_143":137,"_144":137,"_145":146,"_147":148,"_149":150,"_151":56},"tree",[79,80,81,82],"file","contents",[32,33,34,35],"upstream","pull","ahead","behind","envVars",{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":76,"_17":64,"_51":77,"_53":-5,"_55":56,"_57":-5,"_18":78},{"_36":67,"_13":68,"_39":69,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":70,"_17":64,"_51":24,"_53":71,"_55":56,"_57":-5,"_18":72},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":63,"_17":64,"_51":52,"_53":65,"_55":56,"_57":-5,"_18":66},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":58},"id","7ec29818-00d9-11f1-b958-42dde27851f2","ken.tsx","fileId","019c228e-472e-75c9-9842-2844aa12ce7f","parentId","branchId","e93c6b6c-00d7-11f1-b410-42dde27851f2","branchVersion",5,"latest",true,"createdAt",["D",1770106955966],4,"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, { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No 💔\",\n \"Pretty please? 🥺\",\n \"But we'd be so cute together! 💕\",\n \"One more chance, pookie?\",\n \"Don't break my heart :(\",\n \"What about a maybe?\",\n \"Please don't do this to me, I'm fragile\",\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://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.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 Valentine? 💘

\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 Yeheyay!!! 💖🎉\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}","deleted",false,"label",[38],"e940acd6-00d7-11f1-b410-42dde27851f2","index.tsx","019c228e-472e-75c9-9842-33344a87e062",1,["D",1770106275552],0,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport Markdown from \"https://esm.sh/react-markdown@9?deps=react@18.2.0\";\nimport { listFiles, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\nimport { Layout } from \"./Layout.tsx\";\n\nfunction PostComponent({ markdown, link }: { markdown: string; link?: string }) {\n return (\n

\n {link}\n {markdown}\n

\n );\n}\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n if (url.pathname === \"/\") {\n const files = await listFiles(import.meta.url);\n const posts = files.filter((file) => file.path.startsWith(\"posts/\"));\n const postContents = await Promise.all(\n posts.map(async (file) => readFile(file.path, import.meta.url)),\n );\n\n return html(\n

My blog!

This is my blog.

Posts

\n {postContents.map((markdown, i) => )}\n

,\n );\n }\n if (url.pathname.startsWith(\"/posts/\")) {\n const markdown = await readFile(url.pathname, import.meta.url);\n return html(\n

My blog!

\n {markdown}\n

,\n );\n }\n return new Response(\"Not found\", { status: 404 });\n}\n\nfunction html(children: React.ReactNode) {\n return new Response(\n renderToString(\n \n {children}\n ,\n ),\n {\n headers: {\n \"content-type\": \"text/html;\",\n },\n },\n );\n}",[60],"e940a88a-00d7-11f1-b410-42dde27851f2","README.md","019c228e-472e-75c9-9842-2e0c3adbffd3",["D",1770106275552],"# 📖 myBlog\n\nA simple static blog.\n\n### 🚀 Getting Started\n\n- Click **Remix** on the top right to clone this project.\n\n### 📂 Adding Posts\n\n1. Navigate to the `/posts` directory.\n2. Create a new Markdown (`.md`) or `.mdx` file.\n3. Write your post and save the file.",[68],"e9409fca-00d7-11f1-b410-42dde27851f2","posts","019c228e-472e-75c9-9842-2753dc29015c",["D",1770106275552],"directory",[74],{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":93,"_17":64,"_51":77,"_53":-5,"_55":56,"_57":-5,"_84":94,"_18":95},{"_36":67,"_13":68,"_39":69,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":90,"_17":64,"_51":24,"_53":71,"_55":56,"_57":-5,"_84":91,"_18":92},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":87,"_17":64,"_51":52,"_53":65,"_55":56,"_57":-5,"_84":88,"_18":89},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":83,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_84":85,"_18":86},["D",1770106955966],"children",[],[38],["D",1770106275552],[],[60],["D",1770106275552],[],[68],["D",1770106275552],[96,97],[74],{"_36":105,"_13":106,"_39":107,"_41":75,"_42":43,"_44":62,"_46":47,"_48":108,"_17":64,"_51":24,"_53":109,"_55":56,"_57":-5,"_84":110,"_18":111},{"_36":98,"_13":99,"_39":100,"_41":75,"_42":43,"_44":62,"_46":47,"_48":101,"_17":64,"_51":24,"_53":102,"_55":56,"_57":-5,"_84":103,"_18":104},"e9409ba6-00d7-11f1-b410-42dde27851f2","002-second-post.md","019c228e-472e-75c9-9842-217592927c85",["D",1770106275552],"### I'm really good at blogging\n\nDon't you agree?",[],[74,99],"e94090f2-00d7-11f1-b410-42dde27851f2","001-first-post.md","019c228e-472e-75c9-9842-1faef4488553",["D",1770106275552],"### Welcome to my blog\n\nThis is my first post.",[],[74,106],"e9373462-00d7-11f1-b410-42dde27851f2",["D",1770106275552],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Starter template for a markdown blog","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/44a31e5c-3e8a-48a8-d067-5785c0b08200/square512?exp=1789661219&sig=1257ef409537cf75523339f24a836ef9587ee72db59a72ae2462d5c3770c442a","userId","019c228c-c383-7599-a87c-0a22030aaad7","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019c228c-c383-7599-a87c-0e30f52513f4","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_166":162},"org",{"_11":12,"_160":-5,"_161":162,"_123":124,"_163":164,"_165":56},"branch",{"_17":45,"_13":16,"_36":43,"_152":112,"_153":-5,"_154":-5,"_155":-5,"_156":-5,"_157":-5,"_158":14,"_159":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5OVJCUEtZdXRiYXg5bkpFeWFPcW9tdmZ6bSJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":112,"_13":14,"_48":220,"_114":-5,"_115":56,"_116":117,"_118":117,"_119":120,"_121":122,"_123":124,"_125":61,"_126":47,"_127":-5,"_128":-5,"_129":64,"_130":131,"_132":-5,"_133":-5,"_134":-5,"_135":-5,"_136":137,"_138":137,"_139":140,"_141":140,"_142":140,"_143":137,"_144":137,"_145":221,"_147":222,"_149":223,"_151":56},[202,205,206,207],"files",[202,203,204,205,206,207],"counts",{"_193":64,"_194":62,"_195":64,"_31":196,"_197":198},[185,186,187,188],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":76,"_17":64,"_51":77,"_53":-5,"_55":56,"_57":-5,"_18":192},{"_36":67,"_13":68,"_39":69,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":70,"_17":64,"_51":24,"_53":71,"_55":56,"_57":-5,"_18":191},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":63,"_17":64,"_51":52,"_53":65,"_55":56,"_57":-5,"_18":190},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":189},[38],[60],[68],[74],"pulls","branches","forks",{"_199":64,"_201":64},"connections",{"_199":64,"_200":64},"count","unfilledCount","emptyCount",{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":93,"_17":64,"_51":77,"_53":-5,"_55":56,"_57":-5,"_84":218,"_18":219},{"_36":105,"_13":106,"_39":107,"_41":75,"_42":43,"_44":62,"_46":47,"_48":108,"_17":64,"_51":24,"_53":109,"_55":56,"_57":-5,"_84":216,"_18":217},{"_36":98,"_13":99,"_39":100,"_41":75,"_42":43,"_44":62,"_46":47,"_48":101,"_17":64,"_51":24,"_53":102,"_55":56,"_57":-5,"_84":214,"_18":215},{"_36":67,"_13":68,"_39":69,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":90,"_17":64,"_51":24,"_53":71,"_55":56,"_57":-5,"_84":212,"_18":213},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":87,"_17":64,"_51":52,"_53":65,"_55":56,"_57":-5,"_84":210,"_18":211},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":83,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_84":208,"_18":209},[],[38],[],[60],[],[68],[],[74,99],[],[74,106],[203,204],[74],["D",1770106275552],{"_11":12,"_166":162},{"_11":12,"_160":-5,"_161":162,"_123":124,"_163":164,"_165":56},{"_17":45,"_13":16,"_36":43,"_152":112,"_153":-5,"_154":-5,"_155":-5,"_156":-5,"_157":-5,"_158":14,"_159":12},"ctx",{"_145":-5,"_182":257,"_258":259,"_260":261,"_262":56,"_263":56,"_264":56,"_265":47,"_266":-5,"_267":-7,"_268":-7,"_269":64,"_270":56,"_271":56,"_272":-5,"_273":56,"_274":56,"_275":56,"_276":-5},"ENV",{"_228":229,"_230":231,"_232":16,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","81405aa0531e90dfbb71a5bf473aaa0cf4c8702f","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