mwunsch/app.rb

## app.rb
require 'sinatra'

get '/' do
  erb :index
end

get '/events' do
  f = File.new("pipe")

  content_type 'text/event-stream'
  stream do |out|
    while f.gets do
      out << "event: incoming\n"
      out << "data: #{($_)}\n\n"
    end
    out << "event: eof\n"
    out << "data: EOF\n\n"
  end
end

__END__

@@ index
<!DOCTYPE html>
<head>
  <title>Server-Sent Events</title>
</head>
<body>
<h1>Server-Sent Events</h1>
<dl id="events">
</dl>
<pre id="code">
</pre>
<script>
  var ev = new EventSource('/events'),
      dl = document.getElementById("events");

  ev.addEventListener("incoming", function (e) {
    var dt = document.createElement("dt"),
        dd = document.createElement("dd");

    dt.textContent = new Date();
    dd.innerHTML = e.data;

    dl.appendChild(dt);
    dl.appendChild(dd);
  });

  ev.addEventListener("eof", function (e) {
    console.warn("EOF");
    ev.close();
  });

  ev.onerror = function (e) {
    console.error(e);
    ev.close();
  }
</script>
</body>
	require 'sinatra'

	get '/' do
	erb :index
	end

	get '/events' do
	f = File.new("pipe")

	content_type 'text/event-stream'
	stream do \|out\|
	while f.gets do
	out << "event: incoming\n"
	out << "data: #{($_)}\n\n"
	end
	out << "event: eof\n"
	out << "data: EOF\n\n"
	end
	end

	__END__

	@@ index
	<!DOCTYPE html>
	<head>
	<title>Server-Sent Events</title>
	</head>
	<body>
	<h1>Server-Sent Events</h1>
	<dl id="events">
	</dl>
	<pre id="code">
	</pre>
	<script>
	var ev = new EventSource('/events'),
	dl = document.getElementById("events");

	ev.addEventListener("incoming", function (e) {
	var dt = document.createElement("dt"),
	dd = document.createElement("dd");

	dt.textContent = new Date();
	dd.innerHTML = e.data;

	dl.appendChild(dt);
	dl.appendChild(dd);
	});

	ev.addEventListener("eof", function (e) {
	console.warn("EOF");
	ev.close();
	});

	ev.onerror = function (e) {
	console.error(e);
	ev.close();
	}
	</script>
	</body>