refactor(display): use chrome devtools protocol (#38)

control/frontend/src/lib/ts/api_handler.ts

@@ -51,6 +51,17 @@ export async function show_html(ip: string, html: string): Promise<void> {
 	await request_display(ip, '/showHTML', options);
 }
 
+export async function open_website(ip: string, url: string): Promise<void> {
+	const options = {
+		method: 'PATCH',
+		headers: { 'content-type': 'application/json' },
+		body: JSON.stringify({
+			url: url
+		})
+	};
+	await request_display(ip, '/openWebsite', options);
+}
+
 export async function get_file_data(
 	ip: string,
 	path: string

control/frontend/src/routes/ControlView.svelte

@@ -21,7 +21,8 @@
 		show_blackscreen,
 		shutdown,
 		startup,
-		show_html
+		show_html,
+		open_website
 	} from '$lib/ts/api_handler';
 	import {
 		get_display_by_id,
@@ -144,7 +145,7 @@
 	async function send_website() {
 		popup_content.open = false;
 		await run_on_all_selected_displays((d) =>
-			show_html(d.ip, `<iframe src="${website_url}"></iframe>`)
+			open_website(d.ip, website_url)
 		);
 	}
 </script>