[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_223":224,"_225":226},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_166":-5,"_20":167,"_22":168,"_169":170,"_171":172,"_25":173,"_24":-5,"_174":-5,"_175":-5,"_176":56,"_177":178,"_179":47,"_180":-5,"_181":-5,"_182":183},"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","Sohayb","name","untitled-251","branchName","main","version","path","","project",{"_36":111,"_13":14,"_48":112,"_113":-5,"_114":56,"_115":116,"_117":116,"_118":119,"_120":121,"_122":123,"_124":40,"_125":47,"_126":-5,"_127":-5,"_128":50,"_129":130,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":136,"_137":136,"_138":139,"_140":139,"_141":139,"_142":136,"_143":136,"_144":145,"_146":147,"_148":149,"_150":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","93de950c-09db-11f1-8c8b-42dde27851f2","index.tsx","fileId","019c5da1-cd13-76ee-b1a5-ece14c4a3ed0","parentId","branchId","93da8caa-09db-11f1-8c8b-42dde27851f2","branchVersion",1,"latest",true,"createdAt",["D",1771097410754],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],"93de9192-09db-11f1-8c8b-42dde27851f2","README.md","019c5da1-cd13-76ee-b1a5-eaff8f046718",["D",1771097410754],"# 📖 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],"93de8ad0-09db-11f1-8c8b-42dde27851f2","Layout.tsx","019c5da1-cd13-76ee-b1a5-e6cf3d1ad85d",["D",1771097410754],"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],"93de8986-09db-11f1-8c8b-42dde27851f2","posts","019c5da1-cd13-76ee-b1a5-e10bca776c77",["D",1771097410754],"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",1771097410754],"children",[],[38],["D",1771097410754],[],[60],["D",1771097410754],[],[66],["D",1771097410754],[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},"93de8706-09db-11f1-8c8b-42dde27851f2","002-second-post.md","019c5da1-cd13-76ee-b1a5-dea6f7a916ec",["D",1771097410754],"### I'm really good at blogging\n\nDon't you agree?",[],[73,98],"93de688e-09db-11f1-8c8b-42dde27851f2","001-first-post.md","019c5da1-cd13-76ee-b1a5-da5d65b1aabd",["D",1771097410754],"### Welcome to my blog\n\nThis is my first post.",[],[73,105],"93d53f70-09db-11f1-8c8b-42dde27851f2",["D",1771097410754],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Starter template for a markdown blog","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/44a31e5c-3e8a-48a8-d067-5785c0b08200/square512?exp=1789679955&sig=e95d88bd766304a74f91377c3a97623270054f23e4fd1af6a79b0e17a784a458","userId","019c5da1-2186-7599-a530-3933dacfab1a","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019c5da1-2186-7599-a530-3e60e75946d5","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_165":161},"org",{"_11":12,"_159":-5,"_160":161,"_122":123,"_162":163,"_164":56},"branch",{"_17":45,"_13":16,"_36":43,"_151":111,"_152":-5,"_153":-5,"_154":-5,"_155":-5,"_156":-5,"_157":14,"_158":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5ZnFEMDF4dzVKUWpaZDNBc3REcDdKb3BIWSJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":111,"_13":14,"_48":219,"_113":-5,"_114":56,"_115":116,"_117":116,"_118":119,"_120":121,"_122":123,"_124":40,"_125":47,"_126":-5,"_127":-5,"_128":50,"_129":130,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":136,"_137":136,"_138":139,"_140":139,"_141":139,"_142":136,"_143":136,"_144":220,"_146":221,"_148":222,"_150":56},[201,204,205,206],"files",[201,202,203,204,205,206],"counts",{"_192":50,"_193":45,"_194":50,"_31":195,"_196":197},[184,185,186,187],"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":191},{"_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":190},{"_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":189},{"_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":188},[38],[60],[66],[73],"pulls","branches","forks",{"_198":50,"_200":50},"connections",{"_198":50,"_199":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":217,"_18":218},{"_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":215,"_18":216},{"_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":213,"_18":214},{"_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":211,"_18":212},{"_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":209,"_18":210},{"_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":207,"_18":208},[],[38],[],[60],[],[66],[],[73,98],[],[73,105],[202,203],[73],["D",1771097410754],{"_11":12,"_165":161},{"_11":12,"_159":-5,"_160":161,"_122":123,"_162":163,"_164":56},{"_17":45,"_13":16,"_36":43,"_151":111,"_152":-5,"_153":-5,"_154":-5,"_155":-5,"_156":-5,"_157":14,"_158":12},"ctx",{"_144":-5,"_181":256,"_257":258,"_259":260,"_261":56,"_262":56,"_263":56,"_264":47,"_265":-5,"_266":-7,"_267":-7,"_268":50,"_269":56,"_270":56,"_271":-5,"_272":56,"_273":56,"_274":56,"_275":-5},"ENV",{"_227":228,"_229":230,"_231":16,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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