Add example

opal · May 31, 2013 · e58da72 · e58da72
1 parent e5e3d9c
commit e58da72
Show file tree

Hide file tree

Showing 7 changed files with 49 additions and 9 deletions.
diff --git a/examples/rake/.gitignore b/examples/rake/.gitignore
@@ -0,0 +1 @@
+application.js
diff --git a/examples/rake/Gemfile b/examples/rake/Gemfile
@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+gem 'opal-jquery', :path => '../..'
+gem 'opal', '0.3.44'
diff --git a/examples/rake/README.md b/examples/rake/README.md
@@ -0,0 +1,8 @@
+Install dependencies:
+
+    $ bundle install
+
+Build `application.js` with:
+
+    $ bundle exec rake build
+
diff --git a/examples/rake/Rakefile b/examples/rake/Rakefile
@@ -0,0 +1,11 @@
+require 'bundler'
+Bundler.require
+
+desc "Build to application.js"
+task :build do
+  File.open("application.js", "w+") do |out|
+    env = Opal::Environment.new
+    env.append_path "app"
+    out << env["application"].to_s
+  end
+end
diff --git a/examples/rake/app/application.rb b/examples/rake/app/application.rb
@@ -0,0 +1,6 @@
+require 'opal'
+require 'opal-jquery'
+
+Document.ready? do
+  Element.find('#foo').text = "Opal is loaded"
+end
diff --git a/examples/rake/index.html b/examples/rake/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>opal-jquery example</title>
+
+    <script src="../../spec/jquery.js"></script>
+    <script src="application.js"></script>
+  </head>
+  <body>
+    <div id="foo"></div>
+  </body>
+</html>
diff --git a/opal/opal-jquery/document.rb b/opal/opal-jquery/document.rb
@@ -10,16 +10,14 @@ def self.document
 
 Document = Element.document
 
-class << Document
-  def self.ready?(&block)
-    %x{
-      if (block === nil) {
-        return nil;
-      }
-
-      $(block);
+def Document.ready?(&block)
+  %x{
+    if (block === nil) {
       return nil;
     }
-  end
+
+    $(block);
+    return nil;
+  }
 end