kenichi/chat.rb

## chat.rb
require 'angelo'
require 'tilt'
require 'angelo/tilt/erb'

class Chat < Angelo::Base
  include Angelo::Tilt::ERB

  @@views = '.'

  get '/' do
    erb :index
  end

  websocket '/' do |ws|
    websockets[:chat] << ws
    ws.on_message do |msg|
      websockets[:chat].each do |c|
        c.write msg unless c == ws
      end
    end
  end

end

Chat.run

## index.html.erb
<div id="chat">
</div>

<input type="text" id="msg"/>
<button id="say">say</button>

<script>
var ws = new WebSocket('ws://127.0.0.1:4567/');
ws.onmessage = function(e) {
  console.log(e);
  $('#chat').append(e.data + "<br/>");
}
$('#say').on('click', function(e) {
  ws.send($('#msg').val());
  $('#msg').val('');
});
</script>

## layout.html.erb
<html>
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  </head>
  <body>
    <%= yield %>
  </body>
</html>
	require 'angelo'
	require 'tilt'
	require 'angelo/tilt/erb'

	class Chat < Angelo::Base
	include Angelo::Tilt::ERB

	@@views = '.'

	get '/' do
	erb :index
	end

	websocket '/' do \|ws\|
	websockets[:chat] << ws
	ws.on_message do \|msg\|
	websockets[:chat].each do \|c\|
	c.write msg unless c == ws
	end
	end
	end

	end

	Chat.run
	<div id="chat">
	</div>

	<input type="text" id="msg"/>
	<button id="say">say</button>

	<script>
	var ws = new WebSocket('ws://127.0.0.1:4567/');
	ws.onmessage = function(e) {
	console.log(e);
	$('#chat').append(e.data + "<br/>");
	}
	$('#say').on('click', function(e) {
	ws.send($('#msg').val());
	$('#msg').val('');
	});
	</script>
	<html>
	<head>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	</head>
	<body>
	<%= yield %>
	</body>
	</html>