General FE Workflow [DO NOT MERGE]

.eslintignore

@@ -1,3 +1,4 @@
 **/*.min.js
 **/node_modules/**
 **/vendor/**
+**/dist/**

.eslintrc

@@ -1,13 +1,19 @@
 {
 	"env": {
-		"browser": true
+		"browser": true,
+		"es6": true,
+		"node": true
+	},
+	"parserOptions": {
+		"sourceType": "module"
 	},
 	"globals": {
 		"_": false,
 		"Backbone": false,
-		"jQuery": false,
+		"jQuery": true,
 		"wp": false
 	},
+	"extends": "wordpress",
 	"rules": {
 		"accessor-pairs": [2],
 		"block-scoped-var": [2],

.gitignore

@@ -1 +1,3 @@
 codecept.phar
+node_modules
+npm-debug.log

.jshintrc

@@ -3,7 +3,7 @@
   "curly": true,
   "eqeqeq": true,
   "eqnull": true,
-  "es3": true,
+  "esversion": 6,
   "expr": true,
   "immed": true,
   "noarg": true,
@@ -15,6 +15,7 @@
   "unused": true,
 
   "browser": true,
+  "node": true,
 
   "globals": {
     "_": false,

build-workflows.sh

@@ -0,0 +1,7 @@
+#!/bin/bash
+
+set -e
+
+rm -rf ./workflows/dist
+./node_modules/.bin/babel ./workflows/src --out-dir ./workflows/dist
+mv ./workflows/dist/gulpfile.babel.js ./workflows/dist/gulpfile.js

package.json

@@ -2,18 +2,102 @@
   "name": "wp-dev-lib",
   "version": "1.0.0",
   "description": "Common code used during development of WordPress plugins and themes",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
   "repository": "xwp/wp-dev-lib",
+  "engines": {
+    "node": ">=6.11.x"
+  },
   "keywords": [
     "wordpress",
     "plugins",
     "themes",
     "development",
     "tools"
   ],
-  "author": "Weston Ruter <weston@xwp.co> (https://xwp.co)",
+  "author": {
+    "name": "Weston Ruter",
+    "email": "weston.ruter@xwp.co",
+    "url": "https://www.xwp.co"
+  },
+  "contributors": [
+    {
+      "name": "Piotr Delawski",
+      "email": "piotr.delawski@xwp.co"
+    },
+    {
+      "name": "Mike Crantea",
+      "email": "mike.crantea@xwp.co"
+    },
+    {
+      "name": "Justin Kopepasah",
+      "email": "justin.kopepasah@xwp.co",
+      "url": "https://kopepasah.com"
+    }
+  ],
   "license": "MIT",
-  "homepage": "https://github.com/xwp/wp-dev-lib#readme"
+  "homepage": "https://github.com/xwp/wp-dev-lib#readme",
+  "scripts": {
+    "build:self": "./build-workflows.sh",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "browserslist": [
+    "last 2 Chrome versions",
+    "last 2 Firefox versions",
+    "last 2 Safari versions",
+    "last 2 Edge versions",
+    "last 2 Opera versions",
+    "last 2 iOS versions",
+    "last 1 Android version",
+    "last 1 ChromeAndroid version",
+    "ie 11",
+    "> 1%"
+  ],
+  "babel": {
+    "presets": [
+      [
+        "env"
+      ]
+    ]
+  },
+  "stylelint": {
+    "extends": "stylelint-config-wordpress/scss"
+  },
+  "dependencies": {
+    "autoprefixer": "^7.1.2",
+    "babel-cli": "^6.24.1",
+    "babel-core": "^6.25.0",
+    "babel-loader": "^7.1.1",
+    "babel-preset-env": "^1.6.0",
+    "del": "^3.0.0",
+    "eslint": "^4.3.0",
+    "eslint-config-wordpress": "^2.0.0",
+    "eslint-loader": "^1.9.0",
+    "eslint-plugin-compat": "^1.0.4",
+    "gulp": "gulpjs/gulp.git#4.0",
+    "gulp-cached": "^1.1.1",
+    "gulp-eslint": "^4.0.0",
+    "gulp-if": "^2.0.2",
+    "gulp-imagemin": "^3.3.0",
+    "gulp-plumber": "^1.1.0",
+    "gulp-postcss": "^7.0.0",
+    "gulp-progeny": "^0.4.0",
+    "gulp-sass": "^3.1.0",
+    "gulp-sourcemaps": "^2.6.0",
+    "gulp-watch": "^4.3.11",
+    "lodash": "^4.17.4",
+    "postcss": "^6.0.8",
+    "postcss-assets": "^4.2.0",
+    "postcss-cssnext": "^3.0.2",
+    "postcss-pxtorem": "^4.0.1",
+    "postcss-reporter": "^4.0.0",
+    "postcss-scss": "^1.0.2",
+    "progress-bar-webpack-plugin": "^1.10.0",
+    "require-dir": "^0.3.2",
+    "stylelint": "^8.0.0",
+    "stylelint-config-wordpress": "^12.0.0",
+    "validate-node-version": "^1.1.1",
+    "webpack": "^3.3.0",
+    "webpack-config-utils": "^2.3.0",
+    "webpack-stream": "^3.2.0",
+    "yargs": "^8.0.2"
+  }
 }

workflows/dist/gulpfile.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var _gulp = require('gulp');
+
+var _gulp2 = _interopRequireDefault(_gulp);
+
+var _preCheck = require('./utils/pre-check');
+
+var _getTasks = require('./utils/get-tasks');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Check Node version and workflow setup.
+(0, _preCheck.preCheck)();
+
+// Define default task.
+_gulp2.default.task('default', _gulp2.default.series((0, _getTasks.getTasks)()));

workflows/dist/tasks/clean.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var _gulp = require('gulp');
+
+var _gulp2 = _interopRequireDefault(_gulp);
+
+var _getConfig = require('../utils/get-config');
+
+var _del = require('del');
+
+var _del2 = _interopRequireDefault(_del);
+
+var _TaskHelper = require('../utils/TaskHelper');
+
+var _TaskHelper2 = _interopRequireDefault(_TaskHelper);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var task = new _TaskHelper2.default({
+	name: 'clean',
+	requiredPaths: ['src'],
+	config: _getConfig.tasks
+});
+
+_gulp2.default.task(task.name, function (done) {
+	if (task.isValid()) {
+		(0, _del2.default)(task.src).then(function () {
+			return done();
+		});
+	}
+});

workflows/dist/tasks/copy.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var _gulp = require('gulp');
+
+var _gulp2 = _interopRequireDefault(_gulp);
+
+var _gulpIf = require('gulp-if');
+
+var _gulpIf2 = _interopRequireDefault(_gulpIf);
+
+var _gulpCached = require('gulp-cached');
+
+var _gulpCached2 = _interopRequireDefault(_gulpCached);
+
+var _getConfig = require('../utils/get-config');
+
+var _TaskHelper = require('../utils/TaskHelper');
+
+var _TaskHelper2 = _interopRequireDefault(_TaskHelper);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var task = new _TaskHelper2.default({
+	name: 'copy',
+	requiredPaths: ['src', 'dest'],
+	config: _getConfig.tasks
+});
+
+_gulp2.default.task(task.name, function () {
+	if (!task.isValid()) {
+		return null;
+	}
+
+	return task.start().pipe((0, _gulpIf2.default)(_getConfig.isDev, (0, _gulpCached2.default)(task.cacheName, { optimizeMemory: false }))).pipe(task.end());
+});

workflows/dist/tasks/css-lint.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var _gulp = require('gulp');
+
+var _gulp2 = _interopRequireDefault(_gulp);
+
+var _gulpCached = require('gulp-cached');
+
+var _gulpCached2 = _interopRequireDefault(_gulpCached);
+
+var _getConfig = require('../utils/get-config');
+
+var _gulpIf = require('gulp-if');
+
+var _gulpIf2 = _interopRequireDefault(_gulpIf);
+
+var _gulpPostcss = require('gulp-postcss');
+
+var _gulpPostcss2 = _interopRequireDefault(_gulpPostcss);
+
+var _postcssReporter = require('postcss-reporter');
+
+var _postcssReporter2 = _interopRequireDefault(_postcssReporter);
+
+var _postcssScss = require('postcss-scss');
+
+var _postcssScss2 = _interopRequireDefault(_postcssScss);
+
+var _stylelint = require('stylelint');
+
+var _stylelint2 = _interopRequireDefault(_stylelint);
+
+var _TaskHelper = require('../utils/TaskHelper');
+
+var _TaskHelper2 = _interopRequireDefault(_TaskHelper);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var task = new _TaskHelper2.default({
+	name: 'css-lint',
+	requiredPaths: ['src'],
+	config: _getConfig.tasks,
+	configSlug: 'css'
+});
+
+if (undefined !== task.config) {
+	_gulp2.default.task(task.name, function () {
+		if (!task.isValid()) {
+			return null;
+		}
+
+		return task.start().pipe((0, _gulpIf2.default)(_getConfig.isDev, (0, _gulpCached2.default)(task.cacheName))).pipe((0, _gulpPostcss2.default)([(0, _stylelint2.default)(), (0, _postcssReporter2.default)({ clearAllMessages: true })], { syntax: _postcssScss2.default }));
+	});
+}