added null check since yo element:repo throws exception

app/index.js

@@ -2,7 +2,6 @@
 
 var banner = require('../banner');
 var path = require('path');
-var util = require('util');
 var yeoman = require('yeoman-generator');
 var elementNameValidator = require('validate-element-name');
 
@@ -61,9 +60,9 @@ var ElementGenerator = yeoman.generators.Base.extend({
 
     files: function () {
         var boilerplateFile = {
-            'Polymer'  : 'src/_polymer.html',
-            'X-Tag'    : 'src/_xtag.html',
-            'VanillaJS': 'src/_vanillajs.html'
+            'Polymer'  : '_element-polymer.html',
+            'X-Tag'    : '_element-xtag.html',
+            'VanillaJS': '_element-vanillajs.html'
         };
 
         this.copy(boilerplateFile[this.boilerplate], this.elementName + '.html');

package.json

@@ -1,6 +1,6 @@
 {
   "name": "generator-element",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Yeoman generator to create Custom Elements using Polymer, X-Tag or VanillaJS",
   "author": {
     "name": "WebComponents.org",

repo/index.js

@@ -3,7 +3,6 @@
 var banner = require('../banner');
 var path = require('path');
 var pkgNameValidator = require('pkg-name');
-var util = require('util');
 var yeoman = require('yeoman-generator');
 var elementNameValidator = require('validate-element-name');
 
@@ -19,17 +18,12 @@ var RepoGenerator = yeoman.generators.Base.extend({
         this.on('end', function () {
             if (!this.options['skip-install']) {
                 this.bowerInstall();
-
-                if (this.grunt) {
-                    this.npmInstall();
-                }
             }
         });
     },
 
     askForBoilerplate: function () {
         var done = this.async();
-        var log = this.log;
 
         var prompts = [{
             type: 'list',
@@ -62,7 +56,7 @@ var RepoGenerator = yeoman.generators.Base.extend({
                 var done = this.async();
 
                 pkgNameValidator(answers.githubRepo, function (err, available) {
-                    if (!available.bower) {
+                    if (!available || !available.bower) {
                         done(true);
                     }
 
@@ -99,11 +93,6 @@ var RepoGenerator = yeoman.generators.Base.extend({
             name: 'lifecycle',
             message: 'Do you want to include lifecycle callbacks?',
             default: true
-        }, {
-            type: 'confirm',
-            name: 'grunt',
-            message: 'Do you want to include some useful Grunt tasks?',
-            default: true
         }];
 
         this.prompt(prompts, function (props) {
@@ -125,23 +114,16 @@ var RepoGenerator = yeoman.generators.Base.extend({
         this.copy('_index.html', 'index.html');
         this.copy('_README.md', 'README.md');
 
-        if (this.grunt) {
-            this.copy('_package.json', 'package.json');
-            this.copy('_Gruntfile.js', 'Gruntfile.js');
-        }
-
         this.copy('editorconfig', '.editorconfig');
         this.copy('gitignore', '.gitignore');
 
-        this.mkdir('src');
-
         var boilerplateFile = {
-            'Polymer'  : 'src/_polymer.html',
-            'X-Tag'    : 'src/_xtag.html',
-            'VanillaJS': 'src/_vanillajs.html'
+            'Polymer'  : '_element-polymer.html',
+            'X-Tag'    : '_element-xtag.html',
+            'VanillaJS': '_element-vanillajs.html'
         };
 
-        this.copy(boilerplateFile[this.boilerplate], 'src/' + this.elementName + '.html');
+        this.copy(boilerplateFile[this.boilerplate], this.elementName + '.html');
     }
 });
 

templates/_README.md

@@ -18,17 +18,16 @@ Or [download as ZIP](https://github.com/<%= githubUser %>/<%= githubRepo %>/arch
 
 ## Usage
 
-1. Import Web Components' polyfill:
+1. Import polyfill:
 
     ```html
-    <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
+    <script src="bower_components/webcomponentsjs/webcomponents<% if (boilerplate == 'Polymer') { %>-lite<% } %>.min.js"></script>
     ```
 
-2. Import Custom Element:
+2. Import custom element:
 
-    ```html<% if (boilerplate == 'VanillaJS') { %>
-    <link rel="import" href="bower_components/<%= githubRepo %>/src/<%= elementName %>.html"><% } else { %>
-    <link rel="import" href="bower_components/<%= githubRepo %>/dist/<%= elementName %>.html"><% } %>
+    ```html
+    <link rel="import" href="bower_components/<%= githubRepo %>/<%= elementName %>.html">
     ```
 
 3. Start using it!
@@ -55,62 +54,28 @@ Event         | Description
 ---           | ---
 `onsomething` | Triggers when something happens.
 
-## Development<% if (grunt) { %>
+## Development
 
 In order to run it locally you'll need to fetch some dependencies and a basic server setup.
 
-* Install [Bower](http://bower.io/) & [Grunt](http://gruntjs.com/):
+1. Install [bower](http://bower.io/) & [polyserve](https://npmjs.com/polyserve):
 
     ```sh
-    $ [sudo] npm install -g bower grunt-cli
+    $ npm install -g bower polyserve
     ```
 
-* Install local dependencies:
+2. Install local dependencies:
 
     ```sh
-    $ bower install && npm install
+    $ bower install
     ```
 
-* To test your project, start the development server and open `http://localhost:8000`.
-
-    ```sh
-    $ grunt server
-    ```<% if (boilerplate != 'VanillaJS') { %>
-
-* To build the distribution files before releasing a new version.
-
-    ```sh
-    $ grunt build
-    ```<% } %>
-
-* To provide a live demo, send everything to `gh-pages` branch.
-
-    ```sh
-    $ grunt deploy
-    ```<% } else { %>
-
-In order to run it locally you'll need to fetch some dependencies.
-
-* Install [Bower](http://bower.io/):
+3. Start development server and open `http://localhost:8080/components/my-repo/`.
 
     ```sh
-    $ [sudo] npm install -g bower
+    $ polyserve
     ```
 
-* Install local dependencies:
-
-    ```sh
-    $ bower install
-    ```<% } %>
-
-## Contributing
-
-1. Fork it!
-2. Create your feature branch: `git checkout -b my-new-feature`
-3. Commit your changes: `git commit -m 'Add some feature'`
-4. Push to the branch: `git push origin my-new-feature`
-5. Submit a pull request :D
-
 ## History
 
 For detailed changelog, check [Releases](https://github.com/<%= githubUser %>/<%= githubRepo %>/releases).

templates/_bower.json

@@ -2,23 +2,20 @@
     "name": "<%= githubRepo %>",
     "version": "0.0.0",
     "description": "<%= elementDescription %>",
-    "license": "MIT",<% if (boilerplate == 'VanillaJS') { %>
-    "main": "src/<%= elementName %>.html",<% } else { %>
-    "main": "dist/<%= elementName %>.html",<% } %>
+    "license": "MIT",
+    "main": "<%= elementName %>.html",
     "keywords": [<% if (boilerplate == 'Polymer') { %>
         "polymer",<% } %><% if (boilerplate == 'X-Tag') { %>
         "x-tag",<% } %>
         "web-components"
     ],
     "ignore": [
         "**/.*",
-        "node_modules",
         "bower_components"
     ],
-    "dependencies": {<% if (boilerplate == 'Polymer') { %>
-        "polymer": "Polymer/polymer#^0.5.1"<% } %><% if (boilerplate == 'X-Tag') { %>
-        "x-tag-core": "^1.0.0",
-        "webcomponentsjs": "^0.5.1"<% } %><% if (boilerplate == 'VanillaJS') { %>
-        "webcomponentsjs": "^0.5.1"<% } %>
+    "dependencies": {<% if (boilerplate == 'VanillaJS') { %>
+        "webcomponentsjs": "^0.7.2"<% } %><% if (boilerplate == 'Polymer') { %>
+        "polymer": "Polymer/polymer#^1.0.0"<% } %><% if (boilerplate == 'X-Tag') { %>
+        "x-tag-core": "^1.1.6"<% } %>
     }
 }

templates/_element-polymer.html

@@ -0,0 +1,29 @@
+<!-- Imports polymer -->
+<link rel="import" href="../polymer/polymer.html">
+
+<!-- Defines element markup -->
+<dom-module id="<%= elementName %>">
+    <template></template>
+</dom-module>
+
+<!-- Registers custom element -->
+<script>
+Polymer({
+    is: '<%= elementName %>'<% if (lifecycle) { %>,
+
+    // Fires when an instance of the element is created
+    created: function() {},
+
+    // Fires when the local DOM has been fully prepared
+    ready: function() {},
+
+    // Fires when the element was inserted into the document
+    attached: function() {},
+
+    // Fires when the element was removed from the document
+    detached: function() {},
+
+    // Fires when an attribute was added, removed, or updated
+    attributeChanged: function(attr, oldVal, newVal) {}<% } %>
+});
+</script>

templates/src/_vanillajs.html → templates/_element-vanillajs.html

@@ -15,6 +15,7 @@
     // Fires when an attribute was added, removed, or updated
     element.attributeChangedCallback = function(attr, oldVal, newVal) {};<% } %>
 
+    // Registers custom element
     document.registerElement('<%= elementName %>', {
         prototype: element
     });

templates/src/_xtag.html → templates/_element-xtag.html

@@ -1,8 +1,9 @@
-<!-- Import X-Tag -->
-<script src="../bower_components/x-tag-core/src/core.js"></script>
+<!-- Import x-tag -->
+<script src="../x-tag-core/src/core.js"></script>
 
 <script>
 (function() {
+    // Registers custom element
     xtag.register('<%= elementName %>', {<% if (lifecycle) { %>
         lifecycle: {
             // Fires when an instance of the element is created

templates/_index.html

@@ -1,18 +1,20 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
 <head>
-    <meta charset="UTF-8">
+
+    <meta charset="utf-8">
     <title>&lt;<%= githubRepo %>&gt;</title>
 
-    <!-- Importing Web Component's Polyfill -->
-    <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
+    <!-- Imports polyfill -->
+    <script src="../webcomponentsjs/webcomponents<% if (boilerplate == 'Polymer') { %>-lite<% } %>.min.js"></script>
+
+    <!-- Imports custom element -->
+    <link rel="import" href="<%= elementName %>.html">
 
-    <!-- Importing Custom Elements -->
-    <link rel="import" href="src/<%= elementName %>.html">
 </head>
 <body>
 
-    <!-- Using Custom Elements -->
+    <!-- Runs custom element -->
     <<%= elementName %>></<%= elementName %>>
 
 </body>

templates/gitignore

@@ -1,2 +1 @@
 bower_components/
-node_modules/