diff --git a/src/app.tsx b/src/app.tsx index 7201b27..b39a5de 100644 --- a/src/app.tsx +++ b/src/app.tsx @@ -1,8 +1,18 @@ import { Elysia } from "elysia"; -import { Index } from "./frontend"; +import { Index, selectPage } from "./frontend"; +import { Home } from "./frontend/pages/home"; +import { Blog } from "./frontend/pages/blog"; +import { Projects } from "./frontend/pages/projects"; export const app = new Elysia() - .get("/", () => Index("/")) - .get("/blog", () => Index("/blog")) - .get("/projects", () => Index("/projects")) + .get("/", (context) => isHTMXResponse( context, "/")) + .get("/blog", (context) => isHTMXResponse( context, "/blog")) + .get("/projects", (context) => isHTMXResponse( context, "/projects")) .get("/content/post", () => "I'm from the server") + +function isHTMXResponse ( context: any, path: string) { + if (context.headers["hx-request"] === "true") { + return selectPage(path); + } + return Index(path); +} diff --git a/src/frontend/components/Header.tsx b/src/frontend/components/Header.tsx index 9b8b731..c8630e8 100644 --- a/src/frontend/components/Header.tsx +++ b/src/frontend/components/Header.tsx @@ -1,12 +1,12 @@ export function Header() { return (
-
+
Caleb Braaten
diff --git a/src/frontend/index.tsx b/src/frontend/index.tsx index 64902b1..4dbd919 100644 --- a/src/frontend/index.tsx +++ b/src/frontend/index.tsx @@ -15,7 +15,9 @@ export function Index(path: string) {
- {page(path)} +
+ {selectPage(path)} +

Hello

@@ -23,7 +25,7 @@ export function Index(path: string) { ) } -function page(path: string) { +export function selectPage(path: string) { switch (path) { case '/': return