美化console.log结果

plugin/lib/beautifyLog.js

@@ -0,0 +1,45 @@
+let itemPropCaches = [];
+
+let parseEveryItem = item => {
+    if (typeof item === "undefined") return "undefined"
+    if (typeof item === "number") return item
+    if (typeof item !== "object") return item.toString()
+    if (Buffer.isBuffer(item)) {
+        var bufferString = `[Buffer ${item.slice(0, 50).toString('hex').match(/\w{1,2}/g).join(" ")}`;
+        if (item.length > 50) bufferString += `...${(item.length / 1000).toFixed(2)} kb `;
+        return bufferString + ']'
+    }
+    if (item instanceof ArrayBuffer) return `ArrayBuffer(${item.byteLength})`;
+    if (item instanceof Blob) return `Blob { size: ${item.size}, type: "${item.type}" }`;
+    try {
+        var result = item.constructor();
+        for (const key in item) {
+            if (typeof item[key] === 'function') result[key] = liteFuntcion(item[key])
+            else if (typeof item[key] === 'object') {
+                if (itemPropCaches.includes(item[key])) result[key] = `[Circular]`
+                else {
+                    itemPropCaches.push(item[key]);
+                    result[key] = parseEveryItem(item[key])
+                }
+            } else {
+                result[key] = item[key] || 'undefined'
+            }
+        }
+        itemPropCaches = []
+        return result
+    } catch (error) {
+        console.log(error);
+        return item.toString()
+    }
+}
+
+let liteFuntcion = fn => {
+    return `[Function: ${fn.name ? fn.name : '(anonymous)'}]`
+}
+
+let beautifyLog = item => {
+    let result = parseEveryItem(item)
+    return typeof result === 'object' ? JSON.stringify(result, null, 2) : result
+}
+
+module.exports = beautifyLog;

plugin/preload.js

@@ -8,6 +8,7 @@ const axios = require('axios');
 const http = require('http');
 const url = require('url')
 const kill = require('tree-kill')
+const beautifyLog = require('./lib/beautifyLog')
 require('ses')
 
 window._ = require("lodash")
@@ -413,39 +414,7 @@ window.convertFilePathToUtoolsPayload = files => files.map(file => {
     }
 })
 
-let stringifyAll = item => {
+let parseStdout = stdout => stdout.map(x => beautifyLog(x)).join("\n")
-    var cache = [];
-    var string = JSON.stringify(item, (key, value) => {
-        if (typeof value === 'function') return value.toString().replace(/\{[\s\S]*\}/, '{...}');
-        if (typeof value === 'object' && value !== null) {
-            if (cache.includes(value)) return value.toString()
-            cache.push(value);
-        }
-        return value;
-    }, 2);
-    return string
-}
-
-let parseItem = item => {
-    if (typeof item === "undefined") return "undefined"
-    if (typeof item !== "object") return item.toString()
-    if (Object.keys(item).length == 0) return "{}"
-    if (Buffer.isBuffer(item)) {
-        var bufferString = `[Buffer ${item.slice(0, 50).toString('hex').match(/\w{1,2}/g).join(" ")}`;
-        if (item.length > 50) bufferString += `...${(item.length / 1000).toFixed(2)} kb `;
-        return bufferString + ']'
-    }
-    if (item instanceof ArrayBuffer) return `ArrayBuffer(${item.byteLength})`;
-    if (item instanceof Blob) return `Blob { size: ${item.size}, type: "${item.type}" }`;
-    try {
-        return stringifyAll(item)
-    } catch (error) {
-        console.log(error);
-        return item.toString()
-    }
-}
-
-let parseStdout = stdout => stdout.map(x => parseItem(x)).join("\n")
 
 let getSandboxFuns = () => {
     var sandbox = {

src/components/ResultArea.vue

@@ -104,6 +104,7 @@ export default {
   word-wrap: break-word;
   max-width: 100%;
   margin: 0;
+  font-family: Consolas, Monaco, "Courier New";
 }
 iframe {
   width: 100%;