jquerypp-rails 1.0

data/vendor/assets/javascripts/lib/jquery.selection.js

@@ -0,0 +1,232 @@
+// Dependencies:
+//
+//    - jquery.selection.js
+//    - jquery.range.js
+//    - jquery.compare.js
+
+(function($){
+
+var getWindow = function( element ) {
+	return element ? element.ownerDocument.defaultView || element.ownerDocument.parentWindow : window
+},
+// A helper that uses range to abstract out getting the current start and endPos.
+getElementsSelection = function(el, win){
+	// get a copy of the current range and a range that spans the element
+	var current = $.Range.current(el).clone(),
+		entireElement = $.Range(el).select(el);
+	// if there is no overlap, there is nothing selected
+	if(!current.overlaps(entireElement)){
+		return null;
+	}
+	// if the current range starts before our element
+	if(current.compare("START_TO_START", entireElement) < 1){
+		// the selection within the element begins at 0
+		startPos = 0;
+		// move the current range to start at our element
+		current.move("START_TO_START",entireElement);
+	}else{
+		// Make a copy of the element's range.
+		// Move it's end to the start of the selected range
+		// The length of the copy is the start of the selected
+		// range.
+		fromElementToCurrent =entireElement.clone();
+		fromElementToCurrent.move("END_TO_START", current);
+		startPos = fromElementToCurrent.toString().length
+	}
+	
+	// If the current range ends after our element
+	if(current.compare("END_TO_END", entireElement) >= 0){
+		// the end position is the last character
+		endPos = entireElement.toString().length
+	}else{
+		// otherwise, it's the start position plus the current range
+		// TODO: this doesn't seem like it works if current
+		// extends to the left of the element.
+		endPos = startPos+current.toString().length
+	}
+	return {
+		start: startPos,
+		end : endPos,
+		width : endPos - startPos
+	};
+},
+// Text selection works differently for selection in an input vs
+// normal html elements like divs, spans, and ps.
+// This function branches between the various methods of getting the selection.
+getSelection = function(el){
+	var win = getWindow(el);
+	
+	// `selectionStart` means this is an input element in a standards browser.
+	if (el.selectionStart !== undefined) {
+
+		if(document.activeElement 
+		 	&& document.activeElement != el 
+			&& el.selectionStart == el.selectionEnd 
+			&& el.selectionStart == 0){
+			return {start: el.value.length, end: el.value.length, width: 0};
+		}
+		return  {start: el.selectionStart, end: el.selectionEnd, width: el.selectionEnd - el.selectionStart};
+	} 
+	// getSelection means a 'normal' element in a standards browser.
+	else if(win.getSelection){
+		return getElementsSelection(el, win)
+	} else{
+		// IE will freak out, where there is no way to detect it, so we provide a callback if it does.
+		try {
+			// The following typically works for input elements in IE:
+			if (el.nodeName.toLowerCase() == 'input') {
+				var real = getWindow(el).document.selection.createRange(), 
+					r = el.createTextRange();
+				r.setEndPoint("EndToStart", real);
+				
+				var start = r.text.length
+				return {
+					start: start,
+					end: start + real.text.length,
+					width: real.text.length
+				}
+			}
+			// This works on textareas and other elements
+			else {
+				var res = getElementsSelection(el,win)
+				if(!res){
+					return res;
+				}
+				// we have to clean up for ie's textareas which don't count for 
+				// newlines correctly
+				var current = $.Range.current().clone(),
+					r2 = current.clone().collapse().range,
+					r3 = current.clone().collapse(false).range;
+				
+				r2.moveStart('character', -1)
+				r3.moveStart('character', -1)
+				// if we aren't at the start, but previous is empty, we are at start of newline
+				if (res.startPos != 0 && r2.text == "") {
+					res.startPos += 2;
+				}
+				// do a similar thing for the end of the textarea
+				if (res.endPos != 0 && r3.text == "") {
+					res.endPos += 2;
+				}
+				
+				return res
+			}
+		}catch(e){
+			return {start: el.value.length, end: el.value.length, width: 0};
+		}
+	} 
+},
+// Selects text within an element.  Depending if it's a form element or
+// not, or a standards based browser or not, we do different things.
+select = function( el, start, end ) {
+	var win = getWindow(el);
+	// IE behaves bad even if it sorta supports
+	// getSelection so we have to try the IE methods first. barf.
+	if(el.setSelectionRange){
+		if(end === undefined){
+            el.focus();
+            el.setSelectionRange(start, start);
+		} else {
+			el.select();
+			el.selectionStart = start;
+			el.selectionEnd = end;
+		}
+	} else if (el.createTextRange) {
+		var r = el.createTextRange();
+		r.moveStart('character', start);
+		end = end || start;
+		r.moveEnd('character', end - el.value.length);
+		
+		r.select();
+	} else if(win.getSelection){
+		var	doc = win.document,
+			sel = win.getSelection(),
+			range = doc.createRange(),
+			ranges = [start,  end !== undefined ? end : start];
+		getCharElement([el],ranges);
+		range.setStart(ranges[0].el, ranges[0].count);
+		range.setEnd(ranges[1].el, ranges[1].count);
+		
+		// removeAllRanges is necessary for webkit
+        sel.removeAllRanges();
+        sel.addRange(range);
+		
+	} else if(win.document.body.createTextRange){ //IE's weirdness
+		var range = document.body.createTextRange();
+		range.moveToElementText(el);
+		range.collapse()
+		range.moveStart('character', start)
+		range.moveEnd('character', end !== undefined ? end : start)
+        range.select();
+	}
+
+},
+// If one of the range values is within start and len, replace the range
+// value with the element and its offset.
+replaceWithLess = function(start, len, range, el){
+	if(typeof range[0] === 'number' && range[0] < len){
+			range[0] = {
+				el: el,
+				count: range[0] - start
+			};
+	}
+	if(typeof range[1] === 'number' && range[1] <= len){
+			range[1] = {
+				el: el,
+				count: range[1] - start
+			};;
+	}
+},
+getCharElement = function( elems , range, len ) {
+	var elem,
+		start;
+	
+	len = len || 0;
+	for ( var i = 0; elems[i]; i++ ) {
+		elem = elems[i];
+		// Get the text from text nodes and CDATA nodes
+		if ( elem.nodeType === 3 || elem.nodeType === 4 ) {
+			start = len
+			len += elem.nodeValue.length;
+			//check if len is now greater than what's in counts
+			replaceWithLess(start, len, range, elem ) 
+		// Traverse everything else, except comment nodes
+		} else if ( elem.nodeType !== 8 ) {
+			len = getCharElement( elem.childNodes, range, len );
+		}
+	}
+	return len;
+};
+/**
+ * @parent jQuery.selection
+ * @function jQuery.fn.selection
+ *
+ * Set or retrieve the currently selected text range. It works on all elements:
+ *
+ *      $('#text').selection(8, 12)
+ *      $('#text').selection() // -> { start : 8, end : 12, width: 4 }
+ *
+ * @param {Number} [start] Start position of the selection range
+ * @param {Number} [end] End position of the selection range
+ * @return {Object|jQuery} Returns either the jQuery object when setting the selection or
+ * an object containing
+ *
+ * - __start__ - The number of characters from the start of the element to the start of the selection.
+ * - __end__ - The number of characters from the start of the element to the end of the selection.
+ * - __width__ - The width of the selection range.
+ *
+ * when no arguments are passed.
+ */
+$.fn.selection = function(start, end){
+	if(start !== undefined){
+		return this.each(function(){
+			select(this, start, end)
+		})
+	}else{
+		return getSelection(this[0])
+	}
+};
+// for testing
+$.fn.selection.getCharElement = getCharElement;
+
+})(jQuery)

data/vendor/assets/javascripts/lib/jquery.styles.js

@@ -0,0 +1,103 @@
+//    - jquery.styles.js
+(function( $ ) {
+
+	var getComputedStyle = document.defaultView && document.defaultView.getComputedStyle,
+		// The following variables are used to convert camelcased attribute names
+		// into dashed names, e.g. borderWidth to border-width
+		rupper = /([A-Z])/g,
+		rdashAlpha = /-([a-z])/ig,
+		fcamelCase = function( all, letter ) {
+			return letter.toUpperCase();
+		},
+		// Returns the computed style for an elementn
+		getStyle = function( elem ) {
+			if ( getComputedStyle ) {
+				return getComputedStyle(elem, null);
+			}
+			else if ( elem.currentStyle ) {
+				return elem.currentStyle;
+			}
+		},
+		// Checks for float px and numeric values
+		rfloat = /float/i,
+		rnumpx = /^-?\d+(?:px)?$/i,
+		rnum = /^-?\d/;
+
+	// Returns a list of styles for a given element
+	$.styles = function( el, styles ) {
+		if (!el ) {
+			return null;
+		}
+		var  currentS = getStyle(el),
+			oldName, val, style = el.style,
+			results = {},
+			i = 0,
+			left, rsLeft, camelCase, name;
+
+		// Go through each style
+		for (; i < styles.length; i++ ) {
+			name = styles[i];
+			oldName = name.replace(rdashAlpha, fcamelCase);
+
+			if ( rfloat.test(name) ) {
+				name = jQuery.support.cssFloat ? "float" : "styleFloat";
+				oldName = "cssFloat";
+			}
+
+			// If we have getComputedStyle available
+			if ( getComputedStyle ) {
+				// convert camelcased property names to dashed name
+				name = name.replace(rupper, "-$1").toLowerCase();
+				// use getPropertyValue of the current style object
+				val = currentS.getPropertyValue(name);
+				// default opacity is 1
+				if ( name === "opacity" && val === "" ) {
+					val = "1";
+				}
+				results[oldName] = val;
+			} else {
+				// Without getComputedStyles
+				camelCase = name.replace(rdashAlpha, fcamelCase);
+				results[oldName] = currentS[name] || currentS[camelCase];
+
+				// convert to px
+				if (!rnumpx.test(results[oldName]) && rnum.test(results[oldName]) ) {
+					// Remember the original values
+					left = style.left;
+					rsLeft = el.runtimeStyle.left;
+
+					// Put in the new values to get a computed value out
+					el.runtimeStyle.left = el.currentStyle.left;
+					style.left = camelCase === "fontSize" ? "1em" : (results[oldName] || 0);
+					results[oldName] = style.pixelLeft + "px";
+
+					// Revert the changed values
+					style.left = left;
+					el.runtimeStyle.left = rsLeft;
+				}
+
+			}
+		}
+
+		return results;
+	};
+
+	/**
+	 * @function jQuery.fn.styles
+	 * @parent jQuery.styles
+	 * @plugin jQuery.styles
+	 *
+	 * Returns a set of computed styles. Pass the names of the styles you want to
+	 * retrieve as arguments:
+	 *
+	 *      $("div").styles('float','display')
+	 *      // -> { cssFloat: "left", display: "block" }
+	 *
+	 * @param {String} style pass the names of the styles to retrieve as the argument list
+	 * @return {Object} an object of `style` : `value` pairs
+	 */
+	$.fn.styles = function() {
+		// Pass the arguments as an array to $.styles
+		return $.styles(this[0], $.makeArray(arguments));
+	};
+})(jQuery)

data/vendor/assets/javascripts/lib/jquery.within.js

@@ -0,0 +1,94 @@
+//    - jquery.within.js
+(function($){
+	// Checks if x and y coordinates are within a box with left, top, width and height
+   var withinBox = function(x, y, left, top, width, height ){
+        return (y >= top &&
+                y <  top + height &&
+                x >= left &&
+                x <  left + width);
+    } 
+/**
+ * @function jQuery.fn.within
+ * @parent jQuery.within
+ * @plugin jquery/dom/within
+ * 
+ * Returns all elements matching the selector that touch a given point:
+ * 
+ *     // get all elements that touch 200x200.
+ *     $('*').within(200, 200);
+ * 
+ * @param {Number} left the position from the left of the page 
+ * @param {Number} top the position from the top of the page
+ * @param {Boolean} [useOffsetCache=false] cache the dimensions and offset of the elements.
+ * @return {jQuery} a jQuery collection of elements whos area
+ * overlaps the element position.
+ */
+$.fn.within= function(left, top, useOffsetCache) {
+    var ret = []
+    this.each(function(){
+        var q = jQuery(this);
+
+        if (this == document.documentElement) {
+			return ret.push(this);
+		}
+
+	    // uses either the cached offset or .offset()
+        var offset = useOffsetCache ? 
+						jQuery.data(this,"offsetCache") || jQuery.data(this,"offsetCache", q.offset()) : 
+						q.offset();
+
+        // Check if the given coordinates are within the area of the current element
+	    var res =  withinBox(left, top,  offset.left, offset.top,
+                                    this.offsetWidth, this.offsetHeight );
+
+        if (res) {
+	        // Add it to the results
+			ret.push(this);
+		}
+    });
+    
+    return this.pushStack( jQuery.unique( ret ), "within", left+","+top );
+}
+
+
+/**
+ * @function jQuery.fn.withinBox
+ * @parent jQuery.within
+ *
+ * Returns all elements matching the selector that have a given area in common:
+ *
+ *      $('*').withinBox(200, 200, 100, 100)
+ *
+ * @param {Number} left the position from the left of the page
+ * @param {Number} top the position from the top of the page
+ * @param {Number} width the width of the area
+ * @param {Number} height the height of the area
+ * @param {Boolean} [useOffsetCache=false] cache the dimensions and offset of the elements.
+ * @return {jQuery} a jQuery collection of elements whos area
+ * overlaps the element position.
+ */
+$.fn.withinBox = function(left, top, width, height, useOffsetCache){
+	var ret = []
+    this.each(function(){
+        var q = jQuery(this);
+
+        if(this == document.documentElement) return  ret.push(this);
+
+	    // use cached offset or .offset()
+        var offset = cache ? 
+			jQuery.data(this,"offset") || 
+			jQuery.data(this,"offset", q.offset()) : 
+			q.offset();
+
+
+        var ew = q.width(), eh = q.height(),
+	        // Checks if the element offset is within the given box
+	        res =  !( (offset.top > top+height) || (offset.top +eh < top) || (offset.left > left+width ) || (offset.left+ew < left));
+
+        if(res)
+            ret.push(this);
+    });
+    return this.pushStack( jQuery.unique( ret ), "withinBox", jQuery.makeArray(arguments).join(",") );
+}
+    
+})(jQuery)

