diff --git a/index.html b/index.html
index c411307..f606754 100644
--- a/index.html
+++ b/index.html
@@ -1,311 +1,342 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
+  <head>
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
-    <meta name="description" content="A live code editor module that can be connected to different edrys-modules" />
+    <meta
+      name="description"
+      content="A live code editor module that can be connected to different edrys-modules"
+    />
     <meta name="show-in" content="station" />
     <title>Code Editor</title>
 
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+    />
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"></script>
 
     <script src="https://edrys-labs.github.io/module/edrys.js"></script>
 
-    <link rel="stylesheet" href="https://edrys-labs.github.io/module/vendor/water.min.css" />
-    <link rel="stylesheet" href="https://edrys-labs.github.io/module/vendor/open-iconic/css/open-iconic.min.css" />
-
-    <link rel="stylesheet" data-name="monaco-editor/min/vs/editor/editor.main"
-        href="monaco-editor/min/vs/editor/editor.main.css">
+    <link
+      rel="stylesheet"
+      href="https://edrys-labs.github.io/module/vendor/water.min.css"
+    />
+    <link
+      rel="stylesheet"
+      href="https://edrys-labs.github.io/module/vendor/open-iconic/css/open-iconic.min.css"
+    />
+
+    <link
+      rel="stylesheet"
+      data-name="monaco-editor/min/vs/editor/editor.main"
+      href="monaco-editor/min/vs/editor/editor.main.css"
+    />
 
     <script src="./debounce.js"></script>
 
     <script>
-        var require = {
-            paths: {
-                vs: 'monaco-editor/min/vs'
-            }
-        }
+      var require = {
+        paths: {
+          vs: 'monaco-editor/min/vs',
+        },
+      }
     </script>
     <script src="./monaco-editor/min/vs/loader.js"></script>
     <script src="./monaco-editor/min/vs/editor/editor.main.nls.js"></script>
     <script src="./monaco-editor/min/vs/editor/editor.main.js"></script>
 
     <script src="https://unpkg.com/vue@3"></script>
-</head>
-
-<body>
+  </head>
 
+  <body>
     <div id="app">
-        <div style="height: 640px;" v-if="!multiFileMode">
-            <div id="editor" style="height: 100%; max-height: inherit; max-width: inherit;"></div>
-            <button id="run" style="z-index: 100; position: absolute; right: 5px; bottom: 5px;" @click="runCode">
-                <span class="oi" data-glyph="media-play"></span>
-                Run Code
-            </button>
-        </div>
-
-        <div style="height: 100%;" v-if="multiFileMode">
-            <button id="run" style="z-index: 100; position: absolute; right: 5px; bottom: 5px;" @click="runCode">
-                <span class="oi" data-glyph="media-play"></span>
-                Run Code
-            </button>
-            <!-- Nav tabs -->
-            <ul class="nav nav-tabs" role="tablist">
-                <li class="nav-item" v-for="(name, index) in filename">
-                    <a class="nav-link" :class="{ 'active': index === 0 }" data-bs-toggle="tab" :href="'#'+identifier(name)">{{name}}</a>
-                </li>
-            </ul>
-
-            <!-- Tab panes -->
-            <div class="tab-content">
-                <div v-for="(name, index) in filename"
-                    :id="identifier(name)"
-                    class="container tab-pane"
-                    :class="{ 'active': index === 0 }"
-                    style="height: 600px; max-height: 600px; max-width: inherit;">
-                </div>
+      <div style="height: 640px" v-if="!multiFileMode">
+        <div
+          id="editor"
+          style="height: 100%; max-height: inherit; max-width: inherit"
+        ></div>
+        <button
+          id="run"
+          style="z-index: 100; position: absolute; right: 5px; bottom: 5px"
+          @click="runCode"
+        >
+          <span class="oi" data-glyph="media-play"></span>
+          Run Code
+        </button>
+      </div>
+
+      <div style="height: 100%" v-if="multiFileMode">
+        <button
+          id="run"
+          style="z-index: 100; position: absolute; right: 5px; bottom: 5px"
+          @click="runCode"
+        >
+          <span class="oi" data-glyph="media-play"></span>
+          Run Code
+        </button>
+        <!-- Nav tabs -->
+        <ul class="nav nav-tabs" role="tablist">
+          <li class="nav-item" v-for="(name, index) in filename">
+            <a
+              class="nav-link"
+              :class="{ 'active': index === 0 }"
+              data-bs-toggle="tab"
+              :href="'#'+identifier(name)"
+              >{{name}}</a
+            >
+          </li>
+        </ul>
+
+        <!-- Tab panes -->
+        <div class="tab-content">
+          <div
+            v-for="(name, index) in filename"
+            :id="identifier(name)"
+            class="container tab-pane"
+            :class="{ 'active': index === 0 }"
+            style="height: 600px; max-height: 600px; max-width: inherit"
+          ></div>
         </div>
