Init bugs (#542)

* add bower manifest

* fix readme

* fix tests

lib/tasks/boilerplate.js

@@ -11,6 +11,7 @@ const buildTree = (root, name) => {
 		generate('/.circleci/config.yml', template.ciConfigYml()),
 		generate('/.gitignore', template.gitIgnore()),
 		generate('/.eslint', template.eslint()),
+		generate('/bower.json', template.bowerJson(name)),
 		generate('/main.js', template.mainJs(name)),
 		generate('/main.scss', template.mainScss(name)),
 		generate('/origami.json', template.origamiJson(name)),

templates/boilerplate.js

@@ -1,5 +1,6 @@
 'use strict';
 module.exports = {
+	bowerJson: require('./component-boilerplate/bower-json'),
 	ciConfigYml: require('./component-boilerplate/ci-config-yml'),
 	demoJs: require('./component-boilerplate/demo-js'),
 	demoMustache: require('./component-boilerplate/demo-mustache'),

templates/component-boilerplate/bower-json.js

@@ -0,0 +1,19 @@
+'use strict';
+
+module.exports = (name) => {
+	return `{
+  "name": "${name.original}",
+  "description": "",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "build"
+  ],
+  "main": [
+    "main.scss",
+    "main.js"
+  ]
+}`;
+};

templates/component-boilerplate/read-me.js

@@ -45,13 +45,14 @@ You must either construct an \`${name.original}\` object or fire the \`o.DOMCont
 
 \`\`\`js
 const ${name.camelCase} = require('${name.original}');
-
-const ${name.camelCase} = new ${name.camelCase}();
+${name.camelCase}.init();
 \`\`\`
 
 #### Firing an oDomContentLoaded event
 
 \`\`\`js
+require('${name.original}');
+
 document.addEventListener('DOMContentLoaded', function() {
 	document.dispatchEvent(new CustomEvent('o.DOMContentLoaded'));
 });

templates/component-boilerplate/src-sass-mixins.js

@@ -3,7 +3,9 @@
 module.exports = (name) => {
 	return `/// Output All oMessage Features
 @mixin ${name.camelCase} ($class: '${name.original}') {
-
+	.#{$class} {
+		display: block;
+	}
 }
 
 /// Provide a component specific error message

templates/component-boilerplate/test-sass-mixins.js

@@ -12,7 +12,8 @@ module.exports = (name) => {
 				};
 
 				@include expect($selector: false) {
-					.test-colors {
+					.test-mixin .${name.original} {
+						display: block;
 					}
 				};
 			};