caliber 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 0e79ebafa4fca291ccd0b6e22e08d6e2d66ed0cd
+  data.tar.gz: 96bd122309fb87e486c97e881bf6b96bf0e711b9
+SHA512:
+  metadata.gz: 3cf7697b5b70b3dfecd5879f265a4157e8c792acdd4b149c473713c506febdb4edaff830867f48df770845477f1f48140381ea49de4cf7b138d6c01e54582220
+  data.tar.gz: 3dd9f1f69a44b026abfadcb48e8f80df0a221665813e2f961508924ef9d104845de2cb29166f4af2a8929a697d84f96870eeb36241c707718b16140fa02bf7d8

data/.gitignore

@@ -0,0 +1,10 @@
+.bundle/
+log/*.log
+pkg/
+test/dummy/db/*.sqlite3
+test/dummy/log/*.log
+test/dummy/tmp/
+.DS_Store
+.rvmrc
+/.idea
+/Gemfile.lock

data/Gemfile

@@ -0,0 +1,17 @@
+source "https://rubygems.org"
+
+rails_version = ENV["RAILS_VERSION"] || "default"
+
+rails = case rails_version
+when "master"
+  {github: "rails/rails"}
+when "default"
+  ">= 3.2"
+else
+  "~> #{rails_version}"
+end
+
+gem "rails", rails
+
+
+gemspec

data/README.md

@@ -0,0 +1,35 @@
+# Caliber
+
+## What
+
+Show CSS classes in your Rails application while working in development. Visit `http://localhost:3000/rails/css` and you'll see an output to browse you application CSS, SASS, SCSS, LESS and other stylesheet files.
+
+![Caliber Gem](http://cl.ly/image/3Y0z1B411C1G/Image%202014-03-09%20at%209.00.46%20pm.png)
+
+
+## Why?
+
+Sometimes you would like to have a convenient way to search stylesheets in your application. That could be because you are using external libraries or SCSS mixins compile to a list of classes. Caliber gives you an easy interface to browse all CSS rules in your Rails application.
+
+## Install
+
+Add this to the development group in your Gemfile
+
+```ruby
+group :development do
+  gem 'caliber'
+end
+```
+
+Then run `bundle install` and you're ready to start
+
+## Use
+
+Visit `/rails/css` in your app and you'll see your stylesheets. It's that simple.
+
+
+## About
+
+If you have a question file an issue or find me on the Twitters [@antulik](http://twitter.com/antulik).
+
+This project rocks and uses MIT-LICENSE.

data/Rakefile

@@ -0,0 +1,33 @@
+# encoding: UTF-8
+require 'rubygems'
+require 'bundler'
+
+begin
+  Bundler.setup(:default, :development, :test)
+rescue Bundler::BundlerError => e
+  $stderr.puts e.message
+  $stderr.puts "Run `bundle install` to install missing gems"
+  exit e.status_code
+end
+
+require 'rake'
+require 'rdoc/task'
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+task :default => :test
+
+Rake::RDocTask.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Caliber'
+  rdoc.options << '--line-numbers' << '--inline-source'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end

data/app/assets/javascripts/caliber/application.js

@@ -0,0 +1 @@
+//= require_tree .

data/app/assets/javascripts/caliber/caliber.js

@@ -0,0 +1,28 @@
+function each(elems, func) {
+  if (!elems instanceof Array) { elems = [elems]; }
+  for (var i = elems.length; i--; ) {
+    func(elems[i]);
+  }
+}
+
+function setValOn(elems, val) {
+  each(elems, function(elem) {
+    elem.innerHTML = val;
+  });
+}
+
+function onClick(elems, func) {
+  each(elems, function(elem) {
+    elem.onclick = func;
+  });
+}
+
+// Enables functionality to toggle between `_path` and `_url` helper suffixes
+function setupRouteToggleHelperLinks() {
+  var toggleLinks = document.querySelectorAll('#route_table [data-route-helper]');
+  onClick(toggleLinks, function(){
+    var helperTxt   = this.getAttribute("data-route-helper");
+    var helperElems = document.querySelectorAll('[data-route-name] span.helper');
+    setValOn(helperElems, helperTxt);
+  });
+}

data/app/assets/javascripts/caliber/highlight.pack.js

@@ -0,0 +1 @@
+var hljs=new function(){function k(v){return v.replace(/&/gm,"&amp;").replace(/</gm,"&lt;").replace(/>/gm,"&gt;")}function t(v){return v.nodeName.toLowerCase()}function i(w,x){var v=w&&w.exec(x);return v&&v.index==0}function d(v){return Array.prototype.map.call(v.childNodes,function(w){if(w.nodeType==3){return b.useBR?w.nodeValue.replace(/\n/g,""):w.nodeValue}if(t(w)=="br"){return"\n"}return d(w)}).join("")}function r(w){var v=(w.className+" "+(w.parentNode?w.parentNode.className:"")).split(/\s+/);v=v.map(function(x){return x.replace(/^language-/,"")});return v.filter(function(x){return j(x)||x=="no-highlight"})[0]}function o(x,y){var v={};for(var w in x){v[w]=x[w]}if(y){for(var w in y){v[w]=y[w]}}return v}function u(x){var v=[];(function w(y,z){for(var A=y.firstChild;A;A=A.nextSibling){if(A.nodeType==3){z+=A.nodeValue.length}else{if(t(A)=="br"){z+=1}else{if(A.nodeType==1){v.push({event:"start",offset:z,node:A});z=w(A,z);v.push({event:"stop",offset:z,node:A})}}}}return z})(x,0);return v}function q(w,y,C){var x=0;var F="";var z=[];function B(){if(!w.length||!y.length){return w.length?w:y}if(w[0].offset!=y[0].offset){return(w[0].offset<y[0].offset)?w:y}return y[0].event=="start"?w:y}function A(H){function G(I){return" "+I.nodeName+'="'+k(I.value)+'"'}F+="<"+t(H)+Array.prototype.map.call(H.attributes,G).join("")+">"}function E(G){F+="</"+t(G)+">"}function v(G){(G.event=="start"?A:E)(G.node)}while(w.length||y.length){var D=B();F+=k(C.substr(x,D[0].offset-x));x=D[0].offset;if(D==w){z.reverse().forEach(E);do{v(D.splice(0,1)[0]);D=B()}while(D==w&&D.length&&D[0].offset==x);z.reverse().forEach(A)}else{if(D[0].event=="start"){z.push(D[0].node)}else{z.pop()}v(D.splice(0,1)[0])}}return F+k(C.substr(x))}function m(y){function v(z){return(z&&z.source)||z}function w(A,z){return RegExp(v(A),"m"+(y.cI?"i":"")+(z?"g":""))}function x(D,C){if(D.compiled){return}D.compiled=true;D.k=D.k||D.bK;if(D.k){var z={};function E(G,F){if(y.cI){F=F.toLowerCase()}F.split(" ").forEach(function(H){var I=H.split("|");z[I[0]]=[G,I[1]?Number(I[1]):1]})}if(typeof D.k=="string"){E("keyword",D.k)}else{Object.keys(D.k).forEach(function(F){E(F,D.k[F])})}D.k=z}D.lR=w(D.l||/\b[A-Za-z0-9_]+\b/,true);if(C){if(D.bK){D.b=D.bK.split(" ").join("|")}if(!D.b){D.b=/\B|\b/}D.bR=w(D.b);if(!D.e&&!D.eW){D.e=/\B|\b/}if(D.e){D.eR=w(D.e)}D.tE=v(D.e)||"";if(D.eW&&C.tE){D.tE+=(D.e?"|":"")+C.tE}}if(D.i){D.iR=w(D.i)}if(D.r===undefined){D.r=1}if(!D.c){D.c=[]}var B=[];D.c.forEach(function(F){if(F.v){F.v.forEach(function(G){B.push(o(F,G))})}else{B.push(F=="self"?D:F)}});D.c=B;D.c.forEach(function(F){x(F,D)});if(D.starts){x(D.starts,C)}var A=D.c.map(function(F){return F.bK?"\\.?\\b("+F.b+")\\b\\.?":F.b}).concat([D.tE]).concat([D.i]).map(v).filter(Boolean);D.t=A.length?w(A.join("|"),true):{exec:function(F){return null}};D.continuation={}}x(y)}function c(S,L,J,R){function v(U,V){for(var T=0;T<V.c.length;T++){if(i(V.c[T].bR,U)){return V.c[T]}}}function z(U,T){if(i(U.eR,T)){return U}if(U.eW){return z(U.parent,T)}}function A(T,U){return !J&&i(U.iR,T)}function E(V,T){var U=M.cI?T[0].toLowerCase():T[0];return V.k.hasOwnProperty(U)&&V.k[U]}function w(Z,X,W,V){var T=V?"":b.classPrefix,U='<span class="'+T,Y=W?"":"</span>";U+=Z+'">';return U+X+Y}function N(){var U=k(C);if(!I.k){return U}var T="";var X=0;I.lR.lastIndex=0;var V=I.lR.exec(U);while(V){T+=U.substr(X,V.index-X);var W=E(I,V);if(W){H+=W[1];T+=w(W[0],V[0])}else{T+=V[0]}X=I.lR.lastIndex;V=I.lR.exec(U)}return T+U.substr(X)}function F(){if(I.sL&&!f[I.sL]){return k(C)}var T=I.sL?c(I.sL,C,true,I.continuation.top):g(C);if(I.r>0){H+=T.r}if(I.subLanguageMode=="continuous"){I.continuation.top=T.top}return w(T.language,T.value,false,true)}function Q(){return I.sL!==undefined?F():N()}function P(V,U){var T=V.cN?w(V.cN,"",true):"";if(V.rB){D+=T;C=""}else{if(V.eB){D+=k(U)+T;C=""}else{D+=T;C=U}}I=Object.create(V,{parent:{value:I}})}function G(T,X){C+=T;if(X===undefined){D+=Q();return 0}var V=v(X,I);if(V){D+=Q();P(V,X);return V.rB?0:X.length}var W=z(I,X);if(W){var U=I;if(!(U.rE||U.eE)){C+=X}D+=Q();do{if(I.cN){D+="</span>"}H+=I.r;I=I.parent}while(I!=W.parent);if(U.eE){D+=k(X)}C="";if(W.starts){P(W.starts,"")}return U.rE?0:X.length}if(A(X,I)){throw new Error('Illegal lexeme "'+X+'" for mode "'+(I.cN||"<unnamed>")+'"')}C+=X;return X.length||1}var M=j(S);if(!M){throw new Error('Unknown language: "'+S+'"')}m(M);var I=R||M;var D="";for(var K=I;K!=M;K=K.parent){if(K.cN){D=w(K.cN,D,true)}}var C="";var H=0;try{var B,y,x=0;while(true){I.t.lastIndex=x;B=I.t.exec(L);if(!B){break}y=G(L.substr(x,B.index-x),B[0]);x=B.index+y}G(L.substr(x));for(var K=I;K.parent;K=K.parent){if(K.cN){D+="</span>"}}return{r:H,value:D,language:S,top:I}}catch(O){if(O.message.indexOf("Illegal")!=-1){return{r:0,value:k(L)}}else{throw O}}}function g(y,x){x=x||b.languages||Object.keys(f);var v={r:0,value:k(y)};var w=v;x.forEach(function(z){if(!j(z)){return}var A=c(z,y,false);A.language=z;if(A.r>w.r){w=A}if(A.r>v.r){w=v;v=A}});if(w.language){v.second_best=w}return v}function h(v){if(b.tabReplace){v=v.replace(/^((<[^>]+>|\t)+)/gm,function(w,z,y,x){return z.replace(/\t/g,b.tabReplace)})}if(b.useBR){v=v.replace(/\n/g,"<br>")}return v}function p(z){var y=d(z);var A=r(z);if(A=="no-highlight"){return}var v=A?c(A,y,true):g(y);var w=u(z);if(w.length){var x=document.createElementNS("http://www.w3.org/1999/xhtml","pre");x.innerHTML=v.value;v.value=q(w,u(x),y)}v.value=h(v.value);z.innerHTML=v.value;z.className+=" hljs "+(!A&&v.language||"");z.result={language:v.language,re:v.r};if(v.second_best){z.second_best={language:v.second_best.language,re:v.second_best.r}}}var b={classPrefix:"hljs-",tabReplace:null,useBR:false,languages:undefined};function s(v){b=o(b,v)}function l(){if(l.called){return}l.called=true;var v=document.querySelectorAll("pre code");Array.prototype.forEach.call(v,p)}function a(){addEventListener("DOMContentLoaded",l,false);addEventListener("load",l,false)}var f={};var n={};function e(v,x){var w=f[v]=x(this);if(w.aliases){w.aliases.forEach(function(y){n[y]=v})}}function j(v){return f[v]||f[n[v]]}this.highlight=c;this.highlightAuto=g;this.fixMarkup=h;this.highlightBlock=p;this.configure=s;this.initHighlighting=l;this.initHighlightingOnLoad=a;this.registerLanguage=e;this.getLanguage=j;this.inherit=o;this.IR="[a-zA-Z][a-zA-Z0-9_]*";this.UIR="[a-zA-Z_][a-zA-Z0-9_]*";this.NR="\\b\\d+(\\.\\d+)?";this.CNR="(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)";this.BNR="\\b(0b[01]+)";this.RSR="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~";this.BE={b:"\\\\[\\s\\S]",r:0};this.ASM={cN:"string",b:"'",e:"'",i:"\\n",c:[this.BE]};this.QSM={cN:"string",b:'"',e:'"',i:"\\n",c:[this.BE]};this.CLCM={cN:"comment",b:"//",e:"$"};this.CBLCLM={cN:"comment",b:"/\\*",e:"\\*/"};this.HCM={cN:"comment",b:"#",e:"$"};this.NM={cN:"number",b:this.NR,r:0};this.CNM={cN:"number",b:this.CNR,r:0};this.BNM={cN:"number",b:this.BNR,r:0};this.REGEXP_MODE={cN:"regexp",b:/\//,e:/\/[gim]*/,i:/\n/,c:[this.BE,{b:/\[/,e:/\]/,r:0,c:[this.BE]}]};this.TM={cN:"title",b:this.IR,r:0};this.UTM={cN:"title",b:this.UIR,r:0}}();hljs.registerLanguage("css",function(a){var b="[a-zA-Z-][a-zA-Z0-9_-]*";var c={cN:"function",b:b+"\\(",e:"\\)",c:["self",a.NM,a.ASM,a.QSM]};return{cI:true,i:"[=/|']",c:[a.CBLCLM,{cN:"id",b:"\\#[A-Za-z0-9_-]+"},{cN:"class",b:"\\.[A-Za-z0-9_-]+",r:0},{cN:"attr_selector",b:"\\[",e:"\\]",i:"$"},{cN:"pseudo",b:":(:)?[a-zA-Z0-9\\_\\-\\+\\(\\)\\\"\\']+"},{cN:"at_rule",b:"@(font-face|page)",l:"[a-z-]+",k:"font-face page"},{cN:"at_rule",b:"@",e:"[{;]",c:[{cN:"keyword",b:/\S+/},{b:/\s/,eW:true,eE:true,r:0,c:[c,a.ASM,a.QSM,a.NM]}]},{cN:"tag",b:b,r:0},{cN:"rules",b:"{",e:"}",i:"[^\\s]",r:0,c:[a.CBLCLM,{cN:"rule",b:"[^\\s]",rB:true,e:";",eW:true,c:[{cN:"attribute",b:"[A-Z\\_\\.\\-]+",e:":",eE:true,i:"[^\\s]",starts:{cN:"value",eW:true,eE:true,c:[c,a.NM,a.QSM,a.ASM,a.CBLCLM,{cN:"hexcolor",b:"#[0-9A-Fa-f]+"},{cN:"important",b:"!important"}]}}]}]}]}});

