Fix sasslint errors; update dev-watch.

.sass-lint.yml

@@ -63,7 +63,7 @@ rules:
   function-name-format: 2
   hex-length: 2
   hex-notation: 2
-  indentation: 2
+  indentation: 1
   leading-zero:
     - 2
     - include: true

gulpfile.js

@@ -8,6 +8,7 @@ const gutil = require('gulp-util');
 const path = require('path');
 const rename = require('gulp-rename');
 const sasslint = require('gulp-sass-lint');
+const spawn = require('child_process').spawn;
 const svg = require('gulp-svg-symbols');
 const svgmin = require('gulp-svgmin');
 const webpack = require('webpack');
@@ -29,6 +30,7 @@ const paths = {
   SASS_DIR: 'static/sass/',
   ICONS_DIR: 'templates/icons/',
   DIST_DIR: 'dev-output/',
+  PROD_DIST_DIR: 'output/',
   IGNORE: [
     '!**/.#*',
     '!**/flycheck_*'
@@ -59,6 +61,18 @@ const onError = function (err) {
   this.emit('end');
 };
 
+// Execute a command, logging output live while process runs
+const spawnTask = function (command, args, cb) {
+  spawned.push(
+    spawn(command, args, { stdio: 'inherit' })
+      .on('error', (err) => {
+        gutil.beep();
+        return cb(err);
+      })
+      .on('exit', cb)
+  );
+};
+
 const eslintTask = (src, failOnError, log) => {
   if (log) {
     const cmd = `eslint ${src}`;
@@ -121,12 +135,24 @@ gulp.task('watch', ['webpack-watch'], () => {
   // lint all scss when rules change
   gulp.watch('**/.sass-lint.yml', ['sasslint-nofail']);
 
-  // run webpack to compile static assets
+  // run webpack to compile styleguide assets
   gulp.watch([
     `${paths.ICONS_DIR}**/*.svg`,
     `${paths.SRC_TEMPLATES_DIR}_icon_template.lodash`,
     './STYLEGUIDE.md'
   ], ['webpack']);
+
+  // compile rstblog assets
+  gulp.watch([
+    `${paths.SRC_TEMPLATES_DIR}**/*`,
+    'content/**/*',
+    '!content/styleguide/**/*',
+    '!content/static/assets/**/*',
+    '!content/static/assets.json',
+    `!${paths.SRC_TEMPLATES_DIR}_icons.svg`,
+    `!${paths.ICONS_DIR}**/*.svg`,
+    `!${paths.SRC_TEMPLATES_DIR}_icon_template.lodash`
+  ], ['dev-build']);
 });
 
 gulp.task('eslint', () => eslintTask(paths.ALL_JS, true));
@@ -167,7 +193,8 @@ gulp.task('browser-sync', (cb) => {
     logLevel: 'info',
     logPrefix: 'oddsite',
     notify: false,
-    files: [`${paths.DIST_DIR}**/*`]
+    files: [`${paths.DIST_DIR}**/*`],
+    reloadDebounce: 200
   }, cb);
 });
 
@@ -185,12 +212,12 @@ const webpackOnBuild = (done) => (err, stats) => {
   if (done) { done(err); }
 };
 
-gulp.task('webpack', ['sprites'], (cb) => {
+gulp.task('webpack', [ 'sprites', 'dev-clean' ], (cb) => {
   const webpackConfig = require('./webpack.config.js');
   webpack(webpackConfig).run(webpackOnBuild(cb));
 });
 
-gulp.task('webpack-prod', ['sprites'], (cb) => {
+gulp.task('webpack-prod', [ 'sprites', 'prod-clean' ], (cb) => {
   const webpackProdConfig = require('./webpack.prod.config.js');
   webpack(webpackProdConfig).run(webpackOnBuild(cb));
 });
@@ -199,3 +226,15 @@ gulp.task('webpack-watch', ['sprites'], () => {
   const webpackConfig = require('./webpack.config.js');
   webpack(webpackConfig).watch(300, webpackOnBuild());
 });
+
+gulp.task('dev-clean', (cb) => {
+  spawnTask('rm', [ '-rf', paths.DIST_DIR ], cb);
+});
+
+gulp.task('prod-clean', (cb) => {
+  spawnTask('rm', [ '-rf', paths.PROD_DIST_DIR ], cb);
+});
+
+gulp.task('dev-build', (cb) => {
+  spawnTask('python', [ 'run.py', 'dev' ], cb);
+});

package.json

@@ -29,7 +29,7 @@
     "gulp-chmod": "1.3.0",
     "gulp-eslint": "2.0.0",
     "gulp-rename": "1.2.2",
-    "gulp-sass-lint": "1.1.1",
+    "gulp-sass-lint": "1.2.0",
     "gulp-svg-symbols": "1.0.0",
     "gulp-svgmin": "1.2.2",
     "gulp-util": "3.0.7",
@@ -38,7 +38,7 @@
     "node-sass": "3.8.0",
     "postcss-loader": "0.9.1",
     "sass-json-export": "2.0.0",
-    "sass-lint": "1.7.0",
+    "sass-lint": "1.8.2",
     "sass-loader": "4.0.0",
     "sassdoc": "2.1.20",
     "sassdoc-theme-herman": "0.3.0-alpha.1",