pleeease 0.0.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 2b86367fcdb44b85ed44cf5ed552334e05635187
+  data.tar.gz: bf381afbe5a2b79e8ad068c5a92519f0b0407e9b
+SHA512:
+  metadata.gz: b288cf3992ac1e44c9bbf4e48a6de73e79ddf213a1aef0402c3a7fd4ea353f1a6db497852f7afa3ac8cb6787982d0b54fb6024a1f0d388f47ed5a2e8100a5b7e
+  data.tar.gz: b26047f39f56bb81c5fc6b01ee17a063644a392f968d3edc9f4553ef8fa7061701004f29df50c4b763b0e7b3095b0a6ee078fdc5176a042eae5113c7f232568a

data/.gitignore

@@ -0,0 +1,22 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in pleeeaserb.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Aurélien Noce
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,23 @@
+# Pleeease.rb
+
+This gem allows to use pleeease.js to process css in you rails app.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'pleeeaserb'
+
+And then execute:
+
+    $ bundle
+
+NOTE that this gem requires node on the machine.
+
+## Contributing
+
+1. Fork it ( https://github.com/ushu/pleeeaserb/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/lib/pleeease.rb

@@ -0,0 +1,9 @@
+module Pleeease
+  class Error < StandardError; end
+
+  autoload :Runner, 'pleeease/runner'
+  autoload :Processor, 'pleeease/processor'
+end
+
+require "pleeease/version"
+require "pleeease/railtie"

data/lib/pleeease/processor.rb

@@ -0,0 +1,13 @@
+module Pleeease
+
+  class Processor < Sprockets::Processor
+    def prepare
+      @runner ||= Runner.new(data)
+    end
+
+    def evaluate(context, locals, &block)
+      @runner.process
+    end
+
+  end
+end

data/lib/pleeease/railtie.rb

@@ -0,0 +1,10 @@
+module Pleeease
+
+  class Railtie < ::Rails::Railtie
+
+    initializer :setup_pleeease, group: :all do |app|
+      app.assets.register_preprocessor('text/css', Processor)
+    end
+
+  end
+end

data/lib/pleeease/runner.rb

@@ -0,0 +1,70 @@
+module Pleeease
+
+  class NodeRunner< Struct.new(:script, :environment)
+    def run
+      IO.popen(env, *cmd, "r+") do |f|
+        # write input to stdin
+        f.puts(script)
+        f.close_write
+
+        # pump stdout
+        lines = []
+        f.each do |line|
+          lines << line
+        end
+
+        lines.join
+      end
+    end
+
+    def env
+      environment || ENV
+    end
+
+    def cmd
+      [ 'node' ]
+    end
+
+  end
+
+  class Runner < Struct.new(:css)
+    NodePath = File.expand_path('../../../node_modules', __FILE__)
+
+    def process
+      node_runner.run
+    rescue e
+      raise Error.new("could not process the input file: #{e.message}")
+    end
+
+    private
+
+    def node_runner
+      NodeRunner.new(script, env)
+    end
+
+    def script
+      <<-EOS
+      var pleeease = require('pleeease'),
+          fs       = require('fs');
+
+        var css = "#{escape_js(css)}"
+
+        var options = {};
+        var fixed = pleeease.process(css, options);
+
+        console.log(fixed);
+      EOS
+    end
+
+    def env
+      { 'NODE_PATH' => NodePath }
+    end
+
+    JS_ESCAPE_MAP = { '\\' => '\\\\', '</' => '<\/', "\r\n" => '\n', "\n" => '\n', "\r" => '\n', '"' => '\\"', "'" => "\\'" }
+    def escape_js(javascript)
+      javascript.gsub(/(\|<\/|\r\n|\342\200\250|\342\200\251|[\n\r"'])/u) {|match| JS_ESCAPE_MAP[match] }
+    end
+
+  end
+
+end

data/lib/pleeease/version.rb

@@ -0,0 +1,3 @@
+module Pleeease
+  VERSION = "0.0.2"
+end

data/node_modules/.bin/pleeease

@@ -0,0 +1,13 @@
+#!/usr/bin/env node
+
+var program = require('commander'),
+	options = require('../lib/options');
+
+program.
+	command('compile [file...]', 'compile one more files (default: "' + options.input + '")').
+	command('watch [file...]', 'watch for changes and compile (default: "' + options.input + '")').
+	parse(process.argv);
+
+if (process.argv.length === 2) {
+	return program.help();
+};

data/node_modules/.bin/pleeease-compile

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+var cli       = require('../lib/cli'),
+	options   = require('../lib/options'),
+	program   = require('commander');
+
+program.
+	option('-t, to [file]', 'save compiled files to [file] (default: "' + options.output + '")', options.output).
+	parse(process.argv);
+
+var files = program.args;
+
+if (!files.length) {
+	files = options.input;
+};
+
+var inputs = files,
+	output = program.to;
+
+cli.init('compile', inputs, output);

data/node_modules/.bin/pleeease-watch

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+var cli       = require('../lib/cli'),
+	options   = require('../lib/options'),
+	program   = require('commander');
+
+program.
+	option('-t, to [file]', 'save compiled files to [file] (default: "' + options.output + '")', options.output).
+	parse(process.argv);
+
+var files = program.args;
+
+if (!files.length) {
+	files = options.input;
+};
+
+var inputs = files,
+	output = program.to;
+
+cli.init('watch', inputs, output);

data/node_modules/pleeease/.jshintignore

@@ -0,0 +1 @@
+node_modules

data/node_modules/pleeease/.jshintrc

@@ -0,0 +1,28 @@
+{
+    "node": true,
+    "browser": true,
+    "esnext": true,
+    "bitwise": true,
+    "camelcase": true,
+    "curly": true,
+    "eqeqeq": true,
+    "immed": true,
+    "indent": 4,
+    "latedef": false,
+    "newcap": true,
+    "noarg": true,
+    "quotmark": "single",
+    "undef": true,
+    "unused": true,
+    "strict": true,
+    "trailing": true,
+    "smarttabs": true,
+    "jquery": true,
+
+    "predef": [
+        "describe",
+        "expect",
+        "it",
+        "require"
+    ]
+}

data/node_modules/pleeease/.npmignore

@@ -0,0 +1,2 @@
+node_modules
+.DS_Store

data/node_modules/pleeease/README.md

@@ -0,0 +1,288 @@
+Pleeease
+======
+
+Postprocess CSS with ease.
+
+Pleeease is the best toolchain for your CSS. Just write DRY, future-proof CSS and Pleeease does the job for you.
+
+For now, it adds **prefixes**, **variables**, **pseudo-elements** and **`rem`** unit support, **packs same media-query** in one `@media` rule, **inline `@import`** styles and **minify the result**.
+
+Pleeease is based on [PostCSS](https://github.com/ai/postcss) postprocessor.
+
+http://pleeease.io
+
+##Example
+
+You write `foo.css`:
+
+```css
+@import url("bar.css");
+*,
+*::after,
+*::before {
+	box-sizing: border-box;
+}
+:root {
+	--color-primary: red;
+	--color-secondary: blue;
+}
+.elem {
+	font-size: 2rem;
+	background: var(--color-primary);
+	width: calc(100% - 50px);
+}
+@media screen and (min-width: 36em) {
+	.elem {
+		color: var(--color-secondary)
+	}
+}
+@media screen and (min-width: 36em) {
+	.classe {
+		background: linear-gradient(green, blue);
+	}
+}
+```
+
+You get `baz.css` (with all options set to `true`, except `minifier`)
+
+```css
+.bar {
+	/* imported styles */
+}
+/* pseudo-elements are converted */
+*,
+*:after,
+*:before {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+:root {
+	--color-primary: red;
+	--color-secondary: blue;
+}
+.elem {
+	font-size: 32px; /* fallback for rem support */
+	font-size: 2rem;
+	background: red; /* resolve variables */
+	width: -webkit-calc(100% - 50px); /* add prefixes */
+	width: calc(100% - 50px);
+}
+/* pack same media-queries */
+@media screen and (min-width: 36em) {
+	.elem {
+		color: blue
+	}
+	.classe {
+		background: -webkit-gradient(linear, left top, left bottom, from(green), to(blue));
+		background: -webkit-linear-gradient(green, blue);
+		background: linear-gradient(green, blue);
+	}
+}
+```
+
+##Installation
+
+	$ npm install pleeease
+
+##Usage
+
+###Programmatic
+
+```javascript
+var pleeease = require('pleeease'),
+	fs       = require('fs');
+
+var css = fs.readFileSync('app.css', 'utf8');
+
+// define options here
+var options = {};
+
+var fixed = pleeease.process(css, options);
+
+fs.writeFile('app.min.css', fixed, function (err) {
+  if (err) {
+    throw err;
+  }
+  console.log('File saved!');
+});
+```
+
+###CLI
+
+Install Pleeease globally
+
+	$ npm install -g pleeease
+
+Or use alternate syntax
+
+	$ node ./bin/pleeease
+
+Compile all CSS files from the root projet to `app.min.css`
+
+	$ pleeease compile
+	$ pleeease compile *.css to app.min.css
+
+Compile `foo.css` to `bar.css`
+
+	$ pleeease compile foo.css to bar.css
+
+Compile multiple files to `app.min.css`
+
+	$ pleeease compile foo.css bar.css
+
+Compile `css/` folder to `public/css/app.min.css` (if folders doesn't exist, they will be created)
+
+	$ pleeease compile css/ to public/css/app.min.css
+
+You can also `watch` (with the same syntax) for live compilation.
+
+	$ pleeease watch foo.css
+
+Pleeease options can be set in a `.pleeeaserc` file (JSON-like), for example:
+
+```javascript
+{
+	"input": ["foo.css"],
+	"output": "bar.css",
+	"fallbacks": {
+		"autoprefixer": true
+	},
+	"optimizers": {
+		"minifier": false
+	}
+}
+```
+
+* `input` is an array of files (default `[*.css]`)
+* `output` is the path to the compiled file (default `app.min.css`)
+
+For other options, see below.
+
+###With Brunch
+
+If you're using [Brunch](http://brunch.io), see [pleeease-brunch](https://github.com/iamvdo/pleeease-brunch)
+
+##Options
+
+These are the default options for now:
+
+* `fallbacks`:
+	* `autoprefixer`: `true`
+	* `variables`: `true`
+	* `rem`: `true`
+	* `pseudoElements`: `true`
+* `optimizers`:
+	* `import`: `true`
+	* `minifier`: `true`
+	* `mqpacker`: `true`
+
+All options can be disabled with `false` keyword or modified using each postprocessor options.
+
+###fallbacks.autoprefixer
+
+Add support for [Autoprefixer](https://github.com/ai/autoprefixer) that add vendor prefixes to CSS. Add options as an array:
+
+```javascript
+// set options
+var options = {
+	fallbacks: {
+		autoprefixer: ['last 4 versions', 'Android 2.3']
+	}
+}
+```
+
+```javascript
+// .pleeeaserc file
+{
+	"fallbacks": {
+		"autoprefixer": ["last 4 versions", "Android 2.3"]
+	}
+}
+```
+
+See [available options for Autoprefixer](https://github.com/ai/autoprefixer#browsers).
+
+###fallbacks.variables
+
+Add support for a "not so bad" [CSS variables polyfill](https://github.com/iamvdo/postcss-vars). There are no options.
+
+###fallbacks.rem
+
+Add support for [pixrem](https://github.com/iamvdo/node-pixrem) that generates pixel fallbacks for rem units. Add options as an array:
+
+```javascript
+// set options
+var options = {
+	fallbacks: {
+		rem: ['16px', {replace: true}]
+	}
+}
+```
+
+```javascript
+// .pleeeaserc file
+{
+	"fallbacks": {
+		"rem": ["16px", {"replace": true}]
+	}
+}
+```
+
+See [available options for pixrem](https://github.com/iamvdo/node-pixrem#parameters).
+
+For now, this uses a fork from [pixrem](https://github.com/robwierzbowski/node-pixrem) until the [PR will be accepted or not](https://github.com/robwierzbowski/node-pixrem/pull/10).
+
+###fallbacks.pseudoElements
+
+Convert pseudo-elements using CSS3 syntax (two-colons notation like `::after`, `::before`, `::first-line` and `::first-letter`) with the old one, using only one colon (useful for IE8 support).
+
+```css
+.element::after {
+	/* you write */
+}
+```
+
+```css
+.element:after {
+	/* you get */
+}
+```
+
+###optimizers.import
+
+Inline `@import` styles with relative paths (absolute ones will be unaffected). `@import` including media-queries are not changed either.
+
+You can use the CSS syntax you want:
+
+```css
+@import "file.css";
+@import url(file.css);
+@import url("http://foo.com/bar.css"); /* not imported */
+@import url("file.css") screen and (max-width: 35em); /* not imported */
+```
+
+###optimizers.minifier
+
+Add support for [CSS Wring](https://github.com/hail2u/node-csswring), a CSS minifier. There are no options.
+
+###optimizers.mqpacker
+
+Add support for [MQ Packer](https://github.com/hail2u/node-css-mqpacker) that pack same CSS media query rules into one media query rule. There are no options.
+
+##More
+
+More postprocess tasks are coming, mainly fallbacks (eg. CSS filters, rgba/hsla functions, etc.). If you want more, open an issue!
+
+##Changelog
+
+###0.3.0 (2014-05-19)
+
+* Add `@import` processor
+* Refactor default options
+
+##Licence
+
+MIT
+
+Vincent De Oliveira