Setup event route

seattlejs · Dec 28, 2024 · 3eb1f58 · 3eb1f58
1 parent 183c5cb
commit 3eb1f58
Show file tree

Hide file tree

Showing 21 changed files with 450 additions and 219 deletions.
diff --git a/app/elements/events-list.mjs b/app/elements/events-list.mjs
diff --git a/app/pages/events.mjs b/app/pages/events.mjs
diff --git a/app/pages/events/$id.mjs b/app/pages/events/$id.mjs
diff --git a/index.html b/index.html
@@ -11,13 +11,13 @@
     <link rel="stylesheet" href="/_public/styles/main.css" />
     <link rel="shortcut icon" href="/_public/favicon.jpg" />
     <link rel="stylesheet" href="https://use.typekit.net/smc6vzy.css" />
-    <link
+    <!-- <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github-dark.min.css"
       integrity="sha512-rO+olRTkcf304DQBxSWxln8JXCzTHlKnIdnMUwYvQa9/Jd4cQaNkItIUj6Z4nvW1dqK0SKXLbn9h4KwZTNtAyw=="
       crossorigin="anonymous"
       referrerpolicy="no-referrer"
-    />
+    /> -->
     <!-- ${ sharing ? `
     <meta
       name="image"
@@ -40,5 +40,21 @@
   <body>
     <div id="root"></div>
     <script src="./src/index.tsx" type="module"></script>
+    <script
+      src="https://kit.fontawesome.com/95fd764ad0.js"
+      crossorigin="anonymous"
+      async
+    ></script>
+    <!-- <script
+      src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"
+      integrity="sha512-rdhY3cbXURo13l/WU9VlaRyaIYeJ/KBakckXIvJNAQde8DgpOmE+eZf7ha4vdqVjTtwQt69bD2wH2LXob/LB7Q=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    ></script>
+    <script>
+      hljs.highlightAll()
+    </script> -->
+    <!--script src="https://unpkg.com/@mux/mux-player"></script-->
+    <!--script src="/_public/scripts/app.js"></script-->
   </body>
 </html>
diff --git a/package.json b/package.json
@@ -23,7 +23,7 @@
   },
   "scripts": {
     "build": "vite build",
-    "serve": "vite preview",
+    "serve": "vite preview --port 3333",
     "start": "vite",
     "lint": "npm run tsc && npm run check-format",
     "eslint": "eslint src/**/*.{js,jsx,ts,tsx}",

diff --git a/src/App.tsx b/src/App.tsx
@@ -20,7 +20,12 @@ import welcomePath from './routes/welcome.md'
 
 import { createMarkdownRoute } from './utils/createMarkdownRoute'
 
-const routes = [
+interface Route {
+  url: string
+  component: preact.AnyComponent<any>
+}
+
+const routes: Route[] = [
   {
     url: '/about-us',
     component: lazy(() => createMarkdownRoute(aboutUsPath)),
@@ -37,6 +42,10 @@ const routes = [
     url: '/code-of-conduct',
     component: lazy(() => createMarkdownRoute(codeOfConductPath)),
   },
+  {
+    url: '/events/:id?',
+    component: lazy(() => import('./routes/events')),
+  },
   {
     url: '/join',
     component: lazy(() => createMarkdownRoute(joinPath)),