+      </div>
     </div>
 
-   
-
     <script>
-        const CONTENT = "// Type code here...\n// Right click or Ctrl + S to upload your code.\n"
-        const EDITOR = 'editor'
-        var sendMsgNext = true
-        const client = new Date().getTime()
-        var editor = {}
-
-        function identifier(id) {
-            return id.replace(".", "_").replace("/", "__")
-        }
+      const CONTENT =
+        '// Type code here...\n// Right click or Ctrl + S to upload your code.\n'
+      const EDITOR = 'editor'
+      var sendMsgNext = true
+      const client = new Date().getTime()
+      var editor = {}
+
+      function identifier(id) {
+        return id.replace('.', '_').replace('/', '__')
+      }
+
+      function run() {
+        Edrys.sendMessage('run', '')
+      }
+
+      function initEditor({ id, content, language, theme }) {
+        const editor_ = monaco.editor.create(document.getElementById(id), {
+          value: content,
+          language: language,
+          theme: theme,
+          automaticLayout: true,
+        })
 
-        function run() {
-            Edrys.sendMessage('run', '')
-        }
+        function save() {
+          const value = editor_.getValue()
 
-        function initEditor({
-            id,
-            content,
-            language,
-            theme
-        }) {
-            
-            const editor_ = monaco.editor.create(document.getElementById(id), {
-                value: content,
-                language: language,
-                theme: theme,
-                automaticLayout: true,
-            })
-
-            
-            function save() {
-                const value = editor_.getValue()
-                
-                if (sendMsgNext) {
-                    Edrys.sendMessage('update', JSON.stringify({ id, value, client }))
-                } else {
-                    sendMsgNext = !sendMsgNext
-                }
-
-                Edrys.setItem(`editorText_${id}`, value)
-            }
+          if (sendMsgNext) {
+            Edrys.sendMessage('update', JSON.stringify({ id, value, client }))
+          } else {
+            sendMsgNext = !sendMsgNext
+          }
 
-            editor_.addAction({
-                id: 'upload-code',
-                label: 'Save & upload code...',
-                keybindings: [
-                    monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_S
-                ],
-                precondition: null,
-                keybindingContext: null,
-                contextMenuGroupId: 'navigation',
-                contextMenuOrder: 0,
-                run: function (ed) {
-                    save()
-                    //run()
-                    return null
-                }
-            });
-
-            editor_.addAction({
-                id: 'toggle-theme',
-                label: 'Toggle dark theme',
-                precondition: null,
-                keybindingContext: null,
-                contextMenuGroupId: 'navigation',
-                contextMenuOrder: 1,
-                run: function (ed) {
-                    if (Edrys.module) {
-                        let _theme = Edrys.getItem('theme') == 'vs-light' ? 'vs-dark' : 'vs-light'
-                        ed.updateOptions({
-                            theme: _theme
-                        })
-                        Edrys.setItem('theme', _theme)
-                    }
-                    return null
-                }
-            });
-
-            editor_.onDidChangeModelContent(save);
-            editor_.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.Enter, run)
-
-            return editor_
+          Edrys.setItem(`editorText_${id}`, value)
         }
 
+        editor_.addAction({
+          id: 'upload-code',
+          label: 'Save & upload code...',
+          keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_S],
+          precondition: null,
+          keybindingContext: null,
+          contextMenuGroupId: 'navigation',
+          contextMenuOrder: 0,
+          run: function (ed) {
+            save()
+            //run()
+            return null
+          },
+        })
 
