Merge pull request #103 from DerTyp7/dev

Version 2.1.1
Update version numbers
2026-07-31 08:39:04 +02:00 · 2024-01-25 21:44:36 +01:00 · 2024-01-25 21:41:47 +01:00 · 2024-01-25 20:10:04 +01:00 · 2024-01-25 20:07:10 +01:00 · 2024-01-25 20:06:55 +01:00
11 changed files with 190 additions and 112 deletions
--- a/README.md
+++ b/README.md
@@ -20,16 +20,16 @@ This overlay uses the [TeamSpeak5 Remote App API](https://github.com/DerTyp7/rea

 ### Quick instructions

-1. Open this link in your Browser: [https://dertyp7.github.io/ts5-obs-overlay/generate](https://dertyp7.github.io/ts5-obs-overlay/generate)
+1. Open this link in your Browser: [https://ts5-overlay.tealfire.de/#/generate](https://ts5-overlay.tealfire.de/#/generate)
 2. Follow the instructions on the website
 3. Accept overlay inside TeamSpeak5  
-   ![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/40faa435-e128-415f-98eb-a9e8809e8f65)
+   ![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/aa83b07d-3dea-461f-9487-f9e6a299f2f3)

 ### Detailed instructions

 Try this instruction if you have problems with the quick instructions above.

-1. Open this link in your Browser: [https://dertyp7.github.io/ts5-obs-overlay/generate](https://dertyp7.github.io/ts5-obs-overlay/generate)
+1. Open this link in your Browser: [https://ts5-overlay.tealfire.de/#/generate](https://ts5-overlay.tealfire.de/#/generate)

 2. Follow the instructions on the website

@@ -41,9 +41,9 @@ Try this instruction if you have problems with the quick instructions above.
   ![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/58ad399f-5344-456f-b243-6e267b489fd5)

 5. Enter the in step 1 generated URL into the URL field of the Browser Source
-   ![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/50b755f9-d4b4-469f-9136-e2b18f226547)
+   ![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/e8fd4a1b-be70-4123-8d28-4dc7ebc8c2bd)

-6. Set the width and height to your desired size. Recommended is a ratio of 1:1 or 1:2 (e.g. 1500x3000 OR 1000x2000)
+6. Set the width and height to your desired size. Recommended is a width of 1000px and the height is determined of how many clients are expected (play around with these values)

 7. You should now receive a notification in TeamSpeak5 that the app is allowed to connect to your TeamSpeak5 client. Allow it. (If you don't get a notification, restart TeamSpeak5 and OBS -> try again)  
   ![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/40faa435-e128-415f-98eb-a9e8809e8f65)
--- a/index.html
+++ b/index.html
@@ -3,11 +3,9 @@
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta
-      name="description"
-      content="An OBS overlay for TeamSpeak5, so your audience can see who is talking. https://github.com/DerTyp7/ts5-obs-overlay"
-    />
+    <meta name="description" content="An OBS overlay for TeamSpeak5, so your audience can see who is talking. https://github.com/DerTyp7/ts5-obs-overlay" />
    <meta name="author" content="DerTyp7" />
+    <link rel="icon" href="/logo.svg" type="image/x-icon" />
    <title>TS5-OBS-Overlay</title>
  </head>
  <body>
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
  "name": "ts5-obs-overlay",
-  "version": "2.0.0",
+  "version": "2.1.1",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "ts5-obs-overlay",
-      "version": "2.0.0",
+      "version": "2.1.1",
      "dependencies": {
        "@types/node": "^20.8.3",
        "react": "^18.2.0",
@@ -21,12 +21,12 @@
        "@types/react-dom": "^18.2.14",
        "@typescript-eslint/eslint-plugin": "^6.7.4",
        "@typescript-eslint/parser": "^6.9.1",
-        "@vitejs/plugin-react-swc": "^3.0.0",
-        "eslint": "^8.53.0",
+        "@vitejs/plugin-react-swc": "^3.5.0",
+        "eslint": "^8.56.0",
        "eslint-plugin-react-hooks": "^4.6.0",
        "eslint-plugin-react-refresh": "^0.4.3",
        "typescript": "^5.2.2",
-        "vite": "^4.5.0"
+        "vite": "^4.5.2"
      }
    },
    "node_modules/@aashutoshrathi/word-wrap": {
@@ -541,9 +541,9 @@
      }
    },
    "node_modules/@eslint/eslintrc": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.3.tgz",
-      "integrity": "sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA==",
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
      "dev": true,
      "dependencies": {
        "ajv": "^6.12.4",
@@ -564,9 +564,9 @@
      }
    },
    "node_modules/@eslint/js": {
-      "version": "8.53.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.53.0.tgz",
-      "integrity": "sha512-Kn7K8dx/5U6+cT1yEhpX1w4PCSg0M+XyRILPgvwcEBjerFWCwQj5sbr3/VmxqV0JGHCBCzyd6LxypEuehypY1w==",
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.56.0.tgz",
+      "integrity": "sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==",
      "dev": true,
      "engines": {
        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@@ -695,9 +695,9 @@
      }
    },
    "node_modules/@remix-run/router": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.11.0.tgz",
-      "integrity": "sha512-BHdhcWgeiudl91HvVa2wxqZjSHbheSgIiDvxrF1VjFzBzpTtuDPkOdOi3Iqvc08kXtFkLjhbS+ML9aM8mJS+wQ==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.14.1.tgz",
+      "integrity": "sha512-Qg4DMQsfPNAs88rb2xkdk03N3bjK4jgX5fR24eHCTR9q6PrhZQZ4UJBPzCHJkIpTRN1UKxx2DzjZmnC+7Lj0Ow==",
      "engines": {
        "node": ">=14.0.0"
      }
@@ -755,11 +755,15 @@
      "dev": true
    },
    "node_modules/@swc/core": {
-      "version": "1.3.62",
-      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.3.62.tgz",
-      "integrity": "sha512-J58hWY+/G8vOr4J6ZH9hLg0lMSijZtqIIf4HofZezGog/pVX6sJyBJ40dZ1ploFkDIlWTWvJyqtpesBKS73gkQ==",
+      "version": "1.3.106",
+      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.3.106.tgz",
+      "integrity": "sha512-++QPSPkFq2qELYVScxNHJC42hKQChjiTWS2P0QQ5JWT4NHb9lmNSfrc1ylFIyImwRnxsW2MTBALLYLf95EFAsg==",
      "devOptional": true,
      "hasInstallScript": true,
+      "dependencies": {
+        "@swc/counter": "^0.1.1",
+        "@swc/types": "^0.1.5"
+      },
      "engines": {
        "node": ">=10"
      },
@@ -768,16 +772,16 @@
        "url": "https://opencollective.com/swc"
      },
      "optionalDependencies": {
-        "@swc/core-darwin-arm64": "1.3.62",
-        "@swc/core-darwin-x64": "1.3.62",
-        "@swc/core-linux-arm-gnueabihf": "1.3.62",
-        "@swc/core-linux-arm64-gnu": "1.3.62",
-        "@swc/core-linux-arm64-musl": "1.3.62",
-        "@swc/core-linux-x64-gnu": "1.3.62",
-        "@swc/core-linux-x64-musl": "1.3.62",
-        "@swc/core-win32-arm64-msvc": "1.3.62",
-        "@swc/core-win32-ia32-msvc": "1.3.62",
-        "@swc/core-win32-x64-msvc": "1.3.62"
+        "@swc/core-darwin-arm64": "1.3.106",
+        "@swc/core-darwin-x64": "1.3.106",
+        "@swc/core-linux-arm-gnueabihf": "1.3.106",
+        "@swc/core-linux-arm64-gnu": "1.3.106",
+        "@swc/core-linux-arm64-musl": "1.3.106",
+        "@swc/core-linux-x64-gnu": "1.3.106",
+        "@swc/core-linux-x64-musl": "1.3.106",
+        "@swc/core-win32-arm64-msvc": "1.3.106",
+        "@swc/core-win32-ia32-msvc": "1.3.106",
+        "@swc/core-win32-x64-msvc": "1.3.106"
      },
      "peerDependencies": {
        "@swc/helpers": "^0.5.0"
@@ -789,9 +793,9 @@
      }
    },
    "node_modules/@swc/core-darwin-arm64": {
-      "version": "1.3.62",
-      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.62.tgz",
-      "integrity": "sha512-MmGilibITz68LEje6vJlKzc2gUUSgzvB3wGLSjEORikTNeM7P8jXVxE4A8fgZqDeudJUm9HVWrxCV+pHDSwXhA==",
+      "version": "1.3.106",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.106.tgz",
+      "integrity": "sha512-XYcbViNyHnnm7RWOAO1YipMmthM7m2aXF32b0y+JMLYFBEyFpjVX9btLkzeL7wRx/5B3I35yJNhE+xyx0Q1Gkw==",
      "cpu": [
        "arm64"
      ],
@@ -805,9 +809,9 @@
      }
    },
    "node_modules/@swc/core-darwin-x64": {
-      "version": "1.3.62",
-      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.3.62.tgz",
-      "integrity": "sha512-Xl93MMB3sCWVlYWuQIB+v6EQgzoiuQYK5tNt9lsHoIEVu2zLdkQjae+5FUHZb1VYqCXIiWcULFfVz0R4Sjb7JQ==",
+      "version": "1.3.106",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.3.106.tgz",
+      "integrity": "sha512-YKDPhUdfuwhmOUS9+CaIwl/0Tp+f1b73BH2EIESuxSNsogZf18a8HQ8O0fQEwdiwmA5LEqw47cj+kfOWV/0+kw==",
      "cpu": [
        "x64"
      ],
@@ -821,9 +825,9 @@
      }
    },
    "node_modules/@swc/core-linux-arm-gnueabihf": {
-      "version": "1.3.62",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.62.tgz",
-      "integrity": "sha512-nJsp6O7kCtAjTTMcIjVB0g5y1JNiYAa5q630eiwrnaHUusEFoANDdORI3Z9vXeikMkng+6yIv9/V8Rb093xLjQ==",
+      "version": "1.3.106",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.106.tgz",
+      "integrity": "sha512-bHxxJXogvFfocLL5inZxxtx/x/WgKozigp80Vbx0viac1fPDJrqKBw2X4MzpMiuTRAGVQ03jJI6pDwbSBf+yDw==",
      "cpu": [
        "arm"
      ],
@@ -837,9 +841,9 @@
      }
    },
    "node_modules/@swc/core-linux-arm64-gnu": {
-      "version": "1.3.62",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.62.tgz",
-      "integrity": "sha512-XGsV93vpUAopDt5y6vPwbK1Nc/MlL55L77bAZUPIiosWD1cWWPHNtNSpriE6+I+JiMHe0pqtfS/SSTk6ZkFQVw==",
+      "version": "1.3.106",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.106.tgz",
+      "integrity": "sha512-c7jue++CHLgtpeaakEukoCLT9eNrImizbleE9Y7Is8CHqLq/7DG4s+7ma9DFKXIzW2MpTg9byIEQfpqSphVW6A==",
      "cpu": [
        "arm64"
      ],
@@ -853,9 +857,9 @@
      }
    },
    "node_modules/@swc/core-linux-arm64-musl": {
-      "version": "1.3.62",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.62.tgz",
-      "integrity": "sha512-ESUmJjSlTTkoBy9dMG49opcNn8BmviqStMhwyeD1G8XRnmRVCZZgoBOKdvCXmJhw8bQXDhZumeaTUB+OFUKVXg==",
+      "version": "1.3.106",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.106.tgz",
+      "integrity": "sha512-51EaC3Q8qAhLtWVnAVqoYX/gk3tK31cCBzUpwCcmhianhEBM2/WtKRAS4MqPhE8VVZuN3WjO2c2JaF2mX0yuoA==",
      "cpu": [
        "arm64"
      ],
@@ -869,9 +873,9 @@
      }
    },
    "node_modules/@swc/core-linux-x64-gnu": {
-      "version": "1.3.62",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.62.tgz",
-      "integrity": "sha512-wnHJkt3ZBrax3SFnUHDcncG6mrSg9ZZjMhQV9Mc3JL1x1s1Gy9rGZCoBNnV/BUZWTemxIBcQbANRSDut/WO+9A==",
+      "version": "1.3.106",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.106.tgz",
+      "integrity": "sha512-tOUi8BB6jAeCXgx7ESLNnX7nrbMVKQ/XajK77v7Ad4SXf9HYArnimBJpXUUyVFJTXLSv4e6c7s6XHHqXb5Lwcg==",
      "cpu": [
        "x64"
      ],
@@ -885,9 +889,9 @@
      }
    },
    "node_modules/@swc/core-linux-x64-musl": {
-      "version": "1.3.62",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.62.tgz",
-      "integrity": "sha512-9oRbuTC/VshB66Rgwi3pTq3sPxSTIb8k9L1vJjES+dDMKa29DAjPtWCXG/pyZ00ufpFZgkGEuAHH5uqUcr1JQg==",
+      "version": "1.3.106",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.106.tgz",
+      "integrity": "sha512-binLw4Lbd83NPy4/m/teH2nbaifxveSD+sKDvpxywRbvYW2I0w/iCBpUBcbnl16TQF4TPOGpq5YwG9lVxPVw5g==",
      "cpu": [
        "x64"
      ],
@@ -901,9 +905,9 @@
      }
    },
    "node_modules/@swc/core-win32-arm64-msvc": {
-      "version": "1.3.62",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.62.tgz",
-      "integrity": "sha512-zv14vlF2VRrxS061XkfzGjCYnOrEo5glKJjLK5PwUKysIoVrx/L8nAbFxjkX5cObdlyoqo+ekelyBPAO+4bS0w==",
+      "version": "1.3.106",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.106.tgz",
+      "integrity": "sha512-n4ttBWr8tM7DPzwcEOIBTyTMHZTzCmbic/HTtxEsPyMAf/Daen+yrTKzjPP6k2usfSrjkxA780RSJJxI1N8r2w==",
      "cpu": [
        "arm64"
      ],
@@ -917,9 +921,9 @@
      }
    },
    "node_modules/@swc/core-win32-ia32-msvc": {
-      "version": "1.3.62",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.62.tgz",
-      "integrity": "sha512-8MC/PZQSsOP2iA/81tAfNRqMWyEqTS/8zKUI67vPuLvpx6NAjRn3E9qBv7iFqH79iqZNzqSMo3awnLrKZyFbcw==",
+      "version": "1.3.106",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.106.tgz",
+      "integrity": "sha512-GhDNIwxE5FhkujESI6h/4ysT3wxwmrzTUlZYaR8rRui6a6SdX9feIPUHPEE5o5hpyp+xqlmvRxKkRxOnwsq8iA==",
      "cpu": [
        "ia32"
      ],
@@ -933,9 +937,9 @@
      }
    },
    "node_modules/@swc/core-win32-x64-msvc": {
-      "version": "1.3.62",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.62.tgz",
-      "integrity": "sha512-GJSmUJ95HKHZXAxiuPUmrcm/S3ivQvEzXhOZaIqYBIwUsm02vFZkClsV7eIKzWjso1t0+I/8MjrnUNaSWqh1rQ==",
+      "version": "1.3.106",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.106.tgz",
+      "integrity": "sha512-2M6yWChuMS1+/MPo3Dor0SOMkvmiugonWlzsZBAu/oZboH2xKrHSRv7brsBujb2Oe47r+NsbV+vq9tnnP9Vl1Q==",
      "cpu": [
        "x64"
      ],
@@ -948,6 +952,18 @@
        "node": ">=10"
      }
    },
