feature: error from serve displayed in the browser

kulfonjs · Jan 14, 2017 · 9499e90 · 9499e90
1 parent 0d2608b
commit 9499e90
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 1 deletion.
diff --git a/lib/server.js b/lib/server.js
@@ -13,6 +13,7 @@
 
 const koa = require('koa');
 const static = require('koa-static');
+const error = require('koa-error');
 const chokidar = require('chokidar');
 const { compile, transformViews, compileAll } = require('./compiler');
 const path = require('path');
@@ -43,11 +44,14 @@ function serve({ port, dir }) {
         .on('change', recompile)
 
       const app = koa();
+      app.use(error({
+        engine: 'nunjucks',
+        template: path.join(__dirname, '..', 'views', 'error.html')
+      }));
       app.use(static('public'));
 
       app.on('error', err => {
         console.log('Error: '.red + err.message);
-        process.exit(1);
       });
 
       app.listen(port);

diff --git a/package.json b/package.json
@@ -55,6 +55,7 @@
     "gray-matter": "^2.1.0",
     "js-yaml": "^3.7.0",
     "koa": "^1.2.4",
+    "koa-error": "^2.1.0",
     "koa-static": "^2.0.0",
     "marked": "^0.3.6",
     "node-sass": "^3.10.1",

diff --git a/views/error.html b/views/error.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Error - {{status}}</title>
+  </head>
+  <body>
+    <div id="error">
+      <h1>Error</h1>
+    <p>Looks like something broke!</p>
+    {% if env == 'development' %}
+      <h2>Message:</h2>
+      <pre>
+        <code>
+{{error}}
+        </code>
+      </pre>
+      <h2>Stack:</h2>
+      <pre>
+        <code>
+{{stack}}
+        </code>
+      </pre>
+    {% endif %}
+    </div>
+  </body>
+</html>