posting challenge v1

gulpfile.js

@@ -0,0 +1,144 @@
+'use strict';
+
+const gulp = require('gulp');
+const pkg = require('./package.json');
+const plugins = require('gulp-load-plugins')();
+const browserSync = require('browser-sync').create();
+const karmaServer = require('karma').Server;
+
+gulp.task('build', ['build:html', 'build:js', 'build:json', 'build:sass', 'build:libs']);
+gulp.task('watch2', ['build', 'watch:tests', 'watch:src', 'serve']);
+
+/***
+ *  Output a summary of unit test code coverage
+ **/
+gulp.task('test:coverage', (done) => {
+  new KarmaServer({
+    configFile: __dirname + '/karma.conf.js',
+singleRun: true,
+reporters: ['coverage'],
+coverageReporter: {
+        type: ['text-summary']
+      }
+  }, done).start();
+
+  return;
+});
+
+/***
+ *  Generate an HTML report that details coverage
+ **/
+gulp.task('test:report', (done) => {
+  new karmaServer({
+    configFile: __dirname + '/karma.conf.js',
+      singleRun: true,
+      reporters: ['coverage'],
+      coverageReporter: {
+        type: ['html']
+      }
+  }, done).start();
+
+  return;
+});
+
+/***
+ *  Run the project with BrowserSync
+ **/
+gulp.task('serve', () => {
+  browserSync.init({
+    server: {
+      baseDir: "./dist"
+    }
+  });
+
+  gulp.watch(['./dist/**/*.js', './dist/**/*.html'], browserSync.reload);
+});
+
+/***
+ *  Reload or stream changes to browsers with BrowserSync
+ **/
+gulp.task('watch:src', () => {
+  gulp.watch('./src/**/*.scss', ['build:sass']);
+  gulp.watch('./src/**/*.js', ['lint', 'build:js'], browserSync.reload);
+  gulp.watch('./src/**/*.json', ['build:json'], browserSync.reload);
+  gulp.watch('./src/**/*.html', ['build:html'], browserSync.reload);
+});
+
+/***
+ *  Run test suite when affected source files change
+ **/
+gulp.task('watch:tests',
+  function (done) {
+  new karmaServer({
+    configFile: __dirname + '/karma.conf.js',
+    singleRun: false,
+    reporters: ['progress'],
+  }, Done).start();
+});
+
+/***
+ *  ESLint
+ **/
+gulp.task(
+  'lint',  () => {
+  let eslint = plugins.eslint;
+
+  gulp.src(['./src/**/*.js'])
+    .pipe(eslint())
+    .pipe(eslint.format())
+    .pipe(eslint.failAfterError());
+});
+
+/***
+ *  Copy the HTML files into the DIST folder
+ **/
+gulp.task('build:html', () => {
+  gulp.src('./src/**/*.html')
+    .pipe(gulp.dest('./dist'));
+});
+
+/***
+ *  Copy the JSON files into the DIST folder
+ **/
+gulp.task('build:json',   () => {
+  gulp.src('./src/**/*.json')
+    .pipe(gulp.dest('./dist'));
+});
+
+/***
+ *  Build all Sass files into a single css file
+ **/
+gulp.task('build:sass', () => {
+  gulp.src('./src/app.scss')
+    .pipe(plugins.sass.sync())
+    .pipe(plugins.rename(pkg.name + '.css'))
+    .pipe(gulp.dest('./dist'))
+    .pipe(browserSync.stream());
+});
+
+/***
+ *  Build all JS files into a single application file
+ **/
+gulp.task('build:js', () => {
+  let filename = pkg.name + '.js';
+  let filenameMinified = pkg.name + '.min.js';
+
+  gulp.src(['!./src/**/*.spec.js', './src/**/*.js'])
+    // .pipe(plugins.plumber())
+
+    .pipe(plugins.concat(filename))
+    .pipe(gulp.dest('./dist'))
+});
+
+/***
+ *  Copy all dependencies into the DIST folder
+ **/
+gulp.task('build:libs', () => {
+  gulp.src('./bower.json')
+    .pipe(plugins.mainBowerFiles({
+      overrides: {
+        "font-awesome": { main: ['./css/font-awesome.css'] }
+      }
+    }))
+    .pipe(gulp.dest('./dist/libs'));
+});