backward compatibility with old embedding URLs

website/src/routes/+layout.svelte

@@ -6,9 +6,19 @@
 	import Head from '$lib/components/Head.svelte';
 	import Nav from '$lib/components/Nav.svelte';
 	import Footer from '$lib/components/Footer.svelte';
+	import { onMount } from 'svelte';
+	import { convertOldEmbeddingOptions } from '$lib/components/embedding/Embedding';
 
 	const appRoutes = ['/[[language]]/app', '/[[language]]/embed'];
 
+	onMount(() => {
+		if ($page.url.searchParams.has('embed')) {
+			// convert old embedding options to new format and redirect to new embed page
+			let locale = $page.params.language;
+			window.location.href = `${locale ? '/' + locale : ''}/embed?options=${encodeURIComponent(JSON.stringify(convertOldEmbeddingOptions($page.url.searchParams)))}`;
+		}
+	});
+
 	$: showNavAndFooter = $page.route.id === null || !appRoutes.includes($page.route.id);
 </script>