xass 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: a8f62893deffb14c5336993042570b50eb1c89f9
-  data.tar.gz: 6b545559331994315eb64a82c16e1e1ad53246f7
+  metadata.gz: b3674f0947497b99eaaebcb7ebc6f3899fe1c065
+  data.tar.gz: 90e1efc6b22306b3d7fc3866968b0749a6b1be2b
 SHA512:
-  metadata.gz: 2513d08eebcf256df6f291175cdeb2f0b4f268c6fe36bf0e9dfadf26c08f59af0891c2892bcdd45a42be8f2076acc278c0c66258d6f384195099b0ced6324eba
-  data.tar.gz: cee4bd797b3357aa4720171203f113b3b76966f839797b49e75a24eca482fc96ae2d0fb10922f8f983ab1818c2bfe5e0f1db7aafb0ba614df64a2f7853be9492
+  metadata.gz: 1dfb3c9eece994fc669314087cf8977bdceebf877a9f62946a414f7a8b56fdbeccc21f7d64c5ead5aa1672d37dcfaac84e9fcb4c7cc213526cc94613b7ccd00b
+  data.tar.gz: cbd50cc643080c1c13a9e2e1ff0bf077c25315d453d74e1a27936a3045843fffda3688b5c795b895589385c4a4de315298105850add4957174073bd771798ec8

data/.gitignore

