This repository has been archived by the owner. It is now read-only.
A extension for Cloud9ide for CoffeeScript functionality
CoffeeScript JavaScript Shell
Switch branches/tags
Nothing to show
Clone or download
tanepiper Merge pull request #6 from lennartcl/master
Add GitHub extension support
Latest commit 40d5933 Sep 20, 2012
Failed to load latest commit information.
vendor Fix coffeescript compiler wrapping Aug 29, 2012
.gitignore Update readme with new installation procedure Sep 2, 2012 Change main file name to plugin name Aug 29, 2012
livecoffee.css changed CSS, mathced lines are highlighted correctly again Jun 21, 2012
livecoffee.css.js Add wrapping Aug 29, 2012
livecoffee.xml Remove direct require of own extension Aug 29, 2012
livecoffee.xml.js Remove direct require of own extension Aug 29, 2012 Add wrapping Aug 29, 2012

Cloud9 Live CoffeeScript Extension

This live CoffeeScript extension for Cloud9 provides a window view of the live formatted JavaScript output of a CoffeeScript file as you type.

The window provided has the option to view the output with bare compiling (i.e not closure) on or off via a checkbox.


This extension works with and with self-hosted copies of Cloud9 (either via cloning or npm install cloud9). To install it, open the Tools -> Extension Manager window in Cloud9, and enter the extension path:



for a self-hosted copy.

Click add. You can now view the window via the Edit menu.


  • Approx Line Match: During compile, the live view will match the line number of the file you are working on. This is an approximate match of the code output location. When the livecoffee window is open, matching blocks of CoffeeScript and JavaScript are also automatically highlighted as you click in the source code. The approximate line matching is provided thanks to the CoffeeScriptLineMatcher project

  • Compile Bare: Compile the output without the surrounding closure

  • Compile Nodes: Enable the nodes tab and output the node structure of the code

  • Compile Tokens: Enable the tokens tab and output the tokens from the lexer

Shortcut Keys & Command

This extension comes with the livecoffee command that you can type into the command area to launch the window.

You can also add shortcut keys to your ext/keybindings_default files. Edit default_win.js or default_mac.js depending on your platform. To enable it add the following:

return keys.onLoad({
    "ext" : {
        "livecoffee": {
            "livecoffee": "Ctrl-Shift-K"   

For the Mac, use Command-Option-K, or choose your own key shortcuts.

Author: Tane Piper (@tanepiper)

Thanks to Matt Pardee for helping solve the key and command issues.


A picture of Livecoffee