change theme gulp process to inject file into pipeline

Author: Ben Rubin

gulp/config.js

@@ -12,5 +12,5 @@ exports.paths = {
   appPartials: docsSrcPath+'**/*.html',
   scripts: [srcPath+'**/*.js'],
   css: [srcPath+'*.scss', srcPath+'*.css', '!'+srcPath+'*spec.css', '!'+srcPath+'*-theme.scss'],
-  theme: srcPath+'*-theme.scss'
+  theme: srcPath+'style-theme.scss'
 };

gulp/jsBuild.js

@@ -10,10 +10,13 @@ var rename = require("gulp-rename");
 var gutil = require('gulp-util');
 var ngAnnotate = require('gulp-ng-annotate');
 
+var theme = require('./theme.js');
+
 
 
 exports.dev = function () {
   return gulp.src(paths.scripts)
+    .pipe(theme())
     .pipe(wrap('(function(){"use strict";<%= contents %>}());'))
     .pipe(jshint())
     .pipe(jshint.reporter('default'))
@@ -25,6 +28,7 @@ exports.dev = function () {
 
 exports.release = function () {
   return gulp.src(paths.scripts)
+    .pipe(theme())
     .pipe(wrap('(function(){"use strict";<%= contents %>}());'))
     .pipe(ngAnnotate())
     .pipe(jshint())

gulp/theme.js

@@ -10,49 +10,15 @@ var concat = require('gulp-concat');
 var wrap = require('gulp-wrap');
 var ngConstant = require('gulp-ng-constant');
 var uglify = require('gulp-uglify');
+var gulpFile = require('gulp-file');
 
 
-exports.dev = function () {
-  return gulp.src(paths.theme)
-    .pipe(sass())
-    .pipe(through2.obj(function (file, enc, cb) {
-      var config = {
-        name: 'angular-material-tree',
-        deps: false,
-        constants: {
-          TREE_THEME: file.contents.toString()
-        }
-      };
-      file.contents = new Buffer(JSON.stringify(config), 'utf-8');
-      this.push(file);
-      cb();
-    }))
-    .pipe(ngConstant({wrap: false}))
-    .pipe(wrap('(function(){"use strict";<%= contents %>}());'))
-    .pipe(rename('_theme.js'))
-    .pipe(gulp.dest(paths.docs))
-};
-
 
-exports.release = function () {
-  return gulp.src(paths.theme)
-    .pipe(sass())
-    .pipe(cssnano())
-    .pipe(through2.obj(function (file, enc, cb) {
-      var config = {
-        name: 'angular-material-tree',
-        deps: false,
-        constants: {
-          TREE_THEME: file.contents.toString()
-        }
-      };
-      file.contents = new Buffer(JSON.stringify(config), 'utf-8');
-      this.push(file);
-      cb();
-    }))
-    .pipe(ngConstant({wrap: false}))
-    .pipe(wrap('(function(){"use strict";<%= contents %>}());'))
-    .pipe(uglify())
-    .pipe(rename('_theme.js'))
-    .pipe(gulp.dest(paths.dist));
+module.exports = function injectFile() {
+  require('require-sass')();
+  return gulpFile('theme.js', wrapper(require('../'+paths.theme)));
 };
+
+function wrapper(contents) {
+  return 'angular.module("angular-material-tree").constant("TREE_THEME",'+JSON.stringify(contents)+');';
+}

gulpfile.js

@@ -14,10 +14,6 @@ var cssBuild = require('./gulp/cssBuild');
 gulp.task('cssDev', cssBuild.dev);
 gulp.task('cssRelease', cssBuild.release);
 
-var themeBuild = require('./gulp/theme');
-gulp.task('themeDev', themeBuild.dev);
-gulp.task('themeRelease', themeBuild.release);
-
 var docs = require('./gulp/docs');
 gulp.task('docsBuild', docs.build);
 gulp.task('docsInject', docs.inject);
@@ -32,8 +28,7 @@ gulp.task('buildLocal', gulpSequence(
   [
     'jsDev',
     'cssDev',
-    'docsBuild',
-    'themeDev'
+    'docsBuild'
   ],
   'docsInject'
 ));
@@ -42,8 +37,7 @@ gulp.task('release', gulpSequence(
   'cleanDist',
   [
     'jsRelease',
-    'cssRelease',
-    'themeRelease'
+    'cssRelease'
   ]
 ));