[{"_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","RKH2O","name","WST-Final-Project-Actual","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","586e18ae-452b-11f1-99f2-42b51c65c3df","index.tsx","fileId","019de256-2449-7758-9164-8b47c46cb23c","parentId","branchId","58687714-452b-11f1-99f2-42b51c65c3df","branchVersion",1,"latest",true,"createdAt",["D",1777618789376],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],"586e141c-452b-11f1-99f2-42b51c65c3df","README.md","019de256-2449-7758-9164-87a2980a35e5",["D",1777618789376],"# 📖 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],"586df0d6-452b-11f1-99f2-42b51c65c3df","Layout.tsx","019de256-2449-7758-9164-8108b72cf7b1",["D",1777618789376],"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],"586deed8-452b-11f1-99f2-42b51c65c3df","posts","019de256-2449-7758-9164-7de79c0601ad",["D",1777618789376],"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",1777618789376],"children",[],[38],["D",1777618789376],[],[60],["D",1777618789376],[],[66],["D",1777618789376],[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},"586debae-452b-11f1-99f2-42b51c65c3df","002-second-post.md","019de256-2449-7758-9164-7b1dd569e63a",["D",1777618789376],"### I'm really good at blogging\n\nDon't you agree?",[],[73,98],"586dc8e0-452b-11f1-99f2-42b51c65c3df","001-first-post.md","019de256-2449-7758-9164-7506dd626450",["D",1777618789376],"### Welcome to my blog\n\nThis is my first post.",[],[73,105],"5861bf6e-452b-11f1-99f2-42b51c65c3df",["D",1777618789376],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Starter template for a markdown blog","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/44a31e5c-3e8a-48a8-d067-5785c0b08200/square512?exp=1789706436&sig=9300f2f32fee3dfe1e6f7d1d1bdf6c6be3533be8db06a9b6eb27060b79f6a55b","userId","ca1bc3ba-3a06-42cf-a255-91632f676e5a","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019de24c-8f67-736a-a62d-461e067349f7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_166":162},"org",{"_11":12,"_159":160,"_161":162,"_122":123,"_163":164,"_165":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","Ryley Haynes","avatar","https://lh3.googleusercontent.com/a/ACg8ocLn8tbd6-PUAhWsgvXhSEOSKsSByP9Od66OWWqpAmD7d1kfbQ=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":111,"_13":14,"_48":220,"_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":221,"_146":222,"_148":223,"_150":56},[202,205,206,207],"files",[202,203,204,205,206,207],"counts",{"_193":50,"_194":45,"_195":50,"_31":196,"_197":198},[185,186,187,188],"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":192},{"_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":191},{"_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":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],[66],[73],"pulls","branches","forks",{"_199":50,"_201":50},"connections",{"_199":50,"_200":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":218,"_18":219},{"_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":216,"_18":217},{"_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":214,"_18":215},{"_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":212,"_18":213},{"_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":210,"_18":211},{"_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":208,"_18":209},[],[38],[],[60],[],[66],[],[73,98],[],[73,105],[203,204],[73],["D",1777618789376],{"_11":12,"_166":162},{"_11":12,"_159":160,"_161":162,"_122":123,"_163":164,"_165":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,"_182":257,"_258":259,"_260":261,"_262":56,"_263":56,"_264":56,"_265":47,"_266":-5,"_267":-7,"_268":-7,"_269":50,"_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","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