#hamlc

[igarewa]

Testing javascript that uses haml_coffee_assets (*.hamlc templates) with jasmine-headless-webkit

*.hamlc templates are great. jasmine-headless-webkit (JHW) is great. But getting the two working together is a pain.

There's a good chance you see something like window.HAML is undefined.

# spec/javascripts/helpers/spec_helper.rb require 'sprockets' require 'haml_coffee_assets' require 'haml_coffee_assets/tilt/template_handler' # JHW does not support ERB templates. However, haml_coffee_assets uses ERB # templates for its config. This pre-renders the ERB templates and passes # them to JHW. # Borrowed heavily from here: https://raw.github.com/dzello/headless_hamlc/master/spec/javascripts/helpers/spec_helper.rb Jasmine::Headless.register_engine '.hamlc', ::HamlCoffeeAssets::Tilt::TemplateHandler # this routine compiles and runs the hamlcoffee.js.coffee.erb and makes # the result available to JHW def add_haml_coffee_compiled_asset_path(asset_paths) # find the gem asset path that contains the hamlcoffee.js.coffee.erb haml_coffee_gem_asset_path = asset_paths.find { |path| path =~ /haml_coffee_assets/ } # compile the erb file into hamlcoffee.js.coffee compiled_haml_coffee_template = ERB.new( File.read(File.join(haml_coffee_gem_asset_path, "hamlcoffee.js.coffee.erb"))).result(binding) # create a tmp directory to put the compiled code in # this assumes you are running out of your project root! FileUtils.mkdir_p (tmp_haml_coffee_assets_path = File.expand_path("../../../../tmp/haml_coffee_assets/javascripts", __FILE__)) File.open(File.join(tmp_haml_coffee_assets_path, "hamlcoffee.js.coffee"), 'w') do |f| f.write compiled_haml_coffee_template end # add the new asset path containing the compiled file asset_paths << tmp_haml_coffee_assets_path # remove the original asset path from the gem, let you get the 'Skipping File' warning for the erb asset_paths.reject! { |path| path == haml_coffee_gem_asset_path } end # load any haml coffee configuration settings #require File.expand_path("../../../../config/initializers/haml_coffee_assets.rb", __FILE__) # now update the files list class to use these paths instead of the original updated_asset_paths = add_haml_coffee_compiled_asset_path(Sprockets.find_gem_vendor_paths(:for => 'javascripts')) Jasmine::Headless::FilesList.instance_variable_set(:"@asset_paths", updated_asset_paths)

Make sure you require hamlcoffee in your javascript/coffeescript.

My gem versions

jasmine-headless-webkit (0.9.0.rc.2)

haml_coffee_assets (1.14.0)

[tiptapinc]

TipTap.com Launch from a Development Standpoint

Originally published on Daft on Tap.

TipTap.com Launch

The web application is built in CoffeeScript, HAML and SCSS (w/Compass) and usesBackbone.js (w/Marionette) and jQuery libraries. It is supported on the back end with a Ruby on Rails application we developed a couple months earlier.

It has been a huge undertaking and an awesome journey getting the application up and running. From solving memory leaks to understanding the best way possible to optimize our CSS selectors (sounds basic, but every millisecond counts when you have millions of elements), we have grown in a lot of ways.

We’ve been fortunate to work for a great company that has patiently supported our development process, and reworking, as our abilities continued to grow. 

SHAMELESS PLUG : Follow @tiptap on Twitter and make sure to join the site

Stay tuned for new posts as we share some of the insights we gained. In the meantime, here are the stats for this project:

(LOC = Lines of Code, M/C = Methods per Class, LOC/M = Lines of Code per Method)

Rails App Stats

+----------------------+-------+-------+---------+---------+-----+-------+ | Name | Lines | LOC | Classes | Methods | M/C | LOC/M | +----------------------+-------+-------+---------+---------+-----+-------+ | Controllers | 1679 | 1309 | 33 | 118 | 3 | 9 | | Helpers | 5 | 5 | 0 | 1 | 0 | 3 | | Models | 3433 | 2638 | 49 | 100 | 2 | 24 | | Libraries | 1944 | 1789 | 8 | 24 | 3 | 72 | | Model specs | 5 | 4 | 0 | 0 | 0 | 0 | | Controller specs | 135 | 114 | 0 | 0 | 0 | 0 | +----------------------+-------+-------+---------+---------+-----+-------+ | Total | 7201 | 5859 | 90 | 243 | 2 | 22 | +----------------------+-------+-------+---------+---------+-----+-------+

Client App Stats

+----------------------+-------+-------+---------+---------+-----+-------+ | Name | Lines | LOC | Classes | Methods | M/C | LOC/M | +----------------------+-------+-------+---------+---------+-----+-------+ | Apps | 232 | 143 | 2 | 16 | 8 | 9 | | Controllers | 885 | 644 | 10 | 57 | 6 | 11 | | Helpers | 407 | 280 | 13 | 45 | 3 | 6 | | Models | 739 | 492 | 23 | 192 | 8 | 3 | | Collections | 503 | 385 | 27 | 96 | 4 | 4 | | Routers | 239 | 171 | 3 | 8 | 3 | 21 | | Views | 6052 | 4820 | 201 | 767 | 3 | 6 | | Backbone Views | 346 | 287 | 14 | 29 | 2 | 10 | | Item Views | 3887 | 3124 | 124 | 456 | 4 | 7 | | Collection Views | 76 | 64 | 5 | 16 | 3 | 4 | | Composite Views | 745 | 563 | 18 | 99 | 6 | 6 | | Layouts | 965 | 762 | 39 | 164 | 4 | 5 | | Regions | 28 | 20 | 1 | 3 | 3 | 7 | +----------------------+-------+-------+---------+---------+-----+-------+ | CoffeeScript Total | 9033 | 6918 | 278 | 1181 | 4 | 6 | +----------------------+-------+-------+---------+---------+-----+-------+ | Templates | 1713 | 1413 | -- | -- | -- | -- | | Stylesheets | 9699 | 8406 | -- | -- | -- | -- | +----------------------+-------+-------+---------+---------+-----+-------+ | Total | 20445 | 16737 | 278 | 1181 | 4 | 6 | +----------------------+-------+-------+---------+---------+-----+-------+