+    "node_modules/@swc/counter": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.2.tgz",
+      "integrity": "sha512-9F4ys4C74eSTEUNndnER3VJ15oru2NumfQxS8geE+f3eB5xvfxpWyqE5XlVnxb/R14uoXi6SLbBwwiDSkv+XEw==",
+      "devOptional": true
+    },
+    "node_modules/@swc/types": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.5.tgz",
+      "integrity": "sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==",
+      "devOptional": true
+    },
    "node_modules/@tsconfig/node10": {
      "version": "1.0.9",
      "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.9.tgz",
@@ -998,9 +1014,9 @@
      }
    },
    "node_modules/@types/jest": {
-      "version": "29.5.2",
-      "resolved": "https://registry.npmjs.org/@types/jest/-/jest-29.5.2.tgz",
-      "integrity": "sha512-mSoZVJF5YzGVCk+FsDxzDuH7s+SCkzrgKZzf0Z0T2WudhBUPoF6ktoTPC4R0ZoCPCV5xUvuU6ias5NvxcBcMMg==",
+      "version": "29.5.11",
+      "resolved": "https://registry.npmjs.org/@types/jest/-/jest-29.5.11.tgz",
+      "integrity": "sha512-S2mHmYIVe13vrm6q4kN6fLYYAka15ALQki/vgDC3mIukEOx8WJlv0kQPM+d4w8Gp6u0uSdKND04IlTXBv0rwnQ==",
      "dev": true,
      "dependencies": {
        "expect": "^29.0.0",
@@ -1347,15 +1363,15 @@
      "dev": true
    },
    "node_modules/@vitejs/plugin-react-swc": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.3.2.tgz",
-      "integrity": "sha512-VJFWY5sfoZerQRvJrh518h3AcQt6f/yTuWn4/TRB+dqmYU0NX1qz7qM5Wfd+gOQqUzQW4gxKqKN3KpE/P3+zrA==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.5.0.tgz",
+      "integrity": "sha512-1PrOvAaDpqlCV+Up8RkAh9qaiUjoDUcjtttyhXDKw53XA6Ve16SOp6cCOpRs8Dj8DqUQs6eTW5YkLcLJjrXAig==",
      "dev": true,
      "dependencies": {
-        "@swc/core": "^1.3.61"
+        "@swc/core": "^1.3.96"
      },
      "peerDependencies": {
-        "vite": "^4"
+        "vite": "^4 || ^5"
      }
    },
    "node_modules/acorn": {
@@ -1733,15 +1749,15 @@
      }
    },
    "node_modules/eslint": {
-      "version": "8.53.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.53.0.tgz",
-      "integrity": "sha512-N4VuiPjXDUa4xVeV/GC/RV3hQW9Nw+Y463lkWaKKXKYMvmRiRDAtfpuPFLN+E1/6ZhyR8J2ig+eVREnYgUsiag==",
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.56.0.tgz",
+      "integrity": "sha512-Go19xM6T9puCOWntie1/P997aXxFsOi37JIHRWI514Hc6ZnaHGKY9xFhrU65RT6CcBEzZoGG1e6Nq+DT04ZtZQ==",
      "dev": true,
      "dependencies": {
        "@eslint-community/eslint-utils": "^4.2.0",
        "@eslint-community/regexpp": "^4.6.1",
-        "@eslint/eslintrc": "^2.1.3",
-        "@eslint/js": "8.53.0",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.56.0",
        "@humanwhocodes/config-array": "^0.11.13",
        "@humanwhocodes/module-importer": "^1.0.1",
        "@nodelib/fs.walk": "^1.2.8",
@@ -2087,9 +2103,9 @@
      }
    },
    "node_modules/globals": {
-      "version": "13.23.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
-      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
      "dev": true,
      "dependencies": {
        "type-fest": "^0.20.2"
@@ -2759,11 +2775,11 @@
      "dev": true
    },
    "node_modules/react-router": {
-      "version": "6.18.0",
-      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.18.0.tgz",
-      "integrity": "sha512-vk2y7Dsy8wI02eRRaRmOs9g2o+aE72YCx5q9VasT1N9v+lrdB79tIqrjMfByHiY5+6aYkH2rUa5X839nwWGPDg==",
+      "version": "6.21.1",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.21.1.tgz",
+      "integrity": "sha512-W0l13YlMTm1YrpVIOpjCADJqEUpz1vm+CMo47RuFX4Ftegwm6KOYsL5G3eiE52jnJpKvzm6uB/vTKTPKM8dmkA==",
      "dependencies": {
-        "@remix-run/router": "1.11.0"
+        "@remix-run/router": "1.14.1"
      },
      "engines": {
        "node": ">=14.0.0"
@@ -2773,12 +2789,12 @@
      }
    },
    "node_modules/react-router-dom": {
-      "version": "6.18.0",
-      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.18.0.tgz",
-      "integrity": "sha512-Ubrue4+Ercc/BoDkFQfc6og5zRQ4A8YxSO3Knsne+eRbZ+IepAsK249XBH/XaFuOYOYr3L3r13CXTLvYt5JDjw==",
+      "version": "6.21.1",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.21.1.tgz",
+      "integrity": "sha512-QCNrtjtDPwHDO+AO21MJd7yIcr41UetYt5jzaB9Y1UYaPTCnVuJq6S748g1dE11OQlCFIQg+RtAA1SEZIyiBeA==",
      "dependencies": {
-        "@remix-run/router": "1.11.0",
-        "react-router": "6.18.0"
+        "@remix-run/router": "1.14.1",
+        "react-router": "6.21.1"
      },
      "engines": {
        "node": ">=14.0.0"
@@ -3172,9 +3188,9 @@
      }
    },
    "node_modules/typescript": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
-      "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
+      "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
      "bin": {
        "tsc": "bin/tsc",
        "tsserver": "bin/tsserver"
@@ -3198,9 +3214,9 @@
      "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg=="
    },
    "node_modules/vite": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz",
-      "integrity": "sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==",
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.2.tgz",
+      "integrity": "sha512-tBCZBNSBbHQkaGyhGCDUGqeo2ph8Fstyp6FMSvTtsXeZSPpSMGlviAOav2hxVTqFcx8Hj/twtWKsMJXNY0xI8w==",
      "dev": true,
      "dependencies": {
        "esbuild": "^0.18.10",
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "ts5-obs-overlay",
  "private": false,
-  "version": "2.0.3",
+  "version": "2.1.1",
  "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/#",
@@ -43,11 +43,11 @@
    "@types/react-dom": "^18.2.14",
    "@typescript-eslint/eslint-plugin": "^6.7.4",
    "@typescript-eslint/parser": "^6.9.1",
-    "@vitejs/plugin-react-swc": "^3.0.0",
-    "eslint": "^8.53.0",
+    "@vitejs/plugin-react-swc": "^3.5.0",
+    "eslint": "^8.56.0",
    "eslint-plugin-react-hooks": "^4.6.0",
    "eslint-plugin-react-refresh": "^0.4.3",
    "typescript": "^5.2.2",
-    "vite": "^4.5.0"
+    "vite": "^4.5.2"
  }
 }
