jschat 0.1.1

data/lib/jschat/http/public/javascripts/app/controllers/chat_controller.js

@@ -0,0 +1,191 @@
+JsChat.ChatController = Class.create({
+  initialize: function() {
+    $('loading').show();
+
+    this.resizeEvent();
+    setTimeout(this.initDisplay.bind(this), 50);
+    this.tabCompletion = new TabCompletion('message');
+
+    Event.observe(window, 'focus', this.focusEvent.bindAsEventListener(this));
+    Event.observe(window, 'blur', this.blurEvent.bindAsEventListener(this));
+    Event.observe(window, 'resize', this.resizeEvent.bindAsEventListener(this));
+
+    $('post_message').observe('submit', this.postMessageFormEvent.bindAsEventListener(this));
+    $('messages').observe('scroll', this.messagesScrolled.bindAsEventListener(this));
+  },
+
+  messagesScrolled: function() {
+    Display.scrolled = (($('messages').scrollHeight - $('messages').scrollTop) > $('messages').getHeight());
+  },
+
+  focusEvent: function() {
+    Display.unread = 0;
+    Display.show_unread = false;
+    document.title = PageHelper.title();
+  },
+
+  blurEvent: function() {
+    Display.show_unread = true;
+  },
+
+  resizeEvent: function() {
+    var messageInset = PageHelper.isDevice('iphone') ? 390 : 290,
+        heightInset = PageHelper.isDevice('iphone') ? 200 : 100,
+        windowSize = document.viewport.getDimensions();
+    $('messages').setStyle({ width: windowSize.width - 220 + 'px' });
+    $('messages').setStyle({ height: windowSize.height - heightInset + 'px' });
+    $('message').setStyle({ width: windowSize.width - messageInset + 'px' });
+    $('names').setStyle({ height: windowSize.height - 200 + 'px' });
+    Display.scrollMessagesToTop();
+  },
+
+  postMessageFormEvent: function(e) {
+    try {
+      var element = Event.element(e);
+      var message = $('message').value;
+      $('message').value = '';
+
+      if (message.length > 0) {
+        var command_posted = $H(UserCommands).find(function(command) {
+          var name = command[0];
+          var matches = message.match(new RegExp('^' + name + '$'));
+          if (matches) {
+            command[1].bind(this)(matches);
+            return true;
+          }
+        }.bind(this));
+
+        if (!command_posted) {
+          if (message.match(/^\//)) {
+            Display.add_message('Error: Command not found.  Use /help display commands.', 'error');
+          } else {
+            Display.message({ 'message': message.escapeHTML(), 'user': $('name').innerHTML }, true);
+            new Ajax.Request('/message', {
+              method: 'post',
+              parameters: { 'message': message, 'to': PageHelper.currentRoom() }
+            });
+          }
+        }
+      }
+    } catch (exception) {
+      console.log(exception);
+    }
+
+    Event.stop(e);
+    return false;
+  },
+
+  initDisplay: function() {
+    Display.unread = 0;
+    Display.show_unread = false;
+    Display.ignore_notices = false;
+
+    $('room-name').innerHTML = TextHelper.truncateRoomName(PageHelper.currentRoom());
+    $('room-name').title = PageHelper.currentRoom();
+    $('message').activate();
+    $$('.header .navigation li').invoke('hide');
+    $('quit-nav').show();
+    $('help-nav').show();
+
+    $('help-link').observe('click', function(e) {
+      UserCommands['/help']();
+      $('message').activate();
+      Event.stop(e);
+      return false;
+    });
+
+    this.createPollers();
+    this.joinRoom();
+  },
+
+  joinRoom: function() {
+    new Ajax.Request('/join', {
+      method: 'post',
+      parameters: { time: new Date().getTime(), room: PageHelper.currentRoom() },
+      onFailure: function() {
+        Display.add_message("Error: Couldn't join channel", 'server');
+        $('loading').hide();
+      },
+      onComplete: function() {
+        // Make the server update the last polled time
+        JsChat.Request.get('/messages');
+        document.title = PageHelper.title();
+        UserCommands['/lastlog'].apply(this);
+        $('loading').hide();
+      }.bind(this)
+    });
+  },
+
+  updateNames: function() {
+    UserCommands['/names'].apply(this);
+  },
+
+  showMessagesResponse: function(transport) {
+    try {
+      this.displayMessages(transport.responseText);
+
+      if ($$('#messages li').length > 1000) {
+        $$('#messages li').slice(0, 500).invoke('remove');
+      }
+    } catch (exception) {
+      console.log(transport.responseText);
+      console.log(exception);
+    }
+  },
+
+  updateMessages: function() {
+    new Ajax.Request('/messages', {
+      method: 'get',
+      parameters: { time: new Date().getTime(), room: PageHelper.currentRoom() },
+      onSuccess: function(transport) {
+        this.showMessagesResponse(transport);
+      }.bind(this),
+      onFailure: function(request) {
+        this.stopPolling();
+        Display.add_message('Server error: <a href="/#{room}">please reconnect</a>'.interpolate({ room: PageHelper.currentRoom() }), 'server');
+      }.bind(this)
+    });
+  },
+
+  displayMessages: function(text, successCallback) {
+    var json_set = text.evalJSON(true);
+    if (json_set.length == 0) {
+      return;
+    }
+    json_set.each(function(json) {
+      try {
+        if (json['change']) {
+          Change[json['change']](json[json['change']]);
+        } else {
+          Display[json['display']](json[json['display']]);
+          if (json['display'] !== 'error' && typeof successCallback !== 'undefined') {
+            successCallback();
+          }
+        }
+      } catch (exception) {
+      }
+    });
+  },
+
+  checkIdleNames: function() {
+    $$('#names li').each(function(element) {
+      if (Display.isIdle(element.lastIdle)) {
+        element.addClassName('idle');
+      }
+    });
+  },
+
+  stopPolling: function() {
+    this.pollers.invoke('stop');
+  },
+
+  firePollers: function() {
+    this.pollers.invoke('execute');
+  },
+
+  createPollers: function() {
+    this.pollers = $A();
+    this.pollers.push(new PeriodicalExecuter(this.updateMessages.bind(this), 3));
+    this.pollers.push(new PeriodicalExecuter(this.checkIdleNames.bind(this), 5));
+  }
+});

data/lib/jschat/http/public/javascripts/app/controllers/signon_controller.js

@@ -0,0 +1,56 @@
+JsChat.SignOnController = Class.create({
+  initialize: function() {
+    this.retries = 0;
+    setTimeout(function() { $('name').activate() }, 500);
+    $('sign-on').observe('submit', this.submitEvent.bindAsEventListener(this));
+  },
+
+  submitEvent: function(e) {
+    this.signOn();
+    Event.stop(e);
+    return false;
+  },
+
+  showError: function(message) {
+    $('feedback').innerHTML = '<div class="error">#{message}</div>'.interpolate({ message: message });
+    $('feedback').show();
+    $('sign-on-submit').enable();
+  },
+
+  signOn: function() {
+    $('loading').show();
+    $('sign-on-submit').disable();
+    this.retries += 1;
+
+    new Ajax.Request('/identify', {
+      parameters: $('sign-on').serialize(true),
+      onSuccess: function(transport) {
+        try {
+          var json = transport.responseText.evalJSON(true);
+          if (json['action'] == 'reload' && this.retries < 4) {
+            setTimeout(function() { this.signOn() }.bind(this), 50);
+          } else if (json['action'] == 'redirect') {
+            if (window.location.toString().match(new RegExp(json['to'] + '$'))) {
+              window.location.reload();
+            } else {
+              window.location = json['to'];
+            }
+          } else if (json['error']) {
+            this.showError(json['error']['message']);
+            $('loading').hide();
+          } else {
+            this.showError('Connection error');
+          }
+        } catch (exception) {
+          this.showError('Connection error: #{error}'.interpolate({ error: exception }));
+        }
+      }.bind(this),
+      onFailure: function() {
+        this.showError('Connection error');
+      }.bind(this),
+      onComplete: function() {
+        $('loading').hide();
+      }
+    });
+  }
+});

data/lib/jschat/http/public/javascripts/app/helpers/emote_helper.js

@@ -0,0 +1,23 @@
+var EmoteHelper = {
+  legalEmotes: ['angry', 'arr', 'blink', 'blush', 'brucelee', 'btw', 'chuckle', 'clap', 'cool', 'drool', 'drunk', 'dry', 'eek', 'flex', 'happy', 'holmes', 'huh', 'laugh', 'lol', 'mad', 'mellow', 'noclue', 'oh', 'ohmy', 'ph34r', 'pimp', 'punch', 'realmad', 'rock', 'rofl', 'rolleyes', 'sad', 'scratch', 'shifty', 'shock', 'shrug', 'sleep', 'sleeping', 'smile', 'suicide', 'sweat', 'thumbs', 'tongue', 'unsure', 'w00t', 'wacko', 'whistling', 'wink', 'worship', 'yucky'],
+
+  emoteToImage: function(emote) {
+    var result = emote;
+    emote = emote.replace(/^:/, '').toLowerCase();
+    if (EmoteHelper.legalEmotes.find(function(v) { return v == emote })) {
+      result = '<img src="/images/emoticons/#{emote}.gif" alt="#{description}" />'.interpolate({ emote: emote, description: emote });
+    }
+    return result;
+  },
+
+  insertEmotes: function(text) {
+    var result = '';
+    $A(text.split(/(:[^ ]*)/)).each(function(segment) {
+      if (segment && segment.match(/^:/)) {
+        segment = EmoteHelper.emoteToImage(segment);
+      }
+      result += segment;
+    });
+    return result;
+  }
+};

data/lib/jschat/http/public/javascripts/app/helpers/form_helpers.js

@@ -0,0 +1,37 @@
+var FormHelpers = {
+  getCaretPosition: function(element) {
+    if (element.setSelectionRange) {
+      return element.selectionStart;
+    } else if (element.createTextRange) {
+      try {
+        // The current selection
+        var range = document.selection.createRange();
+        // We'll use this as a 'dummy'
+        var stored_range = range.duplicate();
+        // Select all text
+        stored_range.moveToElementText(element);
+        // Now move 'dummy' end point to end point of original range
+        stored_range.setEndPoint('EndToEnd', range);
+
+        return stored_range.text.length - range.text.length;
+      } catch (exception) {
+        // IE is being mental.  TODO: Figure out what IE's issue is
+        return 0;
+      }
+    }
+  },
+
+  setCaretPosition: function(element, pos) {
+    if (element.setSelectionRange) {
+      element.focus()
+      element.setSelectionRange(pos, pos)
+    } else if (element.createTextRange) {
+      var range = element.createTextRange()
+
+      range.collapse(true)
+      range.moveEnd('character', pos)
+      range.moveStart('character', pos)
+      range.select()
+    }
+  }
+};

data/lib/jschat/http/public/javascripts/app/helpers/link_helper.js

@@ -0,0 +1,47 @@
+var LinkHelper = {
+  url: function(url) {
+    return url.match(/(https?:\/\/[^\s]*)/gi);
+  },
+
+  link: function(url) {
+    return '<a href="\#{url}" target="_blank">\#{link_name}</a>'.interpolate({ url: url, link_name: url});
+  },
+
+  image_url: function(url) {
+    return url.match(/\.(jpe?g|png|gif)/i);
+  },
+
+  image: function(url) {
+    return '<a href="\#{url}" target="_blank"><img class="inline-image" src="\#{image}" /></a>'.interpolate({ url: url, image: url })
+  },
+
+  youtube_url: function(url) {
+    return url.match(/youtube\.com/) && url.match(/watch\?v/);
+  },
+
+  youtube: function(url) {
+    var youtube_url_id = url.match(/\?v=([^&\s]*)/);
+    if (youtube_url_id && youtube_url_id[1]) {
+      var youtube_url = 'http://www.youtube.com/v/' + youtube_url_id[1];
+      var youtube_html = '<object width="480" height="295"><param name="movie" value="#{movie_url}"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="#{url}" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object>';
+      return youtube_html.interpolate({ movie_url: youtube_url, url: youtube_url });
+    } else {
+      return this.link(url);
+    }
+  },
+
+  vimeo_url: function(url) {
+    return url.match(/vimeo\.com/) && url.match(/\/\d+/);
+  },
+
+  vimeo: function(url) {
+    var vimeo_url_id = url.match(/\d+/);
+    if (vimeo_url_id) {
+      var vimeo_url = 'http://vimeo.com/' + vimeo_url_id;
+      var vimeo_html = '<object width="560" height="315"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=' + vimeo_url_id + '&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=969696&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=' + vimeo_url_id + '&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=969696&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="560" height="315"></embed></object>';
+      return vimeo_html.interpolate({ movie_url: vimeo_url, url: vimeo_url });
+    } else {
+      return this.link(url);
+    }
+  }
+};

data/lib/jschat/http/public/javascripts/app/helpers/page_helper.js

@@ -0,0 +1,27 @@
+var PageHelper = {
+  currentRoom: function() {
+    return window.location.hash;
+  },
+
+  nickname: function() {
+    return Cookie.find('jschat-name');
+  },
+
+  title: function() {
+    if (PageHelper.currentRoom()) {
+      return 'JsChat: ' + PageHelper.currentRoom();
+    } else {
+      return 'JsChat';
+    }
+  },
+
+  device: function() {
+    if ($$('body.iphone').length > 0) {
+      return 'iphone';
+    }
+  },
+
+  isDevice: function(device) {
+    return PageHelper.device() == device;
+  }
+};

data/lib/jschat/http/public/javascripts/app/helpers/text_helper.js

@@ -0,0 +1,92 @@
+var TextHelper = {
+  zeroPad: function(value, length) {
+    value = value.toString();
+    if (value.length >= length) {
+      return value;
+    } else {
+      return this.zeroPad('0' + value, length);
+    }
+  },
+
+  dateText: function(time) {
+    var d = new Date();
+    if (typeof time != 'undefined') {
+      d = new Date(Date.parse(time));
+    }
+    return this.zeroPad(d.getHours(), 2) + ':' + this.zeroPad(d.getMinutes(), 2); 
+  },
+
+  truncateName: function(text) {
+    return text.truncate(15);
+  },
+
+  truncateRoomName: function(text) {
+    return text.truncate(15);
+  },
+
+  decorateMessage: function(text) {
+    return EmoteHelper.insertEmotes(this.autoLink(this.textilize(text)));
+  },
+
+  textilize: function(text) {
+    function escape_regex(text) { return text.replace(/([\*\?\+\^\?])/g, "\\$1"); }
+    function openTag(text) { return '<' + text + '>'; }
+    function closeTag(text) { return '</' + text + '>'; }
+
+    var map = { '_': 'em', '*': 'strong' };
+
+    $H(map).each(function(mapping) {
+      var result = '';
+      var m = escape_regex(mapping[0]);
+      var mr = new RegExp('(' + m + ')');
+      var matcher = new RegExp('(^|\\s+)(' + m + ')([^\\s][^' + mapping[0] + ']*[^\\s])(' + m + ')', 'g');
+
+      if (text.match(matcher)) {
+        var open = false;
+        text.split(matcher).each(function(segment) {
+          if (segment == mapping[0]) {
+            var tag = open ? closeTag(mapping[1]) : openTag(mapping[1]);
+            result += segment.replace(mr, tag);
+            open = !open;
+          } else {
+            result += segment;
+          }
+        });
+
+        if (open) result += closeTag(mapping[1]);
+        text = result;
+      }
+    });
+
+    return text;
+  },
+
+  autoLink: function(text) {
+    var result = '';
+    try {
+      if (!LinkHelper.url(text)) {
+        return text;
+      }
+
+      $A(text.split(/(https?:\/\/[^\s]*)/gi)).each(function(link) {
+        if (link.match(/href="/)) {
+          result += link;
+        } else {
+          if (LinkHelper.youtube_url(link)) {
+            result += link.replace(link, LinkHelper.youtube(link));
+          } else if (LinkHelper.vimeo_url(link)) {
+            result += link.replace(link, LinkHelper.vimeo(link));
+          } else if (LinkHelper.image_url(link)) {
+            result += link.replace(link, LinkHelper.image(link));
+          } else if (LinkHelper.url(link)) {
+            result += link.replace(link, LinkHelper.link(link));
+          } else {
+            result += link;
+          }
+        }
+      });
+    } catch (exception) {
+    }
+    return result;
+  }
+};

data/lib/jschat/http/public/javascripts/app/lib/split.js

@@ -0,0 +1,78 @@
+/*
+	Cross-Browser Split 0.3
+	By Steven Levithan <http://stevenlevithan.com>
+	MIT license
+	Provides a consistent cross-browser, ECMA-262 v3 compliant split method
+*/
+
+String.prototype._$$split = String.prototype._$$split || String.prototype.split;
+
+String.prototype.split = function (s /* separator */, limit) {
+	// if separator is not a regex, use the native split method
+	if (!(s instanceof RegExp))
+		return String.prototype._$$split.apply(this, arguments);
+
+	var	flags = (s.global ? "g" : "") + (s.ignoreCase ? "i" : "") + (s.multiline ? "m" : ""),
+		s2 = new RegExp("^" + s.source + "$", flags),
+		output = [],
+		origLastIndex = s.lastIndex,
+		lastLastIndex = 0,
+		i = 0, match, lastLength;
+
+	/* behavior for limit: if it's...
+	- undefined: no limit
+	- NaN or zero: return an empty array
+	- a positive number: use limit after dropping any decimal
+	- a negative number: no limit
+	- other: type-convert, then use the above rules
+	*/
+	if (limit === undefined || +limit < 0) {
+		limit = false;
+	} else {
+		limit = Math.floor(+limit);
+		if (!limit)
+			return [];
+	}
+
+	if (s.global)
+		s.lastIndex = 0;
+	else
+		s = new RegExp(s.source, "g" + flags);
+
+	while ((!limit || i++ <= limit) && (match = s.exec(this))) {
+		var emptyMatch = !match[0].length;
+
+		// Fix IE's infinite-loop-resistant but incorrect lastIndex
+		if (emptyMatch && s.lastIndex > match.index)
+			s.lastIndex--;
+
+		if (s.lastIndex > lastLastIndex) {
+			// Fix browsers whose exec methods don't consistently return undefined for non-participating capturing groups
+			if (match.length > 1) {
+				match[0].replace(s2, function () {
+					for (var j = 1; j < arguments.length - 2; j++) {
+						if (arguments[j] === undefined)
+							match[j] = undefined;
+					}
+				});
+			}
+
+			output = output.concat(this.slice(lastLastIndex, match.index));
+			if (1 < match.length && match.index < this.length)
+				output = output.concat(match.slice(1));
+			lastLength = match[0].length; // only needed if s.lastIndex === this.length
+			lastLastIndex = s.lastIndex;
+		}
+
+		if (emptyMatch)
+			s.lastIndex++; // avoid an infinite loop
+	}
+
+	// since this uses test(), output must be generated before restoring lastIndex
+	output = lastLastIndex === this.length ?
+		(s.test("") && !lastLength ? output : output.concat("")) :
+		(limit ? output : output.concat(this.slice(lastLastIndex)));
+	s.lastIndex = origLastIndex; // only needed if s.global, else we're working with a copy of the regex
+	return output;
+};
+

data/lib/jschat/http/public/javascripts/app/models/cookie.js

@@ -0,0 +1,27 @@
+Cookie = {
+  create: function(name, value, days, path) {
+    var expires = '';
+    path = typeof path == 'undefined' ? '/' : path;
+    
+    if (days) {
+      var date = new Date();
+      date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+      expires = "; expires=" + date.toGMTString();
+    }
+ 
+    if (name && value) {
+      document.cookie = name + '=' + escape(value) + expires + ';path=' + path;
+    }
+  },
+  
+  find: function(name) {
+    var matches = document.cookie.match(name + '=([^;]*)');
+    if (matches && matches.length == 2) {
+      return unescape(matches[1]);
+    }
+  },
+  
+  destroy: function(name) {
+    this.create(name, ' ', -1);
+  }
+};

data/lib/jschat/http/public/javascripts/app/protocol/change.js

@@ -0,0 +1,15 @@
+var Change = {
+  user: function(user) {
+    if (user['name']) {
+      change = $H(user['name']).toArray()[0];
+      var old = change[0],
+          new_value = change[1];
+      if (new_value !== PageHelper.nickname()) {
+        Display.add_message("#{old} is now known as #{new_value}".interpolate({ old: old, new_value: new_value }), 'server', user['time']);
+      }
+      $$('#names li').each(function(element) {
+        if (element.innerHTML == old) element.innerHTML = new_value;
+      });
+    }
+  }
+};

data/lib/jschat/http/public/javascripts/app/protocol/chat_request.js

@@ -0,0 +1,13 @@
+/* FIXME: Later on this should be a class */
+JsChat.Request = {
+  get: function(url, callback) {
+    new Ajax.Request(url, {
+      method: 'get',
+      parameters: { time: new Date().getTime(), room: PageHelper.currentRoom() },
+      onFailure: function() {
+        Display.add_message("Server error: couldn't access: #{url}".interpolate({ url: url }), 'server');
+      },
+      onComplete: function(transport) { return callback(transport); }
+    });
+  }
+};