Don't use public index.html template

index.html

@@ -8,10 +8,11 @@
       name="viewport"
       content="width=device-width, initial-scale=1.0, maximum-scale=1.0"
     />
-    <title><%- title %></title>
+    <title>Element Call</title>
     <script>
       window.global = window;
     </script>
+    <script type="module" src="/src/main.tsx"></script>
   </head>
 
   <!-- The default class is: .no-theme {display: none}. It will be overwritten once the app is loaded. -->

src/main.tsx

@@ -23,6 +23,7 @@ import {
 import { App } from "./App";
 import { init as initRageshake } from "./settings/rageshake";
 import { Initializer } from "./initializer";
+import "@matrix-org/matrix-sdk-crypto-wasm";
 
 initRageshake().catch((e) => {
   logger.error("Failed to initialize rageshake", e);

vite.config.js

@@ -7,7 +7,6 @@ Please see LICENSE in the repository root for full details.
 
 import { defineConfig, loadEnv } from "vite";
 import svgrPlugin from "vite-plugin-svgr";
-import htmlTemplate from "vite-plugin-html-template";
 import { codecovVitePlugin } from "@codecov/vite-plugin";
 import { sentryVitePlugin } from "@sentry/vite-plugin";
 import react from "@vitejs/plugin-react";
@@ -27,11 +26,6 @@ export default defineConfig(({ mode }) => {
         ref: true,
       },
     }),
-    htmlTemplate.default({
-      data: {
-        title: env.VITE_PRODUCT_NAME || "Element Call",
-      },
-    }),
 
     codecovVitePlugin({
       enableBundleAnalysis: process.env.CODECOV_TOKEN !== undefined,
@@ -56,6 +50,7 @@ export default defineConfig(({ mode }) => {
   }
 
   return {
+    base: './',
     server: {
       port: 3000,
     },