feat: added hack to print error properly

serhiisol · Jan 9, 2024 · cba6d85 · cba6d85
1 parent d9ba94a
commit cba6d85
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 2 deletions.
diff --git a/app/src/components/Tree/Tree.tsx b/app/src/components/Tree/Tree.tsx
@@ -10,6 +10,14 @@ const TreeContext = createContext(null);
 function TreeNode({ label, value }) {
   const { expandedAll } = useContext(TreeContext);
   const [expanded, setExpanded] = useState(false);
+  const originalValue = value;
+
+  if (value?.isError) {
+    const error = new Error(value.message);
+
+    error.stack = value.stack.join('\n');
+    value = error;
+  }
 
   const isComplex = typeof value === 'object' && value !== null && !(value instanceof Error);
   const length = isComplex ? Object.keys(value).length : 0;
@@ -24,7 +32,7 @@ function TreeNode({ label, value }) {
   function log() {
     events.sendMessage({
       type: 'request::log',
-      data: value,
+      data: originalValue,
     });
   }
 

diff --git a/extension/devtools/mock.js b/extension/devtools/mock.js
@@ -19,6 +19,14 @@
       return value.toString();
     }
 
+    if (value instanceof Error) {
+      return {
+        isError: true,
+        message: value.message,
+        stack: value.stack.split('\n'),
+      };
+    }
+
     if (typeof value === 'object') {
       if (Array.isArray(value)) {
         const clone = [...value];

diff --git a/extension/devtools/proxy.js b/extension/devtools/proxy.js
@@ -19,8 +19,20 @@ function connect() {
 
     port.onMessage.addListener(message => {
       if (message.type === 'request::log') {
-        console.log(message.data);
+        log(message.data);
       }
     });
   } catch (err) { }
 }
+
+function log(value) {
+  if (value?.isError) {
+    const error = new Error(value.message);
+
+    error.stack = value.stack.join('\n');
+
+    console.log(error)
+  } else {
+    console.log(value);
+  }
+}