data/app/assets/stylesheets/caliber/railscasts.css

@@ -0,0 +1,182 @@
+/*
+
+Railscasts-like style (c) Visoft, Inc. (Damien White)
+
+*/
+
+.hljs {
+  display: block;
+  padding: 0.5em;
+  background: #232323;
+  color: #E6E1DC;
+}
+
+.hljs-comment,
+.hljs-template_comment,
+.hljs-javadoc,
+.hljs-shebang {
+  color: #BC9458;
+  font-style: italic;
+}
+
+.hljs-keyword,
+.ruby .hljs-function .hljs-keyword,
+.hljs-request,
+.hljs-status,
+.nginx .hljs-title,
+.method,
+.hljs-list .hljs-title {
+  color: #C26230;
+}
+
+.hljs-string,
+.hljs-number,
+.hljs-regexp,
+.hljs-tag .hljs-value,
+.hljs-cdata,
+.hljs-filter .hljs-argument,
+.hljs-attr_selector,
+.apache .hljs-cbracket,
+.hljs-date,
+.tex .hljs-command,
+.markdown .hljs-link_label {
+  color: #A5C261;
+}
+
+.hljs-subst {
+  color: #519F50;
+}
+
+.hljs-tag,
+.hljs-tag .hljs-keyword,
+.hljs-tag .hljs-title,
+.hljs-doctype,
+.hljs-sub .hljs-identifier,
+.hljs-pi,
+.input_number {
+  color: #E8BF6A;
+}
+
+.hljs-identifier {
+  color: #D0D0FF;
+}
+
+.hljs-class .hljs-title,
+.haskell .hljs-type,
+.smalltalk .hljs-class,
+.hljs-javadoctag,
+.hljs-yardoctag,
+.hljs-phpdoc {
+  text-decoration: none;
+}
+
+.hljs-constant {
+  color: #DA4939;
+}
+
+
+.hljs-symbol,
+.hljs-built_in,
+.ruby .hljs-symbol .hljs-string,
+.ruby .hljs-symbol .hljs-identifier,
+.markdown .hljs-link_url,
+.hljs-attribute {
+  color: #6D9CBE;
+}
+
+.markdown .hljs-link_url {
+  text-decoration: underline;
+}
+
+
+
+.hljs-params,
+.hljs-variable,
+.clojure .hljs-attribute {
+  color: #D0D0FF;
+}
+
+.css .hljs-tag,
+.hljs-rules .hljs-property,
+.hljs-pseudo,
+.tex .hljs-special {
+  color: #CDA869;
+}
+
+.css .hljs-class {
+  color: #9B703F;
+}
+
+.hljs-rules .hljs-keyword {
+  color: #C5AF75;
+}
+
+.hljs-rules .hljs-value {
+  color: #CF6A4C;
+}
+
+.css .hljs-id {
+  color: #8B98AB;
+}
+
+.hljs-annotation,
+.apache .hljs-sqbracket,
+.nginx .hljs-built_in {
+  color: #9B859D;
+}
+
+.hljs-preprocessor,
+.hljs-preprocessor *,
+.hljs-pragma {
+  color: #8996A8 !important;
+}
+
+.hljs-hexcolor,
+.css .hljs-value .hljs-number {
+  color: #A5C261;
+}
+
+.hljs-title,
+.hljs-decorator,
+.css .hljs-function {
+  color: #FFC66D;
+}
+
+.diff .hljs-header,
+.hljs-chunk {
+  background-color: #2F33AB;
+  color: #E6E1DC;
+  display: inline-block;
+  width: 100%;
+}
+
+.diff .hljs-change {
+  background-color: #4A410D;
+  color: #F8F8F8;
+  display: inline-block;
+  width: 100%;
+}
+
+.hljs-addition {
+  background-color: #144212;
+  color: #E6E1DC;
+  display: inline-block;
+  width: 100%;
+}
+
+.hljs-deletion {
+  background-color: #600;
+  color: #E6E1DC;
+  display: inline-block;
+  width: 100%;
+}
+
+.coffeescript .javascript,
+.javascript .xml,
+.tex .hljs-formula,
+.xml .javascript,
+.xml .vbscript,
+.xml .css,
+.xml .hljs-cdata {
+  opacity: 0.7;
+}

