vines 0.1.1 → 0.2.0

data/test/stanza/iq/roster_test.rb

@@ -177,7 +177,7 @@ class RosterTest < MiniTest::Unit::TestCase
     assert router.verify
 
     expected = node(%q{
-      <iq type="set" to="alice@wonderland.lit/tea">
+      <iq to="alice@wonderland.lit/tea" type="set">
         <query xmlns="jabber:iq:roster">
           <item jid="hatter@wonderland.lit" name="Mad Hatter" subscription="none">
             <group>Friends</group>

data/test/stanza/iq_test.rb

@@ -0,0 +1,63 @@
+# encoding: UTF-8
+
+require 'vines'
+require 'ext/nokogiri'
+require 'minitest/autorun'
+
+class IqTest < MiniTest::Unit::TestCase
+  def setup
+    @stream = MiniTest::Mock.new
+    @stream.expect(:domain, 'wonderland.lit')
+  end
+  
+  def test_allow_other_iq_to_route
+    alice = Vines::User.new(:jid => 'alice@wonderland.lit/tea')
+    hatter = Vines::User.new(:jid => 'hatter@wonderland.lit/crumpets')
+    node = node(%q{
+      <iq id="42" type="set" to="alice@wonderland.lit/tea" from="hatter@wonderland.lit/crumpets">
+          <si xmlns="http://jabber.org/protocol/si" id="42_si" profile="http://jabber.org/protocol/si/profile/file-transfer">
+            <file xmlns="http://jabber.org/protocol/si/profile/file-transfer" name="file" size="1"/>
+            <feature xmlns="http://jabber.org/protocol/feature-neg">
+              <x xmlns="jabber:x:data" type="form">
+                <field var="stream-method" type="list-single">
+                  <option>
+                    <value>http://jabber.org/protocol/bytestreams</value>
+                  </option>
+                  <option>
+                    <value>http://jabber.org/protocol/ibb</value>
+                  </option>
+                </field>
+              </x>
+            </feature>
+          </si>
+        </iq>}.strip.gsub(/\n|\s{2,}/, ''))
+
+    recipient = MiniTest::Mock.new
+    recipient.expect(:write, nil, [node])
+
+    router = MiniTest::Mock.new
+    router.expect(:available_resources, [recipient], [alice.jid])
+    router.expect(:local?, true, [node])
+    
+    @stream.expect(:user, hatter)
+    @stream.expect(:router, router)
+    @stream.expect(:domain, 'wonderland.lit')
+
+    stanza = Vines::Stanza::Iq.new(node, @stream)
+    stanza.process
+    assert @stream.verify
+    assert recipient.verify
+  end
+  
+  def test_feature_not_implemented
+    node = node('<iq type="set" id="42">')
+    stanza = Vines::Stanza::Iq.new(node, @stream)
+    assert_raises(Vines::StanzaErrors::FeatureNotImplemented) { stanza.process }
+  end
+  
+  private
+
+  def node(xml)
+    Nokogiri::XML(xml).root
+  end
+end

data/test/storage/couchdb_test.rb

@@ -49,7 +49,13 @@ class CouchDBTest < MiniTest::Unit::TestCase
       save_doc({
         '_id'  => 'vcard:full@wonderland.lit',
         'type' => 'Vcard',
-        'card' => StorageTests::VCARD.to_xml
+        'card' => VCARD.to_xml
+      })
+
+      save_doc({
+        '_id'  => "fragment:full@wonderland.lit:#{FRAGMENT_ID}",
+        'type' => 'Fragment',
+        'xml'  => FRAGMENT.to_xml
       })
     end
   end

data/test/storage/local_test.rb

@@ -14,7 +14,8 @@ class LocalTest < MiniTest::Unit::TestCase
       :clear_pass => './clear_password@wonderland.lit.user',
       :bcrypt     => './bcrypt_password@wonderland.lit.user',
       :full       => './full@wonderland.lit.user',
-      :vcard      => './full@wonderland.lit.vcard'
+      :vcard      => './full@wonderland.lit.vcard',
+      :fragment   => "./full@wonderland.lit-#{FRAGMENT_ID}.fragment"
     }
     File.open(@files[:empty], 'w') {|f| f.write('') }
     File.open(@files[:no_pass], 'w') {|f| f.write('foo: bar') }
@@ -32,11 +33,16 @@ class LocalTest < MiniTest::Unit::TestCase
       f.puts("    groups: [Group3, Group4]")
     end
     File.open(@files[:vcard], 'w') {|f| f.write(StorageTests::VCARD.to_xml) }
+    File.open(@files[:fragment], 'w') {|f| f.write(StorageTests::FRAGMENT.to_xml) }
   end
 
   def teardown
     misc = %w[user vcard].map {|ext| "./save_user@domain.tld.#{ext}" }
-    [*misc, *@files.values].each do |f|
+    [
+      "./save_user@domain.tld-#{FRAGMENT_ID}.fragment",
+      *misc,
+      *@files.values
+    ].each do |f|
       File.delete(f) if File.exist?(f)
     end
   end

data/test/storage/redis_test.rb

@@ -11,24 +11,32 @@ class RedisTest < MiniTest::Unit::TestCase
     def initialize
       @db = {}
     end
+    def del(key)
+      @db.delete(key)
+      EM.next_tick { yield if block_given? }
+    end
     def get(key)
       EM.next_tick { yield @db[key] }
     end
+    def set(key, value)
+      @db[key] = value
+      EM.next_tick { yield if block_given? }
+    end
+    def hget(key, field)
+      EM.next_tick { yield @db[key][field] rescue nil }
+    end
     def hgetall(key)
       EM.next_tick { yield @db[key] || {} }
     end
-    def set(key, value)
-      @db[key] = value
+    def hset(key, field, value)
+      @db[key] ||= {}
+      @db[key][field] = value
       EM.next_tick { yield if block_given? }
     end
     def hmset(key, *args)
       @db[key] = Hash[*args]
       EM.next_tick { yield if block_given? }
     end
-    def del(key)
-      @db.delete(key)
-      EM.next_tick { yield if block_given? }
-    end
     def flushdb
       @db.clear
       EM.next_tick { yield if block_given? }
@@ -51,7 +59,8 @@ class RedisTest < MiniTest::Unit::TestCase
         {'name' => 'Contact1', 'groups' => %w[Group1 Group2]}.to_json,
         'contact2@wonderland.lit',
         {'name' => 'Contact2', 'groups' => %w[Group3 Group4]}.to_json)
