Merge branch 'geoffp-default-pattern-config' into dev

bmuenzenmeyer · bmuenzenmeyer · commit 6f967dc8d1b8 · 2016-03-07T00:37:08.000-06:00
diff --git a/README.md b/README.md
@@ -173,6 +173,18 @@ Coupled with exported css (much easier to extract with existing tools like [grun
 
 Default: true
 
+##### defaultPattter
+`config.json` has an entry that allows you to specifiy a specific pattern upon launch of the main site. It works even without BrowserSync running. Set it like this:
+
+```
+"defaultPattern": "pages-homepage",
+```
+Default: "all"
+If running with BrowserSync, you may also set [this BrowserSync options](https://www.browsersync.io/docs/options/#option-startPath) to achieve the same result via your Gruntfile or Gulpfile.
+
+```
+startPath: '/?p=pages-homepage',
+```
 
 ##### baseurl
 
diff --git a/config.json b/config.json
@@ -26,6 +26,7 @@
     "templates",
     "pages"
   ],
+  "defaultPattern": "all",
   "ignored-extensions" : ["scss", "DS_Store", "less"],
   "ignored-directories" : ["scss"],
   "debug": false,
diff --git a/core/lib/patternlab.js b/core/lib/patternlab.js
@@ -543,7 +543,10 @@ var patternlab_engine = function (config) {
     var viewAllPathsPartialHtml = pattern_assembler.renderPattern(viewAllPathsTemplate, {'viewallpaths': JSON.stringify(patternlab.viewAllPaths)});
 
     //render the patternlab template, with all partials
-    var patternlabSiteHtml = pattern_assembler.renderPattern(patternlabSiteTemplate, {cacheBuster: patternlab.cacheBuster}, {
+    var patternlabSiteHtml = pattern_assembler.renderPattern(patternlabSiteTemplate, {
+      defaultPattern: patternlab.config.defaultPattern || 'all',
+      cacheBuster: patternlab.cacheBuster
+    }, {
       'ishControls': ishControlsPartialHtml,
       'patternNav': patternNavPartialHtml,
       'patternPaths': patternPathsPartialHtml,
diff --git a/core/styleguide/js/styleguide.js b/core/styleguide/js/styleguide.js
@@ -469,16 +469,18 @@
 	}
 
 	// load the iframe source
-	var patternName = "all";
+	var patternName = window.defaultPattern || "all";
 	var patternPath = "";
-	var iFramePath  = window.location.protocol+"//"+window.location.host+window.location.pathname.replace("index.html","")+"styleguide/html/styleguide.html";
+	var iFramePath  = window.location.protocol + "//" + window.location.host + window.location.pathname.replace("index.html","") + "styleguide/html/styleguide.html";
+
+  // if we were passed some url parameters, deal with it
 	if ((oGetVars.p != undefined) || (oGetVars.pattern != undefined)) {
 		patternName = (oGetVars.p != undefined) ? oGetVars.p : oGetVars.pattern;
-		patternPath = urlHandler.getFileName(patternName);
-		iFramePath  = (patternPath != "") ? window.location.protocol+"//"+window.location.host+window.location.pathname.replace("index.html","")+patternPath : iFramePath;
 	}
 
 	if (patternName != "all") {
+		patternPath = urlHandler.getFileName(patternName);
+		iFramePath  = (patternPath != "") ? window.location.protocol + "//" + window.location.host + window.location.pathname.replace("index.html","") + patternPath : iFramePath;
 		document.getElementById("title").innerHTML = "Pattern Lab - "+patternName;
 		history.replaceState({ "pattern": patternName }, null, null);
 	}
diff --git a/core/templates/index.mustache b/core/templates/index.mustache
@@ -18,6 +18,7 @@
 	<link rel="stylesheet" href="styleguide/css/vendor/prism.css?{{ cacheBuster }}" media="all" />
 	<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
 	<script>window.jQuery || document.write('<script src="styleguide/js/vendor/jquery.js"><\/script>')</script>
+  <script>window.defaultPattern = '{{defaultPattern}}';</script>
 </head>
 <body  id="patternlab-body">>
 	<!--Style Guide Header-->
