Rewrite in proper factory format as per v2 & bump version

.gitignore

@@ -0,0 +1 @@
+bower_components

README.md

@@ -13,7 +13,7 @@ Add `data-view` attributes to your HTML:
 Create an object for your app that lists setup functions for each type of view.
 
 ```javascript
-myApp.views = {
+MyApp.Views = {
   dropdown: function( $el ) { $el.fancyDropdown(); },
   chatWindow: function( $el, el ) { new ChatWindowView({ el: el }); },
   // ... etc etc
@@ -23,10 +23,12 @@ myApp.views = {
 Once the DOM is ready, run:
 
 ```javascript
-viewloader.execute( myApp.views );
+viewloader.execute( MyApp.Views );
 ```
 
-viewloader will find every element on the page with a `data-view` attribute and call its setup function with 2 arguments:
+viewloader will find every element on the page with a `data-view` attribute and check to see if a function with that name exists on the supplied object.
+
+If such a function exists, it will be called 2 arguments:
 
 - `$el`: the jQuery-wrapped DOM element (i.e. `$(el)`)
 - `el`: the DOM element

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "viewloader",
   "main": "viewloader.js",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "homepage": "https://github.com/bensmithett/viewloader",
   "authors": [
     "Ben Smithett <[email protected]>"
@@ -14,6 +14,7 @@
   "ignore": [
     "**/.*",
     "README.md",
-    "test.html"
+    "test.html",
+    ".gitignore"
   ]
 }

test.html

@@ -12,14 +12,15 @@
 
     <div id="test-results"></div>
 
-    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+    <script src="bower_components/jquery/dist/jquery.js"></script>
     <script src="viewloader.js"></script>
 
     <script>
       var ids = "";
       var results = document.getElementById( "test-results" );
 
+      // When an object is supplied as the first argument
+      // It calls setup functions from that object 
       viewloader.execute({
         single: function ( $el, el ) {
           $el.addClass("single-ready");

viewloader.js

@@ -1,13 +1,19 @@
-window.viewloader = {
-  execute: function( views, $scope ) {
-    var $els = $scope ? $scope.find( "[data-view]" ) : $( "[data-view]" );
-
-    $els.each( function( i, el ) {
-      var $el = $( el );
-      var view = $el.data( "view" );
-      if ( view && views[ view ] ) {
-        views[ view ]( $el, el );
+(function (root, factory) {
+  root.viewloader = factory({}, (root.jQuery || root.Zepto || root.$), root);
+}(this, function(viewloader, $, root) {
+  "use strict";
+
+  viewloader.execute = function (views, $scope) {
+    var $els = $scope ? $scope.find("[data-view]") : $("[data-view]");
+
+    $els.each(function(i, el) {
+      var $el = $(el);
+      var view = $el.data("view");
+      if (view && views[view]) {
+        views[view]($el, el);
       }
     });
-  }
-};
+  };
+
+  return viewloader;
+}));