Add cross browser stacktrace

timweprovide · timweprovide · commit 6da0d0aa8725 · 2017-01-15T14:34:40.000+01:00
diff --git a/lib/error-debug.js b/lib/error-debug.js
@@ -2,7 +2,7 @@ import React from 'react'
 import ansiHTML from 'ansi-html'
 import Head from './head'
 
-export default ({ err: { name, message, stack, module } }) => (
+export default ({ err, err: { name, message, stack, module } }) => (
   <div style={styles.errorDebug}>
     <Head>
       <meta name='viewport' content='width=device-width, initial-scale=1.0' />
@@ -11,11 +11,20 @@ export default ({ err: { name, message, stack, module } }) => (
     {
       name === 'ModuleBuildError'
       ? <pre style={styles.message} dangerouslySetInnerHTML={{ __html: ansiHTML(encodeHtml(message)) }} />
-      : <pre style={styles.message}>{stack}</pre>
+      : <StackTrace error={err} />
     }
   </div>
 )
 
+const StackTrace = ({ error: { name, message, stack } }) => (
+  <div>
+    <div style={styles.heading}>{name && message && `${name}: ${message}`}</div>
+    <pre style={styles.message}>
+      {stack}
+    </pre>
+  </div>
+)
+
 const styles = {
   errorDebug: {
     background: '#a6004c',