@@ -0,0 +1,2 @@
+/*.gem
+/tmp

data/Gemfile

@@ -0,0 +1,9 @@
+source 'https://rubygems.org'
+
+gem 'activesupport'
+gem 'csspool'
+gem 'sass'
+
+group :test do
+  gem 'rspec'
+end

data/Gemfile.lock

@@ -0,0 +1,39 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    activesupport (4.1.5)
+      i18n (~> 0.6, >= 0.6.9)
+      json (~> 1.7, >= 1.7.7)
+      minitest (~> 5.1)
+      thread_safe (~> 0.1)
+      tzinfo (~> 1.1)
+    csspool (4.0.0)
+    diff-lcs (1.2.5)
+    i18n (0.6.11)
+    json (1.8.1)
+    minitest (5.4.0)
+    rspec (3.0.0)
+      rspec-core (~> 3.0.0)
+      rspec-expectations (~> 3.0.0)
+      rspec-mocks (~> 3.0.0)
+    rspec-core (3.0.4)
+      rspec-support (~> 3.0.0)
+    rspec-expectations (3.0.4)
+      diff-lcs (>= 1.2.0, < 2.0)
+      rspec-support (~> 3.0.0)
+    rspec-mocks (3.0.4)
+      rspec-support (~> 3.0.0)
+    rspec-support (3.0.4)
+    sass (3.4.0)
+    thread_safe (0.3.4)
+    tzinfo (1.2.2)
+      thread_safe (~> 0.1)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  activesupport
+  csspool
+  rspec
+  sass

data/README.md

@@ -1,201 +1,139 @@
-# Sass [![Gem Version](https://badge.fury.io/rb/sass.png)](http://badge.fury.io/rb/sass)
+##DESCRIPTION
 
-**Sass makes CSS fun again**. Sass is an extension of CSS3,
-adding nested rules, variables, mixins, selector inheritance, and more.
-It's translated to well-formatted, standard CSS
-using the command line tool or a web-framework plugin.
-
-Sass has two syntaxes. The new main syntax (as of Sass 3)
-is known as "SCSS" (for "Sassy CSS"),
-and is a superset of CSS3's syntax.
-This means that every valid CSS3 stylesheet is valid SCSS as well.
-SCSS files use the extension `.scss`.
-
-The second, older syntax is known as the indented syntax (or just "Sass").
-Inspired by Haml's terseness, it's intended for people
-who prefer conciseness over similarity to CSS.
-Instead of brackets and semicolons,
-it uses the indentation of lines to specify blocks.
-Although no longer the primary syntax,
-the indented syntax will continue to be supported.
-Files in the indented syntax use the extension `.sass`.
+Xass extend Rails with namespacing Sass classes
 
-## Using
-
-Sass can be used from the command line
-or as part of a web framework.
-The first step is to install the gem:
-
-    gem install sass
+##INSTALLATION
 
-After you convert some CSS to Sass, you can run
-
-    sass style.scss
-
-to compile it back to CSS.
-For more information on these commands, check out
-
-    sass --help
-
-To install Sass in Rails 2,
-just add `config.gem "sass"` to `config/environment.rb`.
-In Rails 3, add `gem "sass"` to your Gemfile instead.
-`.sass` or `.scss` files should be placed in `public/stylesheets/sass`,
-where they'll be automatically compiled
-to corresponding CSS files in `public/stylesheets` when needed
-(the Sass template directory is customizable...
-see [the Sass reference](http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#template_location-option) for details).
-
-Sass can also be used with any Rack-enabled web framework.
-To do so, just add
-
-    require 'sass/plugin/rack'
-    use Sass::Plugin::Rack
-
-to `config.ru`.
-Then any Sass files in `public/stylesheets/sass`
-will be compiled into CSS files in `public/stylesheets` on every request.
-
-To use Sass programmatically,
-check out the [YARD documentation](http://sass-lang.com/documentation/file.SASS_REFERENCE.html#using_sass).
-
-## Formatting
+We suppose you use Rails with sass-rails.
 
-Sass is an extension of CSS
-that adds power and elegance to the basic language.
-It allows you to use [variables][vars], [nested rules][nested],
-[mixins][mixins], [inline imports][imports],
-and more, all with a fully CSS-compatible syntax.
-Sass helps keep large stylesheets well-organized,
-and get small stylesheets up and running quickly,
-particularly with the help of
-[the Compass style library](http://compass-style.org).
+###Gemfile
 
-[vars]:    http://sass-lang.com/documentation/file.SASS_REFERENCE.html#variables_
-[nested]:  http://sass-lang.com/documentation/file.SASS_REFERENCE.html#nested_rules
-[mixins]:  http://sass-lang.com/documentation/file.SASS_REFERENCE.html#mixins
-[imports]: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#import
+```rb
+gem 'xass'
+```
 
-Sass has two syntaxes.
-The one presented here, known as "SCSS" (for "Sassy CSS"),
-is fully CSS-compatible.
-The other (older) syntax, known as the indented syntax or just "Sass",
-is whitespace-sensitive and indentation-based.
-For more information, see the [reference documentation][syntax].
-
-[syntax]: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#syntax
-
-To run the following examples and see the CSS they produce,
-put them in a file called `test.scss` and run `sass test.scss`.
-
-### Nesting
-
-Sass avoids repetition by nesting selectors within one another.
-The same thing works for properties.
-
-    table.hl {
-      margin: 2em 0;
-      td.ln { text-align: right; }
-    }
-
-    li {
-      font: {
-        family: serif;
-        weight: bold;
-        size: 1.2em;
-      }
-    }
-
-### Variables
-
-Use the same color all over the place?
-Need to do some math with height and width and text size?
-Sass supports variables, math operations, and many useful functions.
-
-    $blue: #3bbfce;
-    $margin: 16px;
-
-    .content_navigation {
-      border-color: $blue;
-      color: darken($blue, 10%);
-    }
+##USAGE
 
-    .border {
-      padding: $margin / 2;
-      margin: $margin / 2;
-      border-color: $blue;
-    }
+###Example 1
 
-### Mixins
-
-Even more powerful than variables,
-mixins allow you to re-use whole chunks of CSS,
-properties or selectors.
-You can even give them arguments. 
-
-    @mixin table-scaffolding {
-      th {
-        text-align: center;
-        font-weight: bold;
-      }
-      td, th { padding: 2px; }
-    }
-
-    @mixin left($dist) {
-      float: left;
-      margin-left: $dist;
-    }
-
-    #data {
-      @include left(10px);
-      @include table-scaffolding;
-    }
-
-A comprehensive list of features is available
-in the [Sass reference](http://sass-lang.com/documentation/file.SASS_REFERENCE.html).
-
-## Executables
-
-The Sass gem includes several executables that are useful
-for dealing with Sass from the command line.
-
-### `sass`
-
-The `sass` executable transforms a source Sass file into CSS.
-See `sass --help` for further information and options.
-
-### `sass-convert`
-
-The `sass-convert` executable converts between CSS, Sass, and SCSS.
-When converting from CSS to Sass or SCSS,
-nesting is applied where appropriate.
-See `sass-convert --help` for further information and options.
-
-## Authors
-
-Sass was envisioned by [Hampton Catlin](http://www.hamptoncatlin.com)
-(@hcatlin). However, Hampton doesn't even know his way around the code anymore
-and now occasionally consults on the language issues. Hampton lives in San
-Francisco, California and works as VP of Technology
-at [Moovweb](http://www.moovweb.com/).
-
-[Nathan Weizenbaum](http://nex-3.com) is the primary developer and architect of
-Sass. His hard work has kept the project alive by endlessly answering forum
-posts, fixing bugs, refactoring, finding speed improvements, writing
-documentation, implementing new features, and getting Hampton coffee (a fitting
-task for a boy-genius). Nathan lives in Seattle, Washington and works on
-[Dart](http://dartlang.org) application libraries at Google.
-
-[Chris Eppstein](http://acts-as-architect.blogspot.com) is a core contributor to
-Sass and the creator of Compass, the first Sass-based framework. Chris focuses
-on making Sass more powerful, easy to use, and on ways to speed its adoption
-through the web development community. Chris lives in San Jose, California with
-his wife and daughter. He is the Software Architect for
-[Caring.com](http://caring.com), a website devoted to the 34 Million caregivers
-whose parents are sick or elderly, that uses Haml and Sass.
-
-If you use this software, you must pay Hampton a compliment. And
-buy Nathan some jelly beans. Maybe pet a kitten. Yeah. Pet that kitty.
-
-Beyond that, the implementation is licensed under the MIT License.
-Okay, fine, I guess that means compliments aren't __required__.
+```sass
+// /app/assets/stylesheets/application.sass
+
+@import ./main/**/*
+```
+
+```sass
+// /app/assets/stylesheets/main/hoge/piyo/fuga.sass
+
+.hogehoge
+  width: 100px
+```
+
+This emits the following css.
+
+```css
+.hoge__piyo__fuga___hogehoge {
+  width: 100px;
+}
+```
+
+And,
+
+```haml
+-# /app/views/someview.html.haml
+
+= namespace :hoge, :piyo, :fuga do
+  %div{ class: ns(:hogehoge) }
+```
+
+Then, you can apply `width: 100px` to the `div` element.
+
+###Example 2
+
+You can use `root` class for convenience.
+
+```sass
+// /app/assets/stylesheets/application.sass
+
+@import ./main/**/*
+```
+
+```sass
+// /app/assets/stylesheets/main/hoge/piyo/fuga.sass
+
+.root
+  width: 10px
+
+.hogehoge
+  width: 100px
+```
+
+This emits the following css.
+
+```css
+.hoge__piyo__fuga {
+  width: 10px;
+}
+
+.hoge__piyo__fuga___hogehoge {
+  width: 100px;
+}
+```
+
+And,
+
+```haml
+-# /app/views/someview.html.haml
+
+= namespace :hoge, :piyo, :fuga do
+  %div{ class: ns_root }
+    %div{ class: ns(:hogehoge) }
+```
+
+You can also write as follows abbreviately.
+
+```haml
+-# /app/views/someview.html.haml
+
+= namespace_with_root :hoge, :piyo, :fuga do
+  %div{ class: ns(:hogehoge) }
+```
+
+###Example 3
+
+You can use `_` prefix for unnamespaced .
+
+```sass
+// /app/assets/stylesheets/application.sass
+
+@import ./main/**/*
+```
+
+```sass
+// /app/assets/stylesheets/main/hoge/piyo/fuga.sass
+
+.root
+  width: 10px
+
+.hogehoge
+  width: 100px
+
+._current
+  background-color: black
+```
+
+This emits the following css.
+
+```css
+.hoge__piyo__fuga {
+  width: 10px;
+}
+
+.hoge__piyo__fuga___hogehoge {
+  width: 100px;
+}
+
+.current {
+  background-color: black;
+}
+```

data/lib/initialize.rb

@@ -0,0 +1,8 @@
+require 'rubygems'
+require 'bundler/setup'
+
+require 'active_support/all'
+require 'csspool'
+require 'sass'
+
+ActiveSupport::Dependencies.autoload_paths << File.expand_path('../../lib', __FILE__)

data/lib/xass.rb

@@ -0,0 +1,67 @@
+require_relative 'initialize'
+
+module Sass
+  module Tree
+    class RootNode
+      alias :old_render :render
+
+      def render
+        old_render.split('/*').map { |x|
+          next x unless x.match(/^ line [0-9]+, /)
+          a, b = x.split("\n", 2)
+          m = a.match(/\/app\/assets\/stylesheets\/([^. ]+)\./)
+          next "#{a}\n#{b}" unless m
+          selector = class_replaced_selector(b.split("\n")[0].strip[0...-1].strip, class_prefix(m[1]))
+          "#{a}\n#{selector} {\n#{b.split("\n", 2)[1]}"
+        }.join('/*')
+      end
+
+      private
+
+      def class_replaced_selector(selector, class_prefix)
+        doc = CSSPool.CSS("#{selector} {}")
+        replace_class(doc, class_prefix)
+        doc_to_selector(doc)
+      end
+
+      def class_prefix(name)
+        names = name.split('/')
+        names = names[1..(names.index { |x| x.start_with?('!') } || -1)]
+        names.join('__')
+      end
+
+      def replace_class(doc, class_prefix)
+        doc.rule_sets[0].selectors.map do |selector|
+          selector.simple_selectors.each do |simple_selector|
+            simple_selector.additional_selectors.each do |additional_selector|
+              case additional_selector
+              when CSSPool::Selectors::Class
+                additional_selector.name = extended_selector(class_prefix, additional_selector.name)
+              when CSSPool::Selectors::PseudoClass
+                next unless additional_selector.extra
+                extra = class_replaced_selector(additional_selector.extra, class_prefix) rescue nil
+                additional_selector.extra = extra if extra
+              end
+            end
+          end
+        end
+      end
+
+      def doc_to_selector(doc)
+        doc.to_css.split("\n")[0][0...-1].strip.gsub(/\\[0-9]{6}/) do |c|
+          [c[1..-1].tr('0', '').to_i(16)].pack('U')
+        end
+      end
+
+      def extended_selector(class_prefix, klass)
+        if klass == 'root'
+          class_prefix
+        elsif klass.start_with?('_')
+          klass[1..-1]
+        else
+          "#{class_prefix}___#{klass}"
+        end
+      end
+    end
+  end
+end

data/spec/secrets.yml

@@ -0,0 +1,4 @@
+values:
+  test_key: test_value
+files:
+  test_file_key: test_file_value

data/spec/spec_helper.rb

@@ -0,0 +1,8 @@
+require 'bundler/setup'
+Bundler.setup
+
+require 'secros'
+
+def root_path
+  File.expand_path('../..', __FILE__)
+end

data/spec/test_spec.rb

@@ -0,0 +1,5 @@
+require 'spec_helper'
+
+describe 'test' do
+  it 'should succeed'
+end

data/template/secrets.yml

@@ -0,0 +1,2 @@
+values:
+files:

data/xass.gemspec

@@ -0,0 +1,15 @@
+Gem::Specification.new do |s|
+  s.name = 'xass'
+  s.version = '0.1.1'
+  s.authors = ['Tetsuri Moriya']
+  s.email = ['tetsuri.moriya@gmail.com']
+  s.summary = 'Sass namespace extension'
+  s.description = 'Namespace in sass'
+  s.homepage = 'https://github.com/pandora2000/xass'
+  s.license = 'MIT'
+  s.files = `git ls-files`.split("\n")
+  s.add_development_dependency 'rspec', '~> 0'
+  s.add_runtime_dependency 'activesupport', '~> 4.0'
+  s.add_runtime_dependency 'sass', '~> 0'
+  s.add_runtime_dependency 'csspool', '~> 0'
+end