Merge pull request #57 from PiterWeb/main

v3.1 Remote Controller

Author: PiterWeb

README.md

@@ -123,8 +123,12 @@ finally go to the build/bin folder and your executables will be there.
 
 If you are interested to contribute to this project you can follow this [guide](./CONTRIBUTING.md)
 
-## Thanks to the ViGEm project ♥
-[ViGEmBus](https://github.com/nefarius/ViGEmBus) is making this project a reallity. We embed ViGEmBus Installation Wizard and ViGEmBus Client DLLS within the executable for Windows
+## Acknowledgements
+
+### Thanks to jbdemonte/virtual-device ❤
+[jbdemonte/virtual-device](https://github.com/jbdemonte/virtual-device) is making this project a reality. This is the source of magic that enables RemoteController to generate virtual gamepads on Linux, is very fast and made in pure Go.
+### Thanks to the ViGEm project  ❤
+[ViGEmBus](https://github.com/nefarius/ViGEmBus) is making this project a reallity. This is the source of magic that enables RemoteController to generate virtual gamepads on Windows. We embed ViGEmBus Installation Wizard and ViGEmBus Client DLLS within the executable for Windows
 
 ## Did you like the project 👍 ?
 You can give a star and review us on Product Hunt

docs/LINUX.md

@@ -5,6 +5,18 @@
 When you run RemoteController you will need to be sure to:
 
 - Your user has read/write permissions for /dev/input/event/* and uinput devices
-    - Example in Debian: sudo usermod -aG input $USER
+    - Example in Debian:
+      ```sh
+      sudo usermod -aG input $USER
+      ```
 - Uinput module enabled
-    - Example in Debian: sudo modprobe uinput
+    - Check if it is loaded:
+      - Example in Debian:
+          ```sh
+          lsmod | grep uinput
+          ```
+    - Load the module:
+      - Example in Debian:
+          ```sh
+          sudo modprobe uinput
+          ```

frontend/.npmrc

@@ -1 +1 @@
-engine-strict=true
+engine-strict=false

frontend/src/lib/detection/onwebsite.ts

@@ -1,4 +1,4 @@
-// This file is used to determine if the app is running on the website(client only) or not.
+// This file is used to determine if the app is running on the website(vercel client only) or not.
 const onwebsite = import.meta.env?.VITE_ON_WEBSITE === 'true';
 
 // This will be true if using the linux client when browser opens

frontend/src/lib/gamepad/gamepad_hook.ts

@@ -27,3 +27,26 @@ export function cloneGamepad(gamepad: Gamepad): ClonedGamepad {
 		index: gamepad.index
 	};
 }
+
+export function handleGamepad(controllerChannel: RTCDataChannel) {
+	const sendGamepadData = () => {
+		const gamepadData = navigator.getGamepads();
+
+		gamepadData.forEach((gamepad) => {
+			if (!gamepad) return;
+
+			const serializedData = JSON.stringify(cloneGamepad(gamepad));
+			controllerChannel.send(serializedData);
+		});
+	};
+
+	const gamepadLoop = () => {
+		sendGamepadData();
+
+		// Continue the loop
+		requestAnimationFrame(gamepadLoop);
+	};
+
+	// Start the gamepad loop
+	gamepadLoop();
+}

frontend/src/lib/i18n/LanguageSelector.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import {locale, locales, _ } from 'svelte-i18n';
 
-	function setLocale(event: Event) {
+	async function setLocale(event: Event) {
 		const target = event.target as HTMLButtonElement;
-		locale.set(target.dataset.value);
+		await locale.set(target.dataset.value);
 	}
 
 	function getLocaleName(locale: string) {

frontend/src/lib/i18n/en.json

@@ -78,5 +78,12 @@
   "tutorial_prev_text": "Previous",
   "tutorial_play_title": "You are ready to play",
   "tutorial_play_description": "Now select your prefered mode to play (in web there is only one) and follow the instructions inside",
-  "share-the-code-with-your-client": "Share the code with your client"
+  "share-the-code-with-your-client": "Share the code with your client",
+  "go-browser": "You default browser should have been opened automatically (There are known issues in Firefox: We recommend using Chromium based Browsers)",
+  "relay-title": "Go to the browser tab",
+  "warning-go-browser": "Don't close the APP or go back in the menu",
+  "resolutions": "Resolutions",
+  "framerate": "Framerate",
+  "ideal-framerate": "Ideal Framerate",
+  "max-framerate": "Max Framerate"
 }

frontend/src/lib/i18n/es.json

@@ -78,5 +78,12 @@
   "tutorial_prev_text": "Anterior",
   "tutorial_play_title": "Estas listo para jugar",
   "tutorial_play_description": "Ahora selecciona tu modo preferido para jugar (en la web solo hay uno) y sigue las instrucciones que aparecen dentro",
-  "share-the-code-with-your-client": "Comparte el código con tu cliente."
+  "share-the-code-with-your-client": "Comparte el código con tu cliente.",
+  "framerate": "FPS",
+  "go-browser": "Tu navegador por defecto debería abrirse automáticamente (Hay problemas conocidos en Firefox: recomendamos usar navegadores basados en Chromium)",
+  "ideal-framerate": "FPS ideal",
+  "max-framerate": "FPS máximo",
+  "relay-title": "Ir a la pestaña del navegador",
+  "resolutions": "Resoluciones",
+  "warning-go-browser": "No cierres la aplicación o vuelvas atrás en el menú"
 }

frontend/src/lib/i18n/gl.json

@@ -78,5 +78,12 @@
   "tutorial_prev_text": "Anterior",
   "tutorial_play_title": "Estás listo para xogar",
   "tutorial_play_description": "Agora selecciona o teu modo preferido para xogar (na web só hai un) e sigue as instrucións que hai dentro",
-  "share-the-code-with-your-client": "Comparte o código co teu cliente"
+  "share-the-code-with-your-client": "Comparte o código co teu cliente",
+  "framerate": "FPS",
+  "go-browser": "O teu navegador por defecto tivo que abrirse automáticamente (Hay problemas coñecidos con Firefox: recomendase usar navegadores baseados en Chromium)",
+  "ideal-framerate": "FPS Ideais",
+  "max-framerate": "FPS Máximos",
+  "relay-title": "Vai a xanela do teu navegador",
+  "resolutions": "Resolucións",
+  "warning-go-browser": "Non peches a APP ou volvas atrás no menú"
 }

frontend/src/lib/i18n/i18n.ts

@@ -1,5 +1,5 @@
 import { browser } from '$app/environment'
-import { init, register, getLocaleFromNavigator } from 'svelte-i18n'
+import { init, register, getLocaleFromNavigator, locale} from 'svelte-i18n'
 
 const defaultLocale = 'en'
 
@@ -11,5 +11,21 @@ register('fr', () => import('./fr.json'))
 
 init({
 	fallbackLocale: defaultLocale,
-	initialLocale: browser ? new Intl.Locale(getLocaleFromNavigator() ?? defaultLocale).language : defaultLocale,
-})
+	initialLocale: browser ? new Intl.Locale(getLocaleFromLocalStorage() ?? getLocaleFromNavigator() ?? defaultLocale).language : defaultLocale,
+})
+
+export function getLocaleFromLocalStorage() {
+	const locale_stored = localStorage.getItem('locale')
+	return locale_stored
+}
+
+function saveLocaleToLocalStorage(locale: string) {
+	browser && localStorage.setItem('locale', locale)
+}
+
+locale.subscribe((value) => {
+	console.log('locale changed to', value)
+	saveLocaleToLocalStorage(value ?? defaultLocale)
+})
+
+