sassmagic 0.1.0

data/lib/sassmagic/utils.rb

@@ -0,0 +1,428 @@
+## use base.sass
+## $ git clone https://github.com/jsw0528/base.sass && cd base.sass && rake
+## License
+## Licensed under the [MIT License](http://www.opensource.org/licenses/mit-license.php).
+
+#env
+module Sass::Script::Functions
+
+  # Returns the value of environment variable associated with the given name.
+  # Returns null if the named variable does not exist.
+  #
+  # Examples:
+  # env(SASS_ENV) => development
+  # env(sass_env) => development
+  # env(sass-env) => development
+  def env(name)
+    assert_type name, :String
+    ruby_to_sass(ENV[name.value.gsub('-', '_').upcase])
+  end
+
+  # Returns the config associated with the given name.
+  # Configs are be grouped by `SASS_ENV` environment.
+  #
+  # Examples:
+  # $app-config: (
+  #   development: (
+  #     foo: bar
+  #   ),
+  #   production: (
+  #     foo: baz
+  #   )
+  # );
+  #
+  # $ sass --watch -r base.sass src:dist
+  # app-config(foo) => bar
+  #
+  # $ SASS_ENV=production sass --watch -r base.sass src:dist
+  # app-config(foo) => baz
+  def app_config(name)
+    assert_type name, :String
+# debugger
+    config = environment.global_env.var('app-config')
+    return null unless config.is_a? Sass::Script::Value::Map
+
+    config = map_get(config, env(identifier('sass-env')))
+
+    map_get(config, name)
+  end
+
+end
+
+#strftime
+module Sass::Script::Functions
+
+  # Formats time according to the directives in the given format string.
+  # Read more: http://www.ruby-doc.org/core-2.1.1/Time.html#method-i-strftime
+  #
+  # Examples:
+  # strftime()             => 1399392214
+  # strftime('%FT%T%:z')   => 2014-05-07T00:03:34+08:00
+  # strftime('at %I:%M%p') => at 12:03AM
+  def strftime(format = nil)
+    time = Time.now.localtime
+
+    if format
+      assert_type format, :String
+      identifier(time.strftime(format.value))
+    else
+      identifier(time.to_i.to_s)
+    end
+  end
+
+end
+
+#sass_to_ruby
+module Sass::Script::Functions
+
+  protected
+
+  def sass_to_ruby(obj)
+    return to_ruby_hash(obj) if obj.is_a? Sass::Script::Value::Map
+    return to_ruby_array(obj) if obj.is_a? Sass::Script::Value::List
+    return obj.inspect if obj.is_a? Sass::Script::Value::Color
+    obj.value
+  end
+
+  def to_ruby_hash(sass_map)
+    sass_map.to_h.inject({}) do |memo, (k, v)|
+      memo[k.to_s] = sass_to_ruby(v)
+      memo
+    end
+  end
+
+  def to_ruby_array(sass_list)
+    sass_list.to_a.map do |item|
+      sass_to_ruby(item)
+    end
+  end
+
+end
+
+#ruby_to_sass
+module Sass::Script::Functions
+
+  protected
+
+  def ruby_to_sass(obj)
+    return bool(obj) if obj.is_a?(TrueClass) || obj.is_a?(FalseClass)
+    return null if obj.nil?
+    return number(obj) if obj.is_a? Numeric
+    return to_sass_list(obj) if obj.is_a? Array
+    return to_sass_map(obj) if obj.is_a? Hash
+    identifier(obj.to_s)
+  end
+
+  def to_sass_map(ruby_hash)
+    sass_map = map({})
+
+    ruby_hash.each do |k, v|
+      sass_map = map_merge(
+          sass_map,
+          map(Hash[identifier(k.to_s), ruby_to_sass(v)])
+      )
+    end
+
+    sass_map
+  end
+
+  def to_sass_list(ruby_array)
+    list(ruby_array.map { |item|
+       ruby_to_sass(item)
+     }, :comma)
+  end
+
+end
+
+
+#inline_image 取图片base64编码
+# module Sass::Script::Functions::InlineImage
+#
+#   def inline_image(path, mime_type = nil)
+#     # path = path.value
+#     # real_path = File.join(Compass.configuration.images_path, path)
+#     inline_image_string(data(path), compute_mime_type(path, mime_type))
+#   end
+#
+#   protected
+#   def inline_image_string(data, mime_type)
+#     data = [data].flatten.pack('m').gsub("\n","")
+#     url = "url('data:#{mime_type};base64,#{data}')"
+#     unquoted_string(url)
+#   end
+#
+#   private
+#   def compute_mime_type(path, mime_type = nil)
+#     return mime_type.value if mime_type
+#     case path
+#       when /\.png$/i
+#         'image/png'
+#       when /\.jpe?g$/i
+#         'image/jpeg'
+#       when /\.gif$/i
+#         'image/gif'
+#       when /\.svg$/i
+#         'image/svg+xml'
+#       when /\.otf$/i
+#         'font/opentype'
+#       when /\.eot$/i
+#         'application/vnd.ms-fontobject'
+#       when /\.ttf$/i
+#         'font/truetype'
+#       when /\.woff$/i
+#         'application/font-woff'
+#       when /\.off$/i
+#         'font/openfont'
+#       when /\.([a-zA-Z]+)$/
+#         "image/#{Regexp.last_match(1).downcase}"
+#       else
+#         raise Sass.logger.debug("A mime type could not be determined for #{path}, please specify one explicitly.")
+#     end
+#   end
+#
+#   def data(real_path)
+#     debugger
+#     if File.readable?(real_path)
+#       File.open(real_path, "rb") {|io| io.read}
+#     else
+#       raise Sass.logger.debug("File not found or cannot be read: #{real_path}")
+#     end
+#   end
+#
+# end
+#url重写
+module Sass::Script::Functions
+  # include Sass::Script::Functions::InlineImage
+  # declare :inline_image, [], var_args: true, var_kwargs: true
+  FONT_TYPES = {
+      eot: 'embedded-opentype',
+      woff: 'woff',
+      ttf: 'truetype',
+      svg: 'svg'
+  }
+
+  MIME_TYPES = {
+      png: 'image/png',
+      jpg: 'image/jpeg',
+      jpeg: 'image/jpeg',
+      gif: 'image/gif',
+      eot: 'application/vnd.ms-fontobject',
+      woff: 'application/font-woff',
+      ttf: 'font/truetype',
+      svg: 'image/svg+xml'
+  }
+
+  PATH_REGEX = /^(.*)(\.\w+)(\??[^#]*)(#?.*)$/
+
+  # Reinforce the official `url()` in CSS to support multi url and data url.
+  # Activates only when all paths are wrapped with quotes.
+  #
+  # Examples:
+  # url(http://a.com/b.png)      => url(http://a.com/b.png) # Did nothing
+  # url('http://a.com/b.png')    => url(http://a.com/b.png?1399394203)
+  # url('a.png', 'b.png')        => url(a.png?1399394203), url(b.png?1399394203)
+  # url('a.eot#iefix', 'b.woff') => url(a.eot?1399394203#iefix) format('embedded-opentype'), url(b.woff?1399394203) format('woff')
+  #
+  # url('a.png', $timestamp: false)   => url(a.png)
+  # url('a.png', $timestamp: '1.0.0') => url(a.png?1.0.0)
+  #
+  # $app-config: (timestamp: '1.0.0');
+  # url('a.png') => url(a.png?1.0.0)
+  #
+  # $app-config: (timestamp: 'p1');
+  # url('a.png', $timestamp: 'p0') => url(a.png?p0)
+  #
+  # url('a.png', $base64: true) => url(data:image/png;base64,iVBORw...)
+  def url(*paths)
+    # debugger
+    kwargs = paths.last.is_a?(Hash) ? paths.pop : {}
+    raise Sass::SyntaxError, 'url() needs one path at least' if paths.empty?
+
+    encode = kwargs['base64'] == bool(true)
+    ts = timestamp(kwargs['timestamp'])
+
+    paths = paths.map { |path| sass_to_ruby(path) }.flatten
+    .map { |path| to_url(path, encode, ts) }
+
+    list(paths, :comma)
+  end
+  declare :url, [], var_args: true, var_kwargs: true
+
+
+  private
+
+  def timestamp(ts)
+    # no kwargs
+    if ts.nil?
+      cfg = app_config(identifier('timestamp'))
+      ts = cfg == null ? bool(true) : cfg
+    end
+
+    return nil unless ts.to_bool
+    return strftime.value if ts.is_a? Sass::Script::Value::Bool
+    ts.value.to_s
+  end
+
+  def sign(query)
+    case query.size
+      when 0
+        '?'
+      when 1
+        ''
+      else
+        '&'
+    end
+  end
+
+  def to_url(path, encode, ts)
+    output = "url(#{path})"
+    # debugger
+    $configHash = load_json(File.expand_path("#{File.dirname(options[:filename])}/sassmagic.json")) || Hash.new
+    if path.is_a?(String) && path =~ PATH_REGEX
+
+      path, ext, query, anchor = $1 + $2, $2[1..-1].downcase.to_sym, $3, $4
+
+      if MIME_TYPES.key? ext
+        # 网络地址
+        if path =~ /^(http:|https:)\/\//
+          output = output_path(path, ext, query, anchor, ts)
+        else
+          if $configHash["imageMaxSize"]
+            #替换图片地址
+            output = if encode
+                       output_data(path, ext)
+                     else
+                       #替换图片
+                       # debugger
+                       filesize = File.size(File.expand_path("#{File.dirname(options[:filename])}/#{path}"))
+                       if filesize < $configHash["imageMaxSize"].to_i
+                         output_data(path, ext)
+                       else
+                         path = change_path(path)
+                         output_path(path, ext, query, anchor, ts)
+                       end
+                     end
+          else
+            output = if encode
+                       output_data(path, ext)
+                     else
+                       output_path(path, ext, query, anchor, ts)
+                     end
+          end
+        end
+
+
+      end
+
+    end
+
+    if output.is_a? Array
+      list(output, :space)
+    else
+      identifier(output)
+    end
+  end
+
+  def output_data(path, ext)
+    data = [read_file(File.expand_path(File.expand_path("#{File.dirname(options[:filename])}/#{path}")))].pack('m').gsub(/\s/, '')
+    "url(data:#{MIME_TYPES[ext]};base64,#{data})"
+  end
+
+  def output_path(path, ext, query, anchor, ts)
+    query += sign(query) + ts unless ts.nil?
+
+    output = "url(#{path}#{query}#{anchor})"
+    return output unless FONT_TYPES.key? ext
+
+    [identifier(output), identifier("format('#{FONT_TYPES[ext]}')")]
+  end
+  def change_path(path)
+    # debugger
+    $configHash["imagesPath"] ||= Hash.new
+    if $configHash["imagesPath"].has_key?(File.expand_path("#{File.dirname(options[:filename])}/#{path}"))
+      return $configHash["imagesPath"][File.expand_path("#{File.dirname(options[:filename])}/#{path}")]
+    end
+    # 调用上传任务
+    # debugger
+    nodetask = $configHash["imageLoader"] || false
+    taskargs = File.expand_path("#{File.dirname(options[:filename])}/#{path}")
+    # debugger
+    if nodetask && File::exists?( File.expand_path("#{File.dirname(options[:filename])}/#{nodetask}") )
+      task = system('node '+File.expand_path("#{File.dirname(options[:filename])}/#{nodetask}")+' '+File.expand_path("#{File.dirname(options[:filename])}/sassmagic.json")+' '+taskargs)
+      if task
+        # puts 'nodetask success'
+        $configHash = load_json(File.expand_path("#{File.dirname(options[:filename])}/sassmagic.json"))
+        $configHash["imagesPath"] ||= Hash.new
+        if $configHash["imagesPath"].has_key?(path)
+          return $configHash["imagesPath"][path]
+        else
+          return path
+        end
+      else
+        # puts 'nodetask faile'
+        if $configHash["imagesPath"].has_key?(path)
+          return $configHash["imagesPath"][path]
+        else
+          return path
+        end
+      end
+    else
+      if $configHash["imagesPath"].has_key?(path)
+        return $configHash["imagesPath"][path]
+      else
+        return path
+      end
+    end
+
+
+
+  end
+end
+
+
+#parse_json load_json read_file
+require 'json'
+
+module Sass::Script::Functions
+
+  $cached_files = {}
+
+  # Parses a local json file, returns a map, and the result will be cached.
+  # If the `path` is not a absolute path, relative to current process directory.
+  #
+  # Examples:
+  # parse-json('~/Desktop/example.json')
+  # parse-json('package.json')
+  def parse_json(path)
+    assert_type path, :String
+    path = File.expand_path(path.value)
+
+    if $cached_files.key? path
+      Sass.logger.debug "Reading file from cache: #{path}"
+      $cached_files[path]
+    else
+      $cached_files[path] = ruby_to_sass(load_json(path))
+    end
+  end
+
+
+  #protected
+
+  def load_json(path)
+    if File::exists?( path )
+      JSON.load(
+          read_file(File.expand_path(path)).to_s.gsub(/(\\r|\\n)/, '')
+      )
+    end
+  end
+
+  def read_file(path)
+    raise Sass::SyntaxError, "File not found or cannot be read: #{path}" unless File.readable? path
+
+    Sass.logger.debug "Reading file: #{path}"
+    File.open(path, 'rb') { |f| f.read }
+  end
+end
+
+
+

data/lib/sassmagic.rb

@@ -0,0 +1,20 @@
+load_path = File.expand_path(File.join(File.dirname(__FILE__), '..', 'stylesheets'))
+
+# Register on the Sass path via the environment.
+ENV['SASS_PATH'] = [ENV['SASS_PATH'], load_path].compact.join(File::PATH_SEPARATOR)
+ENV['SASS_ENV'] ||= 'development'
+
+# Register as a Compass extension.
+# begin
+#   require 'compass'
+#   Compass::Frameworks.register('sassmagic', stylesheets_directory: load_path)
+# rescue LoadError
+# end
+
+$:.unshift"#{File.dirname(__FILE__)}"
+# require 'debugger'
+# debugger
+# require 'sass'
+require 'sassmagic/utils'
+require 'sassmagic/reset'
+

data/stylesheets/sassmagic/_+.scss

@@ -0,0 +1,10 @@
+//used by base.scss
+@import 'functions/support';
+@import 'functions/list';
+@import 'mixins/placeholder-wrapper';
+@import 'mixins/clearfix';
+@import 'mixins/ellipsis-overflow';
+@import 'mixins/float';
+@import 'mixins/font-face';
+@import 'mixins/image';
+@import 'mixins/inline-block';

data/stylesheets/sassmagic/functions/_list.scss

@@ -0,0 +1,27 @@
+@function comma-list($list: ()) {
+  @return join((), $list, comma);
+}
+
+
+@function slice($list, $min: 1, $max: length($list)) {
+  $output: comma-list();
+  $length: length($list);
+
+  @if $max < 0 {
+    $max: $length + $max + 1;
+  }
+
+  @if $max > $length {
+    $max: $length;
+  }
+
+  @if $min >= 1 and $min <= $length and
+      $max >= 1 and $max <= $length and
+      $min <= $max {
+    @for $i from $min through $max {
+      $output: append($output, nth($list, $i));
+    }
+  }
+
+  @return $output;
+}

data/stylesheets/sassmagic/functions/_support.scss

@@ -0,0 +1,14 @@
+// Examples:
+// support-browser(ios)
+// support-browser(ie 8)
+@function support-browser($args) {
+  @if length($args) == 1 {
+    @return map-has-key($browser-supports, to-lower-case($args));
+  }
+  @else {
+    @return not not index(
+      map-get($browser-supports, to-lower-case(nth($args, 1))),
+      nth($args, 2)
+    );
+  }
+}

data/stylesheets/sassmagic/mixins/_clearfix.scss

@@ -0,0 +1,19 @@
+@mixin clearfix {
+  $colon: unquote(if(support-browser(ie 8), ':', '::')) !global;
+
+  @include placeholder-wrapper('clearfix') {
+    &#{$colon}before,
+    &#{$colon}after {
+      content: '\20';
+      display: table;
+    }
+
+    &#{$colon}after {
+      clear: both;
+    }
+
+    @if support-browser(ie 7) {
+      *zoom: 1;
+    }
+  }
+}

