rkh · December 14, 2011 11:16 · Dec 14, 2011 · Dec 14, 2011 · Dec 14, 2011 · Dec 14, 2011
diff --git a/app.rb b/app.rb
@@ -7,9 +7,10 @@
 end
 
 get '/bottles' do
+  content_type "text/event-stream"
   stream do |out|
     1000.times do |i|
-      out << "#{i} bottle(s) on a wall...\n"
+      out << "data: #{i} bottle(s) on a wall...\n\n"
       sleep 0.5
     end
   end

diff --git a/index.html b/index.html
@@ -15,7 +15,8 @@ <h1>Welcome to this Sinatra Streaming example!</h1>
     </pre>
     <script>
       $("#bottles-button").click(function() {
-        // please code the streaming functionnality here
+        var src = new EventSource('/bottles');
+        src.onmessage = function(e) { $('#bottles-output').append("\n" + e.data) };
       });
     </script>
   </body>

diff --git a/README.md b/README.md
@@ -2,7 +2,7 @@
 
 A server-side service outputs a long response using Sinatra's streaming API.
 How can the javascript client process this long response as a stream and refresh 
-a <code><pre></pre></code> in the HTML page?
+a pre in the HTML page until the whole response has been received?
 
 To run it:
 

diff --git a/README.md b/README.md
@@ -1,5 +1,9 @@
 # jQuery + Sinatra + Streaming
 
+A server-side service outputs a long response using Sinatra's streaming API.
+How can the javascript client process this long response as a stream and refresh 
+a <code><pre></pre></code> in the HTML page?
+
 To run it:
 
     bundle install

diff --git a/Gemfile.lock b/Gemfile.lock
@@ -1,24 +0,0 @@
-GEM
-  remote: http://rubygems.org/
-  specs:
-    daemons (1.1.4)
-    eventmachine (0.12.10)
-    rack (1.3.5)
-    rack-protection (1.1.4)
-      rack
-    sinatra (1.3.1)
-      rack (~> 1.3, >= 1.3.4)
-      rack-protection (~> 1.1, >= 1.1.2)
-      tilt (~> 1.3, >= 1.3.3)
-    thin (1.3.1)
-      daemons (>= 1.0.9)
-      eventmachine (>= 0.12.6)
-      rack (>= 1.0.0)
-    tilt (1.3.3)
-
-PLATFORMS
-  ruby
-
-DEPENDENCIES
-  sinatra (~> 1.3.0)
-  thin

diff --git a/README.md b/README.md
@@ -0,0 +1,8 @@
+# jQuery + Sinatra + Streaming
+
+To run it:
+
+    bundle install
+    bundle exec ruby app.rb
+
+Then, try to implement the requested feature. See index.html
diff --git a/Gemfile b/Gemfile
@@ -1,3 +1,3 @@
 source "http://rubygems.org/"
 gem "sinatra", "~> 1.3.0"
-gem "thin"
+gem "thin"
diff --git a/Gemfile.lock b/Gemfile.lock
@@ -0,0 +1,24 @@
+GEM
+  remote: http://rubygems.org/
+  specs:
+    daemons (1.1.4)
+    eventmachine (0.12.10)
+    rack (1.3.5)
+    rack-protection (1.1.4)
+      rack
+    sinatra (1.3.1)
+      rack (~> 1.3, >= 1.3.4)
+      rack-protection (~> 1.1, >= 1.1.2)
+      tilt (~> 1.3, >= 1.3.3)
+    thin (1.3.1)
+      daemons (>= 1.0.9)
+      eventmachine (>= 0.12.6)
+      rack (>= 1.0.0)
+    tilt (1.3.3)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  sinatra (~> 1.3.0)
+  thin
diff --git a/app.rb b/app.rb
@@ -0,0 +1,16 @@
+require 'sinatra'
+
+set :server, :thin
+
+get '/' do
+  send_file "index.html"
+end
+
+get '/bottles' do
+  stream do |out|
+    1000.times do |i|
+      out << "#{i} bottle(s) on a wall...\n"
+      sleep 0.5
+    end
+  end
+end
diff --git a/index.html b/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html> 
+<html lang="fr"> 
+  <head> 
+    <title>Sinatra streaming example</title> 
+    <meta charset="utf-8" /> 
+    <!--[if lt IE 9]>
+    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]--> 
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+ </head> 
+  <body> 
+    <h1>Welcome to this Sinatra Streaming example!</h1>
+    <input id="bottles-button" type="button" value="Bottles!"/>
+    <pre id="bottles-output">
+    </pre>
+    <script>
+      $("#bottles-button").click(function() {
+        // please code the streaming functionnality here
+      });
+    </script>
+  </body>
+</html>
diff --git a/Gemfile b/Gemfile
@@ -0,0 +1,3 @@
+source "http://rubygems.org/"
+gem "sinatra", "~> 1.3.0"
+gem "thin"
No results found