data/app/controllers/caliber/application_controller.rb

@@ -0,0 +1,4 @@
+module Caliber
+  class ApplicationController < ActionController::Base
+  end
+end

data/app/controllers/caliber/caliber_controller.rb

@@ -0,0 +1,54 @@
+require 'css_parser'
+
+module Caliber
+  class CaliberController < Caliber::ApplicationController
+    include ::CssParser
+
+    layout 'caliber/application'
+
+    before_filter :require_local!
+
+    def index
+      @css_selectors = []
+
+      Rails.application.assets.each_file do |pathname|
+
+        next unless Rails.application.assets.content_type_of(pathname) == 'text/css'
+
+        parser = CssParser::Parser.new
+
+        begin
+          link = Rails.application.assets[pathname].to_s
+          parser.add_block! link
+
+          selectors = parser.to_enum(:each_selector).map do |selectors, declarations, specificity, media_types|
+            declarations = declarations.gsub ";", ";<br>"
+            {
+                pathname: pathname.to_s,
+                selector: selectors,
+                declarations: declarations,
+                specificity: specificity,
+                media_types: media_types
+            }
+          end
+
+          @css_selectors.concat selectors
+        rescue
+        end
+      end
+    end
+
+    private
+    def require_local!
+      unless local_request?
+        render :text => '<p>For security purposes, this information is only available to local requests.</p>', :status => :forbidden
+      end
+    end
+
+    def local_request?
+      Rails.application.config.consider_all_requests_local || request.local?
+    end
+
+  end
+end
+

