pew pew Zepto; pew pew Bower

Author: Marlow Payne

.gitignore

@@ -1,4 +1,3 @@
 node_modules/
-bower_components/
 .DS_Store
 /.sass-cache/

README.md

@@ -2,7 +2,6 @@
 
 A mobile-first accordion UI module for progressive disclosure on the web.
 
-[![Bower version](https://badge.fury.io/bo/bellows.svg)](http://badge.fury.io/bo/bellows)
 [![Dependency Status](https://www.versioneye.com/user/projects/53ff9b7deab62a5003000009/badge.svg?style=flat)](https://www.versioneye.com/user/projects/53ff9b7deab62a5003000009)
 [![Build Status](https://circleci.com/gh/mobify/bellows/tree/master.svg?style=shield&circle-token=8c096b513a1f04ef1b977178c4f3358c2a42a132)](https://circleci.com/gh/mobify/bellows)
 
@@ -14,37 +13,33 @@ You can find a simple demo on [the Documentation page](http://mobify.github.io/b
 
 ## Requirements
 
-* [Zepto](http://zeptojs.com/)
-* [Velocity.js](http://velocityjs.org)
+* [jQuery](http://jquery.com/)
+* [Velocity.js](http://julian.com/research/velocity/)
 
-### Velocity
+### Zepto Support
 
-If you are using Zepto, you need to load `bower_components/velocity/velocity.js` (this file comes with a jQuery shim bundled directly in it). If you are using jQuery, you need to load `bower_components/velocity/jquery.velocity.js`.
-
-### jQuery Support
-
-Bellows supports jQuery but is not actively developed for it. You should be able to use Bellows directly with jQuery 2.0. While we don't actively support jQuery for Bellows, we welcome any and all issues and PRs to help us make it work.
+Bellows supports Zepto up until v5.1.2 but is not actively developed for it. You should be able to use Bellows directly with Zepto. While we don't actively support Zepto for Bellows, we welcome any and all issues and PRs to help us make it work.
 
 
 ## Installation
 
-Bellows can be installed using bower:
+Bellows can be installed using NPM:
 
 ```
-bower install bellows
+npm install bellows
 ```
 
 ## Usage with Require.js
 
-To use with require.js, after installing through bower you merely have to reference bellows in your require config file:
+To use with require.js, after installing through NPM you merely have to reference bellows in your require config file:
 
 ```config.js
 
 {
     'paths': {
-        'plugin': 'bower_components/plugin/dist/plugin.min',
-        'bellows': 'bower_components/bellows/dist/bellows.min',
-        'velocity': 'bower_components/mobify-velocity/velocity'
+        'plugin': 'node_modules/plugin/dist/plugin.min',
+        'bellows': 'node_modules/bellows/dist/bellows.min',
+        'velocity': 'node_modules/velocity-animate/velocity'
     }
 }
 
@@ -54,7 +49,7 @@ And then require bellows in as needed:
 
 ```
 define(
-    ['zepto', 'bellows'],
+    ['$', 'bellows'],
     function($) {
         $('.bellows').bellows();
     }
@@ -104,9 +99,9 @@ At a bare minimum, your markup structure should follow the above structure. You
 </div>
 
 <!-- Include dependencies -->
-<script src="zepto.min.js"></script>
-<script src="bower_components/mobify-velocity/dist/velocity.min.js"></script>
-<script src="bower_components/plugin/dist/plugin.min.js"></script>
+<script src="jqueryin.js"></script>
+<script src="node_modules/velocity-animate/velocity.min.js"></script>
+<script src="node_modules/plugin/dist/plugin.min.js"></script>
 
 <!-- Include bellows.js -->
 <script src="bellows.min.js"></script>
@@ -173,10 +168,10 @@ default: `swing`
 
 Sets the easing for the animation. Bellows takes all of the same easing properties that [Velocity.js](http://julian.com/research/velocity) accepts.
 
-> * [jQuery UI's easings](http://easings.net/) and CSS3's easings ("ease", "ease-in", "ease-out", and "ease-in-out"), which are pre-packaged into Velocity. A bonus "spring" easing (sampled in the CSS Support pane) is also included. 
-* CSS3's bezier curves: Pass in a four-item array of bezier points. (Refer to [Cubic-Bezier.com](http://cubic-bezier.com/) for crafing custom bezier curves.) 
-* Spring physics: Pass a two-item array in the form of [ tension, friction ]. A higher tension (default: 600) increases total speed and bounciness. A lower friction (default: 20) increases ending vibration speed. 
-* Step easing: Pass a one-item array in the form of [ steps ]. The animation will jump toward its end values using the specified number of steps. 
+> * [jQuery UI's easings](http://easings.net/) and CSS3's easings ("ease", "ease-in", "ease-out", and "ease-in-out"), which are pre-packaged into Velocity. A bonus "spring" easing (sampled in the CSS Support pane) is also included.
+* CSS3's bezier curves: Pass in a four-item array of bezier points. (Refer to [Cubic-Bezier.com](http://cubic-bezier.com/) for crafing custom bezier curves.)
+* Spring physics: Pass a two-item array in the form of [ tension, friction ]. A higher tension (default: 600) increases total speed and bounciness. A lower friction (default: 20) increases ending vibration speed.
+* Step easing: Pass a one-item array in the form of [ steps ]. The animation will jump toward its end values using the specified number of steps.
 
 For more information, check out [Velocity's docs on easing](http://julian.com/research/velocity/#easing).
 
@@ -197,11 +192,11 @@ Triggered every time the selected bellows item is starting to open.
 | Parameter name | Description |
 |----------------|-------------|
 | **e** | An Event object passed to the callback |
-| **ui** | An object containing any associated data for use inside the callback | 
+| **ui** | An object containing any associated data for use inside the callback |
 
 ```js
 $('.bellows').bellows({
-    open: function(e, ui) { 
+    open: function(e, ui) {
         // ui.item contains the item opening
     }
 });
@@ -218,11 +213,11 @@ Triggered every time the selected bellows item has finished opening.
 | Parameter name | Description |
 |----------------|-------------|
 | **e** | An Event object passed to the callback |
-| **ui** | An object containing any associated data for use inside the callback | 
+| **ui** | An object containing any associated data for use inside the callback |
 
 ```js
 $('.bellows').bellows({
-    opened: function(e, ui) { 
+    opened: function(e, ui) {
         // ui.item contains the item that opened
     }
 });
@@ -237,11 +232,11 @@ Triggered every time an bellows item is starting to close.
 | Parameter name | Description |
 |----------------|-------------|
 | **e** | An Event object passed to the callback |
-| **ui** | An object containing any associated data for use inside the callback | 
+| **ui** | An object containing any associated data for use inside the callback |
 
 ```js
 $('.bellows').bellows({
-    close: function(e, ui) { 
+    close: function(e, ui) {
         // ui.item contains the item closing
     }
 });
@@ -256,11 +251,11 @@ Triggered every time an bellows item is finished closing.
 | Parameter name | Description |
 |----------------|-------------|
 | **e** | An Event object passed to the callback |
-| **ui** | An object containing any associated data for use inside the callback | 
+| **ui** | An object containing any associated data for use inside the callback |
 
 ```js
 $('.bellows').bellows({
-    closed: function(e, ui) { 
+    closed: function(e, ui) {
         // ui.item contains the item that closed
     }
 });
@@ -291,7 +286,7 @@ $bellows.bellows('openAll');
 ```
 
 ### close
-    
+
 Close the selected bellows item by element reference
 
 ```js
@@ -313,7 +308,7 @@ $bellows.bellows('closeAll');
 ```
 
 ### toggle
-    
+
 Toggle the selected bellows item by element reference
 
 ```js
@@ -363,7 +358,7 @@ $('.bellows').bellows({
 });
 ```
 
-This will scroll the viewport to the opened bellows item, restoring its position in the viewport. 
+This will scroll the viewport to the opened bellows item, restoring its position in the viewport.
 
 ## Browser Compatibility
 
@@ -382,12 +377,9 @@ This will scroll the viewport to the opened bellows item, restoring its position
 * [node.js 0.10.x/npm](http://nodejs.org/download/)
 * [Grunt](http://gruntjs.com/)
     * Install with `npm install -g grunt-cli`
-* [Bower](http://bower.io/)
-    * Install with `npm install -g bower`
 
 ### Steps
 1. `npm install`
-1. `bower install`
 1. `grunt build`
 
 The `dist` directory will be populated with minified versions of the css and javascript files for distribution and use with whatever build system you might use. The `src` directory has our raw unminified Sass and Javascript files if you prefer to work with those.

bower.json

@@ -6,7 +6,7 @@
             'plugin'
         ], factory);
     } else {
-        var framework = window.Zepto || window.jQuery;
+        var framework = window.jQuery;
         factory(framework, framework.Velocity, window.Plugin);
     }
 }(function($, Velocity, Plugin) {
@@ -66,7 +66,7 @@
 
             /**
              * Ghetto Event Delegation™
-
+             TODO: Re-evalute this for new default of jQuery
              Zepto doesn't support descendant selectors in event delegation,
              so we compare against the closest bellows to ensure we are invoking
              the event from a direct child, not a bellows child from a nested bellows.

dist/bellows.js

@@ -16,7 +16,7 @@ <h1>Bellows Examples</h1>
 
         <h2>Different Animation Timings</h2>
 
-        <p>You can pass Bellows alternate animation <code>duration</code> and <code>easing</code> when you initialize it. The different easings available are described in the readme</p> 
+        <p>You can pass Bellows alternate animation <code>duration</code> and <code>easing</code> when you initialize it. The different easings available are described in the readme</p>
 
         <div class="bellows animation">
             <div class="bellows__item bellows--is-open">
@@ -53,7 +53,6 @@ <h3>Header</h3>
             </div>
         </div>
 
-        <script data-main="assets/js/main" src="../bower_components/requirejs/require.js"></script>
+        <script data-main="assets/js/main" src="../node_modules/requirejs/require.js"></script>
     </body>
     </html>
-

dist/bellows.min.js

@@ -2,10 +2,10 @@ require.config({
     baseUrl: '../',
     almond: true,
     paths: {
-        'text': 'bower_components/requirejs-text/text',
-        '$': 'lib/zeptojs/dist/zepto',
-        'velocity': 'bower_components/mobify-velocity/velocity',
-        'plugin': 'bower_components/plugin/dist/plugin.min',
+        'text': 'node_modules/text/text',
+        '$': 'node_modules/jquery/dist/jquery',
+        'velocity': 'node_modules/velocity-animate/velocity',
+        'plugin': 'node_modules/plugin/dist/plugin.min',
         'bellows': 'dist/bellows',
         'setup-bellows': 'examples/assets/js/setup-bellows'
     },

examples/animation.html

@@ -4,7 +4,7 @@
         define(['bellows'], factory);
     } else {
         // Browser globals
-        root.setupBellows = factory(window.Zepto || window.jQuery);
+        root.setupBellows = factory(window.jQuery);
     }
 }(this, function ($) {
 

examples/assets/js/config.js

@@ -53,7 +53,6 @@ <h3>Header</h3>
             </div>
         </div>
 
-        <script data-main="assets/js/main" src="../bower_components/requirejs/require.js"></script>
+        <script data-main="assets/js/main" src="../node_modules/requirejs/require.js"></script>
     </body>
     </html>
-

examples/assets/js/setup-bellows.js

@@ -55,7 +55,6 @@ <h3>Header</h3>
 
         <p>Lorem honeyed locusts sit amet, none so wise, sed do eiusmod never resting ut labore et dolore magna aliqua. Manhood death before disgrace warrior, feed it to the goats spare me your false courtesy commodo consequat. Mace aute irure dolor in reprehenderit poison is a woman's weapon lord of light tower dwarf. The last of the dragons royal, godswood garron sister betrothed officia deserunt mollit anim id est snow.</p>
 
-        <script data-main="assets/js/main" src="../bower_components/requirejs/require.js"></script>
+        <script data-main="assets/js/main" src="../node_modules/requirejs/require.js"></script>
     </body>
     </html>
-