compass-rails31 0.12.0.alpha.0.91a748a

data/features/extensions.feature

@@ -0,0 +1,30 @@
+Feature: Extensions
+  In order to have an open source ecosystem for stylesheets
+  As a compass user
+  I can install extensions that others have created
+  And I can create and publish my own extensions
+
+  @listframeworks
+  Scenario: Extensions directory for stand_alone projects
+    Given I am using the existing project in test/fixtures/stylesheets/compass
+    And the "extensions" directory exists
+    And and I have a fake extension at extensions/testing
+    When I run: compass frameworks
+    Then the list of frameworks includes "testing"
+
+  @listframeworks
+  Scenario: Extensions directory for rails projects
+    Given ruby supports fork
+    And I'm in a newly created rails project: my_rails_project
+    And the "my_rails_project/vendor/plugins/compass/extensions" directory exists
+    And and I have a fake extension at my_rails_project/vendor/plugins/compass/extensions/testing
+    When I run: compass frameworks
+    Then the list of frameworks includes "testing"
+
+  @listframeworks
+  Scenario: Shared extensions directory
+    Given I am using the existing project in test/fixtures/stylesheets/compass
+    And the "~/.compass/extensions" directory exists
+    And and I have a fake extension at ~/.compass/extensions/testing
+    When I run: compass frameworks
+    Then the list of frameworks includes "testing"

data/features/rails_integration.feature

@@ -0,0 +1,32 @@
+Feature: Rails Integration
+  In order to provide an integrated experience
+  As a Ruby on Rails user
+  I want to easily access the Compass functionality
+
+  Scenario: Configure Compass from my Application
+    Given I'm in a rails3.1 application named 'exemplar'
+     When I edit 'config/application.rb' and save it with the following value:
+          """
+          require File.expand_path('../boot', __FILE__)
+          require 'rails/all'
+          Bundler.require(:default, Rails.env) if defined?(Bundler)
+          module Exemplar
+            class Application < Rails::Application
+              config.encoding = "utf-8"
+              config.filter_parameters += [:password]
+          
+              config.compass.fonts_dir = "app/assets/fonts"
+            end
+          end
+          """
+      And I run: compass config -p fonts_dir
+     Then the command should print out "app/assets/fonts"
+  Scenario: Rails gets access to the compass config file
+    Given I'm in a rails3.1 application named 'exemplar'
+     When I edit 'config/compass.rb' and save it with the following value:
+          """
+          fonts_dir = "app/assets/fonts"
+          """
+      And I run: ruby -I. -rconfig/environment -e 'puts Compass.configuration.fonts_dir'
+     Then the command should print out "app/assets/fonts"
+      

data/features/step_definitions/command_line_steps.rb

