Merge branch 'release/6.0.0'

Author: Marco Solazzi

.babelrc

@@ -1,8 +1,17 @@
 {
     "presets": [
-        ["es2015", {"loose": true, "modules": false}]
+        ["env", {
+            "modules": false,
+            "loose": true,
+            "useBuiltIns": false,
+            "targets": {
+                "browsers": ["> 1%", "last 2 versions", "not ie < 11"]
+            }
+        }],
+        "stage-2"
     ],
-    "plugins" : [
+
+    "plugins": [
         ["transform-runtime", {"polyfill": false, "regenerator": false }]
     ]
-}
+}

.stylelintrc.json

@@ -8,6 +8,7 @@
     ],
     "rules": {
         "indentation": 4,
+        "at-rule-no-unknown": null,
         "max-empty-lines": 3,
         "rule-empty-line-before": ["always", {
             "ignore": ["after-comment"]
@@ -24,6 +25,8 @@
         "no-missing-end-of-source-newline": null,
         "declaration-empty-line-before": "never",
 
+        "scss/at-rule-no-unknown": true,
+
         "order/properties-order": [
 
             "position",

LICENSE

@@ -1,7 +1,7 @@
 The MIT License (MIT)
 
 Original work Copyright (c) 2014 Intesys
-Modified work Copyright (c) 2015 - 2016 Marco Solazzi and other contributors
+Modified work Copyright (c) 2015 - 2017 Marco Solazzi and other contributors
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -11,7 +11,7 @@ WOK is a loosely opinionated boilerplate for web development built with flexibil
 * [Sass](http://sass-lang.com/) 3.4+ with [node-sass](https://github.com/sass/node-sass) and CSS [post-processing](https://github.com/postcss/postcss)
 * [BEM](http://blog.kaelig.fr/post/48196348743/fifty-shades-of-bem)-like naming convention
 * Em based media-queries via [sass-mq](https://github.com/sass-mq/sass-mq)
-* ES2015 support with [Babel](https://babeljs.io/) (polyfill loaded from CDN.js)
+* ES support with [Babel](https://babeljs.io/) (supports [babel-env](https://github.com/babel/babel-preset-env) for IE11 and [stage2](https://babeljs.io/docs/plugins/preset-stage-2/). Polyfill loaded from CDN.js)
 * [Gulp.js](http://gulpjs.com/) build and deploy workflow
 * Development server and asset live-reload with [BrowserSync](http://www.browsersync.io/) and [Weinre](http://people.apache.org/~pmuellr/weinre/) remote debugging
 * Incremental deploy with [rsync](https://rsync.samba.org/) or [lftp](http://lftp.yar.ru/)

application/views/templates/_default.nunj.html

@@ -41,7 +41,7 @@ <h1>Hello World!</h1>
     {% block main %}
     {% endblock %}
 
-    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.23.0/polyfill.min.js"></script>
+    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.26.0/polyfill.min.js"></script>
 
     <!-- build:js /assets/javascripts/application.min.js defer -->
     <script defer src="/assets/javascripts/base/plugins.js"></script>

build/gulp-config/modernizr.conf.json

@@ -17,10 +17,6 @@
     ],
     "feature-detects": [
         "applicationcache",
-        "audio",
-        "audio/loop",
-        "audio/preload",
-        "audio/webaudio",
         "canvas",
         "canvas/blending",
         "canvas/todataurl",
@@ -105,12 +101,6 @@
         "custom-protocol-handler",
         "customevent",
         "dataview-api",
-        "forms/fileinput",
-        "forms/fileinputdirectory",
-        "forms/formattribute",
-        "forms/inputnumber-l10n",
-        "forms/placeholder",
-        "forms/validation",
         "fullscreen-api",
         "geolocation",
         "hashchange",
@@ -125,7 +115,6 @@
         "img/webp-animation",
         "img/webp-lossless",
         "inputtypes",
-        "notification",
         "pagevisibility-api",
         "pointerevents",
         "postmessage",
@@ -141,10 +130,6 @@
         "svg/smil",
         "touchevents",
         "vibration",
-        "video",
-        "video/autoplay",
-        "video/loop",
-        "video/preload",
         "webgl",
         "webgl/extensions"
     ]

build/gulp-tasks/deploy.js

@@ -171,5 +171,4 @@ module.exports = (gulp, $, options) => {
         });
 
     });
-};
-
+};

build/gulp-tasks/lib/view-helpers.js

@@ -9,14 +9,14 @@ const marked = require('marked');
 const Markdown = require('nunjucks-markdown/lib/markdown_tag');
 const loremIpsum = require('lorem-ipsum');
 
-module.exports.helpers = function (/*options*/) {
+module.exports.helpers = (/*options*/) => {
 
     return {
-        lorem: function (min, max, config) {
+        lorem(min, max, config) {
             const count = max ? random(min, max) : min;
             const loremDefaults = {
                 units: 'words',
-                count: count
+                count
             };
             const conf = defaults(config || {}, loremDefaults);
 
@@ -26,27 +26,27 @@ module.exports.helpers = function (/*options*/) {
 
 };
 
-module.exports.nunjucks = function (viewPath) {
+module.exports.nunjucks = (viewPath) => {
     const env = nunjucks.configure(viewPath, {
         noCache: true
     });
 
     const markdownTag = new Markdown(env, marked);
 
-    markdownTag.fileTag = function (context, file) {
+    markdownTag.fileTag = (context, file) => {
         return new nunjucks.runtime.SafeString(marked(env.render(file, context)));
     };
 
     // Markdown rendering for the block. Pretty simple, just get the body text and pass
     // it through the markdown renderer.
-    markdownTag.blockTag = function (context, bodFn, tabStartFn) {
+    markdownTag.blockTag = (context, bodFn, tabStartFn) => {
 
-        var body = bodFn(); //eslint-disable-line no-var
-        const tabStart = tabStartFn(); // The column postion of the {% markdown %} tag.
+        let body = bodFn(); //eslint-disable-line no-var
+        const tabStart = tabStartFn(); // The column options of the {% markdown %} tag.
 
         if (tabStart > 0) { // If the {% markdown %} tag is tabbed in, normalize the content to the same depth.
             body = body.split(/\r?\n/); // Split into lines.
-            // Subtract the column postion from the start of the string.
+            // Subtract the column options from the start of the string.
             body = body.map((line) => line.slice(tabStart));
             body = body.join('\n'); // Rejoin into one string.
         }

build/gulp-tasks/lint.js

@@ -20,11 +20,11 @@ module.exports = (gulp, $) => {
     gulp.task('lint:styles', () => {
 
         return gulp.src(paths.toPath('src.assets/styles/**/*.{css,sass,scss}'))
-        .pipe($.stylelint({
-            reporters: [
-                { formatter: 'string', console: true }
-            ]
-        }));
+            .pipe($.stylelint({
+                reporters: [
+                    { formatter: 'string', console: true }
+                ]
+            }));
     });
 
     gulp.task('lint', ['lint:js', 'lint:styles']);

build/gulp-tasks/styles.js

@@ -17,7 +17,7 @@ module.exports = (gulp, $, options) => {
 
     function reloadStreamFn() {
         if (options.isWatching && options.livereload) {
-            return reloadStream || (reloadStream = require('browser-sync').get(options.buildHash).stream);
+            return reloadStream || (reloadStream = require('browser-sync').get(options.buildHash).stream); //eslint-disable-line no-return-assign
         }
         return $.util.noop;
     }
@@ -49,25 +49,25 @@ module.exports = (gulp, $, options) => {
         return gulp.src([
             paths.toPath('src.assets/styles/**/*.{sass,scss}')
         ])
-        .pipe($.plumber({
-            errorHandler: $.notify.onError('Error: <%= error.message %>')
-        }))
-        .pipe($.sourcemaps.init())
-        .pipe($.sass({
-            precision: 10,
-            includePaths: [paths.toPath('src.assets/vendors'), 'node_modules'],
-            outputStyle: 'expanded',
-            functions: sassFunctions
-        }).on('error', $.sass.logError))
-        .pipe($.postcss([
-            autoprefixer({ browsers: ['> 1%', 'last 2 versions', 'ie 9'] })
-        ]))
-        .pipe($.if(production, productionPipe()))
-        .pipe($.sourcemaps.write('.'))
-        .pipe(gulp.dest(paths.toPath('dist.assets/css')))
-        .pipe(reloadStreamFn()({ match: '**/*.css' }))
-        .pipe($.if(options.isWatching, $.notify({ message: 'SASS Compiled', onLast: true })))
-        .pipe($.size({ title: 'styles' }));
+            .pipe($.plumber({
+                errorHandler: $.notify.onError('Error: <%= error.message %>')
+            }))
+            .pipe($.sourcemaps.init())
+            .pipe($.sass({
+                precision: 10,
+                includePaths: [paths.toPath('src.assets/vendors'), 'node_modules'],
+                outputStyle: 'expanded',
+                functions: sassFunctions
+            }).on('error', $.sass.logError))
+            .pipe($.postcss([
+                autoprefixer({ browsers: ['> 1%', 'last 2 versions', 'ie 9'] })
+            ]))
+            .pipe($.if(production, productionPipe()))
+            .pipe($.sourcemaps.write('.'))
+            .pipe(gulp.dest(paths.toPath('dist.assets/css')))
+            .pipe(reloadStreamFn()({ match: '**/*.css' }))
+            .pipe($.if(options.isWatching, $.notify({ message: 'SASS Compiled', onLast: true })))
+            .pipe($.size({ title: 'styles' }));
     });
 
 };