Support for configuring a default pattern in config.json

geoffp · geoffp · commit 4e0ad4daba44 · 2016-02-26T11:22:34.000-06:00
diff --git a/builder/patternlab.js b/builder/patternlab.js
@@ -473,7 +473,11 @@ 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, {}, {
+    debugger;
+
+    var patternlabSiteHtml = pattern_assembler.renderPattern(patternlabSiteTemplate, {
+      defaultPattern: patternlab.config.defaultPattern || 'all'
+    }, {
       'ishControls': ishControlsPartialHtml,
       'patternNav': patternNavPartialHtml,
       'patternPaths': patternPathsPartialHtml,
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/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/source/_patternlab-files/index.mustache b/source/_patternlab-files/index.mustache
@@ -10,6 +10,7 @@
 	<link rel="stylesheet" href="styleguide/css/vendor/prism.css" 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-->
@@ -21,7 +22,7 @@
 		</div>
 	</header>
 	<!--End Style Guide Header-->
-	
+
 	<!-- Iframe -->
 	<div id="sg-vp-wrap">
 		<div id="sg-cover"></div>
@@ -91,4 +92,4 @@
 	<script src="styleguide/js/pattern-finder.js"></script>
 
 </body>
-</html>
+</html>
