working version of pseudo patterns without DRYness

Author: bmuenzenmeyer

CHANGELOG

@@ -6,6 +6,7 @@ PL-node-v0.8.0
  - FIX: support for displaying the HTML and Mustache in the code viewer
  - ADD: pattern link support
  - CHG: updated included mustache templates to reflect pattern links in navigation and compiling pages direct from templates
+ - THX: @getsetbro for finding and fixing a typo
 
 PL-node-v0.1.7
  - ADD: pattern export

builder/object_factory.js

@@ -12,6 +12,7 @@
 	"use strict";
 
 	var oPattern = function(subdir, filename, data){
+		//console.log(filename);
 		this.fileName = filename.substring(0, filename.indexOf('.'));
 		this.subdir = subdir;
 		this.name = (subdir.replace(/[\/\\]/g, '-') + '-' + this.fileName).replace(/\\/g, '-'); //this is the unique name with the subDir

builder/pattern_assembler.js

@@ -1,5 +1,23 @@
 (function () {
-	"use strict";
-	
+  "use strict";
+
+  var fs = require('fs-extra'),
+      path = require('path');
+
+  var pattern_assembler = function(){
+
+    function exportPatterns(patternlab){
+
+    }
+
+    return {
+      export_patterns: function(patternlab){
+        exportPatterns(patternlab);
+      }
+    };
+
+  };
+
+  module.exports = pattern_assembler;
 
 }());

builder/patternlab.js

@@ -14,11 +14,13 @@ var patternlab_engine = function(){
 		extend = require('util')._extend,
 		diveSync = require('diveSync'),
 		mustache = require('mustache'),
+		glob = require('glob'),
 		of = require('./object_factory'),
 		pa = require('./pattern_assembler'),
 		mh = require('./media_hunter'),
 		lh = require('./lineage_hunter'),
 		pe = require('./pattern_exporter'),
+		pa = require('./pattern_assembler'),
 		he = require('html-entities').AllHtmlEntities,
 		patternlab = {};
 
@@ -53,6 +55,8 @@ var patternlab_engine = function(){
 	}
 
 	function buildPatterns(callback){
+		var assembler = new pa();
+
 		patternlab.data = fs.readJSONSync('./source/_data/data.json');
 		patternlab.listitems = fs.readJSONSync('./source/_data/listitems.json');
 		patternlab.header = fs.readFileSync('./source/_patternlab-files/pattern-header-footer/header.html', 'utf8');
@@ -101,8 +105,6 @@ var patternlab_engine = function(){
 			}
 			currentPattern.template = fs.readFileSync(abspath, 'utf8');
 
-			//look for a pseudo pattern by checking if there is a file containing same name, with ~ in it, ending in .json
-			
 			//find pattern lineage
 			var lineage_hunter = new lh();
 			lineage_hunter.find_lineage(currentPattern, patternlab);
@@ -122,6 +124,44 @@ var patternlab_engine = function(){
 			}
 			patternlab.partials[partialname] = currentPattern.template;
 
+			//look for a pseudo pattern by checking if there is a file containing same name, with ~ in it, ending in .json
+			var needle = currentPattern.subdir + '/' + currentPattern.fileName+ '~*.json';
+			var pseudoPatterns = glob.sync(needle, {
+				cwd: 'source/_patterns/', //relative to gruntfile
+				debug: false,
+				nodir: true,
+			});
+
+			if(pseudoPatterns.length > 0){
+				for(var i = 0; i < pseudoPatterns.length; i++){
+					//we want to do everything we normally would here, except instead head the pseudoPattern data
+					var variantFileData = fs.readJSONSync('source/_patterns/' + pseudoPatterns[i]);
+
+					//extend any existing data with variant data
+					variantFileData = extend(variantFileData, currentPattern.data);
+
+					var variantName = pseudoPatterns[i].substring(pseudoPatterns[i].indexOf('~') + 1).split('.')[0];
+					var patternVariant = new of.oPattern(subdir, currentPattern.fileName + '-' + variantName + '.mustache', variantFileData);
+
+					//see if this file has a state
+					if(patternlab.config.patternStates[patternVariant.patternName]){
+						patternVariant.patternState = patternlab.config.patternStates[patternVariant.patternName];
+					} else{
+						patternVariant.patternState = "";
+					}
+
+					//use the same template as the non-variant
+					patternVariant.template = currentPattern.template;
+
+					//find pattern lineage
+					lineage_hunter.find_lineage(patternVariant, patternlab);
+
+					//add to patternlab object so we can look these up later.
+					patternlab.data.link[patternVariant.patternGroup + '-' + patternVariant.patternName] = '/patterns/' + patternVariant.patternLink;
+					patternlab.patterns.push(patternVariant);
+				}
+			}
+
 			//add to patternlab object so we can look these up later.
 			patternlab.data.link[currentPattern.patternGroup + '-' + currentPattern.patternName] = '/patterns/' + currentPattern.patternLink;
 			patternlab.patterns.push(currentPattern);

config.json

@@ -7,7 +7,7 @@
  	"ignored-directories" : ["scss"],
  	"contentSyncPort" : 8002,
  	"navSyncPort" : 8003,
- 	"debug": false,
+ 	"debug": true,
  	"ishControlsVisible": {
  		"s": true,
  		"m": true,

package.json

@@ -16,7 +16,8 @@
     "matchdep": "^0.3.0",
     "fs-extra": "^0.14.0",
     "diveSync": "^0.2.1",
-    "html-entities": "^1.1.1"
+    "html-entities": "^1.1.1",
+    "glob": "^4.3.5"
   },
   "keywords": [
     "Pattern Lab",

source/_patterns/01-molecules/07-messaging/00-alert.mustache

@@ -0,0 +1,3 @@
+<div class="alert alert-{{ alertClass }}">
+  {{ excerpt.short }}
+</div>

source/_patterns/03-templates/00-homepage.mustache

@@ -2,7 +2,7 @@
 	{{> organisms-header }}
 	<div role="main">
 		{{# emergency }}
-			{{> molecules-alert:error }}
+			{{> molecules-alert }}
 		{{/ emergency }}
 		{{# hero }}
 			{{> molecules-block-hero }}

source/_patterns/04-pages/00-homepage.json

@@ -1,7 +1,6 @@
 {
 	"title" : "Home Page",
 	"bodyClass": "home",
-	"emergency" : false,
 	"hero" : [
 		{
 			"img": {

source/_patterns/04-pages/00-homepage~emergency.json

@@ -0,0 +1,8 @@
+{
+  "emergency": {
+    "alertClass" : "error",
+    "excerpt" : {
+      "short" : "Emergency! This is a variation of the core homepage template."
+    }
+  }
+}