Setting up the development environment was relatively simple. I put the source code for HAML, SCSS and CoffeeScript in a similar file tree next to the www directory. I then automated the process of converting the HAML, SCSS and CoffeeScript using a file change monitor to execute conversion scripts whenever a modification occurred.
Below is the layout and tooling I used for the project.
PhoneGap File Layout
Ruby and Bundler
Ruby and the ruby gem management tool, Bundler, simplified the dependency setup and scripting necessary for the development environment. Here is a copy of Bundler’s Gemfile I used on the project.
The ruby gem Watchr monitors system files and executes a block of code when changes are detected. Watchr uses a simple DSL to configure its usage.
We scripted repetitive tasks using the ruby gem Thor.
A PhoneGap application at its heart is mostly a web application therefore you can view and rapidly iterate the application using Sinatra, a simple web server, and your favorite web browser.
Here are several links I found useful during my PhoneGap project.