Make styleguide optional

usebedrock · Aug 28, 2017 · 91a0ec4 · 91a0ec4
1 parent 7c366d9
commit 91a0ec4
Show file tree

Hide file tree

Showing 4 changed files with 58 additions and 56 deletions.
diff --git a/core/discovery/colors.js b/core/discovery/colors.js
@@ -3,8 +3,13 @@
 const fs = require('fs');
 const _ = require('lodash');
 const paths = require('../paths');
+const config = require('../../bedrock.config');
 
 function discover() {
+  if (!config.styleguide) {
+    return [];
+  }
+
   const CATEGORY_REGEX = /\/\*\s(.*)/g;
 
   const scss = fs.readFileSync(paths.content.scss.colorsDefinition, 'utf-8');

diff --git a/core/js/prototype-style-guide-code-samples.js b/core/js/prototype-style-guide-code-samples.js
@@ -6,65 +6,57 @@ require('codemirror/mode/javascript/javascript');
 require('codemirror/mode/pug/pug');
 require('codemirror/mode/xml/xml');
 
-const $codeBlocks = $('.br-sample-code .br-sample-markup');
-const $codeButtons = $('.br-sample-show-code-btn');
-const $copyButtons = $('.br-sample-copy-code-btn');
-const clipboard = new Clipboard('.br-sample-copy-code-btn', {
-  text: function (trigger) {
-    const originalButtonText = $(trigger).text();
-
-    $(trigger).prop('disabled', true);
-    $(trigger).text('Copied!');
-
-    setTimeout(function () {
-      $(trigger).text(originalButtonText);
-      $(trigger).prop('disabled', false);
-    }, 1500);
-
-    return $(trigger).siblings('.br-sample-markup').find('.CodeMirror').get(0).CodeMirror.getValue();
-  }
-});
+if (config.styleguide) {
+  const $codeBlocks = $('.br-sample-code .br-sample-markup');
+  const $codeButtons = $('.br-sample-show-code-btn');
+  const $copyButtons = $('.br-sample-copy-code-btn');
+  const clipboard = new Clipboard('.br-sample-copy-code-btn', {
+    text: function (trigger) {
+      const originalButtonText = $(trigger).text();
+
+      $(trigger).prop('disabled', true);
+      $(trigger).text('Copied!');
+
+      setTimeout(function () {
+        $(trigger).text(originalButtonText);
+        $(trigger).prop('disabled', false);
+      }, 1500);
+
+      return $(trigger).siblings('.br-sample-markup').find('.CodeMirror').get(0).CodeMirror.getValue();
+    }
+  });
 
 // Hide on init
-$codeBlocks.hide();
-
-$codeButtons.on('click', function () {
-  var $codeBlock = $(this).parents('.br-sample').find('.br-sample-markup');
-  $codeBlock.toggle();
-  $codeBlock.find('.CodeMirror').each(function (i, el) {
-    el.CodeMirror.refresh();
+  $codeBlocks.hide();
+
+  $codeButtons.on('click', function () {
+    const $codeBlock = $(this).parents('.br-sample').find('.br-sample-markup');
+    $codeBlock.toggle();
+    $codeBlock.find('.CodeMirror').each(function (i, el) {
+      el.CodeMirror.refresh();
+    });
   });
-});
-
-$codeBlocks.each(function () {
-  const code = $(this).text();
 
-  $(this).empty();
-  if ( config.ui.dark ) {
-    var editorOptions = {
+  $codeBlocks.each(function () {
+    const code = $(this).text();
+    const editorOptions = {
       value: code,
       readOnly: true,
-      theme: 'monokai'
+      theme: config.ui.dark ? 'monokai' : 'default',
+    };
+
+    $(this).empty();
+
+    switch (config.styleguide.snippetLanguage) {
+      case 'pug':
+        editorOptions.mode = 'pug';
+        break;
+      case 'html':
+        editorOptions.mode = 'xml';
+        editorOptions.htmlMode = true;
+        break;
     }
-  } else {
-    var editorOptions = {
-      value: code,
-      readOnly: true,
-      theme: 'default'
-    }
-  }
 
-  switch (config.styleguide.snippetLanguage) {
-    case 'pug':
-      editorOptions.mode = 'pug';
-      break;
-    case 'html':
-      editorOptions.mode = 'xml';
-      editorOptions.htmlMode = true;
-      break;
-  }
-
-  const editor = Codemirror(this, editorOptions);
-
-  $(this).editor = editor;
-});
+    $(this).editor = Codemirror(this, editorOptions);
+  });
+}
diff --git a/core/paths.js b/core/paths.js
@@ -25,7 +25,7 @@ module.exports = {
       base: path.join(contentPath, 'scss/base/'),
       custom: path.join(contentPath, 'scss/custom/'),
       settings: path.join(contentPath, 'scss/settings/'),
-      colorsDefinition: config.styleguide.colors
+      colorsDefinition: config.styleguide ? config.styleguide.colors : null,
     },
     templates: {
       path: path.join(contentPath, 'templates/'),

diff --git a/gulpfile.js b/gulpfile.js
@@ -13,6 +13,8 @@ const watch = require('./core/tasks/watch');
 const server = require('./core/tasks/server');
 const iconFont = require('./core/tasks/icon-font');
 
+const config = require('./bedrock.config');
+
 gulp.task('sass', sass);
 gulp.task('server', server);
 gulp.task('copy:images', copy.images);
@@ -23,7 +25,10 @@ gulp.task('copy:compiledToDist', copy.compiledToDist);
 gulp.task('bundle', bundle);
 gulp.task('icon-font', iconFont);
 
-gulp.task('templates:compile', ['templates:compile:content', 'templates:compile:styleguide', 'templates:compile:docs']);
+gulp.task('templates:compile', config.styleguide ?
+  ['templates:compile:content', 'templates:compile:styleguide', 'templates:compile:docs'] :
+  ['templates:compile:content']
+);
 gulp.task('templates:compile:content', templates.compile.content);
 gulp.task('templates:compile:styleguide', templates.compile.styleguide);
 gulp.task('templates:compile:docs', templates.compile.docs);