site: tidy repl example loading and fix race condition (sveltejs#2313)

Author: Conduitry

site/src/routes/repl/index.svelte

@@ -10,14 +10,13 @@
 
 <script>
 	import { onMount } from 'svelte';
-	import { locate } from 'locate-character';
 	import { process_example } from '../../components/Repl/process_example.js';
 	import AppControls from './_components/AppControls/index.svelte';
 	import Repl from '../../components/Repl/index.svelte';
 
-	export let version, example, gist_id;
-
-	console.log({ example });
+	export let version;
+	export let example;
+	export let gist_id;
 
 	let repl;
 	let gist;
@@ -52,7 +51,7 @@
 			relaxed = false;
 			fetch(`gist/${gist_id}`).then(r => r.json()).then(data => {
 				gist = data;
-				const { id, description, files } = data;
+				const { description, files } = data;
 
 				name = description;
 
@@ -84,36 +83,28 @@
 
 				repl.set({ components });
 			});
-		}
-	});
+		} else {
+			relaxed = true;
+			fetch(`examples/${example}.json`).then(async response => {
+				if (response.ok) {
+					const data = await response.json();
 
-	function load_example(slug) {
-		console.log(`loading ${slug}`);
+					name = data.title;
 
-		relaxed = true;
-		fetch(`examples/${slug}.json`).then(async response => {
-			if (response.ok) {
-				const data = await response.json();
-
-				name = data.title;
-
-				const components = process_example(data.files);
-				repl.set({ components });
+					const components = process_example(data.files);
+					repl.set({ components });
 
-				gist = null;
-			}
-		});
-	}
+					gist = null;
+				}
+			});
+		}
+	});
 
 	function handle_fork(event) {
 		example = null;
 		gist = event.detail.gist;
 		gist_id = gist.id;
 	}
-
-	$: if (process.browser && example) {
-		load_example(example);
-	}
 </script>
 
 <style>