chore: tweaks

Author: Dsaquel

src/Repl.vue

@@ -9,10 +9,6 @@ import {
   injectKeyProps,
 } from './types'
 import EditorContainer from './editor/EditorContainer.vue'
-import 'luna-object-viewer/luna-object-viewer.css'
-import 'luna-data-grid/luna-data-grid.css'
-import 'luna-dom-viewer/luna-dom-viewer.css'
-import 'luna-console/luna-console.css'
 
 import type * as monaco from 'monaco-editor-core'
 

src/output/Output.vue

@@ -50,7 +50,16 @@ function createConsole() {
   lunaConsole.value = new LunaConsole(consoleContainerRef.value, {
     theme: theme.value || 'light',
   })
-  lunaWatcher ??= watch(() => store.value.activeFile.code, clearLunaConsole)
+  if (!lunaWatcher) {
+    const consoleStyles = [
+      import('luna-object-viewer/luna-object-viewer.css'),
+      import('luna-data-grid/luna-data-grid.css'),
+      import('luna-dom-viewer/luna-dom-viewer.css'),
+      import('luna-console/luna-console.css'),
+    ]
+    Promise.all(consoleStyles)
+    lunaWatcher = watch(() => store.value.activeFile.code, clearLunaConsole)
+  }
   lunaWatcher.resume()
 }
 

src/output/srcdoc.html

@@ -168,21 +168,18 @@
               }
               original(...args)
 
-              const clonnable = await new Promise((res) => {
-                try {
-                  structuredClone(args)
-                  res(true)
-                } catch {
-                  res(false)
-                }
-              })
+              const postMessage = () =>
+                parent.postMessage({ action: 'console', level, args }, '*')
 
-              if (!clonnable)
+              try {
+                postMessage()
+              } catch {
                 args = [
                   '%c Cannot clone the message, please open the devtool to see corretly this log. Supported types are listed here: https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm#javascript_types',
                   'color: #fb2c36',
                 ]
-              parent.postMessage({ action: 'console', level, args }, '*')
+                postMessage()
+              }
             }
           },
         )