From afce4ef77aa598b2ed7c6785ee7ca61a89eb64ab Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Mon, 12 Jun 2023 19:13:49 +0200
Subject: [PATCH] fix: improve dev cli

---
 .../(root)/(logged)/scripts/dev/+page.svelte  | 25 +++++++++++--------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/frontend/src/routes/(root)/(logged)/scripts/dev/+page.svelte b/frontend/src/routes/(root)/(logged)/scripts/dev/+page.svelte
index ece542b2a3..a5652ef7b5 100644
--- a/frontend/src/routes/(root)/(logged)/scripts/dev/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/scripts/dev/+page.svelte
@@ -10,6 +10,7 @@
 	import { emptySchema, getModifierKey, sendUserToast } from '$lib/utils'
 	import { faPlay } from '@fortawesome/free-solid-svg-icons'
 	import { Pane, Splitpanes } from 'svelte-splitpanes'
+	import { onDestroy, onMount } from 'svelte'
 
 	let testJobLoader: TestJobLoader
 
@@ -40,17 +41,21 @@
 		connectWs()
 	}
 
-	window.addEventListener(
-		'message',
-		(event) => {
-			if (event.data.type == 'runTest') {
-				runTest()
-				return
-			}
+	const el = (event) => {
+		if (event.data.type == 'runTest') {
+			runTest()
+		} else if (event.data.type == 'replaceScript') {
 			replaceScript(event.data)
-		},
-		false
-	)
+		}
+	}
+
+	onMount(() => {
+		window.addEventListener('message', el, false)
+	})
+
+	onDestroy(() => {
+		window.removeEventListener('message', el)
+	})
 
 	function connectWs() {
 		const port = searchParams?.get('port') || '3001'