[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_237":238,"_239":240},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_175":-5,"_20":176,"_22":177,"_178":179,"_180":181,"_25":182,"_24":-5,"_183":184,"_185":186,"_187":51,"_188":189,"_190":72,"_191":-5,"_192":-5,"_193":194},"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":28,"_29":-5,"_30":31,"_32":31,"_33":-5},"handle","AichaAb","name","AichaBlog","branchName","main","version","path","","project",{"_34":133,"_13":14,"_36":134,"_49":-5,"_135":51,"_52":53,"_136":53,"_137":-5,"_138":-5,"_139":140,"_141":66,"_142":72,"_143":72,"_144":-5,"_145":31,"_55":56,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":151,"_152":151,"_153":154,"_155":154,"_156":154,"_157":151,"_158":151,"_159":160,"_161":162,"_163":164,"_50":51},"tree",[100,101,102,103],"file","contents",[59,60,61,62],"upstream",{"_34":35,"_36":37,"_38":39,"_13":16,"_40":41,"_17":42,"_43":44,"_45":46,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":12,"_55":56,"_57":58},"pull","ahead",0,"behind","envVars","id","6375db12-3ff8-11f0-9798-76b3cceeab13","createdAt",["D",1748899650117],"updatedAt",["D",1748899650117],"projectId","6373462c-3ff8-11f0-9798-76b3cceeab13",1,"forkedBranchId","8e73c264-d835-11ef-bbbf-e6cdfca9ef9f","forkedBranchVersion",167,"lockfileKey","1769425093367-esm.town_v_AichaAb_markdownBlogStarter@1-main","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","a391a84f-5be1-47d7-83d2-faf774c22511","projectName","markdownBlogStarter",{"_34":94,"_13":95,"_65":96,"_67":-5,"_68":69,"_70":42,"_71":72,"_36":97,"_17":31,"_74":98,"_76":-5,"_78":51,"_79":-5,"_18":99},{"_34":87,"_13":88,"_65":89,"_67":-5,"_68":69,"_70":42,"_71":72,"_36":90,"_17":31,"_74":91,"_76":92,"_78":51,"_79":-5,"_18":93},{"_34":81,"_13":82,"_65":83,"_67":-5,"_68":69,"_70":42,"_71":72,"_36":84,"_17":31,"_74":24,"_76":85,"_78":51,"_79":-5,"_18":86},{"_34":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":42,"_71":72,"_36":73,"_17":31,"_74":75,"_76":77,"_78":51,"_79":-5,"_18":80},"8a68f6d2-3ff8-11f0-9fe5-76b3cceeab13","index.tsx","fileId","0ca09cbc-018f-4beb-a413-5e0c9a333888","parentId","branchId","8a64fa50-3ff8-11f0-9fe5-76b3cceeab13","branchVersion","latest",true,["D",1748899715448],"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","label",[64],"8a68f394-3ff8-11f0-9fe5-76b3cceeab13","README.md","140dad62-bf55-40d0-947c-6bd9a5e1dffb",["D",1748899715448],"# 📖 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.",[82],"8a68efb6-3ff8-11f0-9fe5-76b3cceeab13","Layout.tsx","c9627070-eadd-4e76-94ad-f3cb45b38583",["D",1748899715448],"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}",[88],"8a68ed86-3ff8-11f0-9fe5-76b3cceeab13","posts","75d5b5ed-8be5-4f4d-ad23-48ba9fa179a7",["D",1748899715448],"directory",[95],{"_34":94,"_13":95,"_65":96,"_67":-5,"_68":69,"_70":42,"_71":72,"_36":114,"_17":31,"_74":98,"_76":-5,"_78":51,"_79":-5,"_105":115,"_18":116},{"_34":87,"_13":88,"_65":89,"_67":-5,"_68":69,"_70":42,"_71":72,"_36":111,"_17":31,"_74":91,"_76":92,"_78":51,"_79":-5,"_105":112,"_18":113},{"_34":81,"_13":82,"_65":83,"_67":-5,"_68":69,"_70":42,"_71":72,"_36":108,"_17":31,"_74":24,"_76":85,"_78":51,"_79":-5,"_105":109,"_18":110},{"_34":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":42,"_71":72,"_36":104,"_17":31,"_74":75,"_76":77,"_78":51,"_79":-5,"_105":106,"_18":107},["D",1748899715448],"children",[],[64],["D",1748899715448],[],[82],["D",1748899715448],[],[88],["D",1748899715448],[117,118],[95],{"_34":126,"_13":127,"_65":128,"_67":96,"_68":69,"_70":42,"_71":72,"_36":129,"_17":31,"_74":24,"_76":130,"_78":51,"_79":-5,"_105":131,"_18":132},{"_34":119,"_13":120,"_65":121,"_67":96,"_68":69,"_70":42,"_71":72,"_36":122,"_17":31,"_74":24,"_76":123,"_78":51,"_79":-5,"_105":124,"_18":125},"8a68ea02-3ff8-11f0-9fe5-76b3cceeab13","002-second-post.md","7197d90a-0d5e-47a9-87b6-0a078c385a64",["D",1748899715448],"### I'm really good at blogging\n\nDon't you agree?",[],[95,120],"8a68de22-3ff8-11f0-9fe5-76b3cceeab13","001-first-post.md","2b997147-438c-4bcb-b8c6-44c0c1f9ec67",["D",1748899715448],"### Welcome to my blog\n\nThis is my first post.",[],[95,127],"8a61e95a-3ff8-11f0-9fe5-76b3cceeab13",["D",1748899715448],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","f502c3c0-3ff2-11f0-853a-a7fca58c5f86","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_174":170},"org",{"_11":12,"_168":-5,"_169":170,"_139":140,"_171":172,"_173":51},"branch",{"_17":42,"_13":16,"_34":69,"_40":133,"_43":35,"_45":42,"_165":53,"_166":41,"_167":56,"_57":14,"_54":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4eTUzcXFkVTRYaHlwdDFrSXdIRG1UbldyciJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":133,"_13":14,"_36":233,"_49":-5,"_135":51,"_52":53,"_136":53,"_137":-5,"_138":-5,"_139":140,"_141":66,"_142":72,"_143":72,"_144":-5,"_145":31,"_55":56,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":151,"_152":151,"_153":154,"_155":154,"_156":154,"_157":151,"_158":151,"_159":234,"_161":235,"_163":236,"_50":51},[215,218,219,220],"files",[215,216,217,218,219,220],"counts",{"_206":31,"_207":42,"_208":31,"_33":209,"_210":211},[198,199,200,201],"upstreamProject",{"_34":41,"_13":58,"_137":-5,"_138":-5,"_52":53,"_159":197},"upstreamBranch",{"_34":35,"_36":195,"_38":196,"_13":16,"_40":41,"_17":42,"_43":44,"_45":46,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":12,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1748899650117],["D",1748899650117],{"_11":12,"_174":170},{"_34":94,"_13":95,"_65":96,"_67":-5,"_68":69,"_70":42,"_71":72,"_36":97,"_17":31,"_74":98,"_76":-5,"_78":51,"_79":-5,"_18":205},{"_34":87,"_13":88,"_65":89,"_67":-5,"_68":69,"_70":42,"_71":72,"_36":90,"_17":31,"_74":91,"_76":92,"_78":51,"_79":-5,"_18":204},{"_34":81,"_13":82,"_65":83,"_67":-5,"_68":69,"_70":42,"_71":72,"_36":84,"_17":31,"_74":24,"_76":85,"_78":51,"_79":-5,"_18":203},{"_34":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":42,"_71":72,"_36":73,"_17":31,"_74":75,"_76":77,"_78":51,"_79":-5,"_18":202},[64],[82],[88],[95],"pulls","branches","forks",{"_212":31,"_214":31},"connections",{"_212":31,"_213":31},"count","unfilledCount","emptyCount",{"_34":94,"_13":95,"_65":96,"_67":-5,"_68":69,"_70":42,"_71":72,"_36":114,"_17":31,"_74":98,"_76":-5,"_78":51,"_79":-5,"_105":231,"_18":232},{"_34":126,"_13":127,"_65":128,"_67":96,"_68":69,"_70":42,"_71":72,"_36":129,"_17":31,"_74":24,"_76":130,"_78":51,"_79":-5,"_105":229,"_18":230},{"_34":119,"_13":120,"_65":121,"_67":96,"_68":69,"_70":42,"_71":72,"_36":122,"_17":31,"_74":24,"_76":123,"_78":51,"_79":-5,"_105":227,"_18":228},{"_34":87,"_13":88,"_65":89,"_67":-5,"_68":69,"_70":42,"_71":72,"_36":111,"_17":31,"_74":91,"_76":92,"_78":51,"_79":-5,"_105":225,"_18":226},{"_34":81,"_13":82,"_65":83,"_67":-5,"_68":69,"_70":42,"_71":72,"_36":108,"_17":31,"_74":24,"_76":85,"_78":51,"_79":-5,"_105":223,"_18":224},{"_34":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":42,"_71":72,"_36":104,"_17":31,"_74":75,"_76":77,"_78":51,"_79":-5,"_105":221,"_18":222},[],[64],[],[82],[],[88],[],[95,120],[],[95,127],[216,217],[95],["D",1748899715448],{"_11":12,"_174":170},{"_11":12,"_168":-5,"_169":170,"_139":140,"_171":172,"_173":51},{"_17":42,"_13":16,"_34":69,"_40":133,"_43":35,"_45":42,"_165":53,"_166":41,"_167":56,"_57":14,"_54":12},"ctx",{"_159":-5,"_192":270,"_271":272,"_273":274,"_275":51,"_276":51,"_277":51,"_278":72,"_279":-5,"_280":-7,"_281":-7,"_282":31,"_283":51,"_284":51,"_285":-5,"_286":51,"_287":51,"_288":51,"_289":-5},"ENV",{"_241":242,"_243":244,"_245":16,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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