Initial commit

src/components/app.tsx

@@ -0,0 +1,33 @@
+import { FunctionalComponent, h } from "preact";
+import { Route, Router, RouterOnChangeArgs } from "preact-router";
+
+import Home from "../routes/home";
+import Project from "../routes/project";
+import NotFoundPage from '../routes/notfound';
+import Header from "./header";
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+if ((module as any).hot) {
+    // tslint:disable-next-line:no-var-requires
+    require("preact/debug");
+}
+
+const App: FunctionalComponent = () => {
+    let currentUrl: string;
+    const handleRoute = (e: RouterOnChangeArgs) => {
+        currentUrl = e.url;
+    };
+
+    return (
+        <div id="app">
+            <Header />
+            <Router onChange={handleRoute}>
+                <Route path="/" component={Home} />
+                <Route path="/p/:uuid" component={Project} />
+                <NotFoundPage default />
+            </Router>
+        </div>
+    );
+};
+
+export default App;