☂️ Adds dynamic location service

app/src/App.svelte

@@ -4,9 +4,10 @@
 	import { connect } from './lib/socket';
 	import Stream from './components/Views/Stream.svelte';
 	import Controls from './components/Controls.svelte';
+	import location from './lib/location';
 
 	onMount(() => {
-		connect('ws://leika.local');
+		connect(`ws://${location}`);
 	});
 </script>
 

app/src/components/Views/Stream.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
 	import { onDestroy } from 'svelte';
+	import location from '../../lib/location';
 
-	let videoStream = '//leika.local/stream';
+	let videoStream = `//${location}/stream`;
 
 	onDestroy(() => {
 		videoStream = '#';

app/src/lib/location.ts

@@ -0,0 +1,3 @@
+const location = import.meta.env.DEV ? "leika.local" : window.location.host 
+
+export default location;