Merge pull request #94 from milafrerichs/fix/update-files

Fix/update files

Changelog.md

@@ -1,3 +1,9 @@
+# v0.6.1
+## Fixed
+- Resetting of the code now works again
+- destroying of the component resulted in an error
+- add width of viewer/console layout back in
+
 # v0.6.0
 ## Changed
 Internal changes to how the iframes work and how messages are posted, should improve performance and future use

example/App.svelte

@@ -91,9 +91,24 @@
   function changeLayout() {
     layout = (layout === 'default' ? 'view' : 'default');
   }
+  function resetFiles() {
+    files = [
+      {
+        name: 'index.html',
+        content: '<h1>Test</h1>',
+        type: 'html'
+      },
+      {
+        name: 'index.js',
+        content: '',
+        type: 'js'
+      }
+    ];
+  }
 
 </script>
 
 <a href="javascript:;" on:click={changeLayout}>Change Layout</a>
+<a href="javascript:;" on:click={resetFiles}>Reset</a>
 <Repl  {layout} {files} />
 

package.json

@@ -2,7 +2,7 @@
   "name": "javascript-repl",
   "svelte": "src/Repl.svelte",
   "module": "index.mjs",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "",
   "main": "index.js",
   "author": "Mila Frerichs <[email protected]>",

src/Repl.svelte

@@ -77,11 +77,15 @@
   });
 
   function handleSelect() {
-    editor.set($currentContent);
+    if(editor) {
+      editor.set($currentContent);
+    }
   }
 
   $: if(files) {
+    bundle.set({});
     file_store.set(files);
+    handleSelect();
   }
   $: if(injectedJS) {
     injectedJS_store.set(injectedJS);

src/Result.svelte

@@ -86,7 +86,6 @@
     }
   });
   onDestroy(() => {
-    iframeReady.setReady(false, name)
     iframe.removeEventListener('load', setReady);
   });
 

src/ViewerConsole.svelte

@@ -31,7 +31,7 @@
   </div>
   <div class="{cssStyles.viewerConsoleContainer}" bind:clientWidth={iframeComtainerWidth} bind:clientHeight={iframeComtainerHeight} >
     <div class:hidden="{tab != 'viewer'}" class="{cssStyles.viewer}" >
-      <Viewer width={iframeComtainerWidth} />
+      <Viewer width={iframeComtainerWidth} height={iframeComtainerHeight} />
     </div>
     <div class:hidden="{tab != 'console'}" class="{cssStyles.console}" >
       <Console width={iframeComtainerWidth} height={iframeComtainerHeight} />

src/stores.js

@@ -25,6 +25,7 @@ const createBundle = () => {
 
   return {
     subscribe,
+    set,
     changeCode: (file, code) => {
       return update((n) => {
         n[file.name] = code;