data/app/views/caliber/caliber/index.html.erb

@@ -0,0 +1,189 @@
+<style type="text/css">
+    .result {
+        width: 500px;
+        padding: 10px;
+    }
+
+    .selector,
+    .selector > input {
+        font-size: 20px;
+        font-weight: bold;
+    }
+
+    .pathname,
+    .pathname > input {
+        color: grey;
+        font-size: 0.8em;
+    }
+
+    .mediatypes {
+        color: grey;
+        float:right;
+    }
+
+    .mediatypes input {
+        text-align: right;
+    }
+
+    .results-list {
+        list-style-type: none;
+        padding: 0;
+    }
+
+    .results-list > li:nth-child(odd)  {
+        background-color: #f9f9f9;
+    }
+
+    .results-list > li:hover {
+        background-color: #f5f5f5;
+    }
+
+    .filter {
+        background-color: lightgrey;
+    }
+
+    .filter input {
+        border: none;
+        background-color: lightgrey;
+        color: black;
+        border-bottom-width: 1px;
+        border-bottom-style: dashed;
+        border-bottom-color: grey;
+    }
+
+    .pathname > input {
+        width: 350px;
+    }
+    .selector > input {
+        width: 300px;
+    }
+</style>
+
+<div class="result filter">
+  <div class="mediatypes">
+    <input type="text" id='mediatype' value='' placeholder='media type'>
+  </div>
+  <div class="selector">
+    <input type="text" id='selector' value='' placeholder='css selector'>
+  </div>
+  <div class="pathname">
+    <input type="text" id='pathname' placeholder='css file path'>
+  </div>
+</div>
+
+<ul class="results-list">
+
+</ul>
+
+<div class="template-result" style="display:none;">
+  <li class="result">
+    <div class="mediatypes"></div>
+    <div class="selector"></div>
+    <div class="pathname"></div>
+  </li>
+</div>
+
+<script type="text/javascript">
+    $(function(){
+        var data = <%= @css_selectors.to_json.html_safe %>;
+
+        window.gg = data;
+
+        function debounce(fn, delay) {
+            var timer = null;
+            return function () {
+                var context = this, args = arguments;
+                clearTimeout(timer);
+                timer = setTimeout(function () {
+                    fn.apply(context, args);
+                }, delay);
+            };
+        }
+
+        var filterData = function() {
+            var filter_selector = $("#selector").val();
+            var filter_pathname = $("#pathname").val();
+            var filter_mediatype = $("#mediatype").val();
+            var max_results = 200;
+
+            var result = [];
+
+            for (var i = 0; i < data.length; i++) {
+                if (result.length >= max_results) {
+                    break;
+                }
+                var item = data[i];
+                if (item.selector.indexOf(filter_selector) != -1 &&
+                        item.pathname.indexOf(filter_pathname) != -1) {
+
+                    var media_match = false;
+                    for (var b = 0; b < item.media_types.length; b++) {
+                        if (item.media_types[b].indexOf(filter_mediatype) != -1) {
+                            media_match = true;
+                        }
+                    }
+
+                    if (media_match || (item.media_types.length == 0 && filter_mediatype.length == 0)) {
+                        item.index_id = i;
+                        result.push(item);
+                    }
+                }
+            }
+
+            return result;
+        }
+
+        var render = function(list) {
+            var results_list = $('.results-list');
+            var template = $('.template-result');
+            template = $(template.html());
+
+            results_list.html('');
+            for (var i = 0; i < list.length; i++) {
+                var item = list[i];
+
+                var html = template.clone();
+                html.data('index-id', item.index_id)
+                html.find('.selector').text(item.selector);
+                html.find('.pathname').text(item.pathname);
+                html.find('.mediatypes').text(item.media_types.join(','));
+
+                results_list.append(html);
+            }
+
+        }
+
+        $('.filter').on('keyup', 'input', debounce(function(){
+            var filteredData = filterData();
+            render(filteredData);
+        }, 500));
+
+
+        var last_mouse_enter = null;
+        $('.results-list').on('mouseenter', 'li', function(e) {
+            $(last_mouse_enter).popover('destroy');
+
+            last_mouse_enter = this;
+
+            var elem = $(last_mouse_enter);
+            var item = data[elem.data('index-id')];
+
+            var html = '<pre><code class="css">';
+            html += item.selector + ' {\n ';
+            html += item.declarations;
+            html += '};';
+            html += '</code></pre>';
+
+            elem.popover({
+                html: true,
+                content: html,
+                trigger: 'manual',
+                animation: false,
+            }).popover('show');
+
+            $('pre code').each(function(i, e) {hljs.highlightBlock(e)});
+
+        });
+    });
+
+</script>

