Updated Gulp version

- Updated Gulp version to v4.x.x
- Added yarn support
- Removed SVG and cache clean tasks
- Renamed task es6 to babel
- Fixed watchStyles task
- Updated dependencies

Author: volodymyr-lisniak

.gitignore.example

@@ -0,0 +1,6 @@
+/gulpfile.js
+/dev/tools/gulp
+/dev/tools/grunt/configs/local-themes.js
+/.stylelintrc
+/.eslintrc
+/.babelrc

README.md

@@ -2,7 +2,7 @@
 
 ### Check for Node and NPM
 
-Make sure that you've installed Node and NPM before attempting to install gulp (supports `gulp 3.x.x`).
+Make sure that you've installed Node and NPM before attempting to install gulp (supports gulp `4.x.x`). For gulp `3.x.x` use [~1.4.0](https://github.com/bobmotor/magento-2-gulp/tree/v1.4.1) version.
 ```
 $ node -v
 ```
@@ -38,13 +38,17 @@ $ composer require --dev bobmotor/magento-2-gulp
 
 Rename the following files in your project root directory
 
-* `package.json.sample-aws` to `package.json`
+* `package.json.example` to `package.json`
 
 Install modules listed as dependencies in `package.json`
 
 ```
 $ npm install
 ```
+or
+```
+$ yarn
+```
 
 - ### Manually
 
@@ -53,13 +57,17 @@ Copy source files to your project root directory
 
 Rename the following files in your project root directory
 
-* `package.json.sample-aws` to `package.json`
+* `package.json.example` to `package.json`
 
 Install modules listed as dependencies in `package.json`
 
 ```
 $ npm install
 ```
+or
+```
+$ yarn
+```
 
 ## Configuration
 
@@ -87,9 +95,9 @@ Example:
 ```
 module.exports = {
     ...
-    capezio: {
+    themeName: {
         area: 'frontend',
-        name: 'Aws/capezio',
+        name: 'Package/themeName',
         locale: 'en_US',
         files: [
             'css/styles-m',
@@ -101,7 +109,7 @@ module.exports = {
 }
 ```
 
-Rename `dev/tools/gulp/configs/local.js.sample-aws` to `dev/tools/gulp/configs/local.js` and set your `hostname` to configure `BrowserSync` and `Critical CSS` urls.
+Open `dev/tools/gulp/configs/local.js` and set your `hostname` to configure `BrowserSync` and `Critical CSS` urls.
 
 ```
 module.exports = {
@@ -115,7 +123,7 @@ Example:
 
 ```
 module.exports = {
-    hostname: 'capezio',
+    hostname: 'localhost',
     generic: 'loc',
     useHttp2: true
 };
@@ -174,14 +182,12 @@ In project root dir run `gulp [command] --[theme] --[arguments]`
 Avaliable commands:
 
 ```
-cache-clean                     Clean Magento cache
+babel                           Compile ES6+ to ES5
 clean                           Remove cached files (pub/static/*, var/*)
 critical                        Compile critical css
 default, help                   Display this help message
-es6                             Compile ES6+ to ES5
 exec                            Republishes symlinks to the source files
 less                            Compile LESS to CSS
-svg                             Create svg sprite
 watch-scripts                   Watch for src/*.js files
 watch-styles                    Watch for *.less files
 ```
@@ -200,23 +206,22 @@ Examples:
 
 Removes the theme related static files in the `pub/static` and `var` directories, republishes symlinks to the source files to the `pub/static/frontend/ directory` and compiles CSS files using the symlinks published in the `pub/static/frontend/ directory` with source map and minification.
 ```
-gulp clean --capezio && gulp exec --capezio && gulp less --capezio --map --min
+gulp clean --luma && gulp exec --luma && gulp less --luma --map --min
 ```
-Compiles CSS files using the symlinks published in the `pub/static/frontend/ directory` with source map.
+Compiles CSS files using the symlinks published in the `pub/static/frontend/` directory with source map.
 ```
-gulp less --capezio --map
+gulp less --luma --map
 ```
 Watch styles with `livereload` (`LiveReload` browser extension should be installed)
 ```
-gulp watch-styles --capezio --map --live
+gulp watch-styles --luma --live
 ```
 Creates `critical.css` from `styles-l.css` and `styles-m.css` and put it to `app/design/frontend/<VandorName>/<ThemeName>/web/css`.
 In `production` mode should be run after `php bin/magento s:s:d` (task uses `pub/static/deployed_version.txt` to create absolute path to the static files)
 ```
-gulp critical --capezio
+gulp critical --luma
 ```
 
 Note:
 
 * ES6 files should be placed at `.../web/js/src/*.js`. Compiled files will be in the `.../web/js/*.js`
-* svg icons (`*.svg`) need to be uploaded to `app/design/frontend/<VandorName>/<ThemeName>/web/images/icons/`

composer.json

@@ -6,7 +6,7 @@
     "homepage": "https://github.com/bobmotor/magento-2-gulp",
     "authors": [
         {
-            "name": "Absolute Web"
+            "name": "Volodymyr Lisniak <thebobmotor@gmail.com>"
         }
     ],
     "minimum-stability": "dev",
