in process stylemodifier work

Author: bmuenzenmeyer

builder/pattern_assembler.js

@@ -1,10 +1,10 @@
-/* 
- * patternlab-node - v0.12.0 - 2015 
- * 
+/*
+ * patternlab-node - v0.12.0 - 2015
+ *
  * Brian Muenzenmeyer, and the web community.
- * Licensed under the MIT license. 
- * 
- * Many thanks to Brad Frost and Dave Olsen for inspiration, encouragement, and advice. 
+ * Licensed under the MIT license.
+ *
+ * Many thanks to Brad Frost and Dave Olsen for inspiration, encouragement, and advice.
  *
  */
 
@@ -22,7 +22,6 @@
       return true;
     }
 
-
     //find and return any {{> template-name }} within pattern
     function findPartials(pattern){
       var matches = pattern.template.match(/{{>([ ])?([\w\-\.\/~]+)(?:\:[A-Za-z0-9-]+)?(?:(| )\(.*)?([ ])?}}/g);
@@ -42,6 +41,26 @@
       }
     }
 
+    function applyStyleModifications(pattern, patternlab){
+      //look for styleModifiers within the pattern template
+      var matches = pattern.template.match(/(:)([a-zA-Z]*)/g);
+
+      //parse matches if they look like modifiers
+      if(matches){
+        console.log(matches);
+
+        for(var i = 0; i < matches.length; i++){
+          if(matches[i].length > 1){
+            console.log(matches[i]);
+          }
+        }
+      }
+
+      //add to pattern data
+
+      //remove from the template
+    }
+
     function addPattern(pattern, patternlab){
       patternlab.data.link[pattern.patternGroup + '-' + pattern.patternName] = '/patterns/' + pattern.patternLink;
       patternlab.patterns.push(pattern);
@@ -92,10 +111,12 @@
       try {
         var listJsonFileName = patternlab.config.patterns.source + currentPattern.subdir + '/' + currentPattern.fileName  + ".listitems.json";
         currentPattern.patternSpecificListJson = fs.readJSONSync(listJsonFileName.substring(2));
-        console.log('found pattern-specific listitems.json for ' + currentPattern.key);
+        if(patternlab.confi.debug){
+          console.log('found pattern-specific listitems.json for ' + currentPattern.key);
+        }
       }
       catch(e) {
-      }      
+      }
 
       //add the raw template to memory
       currentPattern.template = fs.readFileSync(abspath, 'utf8');
@@ -145,6 +166,9 @@
 
       }
 
+      //look for pattern styleModifiers
+      applyStyleModifications(currentPattern, patternlab);
+
       //find pattern lineage
       lineage_hunter.find_lineage(currentPattern, patternlab);
 

config.json

@@ -5,7 +5,7 @@
  	},
  	"ignored-extensions" : ["scss", "DS_Store", "less"],
  	"ignored-directories" : ["scss"],
- 	"debug": false,
+ 	"debug": true,
  	"ishControlsVisible": {
  		"s": true,
  		"m": true,

source/_patterns/01-molecules/06-components/02-single-comment.mustache

@@ -1,9 +1,9 @@
-<li class="comment-container">
+<li class="comment-container {{ styleModifier }}">
 	<div class="comment-meta">
 		{{> atoms-avatar }}
 		<h4 class="comment-name"><a href="#">{{name.first}} {{name.last}}</a></h4>
 	</div>
 	<div class="comment-text">
 		<p>{{description}}</p>
 	</div>
-</li>
+</li>

source/_patterns/02-organisms/02-comments/01-sticky-comment.mustache

@@ -2,7 +2,7 @@
 	<div class="comments-container" id="comments-container">
 		<h2 class="section-title">Selected Comments</h2>
 		<ul class="comment-list">
-				{{> molecules-single-comment(description: 'We are all in the gutter, but some of us are looking at the stars.') }}
+				{{> molecules-single-comment:sticky(description: 'We are all in the gutter, but some of us are looking at the stars.') }}
         {{> molecules-single-comment(description: 'A life is like a garden. Perfect moments can be had, but not preserved, except in memory.') }}
 		</ul>
 	</div>