Update gems, start ruby from a <script>

Author: easydatawarehousing

Gemfile

@@ -1,9 +1,9 @@
 source 'https://rubygems.org'
 
-gem "opal", "~> 0.7.2"
+gem "opal", "~> 0.10.5"
 gem "opal-jquery"
-gem "middleman", "~> 3.4.1"
-gem "middleman-livereload", "~> 3.4.6"
+gem "middleman", "~> 4.2.1"
+gem "middleman-livereload"
 gem "middleman-syntax"
 gem "middleman-sprockets"
 gem "middleman-blog"

Gemfile.lock

@@ -1,171 +1,153 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    activesupport (4.2.8)
-      i18n (~> 0.7)
+    activesupport (5.0.7)
+      concurrent-ruby (~> 1.0, >= 1.0.2)
+      i18n (>= 0.7, < 2)
       minitest (~> 5.1)
-      thread_safe (~> 0.3, >= 0.3.4)
       tzinfo (~> 1.1)
-    addressable (2.3.8)
-    capybara (2.4.4)
-      mime-types (>= 1.16)
-      nokogiri (>= 1.3.3)
-      rack (>= 1.0.0)
-      rack-test (>= 0.5.4)
-      xpath (~> 2.0)
-    chunky_png (1.3.8)
+    addressable (2.5.2)
+      public_suffix (>= 2.0.2, < 4.0)
+    backports (3.11.3)
     coffee-script (2.4.1)
       coffee-script-source
       execjs
     coffee-script-source (1.12.2)
-    compass (1.0.3)
-      chunky_png (~> 1.2)
-      compass-core (~> 1.0.2)
-      compass-import-once (~> 1.0.5)
-      rb-fsevent (>= 0.9.3)
-      rb-inotify (>= 0.9)
-      sass (>= 3.3.13, < 3.5)
-    compass-core (1.0.3)
-      multi_json (~> 1.0)
-      sass (>= 3.3.0, < 3.5)
     compass-import-once (1.0.5)
       sass (>= 3.2, < 3.5)
+    concurrent-ruby (1.0.5)
+    contracts (0.13.0)
+    dotenv (2.4.0)
     em-websocket (0.5.1)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0.6.0)
     erubis (2.7.0)
-    eventmachine (1.2.3)
+    eventmachine (1.2.7)
     execjs (2.7.0)
-    ffi (1.9.18)
+    fast_blank (1.0.0)
+    fastimage (2.1.3)
+    ffi (1.9.23)
     haml (4.0.7)
       tilt
+    hamster (3.0.0)
+      concurrent-ruby (~> 1.0)
+    hashie (3.5.7)
     hike (1.2.3)
-    hooks (0.4.1)
-      uber (~> 0.0.14)
     http_parser.rb (0.6.0)
     i18n (0.7.0)
-    json (2.1.0)
-    kramdown (1.13.2)
+    kramdown (1.16.2)
     libv8 (3.16.14.19)
     listen (3.0.8)
       rb-fsevent (~> 0.9, >= 0.9.4)
       rb-inotify (~> 0.9, >= 0.9.7)
-    middleman (3.4.1)
+    memoist (0.16.0)
+    middleman (4.2.1)
       coffee-script (~> 2.2)
-      compass (>= 1.0.0, < 2.0.0)
       compass-import-once (= 1.0.5)
-      execjs (~> 2.0)
       haml (>= 4.0.5)
       kramdown (~> 1.2)
-      middleman-core (= 3.4.1)
-      middleman-sprockets (>= 3.1.2)
+      middleman-cli (= 4.2.1)
+      middleman-core (= 4.2.1)
       sass (>= 3.4.0, < 4.0)
-      uglifier (~> 2.5)
-    middleman-blog (3.5.3)
-      addressable (~> 2.3.5)
-      middleman-core (~> 3.2)
+    middleman-blog (4.0.2)
+      addressable (~> 2.3)
+      middleman-core (~> 4.0)
       tzinfo (>= 0.3.0)
-    middleman-core (3.4.1)
-      activesupport (~> 4.1)
+    middleman-cli (4.2.1)
+      thor (>= 0.17.0, < 2.0)
+    middleman-core (4.2.1)
+      activesupport (>= 4.2, < 5.1)
+      addressable (~> 2.3)
+      backports (~> 3.6)
       bundler (~> 1.1)
-      capybara (~> 2.4.4)
+      contracts (~> 0.13.0)
+      dotenv
       erubis
-      hooks (~> 0.3)
+      execjs (~> 2.0)
+      fast_blank
+      fastimage (~> 2.0)
+      hamster (~> 3.0)
+      hashie (~> 3.4)
       i18n (~> 0.7.0)
-      listen (~> 3.0.3)
-      padrino-helpers (~> 0.12.3)
-      rack (>= 1.4.5, < 2.0)
-      thor (>= 0.15.2, < 2.0)
-      tilt (~> 1.4.1, < 2.0)
+      listen (~> 3.0.0)
+      memoist (~> 0.14)
+      padrino-helpers (~> 0.13.0)
+      parallel
+      rack (>= 1.4.5, < 3)
+      sass (>= 3.4)
+      servolux
+      tilt (~> 2.0)
+      uglifier (~> 3.0)
     middleman-gh-pages (0.3.1)
       rake (> 0.9.3)
     middleman-livereload (3.4.6)
       em-websocket (~> 0.5.1)
       middleman-core (>= 3.3)
       rack-livereload (~> 0.3.15)
-    middleman-sprockets (3.5.0)
-      middleman-core (>= 3.3)
-      sprockets (~> 2.12.1)
-      sprockets-helpers (~> 1.1.0)
-      sprockets-sass (~> 1.3.0)
+    middleman-sprockets (4.1.1)
+      middleman-core (~> 4.0)
+      sprockets (>= 3.0)
     middleman-syntax (3.0.0)
       middleman-core (>= 3.2)
       rouge (~> 2.0)