@@ -0,0 +1,277 @@
+$:.unshift(File.expand_path(File.join(File.dirname(__FILE__), '../../test')))
+
+require 'test_helper'
+
+require 'compass/exec'
+include Compass::TestCaseHelper
+include Compass::CommandLineHelper
+include Compass::IoHelper
+include Compass::RailsHelper
+
+Before do
+  Compass.reset_configuration!
+  @cleanup_directories = []
+  @original_working_directory = Dir.pwd
+end
+ 
+After do
+  Dir.chdir @original_working_directory
+  @cleanup_directories.each do |dir|
+    FileUtils.rm_rf dir
+  end
+end
+
+Given "ruby supports fork" do
+  if RUBY_PLATFORM == "java"
+    pending
+  end
+end
+
+# Given Preconditions
+Given %r{^I am using the existing project in ([^\s]+)$} do |project|
+  tmp_project = "tmp_#{File.basename(project)}"
+  @cleanup_directories << tmp_project
+  FileUtils.cp_r project, tmp_project
+  Dir.chdir tmp_project
+end
+
+Given %r{^I am in the parent directory$} do
+  Dir.chdir ".."
+end
+
+Given %r{^I'm in a newly created rails project: (.+)$} do |project_name|
+  @cleanup_directories << project_name
+  begin
+    generate_rails_app project_name
+    Dir.chdir project_name
+  rescue LoadError
+    pending "Missing Ruby-on-rails gems: sudo gem install rails"
+  end
+end
+
+Given /^I should clean up the directory: (\w+)$/ do |directory|
+  @cleanup_directories << directory
+end
+
+Given %r{^the project has a file named "([^"]*)" containing:$} do |arg1, string|
+  File.open(arg1, "w") do |f|
+    f << string
+  end
+end
+
+
+# When Actions are performed
+When /^I create a project using: compass create ([^\s]+) ?(.+)?$/ do |dir, args|
+  @cleanup_directories << dir
+  compass 'create', dir, *(args || '').split
+end
+
+When /^I initialize a project using: compass init ?(.+)?$/ do |args|
+  compass 'init', *(args || '').split
+end
+
+When /^I run: compass ([^\s]+) ?(.+)?$/ do |command, args|
+  compass command, *(args || '').split
+end
+
+When /^I run in a separate process: compass ([^\s]+) ?(.+)?$/ do |command, args|
+  unless @other_process = fork 
+    @last_result = ''
+    @last_error = ''
+    Signal.trap("HUP") do
+      open('/tmp/last_result.compass_test.txt', 'w') do |file|
+        file.puts $stdout.string
+      end
+      open('/tmp/last_error.compass_test.txt', 'w') do |file|
+        file.puts $stderr.string
+      end
+      exit!
+    end
+    # this command will run forever
+    # we kill it with a HUP signal from the parent process.
+    args = (args || '').split
+    args << { :wait => 5 }
+    compass command, *args
+    exit!
+  end
+end
+
+When /^I shutdown the other process$/ do
+  Process.kill("HUP", @other_process)
+  Process.wait
+  @last_result = File.read('/tmp/last_result.compass_test.txt')
+  @last_error = File.read('/tmp/last_error.compass_test.txt')
+end
+
+When /^I touch ([^\s]+)$/ do |filename|
+  FileUtils.touch filename
+end
+
+When /^I wait ([\d.]+) seconds?$/ do |count|
+  sleep count.to_f
+end
+
+When /^I add some sass to ([^\s]+)$/ do |filename|
+  open(filename, "w+") do |file|
+    file.puts ".added .some .arbitrary"
+    file.puts "  sass: code"
+  end
+end
+
+# Then postconditions
+Then /^a directory ([^ ]+) is (not )?created$/ do |directory, negated|
+  File.directory?(directory).should == !negated
+end
+ 
+Then /an? \w+ file ([^ ]+) is (not )?removed/ do |filename, negated|
+  File.exists?(filename).should == !!negated
+end
+
+Then /an? \w+ file ([^ ]+) is (not )?created/ do |filename, negated|
+  File.exists?(filename).should == !negated
+end
+
+Then "the following files are reported removed:" do |table|
+  table.rows.each do |css_file|
+    #need to find a better way but this works for now
+    Then %Q{a css file #{css_file.first} is reported removed}
+  end
+end
+
+Then "the following files are removed:" do |table|
+  table.rows.each do |css_file|
+    Then %Q{a css file #{css_file.first} is removed}
+  end
+end
+
+Then /an? \w+ file ([^ ]+) is reported removed/ do |filename|
+  @last_result.should =~ /remove.*#{Regexp.escape(filename)}/
+end
+
+Then /an? \w+ file ([^ ]+) is reported created/ do |filename|
+  @last_result.should =~ /create.*#{Regexp.escape(filename)}/
+end
+
+Then /a \w+ file ([^ ]+) is (?:reported )?compiled/ do |filename|
+  @last_result.should =~ /compile.*#{Regexp.escape(filename)}/
+end
+
+Then /a \w+ file ([^ ]+) is reported unchanged/ do |filename|
+  @last_result.should =~ /unchanged.*#{Regexp.escape(filename)}/
+end
+
+Then /a \w+ file ([^ ]+) is reported identical/ do |filename|
+  @last_result.should =~ /identical.*#{Regexp.escape(filename)}/
+end
+
+Then /a \w+ file ([^ ]+) is reported overwritten/ do |filename|
+  @last_result.should =~ /overwrite.*#{Regexp.escape(filename)}/
+end
+
+Then /a \w+ file ([^ ]+) is not mentioned/ do |filename|
+  @last_result.should_not =~ /#{Regexp.escape(filename)}/
+end
+
+Then /I am told how to link to ([^ ]+) for media "([^"]+)"/ do |stylesheet, media|
+  @last_result.should =~ %r{<link href="#{stylesheet}" media="#{media}" rel="stylesheet" type="text/css" />}
+end
+
+Then /I am told how to conditionally link "([^"]+)" to ([^ ]+) for media "([^"]+)"/ do |condition, stylesheet, media|
+  @last_result.should =~ %r{<!--\[if #{condition}\]>\s+<link href="#{stylesheet}" media="#{media}" rel="stylesheet" type="text/css" />\s+<!\[endif\]-->}mi
+end
+
+Then /^an error message is printed out: (.+)$/ do |error_message|
+  @last_error.should =~ Regexp.new(Regexp.escape(error_message))
+end
+
+Then /^the command exits with a non\-zero error code$/ do
+  @last_exit_code.should_not == 0
+end
+
+Then /^the command exits normally$/ do
+  @last_exit_code.should == 0
+end
+
+Then /^I am congratulated$/ do
+  @last_result.should =~ /Congratulations!/
+end
+
+Then /^I am told that I can place stylesheets in the ([^\s]+) subdirectory$/ do |subdir|
+  @last_result.should =~ /You may now add sass stylesheets to the #{subdir} subdirectory of your project./
+end
+
+Then /^I am told how to compile my sass stylesheets$/ do
+  @last_result.should =~ /You must compile your sass stylesheets into CSS when they change.\nThis can be done in one of the following ways:/
+end
+
+Then /^I should be shown a list of "([^"]+)" commands$/ do |kind|
+  @last_result.should =~ /^#{kind.capitalize} Commands:$/
+  @last_command_list = []
+  found = false
+  indent = nil
+  @last_result.split("\n").each do |line|
+    if line =~ /^#{kind.capitalize} Commands:$/
+      found = true
+    elsif found && line =~ /^\s+/
+      @last_command_list << line
+    elsif found && line =~ /^$|^\w/
+      break
+    end
+  end
+
+end
+
+Then /^the list of commands should describe the ([^ ]+) command$/ do |command|
+  @last_result.should =~ /^\s+\* #{command}\s+- [A-Z].+$/
+end
+
+Then /^the following configuration properties are set in ([^ ]+):$/ do |config_file, table|
+  
+  config = Compass::Configuration::FileData.new_from_file(config_file)
+  table.hashes.each do |hash|
+   config.send(hash['property']).should == hash['value']
+  end
+end
+
+Then /^my css is validated$/ do
+  if @last_error =~ /The Compass CSS Validator could not be loaded/
+    pending "Missing Dependency: sudo gem install compass-validator"
+  else
+    @last_result.should =~ /files? validated/
+  end
+end
+
+Then /^I am informed that my css is valid.$/ do
+  @last_result.should =~ /Result: Valid/
+end
+
+Then /^I am told statistics for each file:$/ do |table|
+  # table is a Cucumber::Ast::Table
+  table.raw.each do |row|
+    re = Regexp.new row.join(' *\| *')
+    @last_result.should =~ re
+  end
+end
+
+Then /^I should see the following "([^"]+)" commands:$/ do |kind, table|
+
+
+  Then %Q{I should be shown a list of "#{kind}" commands}
+
+  commands = @last_command_list.map{|c| c =~ /^\s+\* ([^ ]+)\s+- [A-Z].+$/; [$1]}
+  table.diff!(commands)
+end
+     
+
+Then /^the image ([^ ]+) has a size of (\d+)x(\d+)$/ do |file, width, height| 
+  # see http://snippets.dzone.com/posts/show/805
+  IO.read(file)[0x10..0x18].unpack('NN').should == [width.to_i, height.to_i]
+end
+
+Then /^I should see the following lines of output:$/ do |table|
+  table.diff!([['blueprint'],['compass']])
+end
+
+Then /^I should see the following output: (.+)$/ do |expected|
+  (@last_result.strip + @last_error.strip).should == expected.gsub(/\$PROJECT_PATH/,Dir.pwd).strip
+end