--- a/public/logo.svg
+++ b/public/logo.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="307.000000pt" height="339.000000pt" viewBox="0 0 307.000000 339.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,339.000000) scale(0.100000,-0.100000)"
+fill="#008080" stroke="none">
+<path d="M1297 3382 c-3 -4 -7 -61 -11 -127 -20 -341 -120 -616 -370 -1010
+-158 -251 -306 -436 -331 -415 -7 6 -18 52 -24 103 -22 170 -77 377 -101 377
+-5 0 -21 -38 -35 -86 -27 -89 -79 -213 -212 -504 -201 -438 -244 -657 -180
+-901 52 -198 102 -290 232 -427 137 -145 345 -310 474 -376 l34 -18 -5 24 c-3
+12 -18 63 -32 113 -64 213 -19 418 154 701 106 173 164 314 194 474 16 82 30
+120 45 120 13 0 55 -59 94 -131 45 -83 81 -198 102 -329 9 -57 18 -106 20
+-108 7 -7 122 231 144 298 34 104 49 202 63 403 6 103 15 186 20 185 4 -2 79
+-72 167 -155 257 -247 392 -414 501 -625 97 -187 102 -205 107 -413 6 -223 -1
+-265 -73 -418 -31 -65 -53 -121 -50 -124 7 -7 188 122 295 212 210 176 368
+383 455 598 149 370 117 760 -98 1193 -110 220 -245 417 -434 633 l-39 45 -7
+-183 c-5 -106 -14 -203 -22 -230 -14 -46 -80 -144 -99 -145 -14 -1 -59 92
+-101 209 -121 342 -331 651 -579 854 -130 107 -287 203 -298 183z"/>
+</g>
+</svg>
--- a/src/Generator.tsx
+++ b/src/Generator.tsx
@@ -27,11 +27,9 @@ export default function Generator() {
    url.searchParams.set("hideNonTalking", hideNonTalking.toString());
    url.searchParams.set("clientLimit", clientLimit.toString());

-    if (url.hostname === "dertyp7.github.io") {
-      url.pathname = url.pathname + "ts5-obs-overlay/";
-    }
-
-    setOutputUrl(url.toString());
+    // url.hash function always sets the hash to the end of the URL, so we have to replace the question mark with a hash
+    // gh-pages needs the hash to be between the base URL and the search params
+    setOutputUrl(url.toString().replace("?", "#/?"));
  }

  // Function to copy URL to clipboard
