Moves from Grunt tooling to Polyserve

zenorocha · zenorocha · commit 8fa70f5fe59a · 2015-05-14T22:26:55.000-07:00
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1 @@
 bower_components/
-node_modules/
diff --git a/Gruntfile.js b/Gruntfile.js
diff --git a/README.md b/README.md
@@ -31,7 +31,7 @@ Or [download as ZIP](https://github.com/my-user/my-repo/archive/master.zip).
 2. Import custom element:
 
     ```html
-    <link rel="import" href="bower_components/my-repo/src/my-element.html">
+    <link rel="import" href="bower_components/my-repo/my-element.html">
     ```
 
 3. Start using it!
@@ -62,28 +62,22 @@ Event         | Description
 
 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`.
+3. Start development server and open `http://localhost:8080/components/my-repo/`.
 
     ```sh
-    $ grunt server
-    ```
-
-* To provide a live demo, send everything to `gh-pages` branch.
-
-    ```sh
-    $ grunt deploy
+    $ polyserve
     ```
 
 ## History
diff --git a/bower.json b/bower.json
@@ -3,13 +3,12 @@
     "version": "0.0.0",
     "description": "My awesome Custom Element",
     "license": "MIT",
-    "main": "src/my-element.html",
+    "main": "my-element.html",
     "keywords": [
         "web-components"
     ],
     "ignore": [
         "**/.*",
-        "node_modules",
         "bower_components"
     ],
     "dependencies": {
diff --git a/index.html b/index.html
@@ -5,12 +5,12 @@
     <meta charset="utf-8">
     <title>&lt;my-repo&gt;</title>
 
-    <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
     <!-- Imports polyfill -->
+    <script src="../webcomponentsjs/webcomponents.min.js"></script>
 
     <!-- Imports custom element -->
+    <link rel="import" href="my-element.html">
 
-    <link rel="import" href="src/my-element.html">
 </head>
 <body>
 
diff --git a/my-element.html b/my-element.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('my-element', {
         prototype: element
     });
diff --git a/package.json b/package.json
