initial commit

Author: nurieff

.gitignore

@@ -0,0 +1,4 @@
+node_modules
+.idea
+package-lock.json
+yarn.lock

.npmignore

@@ -0,0 +1,8 @@
+.gitignore
+.DS_Store
+._*
+node_modules
+npm-debug.log
+test
+yarn.lock
+package-lock.json

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Marat
+
+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.

index.js

@@ -0,0 +1,152 @@
+let Plugin = require('gulp-query').Plugin
+  , node_path = require('path')
+  , glob = require('glob')
+  , gulp = require('gulp')
+  , gulpif = require('gulp-if')
+  , concat = require("gulp-concat")
+  , cssnano = require("gulp-cssnano")
+  , sourcemaps = require('gulp-sourcemaps')
+;
+
+class StylesPlugin extends Plugin {
+
+  static method() {
+    return 'styles';
+  }
+
+  /**
+   *
+   * @param {GulpQuery} GulpQuery
+   * @param configs
+   */
+  constructor(GulpQuery, configs) {
+    super(GulpQuery, configs);
+
+    /**
+     * @type {Object.<String,{src: Array, to: String, completeAmount: Number}>}
+     * @private
+     */
+    this._reportList = {};
+  }
+
+  run(task_name, config, callback) {
+
+    let full = ('full' in config ? config['full'] : false);
+    let path_to = this.path(config.to);
+    let parent_folder = 'parent_folder' in config ? config.parent_folder : null;
+
+    let concat_name, copy_to;
+    if (!node_path.extname(path_to)) {
+      concat_name = null;
+      copy_to = path_to;
+    } else {
+      concat_name = node_path.basename(path_to);
+      copy_to = node_path.dirname(path_to) + '/'
+    }
+
+    if (!Array.isArray(config.from)) {
+      config.from = [config.from];
+    }
+
+    let from = [];
+    config.from.forEach((path) => {
+
+      path = this.path(parent_folder ? (parent_folder + path) : path);
+
+      if (node_path.basename(path).indexOf('*') !== -1) {
+        glob.sync(path).forEach((f) => {
+          from.push(f);
+        });
+      } else {
+        from.push(path);
+      }
+
+    });
+
+    let sourceMap = ('source_map' in config ? config['source_map'] : true);
+    let sourceMapType = ('source_map_type' in config ? config['source_map_type'] : 'inline');
+    sourceMapType = sourceMapType === 'inline' ? 'inline-source-map' : 'source-map';
+
+    if (this.isProduction()) {
+      sourceMap = false;
+    }
+
+    let list = [];
+
+    if (concat_name) {
+      list.push('Concat');
+    }
+
+    if (this.isProduction() && !full) {
+      list.push('Compress');
+    }
+
+    if (sourceMap) {
+      if (sourceMapType === 'source-map') {
+        list.push('Source map: file');
+      } else {
+        list.push('Source map: inline');
+      }
+    }
+
+    let _src = from;
+    let _dest = copy_to + (concat_name ? concat_name : '');
+    let reportFunc;
+
+    if (!concat_name) {
+      this._reportList[_src] = {
+        from: _src,
+        to: _dest,
+        completeAmount: 0
+      };
+
+      reportFunc = this.reportList.bind(this, task_name, _src);
+    } else {
+      reportFunc = this.report.bind(this, task_name, _src, _dest, true, list);
+    }
+
+    return gulp.src(from)
+      .pipe(this.plumber(this.reportError.bind(this, task_name, _src, _dest)))
+      .pipe(gulpif(sourceMap, sourcemaps.init()))
+      .pipe(gulpif(!!concat_name, concat(concat_name || 'empty')))
+      .pipe(gulpif(
+        !full && this.isProduction(),
+        cssnano({
+          autoprefixer: {
+            browsers: ["> 1%", "last 2 versions"],
+            add: true
+          }
+        })
+      ))
+      .pipe(gulpif(sourceMap, sourcemaps.write(
+        (sourceMapType === 'inline-source-map' ? null : '.'),
+        {includeContent: (sourceMapType === 'inline-source-map')}
+      )))
+      .pipe(gulp.dest(copy_to))
+      .pipe(this.notify(reportFunc))
+      ;
+
+  }
+
+  reportList(task_name, from) {
+
+    if (!(from in this._reportList)) {
+      return;
+    }
+
+    ++this._reportList[from].completeAmount;
+
+    if (this._reportList[from].completeAmount >= this._reportList[from].from.length) {
+      this.report(
+        task_name,
+        this._reportList[from].from,
+        this._reportList[from].to,
+        true
+      );
+
+      delete this._reportList[from];
+    }
+  }
+}
+
+module.exports = StylesPlugin;

package.json

@@ -0,0 +1,26 @@
+{
+  "name": "gulp-query-css",
+  "version": "1.0.1",
+  "description": "This plugin provides automatic source maps, copy, combine and rename CSS, autoprefixing and minification.",
+  "main": "index.js",
+  "author": "Marat Nuriev",
+  "email": "nurieff@gmail.com",
+  "license": "MIT",
+  "repository": "https://github.com/gulp-query/gulp-query-css",
+  "keywords": [
+    "css",
+    "autoprefixer",
+    "cssnano",
+    "gulp",
+    "gulp-query",
+    "gulp-query-plugin"
+  ],
+  "dependencies": {
+    "gulp-query": "^1.0.0",
+    "gulp": "^3.9.1",
+    "gulp-concat": "^2.6.1",
+    "gulp-cssnano": "^2.1.2",
+    "gulp-if": "^2.0.2",
+    "gulp-sourcemaps": "^2.6.1"
+  }
+}

readme.md

@@ -0,0 +1,56 @@
+## gulp-query-css
+Plugin for [gulp-query](https://github.com/gulp-query/gulp-query)
+
+Uses [cssnano](http://cssnano.co/) with autoprefixer for optimization
+
+This plugin provides automatic source maps, copy, combine and rename CSS, autoprefixing and minification.
+Write your CSS rules without vendor prefixes — autoprefixer will do everything itself
+
+```
+npm install gulp-query gulp-query-css
+```
+
+### Example
+Paste the code into your `gulpfile.js` and configure it
+```javascript
+let build = require('gulp-query')
+  , css = require('gulp-query-css')
+;
+cocktail(function (query) {
+    query.plugins([css])
+      .css(['1.css','2.css'],'css/12.css','onetwo')
+      .css('css_source/*.css','css/')
+
+      .css({
+        from: 'css_source/*.css',
+        to: 'css/big.css',
+        name: 'big'
+      })
+      ;
+});
+```
+And feel the freedom
+```
+gulp
+gulp --production // For production
+gulp watch // Watching change
+gulp css // Only for css
+gulp css:onetwo
+gulp css:big watch
+...
+```
+
+### Options
+```javascript
+.css({
+    name: "task_name", // For gulp css:task_name 
+    from: 'css_source/*.css', // ['1.css','2.css']
+    to: "css/",
+    source_map: true,
+    source_map_type: 'inline',
+    full: false, // if set true is without compress in prod
+    autoprefixer: {
+      browsers: ["> 1%", "last 2 versions"],
+    }
+})
+```