update version

package.json

@@ -1,10 +1,10 @@
 {
   "name": "ts5-obs-overlay",
   "private": false,
-  "version": "2.0.0",
-  "description": "Overlay for OBS to show the current talking clients in your Teamspeak 5 Channel",
+  "version": "2.0.4",
+  "description": "Overlay for OBS to show the current talking clients in your TeamSpeak 5 Channel",
   "author": "DerTyp7",
-  "homepage": "https://dertyp7.github.io/ts5-obs-overlay",
+  "homepage": "https://dertyp7.github.io/ts5-obs-overlay/#",
   "repository": {
     "type": "git",
     "url": "https://github.com/DerTyp7/ts5-obs-overlay"

src/App.tsx

@@ -21,7 +21,6 @@ export default function App() {
         }
       />
       <Route path="/generate" element={<Generator />} />
-      <Route path="*" element={<Navigate to="/generate" replace />} />
     </Routes>
   );
 }

src/Generator.tsx

@@ -19,12 +19,18 @@ export default function Generator() {
 
   // Function to generate the output URL
   function generateUrl() {
-    const url = new URL(window.location.href.replace("/generate", ""));
+    const url = new URL(window.location.href);
+    url.hash = "";
+
     url.searchParams.set("remoteAppPort", remoteAppPort.toString());
     url.searchParams.set("showChannelName", showChannelName.toString());
     url.searchParams.set("hideNonTalking", hideNonTalking.toString());
     url.searchParams.set("clientLimit", clientLimit.toString());
 
+    if (url.hostname.includes("dertyp7.github.io")) {
+      url.pathname = url.pathname + "ts5-obs-overlay/";
+    }
+
     setOutputUrl(url.toString());
   }
 

src/Viewer.tsx

@@ -16,7 +16,7 @@ export default function Viewer({
     remoteAppPort: remoteAppPort,
     auth: {
       identifier: "de.tealfire.obs",
-      version: "2.0.0",
+      version: "2.0.4",
       name: "TS5 OBS Overlay",
       description: "A OBS overlay for TS5 by DerTyp7",
     },

src/main.tsx

@@ -2,10 +2,10 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App.tsx";
 import "@styles/index.scss";
-import { BrowserRouter } from "react-router-dom";
+import { BrowserRouter, HashRouter } from "react-router-dom";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
-  <BrowserRouter>
+  <HashRouter>
     <App />
-  </BrowserRouter>
+  </HashRouter>
 );