data/app/views/layouts/caliber/application.html.erb

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <title>Caliber of CSS rules</title>
+
+  <%= csrf_meta_tags %>
+
+  <%= javascript_include_tag 'http://code.jquery.com/jquery-1.11.0.min.js' %>
+  <%= javascript_include_tag "caliber/application" %>
+  <%= stylesheet_link_tag "caliber/railscasts.css" %>
+
+  <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
+  <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
+
+</head>
+<body>
+
+<%= yield %>
+
+</body>
+</html>

data/caliber.gemspec

@@ -0,0 +1,26 @@
+
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'caliber/version'
+
+Gem::Specification.new do |gem|
+  gem.name          = "caliber"
+  gem.version       = Caliber::VERSION
+  gem.authors       = ["Anton Katunin"]
+  gem.email         = ["katunin.anton+rubygems@gmail.com"]
+  gem.description   = %q{Caliber is a Rails engine that shows css classes}
+  gem.summary       = %q{Caliber is a Rails engine that shows css classes.}
+  gem.homepage      = "https://github.com/antulik/caliber"
+  gem.license       = "MIT"
+
+  gem.files         = `git ls-files`.split($/)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.require_paths = ["lib"]
+
+  gem.add_dependency "rails", ">= 3.2"
+  gem.add_dependency "css_parser", ">= 1.3.5"
+
+  gem.add_development_dependency "rake"
+end

