Merge branch 'jspm-skeleton-sync' of https://github.com/doktordirk/skeleton-navigation into doktordirk-jspm-skeleton-sync

Author: EisenbergEffect

skeleton-es2016/README.md

@@ -180,6 +180,13 @@ A gulp task is already configured for that. Use the following command to export
     gulp export
   ```
 The app will be exported into ```export``` directory preserving the directory structure.
+
+To start the exported app, execute the following command:
+
+  ```shell
+    gulp serve-export
+  ```
+
 #### Configuration
 The configuration is done by ```bundles.js``` file.
 In addition, ```export.js``` file is available for including individual files.

skeleton-es2016/build/tasks/serve.js

@@ -36,3 +36,21 @@ gulp.task('serve-bundle', ['bundle'], function(done) {
     }
   }, done);
 });
+
+// this task utilizes the browsersync plugin
+// to create a dev server instance
+// at http://localhost:9000
+gulp.task('serve-export', ['export'], function(done) {
+  browserSync({
+    online: false,
+    open: false,
+    port: 9000,
+    server: {
+      baseDir: ['./export'],
+      middleware: function(req, res, next) {
+        res.setHeader('Access-Control-Allow-Origin', '*');
+        next();
+      }
+    }
+  }, done);
+});

skeleton-es2016/config.js

@@ -1,116 +1,115 @@
 System.config({
-  "defaultJSExtensions": true,
-  "transpiler": false,
-  "paths": {
+  defaultJSExtensions: true,
+  transpiler: "none",
+  paths: {
     "*": "dist/*",
     "github:*": "jspm_packages/github/*",
     "npm:*": "jspm_packages/npm/*"
   },
-  "meta": {
+  meta: {
     "bootstrap": {
       "deps": [
         "jquery"
       ]
     }
   },
-  "map": {
+  map: {
     "aurelia-animator-css": "npm:[email protected]",
     "aurelia-bootstrapper": "npm:[email protected]",
     "aurelia-fetch-client": "npm:[email protected]",
-    "aurelia-framework": "npm:[email protected].3",
+    "aurelia-framework": "npm:[email protected].5",
     "aurelia-history-browser": "npm:[email protected]",
     "aurelia-loader-default": "npm:[email protected]",
-    "aurelia-logging-console": "npm:[email protected].1",
-    "aurelia-pal-browser": "npm:[email protected].1.2.1",
-    "aurelia-polyfills": "npm:[email protected].4",
-    "aurelia-router": "npm:[email protected].2",
+    "aurelia-logging-console": "npm:[email protected].2",
+    "aurelia-pal-browser": "npm:[email protected].2.0.1",
+    "aurelia-polyfills": "npm:[email protected].6",
+    "aurelia-router": "npm:[email protected].4",
     "aurelia-templating-binding": "npm:[email protected]",
-    "aurelia-templating-resources": "npm:[email protected].5",
+    "aurelia-templating-resources": "npm:[email protected].6",
     "aurelia-templating-router": "npm:[email protected]",
     "bootstrap": "github:twbs/[email protected]",
-    "fetch": "github:github/fetch@0.11.1",
-    "font-awesome": "npm:[email protected].1",
-    "jquery": "npm:[email protected].3",
+    "fetch": "github:github/fetch@1.0.0",
+    "font-awesome": "npm:[email protected].3",
+    "jquery": "npm:[email protected].4",
     "text": "github:systemjs/[email protected]",
     "github:twbs/[email protected]": {
-      "jquery": "npm:[email protected].3"
+      "jquery": "npm:[email protected].4"
     },
     "npm:[email protected]": {
-      "aurelia-metadata": "npm:[email protected].1.2.1",
-      "aurelia-pal": "npm:[email protected].2.2",
-      "aurelia-templating": "npm:[email protected].6"
+      "aurelia-metadata": "npm:[email protected].2.0.0",
+      "aurelia-pal": "npm:[email protected].3.0",
+      "aurelia-templating": "npm:[email protected].7"
     },
-    "npm:[email protected].5": {
+    "npm:[email protected].6": {
       "aurelia-logging": "npm:[email protected]",
-      "aurelia-metadata": "npm:[email protected].1.2.1",
-      "aurelia-pal": "npm:[email protected].2.2",
+      "aurelia-metadata": "npm:[email protected].2.0.0",
+      "aurelia-pal": "npm:[email protected].3.0",
       "aurelia-task-queue": "npm:[email protected]"
     },
     "npm:[email protected]": {
       "aurelia-event-aggregator": "npm:[email protected]",
-      "aurelia-framework": "npm:[email protected].3",
+      "aurelia-framework": "npm:[email protected].5",
       "aurelia-history": "npm:[email protected]",
       "aurelia-history-browser": "npm:[email protected]",
       "aurelia-loader-default": "npm:[email protected]",
-      "aurelia-logging-console": "npm:[email protected].1",
-      "aurelia-pal": "npm:[email protected].2.2",
-      "aurelia-pal-browser": "npm:[email protected].1.2.1",
-      "aurelia-polyfills": "npm:[email protected].4",
-      "aurelia-router": "npm:[email protected].2",
-      "aurelia-templating": "npm:[email protected].6",
+      "aurelia-logging-console": "npm:[email protected].2",
+      "aurelia-pal": "npm:[email protected].3.0",
+      "aurelia-pal-browser": "npm:[email protected].2.0.1",
+      "aurelia-polyfills": "npm:[email protected].6",
+      "aurelia-router": "npm:[email protected].4",
+      "aurelia-templating": "npm:[email protected].7",
       "aurelia-templating-binding": "npm:[email protected]",
-      "aurelia-templating-resources": "npm:[email protected].5",
+      "aurelia-templating-resources": "npm:[email protected].6",
       "aurelia-templating-router": "npm:[email protected]"
     },
     "npm:[email protected]": {
       "aurelia-logging": "npm:[email protected]",
-      "aurelia-metadata": "npm:[email protected].1.2.1",
-      "aurelia-pal": "npm:[email protected].2.2"
+      "aurelia-metadata": "npm:[email protected].2.0.0",
+      "aurelia-pal": "npm:[email protected].3.0"
     },
     "npm:[email protected]": {
       "aurelia-logging": "npm:[email protected]"
     },
-    "npm:[email protected].3": {
-      "aurelia-binding": "npm:[email protected].5",
+    "npm:[email protected].5": {
+      "aurelia-binding": "npm:[email protected].6",
       "aurelia-dependency-injection": "npm:[email protected]",
       "aurelia-loader": "npm:[email protected]",
       "aurelia-logging": "npm:[email protected]",
-      "aurelia-metadata": "npm:[email protected].1.2.1",
-      "aurelia-pal": "npm:[email protected].2.2",
+      "aurelia-metadata": "npm:[email protected].2.0.0",
+      "aurelia-pal": "npm:[email protected].3.0",
       "aurelia-path": "npm:[email protected]",
       "aurelia-task-queue": "npm:[email protected]",
-      "aurelia-templating": "npm:[email protected].6"
+      "aurelia-templating": "npm:[email protected].7"
     },
     "npm:[email protected]": {
       "aurelia-history": "npm:[email protected]",
-      "aurelia-pal": "npm:[email protected].2.2"
+      "aurelia-pal": "npm:[email protected].3.0"
     },
     "npm:[email protected]": {
       "aurelia-loader": "npm:[email protected]",
-      "aurelia-metadata": "npm:[email protected].1.2.1",
-      "aurelia-pal": "npm:[email protected].2.2"
+      "aurelia-metadata": "npm:[email protected].2.0.0",
+      "aurelia-pal": "npm:[email protected].3.0"
     },
     "npm:[email protected]": {
-      "aurelia-metadata": "npm:[email protected].1.2.1",
+      "aurelia-metadata": "npm:[email protected].2.0.0",
       "aurelia-path": "npm:[email protected]"
     },
-    "npm:[email protected]": {
-      "aurelia-logging": "npm:[email protected]",
-      "aurelia-pal": "npm:[email protected]"
+    "npm:[email protected]": {
+      "aurelia-logging": "npm:[email protected]"
     },
-    "npm:[email protected].1.2.1": {
-      "aurelia-pal": "npm:[email protected].2.2"
+    "npm:[email protected].2.0.0": {
+      "aurelia-pal": "npm:[email protected].3.0"
     },
-    "npm:[email protected].1.2.1": {
-      "aurelia-pal": "npm:[email protected].2.2"
+    "npm:[email protected].2.0.1": {
+      "aurelia-pal": "npm:[email protected].3.0"
     },
-    "npm:[email protected].4": {
-      "aurelia-pal": "npm:[email protected].2.2"
+    "npm:[email protected].6": {
+      "aurelia-pal": "npm:[email protected].3.0"
     },
     "npm:[email protected]": {
       "aurelia-path": "npm:[email protected]"
     },
-    "npm:[email protected].2": {
+    "npm:[email protected].4": {
       "aurelia-dependency-injection": "npm:[email protected]",
       "aurelia-event-aggregator": "npm:[email protected]",
       "aurelia-history": "npm:[email protected]",
@@ -119,45 +118,45 @@ System.config({
       "aurelia-route-recognizer": "npm:[email protected]"
     },
     "npm:[email protected]": {
-      "aurelia-pal": "npm:[email protected].2.2"
+      "aurelia-pal": "npm:[email protected].3.0"
     },
     "npm:[email protected]": {
-      "aurelia-binding": "npm:[email protected].5",
+      "aurelia-binding": "npm:[email protected].6",
       "aurelia-logging": "npm:[email protected]",
-      "aurelia-templating": "npm:[email protected].6"
+      "aurelia-templating": "npm:[email protected].7"
     },
-    "npm:[email protected].5": {
-      "aurelia-binding": "npm:[email protected].5",
+    "npm:[email protected].6": {
+      "aurelia-binding": "npm:[email protected].6",
       "aurelia-dependency-injection": "npm:[email protected]",
       "aurelia-loader": "npm:[email protected]",
       "aurelia-logging": "npm:[email protected]",
-      "aurelia-metadata": "npm:[email protected].1.2.1",
-      "aurelia-pal": "npm:[email protected].2.2",
+      "aurelia-metadata": "npm:[email protected].2.0.0",
+      "aurelia-pal": "npm:[email protected].3.0",
       "aurelia-path": "npm:[email protected]",
       "aurelia-task-queue": "npm:[email protected]",
-      "aurelia-templating": "npm:[email protected].6"
+      "aurelia-templating": "npm:[email protected].7"
     },
     "npm:[email protected]": {
       "aurelia-dependency-injection": "npm:[email protected]",
       "aurelia-logging": "npm:[email protected]",
-      "aurelia-metadata": "npm:[email protected].1.2.1",
-      "aurelia-pal": "npm:[email protected].2.2",
+      "aurelia-metadata": "npm:[email protected].2.0.0",
+      "aurelia-pal": "npm:[email protected].3.0",
       "aurelia-path": "npm:[email protected]",
-      "aurelia-router": "npm:[email protected].2",
-      "aurelia-templating": "npm:[email protected].6"
+      "aurelia-router": "npm:[email protected].4",
+      "aurelia-templating": "npm:[email protected].7"
     },
-    "npm:[email protected].6": {
-      "aurelia-binding": "npm:[email protected].5",
+    "npm:[email protected].7": {
+      "aurelia-binding": "npm:[email protected].6",
       "aurelia-dependency-injection": "npm:[email protected]",
       "aurelia-loader": "npm:[email protected]",
       "aurelia-logging": "npm:[email protected]",
-      "aurelia-metadata": "npm:[email protected].1.2.1",
-      "aurelia-pal": "npm:[email protected].2.2",
+      "aurelia-metadata": "npm:[email protected].2.0.0",
+      "aurelia-pal": "npm:[email protected].3.0",
       "aurelia-path": "npm:[email protected]",
       "aurelia-task-queue": "npm:[email protected]"
     },
-    "npm:[email protected].1": {
-      "css": "github:systemjs/[email protected].21"
+    "npm:[email protected].3": {
+      "css": "github:systemjs/[email protected].23"
     }
   }
-})
+});

skeleton-es2016/index.html

@@ -2,7 +2,7 @@
 <html>
   <head>
     <title>Aurelia</title>
-    <link rel="stylesheet" href="jspm_packages/npm/[email protected].1/css/font-awesome.min.css">
+    <link rel="stylesheet" href="jspm_packages/npm/[email protected].3/css/font-awesome.min.css">
     <link rel="stylesheet" href="styles/styles.css">
     <meta name="viewport" content="width=device-width, initial-scale=1">
   </head>

skeleton-es2016/package.json

@@ -79,10 +79,10 @@
       "aurelia-templating-binding": "npm:aurelia-templating-binding@^1.0.0-beta.1.1.2",
       "aurelia-templating-resources": "npm:aurelia-templating-resources@^1.0.0-beta.1.1.3",
       "aurelia-templating-router": "npm:aurelia-templating-router@^1.0.0-beta.1.1.2",
-      "bootstrap": "github:twbs/bootstrap@^3.3.5",
-      "fetch": "github:github/fetch@^0.11.0",
-      "font-awesome": "npm:font-awesome@^4.5.0",
-      "jquery": "npm:jquery@^2.2.3",
+      "bootstrap": "github:twbs/bootstrap@^3.3.6",
+      "fetch": "github:github/fetch@^1.0.0",
+      "font-awesome": "npm:font-awesome@^4.6.3",
+      "jquery": "npm:jquery@^2.2.4",
       "text": "github:systemjs/plugin-text@^0.0.3"
     },
     "devDependencies": {}

skeleton-typescript/README.md

@@ -180,6 +180,13 @@ A gulp task is already configured for that. Use the following command to export
     gulp export
   ```
 The app will be exported into ```export``` directory preserving the directory structure.
