Initial commit

Nicolab · Nicolab · commit 1523ce473b36 · 2019-05-06T18:21:13.000+02:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,35 @@
+#
+# Generic
+#
+
+# OS
+.DS_Store
+.DS_Store?
+*[Tt]humbs.db
+.Spotlight-V100
+.Trashes
+.Trash-1000/
+*.Trashes
+
+._*
+*.log
+.idea/
+.tmp/
+
+bower_components/
+node_modules/
+
+#
+# Conventional
+#
+
+local/
+public/
+
+#
+# PhoneGap / Cordova
+#
+
+#platforms
+#plugins
+#.bithoundrc
diff --git a/.jshintrc b/.jshintrc
@@ -0,0 +1,27 @@
+{
+  "node": true,
+  "browser": true,
+  "esnext": true,
+  "bitwise": true,
+  "camelcase": false,
+  "curly": true,
+  "freeze": true,
+  "immed": true,
+  "indent": 2,
+  "latedef": true,
+  "newcap": true,
+  "noarg": true,
+  "quotmark": "single",
+  "regexp": true,
+  "notypeof": true,
+  "undef": true,
+  "unused": true,
+  "strict": true,
+  "trailing": true,
+  "smarttabs": true,
+  "proto": true,
+  "laxbreak": true,
+  "predef": [
+    
+  ]
+}
diff --git a/.npmignore b/.npmignore
@@ -0,0 +1,28 @@
+# Generic
+
+*.log
+._*
+gulpfile.js
+gulpfile.babel.js
+.jshintrc
+.eslintrc
+.babelrc
+.gitignore
+test/
+#src/
+bower_components/
+node_modules/
+local/
+public/
+doc/
+docs/
+examples/
+tasks/
+.Trashes
+.Trash-1000/
+.Spotlight-V100
+.DS_Store
+.DS_Store?
+Thumbs.db
+.tmp/
+.idea/
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,24 @@
+gulp-flow-css - https://github.com/gulp-flow/gulp-flow-css
+
+The MIT License (MIT)
+
+Copyright (c) 2016 Nicolas Tallefourtane <dev@nicolab.net>
+
+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.
diff --git a/README.md b/README.md
@@ -0,0 +1,85 @@
+# gulp-flow-css
+
+CSS, SASS, LESS bundle for [gulp-flow](https://github.com/gulp-flow/gulp-flow).
+
+
+## Requirements
+
+* [gulp-flow](https://github.com/gulp-flow/gulp-flow) must be installed.
+
+
+## Install
+
+```sh
+npm install --save-dev gulp-flow-css
+```
+
+or
+
+```sh
+yarn add --dev gulp-flow-css
+```
+
+
+## Usage
+
+By default this bundle is preconfigured in `cfg.css`.
+
+This module adds some `gp` (Gulp plugins):
+
+* gp.postcss
+* gp.cssnano
+* gp.less
+* gp.sass
+
+And `pipes`:
+
+* pipes.devSassBundle (NODE_ENV=development)
+* pipes.prodSassBundle (NODE_ENV=production)
+* pipes.devLessBundle (NODE_ENV=development)
+* pipes.prodLessBundle (NODE_ENV=production)
+* pipes.devCssBundle (NODE_ENV=development)
+* pipes.prodCssBundle (NODE_ENV=production)
+
+And push ignored files in `cfg.files`.
+
+See the source code for more details.
+
+### Task
+
+A common use case:
+
+```js
+'use strict';
+
+require('gulp-flow-css');
+
+// build: CSS
+gulp.task('build.css', function() {
+  return gulp.src(cfg.css.src)
+    .pipe(gp.newer(cfg.publicCssDir))
+    // .pipe(gp.using())
+    .pipe(gp.ifElse(
+      envList.NODE_ENV === 'production',
+      pipes.prodCssBundle,
+      pipes.devCssBundle
+    ))
+    .pipe(gulp.dest(cfg.publicCssDir))
+  ;
+});
+```
+
+And run your tasks: `APP_ENV=dev gulp`
+
+
+## LICENSE
+
+[MIT](https://github.com/gulp-flow/gulp-flow-css/blob/master/LICENSE) (c) 2016, Nicolas Tallefourtane.
+
+
+## Author
+
+| [![Nicolas Tallefourtane - Nicolab.net](https://www.gravatar.com/avatar/d7dd0f4769f3aa48a3ecb308f0b457fc?s=64)](https://nicolab.net) |
+|---|
+| [Nicolas Talle](https://nicolab.net) |
+| [![Make a donation via Paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=PGRH4ZXP36GUC) |
diff --git a/package.json b/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "gulp-flow-css",
+  "version": "2.0.0",
+  "description": "CSS, LESS bundle for gulp-flow.",
+  "main": "./src/index.js",
+  "keywords": [
+    "gulp",
+    "gulpfriendly",
+    "gulp-flow-bundle",
+    "workflow",
+    "task",
+    "plugin",
+    "bundle",
+    "assets",
+    "css",
+    "less"
+  ],
+  "homepage": "https://github.com/gulp-flow/gulp-flow-css",
+  "author": {
+    "name": "Nicolas Tallefourtane",
+    "url": "https://nicolab.net"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:gulp-flow/gulp-flow-css.git"
+  },
+  "bugs": "https://github.com/gulp-flow/gulp-flow-css/issues",
+  "dependencies": {
+    "autoprefixer": "^9.5.1",
+    "gulp-cssnano": "^2.1.3",
+    "gulp-less": "^4.0.1",
+    "gulp-postcss": "^8.0.0",
+    "gulp-sass": "^4.0.2"
+  },
+  "peerDependencies": {
+    "gulp-flow": ">=2 <3"
+  },
+  "engines": {
+    "node": ">= 10"
+  }
+}
diff --git a/src/index.js b/src/index.js
@@ -0,0 +1,94 @@
+/**
+ * This file is part of gulp-flow-css.
+ *
+ * (c) Nicolas Tallefourtane <dev@nicolab.net>
+ *
+ * For the full copyright and license information, please view the LICENSE file
+ * distributed with this source code.
+ */
+
+'use strict';
+
+let autoprefixer = require('autoprefixer');
+let flow = require('gulp-flow');
+let {cfg, gp, pipes, utils} = flow;
+let {lazypipe} = utils;
+let {srcDir, notSrcDir, nodeModulesPath} = cfg;
+
+
+/*----------------------------------------------------------------------------*\
+  Gulp plugins
+\*----------------------------------------------------------------------------*/
+
+gp.postcss = require('gulp-postcss');
+gp.cssnano = require('gulp-cssnano');
+gp.less    = require('gulp-less');
+gp.sass    = require('gulp-sass');
+
+
+/*----------------------------------------------------------------------------*\
+  Config
+\*----------------------------------------------------------------------------*/
+
+cfg.css = {
+  src: [
+    srcDir + '/assets/css/**/*.{css,scss,less}'
+  ].concat(cfg.patterns.ignore),
+
+  srcWatch: [
+    srcDir + '/assets/css/**/*.{css,scss,less}'
+  ],
+  sass: {
+    includePaths: [nodeModulesPath]
+  },
+  less: {
+    paths: [nodeModulesPath]
+  },
+  autoprefixer: {browsers: ['last 3 versions', 'safari >= 8']}
+};
+
+// ignore CSS in files tasks
+cfg.files.src.push(
+  notSrcDir + '/assets/css/**/*.{css,scss,less}'
+);
+
+cfg.files.srcWatch.push(
+  notSrcDir + '/assets/css/**/*.{css,scss,less}'
+);
+
+
+/*----------------------------------------------------------------------------*\
+  Pipes
+\*----------------------------------------------------------------------------*/
+
+// NODE_ENV: development
+pipes.devSassBundle = lazypipe()
+  .pipe(gp.sass, cfg.css.sass)
+  // .pipe(
+  //   function (opt, cb) {
+  //     return gp.sass(opt).on('error', cb);
+  //   },
+  //   cfg.css.sass,
+  //   gp.sass.logError
+  //  )
+;
+
+pipes.devLessBundle = lazypipe()
+  .pipe(gp.less, cfg.css.less)
+;
+
+pipes.devCssBundle = lazypipe()
+  .pipe(function() {
+    // .less by devLessBundle, other files (.css, .scss, .sass) by devSassBundle
+    return gp.if('*.less', pipes.devLessBundle(), pipes.devSassBundle());
+  })
+  .pipe(gp.concat, 'app.css')
+;
+
+// NODE_ENV: production
+pipes.prodCssBundle = pipes.devCssBundle
+  .pipe(gp.postcss, [autoprefixer(cfg.css.autoprefixer)])
+  .pipe(gp.cssnano)
+  .pipe(gp.header, cfg.banner)
+;
+
