reverse lineage

Author: bmuenzenmeyer

builder/lineage_hunter.js

@@ -17,30 +17,45 @@
 
 			pattern.lineage = [];
 			pattern.lineageIndex = [];
+			pattern.lineageR = [];
+			pattern.lineageRIndex = [];
 			//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(" }}", "");
+					var foundPattern = match.replace("{{> ", "").replace(" }}", "");
 
 					//add if it doesnt exist
-					if (pattern.lineageIndex.indexOf(cleanPattern) === -1){
+					if (pattern.lineageIndex.indexOf(foundPattern) === -1){
 
-						pattern.lineageIndex.push(cleanPattern);
+						pattern.lineageIndex.push(foundPattern);
 
-						patternlab.patterns.forEach(function(p, index, patterns){
+						patternlab.patterns.forEach(function(ancestorPattern, index, patterns){
 
 							//find the pattern in question
-							var searchPattern = p.patternGroup + "-" + p.patternName;
+							var searchPattern = ancestorPattern.patternGroup + "-" + ancestorPattern.patternName;
 
-							if(searchPattern === cleanPattern){
+							if(searchPattern === foundPattern){
 								//create the more complex patternLineage object too
 								var l = {
-									"lineagePattern": cleanPattern,
-									"lineagePath": "../../patterns/" + p.patternLink
-								}
+									"lineagePattern": foundPattern,
+									"lineagePath": "../../patterns/" + ancestorPattern.patternLink
+								};
 								pattern.lineage.push(JSON.stringify(l));
+
+								//also, add the lineageR entry if it doesn't exist
+								var patternLabel = pattern.patternGroup + "-" + pattern.patternName;
+								if (ancestorPattern.lineageRIndex.indexOf(patternLabel) === -1){
+									ancestorPattern.lineageRIndex.push(patternLabel);
+
+									//create the more complex patternLineage object in reverse
+									var lr = {
+										"lineagePattern": patternLabel,
+										"lineagePath": "../../patterns/" + pattern.patternLink
+									};
+									ancestorPattern.lineageR.push(JSON.stringify(lr));
+								}
 							}
 
 						});

builder/patternlab.js

@@ -116,18 +116,12 @@ var patternlab_engine = function(){
 			}
 
 			//write the compiled template to the public patterns directory
-			flatPatternPath = currentPattern.name + '/' + currentPattern.name + '.html';
-			currentPattern.patternLink = flatPatternPath;
+			currentPattern.patternLink = currentPattern.name + '/' + currentPattern.name + '.html';;
 
 			//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);
-
 			//add as a partial in case this is referenced later.  convert to syntax needed by existing patterns
 			var sub = subdir.substring(subdir.indexOf('-') + 1);
 			var folderIndex = sub.indexOf(path.sep);
@@ -148,6 +142,17 @@ var patternlab_engine = function(){
 			patternlab.patterns.push(currentPattern);
 		});
 
+		//render all patterns last, so lineageR works
+		patternlab.patterns.forEach(function(pattern, index, patterns){
+
+			//add footer info before writing
+			var patternFooter = renderPattern(patternlab.footer, pattern);
+
+			fs.outputFileSync('./public/patterns/' + pattern.patternLink, patternlab.header + pattern.patternPartial + patternFooter);
+
+		});
+
+
 	}
 
 	function buildFrontEnd(){

source/_patternlab-files/pattern-header-footer/footer.html

@@ -10,7 +10,7 @@
 		// handle injection of items from PHP
 		var patternPartial = "{{ patternGroup }}-{{ patternName }}";
 		var lineage = [{{{ lineage }}}];
-		var lineageR = "{{ lineageR }}";
+		var lineageR = [{{{ lineageR }}}];
 		var patternState = "{{patternState}}"
 		var cssEnabled = false; //TODO
 	</script>