wip: New Application Architecture

Explore a new approach to clean up the implementation of an AppShell and individual pages. Will likely retire htmx for a lightweight custom page router.
2025-10-17 13:53:30 -07:00
parent cc79afaea0
commit 16cf44b42d
21 changed files with 129 additions and 260 deletions
--- a/src/frontend/AppShell.tsx
+++ b/src/frontend/AppShell.tsx
@@ -0,0 +1,44 @@
+import { Html } from "@elysiajs/html";
+
+const styles = Bun.file("./src/public/styles.css").text();
+const headScript = Bun.file("./src/public/head.js").text();
+const onLoadScript = Bun.file("./src/public/onLoad.js").text();
+
+export function AppShell(responseValue: any) {
+    return (
+        <html>
+            <head>
+                <title>Caleb's Blog</title>
+                <style>
+                    {styles}
+                </style>
+                <script>
+                    {headScript}
+                </script>
+                <script defer>
+                    {onLoadScript}
+                </script>
+                
+            </head>
+            <body>
+                {responseValue}
+                <aside>
+                    <h3>About Me</h3>
+                    <p>I'm a software engineer</p>
+                    <ul>
+                        <li>Twitter</li>
+                        <li>GitHub</li>
+                        <li>LinkedIn</li>
+                    </ul>
+                    <h3>Categories</h3>
+                    <ul>
+                        <li>Web Development</li>
+                        <li>UI/UX Design</li>
+                        <li>Productivity</li>
+                        <li>Career</li>
+                    </ul>
+                </aside>
+            </body>
+        </html>
+    )
+}