assets pipeline

Author: le0pard

lib/mongodb_logger/server/public/images/arrow-down.png app/assets/images/arrow-down.png

@@ -0,0 +1,2 @@
+//= require_tree ./vendors/
+//= require logs.js.coffee

lib/mongodb_logger/server/public/images/arrow-up.png app/assets/images/arrow-up.png

@@ -71,11 +71,11 @@
 .start {
     display: inline-block;
     padding-left: 13px;
-    background: url(../images/play-icon.png) no-repeat 0 -35px;
+    background: url(<%= asset_path('play-icon.png') %>) no-repeat 0 -35px;
 }
 
 .stop {
     display: inline-block;
     padding-left: 13px;
-    background: url(../images/stop-icon.png) no-repeat 0 5px;
+    background: url(<%= asset_path('stop-icon.png') %>) no-repeat 0 5px;
 }

lib/mongodb_logger/server/public/images/date.png app/assets/images/date.png

@@ -46,12 +46,12 @@ a:hover, a:active {
 
 .success {
     padding-right: 15px;
-    background: url(../images/success.png) no-repeat 100% 50%;
+    background: url(<%= asset_path('success.png') %>) no-repeat 100% 50%;
 }
 
 .failure {
     padding-right: 15px;
-    background: url(../images/failure.png) no-repeat 100% 50%;
+    background: url(<%= asset_path('failure.png') %>) no-repeat 100% 50%;
 }
 
 .notice {
@@ -62,7 +62,7 @@ a:hover, a:active {
     display: inline-block;
     margin-right: 5px;
     margin-left: -17px;
-/*     background: url(../images/success.png) no-repeat 0 0; */
+/*     background: url(<%= asset_path('success.png') %>) no-repeat 0 0; */
 }
 
 .error {
@@ -73,16 +73,16 @@ a:hover, a:active {
     display: inline-block;
     margin-right: 5px;
     margin-left: -17px;
-    background: url(../images/failure.png) no-repeat 0 0;
+    background: url(<%= asset_path('failure.png') %>) no-repeat 0 0;
 }
 
 .arrow-down {
     padding-right: 15px;
-    background: url(../images/arrow-down.png) no-repeat 100% 50%;
+    background: url(<%= asset_path('arrow-down.png') %>) no-repeat 100% 50%;
 }
 
 .arrow-down.rotate {
-    background: url(../images/arrow-up.png) no-repeat 100% 50%;
+    background: url(<%= asset_path('arrow-up.png') %>) no-repeat 100% 50%;
 }
 
 code {
@@ -156,7 +156,7 @@ code {
     font: 12px arial, sans-serif;
     vertical-align: middle;
     border: 1px solid #bbb;
-    background: #fff url(../images/date.png) no-repeat 9px 50%;
+    background: #fff url(<%= asset_path('date.png') %>) no-repeat 9px 50%;
     border-radius: 3px;
     box-shadow: 0 1px 2px #e6e6e6 inset, 0 1px 0 #fff;
 }
@@ -230,7 +230,7 @@ li.message_tab {
 
 a[target="_blank"] {
     display: inline-block;
-    background: url(../images/external.png) no-repeat 0 3px;
+    background: url(<%= asset_path('external.png') %>) no-repeat 0 3px;
     padding-left: 17px;
 }
 

lib/mongodb_logger/server/public/images/external.png app/assets/images/external.png

@@ -0,0 +1,16 @@
+/*
+ * This is a manifest file that'll automatically include all the stylesheets available in this directory
+ * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
+ * the top of the compiled file, but it's generally better to create a new file per style scope.
+ *= require "reset.css" 
+ *= require "grids.css" 
+ *= require "spaces.css" 
+ *= require "layout.css" 
+ *= require "library.css.erb"
+ *= require "group-headers.css" 
+ *= require "group-buttons.css.erb"
+ *= require "group-forms.css" 
+ *= require "group-tables.css"
+ *= require "humanity/jquery-ui-1.8.16.custom.css" 
+ *= require "highlight/zenburn.css"
+*/

lib/mongodb_logger/server/public/images/failure.png app/assets/images/failure.png

@@ -4,6 +4,7 @@
 require 'mongodb_logger/config'
 require 'mongodb_logger/logger'
 require 'mongodb_logger/railtie' if defined?(Rails::Railtie)
+require 'mongodb_logger/engine' if defined?(Rails::Engine)
 require 'mongodb_logger/version'
 
 module MongodbLogger

lib/mongodb_logger/server/public/images/logo.png app/assets/images/logo.png

@@ -0,0 +1,5 @@
+module MongodbLogger
+  class Engine < Rails::Engine
+    # auto wire assets
+  end
+end

lib/mongodb_logger/server/public/images/mongodb.png app/assets/images/mongodb.png

@@ -6,6 +6,7 @@
 require 'mongodb_logger/server/view_helpers'
 require 'mongodb_logger/server/partials'
 require 'mongodb_logger/server/content_for'
+require 'mongodb_logger/server/sprokets'
 
 require 'mongodb_logger/server/model/additional_filter'
 require 'mongodb_logger/server/model/filter'
@@ -26,18 +27,14 @@ class Server < Sinatra::Base
     dir = File.dirname(File.expand_path(__FILE__))
 
     set :views,         "#{dir}/server/views"
-    
-    if respond_to? :public_folder
-      set :public_folder, "#{dir}/server/public"
-    else
-      set :public, "#{dir}/server/public"
-    end
     #set :environment, :production
     set :static, true
 
     helpers do
       include Rack::Utils
       alias_method :h, :escape_html
+      # pipeline
+      include AssetHelpers
 
       def current_page
         url_path request.path_info.sub('/','')
@@ -167,7 +164,7 @@ def show(page, layout = true)
     end
 
     error do
-      erb :error, {:layout => false}, :error => 'Sorry there was a nasty error. Maybe no connection to MongoDB. Debug: ' + env['sinatra.error'].inspect
+      erb :error, {:layout => false}, :error => 'Sorry there was a nasty error. Maybe no connection to MongoDB. Debug: ' + env['sinatra.error'].inspect + '<br />' + env.inspect
     end
 
   end

lib/mongodb_logger/server/public/images/newlog.png app/assets/images/newlog.png

@@ -0,0 +1,31 @@
+require 'sprockets'
+
+module MongodbLogger
+  
+  module AssetHelpers
+    def asset_path(source)
+      "/assets/#{Assets.instance.find_asset(source).digest_path}" unless Assets.instance.find_asset(source).nil?
+    end
+  end
+  
+  class Assets < Sprockets::Environment
+    class << self
+      def instance(root = nil)
+        assets_path = File.expand_path('../../../../app/assets', __FILE__)
+        @instance ||= new(assets_path)
+      end
+    end
+
+    def initialize(assets_path)
+      super
+      append_path(File.join(assets_path, 'stylesheets'))
+      append_path(File.join(assets_path, 'javascripts'))
+      append_path(File.join(assets_path, 'images'))
+
+      context_class.instance_eval do
+        include AssetHelpers
+      end
+    end
+  end
+  
+end

lib/mongodb_logger/server/public/images/play-icon.png app/assets/images/play-icon.png

@@ -2,7 +2,7 @@
 <html>
 <head>
   <title>MongoDB Logger</title>
-  <link href="<%=u 'stylesheets/all.css' %>" media="screen" rel="stylesheet" type="text/css">
+  <link href="<%= asset_path('mongodb_logger.css') %>" media="screen" rel="stylesheet" type="text/css">
 </head>
 <body>
 <div class="page">          
@@ -17,7 +17,7 @@
           <%= partial(:"shared/collection_stats", :object => @collection_stats) %>
         </div>
       </div>
-      <a href="<%=h url_path("overview") %>" class="logo" data-pjax='#main_pjax'><img src="<%=u 'images/logo.png'%>" alt="MongoDB Logger"></a>
+      <a href="<%=h url_path("overview") %>" class="logo" data-pjax='#main_pjax'><img src="<%= asset_path 'logo.png' %>" alt="MongoDB Logger"></a>
     </div> <!-- wrapper -->
   </div> <!-- header -->            
   <div class="content">
@@ -30,11 +30,7 @@
 </div>
 
 <!-- scripts -->
-<script src="<%=u 'javascripts/vendors/jquery-1.7.1.min.js' %>" type="text/javascript"></script>
-<script src="<%=u 'javascripts/vendors/jquery-ui-1.8.16.min.js' %>" type="text/javascript"></script>
-<script src="<%=u 'javascripts/vendors/jquery.pjax.min.js' %>" type="text/javascript"></script>
-<script src="<%=u 'javascripts/vendors/highlight.pack.js' %>" type="text/javascript"></script>
-<script src="<%=u 'javascripts/logs.js' %>" type="text/javascript"></script>
+<script src="<%= asset_path('mongodb_logger.js') %>" type="text/javascript"></script>
 
 <!-- charts -->
 <script type="text/javascript" src="https://www.google.com/jsapi"></script>

lib/mongodb_logger/server/public/images/spinner.gif app/assets/images/spinner.gif

@@ -3,5 +3,5 @@
   <div class="unit-right">
     <% yield_content :right_top_panel %>
   </div> <!-- unit-right -->
-  <div id="ajax_loader"><img src="<%=u 'images/spinner.gif'%>" alt="loading..."></div>
+  <div id="ajax_loader"><img src="<%= asset_path 'spinner.gif' %>" alt="loading..."></div>
 </div> <!-- topline -->

lib/mongodb_logger/server/public/images/spinner2.gif app/assets/images/spinner2.gif

@@ -15,22 +15,23 @@ Gem::Specification.new do |gem|
   gem.add_development_dependency "rspec",           ">= 2.8.0"
   gem.add_development_dependency "shoulda",         ">= 2.0.0"
   gem.add_development_dependency "mocha",           ">= 0.10.0"
-  gem.add_development_dependency "cucumber",        "~> 1.1.2"
-  gem.add_development_dependency "capybara",        "~> 1.1.2"
-  gem.add_development_dependency "coffee-script",   "~> 2.2.0"
+  gem.add_development_dependency "cucumber",        ">= 1.1.2"
+  gem.add_development_dependency "capybara",        ">= 1.1.2"
+  gem.add_development_dependency "coffee-script",   ">= 2.2.0"
   gem.add_development_dependency "uglifier",        ">= 1.2.0"
   gem.add_development_dependency "therubyracer",    ">= 0.9.9"
 
-  gem.add_runtime_dependency "rake",            "~> 0.9.0"
-  gem.add_runtime_dependency "mongo",           "~> 1.6.1"
-  gem.add_runtime_dependency "bson_ext",        "~> 1.6.1"
+  gem.add_runtime_dependency "rake",            ">= 0.9.0"
+  gem.add_runtime_dependency "mongo",           ">= 1.6.1"
+  gem.add_runtime_dependency "bson_ext",        ">= 1.6.1"
   gem.add_runtime_dependency "i18n",            ">= 0.4.1"
   gem.add_runtime_dependency "json",            ">= 1.6.1"
   gem.add_runtime_dependency "activesupport",   ">= 3.0.0"
   gem.add_runtime_dependency "actionpack",      ">= 3.0.0"
+  gem.add_runtime_dependency "sprockets",       ">= 2.0.0"
   gem.add_runtime_dependency "sinatra",         ">= 1.2.0"
   gem.add_runtime_dependency "erubis",          ">= 2.6.6"
-  gem.add_runtime_dependency "vegas",           "~> 0.1.2"
+  gem.add_runtime_dependency "vegas",           ">= 0.1.2"
 
   gem.rubyforge_project = "mongodb_logger"
 

lib/mongodb_logger/server/public/images/stop-icon.png app/assets/images/stop-icon.png

@@ -26,6 +26,7 @@ Gem::Specification.new do |gem|
   gem.add_runtime_dependency "json",            ">= 1.6.1"
   gem.add_runtime_dependency "activesupport",   ">= 3.0.0"
   gem.add_runtime_dependency "actionpack",      ">= 3.0.0"
+  gem.add_runtime_dependency "sprockets",       ">= 2.0.0"
   gem.add_runtime_dependency "sinatra",         ">= 1.2.0"
   gem.add_runtime_dependency "erubis",          ">= 2.6.6"
   gem.add_runtime_dependency "vegas",           "~> 0.1.2"