Skip to content
Ruby in the browser.
C++ JavaScript C Ruby Python Objective-C Other
Branch: decaf
Clone or download
Pull request Compare This branch is 100 commits ahead, 88800 commits behind WebKit:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Examples
LayoutTests
ManualTests
PerformanceTests
Source
Tools
WebKit.xcworkspace
WebKitLibraries
Websites
.dir-locals.el
.gitattributes
.gitignore
.qmake.conf
CMakeLists.txt
ChangeLog
ChangeLog-2012-05-22
GNUmakefile.am
Makefile
Makefile.shared
README.md
WebKit.pro
autogen.sh
configure.ac
wscript

README.md

Decaf

Decaf is a modification of WebKit that runs Ruby in the browser. Use Ruby to access the DOM, work with the web standards, and even print to the inspector. Now, you can build an entire web application in Ruby instead of JavaScript.

To use Ruby in the browser, either download a binary or build it yourself.

<script type='text/ruby'>
    window.onload do
        introduction = document.create_element('p')
        introduction.inner_text = 'Hello, world!'
        document.body.append_child(introduction)
    end
</script>

Using Ruby in the Browser

The same web platform APIs used by JavaScript are available in Ruby. If you're not familiar with JavaScript and the DOM, then check out these resources:

Differences from JavaScript

There are a few major differences between the APIs in JavaScript and Ruby.

  • In Ruby, methods and attributes are specified in underscore_case instead of camelCase.
  • The window variable is accessible from only the top-most scope. Elsewhere you can use the global $window.
  • Ruby accepts Procs and blocks as callbacks and listeners. For example:
# Ruby with implicit blocks
$window.set_timeout(1000) { console.log('Hello!') }
$window.onload do |event|
  console.log('The window loaded.')
end

# Ruby with explicit Procs
$window.set_timeout(Proc.new { console.log('Hello!') }, 1000)
$window.onload = Proc.new do |event|
  console.log('The window loaded.')
end

Final Notes

If you find any problems, then please report them in the issues section.

You can’t perform that action at this time.