pass bundle to iframe, evaluate and render

pngwn · pngwn · commit 9709717a5257 · 2020-10-18T13:46:19.000+01:00
diff --git a/public/global.css b/public/global.css
@@ -343,6 +343,7 @@ main {
 	margin: 0 auto;
 	height: 100%;
 	box-sizing: border-box;
+	display: flex;
 }
 
 section {
diff --git a/src/Output.svelte b/src/Output.svelte
@@ -15,8 +15,22 @@
 	<head>
 		<script type="module">
 
+			let c;
+
+			function update(source) {
+				const blob = new Blob([source], { type: 'text/javascript' });
+				const url = URL.createObjectURL(blob);
+
+				import(url).then(({ default: App }) => {
+					if (c) c.$destroy();
+
+					document.body.innerHTML = '';
+					c = new App({ target: document.body })
+				})
+			}
+
 			window.addEventListener('message', event => {
-				console.log(event.data)
+				update(event.data)
 			}, false)
 		<\/script>
 	</head>