data/stylesheets/sassmagic/mixins/_ellipsis-overflow.scss

@@ -0,0 +1,7 @@
+@mixin ellipsis-overflow {
+  @include placeholder-wrapper('ellipsis-overflow') {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}

data/stylesheets/sassmagic/mixins/_float.scss

@@ -0,0 +1,8 @@
+@mixin float($side, $important: false) {
+  $flag: if($important, ' !important', '');
+
+  float: unquote($side) + $flag;
+  @if support-browser(ie 6) {
+    _display: inline + $flag;
+  }
+}

data/stylesheets/sassmagic/mixins/_font-face.scss

@@ -0,0 +1,20 @@
+@mixin font-face($font-family, $paths...) {
+  $ie9-url: null;
+
+  @if support-browser(ie 9) {
+    @each $path in $paths {
+      @if str-index($path, '.eot') {
+        $i: str-index($path, '#');
+        $end: if($i, $i - 1, str-length($path));
+        $ie9-url: nth(nth(url(str-slice($path, 1, $end)), 1), 1);
+      }
+    }
+  }
+
+  @font-face {
+    font-family: $font-family;
+    @content;
+    src: $ie9-url;
+    src: url($paths);
+  }
+}

data/stylesheets/sassmagic/mixins/_image.scss

@@ -0,0 +1,19 @@
+@mixin img-retina {
+  @media
+  only screen and (-webkit-min-device-pixel-ratio: 2),
+  only screen and (   min--moz-device-pixel-ratio: 2),
+  only screen and (     -o-min-device-pixel-ratio: 2/1),
+  only screen and (        min-device-pixel-ratio: 2),
+  only screen and (                min-resolution: 192dpi),
+  only screen and (                min-resolution: 2dppx) {
+    @content;
+  }
+}
+
+@mixin img-responsive($display: block) {
+  @include placeholder-wrapper('img-responsive', $display) {
+    display: $display;
+    max-width: 100%;
+    height: auto;
+  }
+}

data/stylesheets/sassmagic/mixins/_inline-block.scss

@@ -0,0 +1,8 @@
+@mixin inline-block {
+  display: inline-block;
+
+  @if support-browser(ie 7) {
+    *display: inline;
+    *zoom: 1;
+  }
+}

data/stylesheets/sassmagic/mixins/_placeholder-wrapper.scss

@@ -0,0 +1,15 @@
+$anonymous-placeholders: ();
+
+@mixin placeholder-wrapper($name, $args...) {
+  $times: map-get($anonymous-placeholders, ($name, $args)) or 0;
+  $anonymous-placeholders: map-merge($anonymous-placeholders, (($name, $args): $times + 1)) !global;
+  $index: index($anonymous-placeholders, (($name, $args) ($times + 1)));
+
+  @if $times == 0 {
+    @at-root %-#{$name}-#{$index} {
+      @content;
+    }
+  }
+
+  @extend %-#{$name}-#{$index};
+}