-      db.set('vcard:full@wonderland.lit', {'card' => StorageTests::VCARD.to_xml}.to_json)
+      db.set('vcard:full@wonderland.lit', {'card' => VCARD.to_xml}.to_json)
+      db.hset('fragments:full@wonderland.lit', FRAGMENT_ID, {'xml' => FRAGMENT.to_xml}.to_json)
     end
   end
 

data/test/storage/sql_test.rb

@@ -25,7 +25,7 @@ class SqlTest < MiniTest::Unit::TestCase
       :jid => 'full@wonderland.lit',
       :name => 'Tester',
       :password => BCrypt::Password.create('secret'),
-      :vcard => StorageTests::VCARD.to_xml)
+      :vcard => VCARD.to_xml)
     full.contacts << Vines::Storage::Sql::Contact.new(
       :jid => 'contact1@wonderland.lit',
       :name => 'Contact1',
@@ -37,6 +37,13 @@ class SqlTest < MiniTest::Unit::TestCase
       :groups => groups[2, 2],
       :subscription => 'both')
     full.save
+
+    fragment = Vines::Storage::Sql::Fragment.new(
+      :user => full,
+      :root => 'characters',
+      :namespace => 'urn:wonderland',
+      :xml => FRAGMENT.to_xml)
+    fragment.save
   end
 
   def teardown

data/test/storage/storage_tests.rb

@@ -8,6 +8,14 @@ require 'minitest/autorun'
 # tests are the same regardless of implementation so share those methods
 # here.
 module StorageTests
+  FRAGMENT_ID = Digest::SHA1.hexdigest("characters:urn:wonderland")
+
+  FRAGMENT = Nokogiri::XML(%q{
+    <characters xmlns="urn:wonderland">
+      <character>Alice</character>
+    </characters>
+  }.strip).root
+
   VCARD = Nokogiri::XML(%q{
     <vCard xmlns="vcard-temp">
       <FN>Alice in Wonderland</FN>
@@ -131,4 +139,46 @@ module StorageTests
       assert_equal VCARD, card
     end
   end
+
+  def test_find_fragment
+    EMLoop.new do
+      db = storage
+      root = Nokogiri::XML(%q{<characters xmlns="urn:wonderland"/>}).root
+      bad_name = Nokogiri::XML(%q{<not_characters xmlns="urn:wonderland"/>}).root
+      bad_ns = Nokogiri::XML(%q{<characters xmlns="not:wonderland"/>}).root
+
+      node = db.find_fragment(nil, nil)
+      assert_nil node
+
+      node = db.find_fragment('full@wonderland.lit', bad_name)
+      assert_nil node
+
+      node = db.find_fragment('full@wonderland.lit', bad_ns)
+      assert_nil node
+
+      node = db.find_fragment('full@wonderland.lit', root)
+      refute_nil node
+      assert_equal FRAGMENT, node
+
+      node = db.find_fragment(Vines::JID.new('full@wonderland.lit'), root)
+      refute_nil node
+      assert_equal FRAGMENT, node
+
+      node = db.find_fragment(Vines::JID.new('full@wonderland.lit/resource'), root)
+      refute_nil node
+      assert_equal FRAGMENT, node
+    end
+  end
+
+  def test_save_fragment
+    EMLoop.new do
+      db = storage
+      root = Nokogiri::XML(%q{<characters xmlns="urn:wonderland"/>}).root
+      db.save_user(Vines::User.new(:jid => 'save_user@domain.tld'))
+      db.save_fragment('save_user@domain.tld/resource1', FRAGMENT)
+      node = db.find_fragment('save_user@domain.tld', root)
+      refute_nil node
+      assert_equal FRAGMENT, node
+    end
+  end
 end

data/test/stream/http/auth_test.rb

@@ -11,16 +11,19 @@ class HttpAuthTest < MiniTest::Unit::TestCase
 
   def test_missing_body_raises_error
     node = node('<presence type="unavailable"/>')
+    @stream.expect(:valid_session?, true, [nil])
     assert_raises(Vines::StreamErrors::NotAuthorized) { @state.node(node) }
   end
 
   def test_body_with_missing_namespace_raises_error
     node = node('<body rid="42" sid="12"/>')
+    @stream.expect(:valid_session?, true, ['12'])
     assert_raises(Vines::StreamErrors::NotAuthorized) { @state.node(node) }
   end
 
   def test_missing_rid_raises_error
     node = node('<body xmlns="http://jabber.org/protocol/httpbind" sid="12"/>')
+    @stream.expect(:valid_session?, true, ['12'])
     assert_raises(Vines::StreamErrors::NotAuthorized) { @state.node(node) }
   end
 

data/test/stream/http/ready_test.rb

@@ -11,16 +11,19 @@ class HttpReadyTest < MiniTest::Unit::TestCase
 
   def test_missing_body_raises_error
     node = node('<presence type="unavailable"/>')
+    @stream.expect(:valid_session?, true, [nil])
     assert_raises(Vines::StreamErrors::NotAuthorized) { @state.node(node) }
   end
 
   def test_body_with_missing_namespace_raises_error
     node = node('<body rid="42" sid="12"/>')
+    @stream.expect(:valid_session?, true, ['12'])
     assert_raises(Vines::StreamErrors::NotAuthorized) { @state.node(node) }
   end
 
   def test_missing_rid_raises_error
     node = node('<body xmlns="http://jabber.org/protocol/httpbind" sid="12"/>')
+    @stream.expect(:valid_session?, true, ['12'])
     assert_raises(Vines::StreamErrors::NotAuthorized) { @state.node(node) }
   end
 

data/test/stream/http/request_test.rb

@@ -0,0 +1,86 @@
+# encoding: UTF-8
+
+require 'vines'
+require 'minitest/autorun'
+
+class RequestTest < MiniTest::Unit::TestCase
+  PASSWORD = File.expand_path('../passwords')
+  INDEX    = File.expand_path('index.html')
+
+  def setup
+    File.open(PASSWORD, 'w') {|f| f.puts '/etc/passwd contents' }
+    File.open(INDEX, 'w') {|f| f.puts 'index.html contents' }
+
+    @stream = MiniTest::Mock.new
+    @parser = MiniTest::Mock.new
+    @parser.expect(:headers, {'Content-Type' => 'text/html'})
+    @parser.expect(:http_method, 'GET')
+    @parser.expect(:request_path, '/blogs/12')
+    @parser.expect(:request_url, '/blogs/12?ok=true')
+    @parser.expect(:query_string, 'ok=true')
+  end
+
+  def teardown
+    File.delete(PASSWORD)
+    File.delete(INDEX)
+  end
+
+  def test_copies_request_info_from_parser
+    request = Vines::Stream::Http::Request.new(@stream, @parser, '<html></html>')
+    assert_equal request.headers, {'Content-Type' => 'text/html'}
+    assert_equal request.method, 'GET'
+    assert_equal request.path, '/blogs/12'
+    assert_equal request.url, '/blogs/12?ok=true'
+    assert_equal request.query, 'ok=true'
+    assert_equal request.body, '<html></html>'
+    assert @stream.verify
+    assert @parser.verify
+  end
+
+  def test_reply_with_file_404
+    request = Vines::Stream::Http::Request.new(@stream, @parser, '<html></html>')
+
+    expected = "HTTP/1.1 404 Not Found\r\nConnection: close\r\n\r\n"
+    @stream.expect(:stream_write, nil, [expected])
+    @stream.expect(:close_connection_after_writing, nil)
+
+    request.reply_with_file(Dir.pwd)
+    assert @stream.verify
+    assert @parser.verify
+  end
+
+  def test_reply_with_file_directory_traversal
+    @parser.expect(:request_path, '../passwords')
+    request = Vines::Stream::Http::Request.new(@stream, @parser, '<html></html>')
+
+    expected = "HTTP/1.1 404 Not Found\r\nConnection: close\r\n\r\n"
+    @stream.expect(:stream_write, nil, [expected])
+    @stream.expect(:close_connection_after_writing, nil)
+
+    request.reply_with_file(Dir.pwd)
+    assert @stream.verify
+    assert @parser.verify
+  end
+
+  def test_reply_with_file_for_directory_serves_index_html
+    @parser.expect(:request_path, '/')
+    request = Vines::Stream::Http::Request.new(@stream, @parser, '<html></html>')
+
+    mtime = File.mtime(INDEX).utc.strftime('%a, %d %b %Y %H:%M:%S GMT')
+    headers = [
+      "HTTP/1.1 200 OK",
+      "Connection: close",
+      'Content-Type: text/html; charset="utf-8"',
+      "Content-Length: 20",
+      "Last-Modified: #{mtime}"
+    ].join("\r\n")
+
+    @stream.expect(:stream_write, nil, ["#{headers}\r\n\r\n"])
+    @stream.expect(:stream_write, nil, ["index.html contents\n"])
+    @stream.expect(:close_connection_after_writing, nil)
+
+    request.reply_with_file(Dir.pwd)
+    assert @stream.verify
+    assert @parser.verify
+  end
+end

data/test/stream/parser_test.rb

@@ -31,6 +31,8 @@ class ParserTest < MiniTest::Unit::TestCase
       ['<iq id="42" type="get"><query xmlns="http://jabber.org/protocol/disco#info"></query></iq>', Vines::Stanza::Iq::Query::DiscoInfo],
       ['<iq id="42" type="get"><query xmlns="http://jabber.org/protocol/disco#items"></query></iq>', Vines::Stanza::Iq::Query::DiscoItems],
       ['<iq id="42" type="error"></iq>', Vines::Stanza::Iq::Error],
+      ['<iq id="42" type="get"><query xmlns="jabber:iq:private"/></iq>', Vines::Stanza::Iq::PrivateStorage],
+      ['<iq id="42" type="set"><query xmlns="jabber:iq:private"/></iq>', Vines::Stanza::Iq::PrivateStorage],
       ['<iq id="42" type="get"><ping xmlns="urn:xmpp:ping"/></iq>', Vines::Stanza::Iq::Ping],
       ['<iq id="42" type="result"></iq>', Vines::Stanza::Iq::Result],
       ['<iq id="42" type="get"><query xmlns="jabber:iq:roster"/></iq>', Vines::Stanza::Iq::Query::Roster],

data/web/404.html

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <meta name="apple-mobile-web-app-capable" content="yes"/>
+  <title>Vines</title>
+  <link rel="shortcut icon" type="image/png" href="/favicon.png"/>
+  <link rel="stylesheet" href="/lib/stylesheets/base.css"/>
+  <style type="text/css">
+    body {
+      background: -moz-radial-gradient(#1a3762, #0c1a2d);
+      background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(#1a3762), to(#0c1a2d));
+      display: table;
+      text-align: center;
+      width: 100%;
+    }
+    header {
+      display: table-cell;
+      vertical-align: middle;
+      width: 100%;
+    }
+    h1 {
+      background: url(/lib/images/logo-large.png) no-repeat center;
+      color: transparent;
+      height: 64px;
+      text-shadow: none;
+      width: 100%;
+    }
+    p {
+      color: #fff;
+      font-size: 11pt;
+      margin: 20px auto;
+      text-shadow: 0 1px 1px #000;
+    }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Page not found</h1>
+    <p>This is not the page you're looking for.</p>
+  </header>
+</body>
+</html>

data/web/chat/coffeescripts/chat.coffee

@@ -0,0 +1,385 @@
+class ChatPage
+  constructor: (@session) ->
+    @session.onRoster   ( ) => this.roster()
+    @session.onCard     (c) => this.card(c)
+    @session.onMessage  (m) => this.message(m)
+    @session.onPresence (p) => this.presence(p)
+    @chats = {}
+    @currentContact = null
+
+  datef: (millis) ->
+    d = new Date(millis)
+    meridian = if d.getHours() >= 12 then ' pm' else ' am'
+    hour = if d.getHours() > 12 then d.getHours() - 12 else d.getHours()
+    hour = 12 if hour == 0
+    minutes = d.getMinutes() + ''
+    minutes = '0' + minutes if minutes.length == 1
+    hour + ':' + minutes + meridian
+
+  card: (card) ->
+    this.eachContact card.jid, (node) =>
+      $('.vcard-img', node).attr 'src', @session.avatar card.jid
+
+  roster: ->
+    roster = $('#roster')
+
+    $('li', roster).each (ix, node) =>
+      jid = $(node).attr('data-jid')
+      $(node).remove() unless @session.roster[jid]
+
+    setName = (node, contact) ->
+      $('.text', node).text contact.name || contact.jid
+      node.attr 'data-name', contact.name || ''
+
+    for jid, contact of @session.roster
+      found = $("#roster li[data-jid='#{jid}']")
+      setName(found, contact)
+      if found.length == 0
+        node = $("""
+          <li data-jid="#{jid}" data-name="" class="offline">
+            <span class="text"></span>
+            <span class="status-msg">Offline</span>
+            <span class="unread" style="display:none;"></span>
+            <img class="vcard-img" alt="#{jid}" src="#{@session.avatar jid}"/>
+          </li>
+        """).appendTo roster
+        setName(node, contact)
+        node.click (event) => this.selectContact(event)
+
+  message: (message) ->
+    this.queueMessage message
+    me   = message.from == @session.jid()
+    from = message.from.split('/')[0]
+
+    if me || from == @currentContact
+      bottom = this.atBottom()
+      this.appendMessage message
+      this.scroll() if bottom
+    else
+      chat = this.chat message.from
+      chat.unread++
+      this.eachContact from, (node) ->
+        $('.unread', node).text(chat.unread).show()
+
+  eachContact: (jid, callback) ->
+    for node in $("#roster li[data-jid='#{jid}']").get()
+      callback $(node)
+
+  appendMessage: (message) ->
+    from    = message.from.split('/')[0]
+    contact = @session.roster[from]
+    name    = if contact then (contact.name || from) else from
+    name    = 'Me' if message.from == @session.jid()
+    node    = $("""
+      <li data-jid="#{from}" style="display:none;">
+        <p></p>
+        <img alt="#{from}" src="#{@session.avatar from}"/>
+        <footer>
+          <span class="author"></span>
+          <span class="time">#{this.datef message.received}</span>
+        </footer>
+      </li>
+    """).appendTo '#messages'
+
+    $('p', node).text message.text
+    $('.author', node).text name
+    node.fadeIn 200
+
+  queueMessage: (message) ->
+    me   = message.from == @session.jid()
+    full = message[if me then 'to' else 'from']
+    chat = this.chat full
+    chat.jid = full
+    chat.messages.push message
+
+  chat: (jid) ->
+    bare = jid.split('/')[0]
+    chat = @chats[bare]
+    unless chat
+      chat = jid: jid, messages: [], unread: 0
+      @chats[bare] = chat
+    chat
+
+  presence: (presence) ->
+    from = presence.from.split('/')[0]
+    return if from == @session.bareJid()
+    if !presence.type || presence.offline
+      contact = @session.roster[from]
+      this.eachContact from, (node) ->
+        $('.status-msg', node).text contact.status()
+        if contact.offline()
+          node.addClass 'offline'
+        else
+          node.removeClass 'offline'
+
+    if presence.offline
+      this.chat(from).jid = from
+
+    if presence.type == 'subscribe'
+      node = $("""
+        <li data-jid="#{presence.from}" style="display:none;">
+          <form class="notify-form">
+            <h2>Buddy Approval</h2>
+            <p>#{presence.from} wants to add you as a buddy.</p>
+            <fieldset class="buttons">
+              <input type="button" value="Decline"/>
+              <input type="submit" value="Accept"/>
+            </fieldset>
+          </form>
+        </li>
+      """).appendTo '#notifications'
+      node.fadeIn 200
+      $('form', node).submit => this.acceptContact node, presence.from
+      $('input[type="button"]', node).click => this.rejectContact node, presence.from
+
+  acceptContact: (node, jid) ->
+    node.fadeOut 200, -> node.remove()
+    @session.sendSubscribed jid
+    @session.sendSubscribe  jid
+    false
+
+  rejectContact: (node, jid) ->
+    node.fadeOut 200, -> node.remove()
+    @session.sendUnsubscribed jid
+
+  selectContact: (event) ->
+    jid = $(event.currentTarget).attr 'data-jid'
+    contact = @session.roster[jid]
+    return if @currentContact == jid
+    @currentContact = jid
+
+    $('#roster li').removeClass 'selected'
+    $(event.currentTarget).addClass 'selected'
+    $('#chat-title').text('Chat with ' + (contact.name || contact.jid))
+    $('#messages').empty()
+
+    chat = @chats[jid]
+    messages = []
+    if chat
+      messages = chat.messages
+      chat.unread = 0
+      this.eachContact jid, (node) ->
+        $('.unread', node).text('').hide()
+
+    this.appendMessage msg for msg in messages
+    this.scroll()
+
+    $('#remove-contact-msg').html "Are you sure you want to remove " +
+      "<strong>#{@currentContact}</strong> from your buddy list?"
+    $('#remove-contact-form .buttons').fadeIn 200
+
+    $('#edit-contact-jid').text @currentContact
+    $('#edit-contact-name').val @session.roster[@currentContact].name
+    $('#edit-contact-form input').fadeIn 200
+    $('#edit-contact-form .buttons').fadeIn 200
+
+  scroll: ->
+    msgs = $ '#messages'
+    msgs.animate(scrollTop: msgs.prop('scrollHeight'), 400)
+
+  atBottom: ->
+    msgs = $('#messages')
+    bottom = msgs.prop('scrollHeight') - msgs.height()
+    msgs.scrollTop() == bottom
+
+  send: ->
+    return false unless @currentContact
+    input = $('#message')
+    text = input.val().trim()
+    if text
+      chat = @chats[@currentContact]
+      jid = if chat then chat.jid else @currentContact
+      this.message
+        from: @session.jid()
+        text: text
+        to: jid
+        received: new Date()
+      @session.sendMessage jid, text
+    input.val ''
+    false
+
+  addContact: ->
+    this.toggleForm '#add-contact-form'
+    contact =
+      jid: $('#add-contact-jid').val()
+      name: $('#add-contact-name').val()
+      groups: ['Buddies']
+    @session.updateContact contact, true if contact.jid
+    false
+
+  removeContact: ->
+    this.toggleForm '#remove-contact-form'
+    @session.removeContact @currentContact
+    @currentContact = null
+
+    $('#chat-title').text 'Select a buddy to chat'
+    $('#messages').empty()
+
+    $('#remove-contact-msg').html "Select a buddy in the list above to remove."
+    $('#remove-contact-form .buttons').hide()
+
+    $('#edit-contact-jid').text "Select a buddy in the list above to update."
+    $('#edit-contact-name').val ''
+    $('#edit-contact-form input').hide()
+    $('#edit-contact-form .buttons').hide()
+    false
+
+  updateContact: ->
+    this.toggleForm '#edit-contact-form'
+    contact =
+      jid: @currentContact
+      name: $('#edit-contact-name').val()
+      groups: @session.roster[@currentContact].groups
+    @session.updateContact contact
+    false
+
+  toggleForm: (form, fn) ->
+    form = $(form)
+    $('.contact-form').each ->
+      $(this).hide() unless this.id == form.attr 'id'
+    if form.is ':hidden'
+      fn() if fn
+      form.fadeIn 100
+    else
+      form.fadeOut 100, ->
+        form[0].reset()
+        fn() if fn
+
+  filterRoster: ->
+    text = $('#search-roster-text').val().toLowerCase()
+    if text == ''
+      $('#roster li').show()
+      return
+
+    $('#roster li').each ->
+      node  = $(this)
+      jid   = (node.attr('data-jid') || '').toLowerCase()
+      name  = (node.attr('data-name') || '').toLowerCase()
+      match = jid.indexOf(text) != -1 || name.indexOf(text) != -1
+      if match then node.show() else node.hide()
+
+  draw: ->
+    unless @session.connected()
+      window.location.hash = ''
+      return
+
+    $('body').attr 'id', 'chat-page'
+    $('#container').hide().empty()
+    $("""
+      <div id="alpha" class="y-fill">
+        <h2>Buddies <div id="search-roster"></div></h2>
+        <form id="search-roster-form" style="display:none;">
+          <input id="search-roster-text" type="search" placeholder="Filter" results="5"/>
+        </form>
+        <ul id="roster" class="y-fill"></ul>
+        <div id="roster-controls">
+          <div id="add-contact"></div>
+          <div id="remove-contact"></div>
+          <div id="edit-contact"></div>
+        </div>
+        <form id="add-contact-form" class="contact-form" style="display:none;">
+          <h2>Add Buddy</h2>
+          <input id="add-contact-jid" type="email" maxlength="1024" placeholder="Account name"/>
+          <input id="add-contact-name" type="text" maxlength="1024" placeholder="Real name"/>
+          <fieldset class="buttons">
+            <input id="add-contact-cancel" type="button" value="Cancel"/>
+            <input id="add-contact-ok" type="submit" value="Add"/>
+          </fieldset>
+        </form>
+        <form id="remove-contact-form" class="contact-form" style="display:none;">
+          <h2>Remove Buddy</h2>
+          <p id="remove-contact-msg">Select a buddy in the list above to remove.</p>
+          <fieldset class="buttons" style="display:none;">
+            <input id="remove-contact-cancel" type="button" value="Cancel"/>
+            <input id="remove-contact-ok" type="submit" value="Remove"/>
+          </fieldset>
+        </form>
+        <form id="edit-contact-form" class="contact-form" style="display:none;">
+          <h2>Update Profile</h2>
+          <p id="edit-contact-jid">Select a buddy in the list above to update.</p>
+          <input id="edit-contact-name" type="text" maxlength="1024" placeholder="Real name" style="display:none;"/>
+          <fieldset class="buttons" style="display:none;">
+            <input id="edit-contact-cancel" type="button" value="Cancel"/>
+            <input id="edit-contact-ok" type="submit" value="Save"/>
+          </fieldset>
+        </form>
+      </div>
+      <div id="beta" class="x-fill y-fill">
+        <h2 id="chat-title">Select a buddy to chat</h2>
+        <ul id="messages" class="y-fill"></ul>
+        <form id="message-form">
+          <input id="message" name="message" type="text" maxlength="1024" placeholder="Type a message and press enter to send"/>
+        </form>
+      </div>
+      <div id="charlie" class="y-fill">
+        <h2>Notifications</h2>
+        <ul id="notifications" class="y-fill"></ul>
+        <div id="notification-controls">
+          <div id="clear-notices"></div>
+        </div>
+      </div>
+    """).appendTo '#container'
+
+    this.roster()
+    this.button 'clear-notices', ICONS.no
+    this.button 'add-contact', ICONS.plus
+    this.button 'remove-contact', ICONS.minus
+    this.button 'edit-contact', ICONS.user
+    this.button 'search-roster', ICONS.search, scale: 0.5, translation: '-8 -8'
+
+    $('#message').focus -> $('.contact-form').fadeOut()
+    $('#message-form').submit  => this.send()
+
+    $('#clear-notices').click  -> $('#notifications li').fadeOut 200
+
+    $('#add-contact').click    => this.toggleForm '#add-contact-form'
+    $('#remove-contact').click => this.toggleForm '#remove-contact-form'
+    $('#edit-contact').click   => this.toggleForm '#edit-contact-form', =>
+      if @currentContact
+        $('#edit-contact-jid').text @currentContact
+        $('#edit-contact-name').val @session.roster[@currentContact].name
+
+    $('#add-contact-cancel').click    => this.toggleForm '#add-contact-form'
+    $('#remove-contact-cancel').click => this.toggleForm '#remove-contact-form'
+    $('#edit-contact-cancel').click   => this.toggleForm '#edit-contact-form'
+
+    $('#add-contact-form').submit    => this.addContact()
+    $('#remove-contact-form').submit => this.removeContact()
+    $('#edit-contact-form').submit   => this.updateContact()
+    $('#search-roster-form').submit  -> false
+
+    $('#search-roster-text').keyup  => this.filterRoster()
+    $('#search-roster-text').change => this.filterRoster()
+    $('#search-roster-text').click  => this.filterRoster()
+    $('#search-roster').click =>
+      this.toggleForm '#search-roster-form', => this.filterRoster()
+
+    $('#container').fadeIn 200
+    this.resize()
+
+  resize: ->
+    a    = $ '#alpha'
+    b    = $ '#beta'
+    c    = $ '#charlie'
+    msg  = $ '#message'
+    form = $ '#message-form'
+    new Layout ->
+      c.css 'left', a.width() + b.width()
+      msg.width form.width() - 32
+
+  button: (id, path, options) ->
+    options ||= {}
+    paper = Raphael(id)
+    icon = paper.path(path).attr
+      fill: '#000'
+      stroke: '#fff'
+      'stroke-width': 0.3
+      opacity: 0.6
+      scale: options.scale || 0.85
+      translation: options.translation || ''
+
+    node = $('#' + id)
+    node.hover(
+      -> icon.animate(opacity: 1.0, 200),
+      -> icon.animate(opacity: 0.6, 200))
+    node.get 0