+
+To start the exported app, execute the following command:
+
+  ```shell
+    gulp serve-export
+  ```
+
 #### Configuration
 The configuration is done by ```bundles.js``` file.
 In addition, ```export.js``` file is available for including individual files.

skeleton-typescript/build/export.js

@@ -1,17 +1,34 @@
+// this file provides a list of unbundled files that
+// need to be included when exporting the application
+// for production.
 module.exports = {
-  "list": [
-    "index.html",
-    "config.js",
-    "favicon.ico",
-    "LICENSE",
-    "jspm_packages/system.js",
-    "jspm_packages/system-polyfills.js",
-    "jspm_packages/system-csp-production.js",
-    "styles/styles.css",
-    "jspm_packages/npm/[email protected]/css/font-awesome.min.css",
-    "jspm_packages/npm/[email protected]/fonts/*",
-    "jspm_packages/github/github/[email protected]",
-    "jspm_packages/github/github/[email protected]/fetch.js",
-    "jspm_packages/github/twbs/[email protected]/fonts/*"
+  'list': [
+    'index.html',
+    'config.js',
+    'favicon.ico',
+    'LICENSE',
+    'jspm_packages/system.js',
+    'jspm_packages/system-polyfills.js',
+    'jspm_packages/system-csp-production.js',
+    'styles/styles.css'
+  ],
+  // this section lists any jspm packages that have
+  // unbundled resources that need to be exported.
+  // these files are in versioned folders and thus
+  // must be 'normalized' by jspm to get the proper
+  // path.
+  'normalize': [
+    [
+      // include font-awesome.css and its fonts files
+      'font-awesome', [
+        '/css/font-awesome.min.css',
+        '/fonts/*'
+      ]
+    ], [
+      // include bootstrap's font files
+      'bootstrap', [
+        '/fonts/*'
+      ]
+    ]
   ]
 };

skeleton-typescript/build/tasks/build.js

@@ -6,6 +6,7 @@ var sourcemaps = require('gulp-sourcemaps');
 var paths = require('../paths');
 var assign = Object.assign || require('object.assign');
 var notify = require('gulp-notify');
+var browserSync = require('browser-sync');
 var typescript = require('gulp-typescript');
 
 // transpiles changed es6 files to SystemJS format
@@ -20,7 +21,8 @@ gulp.task('build-system', function() {
     });
   }
   return gulp.src(paths.dtsSrc.concat(paths.source))
-    .pipe(plumber())
+    .pipe(plumber({errorHandler: notify.onError('Error: <%= error.message %>')}))
+    .pipe(changed(paths.output, {extension: '.ts'}))
     .pipe(sourcemaps.init({loadMaps: true}))
     .pipe(typescript(typescriptCompiler))
     .pipe(sourcemaps.write('.', {includeContent: false, sourceRoot: '/src'}))
@@ -38,7 +40,8 @@ gulp.task('build-html', function() {
 gulp.task('build-css', function() {
   return gulp.src(paths.css)
     .pipe(changed(paths.output, {extension: '.css'}))
-    .pipe(gulp.dest(paths.output));
+    .pipe(gulp.dest(paths.output))
+    .pipe(browserSync.stream());
 });
 
 // this task calls the clean task (located