unused_css 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 313295e4c474b843705e8d12a7bd397969e64605
+  data.tar.gz: 39e1a472f668e1323bb94700bbca0a686ca965b4
+SHA512:
+  metadata.gz: 7bd5203d64675e585294ad55a6774d8429c642c68868943896ac4bec673ad44f043174df6e0fece37bfa376f86252eac5b9e44ea33ccad2e2be0ca4f93e058e6
+  data.tar.gz: ecc113b62ddfe035ae389c54779f79ee7d4bafc8c3942de5e19930110dd17d220b904c2fef735489150de79331fd162c013615b64b3651be715cd45cee11b9a3

data/.gitignore

@@ -0,0 +1,2 @@
+log/
+tmp/

data/.ruby-gemset

@@ -0,0 +1 @@
+unused-css

data/.ruby-version

@@ -0,0 +1 @@
+2.0.0

data/.travis.yml

@@ -0,0 +1,6 @@
+before_install:
+  - "export DISPLAY=:99.0"
+  - "sh -e /etc/init.d/xvfb start"
+
+script:
+  - "bundle exec cucumber features"

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+gemspec
+

data/Gemfile.lock

@@ -0,0 +1,63 @@
+PATH
+  remote: .
+  specs:
+    unused_css (0.0.1)
+      css_parser
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    addressable (2.3.5)
+    builder (3.2.2)
+    childprocess (0.5.1)
+      ffi (~> 1.0, >= 1.0.11)
+    css_parser (1.3.5)
+      addressable
+    cucumber (1.3.10)
+      builder (>= 2.1.2)
+      diff-lcs (>= 1.1.3)
+      gherkin (~> 2.12)
+      multi_json (>= 1.7.5, < 2.0)
+      multi_test (>= 0.0.2)
+    daemons (1.1.9)
+    diff-lcs (1.2.5)
+    eventmachine (1.0.3)
+    ffi (1.9.3)
+    gherkin (2.12.2)
+      multi_json (~> 1.3)
+    multi_json (1.8.4)
+    multi_test (0.0.3)
+    rack (1.5.2)
+    rack-protection (1.5.2)
+      rack
+    rake (10.1.0)
+    rubyzip (1.1.0)
+    selenium-webdriver (2.39.0)
+      childprocess (>= 0.2.5)
+      multi_json (~> 1.0)
+      rubyzip (~> 1.0)
+      websocket (~> 1.0.4)
+    sinatra (1.4.4)
+      rack (~> 1.4)
+      rack-protection (~> 1.4)
+      tilt (~> 1.3, >= 1.3.4)
+    thin (1.6.1)
+      daemons (>= 1.0.9)
+      eventmachine (>= 1.0.0)
+      rack (>= 1.0.0)
+    tilt (1.4.1)
+    watir-webdriver (0.6.7)
+      selenium-webdriver (>= 2.18.0)
+    websocket (1.0.7)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  bundler (~> 1.3)
+  cucumber
+  rake
+  sinatra
+  thin
+  unused_css!
+  watir-webdriver

data/README.md

