Skip to content

Instantly share code, notes, and snippets.

@mig-hub

mig-hub/chat.rb

Forked from rkh/chat.rb
Last active March 28, 2020 16:56
Download ZIP

Revisions

  1. mig-hub revised this gist May 23, 2013. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion chat.rb
    View file
    Original file line number Diff line number Diff line change
    @@ -47,7 +47,7 @@
    es.onmessage = function(e) { $('#chat').append(e.data + "\n") };

    // writing
    $("form").live("submit", function(e) {
    $(document).on("submit", "form", function(e) {
    $.post('/', {msg: "<%= user %>: " + $('#msg').val()});
    $('#msg').val(''); $('#msg').focus();
    e.preventDefault();
  2. @rkh rkh revised this gist Dec 14, 2011. 1 changed file with 1 addition and 3 deletions.
    4 changes: 1 addition & 3 deletions chat.rb
    View file
    Original file line number Diff line number Diff line change
    @@ -56,6 +56,4 @@

    <form>
    <input id='msg' placeholder='type message here...' />
    </form>


    </form>
  3. @rkh rkh created this gist Dec 14, 2011.
    61 changes: 61 additions & 0 deletions chat.rb
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,61 @@
    # coding: utf-8
    require 'sinatra'
    set server: 'thin', connections: []

    get '/' do
    halt erb(:login) unless params[:user]
    erb :chat, locals: { user: params[:user].gsub(/\W/, '') }
    end

    get '/stream', provides: 'text/event-stream' do
    stream :keep_open do |out|
    settings.connections << out
    out.callback { settings.connections.delete(out) }
    end
    end

    post '/' do
    settings.connections.each { |out| out << "data: #{params[:msg]}\n\n" }
    204 # response without entity body
    end

    __END__

    @@ layout
    <html>
    <head>
    <title>Super Simple Chat with Sinatra</title>
    <meta charset="utf-8" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    </head>
    <body><%= yield %></body>
    </html>

    @@ login
    <form action='/'>
    <label for='user'>User Name:</label>
    <input name='user' value='' />
    <input type='submit' value="GO!" />
    </form>

    @@ chat
    <pre id='chat'></pre>

    <script>
    // reading
    var es = new EventSource('/stream');
    es.onmessage = function(e) { $('#chat').append(e.data + "\n") };

    // writing
    $("form").live("submit", function(e) {
    $.post('/', {msg: "<%= user %>: " + $('#msg').val()});
    $('#msg').val(''); $('#msg').focus();
    e.preventDefault();
    });
    </script>

    <form>
    <input id='msg' placeholder='type message here...' />
    </form>