update

aspeddro · aspeddro · commit 0edfffbe0fd0 · 2023-12-31T03:03:54.000-03:00
diff --git a/src/Playground.res b/src/Playground.res
@@ -1253,12 +1253,11 @@ module OutputPanel = {
         if type_ === "log" {
           let args: array<string> = data["args"]
 
-          // Js.log(("args", arg))
           setLogs(
             previousLogs =>
               previousLogs
               ->Belt.Option.getWithDefault([])
-              ->Js.Array2.concat(args)
+              ->Js.Array2.concat([args])
               ->Some,
           )
         }
@@ -1340,8 +1339,8 @@ module OutputPanel = {
         ->Js.Array2.map(log =>
           <pre>
             {log
-            ->Js.String2.make
-            ->React.string}
+            ->Js.Array2.map(item => <span> {`${item} `->React.string} </span>)
+            ->React.array}
           </pre>
         )
         ->React.array
diff --git a/src/common/RenderOutputManager.res b/src/common/RenderOutputManager.res
@@ -23,6 +23,11 @@ module Frame = {
       <head>
         <meta charset="UTF-8" />
         <title>Playground Output</title>
+        <style>
+           * {
+             color: rgb(205, 205, 214);
+           }
+        </style>
       </head>
       <body>
         <div id="root"></div>
@@ -43,15 +48,14 @@ module Frame = {
             try {
               eval(event.data);
             } catch (err) {
-              console.log(err);
+              console.error(err);
             }
           });
           console.log = (...args) => {
             let finalArgs = args.map(arg => {
-              if (typeof arg == 'object') {
+              if (typeof arg === 'object') {
                 return JSON.stringify(arg);
               }
-
               return arg;
             });
             parent.window.postMessage({ type: 'log', args: finalArgs }, '*')