metadata

@@ -0,0 +1,85 @@
+--- !ruby/object:Gem::Specification
+name: sassmagic
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+  prerelease: 
+platform: ruby
+authors:
+- ringself
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-02-04 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.3.0
+    - - <
+      - !ruby/object:Gem::Version
+        version: '3.5'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.3.0
+    - - <
+      - !ruby/object:Gem::Version
+        version: '3.5'
+description: Awesome features that you wanted
+email: ringself@163.com
+executables:
+- sassmagic
+extensions: []
+extra_rdoc_files: []
+files:
+- bin/sassmagic
+- lib/sassmagic/reset.rb
+- lib/sassmagic/utils.rb
+- lib/sassmagic.rb
+- stylesheets/sassmagic/_+.scss
+- stylesheets/sassmagic/functions/_list.scss
+- stylesheets/sassmagic/functions/_support.scss
+- stylesheets/sassmagic/mixins/_clearfix.scss
+- stylesheets/sassmagic/mixins/_ellipsis-overflow.scss
+- stylesheets/sassmagic/mixins/_float.scss
+- stylesheets/sassmagic/mixins/_font-face.scss
+- stylesheets/sassmagic/mixins/_image.scss
+- stylesheets/sassmagic/mixins/_inline-block.scss
+- stylesheets/sassmagic/mixins/_placeholder-wrapper.scss
+- Changelog.md
+- Readme.md
+homepage: https://github.com/ringself/sassmagic
+licenses:
+- MIT
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '1.9'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.23.2
+signing_key: 
+specification_version: 3
+summary: Awesome Extensions For Sass
+test_files: []
+has_rdoc: