jsb-rails 1.0.0 → 3.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c32a2dcaa69f191fd655263efe511f12487137ed
-  data.tar.gz: 735f68a353b576fc0f7947146d151b0408d25d5e
+  metadata.gz: 4e794aa1af14dd917b871a9ff559c9ad237f2cb9
+  data.tar.gz: 4a14cc27c024b2f438c4c9364b62f9bae69166c6
 SHA512:
-  metadata.gz: 852800ca2ce00b98aead0759452c99585ffb5cde7440505e9971aa4dd44b1d6444444853d78ec957efe831c7b72bed9b86bf1b77b5f9dfb2cf0bc64e1c843de5
-  data.tar.gz: 2603c8ef5335c7fc905ed711981757464331b44ba5ad04e83d4565653ad6269d024793c8988ae8ea2a7f9b6f32db375339b668a115989f6c89411bf0f60e5e57
+  metadata.gz: 2f0f1188cd1dc994a07cd6db488f916ee4f85846e260e785987f90afde4588c4d91613d3f620354e797d75f7d1490e0d93e3b23bc7e94e04ef6907f650b46d59
+  data.tar.gz: 6d7f8ccc5de6123ec27df13bda8707858bef6934ce0c3c215a4334d772c10c9cceab3f6fa11cd8709227addacce1fb0c6f38ad187ddd6617a3d789047332c994

data/README.md

@@ -8,7 +8,7 @@ https://github.com/DracoBlue/jsb
 
 ## What version of jsb?
 
-the latest and greatest 2.0.0
+the latest and greatest 3.0.0
 
 ## Installation
 

data/lib/jsb/rails/version.rb

@@ -1,6 +1,6 @@
 module Jsb
   module Rails
-    VERSION = "1.0.0"
-    JSB_VERSION = "2.3.0"
+    VERSION = "3.0.0"
+    JSB_VERSION = "3.0.0"
   end
 end

data/vendor/assets/javascripts/jsb.js

@@ -8,492 +8,405 @@
  * information, please see the LICENSE file in the root folder.
  */
 