data/features/step_definitions/extension_steps.rb

@@ -0,0 +1,22 @@
+Given /^the "([^\"]*)" directory exists$/ do |directory|
+  FileUtils.mkdir_p directory
+end
+
+Given /^and I have a fake extension at (.*)$/ do |directory|
+  FileUtils.mkdir_p File.join(directory, 'stylesheets')
+  FileUtils.mkdir_p File.join(directory, 'templates/project')
+  open(File.join(directory, 'templates/project/manifest.rb'),"w") do |f|
+    f.puts %Q{
+      description "This is a fake extension"
+
+      help "this is the fake help"
+
+      welcome_message "this is a fake welcome"
+    }
+  end
+end
+
+Then /^the list of frameworks includes "([^\"]*)"$/ do |framework|
+  @last_result.split("\n").map{|f| f.gsub(/(^\s+[*-]\s+)|(\s+$)/,'')}.should include(framework)
+end
+

data/frameworks/blueprint/stylesheets/_blueprint.scss

@@ -0,0 +1,37 @@
+@import "blueprint/colors";
+@import "blueprint/grid";
+@import "blueprint/typography";
+@import "blueprint/utilities";
+@import "blueprint/form";
+@import "blueprint/interaction";
+@import "blueprint/debug";
+@import "blueprint/print";
+@import "blueprint/ie";
+
+// ### Usage examples:
+//
+// As a top-level mixin, apply to any page that includes the stylesheet:
+// <pre class="source-code sass">
+// +blueprint
+// </pre>
+//
+// Scoped by a presentational class:
+// <pre class="source-code sass">
+// body.blueprint
+//   +blueprint(true)
+// </pre>
+//
+// Scoped by semantic selectors:
+// <pre class="source-code sass">
+// body#page-1, body#page-2, body.a-special-page-type
+//   +blueprint(true)
+// </pre>
+
+@mixin blueprint($nested: false) {
+  @include blueprint-typography($nested);
+  @include blueprint-utilities;
+  @include blueprint-grid;
+  @include blueprint-debug;
+  @include blueprint-interaction;
+  @include blueprint-form;
+}

