build-boiler
Version:
Build Boilerplate using Webpack, Eslint, Assemble, Nunjucks, and BrowserSync
165 lines (117 loc) • 5.46 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
exports.default = function (collection) {
var doc = _jsdom2.default.jsdom('<!doctype html><html><body></body></html>');
var win = doc.defaultView;
if (!global.document) global.document = doc;
if (!global.window) global.window = win;
if (!global.navigator) global.navigator = win.navigator;
/**
* @param {String|Array} patterns glob patterns
* @param {Object} options glob options
* @param {Object} data any additional context
* @param {Function} cb callback to be called at the end
*
* @return {undefined} use the cb
*/
collection.load = function (patterns) {
var options = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
var config = arguments[2];
var cb = arguments[3];
var files = _globby2.default.sync(patterns, options);
var entry = files.reduce(function (acc, fp) {
var name = (0, _renameKey2.default)(fp);
log('Compiling ' + magenta(name) + ' component for isomorphic build');
return _extends({}, acc, _defineProperty({}, name, ['./' + fp]));
}, {});
var baseConfig = config.webpackConfig;
var webpackPaths = baseConfig.webpackPaths;
var _webpackPaths$jsBundl = _slicedToArray(webpackPaths.jsBundleName, 1);
var jsBundleName = _webpackPaths$jsBundl[0];
var fs = new _memoryFs2.default();
var serverConfig = _lodash2.default.merge({}, config, {
ENV: 'server',
environment: {
isServer: true
},
webpackConfig: {
paths: {
jsBundleName: jsBundleName
}
}
});
serverConfig.sources.entry = entry;
var webpackConfig = (0, _makeWebpackConfig2.default)(serverConfig);
webpackConfig.plugins.push(function () {
this.plugin('done', function (stats) {
var _ref = stats.compilation || {};
var errors = _ref.errors;
if (errors && errors.length) {
errors.forEach(function (error) {
return log(error.message);
});
}
});
});
var compiler = (0, _webpack2.default)(webpackConfig);
var sources = config.sources;
var utils = config.utils;
var buildDir = sources.buildDir;
var scriptDir = sources.scriptDir;
var addbase = utils.addbase;
compiler.outputFileSystem = fs;
compiler.run(function (err, stats) {
if (err) return cb(err);
Object.keys(entry).forEach(function (file) {
var filename = file + '.js';
var fp = addbase(buildDir, scriptDir, filename);
log('Finished Compiling ' + blue(file) + ' component');
var contents = fs.readFileSync(fp);
var fn = (0, _compileModule2.default)(contents);
collection.addView(file, {
path: file,
contents: contents,
fn: fn
});
});
cb(null);
});
};
};
var _lodash = require('lodash');
var _lodash2 = _interopRequireDefault(_lodash);
var _globby = require('globby');
var _globby2 = _interopRequireDefault(_globby);
var _jsdom = require('jsdom');
var _jsdom2 = _interopRequireDefault(_jsdom);
var _webpack = require('webpack');
var _webpack2 = _interopRequireDefault(_webpack);
var _memoryFs = require('memory-fs');
var _memoryFs2 = _interopRequireDefault(_memoryFs);
var _gulpUtil = require('gulp-util');
var _gulpUtil2 = _interopRequireDefault(_gulpUtil);
var _renameKey = require('../../utils/rename-key');
var _renameKey2 = _interopRequireDefault(_renameKey);
var _makeWebpackConfig = require('../webpack/make-webpack-config');
var _makeWebpackConfig2 = _interopRequireDefault(_makeWebpackConfig);
var _compileModule = require('../../utils/compile-module');
var _compileModule2 = _interopRequireDefault(_compileModule);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var colors = _gulpUtil2.default.colors;
var log = _gulpUtil2.default.log;
var magenta = colors.magenta;
var blue = colors.blue;
/**
* Loader to compile React components and es6 functions with Webpack
* memory-fs and put them on the `snippets` Assemble collection
*
* @param {Object} collection instance provided by assemble
*
* @return {Function} function re-defining a `load` method
*/
module.exports = exports['default'];