Merge pull request #29 from PiterWeb/main

Bug corrections

Author: PiterWeb

frontend/package-lock.json

@@ -31,7 +31,7 @@
 		"tailwindcss": "^3.3.3",
 		"tslib": "^2.4.1",
 		"typescript": "^5.0.0",
-		"vite": "^4.5.2"
+		"vite": "^4.5.3"
 	},
 	"type": "module",
 	"dependencies": {

frontend/package.json

@@ -4,8 +4,6 @@
 	function setLocale(event: Event) {
 		const target = event.target as HTMLButtonElement;
 		locale.set(target.dataset.value);
-		// @ts-ignore
-		window.navigator.language = target.dataset.value;
 	}
 
 	function getLocaleName(locale: string) {

frontend/pnpm-lock.yaml

@@ -3,6 +3,13 @@
 
 	export let key: string;
 	export let duration: number = 0;
+
+	const audio = new Audio('/sounds/page_transition.mp3');
+
+	audio.volume = 0.1;
+
+	$: key && navigator.userActivation.isActive && audio.play();
+
 </script>
 
 {#key key}

frontend/src/lib/i18n/LanguageSelector.svelte

@@ -5,15 +5,20 @@
 	let title: string = '';
 	let message: string = '';
 
+	let audio: HTMLAudioElement;
+
 	$: if ($loadingWritable.loading && loadingModal) {
 		loadingModal.showModal();
-		title = $loadingWritable.title;
-		message = $loadingWritable.message;
+		title = $loadingWritable.title ?? title;
+		message = $loadingWritable.message ?? message;
+		audio.play();
 	} else if (loadingModal) {
 		loadingModal.close();
 	}
 </script>
 
+<audio bind:this={audio} volume={0.1} src="/sounds/open_modal.mp3" preload="auto"></audio>
+
 <dialog class="modal modal-bottom sm:modal-middle" bind:this={loadingModal}>
 	<div class="modal-box flex flex-col items-center gap-6">
 		<h4 class="font-bold text-lg">{title}</h4>

frontend/src/lib/layout/PageTransition.svelte

@@ -17,11 +17,21 @@ export function toogleLoading() {
 	const currentLoading = get(loadingWritable);
 
 	if (!currentLoading.message && !currentLoading.title) {
-		loadingWritable.update((store) => ({
-			...store,
-			title: get(_)('default-loading-title'),
-			message: get(_)('default-loading-message')
-		}));
+		loadingWritable.update((store) => {
+			const translatedLoading = {
+				...store,
+				title: get(_)('default-loading-title'),
+				message: get(_)('default-loading-message')
+			};
+
+			const loading = !store.loading;
+
+			if (loading) {
+				return { ...translatedLoading, loading };
+			}
+
+			return defaultLoadingStore;
+		});
 		return;
 	}
 

frontend/src/lib/loading/Loading.svelte

@@ -3,6 +3,7 @@
 </script>
 
 {#if $toast.show}
+    <audio volume={0.1} src="/sounds/open_modal.mp3" preload="auto" autoplay></audio>
 	<div class="toast toast-end">
 		<div class={`shadow-lg px-6 py-3 bg-${$toast.type} font-bold`}>
 			<span>{$toast.message}</span>

frontend/src/lib/loading/loading_hook.ts

@@ -1,12 +1,8 @@
 import { get, writable } from 'svelte/store';
 import type { ServersConfig, ICEServer } from '$lib/webrtc/ice';
 
-const defaultTurnServers: string[] = [];
-
 const defaultTurnConfig: Readonly<ServersConfig> = {
-	default: {
-		urls: defaultTurnServers
-	}
+
 };
 
 const turnServersStore = writable<ServersConfig>(