Integrated app with sinatra-assetpack gem to manage asset files

petersonfs · petersonfs · commit f7c75edb1976 · 2013-05-13T13:53:13.000-03:00
diff --git a/app.rb b/app.rb
@@ -2,6 +2,7 @@
 require "sinatra/activerecord"
 require "sinatra/flash"
 require "sinatra/contrib/all"
+require "sinatra/assetpack"
 require "json"
 require "i18n"
 require "will_paginate"
@@ -17,6 +18,7 @@ class Stringer < Sinatra::Base
     set :database_file, "config/database.yml"
     set :views, "app/views"
     set :public_dir, "app/public"
+    set :root, File.dirname(__FILE__)
 
     enable :sessions
     set :session_secret, ENV["SECRET_TOKEN"] || "secret!"
@@ -25,6 +27,7 @@ class Stringer < Sinatra::Base
     register Sinatra::ActiveRecordExtension
     register Sinatra::Flash
     register Sinatra::Contrib
+    register Sinatra::AssetPack
 
     ActiveRecord::Base.include_root_in_json = false
   end
@@ -49,6 +52,35 @@ def t(*args)
     end
   end
 
+  assets {
+    serve "/js",     from: "app/public/js"
+    serve "/css",    from: "app/public/css"
+    serve "/images", from: "app/public/img"
+
+    js :application, "/js/application.js", [
+      "/js/jquery-min.js",
+      "/js/bootstrap-min.js",
+      "/js/bootstrap.file-input.js",
+      "/js/mousetrap-min.js",
+      "/js/underscore-min.js",
+      "/js/backbone-min.js",
+      "/js/app.js"
+    ]
+
+    css :application, "/css/application.css", [
+      "/css/bootstrap-min.css",
+      "/css/flat-ui-no-icons.css",
+      "/css/font-awesome-min.css",
+      "/css/styles.css"
+    ]
+
+    js_compression  :uglify
+    css_compression :simple
+
+    prebuild true
+    cache_dynamic_assets true
+  }
+
   before do
     I18n.locale = ENV["LOCALE"].blank? ? :en : ENV["LOCALE"].to_sym
 
diff --git a/app/views/layout.erb b/app/views/layout.erb
@@ -8,18 +8,9 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <link rel="shortcut icon" href="/img/favicon.png">
     <link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic" rel="stylesheet" type="text/css">
-    
-    <link rel="stylesheet" type="text/css" href="/css/bootstrap-min.css">
-    <link rel="stylesheet" type="text/css" href="/css/flat-ui-no-icons.css">
-    <link rel="stylesheet" type="text/css" href="/css/font-awesome-min.css">
-    <link rel="stylesheet" type="text/css" href="/css/styles.css">
 
-    <script type="text/javascript" src="/js/jquery-min.js"></script>
-    <script type="text/javascript" src="/js/mousetrap-min.js"></script>
-    <script type="text/javascript" src="/js/bootstrap-min.js"></script>
-    <script type="text/javascript" src="/js/underscore-min.js"></script>
-    <script type="text/javascript" src="/js/backbone-min.js"></script>
-    <script type="text/javascript" src="/js/app.js"></script>
+    <%= css :application %>
+    <%= js  :application %>
 
     <%= yield_content :head %>
   </head>
@@ -43,7 +34,7 @@
     <div id="footer">
       <%= render_partial :footer %>
     </div>
-    
+
     <script>
       window.i18n = {};
       window.i18n.titleName = "<%= t('layout.title') %>";
