initial lineage support

code-viewer.js line 300 had to change. VERY HACKISH and lazy for now.

Author: bmuenzenmeyer

builder/lineage_hunter.js

@@ -0,0 +1,53 @@
+(function () {
+	"use strict";
+
+	var lineage_hunter = function(){
+
+		function findlineage(pattern, patternlab){
+
+			pattern.lineage = [];
+			pattern.lineageIndex = [];
+			//find the {{> template-name }} within patterns
+			var matches = pattern.template.match(/{{>([ ]+)?([A-Za-z0-9-]+)(?:\:[A-Za-z0-9-]+)?(?:(| )\(.*)?([ ]+)}}/g);
+			if(matches !== null){
+				matches.forEach(function(match, index, matches){
+					//strip out the template cruft
+					var cleanPattern = match.replace("{{> ", "").replace(" }}", "");
+
+					//add if it doesnt exist
+					if (pattern.lineageIndex.indexOf(cleanPattern) === -1){
+
+						pattern.lineageIndex.push(cleanPattern);
+
+						patternlab.patterns.forEach(function(p, index, patterns){
+
+							//find the pattern in question
+							var searchPattern = p.patternGroup + "-" + p.patternName;
+
+							if(searchPattern === cleanPattern){
+								//create the more complex patternLineage object too
+								var l = {
+									"lineagePattern": cleanPattern,
+									"lineagePath": "../../patterns/" + p.patternLink
+								}
+								pattern.lineage.push(JSON.stringify(l));
+							}
+
+						});
+
+					}
+				});
+			}
+		}
+
+		return {
+			find_lineage: function(pattern, patternlab){
+				findlineage(pattern, patternlab);
+			}
+		};
+
+	};
+
+	module.exports = lineage_hunter;
+
+}());

builder/patternlab.js

@@ -16,6 +16,7 @@ var patternlab_engine = function(){
 		of = require('./object_factory'),
 		pa = require('./pattern_assembler'),
 		mh = require('./media_hunter'),
+		lh = require('./lineage_hunter'),
 		patternlab = {};
 
 	patternlab.package =fs.readJSONSync('./package.json');
@@ -92,6 +93,8 @@ var patternlab_engine = function(){
 			//see if this file has a state
 			if(patternlab.config.patternStates[currentPattern.patternName]){
 				currentPattern.patternState = patternlab.config.patternStates[currentPattern.patternName];
+			} else{
+				currentPattern.patternState = "";
 			}
 
 			//look for a json file for this template
@@ -114,12 +117,16 @@ var patternlab_engine = function(){
 
 			//write the compiled template to the public patterns directory
 			flatPatternPath = currentPattern.name + '/' + currentPattern.name + '.html';
+			currentPattern.patternLink = flatPatternPath;
+
+			//find pattern lineage
+			var lineage_hunter = new lh();
+			lineage_hunter.find_lineage(currentPattern, patternlab);
 
 			//add footer info before writing
 			var currentPatternFooter = renderPattern(patternlab.footer, currentPattern);
 
 			fs.outputFileSync('./public/patterns/' + flatPatternPath, patternlab.header + currentPattern.patternPartial + currentPatternFooter);
-			currentPattern.patternLink = flatPatternPath;
 
 			//add as a partial in case this is referenced later.  convert to syntax needed by existing patterns
 			var sub = subdir.substring(subdir.indexOf('-') + 1);
@@ -296,9 +303,7 @@ var patternlab_engine = function(){
 
 		//ishControls
 		var ishControlsTemplate = fs.readFileSync('./source/_patternlab-files/partials/ishControls.mustache', 'utf8');
-		console.log(patternlab.mediaQueries);
 		patternlab.config.mqs = patternlab.mediaQueries;
-		console.log(patternlab.config);
 		var ishControlsPartialHtml = renderPattern(ishControlsTemplate, patternlab.config);
 
 		//patternPaths

public/styleguide/images/spinner.gif

@@ -297,7 +297,7 @@ var codeViewer = {
 			e.preventDefault();
 			$("#sg-code-loader").css("display","block");
 			var obj = JSON.stringify({ "path": urlHandler.getFileName($(this).attr("data-patternpartial")) });
-			document.getElementById("sg-viewport").contentWindow.postMessage(obj,codeViewer.targetOrigin);
+			document.getElementById("sg-viewport").contentWindow.postMessage(JSON.parse(obj),codeViewer.targetOrigin);
 		});
 
 		// show pattern state

public/styleguide/js/code-viewer.js

@@ -9,8 +9,10 @@
 	<script>
 		// handle injection of items from PHP
 		var patternPartial = "{{ patternGroup }}-{{ patternName }}";
-		var lineage = "{{ lineage }}";
+		var lineage = [{{{ lineage }}}];
 		var lineageR = "{{ lineageR }}";
+		var patternState = "{{patternState}}"
+		var cssEnabled = false; //TODO
 	</script>
 
 	<script type="text/html" id="sg-pattern-html">