@@ -19,8 +19,8 @@
                 "gulpfile.js",
                 "gulpfile.js"
             ], [
-                "package.json.sample-aws",
-                "package.json.sample-aws"
+                "package.json.example",
+                "package.json.example"
             ], [
                 ".stylelintrc",
                 ".stylelintrc"
@@ -30,6 +30,9 @@
             ], [
                 ".babelrc",
                 ".babelrc"
+            ], [
+                ".gitignore.example",
+                ".gitignore.example"
             ]
         ]
     }

dev/tools/gulp/args.js

@@ -1,13 +1,3 @@
-/**
- * Absolute Web Services Intellectual Property
- *
- * @category     {development/deployment}
- * @copyright    Copyright © 1999-2020 Absolute Web Services, Inc. (http://www.absolutewebservices.com)
- * @author       Absolute Web Services
- * @license      http://www.absolutewebservices.com/license-agreement/  Single domain license
- * @terms of use http://www.absolutewebservices.com/terms-of-use/
- */
-
 const devArgs = require('./constants/devArgs');
 
 const devArguments = (argList => {

dev/tools/gulp/configs/bsConfig.js

@@ -1,13 +1,3 @@
-/**
- * Absolute Web Services Intellectual Property
- *
- * @category     {development/deployment}
- * @copyright    Copyright © 1999-2020 Absolute Web Services, Inc. (http://www.absolutewebservices.com)
- * @author       Absolute Web Services
- * @license      http://www.absolutewebservices.com/license-agreement/  Single domain license
- * @terms of use http://www.absolutewebservices.com/terms-of-use/
- */
-
 const localConfig = require('./local');
 
 const ptotocol = localConfig.useHttp2 ? 'https' : 'http';

dev/tools/gulp/configs/criticalConfig.js

@@ -1,13 +1,3 @@
-/**
- * Absolute Web Services Intellectual Property
- *
- * @category     {development/deployment}
- * @copyright    Copyright © 1999-2020 Absolute Web Services, Inc. (http://www.absolutewebservices.com)
- * @author       Absolute Web Services
- * @license      http://www.absolutewebservices.com/license-agreement/  Single domain license
- * @terms of use http://www.absolutewebservices.com/terms-of-use/
- */
-
 const localConfig = require('./local');
 
 const ptotocol = localConfig.useHttp2 ? 'https' : 'http';
@@ -16,6 +6,6 @@ module.exports = {
     out: 'critical.css',
     url: `${ptotocol}://${localConfig.hostname}.${localConfig.generic}/`,
     width: 1920,
-    height: 900,
+    height: 200,
     forceExclude: [/\[data-role=main-css-loader]/]
 };

dev/tools/gulp/configs/local.js.sample-aws renamed to dev/tools/gulp/configs/local.js.example

@@ -1,15 +1,4 @@
-/**
- * Absolute Web Services Intellectual Property
- *
- * @category     {development/deployment}
- * @copyright    Copyright © 1999-2020 Absolute Web Services, Inc. (http://www.absolutewebservices.com)
- * @author       Absolute Web Services
- * @license      http://www.absolutewebservices.com/license-agreement/  Single domain license
- * @terms of use http://www.absolutewebservices.com/terms-of-use/
- */
-
 module.exports = {
-    CACHE_FLUSH_COMMAND: 'cache:flush',
     EXECUTION_FILE: 'php bin/magento',
     EXEC_COMMAND: 'dev:source-theme:deploy'
 };

dev/tools/gulp/constants/commands.js

@@ -1,13 +1,3 @@
-/**
- * Absolute Web Services Intellectual Property
- *
- * @category     {development/deployment}
- * @copyright    Copyright © 1999-2020 Absolute Web Services, Inc. (http://www.absolutewebservices.com)
- * @author       Absolute Web Services
- * @license      http://www.absolutewebservices.com/license-agreement/  Single domain license
- * @terms of use http://www.absolutewebservices.com/terms-of-use/
- */
-
 module.exports = {
     BS_KEY: 'bs',
     LIVE_KEY: 'live',

dev/tools/gulp/constants/devArgs.js

@@ -1,24 +1,7 @@
-/**
- * Absolute Web Services Intellectual Property
- *
- * @category     {development/deployment}
- * @copyright    Copyright © 1999-2020 Absolute Web Services, Inc. (http://www.absolutewebservices.com)
- * @author       Absolute Web Services
- * @license      http://www.absolutewebservices.com/license-agreement/  Single domain license
- * @terms of use http://www.absolutewebservices.com/terms-of-use/
- */
-
 module.exports = {
     CACHED_FILES: ['var/cache/**', 'var/view_preprocessed/**'],
     CRITICAL_CSS_DEST: 'web/css',
     CSS_FOLDER: 'css',
-    IMAGE_SVG_FOLDER: 'web/',
-    IMAGE_SVG_FOLDER_DEST: 'web/images/icons/',
-    IMAGE_SVG_FOLDER_SRC: 'web/images/icons/**/*',
-    IMAGE_SVG_STYLES_FOLDER_DEST: '../../../css/source/aws/_aws-sprite-svg.less',
-    IMAGE_SVG_STYLE_FILE: 'web/css/source/aws/_aws-sprite-svg.less',
-    IMAGE_SVG_SPRITE_FOLDER: 'web/images/icons/svg',
-    IMAGE_SVG_SPRITE_FOLDER_DEST: '../../../images/icons/svg/aws-sprite.svg',
     JS_FOLDER_BASEDIR: 'app/',
     JS_FOLDER_DIST: '../',
     JS_FOLDER_SRC: 'app/**/web/js/**/src/*.js',