[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_167":168,"_169":170},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_126":-5,"_20":127,"_22":128,"_129":130,"_131":132,"_26":133,"_24":134,"_135":-5,"_136":-5,"_137":57,"_138":139,"_140":54,"_141":-5,"_142":-5,"_143":144},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","iamseeley","name","multirouteHTML","branchName","main","version","path","main.tsx","project",{"_33":70,"_13":14,"_45":71,"_72":-5,"_73":54,"_74":75,"_76":75,"_77":-5,"_78":-5,"_79":80,"_81":38,"_82":54,"_83":-5,"_84":-5,"_85":64,"_86":87,"_88":89,"_90":91,"_92":93,"_94":-5,"_95":96,"_97":96,"_98":99,"_100":99,"_101":99,"_102":96,"_103":96,"_104":105,"_106":107,"_108":109,"_110":57},"tree",[51,52],"file",{"_33":34,"_35":36,"_37":38,"_13":19,"_39":40,"_41":42,"_17":43,"_44":-5,"_45":46,"_47":48,"_49":-5,"_18":50},"contents",[],"upstream","pull","ahead","behind","envVars","id","e378c368-2826-11f0-af78-569c3dd06744","branchId","e2ac9c66-2826-11f0-af78-569c3dd06744","fileId","e2aef2ae-2826-11f0-af78-569c3dd06744","content","/**\n * @title Personal Website with Server-Side Active Navigation\n * @description Create a personal portfolio website with multiple pages and server-side active navigation using an HTTP Val.\n */\n\nimport { websiteStyles } from \"https://esm.town/v/iamseeley/websiteStyles\";\nimport { personalData } from \"https://esm.town/v/iamseeley/personalData\";\nimport { generateTrackingHtml } from 'https://esm.town/v/iamseeley/counterTown';\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n\n // Function to create navigation links with active state\n function createNavLinks(currentPath: string): string {\n const links = [\n { path: '/', text: 'Home' },\n { path: '/about', text: 'About' },\n { path: '/projects', text: 'Projects' }\n ];\n\n return links.map(link =>\n `${link.text}`\n ).join('');\n }\n\n const trackingHtmlResponse = generateTrackingHtml(req);\n const trackingHtml = await trackingHtmlResponse.text();\n\n // Common HTML structure\n function createHTML(title: string, content: string, req: Request): string {\n return `\n \n \n \n \n \n ${personalData.name} | HTML as String\n \n \n \n

${personalData.name}

${personalData.label}

\n \n

\n ${content}\n

\n \n ${trackingHtml}\n \n \n `;\n }\n\n // Router function to handle different routes\n function router(path: string, req: Request): Response {\n switch (path) {\n case '/':\n return homePage(req);\n case '/about':\n return aboutPage(req);\n case '/projects':\n return projectsPage(req);\n default:\n return notFoundPage(req);\n }\n }\n\n // Home page\n function homePage(req: Request): Response {\n const content = `\n

Welcome to My Portfolio

${personalData.summary}

This website is rendered server-side with pure HTML.

Check out the source and start building your own site!

\n \n `;\n return new Response(createHTML(\"Home\", content, req), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n }\n\n // About page\n function aboutPage(req: Request): Response {\n const content = `\n

About Me

${personalData.about}

\n `;\n return new Response(createHTML(\"About\", content, req), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n }\n\n // Projects page\n function projectsPage(req: Request): Response {\n const content = `\n

My Projects

\n ${personalData.projects.map(project => `\n \n

${project.name}

${project.description}

\n \n `).join('')}\n `;\n return new Response(createHTML(\"Projects\", content, req), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n }\n\n // 404 Not Found page\n function notFoundPage(req: Request): Response {\n const content = `\n

404 Not Found

Sorry, the page you're looking for doesn't exist.

Return to Home

