chore(skeleton-typescript): sync with es2015 tasks

* browser-sync watch
* normalized export

Author: doktordirk

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

skeleton-typescript/build/tasks/export-release.js

@@ -1,21 +1,18 @@
-var gulp = require('gulp');
-var runSequence = require('run-sequence');
-var del = require('del');
-var vinylPaths = require('vinyl-paths');
-var paths = require('../paths');
-var bundles = require('../bundles.js');
-var resources = require('../export.js');
+'use strict';
 
-// deletes all files in the output path
-gulp.task('clean-export', function() {
-  return gulp.src([paths.exportSrv])
-    .pipe(vinylPaths(del));
-});
+const gulp = require('gulp');
+const runSequence = require('run-sequence');
+const del = require('del');
+const vinylPaths = require('vinyl-paths');
+const jspm = require('jspm');
+const paths = require('../paths');
+const bundles = require('../bundles.js');
+const resources = require('../export.js');
 
 function getBundles() {
-  var bl = [];
-  for (var b in bundles.bundles) {
-    bl.push(b + '.js');
+  let bl = [];
+  for (let b in bundles.bundles) {
+    bl.push(b + '*.js');
   }
   return bl;
 }
@@ -24,16 +21,49 @@ function getExportList() {
   return resources.list.concat(getBundles());
 }
 
+function normalizeExportPaths() {
+  const pathsToNormalize = resources.normalize;
+
+  let promises =  pathsToNormalize.map(pathSet => {
+    const packageName = pathSet[ 0 ];
+    const fileList = pathSet[ 1 ];
+
+    return jspm.normalize(packageName).then((normalized) => {
+      const packagePath = normalized.substring(normalized.indexOf('jspm_packages'), normalized.lastIndexOf('.js'));
+      return fileList.map(file => packagePath + file);
+    });
+  });
+
+  return Promise.all(promises)
+    .then((normalizedPaths) => {
+      return normalizedPaths.reduce((prev, curr) => prev.concat(curr), []);
+    });
+}
+
+// deletes all files in the output path
+gulp.task('clean-export', function() {
+  return gulp.src([ paths.exportSrv ])
+    .pipe(vinylPaths(del));
+});
+
 gulp.task('export-copy', function() {
-  return gulp.src(getExportList(), {base: "."})
+  return gulp.src(getExportList(), { base: '.' })
     .pipe(gulp.dest(paths.exportSrv));
 });
 
+gulp.task('export-normalized-resources', function() {
+  return normalizeExportPaths().then(normalizedPaths => {
+    return gulp.src(normalizedPaths, { base: '.' })
+      .pipe(gulp.dest(paths.exportSrv));
+  });
+});
+
 // use after prepare-release
 gulp.task('export', function(callback) {
   return runSequence(
     'bundle',
     'clean-export',
+    'export-normalized-resources',
     'export-copy',
     callback
   );