Load font-awesome in a more natural manner with Sprockets

Start sprocketsing an application.js

Author: tjgrathwell

Gemfile.lock

@@ -76,7 +76,7 @@ GEM
       sexp_processor (~> 4.0)
     ruby_parser (3.6.2)
       sexp_processor (~> 4.1)
-    sass (3.4.3)
+    sass (3.4.4)
     sexp_processor (4.4.4)
     sinatra (1.4.5)
       rack (~> 1.4)

app.rb

@@ -20,7 +20,6 @@
 require "deck"
 require "deck/rack_app"
 require "titleizer"
-require "asset_compiler"
 require "site"
 require 'sprockets'
 
@@ -35,6 +34,7 @@ class InstallFest < Sinatra::Application   # todo: use Sinatra::Base instead, wi
 
   set :assets, Sprockets::Environment.new
   settings.assets.append_path "assets/stylesheets"
+  settings.assets.append_path "assets/javascripts"
 
   configure do
     I18n::Backend::Simple.include(I18n::Backend::Fallbacks)
@@ -176,14 +176,13 @@ def render_deck
     halt 404
   end
 
-  get "/assets/:file.css" do
-    content_type "text/css"
-    settings.assets["#{params[:file]}.css"]
-  end
-
-  get '/font-awesome.css' do
-    content_type 'text/css'
-    AssetCompiler.instance.font_awesome
+  get "/assets/:file.:ext" do
+    mime_type = {
+      'js' => 'application/javascript',
+      'css' => 'text/css'
+    }[params[:ext]]
+    content_type mime_type if mime_type
+    settings.assets["#{params[:file]}.#{params[:ext]}"]
   end
 
   get '/fonts/font-awesome/:file' do

assets/javascripts/application.js

@@ -0,0 +1 @@
+//= require 'doc_page'

public/js/doc_page.js renamed to assets/javascripts/doc_page.js

@@ -3,4 +3,6 @@
 //= require 'big_checkbox'
 //= require 'header'
 //= require 'toc'
-//= require 'step'
+//= require 'step'
+//= require 'font_awesome'
+//= require 'coderay'

assets/stylesheets/application.css

@@ -0,0 +1,3 @@
+$fa-font-path: '/fonts/font-awesome/';
+
+@import 'font-awesome';

public/css/coderay.css renamed to assets/stylesheets/coderay.css

@@ -16,8 +16,7 @@ def head_content
     title page_title
     script :src => "/jquery.min.js"
     script :src => "/js/bootstrap.min.js"
-    script :src => "/js/doc_page.js"
-    link   :href => "/font-awesome.css", :rel => "stylesheet"
+    script :src => "/assets/application.js"
     link   :href => "/assets/application.css", :rel => "stylesheet"
   end
 
@@ -38,7 +37,6 @@ def page_title
   external :style,  <<-CSS
   @import url(http://github.com/fonts/opensans.css);
   @import url(http://github.com/fonts/aleo.css);
-  @import url(http://github.com/css/coderay.css);
   CSS
 
   class TopLink < Erector::Widget

assets/stylesheets/font_awesome.scss

@@ -1,13 +1,8 @@
 require 'sass'
-require_relative 'asset_compiler'
 
 class Erector::Widget
   def self.scss content
     Sass.compile(content)
   end
-
-  def self.file_scss path
-    AssetCompiler.instance.file_scss(path)
-  end
 end