Add angular-foundation support

Author: Toilal

app/index.js

@@ -58,6 +58,10 @@ var GulpAngularGenerator = yeoman.generators.Base.extend({
       return props.ui.key === 'bootstrap';
     };
 
+    this._.findWhere(prompts, {name: 'foundationComponents'}).when = function(props) {
+      return props.ui.key === 'foundation';
+    };
+
     this.prompt(prompts, function (props) {
       if(props.ui.key !== 'bootstrap') {
         props.bootstrapComponents = {
@@ -68,6 +72,15 @@ var GulpAngularGenerator = yeoman.generators.Base.extend({
         };
       }
 
+      if(props.ui.key !== 'foundation') {
+        props.foundationComponents = {
+          name: null,
+          version: null,
+          key: null,
+          module: null
+        };
+      }
+
       this.props = props;
       this.config.set('props', this.props);
 

app/prompts.json

@@ -234,6 +234,40 @@
       }
     ]
   },
+  {
+    "type": "list",
+    "name": "foundationComponents",
+    "message": "How do you want to implements your Foundation components?",
+    "choices": [
+      {
+        "value": {
+          "name": "angular-foundation",
+          "version": "~0.5.1",
+          "key": "angular-foundation",
+          "module": "mm.foundation"
+        },
+        "name": "Angular Foundation, a set of native AngularJS directives based on Foundation's markup and CSS"
+      },
+      {
+        "value": {
+          "name": null,
+          "version": null,
+          "key": "official",
+          "module": null
+        },
+        "name": "The official jQuery implementation of Foundation"
+      },
+      {
+        "value": {
+          "name": null,
+          "version": null,
+          "key": "none",
+          "module": null
+        },
+        "name": "No JavaScript, just CSS"
+      }
+    ]
+  },
   {
     "type": "list",
     "name": "cssPreprocessor",

app/src/format.js

@@ -18,7 +18,8 @@ module.exports = function () {
     this.props.resource.module,
     this.props.router.module,
     this.props.ui.module,
-    this.props.bootstrapComponents.module
+    this.props.bootstrapComponents.module,
+    this.props.foundationComponents.module
   ]);
 
   this.modulesDependencies = _.chain(ngModules)
@@ -37,6 +38,7 @@ module.exports = function () {
     this.props.jQuery.name,
     this.props.ui.key,
     this.props.bootstrapComponents.key,
+    this.props.foundationComponents.key,
     this.props.cssPreprocessor.key
   ]
     .filter(_.isString)
@@ -86,16 +88,29 @@ module.exports = function () {
 
   // Wiredep exclusions
   this.wiredepExclusions = [];
-  if(this.props.bootstrapComponents.key !== 'official') {
-    if(this.props.cssPreprocessor.extension === 'scss') {
-      this.wiredepExclusions.push('/bootstrap-sass-official/');
-    } else {
-      this.wiredepExclusions.push('/bootstrap\\.js/');
+  if (this.props.ui.key === 'bootstrap') {
+    if(this.props.bootstrapComponents.key !== 'official') {
+
+      if(this.props.cssPreprocessor.extension === 'scss') {
+        this.wiredepExclusions.push('/bootstrap-sass-official/');
+      } else {
+        this.wiredepExclusions.push('/bootstrap\\.js/');
+      }
+    }
+
+    if(this.props.cssPreprocessor.key !== 'css') {
+      this.wiredepExclusions.push('/bootstrap\\.css/');
+    }
+
+  } else if (this.props.ui.key === 'foundation') {
+
+    if(this.props.foundationComponents.key !== 'official') {
+      this.wiredepExclusions.push('/foundation\\.js/');
+    }
+
+    if(this.props.cssPreprocessor.key !== 'css') {
+      this.wiredepExclusions.push('/foundation\\.css/');
     }
-  }
-  if(this.props.cssPreprocessor.key !== 'css') {
-    this.wiredepExclusions.push('/bootstrap\\.css/');
-    this.wiredepExclusions.push('/foundation\\.css/');
   }
 
   // Format choice UI Framework

app/techs.json

@@ -41,6 +41,12 @@
         "description": "The most advanced responsive front-end framework in the world.",
         "logo": "foundation.png"
     },
+    "angular-foundation": {
+      "title": "Angular Foundation",
+      "url": "http://pineconellc.github.io/angular-foundation/",
+      "description": "A set of native AngularJS directives based on Foundation's markup and CSS",
+      "logo": "angular-foundation.png"
+    },
     "gulp": {
         "title": "GulpJS",
         "url": "http://gulpjs.com/",

app/templates/_bower.json

@@ -10,7 +10,8 @@
     "angular-route": "<%= props.angularVersion %>",<% } else if (props.router.name === 'angular-ui-router') { %>
     "angular-ui-router": "~0.2.13",<% } if(props.ui.name !== null) { %>
     "<%= props.ui.name %>": "<%= props.ui.version %>",<% } if(props.bootstrapComponents && props.bootstrapComponents.name !== null) { %>
-    "<%= props.bootstrapComponents.name %>": "<%= props.bootstrapComponents.version %>",<% } %>
+    "<%= props.bootstrapComponents.name %>": "<%= props.bootstrapComponents.version %>",<% } if(props.foundationComponents && props.foundationComponents.name !== null) { %>
+    "<%= props.foundationComponents.name %>": "<%= props.foundationComponents.version %>",<% } %>
     "angular": "<%= props.angularVersion %>"
   },
   "devDependencies": {

app/templates/src/assets/images/angular-foundation.png

@@ -13,6 +13,7 @@
     "angular-route": "~1.3.4",
     "angular-resource": "~1.3.4",
     "angular-bootstrap": "~0.12.0",
+    "angular-foundation": "~0.5.1",
     "angular-material": "~0.5.1",
     "restangular": "~1.4.0",
     "angular-ui-router": "~0.2.13",

test/deps/bower.json

@@ -21,6 +21,7 @@ var questions = [
   'router',
   'ui',
   'bootstrapComponents',
+  'foundationComponents',
   'cssPreprocessor'
 ];
 
@@ -75,6 +76,10 @@ model.bootstrapComponents.choices.forEach(function(choice) {
   model.bootstrapComponents.values[choice.value.key] = choice.value;
 });
 
+model.foundationComponents.choices.forEach(function(choice) {
+  model.foundationComponents.values[choice.value.key] = choice.value;
+});
+
 model.cssPreprocessor.choices.forEach(function(choice) {
   model.cssPreprocessor.values[choice.value.key] = choice.value;
 });
@@ -89,6 +94,7 @@ module.exports = {
     router: model.router.values['angular-route'],
     ui: model.ui.values.bootstrap,
     bootstrapComponents: model.bootstrapComponents.values['ui-bootstrap'],
+    foundationComponents: model.foundationComponents.values['angular-foundation'],
     cssPreprocessor: model.cssPreprocessor.values['node-sass']
   },
   libRegexp: function(name, version) {