[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_221":222,"_223":224},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_164":-5,"_20":165,"_22":166,"_167":168,"_169":170,"_25":171,"_24":-5,"_172":-5,"_173":-5,"_174":56,"_175":176,"_177":47,"_178":-5,"_179":-5,"_180":181},"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","jnholland169dotcom","name","untitled-6205","branchName","main","version","path","","project",{"_36":111,"_13":14,"_48":112,"_113":-5,"_114":56,"_115":116,"_117":116,"_118":-5,"_119":-5,"_120":121,"_122":40,"_123":47,"_124":47,"_125":-5,"_126":50,"_127":128,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":134,"_135":134,"_136":137,"_138":137,"_139":137,"_140":134,"_141":134,"_142":143,"_144":145,"_146":147,"_148":56},"tree",[78,79,80,81],"file","contents",[32,33,34,35],"upstream","pull","ahead","behind","envVars",{"_36":72,"_13":73,"_39":74,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":75,"_17":50,"_51":76,"_53":-5,"_55":56,"_57":-5,"_18":77},{"_36":65,"_13":66,"_39":67,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":68,"_17":50,"_51":69,"_53":70,"_55":56,"_57":-5,"_18":71},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":62,"_17":50,"_51":24,"_53":63,"_55":56,"_57":-5,"_18":64},{"_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","17d831a0-b997-11f0-aa5e-0224a6c84d84","index.tsx","fileId","019a4f97-40d0-7778-951d-15f9701bbfd0","parentId","branchId","17d35fa4-b997-11f0-aa5e-0224a6c84d84","branchVersion",1,"latest",true,"createdAt",["D",1762271903869],0,"fileType","http","content","/** @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}","deleted",false,"label",[38],"17d83056-b997-11f0-aa5e-0224a6c84d84","README.md","019a4f97-40d0-7778-951d-130465368b03",["D",1762271903869],"# 📖 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.",[60],"17d82ec6-b997-11f0-aa5e-0224a6c84d84","Layout.tsx","019a4f97-40d0-7778-951d-0fb1f238fb9a",["D",1762271903869],"script","/** @jsxImportSource npm:react@18.2.0 */\nimport type { ReactNode } from \"npm:react@18.2.0\";\n\nexport function Layout({ children }: { children: ReactNode }) {\n return (\n \n \n \n \n My blog\n \n \n \n {children}\n \n \n );\n}",[66],"17d82d5e-b997-11f0-aa5e-0224a6c84d84","posts","019a4f97-40d0-7778-951d-09f383a3f31c",["D",1762271903869],"directory",[73],{"_36":72,"_13":73,"_39":74,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":92,"_17":50,"_51":76,"_53":-5,"_55":56,"_57":-5,"_83":93,"_18":94},{"_36":65,"_13":66,"_39":67,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":89,"_17":50,"_51":69,"_53":70,"_55":56,"_57":-5,"_83":90,"_18":91},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":86,"_17":50,"_51":24,"_53":63,"_55":56,"_57":-5,"_83":87,"_18":88},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":82,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_83":84,"_18":85},["D",1762271903869],"children",[],[38],["D",1762271903869],[],[60],["D",1762271903869],[],[66],["D",1762271903869],[95,96],[73],{"_36":104,"_13":105,"_39":106,"_41":74,"_42":43,"_44":45,"_46":47,"_48":107,"_17":50,"_51":24,"_53":108,"_55":56,"_57":-5,"_83":109,"_18":110},{"_36":97,"_13":98,"_39":99,"_41":74,"_42":43,"_44":45,"_46":47,"_48":100,"_17":50,"_51":24,"_53":101,"_55":56,"_57":-5,"_83":102,"_18":103},"17d82bb0-b997-11f0-aa5e-0224a6c84d84","002-second-post.md","019a4f97-40d0-7778-951d-05be9e4d65cd",["D",1762271903869],"### I'm really good at blogging\n\nDon't you agree?",[],[73,98],"17d82318-b997-11f0-aa5e-0224a6c84d84","001-first-post.md","019a4f97-40d0-7778-951d-03f78625af3a",["D",1762271903869],"### Welcome to my blog\n\nThis is my first post.",[],[73,105],"17cdfe06-b997-11f0-aa5e-0224a6c84d84",["D",1762271903869],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","019a4f92-895b-7516-9970-a477b51adeb7","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019a4f92-895b-7516-9970-a97ad80c6544","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_163":159},"org",{"_11":12,"_157":-5,"_158":159,"_120":121,"_160":161,"_162":56},"branch",{"_17":45,"_13":16,"_36":43,"_149":111,"_150":-5,"_151":-5,"_152":-5,"_153":-5,"_154":-5,"_155":14,"_156":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zNTFKR1ZRVThoSTlrZ0hBSmllMnQ4TGNjMGMifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":111,"_13":14,"_48":217,"_113":-5,"_114":56,"_115":116,"_117":116,"_118":-5,"_119":-5,"_120":121,"_122":40,"_123":47,"_124":47,"_125":-5,"_126":50,"_127":128,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":134,"_135":134,"_136":137,"_138":137,"_139":137,"_140":134,"_141":134,"_142":218,"_144":219,"_146":220,"_148":56},[199,202,203,204],"files",[199,200,201,202,203,204],"counts",{"_190":50,"_191":45,"_192":50,"_31":193,"_194":195},[182,183,184,185],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_36":72,"_13":73,"_39":74,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":75,"_17":50,"_51":76,"_53":-5,"_55":56,"_57":-5,"_18":189},{"_36":65,"_13":66,"_39":67,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":68,"_17":50,"_51":69,"_53":70,"_55":56,"_57":-5,"_18":188},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":62,"_17":50,"_51":24,"_53":63,"_55":56,"_57":-5,"_18":187},{"_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":186},[38],[60],[66],[73],"pulls","branches","forks",{"_196":50,"_198":50},"connections",{"_196":50,"_197":50},"count","unfilledCount","emptyCount",{"_36":72,"_13":73,"_39":74,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":92,"_17":50,"_51":76,"_53":-5,"_55":56,"_57":-5,"_83":215,"_18":216},{"_36":104,"_13":105,"_39":106,"_41":74,"_42":43,"_44":45,"_46":47,"_48":107,"_17":50,"_51":24,"_53":108,"_55":56,"_57":-5,"_83":213,"_18":214},{"_36":97,"_13":98,"_39":99,"_41":74,"_42":43,"_44":45,"_46":47,"_48":100,"_17":50,"_51":24,"_53":101,"_55":56,"_57":-5,"_83":211,"_18":212},{"_36":65,"_13":66,"_39":67,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":89,"_17":50,"_51":69,"_53":70,"_55":56,"_57":-5,"_83":209,"_18":210},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":86,"_17":50,"_51":24,"_53":63,"_55":56,"_57":-5,"_83":207,"_18":208},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":82,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_83":205,"_18":206},[],[38],[],[60],[],[66],[],[73,98],[],[73,105],[200,201],[73],["D",1762271903869],{"_11":12,"_163":159},{"_11":12,"_157":-5,"_158":159,"_120":121,"_160":161,"_162":56},{"_17":45,"_13":16,"_36":43,"_149":111,"_150":-5,"_151":-5,"_152":-5,"_153":-5,"_154":-5,"_155":14,"_156":12},"ctx",{"_142":-5,"_179":254,"_255":256,"_257":258,"_259":56,"_260":56,"_261":56,"_262":47,"_263":-5,"_264":-7,"_265":-7,"_266":50,"_267":56,"_268":56,"_269":-5,"_270":56,"_271":56,"_272":56,"_273":-5},"ENV",{"_225":226,"_227":228,"_229":16,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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