gridpaper 0.0.5

data/lib/Guardfile

@@ -0,0 +1,147 @@
+require 'gridpaper'
+require 'colorize'
+require 'guard/guard'
+require 'sass'
+
+module ::Guard
+  class GridpaperSass < ::Guard::Guard
+
+    DEFAULTS = {
+      :output       => 'css',     # Output directory
+      :notification => true,      # Enable notifications?
+      :shallow      => false,     # Output nested directories?
+      :style        => :nested,   # Nested output
+      :debug_info   => false,     # File and line number info for FireSass
+      :noop         => false,     # Do no write output file
+      :hide_success => false,     # Do not show success message
+      :load_paths   => Dir.glob('**/**').find_all {|i| File.directory?(i) }
+    }
+
+    def initialize(watchers = [], options = {})
+      if options[:input]
+        options[:output] = options[:input] unless options.has_key?(:output)
+        watchers << ::Guard::Watcher.new(%r{^#{options.delete(:input)}/(.+\.s[ac]ss)$})
+      end
+
+      super(watchers, DEFAULTS.merge(options))
+    end
+
+
+    # Builds the sass or scss. Determines engine to use by extension
+    # of path given.
+    #
+    # @param file [String] path to file to build
+    # @return [String] the output css
+    #
+    def build_sass(file)
+      content = File.new(file).read
+      # sass or scss?
+      type = file[-4..-1].to_sym
+      sass_options = {
+        :syntax => type,
+        :load_paths => options[:load_paths],
+        :style => options[:style].to_sym,
+        :debug_info => options[:debug_info],
+      }
+
+      ::Sass::Engine.new(content, sass_options).render
+    end
+
+    # Get the file path to output the css based on the file being
+    # built.
+    #
+    # @param file [String] path to file being built
+    # @return [String] path to file where output should be written
+    #
+    def get_output(file)
+      folder = File.join ::Guard.listener.directory, options[:output]
+
+      unless options[:shallow]
+        watchers.product([file]).each do |watcher, file|
+          if matches = file.match(watcher.pattern)
+            if matches[1]
+              folder = File.join(::Guard.listener.directory, options[:output], File.dirname(matches[1])).gsub(/\/\.$/, '')
+              break
+            end
+          end
+        end
+      end
+
+      FileUtils.mkdir_p folder
+      r = File.join folder, File.basename(file).split('.')[0]
+      r << '.css'
+    end
+
+    def ignored?(path)
+      File.basename(path)[0,1] == "_"
+    end
+
+    # ================
+    # = Guard method =
+    # ================
+
+    # Build all files being watched
+    def run_all
+      run_on_change(Watcher.match_files(self, Dir.glob(File.join('**', '[^_]*.*'))))
+    end
+
+    # Build the files given
+    def run_on_change(paths)
+      partials = paths.select { |f| ignored?(f) }
+      return run_all unless partials.empty?
+
+      changed_files = paths.reject{ |f| ignored?(f) }.map do |file|
+        css_file = get_output(file)
+        begin
+          contents = build_sass(file)
+          if contents
+            message = options[:noop] ? "verified #{file}" : "rebuilt #{file}"
+
+            File.open(css_file, 'w') {|f| f.write(contents) } unless options[:noop]
+            ::Guard::UI.info "-> #{message}", :reset => true
+            if options[:notification] && !options[:hide_success]
+              ::Guard::Notifier.notify(message, :title => "Guard::Sass", :image => :success)
+            end
+          end
+          css_file
+        rescue ::Sass::SyntaxError => e
+          ::Guard::UI.error "Sass > #{e.sass_backtrace_str(file)}"
+          ::Guard::Notifier.notify(
+            (options[:noop] ? 'validation' : 'rebuild') + " failed > #{e.sass_backtrace_str(file)}",
+             :title => "Guard::Sass",
+             :image => :error
+           ) if options[:notification]
+          nil
+        end
+      end.compact
+      notify changed_files
+    end
+
+    def notify(changed_files)
+      ::Guard.guards.reject{ |guard| guard == self }.each do |guard|
+        paths = Watcher.match_files(guard, changed_files)
+        guard.run_on_change paths unless paths.empty?
+      end
+    end
+
+  end
+end
+
+
+
+# input = File.join(Gridpaper::Watch::DIR, 'stylesheets')
+# output = File.join(Gridpaper::Watch::DIR, 'stylesheets')
+puts "#{ Gridpaper::Watch.input_path } => #{ Gridpaper::Watch.output_path }".light_red
+
+guard 'gridpaper-sass', :input => Gridpaper::Watch.input_path, :output => Gridpaper::Watch.output_path do
+  # watch %r{^(s[ac]ss)/(.+\.s[ac]ss)$}
+  watch %r{^(.+\.s[ac]ss)$}
+end
+
+# guard 'sass',
+#   :input => Gridpaper::Watch.input_path,
+#   :output => Gridpaper::Watch.output_path,
+#   :style => :compact,
+#   :debug_info_ => true do
+#   watch %r{^(.+\.s[ac]ss)$}
+# end

data/lib/gridpaper.rb

@@ -0,0 +1,95 @@
+require 'rubygems'
+require 'gridpaper/version'
+require 'commander/import'
+require 'fileutils'
+require 'yaml'
+require 'colorize'
+require 'guard'
+# require 'guard-sass'
+
+module Gridpaper
+  class Generate
+
+    # Add Gridpaper to your project
+    def initialize(path, stylesheets_dir="stylesheets", syntax=:sass)
+
+      destination = File.join(path, stylesheets_dir)
+      puts stylesheets_dir.cyan
+      copy_files_to(destination, syntax.to_s)
+
+
+    end
+
+    private
+
+    def copy_files_to(destination, syntax)
+      template_dir = File.expand_path(File.join(File.dirname(__FILE__), '../', 'templates', syntax.to_s))
+      template_dir_dest = File.join(destination, syntax)
+      project_dir = Dir.pwd
+
+      if File.exists?(template_dir_dest)
+        output(template_dir_dest, :skipped)
+      else
+        FileUtils.mkdir_p(template_dir_dest)
+        output(template_dir_dest, :created)
+      end
+
+      # Get a listing of all files and folders in the
+      # templates directory for the specified syntax
+      Dir.chdir(File.expand_path(template_dir))
+      files = Dir['**/*']
+      puts files
+      Dir.chdir(project_dir)
+
+      files.each do |file|
+        src = File.join(template_dir, file)
+        dest = File.join(template_dir_dest, file)
+
+        if File.exists?(dest)
+          output(dest.to_s, :skipped)
+        else
+          FileUtils.mkdir_p(dest) if File.directory?(src)
+          FileUtils.cp(src, dest) unless File.directory?(src)
+          output(dest.to_s, :created)
+        end
+
+      end
+    end
+
+    def output(message, status)
+      puts "#{ status.to_s }: #{ message }".to_s.green if status == :created
+      puts "#{ status.to_s }: #{ message } (exists)".to_s.yellow if status == :skipped
+      puts "#{ status.to_s }: #{ message }".to_s.red if status == :failed
+    end
+  end
+
+  class Watch
+
+
+    def initialize(input, output)
+      # working_dir = Dir.pwd
+      @@output_path = output
+      @@input_path = input
+
+      guardfile = File.expand_path(File.join(File.dirname(__FILE__), 'Guardfile'))
+      # puts guardfile.cyan
+
+      # Guard.setup
+      # Guard::Dsl.evaluate_guardfile(:guardfile => guardfile)
+      # Guard::Dsl.local_guardfile_path(guardfile)
+      # puts Guard::Dsl.guardfile_path.cyan
+
+      Guard.start(:guardfile => guardfile, :watchdir => input)
+    end
+
+    def self.output_path
+      return @@output_path
+    end
+
+    def self.input_path
+      return @@input_path
+    end
+
+  end
+
+end

data/lib/gridpaper/version.rb

@@ -0,0 +1,3 @@
+module Gridpaper
+  VERSION = "0.0.5"
+end

data/lib/guard/gridpaper-watch.rb

@@ -0,0 +1,129 @@
+require 'guard'
+require 'guard/guard'
+require 'guard/watcher'
+
+require 'sass'
+
+module Guard
+  class GridpaperWatch < Guard
+
+    DEFAULTS = {
+      :output       => 'css',     # Output directory
+      :notification => true,      # Enable notifications?
+      :shallow      => false,     # Output nested directories?
+      :style        => :nested,   # Nested output
+      :debug_info   => false,     # File and line number info for FireSass
+      :noop         => false,     # Do no write output file
+      :hide_success => false,     # Do not show success message
+      :load_paths   => Dir.glob('**/**').find_all {|i| File.directory?(i) }
+    }
+
+    def initialize(watchers = [], options = {})
+      if options[:input]
+        options[:output] = options[:input] unless options.has_key?(:output)
+        watchers << ::Guard::Watcher.new(%r{^#{options.delete(:input)}/(.+\.s[ac]ss)$})
+      end
+
+      super(watchers, DEFAULTS.merge(options))
+    end
+
+
+    # Builds the sass or scss. Determines engine to use by extension
+    # of path given.
+    #
+    # @param file [String] path to file to build
+    # @return [String] the output css
+    #
+    def build_sass(file)
+      content = File.new(file).read
+      # sass or scss?
+      type = file[-4..-1].to_sym
+      sass_options = {
+        :syntax => type,
+        :load_paths => options[:load_paths],
+        :style => options[:style].to_sym,
+        :debug_info => options[:debug_info],
+      }
+
+      ::Sass::Engine.new(content, sass_options).render
+    end
+
+    # Get the file path to output the css based on the file being
+    # built.
+    #
+    # @param file [String] path to file being built
+    # @return [String] path to file where output should be written
+    #
+    def get_output(file)
+      folder = File.join ::Guard.listener.directory, options[:output]
+
+      unless options[:shallow]
+        watchers.product([file]).each do |watcher, file|
+          if matches = file.match(watcher.pattern)
+            if matches[1]
+              folder = File.join(::Guard.listener.directory, options[:output], File.dirname(matches[1])).gsub(/\/\.$/, '')
+              break
+            end
+          end
+        end
+      end
+
+      FileUtils.mkdir_p folder
+      r = File.join folder, File.basename(file).split('.')[0]
+      r << '.css'
+    end
+
+    def ignored?(path)
+      File.basename(path)[0,1] == "_"
+    end
+
+    # ================
+    # = Guard method =
+    # ================
+
+    # Build all files being watched
+    def run_all
+      run_on_change(Watcher.match_files(self, Dir.glob(File.join('**', '[^_]*.*'))))
+    end
+
+    # Build the files given
+    def run_on_change(paths)
+      partials = paths.select { |f| ignored?(f) }
+      return run_all unless partials.empty?
+
+      changed_files = paths.reject{ |f| ignored?(f) }.map do |file|
+        css_file = get_output(file)
+        begin
+          contents = build_sass(file)
+          if contents
+            message = options[:noop] ? "verified #{file}" : "rebuilt #{file}"
+
+            File.open(css_file, 'w') {|f| f.write(contents) } unless options[:noop]
+            ::Guard::UI.info "-> #{message}", :reset => true
+            if options[:notification] && !options[:hide_success]
+              ::Guard::Notifier.notify(message, :title => "Guard::Sass", :image => :success)
+            end
+          end
+          css_file
+        rescue ::Sass::SyntaxError => e
+          ::Guard::UI.error "Sass > #{e.sass_backtrace_str(file)}"
+          ::Guard::Notifier.notify(
+            (options[:noop] ? 'validation' : 'rebuild') + " failed > #{e.sass_backtrace_str(file)}",
+             :title => "Guard::Sass",
+             :image => :error
+           ) if options[:notification]
+          nil
+        end
+      end.compact
+      notify changed_files
+    end
+
+    def notify(changed_files)
+      ::Guard.guards.reject{ |guard| guard == self }.each do |guard|
+        paths = Watcher.match_files(guard, changed_files)
+        guard.run_on_change paths unless paths.empty?
+      end
+    end
+
+  end
+end

data/templates/examples/_columns.sass

@@ -0,0 +1,46 @@
+.column
+  height: 100px
+  margin-bottom: 16px
+  background-color: $light-grey
+  border: 1px solid $medium-grey
+
+
+#columns-1
+  .column
+    @include column
+    @include span(24, -2px)
+
+#columns-2
+  .column
+    @include column
+    @include span(12, -2px)
+
+#columns-3
+  .column
+    @include column
+    @include span(8, -2px)
+
+#columns-4
+  .column
+    @include column
+    @include span(6, -2px)
+
+#columns-6
+  .column
+    @include column
+    @include span(4, -2px)
+
+#columns-8
+  .column
+    @include column
+    @include span(3, -2px)
+
+#columns-12
+  .column
+    @include column
+    @include span(2, -2px)
+
+#columns-24
+  .column
+    @include column
+    @include span(1, -2px)

data/templates/sass/_settings.sass

@@ -0,0 +1,7 @@
+// Define your own grid
+$grid-columns: 24
+$grid-column-width: 24px
+$grid-gutter-width: 16px
+
+// Set your base font size
+$base-font-size: 16px

data/templates/sass/gridpaper/_all.sass

@@ -0,0 +1 @@
+@import reset, grid, effects, forms

data/templates/sass/gridpaper/_effects.sass

@@ -0,0 +1,31 @@
+@mixin border-radius($radii, $ie: false)
+  -webkit-border-radius: $radii
+  -moz-border-radius: $radii
+  -ms-border-radius: $radii
+  -o-border-radius: $radii
+  border-radius: $radii
+  -moz-background-clip: padding
+  -webkit-background-clip: padding-box
+  background-clip: padding-box
+  @if $ie
+    position: relative
+    behavior: url(/javascripts/PIE.htc)
+
+@mixin box-shadow($style, $ie: false)
+  -webkit-box-shadow: $style
+  -moz-box-shadow: $style
+  -ms-box-shadow: $style
+  -o-box-shadow: $style
+  box-shadow: $style
+  @if $ie
+    behavior: url(/javascripts/PIE.htc)
+
+@mixin box-gradient($from, $to)
+  background-color: mix($from, $to)
+  background-image: -webkit-gradient(linear, left top, left bottom, from($from), to($to))
+  background-image: -webkit-linear-gradient(top, $from, $to)
+  background-image: -moz-linear-gradient(top, $from, $to)
+  background-image: -ms-linear-gradient(top, $from, $to)
+  background-image: -o-linear-gradient(top, $from, $to)
+  background-image: linear-gradient(top, $from, $to)
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#{ $from }", EndColorStr="#{ $to }")