\n `;\n return new Response(createHTML(\"404 Not Found\", content, req), {\n status: 404,\n headers: { \"Content-Type\": \"text/html\" },\n });\n }\n\n // Use the router to handle the request\n return router(path, req);\n}","fileType","http",45,"parentId","createdAt",["D",1725907902958],"branchVersion",46,"label",[19],{"_33":61,"_13":62,"_37":63,"_44":-5,"_35":36,"_47":64,"_53":54,"_45":65,"_17":66,"_41":24,"_39":67,"_56":57,"_49":-5,"_58":68,"_18":69},{"_33":34,"_13":19,"_37":38,"_44":-5,"_35":36,"_47":48,"_53":54,"_45":55,"_17":43,"_41":42,"_39":40,"_56":57,"_49":-5,"_58":59,"_18":60},"latest",true,["D",1725907902958],"deleted",false,"children",[],[19],"e2aef88a-2826-11f0-af78-569c3dd06744","README.md","e2aef92a-2826-11f0-af78-569c3dd06744",1,["D",1719270513425],0,"🌐 Personal Website with Server-Side Active Navigation\n\nMigrated from folder: vals_by_example/multirouteHTML",[],[62],"e2ac59e0-2826-11f0-af78-569c3dd06744",["D",1746280792528],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","fed077e2-dbc0-4421-bb81-a71b0796f69e","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","8bf3083e-3312-4fc4-8746-fcbc375455ce","tursoName","e2ac59e0282611f0af78569c3dd06744","tursoHostname","e2ac59e0282611f0af78569c3dd06744-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789601443850],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_125":121},"org",{"_11":12,"_119":-5,"_120":121,"_79":80,"_122":123,"_124":57},"branch",{"_17":48,"_13":16,"_33":36,"_111":70,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":14,"_118":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJsaWQ1T0xmZ2dwbk5kMWNOWW1yR2dIZDdHeCJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":70,"_13":14,"_45":162,"_72":-5,"_73":54,"_74":75,"_76":75,"_77":-5,"_78":-5,"_79":80,"_81":38,"_82":54,"_83":-5,"_84":-5,"_85":64,"_86":87,"_88":89,"_90":91,"_92":163,"_94":-5,"_95":96,"_97":96,"_98":99,"_100":99,"_101":99,"_102":96,"_103":96,"_104":164,"_106":165,"_108":166,"_110":57},[156,157],"files",[156,157],"counts",{"_147":66,"_148":64,"_149":66,"_32":150,"_151":152},[],{"_33":34,"_13":19,"_37":38,"_44":-5,"_35":36,"_47":48,"_53":54,"_45":145,"_17":43,"_41":42,"_39":40,"_56":57,"_49":-5,"_18":146},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1725907902958],[19],"pulls","branches","forks",{"_153":66,"_155":66},"connections",{"_153":66,"_154":66},"count","unfilledCount","emptyCount",{"_33":61,"_13":62,"_37":63,"_44":-5,"_35":36,"_47":64,"_53":54,"_45":65,"_17":66,"_41":24,"_39":67,"_56":57,"_49":-5,"_58":160,"_18":161},{"_33":34,"_13":19,"_37":38,"_44":-5,"_35":36,"_47":48,"_53":54,"_45":55,"_17":43,"_41":42,"_39":40,"_56":57,"_49":-5,"_58":158,"_18":159},[],[19],[],[62],["D",1746280792528],["D",1789601443850],{"_11":12,"_125":121},{"_11":12,"_119":-5,"_120":121,"_79":80,"_122":123,"_124":57},{"_17":48,"_13":16,"_33":36,"_111":70,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":14,"_118":12},"ctx",{"_104":-5,"_142":200,"_201":202,"_203":204,"_205":57,"_206":57,"_207":57,"_208":54,"_209":-5,"_210":-7,"_211":-7,"_212":66,"_213":57,"_214":57,"_215":-5,"_216":57,"_217":57,"_218":57,"_219":-5},"ENV",{"_171":172,"_173":174,"_175":16,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199},"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"]