import notifications

Author: jdanyow

README.md

@@ -55,7 +55,7 @@ To run the app, follow these steps.
 git branch -D gh-pages
 git checkout -b gh-pages
 gulp build
-jspm bundle 'config' + 'main' + 'util' + 'editing/*' + 'github/*' + 'import/*' + 'ui/*' + 'ui/embed/*' + 'worker/*' + 'ui/embed/*.html!text' + 'ui/*.html!text' + npm:[email protected] + npm:[email protected] + npm:[email protected] + npm:[email protected] + npm:[email protected] + npm:[email protected] + npm:[email protected] + split.js + text dist/bundle.js --inject
+jspm bundle 'config' + 'main' + 'util' + 'editing/*' + 'github/*' + 'import/*' + 'ui/*' + 'ui/embed/*' + 'worker/*' + 'ui/embed/*.html!text' + 'ui/*.html!text' + npm:[email protected] + npm:[email protected] + npm:[email protected] + npm:[email protected] + npm:[email protected] + npm:[email protected] + npm:[email protected] + alertify.js + split.js + text dist/bundle.js --inject
 git add dist/bundle.js -f
 git add jspm_packages/system.js -f
 git add jspm_packages/github/ajaxorg/[email protected] -f

config.js

@@ -16,6 +16,7 @@ System.config({
 
   map: {
     "ace": "github:ajaxorg/[email protected]",
+    "alertify.js": "npm:[email protected]",
     "aurelia-bootstrapper": "npm:[email protected]",
     "aurelia-event-aggregator": "npm:[email protected]",
     "aurelia-framework": "npm:[email protected]",
@@ -51,7 +52,7 @@ System.config({
       "core-js": "npm:[email protected]"
     },
     "npm:[email protected]": {
-      "aurelia-event-aggregator": "npm:[email protected]",
+      "aurelia-event-aggregator": "npm:[email protected].1.1",
       "aurelia-framework": "npm:[email protected]",
       "aurelia-history": "npm:[email protected]",
       "aurelia-history-browser": "npm:[email protected]",
@@ -72,9 +73,6 @@ System.config({
       "aurelia-pal": "npm:[email protected]",
       "core-js": "npm:[email protected]"
     },
-    "npm:[email protected]": {
-      "aurelia-logging": "npm:[email protected]"
-    },
     "npm:[email protected]": {
       "aurelia-logging": "npm:[email protected]"
     },
@@ -122,7 +120,7 @@ System.config({
     },
     "npm:[email protected]": {
       "aurelia-dependency-injection": "npm:[email protected]",
-      "aurelia-event-aggregator": "npm:[email protected]",
+      "aurelia-event-aggregator": "npm:[email protected].1.1",
       "aurelia-history": "npm:[email protected]",
       "aurelia-logging": "npm:[email protected]",
       "aurelia-path": "npm:[email protected]",

package.json

@@ -59,6 +59,7 @@
   "jspm": {
     "dependencies": {
       "ace": "github:ajaxorg/ace-builds@^1.2.2",
+      "alertify.js": "npm:alertify.js@^1.0.9",
       "aurelia-bootstrapper": "npm:aurelia-bootstrapper@^1.0.0-beta.1",
       "aurelia-event-aggregator": "npm:aurelia-event-aggregator@^1.0.0-beta.1.1.1",
       "aurelia-framework": "npm:aurelia-framework@^1.0.0-beta.1",

src/github/gists.js

@@ -21,8 +21,10 @@ export class Gists {
           // todo: handle truncated files
           return response.json();
         }
-        // todo: handle rate limit, etc
-        throw new Error('unable to get gist');
+        if (response.status === 404) {
+          return Promise.reject('Gist not found.');
+        }
+        return Promise.reject('Error loading Gist.');
       });
   }
 

src/import/jsfiddle.js

@@ -37,7 +37,15 @@ export class JSFiddleImporter {
 
   import(urlOrId) {
     return fetch(`https://crossorigin.me/${urlOrId}`)
-      .then(response => response.text())
+      .then(response => {
+        if (response.ok) {
+          return response.text();
+        }
+        if (response.status === 404) {
+          return Promise.reject('jsFiddle not found.');
+        }
+        return Promise.reject('Error loading jsFiddle.');
+      })
       .then(page => this.fiddleHtmlToGist(page));
   }
 }

src/import/plunker.js

@@ -8,7 +8,15 @@ export class PlunkerImporter {
   import(urlOrId) {
     let plunkerID = urlRegex.exec(urlOrId)[1];
     return fetch(`https://api.plnkr.co/plunks/${plunkerID}`)
-      .then(response => response.json())
+      .then(response => {
+        if (response.ok) {
+          return response.json();
+        }
+        if (response.status === 404) {
+          return Promise.reject('Plunk not found.');
+        }
+        return Promise.reject('Error loading plunk.');
+      })
       .then(plunk => {
         let gist = { description: plunk.description, files: {} };
         for (let name in plunk.files) {

src/ui/app.js

@@ -5,6 +5,7 @@ import {QueryString} from '../editing/query-string';
 import {defaultGist} from '../github/default-gist';
 import {Importer} from '../import/importer';
 import {Focus} from './focus';
+import alertify from 'alertify.js';
 
 @inject(EditSessionFactory, Importer, QueryString, Focus)
 export class App {
@@ -58,6 +59,7 @@ export class App {
         this.queryString.write(gist, true);
         return this.editSessionFactory.create(gist);
       })
-      .then(editSesson => this.setEditSession(editSesson));
+      .then(editSesson => this.setEditSession(editSesson))
+      .then(() => alertify.success('Import successful.'), reason => alertify.error(reason));
   }
 }

styles/app-styles.css

@@ -138,18 +138,6 @@ result-panel iframe {
   border-color: #dad3a3;
 }
 
-.btn-danger {
-  color: #900;
-}
-
-.btn-danger:hover {
-  color: #fff;
-  background-color: #b33630;
-  background-image: -webkit-linear-gradient(#dc5f59, #b33630);
-  background-image: linear-gradient(#dc5f59, #b33630);
-  border-color: #cd504a;
-}
-
 .btn-primary {
   color: #fff;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.15);

styles/base-styles.css

@@ -41,3 +41,11 @@ rate-alert {
 rate-alert > .flash {
   margin-bottom: 15px;
 }
+
+.alertify-logs > .success {
+  background-color: rgba(86, 158, 61, 0.8);
+}
+
+.alertify-logs > .error {
+  background-color: rgba(179, 54, 48, 0.8);
+}