gulpfile.js

'use strict';

/**
 * Module dependencies
 */
var gulp             = require('gulp'),
    gutil            = require('gulp-util'),
    sass             = require('gulp-sass'),
    path             = require('path'),
    del              = require('del'),
    open             = require('open'),
    hologram         = require('gulp-hologram'),
    webpack          = require('webpack'),
    WebpackDevServer = require('webpack-dev-server'),
    webpackConfig    = require('./webpack.config.js');

gulp.task('webpack', function (callback) {
	webpack(webpackConfig, function (err, stats) {
		if (err) {
			throw new gutil.PluginError('webpack', err);
		}

		gutil.log('[webpack]', stats.toString({
			colors: true
		}));

		callback();
	});
});

gulp.task('webpack-dev-server', function (callback) {
	new WebpackDevServer(webpack(webpackConfig), {

		contentBase: path.join(__dirname, 'www'),

		stats: {
			colors: true
		}

	}).listen(8080, 'localhost', function (err) {
			if (err) {
				throw new gutil.PluginError('webpack-dev-server', err);
			}

			var startUrl = 'http://localhost:8080/webpack-dev-server/index.html';
			open(startUrl);
			gutil.log('[webpack-dev-server]', startUrl);

		});
});

gulp.task('clean', function (cb) {
	del([
		'www/**/*',
		'!www/.gitignore'
	], {
		dot: true
	}, cb);
});

gulp.task('clean-all', function (cb) {
	del([
		'www/**/*',
		'!www/.gitignore',
		'node_modules',
		'public/bower_components'
	], {
		dot: true
	}, cb);
});

gulp.task('hologram', function() {
	gulp.src('hologram_config.yml')
		.pipe(hologram({logging:true}));
});

gulp.task('ng-docs', [], function () {
	var gulpDocs = require('gulp-ngdocs');
	return gulp.src('./app/bootstrap.js')
		.pipe(gulpDocs.process())
		.pipe(gulp.dest('./docs/ngdocs'));
});

gulp.task('styleguide:generate', function() {
	return gulp.src('./app/*.scss')
		.pipe(styleguide.generate({
			title: 'My Styleguide',
			server: true,
			rootPath: outputPath,
			overviewPath: 'README.md'
		}))
		.pipe(gulp.dest(outputPath));
});

gulp.task('styleguide:applystyles', function() {
	return gulp.src('./app/app.scss')
		.pipe(sass({
			errLogToConsole: true
		}))
		.pipe(styleguide.applyStyles())
		.pipe(gulp.dest(outputPath));
});


gulp.task('install', ['webpack']);
gulp.task('watch', ['webpack-dev-server', 'ng-docs'], function () {
	// Start watching changes and update styleguide whenever changes are detected
	// Styleguide automatically detects existing server instance
	gulp.watch(['*.scss'], ['styleguide']);
});
gulp.task('styleguide', ['styleguide:generate', 'styleguide:applystyles']);
gulp.task('default', ['install']);