Add serialized configuration to index.html

SC5 · Apr 13, 2015 · 139a76d · 139a76d
1 parent 0655e33
commit 139a76d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 9 deletions.
diff --git a/lib/app/index.html b/lib/app/index.html
@@ -5,6 +5,7 @@
   <link rel="icon" href="assets/img/favicon.ico">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <script>
+    var _styleguideConfig = {{{styleguideConfig}}};
     (function() {
       'use strict';
       var userStyleFiles = [
@@ -25,17 +26,10 @@
         head.appendChild(link);
       }
 
-      {{#disableEncapsulation}}
-      // Always use "global" styles
-      userStyleFiles.forEach(addCssLink);
-      {{/disableEncapsulation}}
-
-      {{^disableEncapsulation}}
       // Use Shadow DOM but fallback to global styles if shadow DOM is not supported
-      if (typeof head.createShadowRoot !== 'function') {
+      if (typeof head.createShadowRoot !== 'function' || _styleguideConfig.disableEncapsulation) {
         userStyleFiles.forEach(addCssLink);
       }
-      {{/disableEncapsulation}}
 
       addCssLink('{{{appRoot}}}/styleguide_at_rules.css');
       addCssLink('{{{appRoot}}}/css/app.css', {noReload: true});

diff --git a/lib/styleguide.js b/lib/styleguide.js
@@ -257,7 +257,7 @@ module.exports.generate = function(options) {
             .pipe(mustache({
               title: opt.title,
               extraHead: opt.extraHead,
-              disableEncapsulation: opt.disableEncapsulation,
+              styleguideConfig: JSON.stringify(copyUsedOptionsToJsonConfig(opt, {}).config),
               appRoot: opt.appRoot,
               socketIo: opt.server,
               filesConfig: JSON.stringify(opt.filesConfig)

diff --git a/test/integration/structure.test.js b/test/integration/structure.test.js
@@ -61,6 +61,9 @@ describe('index.html', function() {
     expect(indexHtml.contents.toString()).to.contain('var filesConfig = []');
   });
 
+  it('should contain serialized styleguide configuration', function() {
+    expect(indexHtml.contents.toString()).to.contain('var _styleguideConfig = {"appRoot":"/my-styleguide-book"');
+  });
 });
 
 describe('styleguide_pseudo_styles.css', function() {