-jsb = {
-    prefix: 'jsb_',
-    prefix_regexp: /jsb_([^\s]+)/,
-
-    handlers: {},
-    listeners: [],
-    last_event_values: {},
-    sticky_event_values: {},
-
-    /**
-     * Set the prefix for the jsb toolkit.
-     *
-     * @param {String} prefix
-     */
-    setPrefix: function(prefix) {
-        this.prefix = prefix + '_';
-        this.prefix_regexp = new RegExp(this.prefix + '([^\s]+)');
-    },
-
-    /**
-     * Register a new handler with the given constructor function
-     *
-     * @param {String} key
-     * @param {Function} handler_function
-     */
-    registerHandler: function(key, handler_function) {
-        this.handlers[key] = handler_function;
-    },
-
-    /**
-     * Apply all behaviours on a given dom_element and it's children.
-     *
-     * @param {HTMLElement} dom_element
-     */
-    applyBehaviour: function(parent_dom_element) {
-        var dom_elements = this.getJsbElementsInDomElement(parent_dom_element);
-        var dom_elements_length = dom_elements.length;
-        var dom_element = null;
-        var key = null;
-        var key_match = null;
-
-        for (var i = 0; i < dom_elements_length; i++) {
-            dom_element = dom_elements[i];
-            this.removeClassFromElement(dom_element, this.prefix);
-
-            do {
-                key_match = dom_element.className.match(this.prefix_regexp);
-                if (key_match) {
-                    key = key_match[1];
-                    this.callHandler(key, dom_element);
-                    this.removeClassFromElement(dom_element, this.prefix + key);
-                }
-            } while(key_match);
-
-        }
+(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        define('jsb', factory);
+    } else if (typeof module === 'object' && module.exports) {
+        module.exports = factory();
+    } else {
+        root.jsb = factory();
+    }
+}(this, function () {
 
-        this.fireEvent('Jsb::BEHAVIOURS_APPLIED');
-    },
+    var jsb = {
+        prefix: 'jsb_',
+        prefix_regexp: /jsb_([^\s]+)/,
 
-    /**
-     * Fires an event with the given name and values.
-     * @param {String} name
-     * @param {Object} [values={}]
-     */
-    fireEvent: function(name, values, sticky) {
-        values = values || {};
-        sticky = sticky || false;
+        handlers: {},
+        listeners: [],
+        last_event_values: {},
+        sticky_event_values: {},
 
-        /*
-         * Remember the last values for calls to `jsb.whenFired`
+        /**
+         * Set the prefix for the jsb toolkit.
+         *
+         * @param {String} prefix
          */
-        if (sticky) {
-            this.sticky_event_values[name] = this.sticky_event_values[name] || [];
-            this.sticky_event_values[name].push(values);
-        } else {
-            this.last_event_values[name] = values;
-        }
-
-        var listeners = this.listeners;
-        var listeners_length = listeners.length;
-        for (var i = 0; i < listeners_length; i++) {
-            this.rawFireEventToListener(listeners[i], name, values);
-        }
-
-        if (name === 'Jsb::REMOVED_INSTANCE')
-        {
-            this.removeBoundListenersForInstance(values);
-        }
-    },
-
-    fireStickyEvent: function(name, values) {
-        this.fireEvent(name, values, true);
-    },
-
-    /**
-     * Adds an event listener for a given name or regular expression.
-     *
-     * @param {String|RegExp} name_or_regexp
-     * @param {Object|Function} [filter_or_cb=null]
-     * @param {Function} cb
-     */
-    on: function(name_or_regexp, filter_or_cb, cb) {
-        var filter = filter_or_cb || null;
-
-        if (!cb) {
-            filter = null;
-            cb = filter_or_cb;
-        }
+        setPrefix: function(prefix) {
+            this.prefix = prefix + '_';
+            this.prefix_regexp = new RegExp(this.prefix + '([^\s]+)');
+        },
+
+        /**
+         * Register a new handler with the given constructor function
+         *
+         * @param {String} key
+         * @param {Function} handler_function
+         */
+        registerHandler: function(key, handler_function) {
+            this.handlers[key] = handler_function;
+        },
+
+        /**
+         * Apply all behaviours on a given dom_element and it's children.
+         *
+         * @param {HTMLElement} dom_element
+         */
+        applyBehaviour: function(parent_dom_element) {
+            var dom_elements = this.getJsbElementsInDomElement(parent_dom_element);
+            var dom_elements_length = dom_elements.length;
+            var dom_element = null;
+            var key = null;
+            var key_match = null;
+
+            for (var i = 0; i < dom_elements_length; i++) {
+                dom_element = dom_elements[i];
+                this.removeClassFromElement(dom_element, this.prefix);
+
+                do {
+                    key_match = dom_element.className.match(this.prefix_regexp);
+                    if (key_match) {
+                        key = key_match[1];
+                        this.callHandler(key, dom_element);
+                        this.removeClassFromElement(dom_element, this.prefix + key);
+                    }
+                } while(key_match);
 
-        this.listeners.push([cb, name_or_regexp, filter]);
+            }
 
-        var that = this;
-        var off_handler = function() {
-            that.off(name_or_regexp, cb);
-        };
+            this.fireEvent('Jsb::BEHAVIOURS_APPLIED');
+        },
 
-        /*
-         * Call this method with your jsb instance, to allow automatic removal of the handler on
-         * disposal of the jsb instance.
+        /**
+         * Fires an event with the given name and values.
+         * @param {String} name
+         * @param {Object} [values={}]
          */
-        off_handler.dontLeak = function(element) {
-            for (var i = 0; i < that.listeners.length; i++) {
-                var listener = that.listeners[i];
-                if (listener[0] === cb && listener[1] === name_or_regexp && listener[2] === filter) {
-                    listener[3] = element;
-                    return ;
-                }
+        fireEvent: function(name, values, sticky) {
+            values = values || {};
+            sticky = sticky || false;
+
+            /*
+             * Remember the last values for calls to `jsb.whenFired`
+             */
+            if (sticky) {
+                this.sticky_event_values[name] = this.sticky_event_values[name] || [];
+                this.sticky_event_values[name].push(values);
+            } else {
+                this.last_event_values[name] = values;
             }
-        };
-
-        return off_handler;
-    },
-
-    /**
-     * Please call jsb.fireEvent('Jsb::REMOVED_INSTANCE', this) within your object
-     * to free all handlers which are bound to the element (by using the dontLeak-method).
-     *
-     * @private
-     *
-     * @param instance Jsb Instance
-     */
-    removeBoundListenersForInstance: function(instance) {
-        var new_listeners = [];
-        var listeners = this.listeners;
-        var listeners_length = listeners.length;
-        for (var i = 0; i < listeners_length; i++) {
-            if (listeners[i][3] !== instance) {
-                new_listeners.push(listeners[i]);
+
+            var listeners = this.listeners;
+            var listeners_length = listeners.length;
+            for (var i = 0; i < listeners_length; i++) {
+                this.rawFireEventToListener(listeners[i], name, values);
             }
-        }
 
-        this.listeners = new_listeners;
-    },
-
-    /**
-     * Removes an event listener for a given name or regular expression and handler function.
-     *
-     * The handler function needs to be the exact same Function object that was previously registered as an event handler.
-     *
-     * @param {String|RegExp} name_or_regexp
-     * @param {Function} cb
-     */
-    off: function(name_or_regexp, cb) {
-        var listeners = this.listeners;
-        this.listeners = [];
-        var listeners_length = listeners.length;
-        for (var i = 0; i < listeners_length; i++) {
-            if (!(listeners[i][0] === cb && listeners[i][1].toString() === name_or_regexp.toString())) {
-                this.listeners.push(listeners[i]);
+            if (name === 'Jsb::REMOVED_INSTANCE') {
+                this.removeBoundListenersForInstance(values);
             }
-        }
-    },
-
-    /**
-     * Register to an event as soon as it's fired for the first time
-     * even if that happend earlier!
-     *
-     * @param {String|RegExp} name_or_regexp
-     * @param {Object|Function} [filter_or_cb=null]
-     * @param {Function} cb
-     */
-    whenFired: function(name_or_regexp, filter_or_cb, cb)
-    {
-        var that = this;
-        var filter = filter_or_cb;
-
-        if (!cb) {
-            filter = null;
-            cb = filter_or_cb;
-        }
+        },
+
+        fireStickyEvent: function(name, values) {
+            this.fireEvent(name, values, true);
+        },
+
+        /**
+         * Adds an event listener for a given name or regular expression.
+         *
+         * @param {String|RegExp} name_or_regexp
+         * @param {Object|Function} [filter_or_cb=null]
+         * @param {Function} cb
+         */
+        on: function(name_or_regexp, filter_or_cb, cb) {
+            var filter = filter_or_cb || null;
 
-        var off_handler = this.on(name_or_regexp, filter, cb);
-
-        var is_regexp = (name_or_regexp instanceof RegExp);
-        if (is_regexp) {
-            for (var key in this.last_event_values) {
-                if (this.last_event_values.hasOwnProperty(key) && key.match(name_or_regexp)) {
-                    (function(key)
-                    {
-                        var last_value = that.last_event_values[key];
-                        setTimeout(function()
-                        {
-                            that.rawFireEventToListener([cb, name_or_regexp, filter], key, last_value);
-                        }, 0);
-                    })(key);
-                }
+            if (!cb) {
+                filter = null;
+                cb = filter_or_cb;
             }
-            for (var key in this.sticky_event_values) {
-                if (this.sticky_event_values.hasOwnProperty(key) && key.match(name_or_regexp)) {
-                    (function(key)
-                    {
-                        var last_values = that.sticky_event_values[key];
-                        var last_values_length = last_values.length;
-                        for (var i = 0; i < last_values_length; i++) {
-                            (function(last_value) {
-                                setTimeout(function()
-                                {
-                                    that.rawFireEventToListener([cb, name_or_regexp, filter], key, last_value);
-                                }, 0);
-                            })(last_values[i]);
-                        }
-                    })(key);
+
+            this.listeners.push([cb, name_or_regexp, filter]);
+
+            var that = this;
+            var off_handler = function() {
+                that.off(name_or_regexp, cb);
+            };
+
+            /*
+             * Call this method with your jsb instance, to allow automatic removal of the handler on
+             * disposal of the jsb instance.
+             */
+            off_handler.dontLeak = function(element) {
+                for (var i = 0; i < that.listeners.length; i++) {
+                    var listener = that.listeners[i];
+                    if (listener[0] === cb && listener[1] === name_or_regexp && listener[2] === filter) {
+                        listener[3] = element;
+                        return ;
+                    }
                 }
-            }
-        } else {
-            if (typeof this.last_event_values[name_or_regexp] !== 'undefined') {
-                var last_value = that.last_event_values[name_or_regexp];
-                setTimeout(function()
-                {
-                    that.rawFireEventToListener([cb, name_or_regexp, filter], name_or_regexp, last_value);
-                }, 0);
-            }
-            if (typeof this.sticky_event_values[name_or_regexp] !== 'undefined') {
-                var last_values = that.sticky_event_values[name_or_regexp];
-                var last_values_length = last_values.length;
-                for (var i = 0; i < last_values_length; i++) {
-                    (function(last_value) {
-                        setTimeout(function()
-                        {
-                            that.rawFireEventToListener([cb, name_or_regexp, filter], name_or_regexp, last_value);
-                        }, 0);
-                    })(last_values[i]);
+            };
+
+            return off_handler;
+        },
+
+        /**
+         * Please call jsb.fireEvent('Jsb::REMOVED_INSTANCE', this) within your object
+         * to free all handlers which are bound to the element (by using the dontLeak-method).
+         *
+         * @private
+         *
+         * @param instance Jsb Instance
+         */
+        removeBoundListenersForInstance: function(instance) {
+            var new_listeners = [];
+            var listeners = this.listeners;
+            var listeners_length = listeners.length;
+            for (var i = 0; i < listeners_length; i++) {
+                if (listeners[i][3] !== instance) {
+                    new_listeners.push(listeners[i]);
                 }
             }
-        }
 
-        return off_handler;
-    },
-
-    /**
-     * @private
-     */
-    rawFireEventToListener: function(listener, name, values) {
-        var is_regexp_match = (listener[1] instanceof RegExp && name.match(listener[1]));
-
-        if (is_regexp_match || listener[1] === name) {
-            var filter = listener[2];
-            var is_match = true;
-            if (filter) {
-                for (var filter_key in filter) {
-                    if (filter.hasOwnProperty(filter_key)) {
-                        is_match = is_match && (typeof values[filter_key] !== 'undefined' && filter[filter_key] === values[filter_key]);
-                    }
+            this.listeners = new_listeners;
+        },
+
+        /**
+         * Removes an event listener for a given name or regular expression and handler function.
+         *
+         * The handler function needs to be the exact same Function object that was previously registered as an event handler.
+         *
+         * @param {String|RegExp} name_or_regexp
+         * @param {Function} cb
+         */
+        off: function(name_or_regexp, cb) {
+            var listeners = this.listeners;
+            this.listeners = [];
+            var listeners_length = listeners.length;
+            for (var i = 0; i < listeners_length; i++) {
+                if (!(listeners[i][0] === cb && listeners[i][1].toString() === name_or_regexp.toString())) {
+                    this.listeners.push(listeners[i]);
                 }
             }
+        },
+
+        /**
+         * Register to an event as soon as it's fired for the first time
+         * even if that happend earlier!
+         *
+         * @param {String|RegExp} name_or_regexp
+         * @param {Object|Function} [filter_or_cb=null]
+         * @param {Function} cb
+         */
+        whenFired: function(name_or_regexp, filter_or_cb, cb) {
+            var that = this;
+            var filter = filter_or_cb;
 
-            if (is_match) {
-                listener[0](values, name);
+            if (!cb) {
+                filter = null;
+                cb = filter_or_cb;
             }
-        }
-    },
-
-    /**
-     * Call a specific handler on a given dom element
-     * @private
-     * @param {String} key
-     * @param {HTMLElement} dom_element
-     */
-    callHandler: function(key, dom_element) {
-        if (typeof this.handlers[key] === 'undefined') {
-            if (typeof require === "undefined") {
-                throw new Error('The handler ' + key + ' is not defined!');
+
+            var off_handler = this.on(name_or_regexp, filter, cb);
+
+            var is_regexp = (name_or_regexp instanceof RegExp);
+            if (is_regexp) {
+                for (var key in this.last_event_values) {
+                    if (this.last_event_values.hasOwnProperty(key) && key.match(name_or_regexp)) {
+                        (function(key) {
+                            var last_value = that.last_event_values[key];
+                            setTimeout(function() {
+                                that.rawFireEventToListener([cb, name_or_regexp, filter], key, last_value);
+                            }, 0);
+                        })(key);
+                    }
+                }
+                for (var key in this.sticky_event_values) {
+                    if (this.sticky_event_values.hasOwnProperty(key) && key.match(name_or_regexp)) {
+                        (function(key) {
+                            var last_values = that.sticky_event_values[key];
+                            var last_values_length = last_values.length;
+                            for (var i = 0; i < last_values_length; i++) {
+                                (function(last_value) {
+                                    setTimeout(function() {
+                                        that.rawFireEventToListener([cb, name_or_regexp, filter], key, last_value);
+                                    }, 0);
+                                })(last_values[i]);
+                            }
+                        })(key);
+                    }
+                }
             } else {
-                require([key], function(require_result) {
-                    if (typeof jsb.handlers[key] === 'undefined') {
-                        if (typeof require_result === "undefined")
-                        {
-                            throw new Error('The handler ' + key + ' is not defined (even with requirejs)!');
-                        }
-                        else
-                        {
-                            jsb.registerHandler(key, require_result);
-                        }
+                if (typeof this.last_event_values[name_or_regexp] !== 'undefined') {
+                    var last_value = that.last_event_values[name_or_regexp];
+                    setTimeout(function() {
+                        that.rawFireEventToListener([cb, name_or_regexp, filter], name_or_regexp, last_value);
+                    }, 0);
+                }
+                if (typeof this.sticky_event_values[name_or_regexp] !== 'undefined') {
+                    var last_values = that.sticky_event_values[name_or_regexp];
+                    var last_values_length = last_values.length;
+                    for (var i = 0; i < last_values_length; i++) {
+                        (function(last_value) {
+                            setTimeout(function() {
+                                that.rawFireEventToListener([cb, name_or_regexp, filter], name_or_regexp, last_value);
+                            }, 0);
+                        })(last_values[i]);
                     }
-                    jsb.callHandler(key, dom_element);
-                });
-                return ;
+                }
             }
-        }
 
-        var value_string = null;
-        var dashed_key_name = key.toString().replace(/\//g, "-");
+            return off_handler;
+        },
 
-        if (dom_element.getAttribute('data-jsb-' + dashed_key_name)) {
-            /*
-             * Nice, we have a class specific data-jsb attribute -> let's use that one!
-             */
-            value_string = dom_element.getAttribute('data-jsb-' + dashed_key_name);
-        } else if (dom_element.getAttribute('data-jsb')) {
-            /*
-             * Nice, we have a data-jsb attribute -> let's use that one!
-             */
-            value_string = dom_element.getAttribute('data-jsb');
-        }
-
-        if (value_string !== null) {
-            new this.handlers[key](dom_element, this.parseValueString(value_string));
-        } else {
-            new this.handlers[key](dom_element);
-        }
-    },
-
-    /**
-     * Parse a json or a query string into an object hash
-     * @private
-     * @param {String} value_string
-     * @return {Object}
-     */
-    parseValueString: function(value_string) {
-        if (value_string.substr(0, 1) == '{') {
-            return JSON.parse(value_string);
-        } else {
-            var value = {};
-            var parts = value_string.split("&");
-            var parts_length = parts.length;
-            for (var i = 0; i < parts_length; i++) {
-                var query_string_entry = parts[i].split("=");
-                var value_key = decodeURIComponent(query_string_entry[0]);
-                var value_content = decodeURIComponent(query_string_entry.slice(1).join("="));
-                value[value_key] = value_content;
-            }
-            return value;
-        }
-    },
-
-    /**
-     * @private
-     * @param {HTMLElement} dom_element
-     * @param {String} class_name
-     * @return {void}
-     */
-    removeClassFromElement: function(dom_element, class_name) {
-        var element_class_name = dom_element.className;
-        element_class_name = element_class_name.replace(new RegExp('(^|[\\s]+)' + class_name + '($|[\\s]+)'), '$1$2');
-        dom_element.className = element_class_name;
-    },
-
-    /**
-     * Return all elements within the dom_element, which match the
-     * jsb prefix.
-     *
-     * @private
-     * @param {HTMLElement} dom_element
-     * @returns {HTMLElement[]}
-     */
-    getJsbElementsInDomElement: function(dom_element) {
-        var dom_elements = [];
-        /*
-         * We need to use concat, because otherwise the returned array would
-         * change as soon as we remove the element's className.
+        /**
+         * @private
          */
-        var raw_dom_elements = null;
-        if (dom_element.getElementsByClassName) {
-            raw_dom_elements = dom_element.getElementsByClassName(this.prefix);
-        } else {
-            raw_dom_elements = dom_element.querySelectorAll('.' + this.prefix);
-        }
-        var raw_dom_elements_length = raw_dom_elements.length;
-        for (var r = 0; r < raw_dom_elements_length; r++) {
-            dom_elements.push(raw_dom_elements[r]);
-        }
-
-        return dom_elements;
-    }
-};
-
-if (typeof jQuery !== 'undefined') {
-    /*
-     * If we have jQuery available, we can use the jQuery methods instead
-     * of the native ones (thus having compatibility for IE < 8, FF < 3 and so on)
-     */
-    jsb.removeClassFromElement = function(dom_element, class_name) {
-        jQuery(dom_element).removeClass(class_name);
-    };
-
-    jsb.getJsbElementsInDomElement = function(dom_element) {
-        return jQuery(dom_element).find('.' + this.prefix);
-    };
+        rawFireEventToListener: function(listener, name, values) {
+            var is_regexp_match = (listener[1] instanceof RegExp && name.match(listener[1]));
+
+            if (is_regexp_match || listener[1] === name) {
+                var filter = listener[2];
+                var is_match = true;
+                if (filter) {
+                    for (var filter_key in filter) {
+                        if (filter.hasOwnProperty(filter_key)) {
+                            is_match = is_match && (typeof values[filter_key] !== 'undefined' && filter[filter_key] === values[filter_key]);
+                        }
+                    }
+                }
 
-    jsb.parseValueString = function(value_string) {
-        if (value_string.substr(0, 1) == '{') {
-            return jQuery.parseJSON(value_string);
-        } else {
-            var value = {};
-            var parts = value_string.split("&");
-            var parts_length = parts.length;
-            for (var i = 0; i < parts_length; i++) {
-                var query_string_entry = parts[i].split("=");
-                var value_key = decodeURIComponent(query_string_entry[0]);
-                var value_content = decodeURIComponent(query_string_entry.slice(1).join("="));
-                value[value_key] = value_content;
+                if (is_match) {
+                    listener[0](values, name);
+                }
             }
-            return value;
-        }
-    };
+        },
 
-    if (typeof window !== "undefined") {
-        /*
-         * Fire domready in a jQuery way!
+        /**
+         * Call a specific handler on a given dom element
+         * @private
+         * @param {String} key
+         * @param {HTMLElement} dom_element
          */
+        callHandler: function(key, dom_element) {
+            if (typeof this.handlers[key] === 'undefined') {
+                if (typeof require === 'undefined') {
+                    throw new Error('The handler ' + key + ' is not defined!');
+                } else {
+                    require([key], function(require_result) {
+                        if (typeof jsb.handlers[key] === 'undefined') {
+                            if (typeof require_result === 'undefined') {
+                                throw new Error('The handler ' + key + ' is not defined (even with requirejs)!');
+                            } else {
+                                jsb.registerHandler(key, require_result);
+                            }
+                        }
+                        jsb.callHandler(key, dom_element);
+                    });
+                    return ;
+                }
+            }
 
-        jQuery(window.document).ready(function () {
-            jsb.applyBehaviour(window.document);
-        });
-    }
-} else if (typeof MooTools !== 'undefined') {
-    /*
-     * If we have MooTools available, we can use the MooTools methods instead
-     * of the native ones (thus having compatibility for IE < 8, FF < 3 and so on)
-     */
-    jsb.removeClassFromElement = function(dom_element, class_name) {
-        $(dom_element).removeClass(class_name);
-    };
+            var value_string = null;
+            var dashed_key_name = key.toString().replace(/\//g, '-');
+
+            if (dom_element.getAttribute('data-jsb-' + dashed_key_name)) {
+                /*
+                 * Nice, we have a class specific data-jsb attribute -> let's use that one!
+                 */
+                value_string = dom_element.getAttribute('data-jsb-' + dashed_key_name);
+            } else if (dom_element.getAttribute('data-jsb')) {
+                /*
+                 * Nice, we have a data-jsb attribute -> let's use that one!
+                 */
+                value_string = dom_element.getAttribute('data-jsb');
+            }
 
-    jsb.getJsbElementsInDomElement = function(dom_element) {
-        return $(dom_element).getElements('.' + this.prefix);
-    };
+            if (value_string !== null) {
+                new this.handlers[key](dom_element, this.parseValueString(value_string));
+            } else {
+                new this.handlers[key](dom_element);
+            }
+        },
 
-    jsb.parseValueString = function(value_string) {
-        if (value_string.substr(0, 1) == '{') {
-            return JSON.decode(value_string);
-        } else {
-            var value = {};
-            var parts = value_string.split("&");
-            var parts_length = parts.length;
-            for (var i = 0; i < parts_length; i++) {
-                var query_string_entry = parts[i].split("=");
-                var value_key = decodeURIComponent(query_string_entry[0]);
-                var value_content = decodeURIComponent(query_string_entry.slice(1).join("="));
-                value[value_key] = value_content;
+        /**
+         * Parse a json or a query string into an object hash
+         * @private
+         * @param {String} value_string
+         * @return {Object}
+         */
+        parseValueString: function(value_string) {
+            if (value_string.substr(0, 1) == '{') {
+                return JSON.parse(value_string);
+            } else {
+                var value = {};
+                var parts = value_string.split('&');
+                var parts_length = parts.length;
+                for (var i = 0; i < parts_length; i++) {
+                    var query_string_entry = parts[i].split('=');
+                    var value_key = decodeURIComponent(query_string_entry[0]);
+                    var value_content = decodeURIComponent(query_string_entry.slice(1).join('='));
+                    value[value_key] = value_content;
+                }
+                return value;
             }
-            return value;
-        }
-    };
+        },
 
-    if (typeof window !== "undefined") {
-        /*
-         * Fire domready in a mootools way!
+        /**
+         * @private
+         * @param {HTMLElement} dom_element
+         * @param {String} class_name
+         * @return {void}
+         */
+        removeClassFromElement: function(dom_element, class_name) {
+            var element_class_name = dom_element.className;
+            element_class_name = element_class_name.replace(new RegExp('(^|[\\s]+)' + class_name + '($|[\\s]+)'), '$1$2');
+            dom_element.className = element_class_name;
+        },
+
+        /**
+         * Return all elements within the dom_element, which match the
+         * jsb prefix.
+         *
+         * @private
+         * @param {HTMLElement} dom_element
+         * @returns {HTMLElement[]}
          */
+        getJsbElementsInDomElement: function(dom_element) {
+            var dom_elements = [];
+            /*
+             * We need to use concat, because otherwise the returned array would
+             * change as soon as we remove the element's className.
+             */
+            var raw_dom_elements = null;
+            if (dom_element.getElementsByClassName) {
+                raw_dom_elements = dom_element.getElementsByClassName(this.prefix);
+            } else {
+                raw_dom_elements = dom_element.querySelectorAll('.' + this.prefix);
+            }
+            var raw_dom_elements_length = raw_dom_elements.length;
+            for (var r = 0; r < raw_dom_elements_length; r++) {
+                dom_elements.push(raw_dom_elements[r]);
+            }
 
-        $(window).addEvent('domready', function () {
-            jsb.applyBehaviour(window.document);
-        });
-    }
-} else {
+            return dom_elements;
+        }
+    };
 
-    if (typeof window !== "undefined") {
+    if (typeof window !== 'undefined') {
         /*
          * Fire domready in a native way!
          */
         if (window.addEventListener) {
-            window.addEventListener("DOMContentLoaded", function() {
+            window.addEventListener('DOMContentLoaded', function() {
                 jsb.applyBehaviour(window.document);
             }, true);
         } else if(window.attachEvent)  {
-            window.attachEvent("onLoad",function() {
+            window.attachEvent('onLoad',function() {
                 jsb.applyBehaviour(window.document);
             });
         }
     }
-}
-
-if (typeof define !== "undefined" && define.amd) {
-    define('jsb', function() {
-        return jsb;
-    });
-} else if (typeof module === 'object' && module.exports) {
-    module.exports = jsb;
-}
+
+    return jsb;
+}));

metadata

@@ -1,41 +1,41 @@
 --- !ruby/object:Gem::Specification
 name: jsb-rails
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 3.0.0
 platform: ruby
 authors:
 - René Kersten
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-09-18 00:00:00.000000000 Z
+date: 2016-05-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '1.8'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '1.8'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '10.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '10.0'
 description: This gem integrates JsBehaviourToolkit with Rails asset pipeline for
@@ -46,8 +46,8 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- .gitignore
-- .travis.yml
+- ".gitignore"
+- ".travis.yml"
 - CODE_OF_CONDUCT.md
 - Gemfile
 - LICENSE.txt
@@ -69,20 +69,19 @@ require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.7
+rubygems_version: 2.4.5.1
 signing_key: 
 specification_version: 4
 summary: This gem integrates JsBehaviourToolkit with Rails asset pipeline for ease
   of use.
 test_files: []
-has_rdoc: