Update stickyScroll

client/js/chat.js

@@ -59,7 +59,7 @@ $(function() {
 				.find(".window")
 				.last()
 				.find(".messages")
-				.scrollGlue({speed: 400})
+				.sticky({speed: 400})
 				.end()
 				.find(".input")
 				.tabComplete(commands);
@@ -87,7 +87,7 @@ $(function() {
 				.prev(".show-more")
 				.show();
 			chat.find(".messages")
-				.scrollGlue({speed: 400})
+				.sticky({speed: 400})
 				.end();
 			
 			var networks = $("#networks")

client/js/jquery.plugins.js

@@ -1,72 +1,6 @@
 /*!
- * inputHistory
+ * stickyScroll
- * https://github.com/erming/inputHistory
+ * https://github.com/erming/stickyScroll
- *
- * Copyright (c) 2014 Mattias Erming <mattias@mattiaserming.com>
- * Licensed under the MIT License.
- *
- * Version 0.1.2
- */
-(function($) {
-	$.fn.inputHistory = function(options) {
-		var settings = $.extend({
-			history: [],
-			submit: false,
-		}, options);
-		
-		var self = this;
-		if (self.size() > 1) {
-			return self.each(function() {
-				$(this).inputHistory(options);
-			});
-		}
-		
-		self.data('history', settings.history.concat(['']));
-		
-		var i = 0;
-		self.on('keydown', function(e) {
-			var history = self.data('history');
-			var key = e.which;
-			switch (key) {
-			
-			case 13: // Enter
-				if (self.val() != '') {
-					i = history.length;
-					history[i - 1] = self.val();
-					history.push('');
-				}
-				if (settings.submit) {
-					self.parents('form').eq(0).submit();
-				}
-				self.val('');
-				break;
-			
-			case 38: // Up
-			case 40: // Down
-				history[i] = self.val();
-				if (key == 38 && i != 0) {
-					i--;
-				} else if (key == 40 && i < history.length - 1) {
-					i++;
-				}
-				self.val(history[i]);
-				break;
-			
-			default:
-				return;
-			
-			}
-			
-			return false;
-		});
-		
-		return this;
-	}
-})(jQuery);
-
-/*!
- * scrollGlue
- * https://github.com/erming/scrollGlue
  *
  * Copyright (c) 2014 Mattias Erming <mattias@mattiaserming.com>
  * Licensed under the MIT License.
@@ -74,7 +8,7 @@
  * Version 1.2.1
  */
 (function($) {
-	$.fn.scrollGlue = function(options) {
+	$.fn.sticky = function(options) {
 		var settings = $.extend({
 			disableManualScroll: false,
 			overflow: 'scroll',
@@ -85,7 +19,7 @@
 		var self = this;
 		if (self.size() > 1) {
 			return self.each(function() {
-				$(this).scrollGlue(options);
+				$(this).sticky(options);
 			});
 		}
 		
@@ -156,43 +90,52 @@
 
 /*!
  * tabComplete
+ * Lightweight tab completion for <input> and <textarea>
+ *
+ * Source:
  * https://github.com/erming/tabComplete
  *
  * Copyright (c) 2014 Mattias Erming <mattias@mattiaserming.com>
  * Licensed under the MIT License.
  *
- * Version 1.0.0-alpha2
+ * Version 1.1.1
  */
 (function($) {
-	var defaults = {
+	var keys = {
-		after: "",
+		tab: 9,
-		caseSensitive: false,
+		up: 38,
-		hint: true,
+		down: 40
-		minLength: 1,
 	};
 	
 	$.fn.tabComplete = function(args, options) {
-		var self = this;
-		options = $.extend(
-			{}, defaults, options
-		);
-		
 		if (this.length > 1) {
 			return this.each(function() {
 				$(this).tabComplete(args, options);
 			});
 		}
 		
-		if (options.hint) {
+		// Only enable the plugin on <input> and <textarea> elements.
-			// Lets turn on hinting.
+		var tag = this.prop("tagName");
-			hint.call(self, "");
+		if (tag != "INPUT" && tag != "TEXTAREA") {
+			return;
 		}
 		
+		// Set default options.
+		options = $.extend({
+			after: "",
+			arrowKeys: tag == "INPUT" ? true : false,
+			caseSensitive: false,
+			hint: true,
+			minLength: 1,
+			onTabComplete: $.noop
+		}, options);
+		
 		// Unbind namespace.
 		// This allows us to override the plugin if necessary.
 		this.unbind(".tabComplete");
 		
-		var i = 0;
+		var self = this;
+		var i = -1;
 		var words = [];
 		var last = "";
 		
@@ -201,7 +144,7 @@
 			var word = input.split(/ |\n/).pop();
 			
 			if (!word) {
-				i = 0;
+				i = -1;
 				words = [];
 				last = "";
 			} else if (typeof args === "function") {
@@ -213,6 +156,9 @@
 				words = match(args, word, options.caseSensitive);
 			}
 			
+			// Emit the number of matching words with the 'match' event.
+			self.trigger("match", words.length);
+			
 			if (options.hint) {
 				if (word.length >= options.minLength && words.length) {
 					hint.call(self, words[0]);
@@ -226,12 +172,26 @@
 		
 		this.on("keydown.tabComplete", function(e) {
 			var key = e.which;
-			if (key == 9) {
+			if (key == keys.tab || (options.arrowKeys && (key == keys.up || key == keys.down))) { 
 				// Don't lose focus on tab click.
 				e.preventDefault();
 				
+				// Iterate the matches with tab and the up and down keys by incrementing
+				// or decrementing the 'i' variable.
+				if (key != keys.up) {
+					i++;
+				} else {
+					if (i == -1) return;
+					if (i == 0) {
+						// Jump to the last word.
+						i = words.length - 1;
+					} else {
+						i--;
+					}
+				}
+					
 				// Get next match.
-				var word = words[i++ % words.length];
+				var word = words[i % words.length];
 				if (!word) {
 					return;
 				}
@@ -252,6 +212,12 @@
 				// Remember the word until next time.
 				last = word;
 				
+				// Trigger callback.
+				options.onTabComplete(last);
+				
+				// Trigger the 'tabComplete' event on a successful complete.
+				self.trigger("tabComplete", last);
+				
 				if (options.hint) {
 					// Turn off any additional hinting.
 					hint.call(self, "");
@@ -259,6 +225,11 @@
 			}
 		});
 		
+		if (options.hint) {
+			// If enabled, turn on hinting.
+			hint.call(this, "");
+		}
+		
 		return this;
 	}
 	
@@ -277,7 +248,7 @@
 		);
 	}
 
-	// Add input hinting.
+	// Input hinting.
 	// This works by creating a copy of the input and placing it behind
 	// the real input.
 	function hint(word) {
@@ -297,7 +268,7 @@
 			);
 			clone = input
 				.clone()
-				.prop("disabled", true)
+				.attr("tabindex", -1)
 				.removeAttr("id name placeholder")
 				.addClass("hint")
 				.insertBefore(input);