@@ -64,7 +62,7 @@ export default function Generator() {
        <p>1. Customize your settings</p>
        <p>2. Copy the generated URL</p>
        <p>3. Paste the URL into the BrowserSource URL field in OBS</p>
-        <a href="#">Click here for detailed instructions</a>
+        <a href="https://github.com/DerTyp7/ts5-obs-overlay#detailed-instructions">Click here for detailed instructions</a>
      </div>

      {/* Output Section */}
--- a/src/Viewer.tsx
+++ b/src/Viewer.tsx
@@ -16,7 +16,7 @@ export default function Viewer({
    remoteAppPort: remoteAppPort,
    auth: {
      identifier: "de.tealfire.obs",
-      version: "2.0.3",
+      version: "2.1.1",
      name: "TS5 OBS Overlay",
      description: "A OBS overlay for TS5 by DerTyp7",
    },
@@ -31,7 +31,7 @@ export default function Viewer({

  return (
    <div className="viewer">
-      {showChannelName ? (
+      {showChannelName && currentChannel ? (
        <div className="channelNameContainer">
          <h1>{currentChannel?.properties.name}</h1>
        </div>
@@ -146,6 +146,24 @@ export default function Viewer({
          return <div key={Math.random()}></div>;
        }
      })}
+      {currentChannel == null ? (
+        <>
+          <h4>Overlay couldn't connect to the client:</h4>
+          <br />
+          <br />
+          <h5>1. Make sure to accept the overlay in your TS5-Client via the notifications</h5>
+          <br />
+          <h5>2. Enable remote apps inside the the TS5-Settings</h5>
+          <br />
+          <h5>3. Make sure to match the configuration port with the port in the TS5 remote app settings</h5>
+          <br />
+          <h5>4. Refresh this page/BrowserSource (Select BrowserSource & click "Refresh" in OBS)</h5>
+          <br />
+          <h6>If non of this worked refer to the GitHub and write an issue with your problem</h6>
+        </>
+      ) : (
+        ""
+      )}
    </div>
  );
 }
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App.tsx";
 import "@styles/index.scss";
-import { BrowserRouter, HashRouter } from "react-router-dom";
+import { HashRouter } from "react-router-dom";

 ReactDOM.createRoot(document.getElementById("root")!).render(
  <HashRouter>
--- a/src/styles/Generator.scss
+++ b/src/styles/Generator.scss
@@ -211,6 +211,18 @@ $breakpoint-3: 600px;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 500px;
+        h1 {
+          font-size: 2rem;
+        }
+        .client {
+          svg {
+            width: 2rem;
+          }
+
+          p {
+            font-size: 2rem;
+          }
+        }
      }
    }
  }
--- a/src/styles/Viewer.scss
+++ b/src/styles/Viewer.scss
@@ -7,6 +7,10 @@
  flex-direction: column;
  padding: 0.5rem;

+  h1 {
+    font-size: 5vw;
+  }
+
  h1,
  p {
    background-color: #2f313680;
@@ -34,14 +38,15 @@

    // icon styles
    svg {
-      width: 2.1rem;
+      width: 5vw;
      aspect-ratio: 1/1;
      margin-right: 0.5rem;
+      filter: drop-shadow(0 0 0.75rem rgba(15, 15, 15, 0.1));
    }

    // client name styles
    p {
-      font-size: 1.4rem;
+      font-size: 5vw;
    }
  }
 }
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -41,6 +41,14 @@ h4 {
  font-size: 1.1rem;
 }

+h5 {
+  font-size: 1rem;
+}
+
+h6 {
+  font-size: 0.9rem;
+}
+
 // Common styles for heading elements
 h1,
 h2,
Author	SHA1	Message	Date
Janis	43f3c4f4ac	Merge pull request #103 from DerTyp7/dev Version 2.1.1	2024-01-25 21:44:36 +01:00
Janis	171a64da44	Update version numbers	2024-01-25 21:41:47 +01:00
dertyp7	01aaf66e55	Update dependencies in package.json	2024-01-25 20:10:04 +01:00
Janis	0e456bee91	Merge pull request #97 from DerTyp7/dependabot/npm_and_yarn/dev/types/jest-29.5.11 Bump @types/jest from 29.5.2 to 29.5.11	2024-01-25 20:07:10 +01:00
Janis	6bc2994a91	Merge pull request #98 from DerTyp7/dependabot/npm_and_yarn/dev/react-router-dom-6.21.1 Bump react-router-dom from 6.18.0 to 6.21.1	2024-01-25 20:06:55 +01:00
Janis	716d306a87	Merge pull request #99 from DerTyp7/dependabot/npm_and_yarn/dev/typescript-5.3.3 Bump typescript from 5.2.2 to 5.3.3	2024-01-25 20:06:32 +01:00
dertyp7	cf0f472c70	Merge branch 'main' into dev	2024-01-25 19:57:38 +01:00
dependabot[bot]	3159a86e8f	Bump typescript from 5.2.2 to 5.3.3 Bumps [typescript](https://github.com/Microsoft/TypeScript) from 5.2.2 to 5.3.3. - [Release notes](https://github.com/Microsoft/TypeScript/releases) - [Commits](https://github.com/Microsoft/TypeScript/compare/v5.2.2...v5.3.3) --- updated-dependencies: - dependency-name: typescript dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com>	2024-01-25 18:52:29 +00:00
Janis	71fb6c565e	Merge pull request #100 from DerTyp7/dependabot/npm_and_yarn/dev/eslint-8.56.0 Bump eslint from 8.53.0 to 8.56.0	2024-01-25 19:51:37 +01:00
Janis	254d29fe6d	Merge pull request #101 from DerTyp7/dependabot/npm_and_yarn/vite-4.5.2 Bump vite from 4.5.0 to 4.5.2	2024-01-25 19:49:04 +01:00
dertyp7	13f621f17b	Update package-lock.json version to 2.1.0	2024-01-25 19:44:27 +01:00
Janis	337c39935c	Update README.md	2024-01-25 00:43:12 +01:00
Janis	d3cc20d58b	Update README.md	2024-01-25 00:41:47 +01:00
Janis	cf5c0ae705	Change to GH-Pages custom url	2024-01-25 00:32:09 +01:00
dependabot[bot]	69db8c5bcc	Bump vite from 4.5.0 to 4.5.2 Bumps [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) from 4.5.0 to 4.5.2. - [Release notes](https://github.com/vitejs/vite/releases) - [Changelog](https://github.com/vitejs/vite/blob/v4.5.2/packages/vite/CHANGELOG.md) - [Commits](https://github.com/vitejs/vite/commits/v4.5.2/packages/vite) --- updated-dependencies: - dependency-name: vite dependency-type: direct:development ... Signed-off-by: dependabot[bot] <support@github.com>	2024-01-20 05:11:49 +00:00
dependabot[bot]	fd2863b355	Bump eslint from 8.53.0 to 8.56.0 Bumps [eslint](https://github.com/eslint/eslint) from 8.53.0 to 8.56.0. - [Release notes](https://github.com/eslint/eslint/releases) - [Changelog](https://github.com/eslint/eslint/blob/main/CHANGELOG.md) - [Commits](https://github.com/eslint/eslint/compare/v8.53.0...v8.56.0) --- updated-dependencies: - dependency-name: eslint dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com>	2024-01-01 01:17:15 +00:00
dependabot[bot]	8ffbe023eb	Bump react-router-dom from 6.18.0 to 6.21.1 Bumps [react-router-dom](https://github.com/remix-run/react-router/tree/HEAD/packages/react-router-dom) from 6.18.0 to 6.21.1. - [Release notes](https://github.com/remix-run/react-router/releases) - [Changelog](https://github.com/remix-run/react-router/blob/main/packages/react-router-dom/CHANGELOG.md) - [Commits](https://github.com/remix-run/react-router/commits/react-router-dom@6.21.1/packages/react-router-dom) --- updated-dependencies: - dependency-name: react-router-dom dependency-type: direct:production update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com>	2024-01-01 01:14:26 +00:00
dependabot[bot]	a9edeec900	Bump @types/jest from 29.5.2 to 29.5.11 Bumps [@types/jest](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/jest) from 29.5.2 to 29.5.11. - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/jest) --- updated-dependencies: - dependency-name: "@types/jest" dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com>	2024-01-01 01:14:13 +00:00
Janis	3e5ec1862e	fix remove emtpy channelname	2023-11-12 23:18:25 +01:00
Janis	34ffedc294	update version	2023-11-12 23:13:08 +01:00
Janis	6d7ee8905b	show instructions when client cant connect	2023-11-12 23:12:37 +01:00
Janis	442e8f05e6	update version	2023-11-12 19:57:28 +01:00
Janis	f30cd26393	fix generator font size	2023-11-12 19:57:10 +01:00
Janis	f0761c40b7	update version	2023-11-12 19:26:26 +01:00
Janis	ef442f10e0	Merge branch 'main' of https://github.com/DerTyp7/ts5-obs-overlay	2023-11-12 19:25:52 +01:00
Janis	ce7bd90362	add link for detailed instructions	2023-11-12 19:25:50 +01:00
Janis	61f6651a57	Merge pull request #90 from DerTyp7/DerTyp7-patch-1 Update README.md	2023-11-12 19:24:46 +01:00
Janis	1d9b6de814	Update README.md	2023-11-12 19:24:20 +01:00
Janis	751fad72f4	Update README.md	2023-11-12 19:22:30 +01:00
Janis	4eb61d3b96	fix viewer font size	2023-11-12 19:19:33 +01:00
Janis	7fd2e2aafa	Merge pull request #89 from DerTyp7/DerTyp7-patch-2 Update README.md	2023-11-12 19:04:09 +01:00
Janis	33786d7366	Update README.md	2023-11-12 19:03:18 +01:00
Janis	1a5b231d1e	fix hashruter generator	2023-11-12 19:01:01 +01:00
Janis	232bca2bbc	remove doubled pathname issue	2023-11-12 18:52:24 +01:00
Janis	0b74390d2e	update version	2023-11-12 18:50:13 +01:00
Janis	d16e80a48d	fix pathname in generator	2023-11-12 18:49:49 +01:00