-    mime-types (3.1)
-      mime-types-data (~> 3.2015)
-    mime-types-data (3.2016.0521)
-    mini_portile2 (2.1.0)
-    minitest (5.10.2)
-    multi_json (1.12.1)
-    nokogiri (1.7.2)
-      mini_portile2 (~> 2.1.0)
-    opal (0.7.2)
+    minitest (5.11.3)
+    opal (0.10.5)
       hike (~> 1.2)
       sourcemap (~> 0.1.0)
-      sprockets (>= 2.2.3, < 3.0.0)
-      tilt (~> 1.4)
+      sprockets (~> 3.1)
+      tilt (>= 1.4)
     opal-jquery (0.4.2)
       opal (>= 0.7.0, < 0.11.0)
-    padrino-helpers (0.12.8.1)
+    padrino-helpers (0.13.3.4)
       i18n (~> 0.6, >= 0.6.7)
-      padrino-support (= 0.12.8.1)
-      tilt (~> 1.4.1)
-    padrino-support (0.12.8.1)
+      padrino-support (= 0.13.3.4)
+      tilt (>= 1.4.1, < 3)
+    padrino-support (0.13.3.4)
       activesupport (>= 3.1)
-    rack (1.6.6)
-    rack-livereload (0.3.16)
+    parallel (1.12.1)
+    public_suffix (3.0.2)
+    rack (2.0.5)
+    rack-livereload (0.3.17)
       rack
-    rack-test (0.6.3)
-      rack (>= 1.0)
-    rake (12.0.0)
-    rb-fsevent (0.9.8)
-    rb-inotify (0.9.8)
-      ffi (>= 0.5.0)
+    rake (12.3.1)
+    rb-fsevent (0.10.3)
+    rb-inotify (0.9.10)
+      ffi (>= 0.5.0, < 2)
     redcarpet (3.4.0)
     ref (2.0.0)
-    rouge (2.0.7)
-    sass (3.4.23)
+    rouge (2.2.1)
+    sass (3.4.25)
+    servolux (0.13.0)
     sourcemap (0.1.1)
-    sprockets (2.12.4)
-      hike (~> 1.2)
-      multi_json (~> 1.0)
-      rack (~> 1.0)
-      tilt (~> 1.1, != 1.3.0)
-    sprockets-helpers (1.1.0)
-      sprockets (~> 2.0)
-    sprockets-sass (1.3.1)
-      sprockets (~> 2.0)
-      tilt (~> 1.1)
+    sprockets (3.7.1)
+      concurrent-ruby (~> 1.0)
+      rack (> 1, < 3)
     therubyracer (0.12.3)
       libv8 (~> 3.16.14.15)
       ref
-    thor (0.19.4)
+    thor (0.20.0)
     thread_safe (0.3.6)
-    tilt (1.4.1)
-    tzinfo (1.2.3)
+    tilt (2.0.8)
+    tzinfo (1.2.5)
       thread_safe (~> 0.1)
-    uber (0.0.15)
-    uglifier (2.7.2)
-      execjs (>= 0.3.0)
-      json (>= 1.8.0)
-    xpath (2.0.0)
-      nokogiri (~> 1.3)
+    uglifier (3.2.0)
+      execjs (>= 0.3.0, < 3)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
   haml (~> 4.0.7)
-  middleman (~> 3.4.1)
+  middleman (~> 4.2.1)
   middleman-blog
   middleman-gh-pages
-  middleman-livereload (~> 3.4.6)
+  middleman-livereload
   middleman-sprockets
   middleman-syntax
-  opal (~> 0.7.2)
+  opal (~> 0.10.5)
   opal-jquery
   redcarpet
   therubyracer
 
 BUNDLED WITH
-   1.12.5
+   1.16.1

source/index.html.markdown

@@ -84,3 +84,5 @@ description: Learn to program in Ruby in 15 minutes
     </div>
   </div>
 </div>
+
+<script>Opal.load('try_ruby');</script>

source/javascripts/application.js

@@ -1,4 +1 @@
-//= require opal
-//= require opal-parser
-//= require opal-jquery
-//= require try_ruby
+//= require try_ruby

source/javascripts/try_ruby.rb source/javascripts/try_ruby.js.rbsource/javascripts/try_ruby.rb renamed to source/javascripts/try_ruby.js.rb

@@ -1,3 +1,7 @@
+require 'opal'
+require 'opal-parser'
+require 'opal-jquery'
+
 INITIAL_TRY_CODE = <<-RUBY
 3.times do
   print 'Welcome '
@@ -230,7 +234,9 @@ def do_run
     return if source.empty?
 
     # Add additional code if available
-    source = "#{@current_item.load_code}\n#{source}" if @loaded && @current_item && @current_item.load_code
+    if @loaded && @current_item && @current_item.load_code
+      source = "#{@current_item.load_code}\n#{source}"
+    end
 
     # Compile
     begin
@@ -356,8 +362,7 @@ def print_to_output(str, term = "\n")
   end
 end
 
-# Start TryRuby when document is loaded and ready
-Document.ready? do
+def start_tryruby
   # Bind puts and print methods. Make sure they return a string, not an array
   def $stdout.puts(*strs)
     strs.each { |str| TryRuby.instance.print_to_output str}
@@ -372,3 +377,5 @@ def $stdout.print(*strs)
   # Start TryRuby
   TryRuby.instance
 end
+
+start_tryruby

source/playground.html.markdown

@@ -38,4 +38,6 @@ description: Play around with Ruby programs
 
     </div>
   </div>
-</div>
+</div>
+
+<script>Opal.load('try_ruby');</script>