2011-12-30 11:00:40 +00:00
|
|
|
#!/usr/bin/env ruby -I ../lib -I lib
|
2022-07-31 12:56:44 +00:00
|
|
|
# frozen_string_literal: true
|
|
|
|
|
|
2023-02-10 17:35:35 +00:00
|
|
|
# This example does *not* work properly with WEBrick or other
|
|
|
|
|
# servers that buffer output. To shut down the server, close any
|
|
|
|
|
# open browser tabs that are connected to the chat server.
|
2022-07-31 12:56:44 +00:00
|
|
|
|
2011-12-30 11:00:40 +00:00
|
|
|
require 'sinatra'
|
2023-02-10 17:35:35 +00:00
|
|
|
set :server, :puma
|
|
|
|
|
connections = Set.new
|
2011-12-30 11:00:40 +00:00
|
|
|
|
|
|
|
|
get '/' do
|
|
|
|
|
halt erb(:login) unless params[:user]
|
2022-07-31 12:56:44 +00:00
|
|
|
erb :chat, locals: { user: params[:user].gsub(/\W/, '') }
|
2011-12-30 11:00:40 +00:00
|
|
|
end
|
|
|
|
|
|
2022-07-31 12:56:44 +00:00
|
|
|
get '/stream', provides: 'text/event-stream' do
|
2011-12-30 11:00:40 +00:00
|
|
|
stream :keep_open do |out|
|
2023-02-10 17:35:35 +00:00
|
|
|
if connections.add?(out)
|
|
|
|
|
out.callback { connections.delete(out) }
|
|
|
|
|
end
|
|
|
|
|
out << "heartbeat:\n"
|
|
|
|
|
sleep 1
|
|
|
|
|
rescue
|
|
|
|
|
out.close
|
2011-12-30 11:00:40 +00:00
|
|
|
end
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
post '/' do
|
2023-02-10 17:35:35 +00:00
|
|
|
connections.each do |out|
|
|
|
|
|
out << "data: #{params[:msg]}\n\n"
|
|
|
|
|
rescue
|
|
|
|
|
out.close
|
|
|
|
|
end
|
2011-12-30 11:00:40 +00:00
|
|
|
204 # response without entity body
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
__END__
|
|
|
|
|
|
|
|
|
|
@@ layout
|
|
|
|
|
<html>
|
2012-07-18 19:07:24 +00:00
|
|
|
<head>
|
|
|
|
|
<title>Super Simple Chat with Sinatra</title>
|
2011-12-30 11:00:40 +00:00
|
|
|
<meta charset="utf-8" />
|
2012-07-18 19:07:24 +00:00
|
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
|
|
|
|
|
</head>
|
2011-12-30 11:00:40 +00:00
|
|
|
<body><%= yield %></body>
|
|
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
@@ login
|
2023-02-10 17:35:35 +00:00
|
|
|
<form action="/">
|
2011-12-30 11:00:40 +00:00
|
|
|
<label for='user'>User Name:</label>
|
2023-02-10 17:35:35 +00:00
|
|
|
<input name="user" value="" />
|
|
|
|
|
<input type="submit" value="GO!" />
|
2011-12-30 11:00:40 +00:00
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
@@ chat
|
|
|
|
|
<pre id='chat'></pre>
|
2013-03-08 01:56:53 +00:00
|
|
|
<form>
|
|
|
|
|
<input id='msg' placeholder='type message here...' />
|
|
|
|
|
</form>
|
2011-12-30 11:00:40 +00:00
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
// reading
|
|
|
|
|
var es = new EventSource('/stream');
|
|
|
|
|
es.onmessage = function(e) { $('#chat').append(e.data + "\n") };
|
|
|
|
|
|
|
|
|
|
// writing
|
2013-02-19 07:42:31 +00:00
|
|
|
$("form").on('submit',function(e) {
|
2011-12-30 11:00:40 +00:00
|
|
|
$.post('/', {msg: "<%= user %>: " + $('#msg').val()});
|
|
|
|
|
$('#msg').val(''); $('#msg').focus();
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
|
