Fix Reset

Resetting files

Fix a few minor things

• Resetting of the code now works again
• destroying of the component resulted in an error
• add width of viewer/console layout back in

Console & Internals

Update Console & internals

Upgrade the console to not use an iframe but just plain HTML. we get the console back via a window event and can display it at will

update the internals how the code is saved and updates to your code will not get lost when switching files.
this was the most annoying thing that I wanted to change. the code now does not reset unless you set the files back to the originals.

Console Upgrade

Console Upgrade

Add https://github.com/tanhauhau/svelte-json-tree to the project to prettify and format the console output.
It adds syntax highlighting and drilling down to the objects.

Adds support for more types of console outputs.

Fix layout changes

This release will fix a failure when you change the layout once the component is loaded.

Fix: Width and height for Layouts

Fix the component binding of width and height for layouts.

New View only layout

Add a layout to just show the viewer (result)
Used in my course tutorials.

Responsiveness for result

Add responsiveness to the result

The result is an iframe so we need to set the width and height to the parent. and handle resize as well.

Layouts

Layouts

We now use Layouts and using slots to make layouts work.
Instead of a lot of if/else statements in the Repl html code we now have separate layouts for the use cases.

• Default (shows everything)
• Minimal (show just the editor and the result)
  . MinimalReverse (shows the editor and result, but result first and editor second, for my examples)

Stores

We now use the Svelte store to save the code, html, files, etc.
Reduces the amount of props that are passed through components. make it more manageable. and through the derived property we can clean up even more code.

Add new prop mode

New Mode

Not adds three types of mode to the lib

default mode

Shows everything

view mode

is the replacement for the viewOnly prop
only shows the result

minimal

Only shows the code editor and the result, but hides the file names and the tabs for switching between console and result.

Deprecated

viewOnly prop

v0.2.5: Merge pull request #36 from milafrerichs/fix-debugger

fix: remove debugger :(