JavaScriptsShare
diff --git a/‎package.json
Lines changed: 8 additions & 0 deletions b/‎package.json
Lines changed: 8 additions & 0 deletions
diff --git a/‎server/api.js
Lines changed: 1 addition & 3 deletions b/‎server/api.js
Lines changed: 1 addition & 3 deletions
diff --git a/‎server/main.js
Lines changed: 1 addition & 1 deletion b/‎server/main.js
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/components/Loading/Loading.js
Lines changed: 47 additions & 0 deletions b/‎src/components/Loading/Loading.js
Lines changed: 47 additions & 0 deletions
diff --git a/‎src/components/Loading/Loading.scss
Lines changed: 27 additions & 0 deletions b/‎src/components/Loading/Loading.scss
Lines changed: 27 additions & 0 deletions
diff --git a/‎src/components/Loading/index.js
Lines changed: 3 additions & 0 deletions b/‎src/components/Loading/index.js
Lines changed: 3 additions & 0 deletions
@@ -14,6 +14,7 @@
     "lint:fix": "npm run lint -- --fix",
     "start": "better-npm-run start",
     "dev": "better-npm-run dev",
+    "debug": "better-npm-run debug",
     "test": "better-npm-run test",
     "test:dev": "npm run test -- --watch",
     "deploy": "better-npm-run deploy",
@@ -35,6 +36,13 @@
         "DEBUG": "app:*"
       }
     },
+    "debug": {
+      "command": "node debug bin/dev-server.js",
+      "env": {
+        "NODE_ENV": "development",
+        "DEBUG": "app:*"
+      }
+    },
     "deploy": {
       "command": "npm run lint && npm run test && npm run clean && npm run compile",
       "env": {
 
@@ -42,12 +42,11 @@ function saveSnippet(req) {
       });
 
       query.on('end', function() {
-        done();
-        client.end();
         resolve({
           saved: true,
           id: id
         });
+        done();
       });
     });
   } else {
@@ -94,7 +93,6 @@ function getSnippet(req) {
         } else {
           resolve(code);
         }
-        client.end();
         done();
       });
 
 
@@ -22,7 +22,7 @@ if (project.env === 'development') {
     debug('Enabling error handling middleware')
     app.use(function(err, req, res, next) {
       debug(err.stack)
-      next(err);
+      return next(err);
     });
 }
 
 
@@ -0,0 +1,47 @@
+import React, { Component } from 'react'
+import { findDOMNode } from 'react-dom'
+
+import className from 'classnames'
+
+import './semantic.scss'
+import './Loading.scss'
+
+export default class Loading extends Component {
+    state = {
+        'hidden': false,
+    };
+
+    componentDidMount() {
+        let node = findDOMNode(this.refs['viewport']);
+
+        node.addEventListener('transitionend', this.onHidden.bind(this));
+    }
+
+    componetWillUpdate(nextProps, nextState) {
+        if (!this.props.visible && nextProps.visible) {
+            this.setState({ hidden: false });
+        }
+    }
+
+    onHidden(event) {
+        this.setState({ hidden: ! this.props.visible });
+    }
+
+    render() {
+        let {
+            visible
+        } = this.props;
+
+        return (
+            <div ref='viewport' className={className({
+                "loading__viewport": true,
+                "visible": visible,
+                "hidden": this.state.hidden,
+            })}>
+                <div className="loading__viewport-wrapper">
+                    <div className="ui loader large text">Loading</div>
+                </div>
+            </div>
+        );
+    }
+}
@@ -0,0 +1,27 @@
+.loading__viewport {
+    position: absolute;
+    top: 50px;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(255, 255, 255, 0.8);
+    z-index: 9999;
+    opacity: 0;
+
+    transition: opacity .5s ease-in-out;
+
+    &-wrapper {
+        position: relative;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+    }
+
+    &.visible {
+        opacity: 1;
+    }
+
+    &.hidden {
+        display: none;
+    }
+}
@@ -0,0 +1,3 @@
+import Loading from './Loading'
+
+export default Loading;
Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@ if (project.env === 'development') {`
`22`	`22`	`debug('Enabling error handling middleware')`
`23`	`23`	`app.use(function(err, req, res, next) {`
`24`	`24`	`debug(err.stack)`
`25`		`- next(err);`
	`25`	`+ return next(err);`
`26`	`26`	`});`
`27`	`27`	`}`
`28`	`28`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import Loading from './Loading'`
	`2`	`+`
	`3`	`+export default Loading;`