data/frameworks/blueprint/stylesheets/blueprint/_buttons.scss

@@ -0,0 +1,101 @@
+@import "compass/css3/inline-block";
+@import "compass/utilities/general/float";
+
+// Button Font
+$blueprint-button-font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif !default;
+
+// Default Button Colors
+$blueprint-button-border-color:     #dedede !default;
+$blueprint-button-background-color: #f5f5f5 !default;
+$blueprint-button-font-color:       #565656 !default;
+
+// Default Button Hover Colors
+$blueprint-button-hover-border-color:     #c2e1ef !default;
+$blueprint-button-hover-background-color: #dff4ff !default;
+$blueprint-button-hover-font-color:       #336699 !default;
+
+// Default Button Active Colors
+$blueprint-button-active-border-color:     #6299c5 !default;
+$blueprint-button-active-background-color: #6299c5 !default;
+$blueprint-button-active-font-color:       white !default;
+
+//**
+// Sets the colors for a button
+// @param border-highlight-color
+//   The highlight color defaults to whatever is the value of the border-color but it's one shade lighter.
+@mixin button-colors(
+  $font-color: $blueprint-button-font-color,
+  $bg-color: $blueprint-button-background-color,
+  $border-color: $blueprint-button-border-color,
+  $border-highlight-color: $border-color + #101010
+) {
+  background-color: $bg-color;
+  border-color: $border-highlight-color $border-color $border-color $border-highlight-color;
+  color: $font-color;
+}
+
+//**
+// Sets the colors for a button in the active state
+// @param border-highlight-color
+//   The highlight color defaults to whatever is the value of the border-color but it's one shade lighter.
+@mixin button-active-colors(
+  $font-color: $blueprint-button-active-font-color,
+  $bg-color: $blueprint-button-active-background-color,
+  $border-color: $blueprint-button-active-border-color,
+  $border-highlight-color: $border-color + #101010
+) {
+  &:active {
+    @include button-colors($font-color, $bg-color, $border-color, $border-highlight-color);
+  }
+}
+
+//**
+// Sets the colors for a button in the hover state.
+// @param border-highlight-color
+//   The highlight color defaults to whatever is the value of the border-color but it's one shade lighter.
+@mixin button-hover-colors(
+  $font-color: $blueprint-button-hover-font-color,
+  $bg-color: $blueprint-button-hover-background-color,
+  $border-color: $blueprint-button-hover-border-color,
+  $border-highlight-color: $border-color + #101010
+) {
+  &:hover {
+    @include button-colors($font-color, $bg-color, $border-color, $border-highlight-color);
+  }
+}
+
+@mixin button-base($float: false) {
+  @if $float { @include float($float); display: block; }
+  @else      { @include inline-block; }
+  margin: 0.7em 0.5em 0.7em 0;
+  border-width: 1px; border-style: solid;
+  font-family: $blueprint-button-font-family; font-size: 100%; line-height: 130%; font-weight: bold;
+  text-decoration: none;
+  cursor: pointer;
+  img {
+    margin: 0 3px -3px 0 !important;
+    padding: 0;
+    border: none;
+    width: 16px;
+    height: 16px;
+    float: none;
+  }
+}
+
+@mixin anchor-button($float: false) {
+  @include button-base($float);
+  padding: 5px 10px 5px 7px;
+}
+
+@mixin button-button($float: false) {
+  @include button-base($float);
+  width: auto;
+  overflow: visible;
+  padding: 4px 10px 3px 7px;
+  &[type] {
+    padding: 4px 10px 4px 7px;
+    line-height: 17px; }
+  *:first-child+html &[type] {
+    padding: 4px 10px 3px 7px;
+  }
+}