fix: prevent content from being reset (#309)

Co-authored-by: Rich Harris <[email protected]>

Author: tomoam

content/tutorial/common/src/__client.js

@@ -1,19 +1,3 @@
-// Hack into the alert that's used in some tutorials and send a message prior to the alert,
-// else the parent thinks we lost contact and wrongfully reloads the page.
-// The drawback is that alert is no longer blocking, but no tutorial relies on this.
-const alert = window.alert;
-window.alert = (message) => {
-	parent.postMessage(
-		{
-			type: 'ping-pause'
-		},
-		'*'
-	);
-	setTimeout(() => {
-		alert(message);
-	});
-};
-
 window.addEventListener('message', async (e) => {
 	if (e.data.type === 'fetch') {
 		const names = e.data.names;
@@ -121,7 +105,6 @@ function ping() {
 	);
 }
 
-setInterval(ping, 100);
 ping();
 
 if (import.meta.hot) {

src/routes/tutorial/[slug]/Output.svelte

@@ -34,34 +34,14 @@
 		};
 	});
 
-	afterNavigate(() => {
-		clearTimeout(timeout);
-	});
-
-	/** @type {any} */
-	let timeout;
-
 	/** @param {MessageEvent} e */
 	async function handle_message(e) {
 		if (e.origin !== $base) return;
 
 		if (paused) return;
 
 		if (e.data.type === 'ping') {
-			path = e.data.data.path ?? path;
 			loading = false;
-
-			clearTimeout(timeout);
-			timeout = setTimeout(() => {
-				if (dev && !iframe) return;
-
-				// we lost contact, refresh the page
-				loading = true;
-				set_iframe_src($base + path);
-				loading = false;
-			}, 1000);
-		} else if (e.data.type === 'ping-pause') {
-			clearTimeout(timeout);
 		} else if (e.data.type === 'warnings') {
 			warnings.update(($warnings) => ({
 				...$warnings,