@@ -0,0 +1,6 @@
+Unused CSS
+==========
+
+[![Build Status](https://travis-ci.org/christemple/unused-css.png?branch=master)](https://travis-ci.org/christemple/unused-css)
+
+A Ruby gem, built from a need, to watch a suite of functional tests and gather all of the unused CSS styles.

data/Rakefile

@@ -0,0 +1,37 @@
+require 'rake'
+require "bundler/gem_tasks"
+
+desc "Start the application"
+task :default do
+  start_application!
+end
+
+def start_application!
+  stop_application! if application_running?
+
+  fail "Failed to start app" unless system "thin start -d -p 3000" 
+  wait_until do
+    application_running?
+  end
+end
+
+def stop_application!
+  system "kill -9 #{application_process_id}"
+end
+
+def application_running?
+  not `lsof -i tcp:3000 | grep LISTEN`.empty?
+end
+
+def application_process_id
+  `lsof -i tcp:3000 | grep LISTEN`.split[1]
+end
+
+def wait_until timeout=60
+  start_time = Time.now
+  until Time.now > start_time + timeout
+    return if yield
+    sleep 0.5
+  end
+  raise "action took too long"
+end

data/app.rb

@@ -0,0 +1,9 @@
+require "sinatra"
+
+get '/' do
+  erb :index
+end
+
+get '/multiple' do
+  erb :multiple
+end

data/config.ru

@@ -0,0 +1,3 @@
+require './app'
+
+run Sinatra::Application

data/features/home_page.feature

@@ -0,0 +1,26 @@
+Feature: Home page
+
+  Scenario: Going to a page with a single stylesheet
+    Given I go to the home page
+    Then I should see style '#heading' was used
+    Then I should see style '.sub-heading' was not used
+
+
+  Scenario: Going to a page with more than one stylesheet
+    Given I go to a page with 2 stylesheets
+    Then I should see style '#heading' was used
+    Then I should see style '.notification' was used
+    Then I should see style '.sub-heading' was not used
+    Then I should see style '.sub-heading span' was not used
+    Then I should see style '.old-error' was not used
+
+
+  Scenario: Going to a page with styles for hover state
+    Given I go to a page with 2 stylesheets
+    Then I should see style '#heading' was used
+    Then I should see style '.notification' was used
+    Then I should see style '.notification:hover' was used
+    Then I should see style '.sub-heading' was not used
+    Then I should see style '.sub-heading span' was not used
+    Then I should see style '.old-error' was not used
+

data/features/step_definitions/navigation_steps.rb

@@ -0,0 +1,7 @@
+Given "I go to the home page" do
+  $browser.goto('http://localhost:3000')
+end
+
+Given "I go to a page with 2 stylesheets" do
+  $browser.goto('http://localhost:3000/multiple')
+end

data/features/step_definitions/observation_steps.rb

@@ -0,0 +1,11 @@
+Then "I should see '$text'" do |text|
+  fail "Can't find #{text}" unless $browser.text.include? text
+end
+
+Then "I should see style '$style' was used" do |style|
+  fail "#{style} style was not used" if $unused_css.stylesheets.styles.include? style
+end
+
+Then "I should see style '$style' was not used" do |style|
+  fail "#{style} style was used" unless $unused_css.stylesheets.styles.include? style
+end

data/features/support/env.rb

@@ -0,0 +1,12 @@
+require "watir-webdriver"
+require "unused_css"
+
+system "rake"
+
+$browser = Watir::Browser.new
+$unused_css = UnusedCSS::Watcher.new
+$unused_css.watch! $browser
+
+at_exit do
+  $browser.close
+end

data/lib/unused_css/stylesheet.rb

@@ -0,0 +1,47 @@
+require "css_parser"
+
+class Stylesheet
+  attr_accessor :uri, :styles, :parser
+
+  def initialize (uri)
+    @styles = Set.new
+    @uri = uri
+    parse_styles!
+  end
+
+  def parse_styles!
+    @parser = CssParser::Parser.new
+    @parser.load_uri! @uri
+    @parser.each_selector { |styles| @styles << styles }
+  end
+
+  def remove_pseudo_styles!
+    @styles.delete_if { |style| style.match /::?[\w\-]+/ }
+  end
+end
+
+
+class Stylesheets
+  attr_accessor :stylesheets
+
+  def initialize
+    @stylesheets = []
+  end
+
+  def add uris
+    uris = Array(uris)
+    uris.each { |uri| @stylesheets << Stylesheet.new(uri) unless already_included? uri }
+  end
+
+  def already_included? uri
+    @stylesheets.any? { |stylesheet| stylesheet.uri == uri }
+  end
+
+  def [](uri)
+    @stylesheets.find { |stylesheet| stylesheet.uri == uri }
+  end
+
+  def styles
+    @stylesheets.inject(Set.new) {|styles, stylesheet| styles.merge stylesheet.styles }
+  end
+end

data/lib/unused_css/version.rb

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

data/lib/unused_css.rb

@@ -0,0 +1,29 @@
+require "unused_css/version"
+require "unused_css/stylesheet"
+
+module UnusedCSS
+  class Watcher
+    attr_accessor :stylesheets
+
+    def initialize
+      @stylesheets = Stylesheets.new
+    end
+
+    def watch!(watir_browser)
+      unused_css_block = Proc.new do |unused_css|
+        @unused_css = unused_css
+        def goto(uri)
+          super(uri)
+          stylesheets = elements(tag_name: 'link').map {|stylesheet| stylesheet.attribute_value('href') }
+          @unused_css.stylesheets.add stylesheets
+          stylesheets.each do |stylesheet|
+            stylesheet = @unused_css.stylesheets[stylesheet]
+            stylesheet.styles.delete_if {|style| self.element(css: style).exist? }
+            stylesheet.remove_pseudo_styles!
+          end
+        end
+      end
+      watir_browser.instance_exec self, &unused_css_block
+    end
+  end
+end

data/public/stylesheets/multiple.css

@@ -0,0 +1,14 @@
+.notification {
+    color: red;
+    font-size: 40px;
+}
+
+.notification:hover {
+    color: white;
+    background-color: red;
+}
+
+.old-error {
+    color: yellow;
+    font-size: 60px;
+}

data/public/stylesheets/style.css

@@ -0,0 +1,14 @@
+#heading {
+    font-size: 32px;
+    line-height: 36px;
+}
+
+.sub-heading {
+    font-size: 24px;
+    line-height: 28px;
+}
+
+.sub-heading span{
+    font-size: 24px;
+    line-height: 28px;
+}

data/unused-css.iml

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="RUBY_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/log" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="jdk" jdkName="RVM: ruby-2.0.0-p247 [unused-css]" jdkType="RUBY_SDK" />
+    <orderEntry type="sourceFolder" forTests="false" />
+    <orderEntry type="library" scope="PROVIDED" name="addressable (v2.3.5, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="builder (v3.2.2, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="bundler (v1.3.5, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="childprocess (v0.5.1, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="css_parser (v1.3.5, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="cucumber (v1.3.10, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="daemons (v1.1.9, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="diff-lcs (v1.2.5, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="eventmachine (v1.0.3, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="ffi (v1.9.3, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="gherkin (v2.12.2, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="multi_json (v1.8.4, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="multi_test (v0.0.3, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="rack (v1.5.2, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="rack-protection (v1.5.2, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="rake (v10.1.1, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="rubyzip (v1.1.0, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="selenium-webdriver (v2.39.0, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="sinatra (v1.4.4, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="thin (v1.6.1, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="tilt (v1.4.1, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="watir-webdriver (v0.6.8, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="websocket (v1.0.7, RVM: ruby-2.0.0-p247 [unused-css]) [gem]" level="application" />
+  </component>
+</module>
+

data/unused_css.gemspec

@@ -0,0 +1,29 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'unused_css/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "unused_css"
+  spec.version       = UnusedCSS::VERSION
+  spec.authors       = ["Chris Temple"]
+  spec.email         = ["temple3188@gmail.com"]
+  spec.description   = %q{A Ruby gem, built from a need, to watch a suite of functional tests and gather all of the unused CSS styles.}
+  spec.summary       = spec.description
+  spec.homepage      = "https://github.com/christemple/unused-css"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($/)
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_runtime_dependency "css_parser"
+
+  spec.add_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rake"
+  spec.add_development_dependency "sinatra"
+  spec.add_development_dependency "thin"
+  spec.add_development_dependency "cucumber"
+  spec.add_development_dependency "watir-webdriver"
+end

data/views/index.erb

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Unused CSS</title>
+    <link rel="stylesheet" href="/stylesheets/style.css"/>
+</head>
+<body>
+    <div id="heading">Very nice</div>
+    <div class="old-error">No such style for old-error in style.css</div>
+</body>
+</html>

data/views/multiple.erb

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Unused CSS</title>
+    <link rel="stylesheet" href="/stylesheets/style.css"/>
+    <link rel="stylesheet" href="/stylesheets/multiple.css"/>
+</head>
+<body>
+    <div id="heading">Very nice</div>
+    <div class="notification">Oops</div>
+</body>
+</html>

metadata

@@ -0,0 +1,171 @@
+--- !ruby/object:Gem::Specification
+name: unused_css
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Chris Temple
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-03-02 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: css_parser
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !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'
+- !ruby/object:Gem::Dependency
+  name: sinatra
+  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'
+- !ruby/object:Gem::Dependency
+  name: thin
+  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'
+- !ruby/object:Gem::Dependency
+  name: cucumber
+  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'
+- !ruby/object:Gem::Dependency
+  name: watir-webdriver
+  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: A Ruby gem, built from a need, to watch a suite of functional tests and
+  gather all of the unused CSS styles.
+email:
+- temple3188@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- .ruby-gemset
+- .ruby-version
+- .travis.yml
+- Gemfile
+- Gemfile.lock
+- README.md
+- Rakefile
+- app.rb
+- config.ru
+- features/home_page.feature
+- features/step_definitions/navigation_steps.rb
+- features/step_definitions/observation_steps.rb
+- features/support/env.rb
+- lib/unused_css.rb
+- lib/unused_css/stylesheet.rb
+- lib/unused_css/version.rb
+- public/stylesheets/multiple.css
+- public/stylesheets/style.css
+- unused-css.iml
+- unused_css.gemspec
+- views/index.erb
+- views/multiple.erb
+homepage: https://github.com/christemple/unused-css
+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.0.6
+signing_key: 
+specification_version: 4
+summary: A Ruby gem, built from a need, to watch a suite of functional tests and gather
+  all of the unused CSS styles.
+test_files:
+- features/home_page.feature
+- features/step_definitions/navigation_steps.rb
+- features/step_definitions/observation_steps.rb
+- features/support/env.rb