feat(styleguide): Added styleguide task

Added support for the styleguide task

bin/recruiter-epiq-deps.js

@@ -5,6 +5,8 @@ var args = process.argv.slice(3);
 
 switch (script) {
 case 'build':
+case 'images':
+case 'styleguide':
   var result = spawn.sync(
     'node',
     [require.resolve('../scripts/' + script)].concat(args),

gulpfile.coffee

@@ -20,20 +20,11 @@ paths =
   images: ['../../src/images/**/*']
   docs: 'docs'
   styleguide:
-    docs: 'styleguide/docs'
+    docs: '../../styleguide/docs'
     sass: epiq_path + '/styleguide/sass/*.scss'
     source: epiq_path + '/styleguide'
     template: epiq_path + '/styleguide/epiq-kss/'
 
-# URLs for criticalCSS
-gulpconfig = require("./gulpconfig.json");
-urls =
-  site : gulpconfig.urls.site
-  css : gulpconfig.urls.css
-  theme_folder: gulpconfig.urls.theme_folder
-jobs_force_selectors = gulpconfig.jobs.force_include
-front_force_selectors = gulpconfig.front.force_include
-
 # Convert .scss to .css (including live reload) using
 # LibSass.
 gulp.task 'sass', ['images'], ->
@@ -86,17 +77,17 @@ sass = require('gulp-sass');
 
 gulp.task 'compile-styleguide', ->
   util = require 'gulp-util'
-  gulp.src('styleguide/sass/*.scss')
+  gulp.src('../../styleguide/sass/*.scss')
   .pipe(sass().on('error', sass.logError))
-  .pipe(gulp.dest('styleguide/docs/css'))
+  .pipe(gulp.dest('../../styleguide/docs/css'))
 
 # Generates the styleguide using kss-node.
 gulp.task('styleguide-kss', ['compile-styleguide'], shell.task([
     'kss-node <%= source %> <%= destination %> --template <%= template %> --css <%= cssfile %>'
   ], {
     templateData: {
       source: paths.styleguide.source,
-      destination: 'styleguide/docs',
+      destination: '../../styleguide/docs',
       template: paths.styleguide.template,
       cssfile: 'css/styles.css'
     }
@@ -125,10 +116,20 @@ gulp.task 'full-build', [
 gulp.task 'minify-css', ->
   cssmin = require('gulp-cssmin')
   rename = require('gulp-rename')
-  gulp.src('dist/css/*.css').pipe(cssmin()).pipe(rename(suffix: '.min')).pipe gulp.dest('dist/css/min')
+  gulp.src('dist/css/*.css').pipe(cssmin()).pipe(rename(
+    suffix: '.min')).pipe gulp.dest('dist/css/min')
   return
 
 gulp.task 'critical-front', (cb) ->
+  # URLs for criticalCSS
+  gulpconfig = require("./gulpconfig.json");
+  urls =
+    site: gulpconfig.urls.site
+    css: gulpconfig.urls.css
+    theme_folder: gulpconfig.urls.theme_folder
+  jobs_force_selectors = gulpconfig.jobs.force_include
+  front_force_selectors = gulpconfig.front.force_include
+
   request = require('request')
   util = require ('gulp-util')
   replace = require('gulp-replace-path')
@@ -141,11 +142,16 @@ gulp.task 'critical-front', (cb) ->
   cssPath = path.join(tmpDir, 'style.css')
   includePath = path.join(__dirname, 'dist/css/critical-front.css')
   request(cssUrl).pipe(fs.createWriteStream(cssPath)).on 'close', ->
-    criticalcss.getRules cssPath,{buffer: 2000*1024}, (err, output) ->
+    criticalcss.getRules cssPath, {buffer: 2000 * 1024}, (err, output) ->
       if err
         throw new Error(err)
       else
-        criticalcss.findCritical (siteUrl), {ignoreConsole: true, rules: JSON.parse(output),buffer: 2000*1024,forceInclude:front_force_selectors}, (err, output) ->
+        criticalcss.findCritical (siteUrl), {
+          ignoreConsole: true,
+          rules: JSON.parse(output),
+          buffer: 2000 * 1024,
+          forceInclude: front_force_selectors
+        }, (err, output) ->
           if err
             throw new Error(err)
           else
@@ -158,6 +164,15 @@ gulp.task 'critical-front', (cb) ->
     return
 
 gulp.task 'critical', ->
+  # URLs for criticalCSS
+  gulpconfig = require("./gulpconfig.json");
+  urls =
+    site: gulpconfig.urls.site
+    css: gulpconfig.urls.css
+    theme_folder: gulpconfig.urls.theme_folder
+  jobs_force_selectors = gulpconfig.jobs.force_include
+  front_force_selectors = gulpconfig.front.force_include
+
   request = require('request')
   util = require ('gulp-util')
   path = require('path')
@@ -169,11 +184,16 @@ gulp.task 'critical', ->
   cssPath = path.join(tmpDir, 'style.css')
   includePath = path.join(__dirname, 'dist/css/critical.css')
   request(cssUrl).pipe(fs.createWriteStream(cssPath)).on 'close', ->
-    criticalcss.getRules cssPath,{buffer: 2000*1024}, (err, output) ->
+    criticalcss.getRules cssPath, {buffer: 2000 * 1024}, (err, output) ->
       if err
         throw new Error(err)
       else
-        criticalcss.findCritical (if util.env.site then util.env.site + "/jobs" else siteUrl + "/jobs"), {ignoreConsole: true, rules: JSON.parse(output),buffer: 2000*1024,forceInclude:jobs_force_selectors}, (err, output) ->
+        criticalcss.findCritical (if util.env.site then util.env.site + "/jobs" else siteUrl + "/jobs"), {
+          ignoreConsole: true,
+          rules: JSON.parse(output),
+          buffer: 2000 * 1024,
+          forceInclude: jobs_force_selectors
+        }, (err, output) ->
           if err
             throw new Error(err)
           else

package.json

@@ -1,13 +1,14 @@
 {
   "name": "recruiter_epiq_deps",
-  "version": "0.0.9",
+  "version": "0.0.12",
   "description": "Dependencies for the epiq theme in Recruiter distro",
   "main": "index.js",
   "scripts": {
     "commit": "git-cz",
     "prepublish": "bundle-deps",
     "build": "node scripts/build.js",
-    "images": "node scripts/images.js"
+    "images": "node scripts/images.js",
+    "styleguide": "node scripts/styleguide.js"
   },
   "repository": {
     "type": "git",

scripts/styleguide.js

@@ -0,0 +1,9 @@
+var exec = require('child_process').exec,
+  epiq_dir = '../../../../../../profiles/recruiter/themes/epiq';
+
+var cmd = 'cd node_modules/recruiter_epiq_deps && gulp styleguide-kss --epiq_dir ' + epiq_dir;
+
+exec(cmd, function (error, stdout, stderr) {
+  // command output is in stdout
+  console.log(stdout);
+});