Build as app and refactor

7054e8ba · Midhun Suresh · db5a1327 · 7054e8ba · 7054e8ba · 7054e8ba
Commit 7054e8ba authored 3 years ago by Midhun Suresh
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="favicon.svg" />
-    <link rel="stylesheet" href="src/style.css">
+    <link rel="stylesheet" href="/src/style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Chatterbox</title>
  </head>

--- a/src/ui/views/ChatterboxView.ts
+++ b/src/ui/views/ChatterboxView.ts
 import { TemplateView, TimelineView, LoadingView, AvatarView } from "hydrogen-view-sdk";
 import { MessageComposer } from "hydrogen-view-sdk";
 import { ChatterboxViewModel } from "../../viewmodels/ChatterboxViewModel";
+import matrixLogo from "../res/matrix-logo.svg";
 export class ChatterboxView extends TemplateView<ChatterboxViewModel> {
    constructor(value) {
        super(value);
@@ -21,10 +21,9 @@ export class ChatterboxView extends TemplateView<ChatterboxViewModel> {
                (vm) => vm.messageComposerViewModel,
                (vm) => (vm ? new MessageComposer(vm) : null)
            ),
-            t.div({ className: "ChatterboxView_footer" }, [
+            t.mapView(
-                "Powered by",
+                (vm) => vm.roomViewModel,
-                t.img({ src: "./src/ui/res/matrix-logo.svg" }),
+                (vm) => vm ? new RoomFooter() : null),
-            ]),
        ]);
    }
 }
@@ -44,3 +43,13 @@ class RoomHeaderView extends TemplateView<ChatterboxViewModel> {
        ]);
    }
 }
+class RoomFooter extends TemplateView {
+    render(t) {
+        return t.div({ className: "ChatterboxView_footer" }, [
+            "Powered by",
+            t.img({ src: matrixLogo }),
+        ]);
+    }
+}
--- a/vite.config.js
+++ b/vite.config.js
@@ -2,13 +2,6 @@ const path = require('path')
 const { defineConfig } = require('vite')
 module.exports = defineConfig({
-    build: {
-        lib: {
-            entry: path.resolve(__dirname, "src/main.ts"),
-            name: "chatterbox",
-            fileName: "chatterbox.js",
-        },
-    },
    server: {
        fs: {
            // Allow serving files from hydrogen-web/target (for fonts and images)