metadata

@@ -0,0 +1,81 @@
+--- !ruby/object:Gem::Specification
+name: jquerypp-rails
+version: !ruby/object:Gem::Version
+  version: '1.0'
+  prerelease: 
+platform: ruby
+authors:
+- Jonathan Tapia
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-06-27 00:00:00.000000000 Z
+dependencies: []
+description: This gem provides jQuery++ for your Rails 3 application.
+email:
+- jonathan.tapia@crowdint.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .document
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.rdoc
+- Rakefile
+- jquerypp-rails.gemspec
+- lib/jquerypp-rails.rb
+- lib/jquerypp/generators/jquerypp/install/install_generator.rb
+- lib/jquerypp/rails.rb
+- lib/jquerypp/rails/engine.rb
+- lib/jquerypp/rails/version.rb
+- vendor/assets/javascripts/jquerypp.js
+- vendor/assets/javascripts/lib/jquery.animate.js
+- vendor/assets/javascripts/lib/jquery.compare.js
+- vendor/assets/javascripts/lib/jquery.cookie.js
+- vendor/assets/javascripts/lib/jquery.dimensions.js
+- vendor/assets/javascripts/lib/jquery.event.default.js
+- vendor/assets/javascripts/lib/jquery.event.destroyed.js
+- vendor/assets/javascripts/lib/jquery.event.drag.js
+- vendor/assets/javascripts/lib/jquery.event.drop.js
+- vendor/assets/javascripts/lib/jquery.event.fastfix.js
+- vendor/assets/javascripts/lib/jquery.event.hover.js
+- vendor/assets/javascripts/lib/jquery.event.key.js
+- vendor/assets/javascripts/lib/jquery.event.livehack.js
+- vendor/assets/javascripts/lib/jquery.event.pause.js
+- vendor/assets/javascripts/lib/jquery.event.resize.js
+- vendor/assets/javascripts/lib/jquery.event.swipe.js
+- vendor/assets/javascripts/lib/jquery.fills.js
+- vendor/assets/javascripts/lib/jquery.form_params.js
+- vendor/assets/javascripts/lib/jquery.lang.json.js
+- vendor/assets/javascripts/lib/jquery.lang.vector.js
+- vendor/assets/javascripts/lib/jquery.range.js
+- vendor/assets/javascripts/lib/jquery.selection.js
+- vendor/assets/javascripts/lib/jquery.styles.js
+- vendor/assets/javascripts/lib/jquery.within.js
+homepage: http://rubygems.org/gems/jquerypp-rails
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: 1.3.6
+requirements: []
+rubyforge_project: jquerypp-rails
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: Use jQuery++ with Rails 3
+test_files: []