ustyle 1.15.3 → 1.16.1

data/dist/ustyle.min.js

@@ -1 +1 @@
-var slice=[].slice,hasProp={}.hasOwnProperty;null==this.Utils&&(this.Utils={modules:[]});var addClass=function(a,b){return removeClass(a,b),a.className+=" "+b+" "},removeClass=function(a,b){var c=new RegExp("(\\s|^)"+b+"(\\s|$)","gi");return a.className=a.className.replace(c,"")},hasClass=function(a,b){return new RegExp("(^| )"+b+"( |$)","gi").test(a.className)},merge=function(){var a,b,c,d,e=arguments[0],f=2<=arguments.length?slice.call(arguments,1):[];for(b=0,c=f.length;b<c;b++){a=f[b];for(d in a)hasProp.call(a,d)&&(e[d]=a[d])}return e},setOptions=function(a,b){return merge({},b,a)},deleteUndefined=function(a){var b,c,d=[];for(b in a)c=a[b],null===c||void 0===c?d.push(delete a[b]):d.push(void 0);return d},transformKey=function(){var a,b,c,d=document.createElement("div"),e=["transform","webkitTransform","OTransform","MozTransform","msTransform"];for(a=0,c=e.length;a<c;a++)if(b=e[a],void 0!==d.style[b])return b}(),requestAnimationFrame=function(a){var b,c,d,e=["ms","moz","webkit","o"];for(b=0,c=e.length;b<c&&(d=e[b],!a.requestAnimationFrame);b++)a.requestAnimationFrame=a[d+"RequestAnimationFrame"];return a.requestAnimationFrame||(a.requestAnimationFrame=function(a){return setTimeout(a,1e3/60)})}(window);this.Utils={addClass:addClass,removeClass:removeClass,hasClass:hasClass,merge:merge,setOptions:setOptions,deleteUndefined:deleteUndefined,transformKey:transformKey,requestAnimationFrame:requestAnimationFrame},window.Backdrop=function(){function a(){null==(d=document.querySelector(".us-backdrop"))&&(d=b())}var b,c=0,d=null;return a.prototype.element=d,b=function(){return d=document.createElement("div"),Utils.addClass(d,"us-backdrop"),document.body.appendChild(d)},a.prototype.retain=function(){var a;if(1===++c)return Utils.addClass(d,"us-backdrop--visible"),a=function(){if(c>=1)return Utils.addClass(d,"us-backdrop--active")},Utils.requestAnimationFrame.call(window,a)},a.prototype.release=function(){var a;return 1===c&&(Utils.removeClass(d,"us-backdrop--active"),a=function(){return setTimeout(function(){if(0===c)return Utils.removeClass(d,"us-backdrop--visible")},300)},Utils.requestAnimationFrame.call(window,a)),c=Math.max(0,c-1)},a}(),window.Overlay=function(a){function b(a){if(this.overlay=(this.options=f(a,h)).overlay,null==this.overlay||"undefined"==typeof Backdrop||null===Backdrop)throw new Error("There's no overlay or you haven't included Backdrop");this.backdrop=new Backdrop,this.addEventListeners()}var c=a.addClass,d=a.hasClass,e=a.removeClass,f=a.setOptions,g=a.requestAnimationFrame,h={bodyActiveClass:"us-overlay--open",activeClass:"us-overlay-parent--active",visibleClass:"us-overlay-parent--visible",overlay:$(".us-overlay-parent"),openButton:".js-open-overlay",closeButton:".js-close-overlay",historyStatus:"#seedeal",history:!1,preventDefault:!0,animationSpeed:300};return b.prototype.addEventListeners=function(){if($(this.options.openButton).on("click.open-overlay",function(a){return function(b){return a.options.preventDefault&&b.preventDefault(),a.show(b)}}(this)),this.overlay.on("click.close-overlay",function(a){return function(b){for(var c=[],d=a.overlay.find(a.options.closeButton).toArray(),e=[a.overlay[0]].concat(d),f=e.length-1;f>=0;f--){var g=e[f];if(b.target===g){a.options.preventDefault&&b.preventDefault(),a.hide(b);break}c.push(void 0)}return c}}(this)),this.hasHistory())return window.onpopstate=function(a){return function(b){if(a.isOpen())return a.hide(b)}}(this)},b.prototype.show=function(a){var b,d=this;if($(document.body).addClass(this.options.bodyActiveClass),this.backdrop.retain(),c(this.overlay[0],this.options.visibleClass),b=function(){return c(d.overlay[0],d.options.activeClass),setTimeout(function(){var b;return"function"==typeof(b=d.options).onOpen?b.onOpen(a):void 0},d.options.animationSpeed)},g.call(window,b),this.hasHistory())return history.pushState("open",window.document.title,this.options.historyStatus)},b.prototype.hide=function(a){var b,c=this;if($(document.body).removeClass(this.options.bodyActiveClass),this.backdrop.release(),b=function(){return e(c.overlay[0],c.options.activeClass),setTimeout(function(){var b;return e(c.overlay[0],c.options.visibleClass),"function"==typeof(b=c.options).onClose?b.onClose(a):void 0},c.options.animationSpeed)},g.call(window,b),this.hasHistory()&&"open"===history.state)return history.back()},b.prototype.isOpen=function(){return d(this.overlay[0],this.options.activeClass)},b.prototype.hasHistory=function(){return this.options.history&&window.history&&window.history.pushState},b}(this.Utils);var setOptions=this.Utils.setOptions;window.Tabs=function(a){return function(){function a(a){var b=this.options=setOptions(a,this.defaults),c=b.tabContainer,d=b.tabLinks;this.tabs=$(c).find(d),this.filter=this.tabs.data("target")?"data-target":"href",this.init(),this.tabs.on("click.ustyle.tab",function(a){return function(b){var c=$(b.currentTarget);return a.isAccordion()&&a.options.collapsible&&a.isActive(c)?(a.collapse(c),a.hashClear()):(a.navigateTo(c),a.scrollToTab(c),a.hashChange(c)),b.preventDefault()}}(this))}var b;return a.prototype.defaults={tabContainer:".us-tabs",tabLinks:".us-tabs-nav-mainlink",tabNav:".us-tabs-nav",changeUrls:!0,activeClass:"active",collapsible:!1,autoScroll:!0},a.prototype.init=function(){var a=this.activeTab(),b=this.tabFromHash();return b.length?this.navigateTo(b):a.length?this.navigateTo(a):this.options.collapsible&&this.isAccordion()?void 0:this.navigateTo(this.tabs.first())},a.prototype.hashChange=function(a){if(this.options.changeUrls)return location.replace("#!"+b(a).replace(/#/,""))},a.prototype.hashClear=function(){if(this.options.changeUrls){var a=window.location.pathname+window.location.search;return"function"==typeof history.replaceState?history.replaceState("",document.title,a):void 0}},a.prototype.navigateTo=function(a){var c=b(a),d=$(c);return this.tabs.removeClass(this.options.activeClass).end(),this.tabs.filter("["+this.filter+"='"+c+"']").addClass(this.options.activeClass),d.siblings("."+this.options.activeClass).removeClass(this.options.activeClass).end().addClass(this.options.activeClass),d.trigger("ustyle.tab.active")},a.prototype.collapse=function(a){var c=$(b(a));return this.tabs.removeClass(this.options.activeClass).end(),c.removeClass(this.options.activeClass)},a.prototype.scrollToTab=function(a){if(this.isAccordion()&&this.options.autoScroll){var c=$(b(a));return $("html,body").scrollTop(c.offset().top)}},a.prototype.activeTab=function(){return this.tabs.filter("."+this.options.activeClass)},a.prototype.tabFromHash=function(){var a=location.hash.replace("!","");return this.tabs.filter("["+this.filter+"='"+a+"']")},a.prototype.isActive=function(a){return b(a)===b(this.activeTab())},a.prototype.isAccordion=function(){return!$(this.options.tabNav).is(":visible")},b=function(a){return a.data("target")||a.attr("href")},a}()}(),window.ClassToggler=function(){function a(a){this.options=Utils.setOptions(a,b),this.options.$target?this.addEventListeners():console.trace("ClassToggle",this.options)}var b;return b={containerClass:null,$target:null,activeClass:"active",inactiveClass:null,toggleOn:"click"},a.prototype.addEventListeners=function(){return this.options.$target.on(this.options.toggleOn,function(a){return function(b){var c=a.options.containerClass?$(b.target).closest(a.options.containerClass):$(b.delegateTarget);return a.isActive(c)?a.hide(c,b):a.show(c,b)}}(this))},a.prototype.isActive=function(a){return a.hasClass(this.options.activeClass)},a.prototype.show=function(a,b){var c;return"function"==typeof(c=this.options).onShow&&c.onShow(a,b),a.addClass(this.options.activeClass)},a.prototype.hide=function(a,b){var c;return"function"==typeof(c=this.options).onHide&&c.onHide(a,b),a.removeClass(this.options.activeClass)},a}(),window.RadioToggle=function(){var a="RadioToggle is now deprecated";window.Raven&&window.Raven.captureMessage(a),console.warn(a)};
+var slice=[].slice,hasProp={}.hasOwnProperty;null==this.Utils&&(this.Utils={modules:[]});var addClass=function(a,b){return removeClass(a,b),a.className+=" "+b+" "},removeClass=function(a,b){var c=new RegExp("(\\s|^)"+b+"(\\s|$)","gi");return a.className=a.className.replace(c,"")},hasClass=function(a,b){return new RegExp("(^| )"+b+"( |$)","gi").test(a.className)},merge=function(){var a,b,c,d,e=arguments[0],f=2<=arguments.length?slice.call(arguments,1):[];for(b=0,c=f.length;b<c;b++){a=f[b];for(d in a)hasProp.call(a,d)&&(e[d]=a[d])}return e},setOptions=function(a,b){return merge({},b,a)},deleteUndefined=function(a){var b,c,d=[];for(b in a)c=a[b],null===c||void 0===c?d.push(delete a[b]):d.push(void 0);return d},transformKey=function(){var a,b,c,d=document.createElement("div"),e=["transform","webkitTransform","OTransform","MozTransform","msTransform"];for(a=0,c=e.length;a<c;a++)if(b=e[a],void 0!==d.style[b])return b}(),requestAnimationFrame=function(a){var b,c,d,e=["ms","moz","webkit","o"];for(b=0,c=e.length;b<c&&(d=e[b],!a.requestAnimationFrame);b++)a.requestAnimationFrame=a[d+"RequestAnimationFrame"];return a.requestAnimationFrame||(a.requestAnimationFrame=function(a){return setTimeout(a,1e3/60)})}(window);this.Utils={addClass:addClass,removeClass:removeClass,hasClass:hasClass,merge:merge,setOptions:setOptions,deleteUndefined:deleteUndefined,transformKey:transformKey,requestAnimationFrame:requestAnimationFrame},window.Backdrop=function(){function a(){null==(d=document.querySelector(".us-backdrop"))&&(d=b())}var b,c=0,d=null;return a.prototype.element=d,b=function(){return d=document.createElement("div"),Utils.addClass(d,"us-backdrop"),document.body.appendChild(d)},a.prototype.retain=function(){var a;if(1===++c)return Utils.addClass(d,"us-backdrop--visible"),a=function(){if(c>=1)return Utils.addClass(d,"us-backdrop--active")},Utils.requestAnimationFrame.call(window,a)},a.prototype.release=function(){var a;return 1===c&&(Utils.removeClass(d,"us-backdrop--active"),a=function(){return setTimeout(function(){if(0===c)return Utils.removeClass(d,"us-backdrop--visible")},300)},Utils.requestAnimationFrame.call(window,a)),c=Math.max(0,c-1)},a}(),window.Overlay=function(a){function b(a){if(this.overlay=(this.options=f(a,h)).overlay,null==this.overlay||"undefined"==typeof Backdrop||null===Backdrop)throw new Error("There's no overlay or you haven't included Backdrop");this.backdrop=new Backdrop,this.addEventListeners()}var c=a.addClass,d=a.hasClass,e=a.removeClass,f=a.setOptions,g=a.requestAnimationFrame,h={bodyActiveClass:"us-overlay--open",activeClass:"us-overlay-parent--active",visibleClass:"us-overlay-parent--visible",overlay:$(".us-overlay-parent"),openButton:".js-open-overlay",closeButton:".js-close-overlay",historyStatus:"#seedeal",history:!1,preventDefault:!0,animationSpeed:300};return b.prototype.addEventListeners=function(){if($(this.options.openButton).on("click.open-overlay",function(a){return function(b){return a.options.preventDefault&&b.preventDefault(),a.show(b)}}(this)),this.overlay.on("click.close-overlay",function(a){return function(b){for(var c=[],d=a.overlay.find(a.options.closeButton).toArray(),e=[a.overlay[0]].concat(d),f=e.length-1;f>=0;f--){var g=e[f];if(b.target===g){a.options.preventDefault&&b.preventDefault(),a.hide(b);break}c.push(void 0)}return c}}(this)),this.hasHistory())return window.onpopstate=function(a){return function(b){if(a.isOpen())return a.hide(b)}}(this)},b.prototype.show=function(a){var b,d=this;if($(document.body).addClass(this.options.bodyActiveClass),this.backdrop.retain(),c(this.overlay[0],this.options.visibleClass),b=function(){return c(d.overlay[0],d.options.activeClass),setTimeout(function(){var b;return"function"==typeof(b=d.options).onOpen?b.onOpen(a):void 0},d.options.animationSpeed)},g.call(window,b),this.hasHistory())return history.pushState("open",window.document.title,this.options.historyStatus)},b.prototype.hide=function(a){var b,c=this;if($(document.body).removeClass(this.options.bodyActiveClass),this.backdrop.release(),b=function(){return e(c.overlay[0],c.options.activeClass),setTimeout(function(){var b;return e(c.overlay[0],c.options.visibleClass),"function"==typeof(b=c.options).onClose?b.onClose(a):void 0},c.options.animationSpeed)},g.call(window,b),this.hasHistory()&&"open"===history.state)return history.back()},b.prototype.isOpen=function(){return d(this.overlay[0],this.options.activeClass)},b.prototype.hasHistory=function(){return this.options.history&&window.history&&window.history.pushState},b}(this.Utils),window.Tabs=function(a){function b(a){var b=this.options=f(a,this.defaults),c=b.tabContainer,d=b.tabLinks;if(this.activeTabEvent=new CustomEvent("ustyle.tab.active"),this.tabs=document.querySelectorAll(c+" "+d),this.tabs.length){this.filter=this.tabs.item(0).getAttribute("data-target")?"data-target":"href",this.init();var e=function(a){return function(b){var c=b.currentTarget;return a.isAccordion()&&a.options.collapsible&&a.isActive(c)?(a.collapse(c),a.hashClear()):(a.navigateTo(c),a.scrollToTab(c),a.hashChange(c)),b.preventDefault()}}(this);h(this.tabs,function(a,b){b.addEventListener("click",e)})}}var c=a.addClass,d=a.hasClass,e=a.removeClass,f=a.setOptions;b.prototype.defaults={tabContainer:".us-tabs",tabLinks:".us-tabs-nav-mainlink",tabNav:".us-tabs-nav",changeUrls:!0,activeClass:"active",collapsible:!1,autoScroll:!0},b.prototype.init=function(){var a=this.activeTab(),b=this.tabFromHash();return b?this.navigateTo(b):a?this.navigateTo(a):this.options.collapsible&&this.isAccordion()?void 0:this.navigateTo(this.tabs.item(0))},b.prototype.hashChange=function(a){if(this.options.changeUrls)return window.location.replace("#!"+g(a).replace(/#/,""))},b.prototype.hashClear=function(){if(this.options.changeUrls){var a=window.location.pathname+window.location.search;return"function"==typeof history.replaceState?history.replaceState("",document.title,a):void 0}},b.prototype.navigateTo=function(a){var b=g(a),d=document.querySelector(b),f=this.options.activeClass,i=this.filter;return h(this.tabs,function(a,b){e(b,f)}),h(this.tabs,function(a,d){if(d.getAttribute(i)===b)return c(d,f)}),h(d.parentNode.children,function(a,b){b!==d&&e(b,f)}),c(d,f),d.dispatchEvent(this.activeTabEvent)},b.prototype.collapse=function(a){var b=document.querySelector(g(a)),c=this.options.activeClass;return h(this.tabs,function(a,b){e(b,c)}),e(b,c)},b.prototype.scrollToTab=function(a){if(this.isAccordion()&&this.options.autoScroll){return document.querySelector(g(a)).scrollIntoView()}},b.prototype.activeTab=function(){var a=this.options.activeClass,b=null;return h(this.tabs,function(c,e){if(d(e,a))return b=e}),b},b.prototype.tabFromHash=function(){var a=window.location.hash.replace("!",""),b=this.filter,c=null;return h(this.tabs,function(d,e){if(e.getAttribute(b)===a)return c=e}),c},b.prototype.isActive=function(a){return g(a)===g(this.activeTab())},b.prototype.isAccordion=function(){var a=document.querySelector(this.options.tabNav);return!(a.offsetWidth>0||a.offsetHeight>0)};var g=function(a){return a.getAttribute("data-target")||a.getAttribute("href")},h=function(a,b,c){for(var d=a.length-1;d>=0;d--)b.call(c,d,a[d])};return b}(this.Utils),window.ClassToggler=function(){function a(a){this.options=Utils.setOptions(a,b),this.options.$target?this.addEventListeners():console.trace("ClassToggle",this.options)}var b;return b={containerClass:null,$target:null,activeClass:"active",inactiveClass:null,toggleOn:"click"},a.prototype.addEventListeners=function(){return this.options.$target.on(this.options.toggleOn,function(a){return function(b){var c=a.options.containerClass?$(b.target).closest(a.options.containerClass):$(b.delegateTarget);return a.isActive(c)?a.hide(c,b):a.show(c,b)}}(this))},a.prototype.isActive=function(a){return a.hasClass(this.options.activeClass)},a.prototype.show=function(a,b){var c;return"function"==typeof(c=this.options).onShow&&c.onShow(a,b),a.addClass(this.options.activeClass)},a.prototype.hide=function(a,b){var c;return"function"==typeof(c=this.options).onHide&&c.onHide(a,b),a.removeClass(this.options.activeClass)},a}(),window.RadioToggle=function(){var a="RadioToggle is now deprecated";window.Raven&&window.Raven.captureMessage(a),console.warn(a)};

data/grunt/modules/dss-helper.js

@@ -1,117 +1,115 @@
-"use strict";
-
-var dss        = require("dss"),
-    crypto     = require("crypto"),
-    marked     = require('marked'),
-    escaped    = require("underscore.string/escapeHTML");
+const dss = require('dss')
+const crypto = require('crypto')
+const marked = require('marked')
+const escaped = require('underscore.string/escapeHTML')
 
 module.exports = {
+  /**
+   * Register DSS parsers
+   *
+   * @param {object} parsers - An object containing the declared parsers to register
+   */
+  addParsers: function (parsers) {
+    for (var key in parsers) {
+      dss.parser(key, parsers[key])
+    }
+  },
 
-    /**
-     * Register DSS parsers
-     *
-     * @param {object} parsers - An object containing the declared parsers to register
-     */
-
-    addParsers: function(parsers){
-      for(var key in parsers){
-        dss.parser(key, parsers[key]);
-      }
-    },
-
-    /**
-     * Removing ${modifiers} text from markup
-     *
-     * @param {string} escaped markup - The file to extract the variable values from
-     * @return {string} Escaped string without ${modifiers}
-     */
-
-    addStateToExample: function(markup, state){
-      return markup.replace(/{\$modifiers}/g, state);
-    },
-
-    /**
-     * Removing ${modifiers} text from markup
-     *
-     * @param {string} escaped markup - The file to extract the variable values from
-     * @return {string} Escaped string without ${modifiers}
-     */
-    removeModifiersFromMarkup: function(escaped){
-      return escaped.replace(/(\sclass=('|"){\$modifiers}('|")|\s{\$modifiers})/g, "");
-    },
+  /**
+   * Removing ${modifiers} text from markup
+   *
+   * @param {string} escaped markup - The file to extract the variable values from
+   * @return {string} Escaped string without ${modifiers}
+   */
+  addStateToExample: function (markup, state) {
+    return markup.replace(/{\$modifiers}/g, state)
+  },
 
-    /**
-     * Get parser for a file which will extract "@variable {name} - {description}"
-     *
-     * @param {object} file - The file to extract the variable values from
-     * @return {function} A DSS parser
-     */
-    variableDssParser: function() {
+  /**
+   * Removing ${modifiers} text from markup
+   *
+   * @param {string} escaped markup - The file to extract the variable values from
+   * @return {string} Escaped string without ${modifiers}
+   */
+  removeModifiersFromMarkup: function (escaped) {
+    return escaped.replace(/(\sclass=('|"){\$modifiers}('|")|\s{\$modifiers})/g, '')
+  },
 
-        var fileVariables = {},
-            fileVariablesRx = /^[\$|@]([a-zA-Z0-9_-]+):([^\;]+)\;/gim,
-            lineSplitRx = /(( - )+)/,
-            variables = {},
-            match, hash, tokens, name;
+  /**
+   * Get parser for a file which will extract "@variable {name} - {description}"
+   *
+   * @param {object} file - The file to extract the variable values from
+   * @return {function} A DSS parser
+   */
+  variableDssParser: function () {
+    const fileVariablesRx = /^[$|@]([a-zA-Z0-9_-]+):([^;]+);/gim
+    const lineSplitRx = /(( - )+)/
+    var fileVariables = {}
+    var variables = {}
+    var match
+    var hash
+    var tokens
+    var name
 
-        return function(i, line, block, css) {
-            hash = crypto.createHash('md5').update(css).digest('hex');
-            if (!fileVariables[hash]) {
-                while ((match = fileVariablesRx.exec(css)) !== null) {
-                    variables[match[1].trim()] = match[2].trim();
-                }
-                fileVariables[hash] = variables;
-            }
+    return function (i, line, block, css) {
+      hash = crypto.createHash('md5').update(css).digest('hex')
+      if (!fileVariables[hash]) {
+        while ((match = fileVariablesRx.exec(css)) !== null) {
+          variables[match[1].trim()] = match[2].trim()
+        }
+        fileVariables[hash] = variables
+      }
 
             // Extract name and any delimiter with description
-            tokens = line.split(lineSplitRx, 2);
-            name = tokens[0].trim();
-            if (variables.hasOwnProperty(name)) {
-                return {
-                    name: name,
+      tokens = line.split(lineSplitRx, 2)
+      name = tokens[0].trim()
+      if (variables.hasOwnProperty(name)) {
+        return {
+          name: name,
                     // Description is line with name and any delimiter replaced
-                    description: line.replace(tokens.join(''), ''),
-                    value: variables[name]
-                };
-            }
-        };
-    },
-    /**
-     * Read over multiple description lines and return a markdown version
-     *
-     * @param {number} i - line number
-     * @param {string} line - Line matching parser
-     * @param {string} block - Entire block of text matching
-     * @return {string} A markdown version of the description
-     */
-    descriptionDssParser: function(i, line, block){
-      var nextParserIndex = block.indexOf("@", i+1),
-          markupLength = nextParserIndex > -1 ? nextParserIndex - i : block.length,
-          markup = block.split('')
-                        .splice(i, markupLength)
-                        .join('')
-                        .replace(/\n/g, '\n\n')
-                        .replace(/@description/, '');
+          description: line.replace(tokens.join(''), ''),
+          value: variables[name]
+        }
+      }
+    }
+  },
 
-          return marked(markup);
-    },
+  /**
+   * Read over multiple description lines and return a markdown version
+   *
+   * @param {number} i - line number
+   * @param {string} line - Line matching parser
+   * @param {string} block - Entire block of text matching
+   * @return {string} A markdown version of the description
+   */
+  descriptionDssParser: function (i, line, block) {
+    var nextParserIndex = block.indexOf('@', i + 1)
+    var markupLength = nextParserIndex > -1 ? nextParserIndex - i : block.length
+    var markup = block.split('')
+      .splice(i, markupLength)
+      .join('')
+      .replace(/\n/g, '\n\n')
+      .replace(/@description/, '')
 
-    /**
-     * Read over multiple lines and return a javascript code snippet
-     *
-     * @param {number} i - line number
-     * @param {string} line - Line matching parser
-     * @param {string} block - Entire block of text matching
-     * @return {string} JavaScript code snipper
-     */
-    javascriptParser: function(i, line, block){
-      var nextParserIndex = block.indexOf("@", i+1),
-          markupLength = nextParserIndex > -1 ? nextParserIndex - i : block.length,
-          markup = block.split('')
-                        .splice(i, markupLength)
-                        .join('')
-                        .replace(/@javascript/, '');
+    return marked(markup)
+  },
 
-          return escaped(markup);
-    }
-};
+  /**
+   * Read over multiple lines and return a javascript code snippet
+   *
+   * @param {number} i - line number
+   * @param {string} line - Line matching parser
+   * @param {string} block - Entire block of text matching
+   * @return {string} JavaScript code snipper
+   */
+  javascriptParser: function (i, line, block) {
+    var nextParserIndex = block.indexOf('@', i + 1)
+    var markupLength = nextParserIndex > -1 ? nextParserIndex - i : block.length
+    var markup = block.split('')
+      .splice(i, markupLength)
+      .join('')
+      .replace(/@javascript/, '')
+
+    return escaped(markup)
+  }
+}

data/grunt/modules/file.js

@@ -1,26 +1,24 @@
-"use strict";
-
-var grunt = require('grunt');
+const grunt = require('grunt')
 
 module.exports = {
-  writeFile: function(file, dest, message){
-    var outputType = 'created',
-        oldFile    = null;
+  writeFile: function (file, dest, message) {
+    var outputType = 'created'
+    var oldFile = null
 
     if (grunt.file.exists(dest)) {
-      outputType = 'overwritten';
-      oldFile = grunt.file.read(dest);
+      outputType = 'overwritten'
+      oldFile = grunt.file.read(dest)
     }
 
     if (oldFile !== file) {
-      grunt.file.write(dest, file);
-      grunt.log.writeln('✓ '+ message +' ' + outputType + ' at: ' + grunt.log.wordlist([dest], {color: 'cyan'}));
+      grunt.file.write(dest, file)
+      grunt.log.writeln('✓ ' + message + ' ' + outputType + ' at: ' + grunt.log.wordlist([dest], {color: 'cyan'}))
     } else {
-      grunt.log.writeln('‣ '+ message +' unchanged');
+      grunt.log.writeln('‣ ' + message + ' unchanged')
     }
   },
 
-  isMarkdown: function(extension){
-    return extension === ".md";
+  isMarkdown: function (extension) {
+    return extension === '.md'
   }
 }

data/grunt/modules/html-parser.js

@@ -1,24 +1,22 @@
-"use strict";
-
-var cheerio = require('cheerio');
+const cheerio = require('cheerio')
 
 module.exports = {
-  extractSubNav: function(content){
-    var $ = cheerio.load(content),
-            contents = [];
+  extractSubNav: function (content) {
+    var $ = cheerio.load(content)
+    var contents = []
 
-    function buildHashOfContents(i, el) {
-      contents.push({name: $(el).text(), link: $(el).attr('href')});
+    function buildHashOfContents (i, el) {
+      contents.push({name: $(el).text(), link: $(el).attr('href')})
     }
 
-    $('ul.table-of-contents a').map(buildHashOfContents);
-    return contents;
+    $('ul.table-of-contents a').map(buildHashOfContents)
+    return contents
   },
 
-  removeSubNav: function(content){
-    var $ = cheerio.load(content);
+  removeSubNav: function (content) {
+    var $ = cheerio.load(content)
 
-    $('ul.table-of-contents').remove();
-    return $.html();
+    $('ul.table-of-contents').remove()
+    return $.html()
   }
 }

data/grunt/modules/templates.js

@@ -1,59 +1,57 @@
-"use strict";
+const handlebars = require('handlebars')
+const humanize = require('underscore.string/humanize')
 
-var handlebars = require('handlebars'),
-    humanize   = require('underscore.string/humanize');
-
-function humanFileSize(size) {
-    if(size < 1024) return size;
-    var i = Math.floor( Math.log(size) / Math.log(1024) );
-    return new handlebars.SafeString( ( size / Math.pow(1024, i) ).toFixed(2) * 1 + '<span> ' + ['B', 'kB', 'MB', 'GB', 'TB'][i]+'</span>');
+function humanFileSize (size) {
+  if (size < 1024) return size
+  var i = Math.floor(Math.log(size) / Math.log(1024))
+  return new handlebars.SafeString((size / Math.pow(1024, i)).toFixed(2) * 1 + '<span> ' + ['B', 'kB', 'MB', 'GB', 'TB'][i] + '</span>')
 };
 
 module.exports = {
-  registerHelpers: function(){
-    handlebars.registerHelper("humanize", function(name, options) {
-      return new handlebars.SafeString(humanize(name));
-    });
+  registerHelpers: function () {
+    handlebars.registerHelper('humanize', function (name, options) {
+      return new handlebars.SafeString(humanize(name))
+    })
 
-    handlebars.registerHelper('json', function(context) {
-        return JSON.stringify(context);
-    });
+    handlebars.registerHelper('json', function (context) {
+      return JSON.stringify(context)
+    })
 
-    handlebars.registerHelper("partial", function (name, options) {
+    handlebars.registerHelper('partial', function (name, options) {
       // Get the partial with the given name. This is a string.
-      var partial = handlebars.partials[name];
+      var partial = handlebars.partials[name]
 
       // Return empty string if the partial is not defined
-      if (!partial) return "";
+      if (!partial) return ''
       // Compile and call the partial with this as context
-      return new handlebars.SafeString(handlebars.compile(partial)(this));
-    });
+      return new handlebars.SafeString(handlebars.compile(partial)(this))
+    })
 
-    handlebars.registerHelper('activeClass', function(name, attribute, context) {
-      var active = '';
-      if(name === context.data.root.page[attribute]) {
+    handlebars.registerHelper('activeClass', function (name, attribute, context) {
+      var active = ''
+      if (name === context.data.root.page[attribute]) {
         active = 'active'
       }
-      return new handlebars.SafeString(active);
-    });
+      return new handlebars.SafeString(active)
+    })
 
-    handlebars.registerHelper('isActive', function(name, attribute, context) {
-      if(name === attribute){
-        return context.fn(this);
+    handlebars.registerHelper('isActive', function (name, attribute, context) {
+      if (name === attribute) {
+        return context.fn(this)
       }
-      return context.inverse(this);
-    });
+      return context.inverse(this)
+    })
 
-    handlebars.registerHelper('humanFileSize', function(size, context) {
-      return new handlebars.SafeString(humanFileSize(size));
-    });
+    handlebars.registerHelper('humanFileSize', function (size, context) {
+      return new handlebars.SafeString(humanFileSize(size))
+    })
 
-    handlebars.registerHelper('number', function(number, context) {
-      return new handlebars.SafeString(number.toPrecision(2));
-    });
+    handlebars.registerHelper('number', function (number, context) {
+      return new handlebars.SafeString(number.toPrecision(2))
+    })
 
-    handlebars.registerHelper('classSanitizer', function(klass){
-      return new handlebars.SafeString(klass.split('.')[1]);
-    });
+    handlebars.registerHelper('classSanitizer', function (klass) {
+      return new handlebars.SafeString(klass.split('.')[1])
+    })
   }
-};
+}

data/grunt/tasks/browser-sync.js

@@ -1,19 +1,23 @@
-"use strict";
+'use strict'
 
-module.exports = function(grunt){
-  var browserSync = require("browser-sync");
-  
-  grunt.registerTask("browserSync-init", function() {
-      var done = this.async();
-      browserSync({
-          server: "./docs",
-          notify: false
-      }, function (err, bs) {
-          done();
-      });
-  });
+module.exports = function (grunt) {
+  var browserSync = require('browser-sync')
 
-  grunt.registerTask("browserSync-inject", function() {
-    browserSync.reload(["docs/css/main.css"]);
-  });
+  grunt.registerTask('browserSync-init', function () {
+    var done = this.async()
+    browserSync({
+      server: './docs',
+      notify: false
+    }, function (err, bs) {
+      if (err) {
+        console.log(err)
+      }
+
+      done()
+    })
+  })
+
+  grunt.registerTask('browserSync-inject', function () {
+    browserSync.reload(['docs/css/main.css'])
+  })
 }

data/grunt/tasks/builder.js

@@ -1,72 +1,67 @@
-'use strict';
+const handlebars = require('handlebars')
+const async = require('async')
+const path = require('path')
+const template = require('../modules/templates')
+const fileHelper = require('../modules/file')
+const slugify = require('underscore.string/slugify')
 
-module.exports = function(grunt){
-
-  grunt.registerMultiTask('builder', function() {
-
-    var handlebars  = require('handlebars'),
-        async       = require('async'),
-        path        = require('path'),
-        fs          = require('fs'),
-        template    = require('../modules/templates'),
-        fileHelper  = require('../modules/file'),
-        slugify     = require("underscore.string/slugify"),
-        promise     = this.async(),
-        files       = this.files;
+module.exports = function (grunt) {
+  grunt.registerMultiTask('builder', function () {
+    var promise = this.async()
+    var files = this.files
 
     var options = this.options({
       templates: './styleguide/**/*.tpl'
-    });
+    })
 
     async.waterfall([
-        init,
-        generateStyleguide
-    ], completeTask);
+      init,
+      generateStyleguide
+    ], completeTask)
 
-    function completeTask(){
-      promise();
+    function completeTask () {
+      promise()
     }
 
-    function init(callback){
-      template.registerHelpers();
-      generateTemplates(options.templates);
-      callback(null);
+    function init (callback) {
+      template.registerHelpers()
+      generateTemplates(options.templates)
+      callback(null)
     }
 
-    function generateStyleguide(callback){
-      files.forEach(function(file){
-        var dest = file.dest,
-            datum = grunt.file.readJSON(file.src[0]);
-        generatePages(datum, datum.pages, dest);
-      });
-      callback(null, 'done');
+    function generateStyleguide (callback) {
+      files.forEach(function (file) {
+        const dest = file.dest
+        const datum = grunt.file.readJSON(file.src[0])
+        generatePages(datum, datum.pages, dest)
+      })
+      callback(null, 'done')
     }
 
-    function generatePages(data, pages, dest){
-      pages.map(function(page){
-        var model = {
+    function generatePages (data, pages, dest) {
+      pages.map(function (page) {
+        const model = {
           project: data.project,
           navigation: data.navigation,
           page: page,
           pages: data.pages
-        };
-        var outputFilePath = dest + slugify(page.section) + "/" + page.page,
-            template = handlebars.compile(grunt.file.read(page.template))(model);
+        }
+        const outputFilePath = dest + slugify(page.section) + '/' + page.page
+        const template = handlebars.compile(grunt.file.read(page.template))(model)
 
-        fileHelper.writeFile(template, outputFilePath, "Build");
-      });
+        fileHelper.writeFile(template, outputFilePath, 'Build')
+      })
     }
 
-    function generateTemplates(templatePath){
-      var templates = {};
+    function generateTemplates (templatePath) {
+      var templates = {}
 
-      grunt.file.expand(templatePath).forEach(function(file){
-        var templateName = path.basename(file, '.tpl');
-        templates[templateName] = grunt.file.read(file);
-      });
+      grunt.file.expand(templatePath).forEach(function (file) {
+        var templateName = path.basename(file, '.tpl')
+        templates[templateName] = grunt.file.read(file)
+      })
 
-      handlebars.registerPartial(templates);
+      handlebars.registerPartial(templates)
     }
-
-  });
+  })
 }