-        const {
-            createApp
-        } = Vue
-
-        const app = createApp({
-            data() {
-                return {
-                    multiFileMode: null,
-                    filename: []
-                }
-            },
-
-            methods: {
-                runCode() {
-                    run()
-                },
-
-                identifier(id) {
-                    return identifier(id)
-                },
-
-                init({id, content, language, theme}) {
-                    if (typeof content === "string") {
-                        // in this case only a single file will be generated
-                        this.multiFileMode = false
-                        editor = {}
-                        editor[this.identifier(id)] = initEditor({id, content, language, theme})
-                    } else {
-                        this.multiFileMode = true
-                        
-                        for(const name in content) {
-                            this.filename.push(name)
-                        }
-                    }
-                },
-
-                initFiles({id, content, language, theme}) {
-                    editor = {}
-
-                    for(const filename in content) {
-                        let id = this.identifier(filename)
-                        editor[id] = initEditor({
-                            id,
-                            content: content[filename],
-                            language,
-                            theme
-                        })
-                    }
-                }
+        editor_.addAction({
+          id: 'toggle-theme',
+          label: 'Toggle dark theme',
+          precondition: null,
+          keybindingContext: null,
+          contextMenuGroupId: 'navigation',
+          contextMenuOrder: 1,
+          run: function (ed) {
+            if (Edrys.module) {
+              let _theme =
+                Edrys.getItem('theme') == 'vs-light' ? 'vs-dark' : 'vs-light'
+              ed.updateOptions({
+                theme: _theme,
+              })
+              Edrys.setItem('theme', _theme)
             }
+            return null
+          },
         })
 
-        const ui = app.mount("#app")
-
-        Edrys.onReady(() => {
-            const language = Edrys?.module?.config?.language || 'cpp'
-            const theme = Edrys?.module?.config?.theme || (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'vs-dark' : 'vs-light')
+        editor_.onDidChangeModelContent(save)
+        editor_.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.Enter, run)
+
+        return editor_
+      }
+
+      const { createApp } = Vue
+
+      const app = createApp({
+        data() {
+          return {
+            multiFileMode: null,
+            filename: [],
+          }
+        },
+
+        methods: {
+          runCode() {
+            run()
+          },
+
+          identifier(id) {
+            return identifier(id)
+          },
+
+          init({ id, content, language, theme }) {
+            if (typeof content === 'string') {
+              // in this case only a single file will be generated
+              this.multiFileMode = false
+              editor = {}
+              editor[this.identifier(id)] = initEditor({
+                id,
+                content,
+                language,
+                theme,
+              })
+            } else {
+              this.multiFileMode = true
+
+              for (const name in content) {
+                this.filename.push(name)
+              }
+            }
+          },
+
+          initFiles({ id, content, language, theme }) {
+            editor = {}
+
+            for (const filename in content) {
+              let id = this.identifier(filename)
+              editor[id] = initEditor({
+                id,
+                content: content[filename],
+                language,
+                theme,
+              })
+            }
+          },
+        },
+      })
+
+      const ui = app.mount('#app')
+
+      Edrys.onReady(() => {
+        const language = Edrys?.module?.config?.language || 'cpp'
+        const theme =
+          Edrys?.module?.config?.theme ||
+          (window.matchMedia &&
+          window.matchMedia('(prefers-color-scheme: dark)').matches
+            ? 'vs-dark'
+            : 'vs-light')
+
+        if (Edrys.module.config.file) {
+          const content = Edrys.module.config.file
+
+          for (key in content) {
+            content[key] =
+              Edrys.getItem(`editorText_${identifier(key)}`) ||
+              content[key] ||
+              CONTENT
+          }
+
+          ui.init({ id: 'editor', content, language, theme })
+
+          setTimeout(function () {
+            ui.initFiles({ id: 'editor', content, language, theme })
+          }, 1000)
+        } else {
+          const content =
+            Edrys.getItem(`editorText_${EDITOR}`) ||
+            Edrys.module.config.editorText ||
+            CONTENT
+
+          ui.init({ id: EDITOR, content, language, theme })
+        }
+      })
 
-            if (Edrys.module.config.file) {
-                const content = Edrys.module.config.file
+      Edrys.onMessage(({ from, subject, body }) => {
+        if (subject == 'update') {
+          const b = JSON.parse(body)
 
-                for(key in content) {
-                    content[key] = Edrys.getItem(`editorText_${identifier(key)}`) || content[key] || CONTENT
-                }
-                
-                ui.init({id: "editor", content, language, theme})
+          if (b.client == client) return
 
-                setTimeout(function(){
-                    ui.initFiles({id: "editor", content, language, theme})
-                }, 1000)
-            }
-            else {
-                const content = Edrys.getItem(`editorText_${EDITOR}`) || Edrys.module.config.editorText || CONTENT
-            
-                ui.init({id: EDITOR, content, language, theme})
-            }   
-        })
+          // console.log(b.client, client)
 
+          sendMsgNext = false
+          editor[b.id].setValue(b.value)
+        } else if (subject == 'run') {
+          // station-less editor && Edrys.role == 'station') {
 
-        Edrys.onMessage(({ from, subject, body }) => {
-            if (subject == 'update') {
-                const b = JSON.parse(body)
+          body = ''
 
-                if (b.client == client) return
-                
-                // console.log(b.client, client)
-                
-                sendMsgNext = false
-                editor[b.id].setValue(b.value)
-            }
-            else if (subject == 'run') { // station-less editor && Edrys.role == 'station') {
-                
-                body = ""
-
-                if(ui.multiFileMode) {
-                    let file = {}
-                    for (const name of ui.filename) {
-                        file[name] = editor[identifier(name)].getValue()
-                    }
-
-                    body = JSON.stringify({ file })
-                }
-                else {
-                    body = editor[EDITOR].getValue()    
-                }
-
-                if (Edrys.module.config.runCommand) {
-                    Edrys.sendMessage(Edrys.module.config.runCommand, body)
-                }      
+          if (ui.multiFileMode) {
+            let file = {}
+            for (const name of ui.filename) {
+              file[name] = editor[identifier(name)].getValue()
             }
-        })
-    </script>
 
-    <style>
-        html,
-        body,
-        .split {
-            width: 100%;
-            height: 100%;
-            max-width: 100%;
-            overflow: hidden;
-            margin: 0;
-            padding: 0;
-        }
+            body = JSON.stringify({ file })
+          } else {
+            body = editor[EDITOR].getValue()
+          }
 
-        .gutter {
-            background-repeat: no-repeat;
-            background-position: 50%;
+          if (Edrys.module.config.runCommand) {
+            Edrys.sendMessage(Edrys.module.config.runCommand, body)
+          }
         }
+      })
+    </script>
 
-        @media (prefers-color-scheme: light) {
-            .gutter {
-                background-color: #ececec;
-            }
+    <style>
+      html,
+      body,
+      .split {
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        overflow: hidden;
+        margin: 0;
+        padding: 0;
+      }
+
+      .gutter {
+        background-repeat: no-repeat;
+        background-position: 50%;
+      }
+
+      @media (prefers-color-scheme: light) {
+        .gutter {
+          background-color: #ececec;
         }
+      }
 
-        @media (prefers-color-scheme: dark) {
-            .gutter {
-                background-color: #0f0f0f;
-            }
-
+      @media (prefers-color-scheme: dark) {
+        .gutter {
+          background-color: #0f0f0f;
         }
+      }
 
-        .gutter.gutter-vertical {
-            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
-            cursor: row-resize;
-        }
+      .gutter.gutter-vertical {
+        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
+        cursor: row-resize;
+      }
     </style>
-</body>
-
+  </body>
 </html>