data/config/routes.rb

@@ -0,0 +1,4 @@
+Rails.application.routes.draw do
+  get "rails/css" => "caliber/caliber#index"
+  mount Caliber::Engine => "/caliber", :as => "caliber_engine"
+end

data/lib/caliber.rb

@@ -0,0 +1,23 @@
+require 'caliber/engine'
+
+module Caliber
+
+  begin
+    require 'rails/application/route_inspector'
+    ROUTE_INSPECTOR = Rails::Application::RouteInspector.new
+  rescue LoadError
+    require 'action_dispatch/routing/inspector'
+    ROUTE_INSPECTOR = ActionDispatch::Routing::RoutesInspector.new([])
+  end
+
+  def self.format_routes(routes = all_routes)
+    # ActionDispatch::Routing::RoutesInspector.new.collect_routes(_routes.routes)
+    ROUTE_INSPECTOR.send :collect_routes, routes
+  end
+
+  def self.all_routes
+    Rails.application.reload_routes!
+    Rails.application.routes.routes
+  end
+end
+

data/lib/caliber/engine.rb

@@ -0,0 +1,5 @@
+module Caliber
+  class Engine < Rails::Engine
+    isolate_namespace Caliber
+  end
+end

data/lib/caliber/version.rb

@@ -0,0 +1,3 @@
+module Caliber
+  VERSION = "0.0.1"
+end

metadata

@@ -0,0 +1,103 @@
+--- !ruby/object:Gem::Specification
+name: caliber
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Anton Katunin
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-03-09 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '3.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '3.2'
+- !ruby/object:Gem::Dependency
+  name: css_parser
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 1.3.5
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 1.3.5
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Caliber is a Rails engine that shows css classes
+email:
+- katunin.anton+rubygems@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- README.md
+- Rakefile
+- app/assets/javascripts/caliber/application.js
+- app/assets/javascripts/caliber/caliber.js
+- app/assets/javascripts/caliber/highlight.pack.js
+- app/assets/stylesheets/caliber/railscasts.css
+- app/controllers/caliber/application_controller.rb
+- app/controllers/caliber/caliber_controller.rb
+- app/views/caliber/caliber/index.html.erb
+- app/views/layouts/caliber/application.html.erb
+- caliber.gemspec
+- config/routes.rb
+- lib/caliber.rb
+- lib/caliber/engine.rb
+- lib/caliber/version.rb
+homepage: https://github.com/antulik/caliber
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: Caliber is a Rails engine that shows css classes.
+test_files: []