postcss 2.2.5 → 2.2.6

package/ChangeLog.md

@@ -1,5 +1,8 @@
+## 2.2.6
+* Fix map generation for nodes without source (by Josiah Savary).
+
 ## 2.2.5
-* Fix source map with DOM marker support (by Mohammad Younes).
+* Fix source map with BOM marker support (by Mohammad Younes).
 * Fix source map paths (by Mohammad Younes).
 
 ## 2.2.4

package/README.md

@@ -28,50 +28,60 @@ Sponsored by [Evil Martians](http://evilmartians.com/).
 ### Tools
 
 * [Autoprefixer] adds vendor prefixes by Can I Use data.
+* [BEM linter] lints CSS for SUIT CSS methodology.
 * [CSS MQPacker] joins same media queries.
 * [css2modernizr] analyzes your CSS and output only used Modernizr’s settings.
-* [cssnext] is a transpiler (CSS4+ to CSS3) that allow you to use tomorrow’s CSS syntax today.
-* [CSSWring] and [grunt-csswring] CSS minifier with full source map support.
+* [cssnext] is a transpiler (CSS4+ to CSS3) that allow you to use tomorrow’s
+  CSS syntax today.
+* [CSSWring] is a CSS minifier with full source map support.
 * [data-separator] splits data-uri into a separate CSS file.
-* [pixrem]/[grunt-pixrem] is a `rem` unit polyfill.
-* [grunt-webpcss] to duplicate images in CSS to WebP for supported browsers.
+* [pixrem] is a `rem` unit polyfill.
+* [webpcss] to duplicate images in CSS to WebP for supported browsers.
 * [Pleeease] is a pack of various postprocessors.
 * [Pleeease Filters] converts WebKit filters to SVG filter for other browsers.
 * [RTLCSS] mirrors styles for right-to-left locales.
-
-[Autoprefixer]:     https://github.com/postcss/autoprefixer
-[CSS MQPacker]:     https://github.com/hail2u/node-css-mqpacker
-[css2modernizr]:    https://github.com/vovanbo/css2modernizr
-[cssnext]:          https://github.com/putaindecode/cssnext
-[CSSWring]:         https://github.com/hail2u/node-csswring
-[data-separator]:   https://github.com/Sebastian-Fitzner/grunt-data-separator
-[grunt-csswring]:   https://github.com/princed/grunt-csswring
-[pixrem]:           https://github.com/robwierzbowski/node-pixrem
-[grunt-pixrem]:     https://github.com/robwierzbowski/grunt-pixrem
-[grunt-webpcss]:    https://github.com/lexich/grunt-webpcss
-[Pleeease]:         http://pleeease.io/
-[Pleeease Filters]: https://github.com/iamvdo/pleeease-filters
-[RTLCSS]:           https://github.com/MohammadYounes/rtlcss
+* [CSS Byebye] explicitly removes the CSS rules that you don't want.
+
+[Autoprefixer]:      https://github.com/postcss/autoprefixer
+[BEM linter]:        https://github.com/necolas/postcss-bem-linter
+[CSS MQPacker]:      https://github.com/hail2u/node-css-mqpacker
+[css2modernizr]:     https://github.com/vovanbo/css2modernizr
+[cssnext]:           https://github.com/putaindecode/cssnext
+[CSSWring]:          https://github.com/hail2u/node-csswring
+[data-separator]:    https://github.com/Sebastian-Fitzner/grunt-data-separator
+[pixrem]:            https://github.com/robwierzbowski/node-pixrem
+[webpcss]:           https://github.com/lexich/webpcss
+[Pleeease]:          http://pleeease.io/
+[Pleeease Filters]:  https://github.com/iamvdo/pleeease-filters
+[RTLCSS]:            https://github.com/MohammadYounes/rtlcss
+[CSS Byebye]:        https://github.com/AoDev/css-byebye
 
 ### Plugins
 
 * [postcss-calc] to reduce `calc()` usage
   (recommanded with `postcss-custom-properties`).
-* [postcss-color] to transform latest W3C CSS color module syntax
-  to more compatible CSS.
-* [postcss-import] to transform @import rules by inlining content.
-* [postcss-custom-media] to transform W3C CSS Custom Media Queries
-  to more compatible CSS.
-* [postcss-custom-properties] to transform W3C CSS Custom Properties
-  for cascading variables to more compatible CSS.
+* [postcss-color-function] to transform `color()` function.
+* [postcss-color-gray] to transform `gray()` function.
+* [postcss-color-hex-alpha] to transform hexadecimal notations with alpha
+  (`#rrggbbaa` or `#rgba`).
+* [postcss-color-hwb] to transform `hwb()` function.
+* [postcss-color-rebeccapurple] to transform `rebeccapurple` color.
+* [postcss-import] to transform `@import` rules by inlining content.
+* [postcss-custom-media] to add names for Media Queries.
+* [postcss-custom-properties] to transform Custom Properties
+  for cascading variables.
 * [postcss-url] to rebase or inline on `url()`.
 
-[postcss-calc]:              https://github.com/postcss/postcss-calc
-[postcss-color]:             https://github.com/postcss/postcss-color
-[postcss-import]:            https://github.com/postcss/postcss-import
-[postcss-custom-media]:      https://github.com/postcss/postcss-custom-media
-[postcss-custom-properties]: https://github.com/postcss/postcss-custom-properties
-[postcss-url]:               https://github.com/postcss/postcss-url
+[postcss-calc]:                 https://github.com/postcss/postcss-calc
+[postcss-color-function]:       https://github.com/postcss/postcss-color-function
+[postcss-color-gray]:           https://github.com/postcss/postcss-color-gray
+[postcss-color-hex-alpha]:      https://github.com/postcss/postcss-color-hex-alpha
+[postcss-color-hwb]:            https://github.com/postcss/postcss-color-hwb
+[postcss-color-rebeccapurple]:  https://github.com/postcss/postcss-color-rebeccapurple
+[postcss-import]:               https://github.com/postcss/postcss-import
+[postcss-custom-media]:         https://github.com/postcss/postcss-custom-media
+[postcss-custom-properties]:    https://github.com/postcss/postcss-custom-properties
+[postcss-url]:                  https://github.com/postcss/postcss-url
 
 
 ## Quick Example
@@ -234,24 +244,46 @@ Because of this fundamental difference, PostCSS:
 
 ## Usage
 
+### Grunt
+
+Grunt plugin [grunt-postcss] allows you to pipe your CSS files through
+an array of PostCSS processors.
+
+```js
+grunt.initConfig({
+    postcss: {
+        options: {
+            map: true,
+            processors: [
+                require('autoprefixer-core').postcss,
+                require('csswring').postcss
+            ]
+        },
+        dist: {
+            src: 'css/*.css'
+        }
+    }
+});
+
+grunt.loadNpmTasks('grunt-postcss');
+```
+
+[grunt-postcss]: https://github.com/nDmitry/grunt-postcss
+
 ### Gulp
 
-There is a gulp plugin for postcss called
-[gulp-postcss](https://github.com/w0rm/gulp-postcss)
-that allows you to pipe your CSS files through an array of PostCSS processors.
+There is a Gulp plugin for PostCSS called [gulp-postcss] that allows you
+to pipe your CSS files through an array of PostCSS processors.
 
-Support for external source maps is provided by
-by [gulp-sourcemaps](https://github.com/floridoo/gulp-sourcemaps).
+Support for external source maps is provided by [gulp-sourcemaps].
 
 ```js
-var gulp       = require('gulp');
 var postcss    = require('gulp-postcss');
 var sourcemaps = require('gulp-sourcemaps');
 
 gulp.task('css', function () {
     var processors = [
-        require('autoprefixer')('last 1 version'),
-        require('css-mqpacker'),
+        require('autoprefixer-core'),
         require('csswring')
      ];
      return gulp.src('./src/style.css')
@@ -262,6 +294,31 @@ gulp.task('css', function () {
 });
 ```
 
+[gulp-postcss]:    https://github.com/w0rm/gulp-postcss
+[gulp-sourcemaps]: https://github.com/floridoo/gulp-sourcemaps
+
+### Webpack
+
+In [webpack] you can use [postcss-loader] to process CSS files through
+an array of PostCSS processors.
+
+```js
+module.exports = {
+    module: {
+        loaders: [
+            {
+                test:   /\.css$/,
+                loader: "style-loader!css-loader!postcss-loader"
+            }
+        ]
+    },
+    postcss: [require('autoprefixer-core'), require('csswring')]
+}
+```
+
+[postcss-loader]: https://github.com/postcss/postcss-loader
+[webpack]:        http://webpack.github.io/
+
 ## Write Own Processor
 
 You can parse CSS with the `postcss.parse()` method, which returns a CSS AST:
@@ -857,10 +914,10 @@ var comment = postcss.comment({ text: 'New comment' });
 
 `AtRule` has two own properties: `name` and `params`.
 
-As illustrated above, some at-rules do not contain any children 
+As illustrated above, some at-rules do not contain any children
 (for example, `@charset` or `@import`), some at-rules can only contain
-declarations (for example, `@font-face` or `@page`), but most of them 
-can contain rules and nested at-rules (for example, `@media`, `@keyframes` 
+declarations (for example, `@font-face` or `@page`), but most of them
+can contain rules and nested at-rules (for example, `@media`, `@keyframes`
 and others).
 
 The parser selects `AtRule` content type by its name. If you create an `AtRule`
@@ -891,7 +948,7 @@ a {
 }
 ```
 
-`Rule` nodes have a `selector` property and contain their `Declaration` 
+`Rule` nodes have a `selector` property and contain their `Declaration`
 and `Comment` children within the `decls` property.
 
 They also possess a `selectors` shortcut, which returns an array:

package/lib/map-generator.js

@@ -68,11 +68,13 @@ var MapGenerator = (function(){"use strict";var PRS$0 = (function(o,t){o["__prot
     proto$0.setSourcesContent = function() {var this$0 = this;
         var already = { };
         this.root.eachInside( function(node)  {
-            var file = node.source.file || node.source.id;
-            if ( node.source && !already[file] ) {
-                already[file] = true;
-                var relative = this$0.relative(file);
-                this$0.map.setSourceContent(relative, node.source.content);
+            if ( node.source ) {
+                var file = node.source.file || node.source.id;
+                if ( file && !already[file] ) {
+                    already[file] = true;
+                    var relative = this$0.relative(file);
+                    this$0.map.setSourceContent(relative, node.source.content);
+                }
             }
         });
     };

package/lib/previous-map.js

@@ -59,7 +59,7 @@ var PreviousMap = (function(){"use strict";var PRS$0 = (function(o,t){o["__proto
             return Base64.decode( text.substr(base64.length) );
 
         } else {
-            var encoding = text.match(/ata:application\/json;([^,]+),/)[1];
+            var encoding = text.match(/data:application\/json;([^,]+),/)[1];
             throw new Error('Unsupported source map encoding ' + encoding);
         }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss",
-  "version": "2.2.5",
+  "version": "2.2.6",
   "description": "Framework for CSS postprocessors with full source map support",
   "keywords": ["css", "parser", "postproccessor", "source map"],
   "author": "Andrey Sitnik <andrey@sitnik.ru>",
@@ -10,7 +10,7 @@
     "url": "https://github.com/postcss/postcss.git"
   },
   "dependencies": {
-    "source-map": "~0.1.39",
+    "source-map": "~0.1.40",
     "js-base64": "~2.1.5"
   },
   "devDependencies": {