webpack-browser-sync/lib/WebpackOptions.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const lodash_1 = require("lodash");
const memory_fs_1 = tslib_1.__importDefault(require("memory-fs"));
const path_1 = tslib_1.__importDefault(require("path"));
const webpack_1 = tslib_1.__importDefault(require("webpack"));
const webpack_dev_middleware_1 = tslib_1.__importDefault(require("webpack-dev-middleware"));
const webpack_hot_middleware_1 = tslib_1.__importDefault(require("webpack-hot-middleware"));
exports.HMR_ENTRY = "webpack-hot-middleware/client";
exports.getHmrPluginsByVersion = () => {
    const version = require("webpack/package.json").version;
    const majarVersion = String(version).split(".")[0];
    switch (majarVersion) {
        case "1":
            throw new Error("not support webpack@1");
        case "2":
        default:
            return [
                webpack_1.default.HotModuleReplacementPlugin
            ];
    }
};
const concatHMREntry = (entry) => [exports.HMR_ENTRY].concat(entry);
const isOneOfPlugins = (PluginList, plugin) => lodash_1.reduce(PluginList, (result, Plugin) => (result || (plugin instanceof Plugin)), false);
exports.patchEntryWithHMR = (entry) => {
    if (lodash_1.isObject(entry)) {
        return lodash_1.mapValues(entry, concatHMREntry);
    }
    return concatHMREntry(entry);
};
exports.patchPlugins = (plugins) => {
    const hmrPlugins = exports.getHmrPluginsByVersion();
    const cleanedPlugins = lodash_1.dropWhile(plugins, (plugin) => isOneOfPlugins(hmrPlugins, plugin));
    return lodash_1.concat(cleanedPlugins, lodash_1.map(hmrPlugins, (Plugin) => new Plugin()));
};
exports.patchWebConfigWithHMR = (webpackConfig) => (Object.assign(Object.assign({}, webpackConfig), { entry: exports.patchEntryWithHMR(webpackConfig.entry), plugins: exports.patchPlugins(webpackConfig.plugins) }));
exports.createMiddlewaresForWebpack = (webpackConfig, index, hot = false) => {
    const patchedWebpackConfig = hot
        ? exports.patchWebConfigWithHMR(webpackConfig)
        : webpackConfig;
    const bundler = webpack_1.default(patchedWebpackConfig);
    const fs = new memory_fs_1.default();
    bundler.outputFileSystem = fs;
    const devMiddleware = webpack_dev_middleware_1.default(bundler, {
        publicPath: (patchedWebpackConfig.output || {}).publicPath,
        stats: patchedWebpackConfig.stats || {
            colors: true,
            reasons: false,
            hash: false,
            version: false,
            timings: true,
            chunks: false,
            chunkModules: false,
            cached: false
        }
    });
    const devServerMiddlewares = [
        devMiddleware,
        ((req, res, next) => {
            if (req.method === "GET" && req.url === "/") {
                devMiddleware.waitUntilValid(() => {
                    const indexFile = path_1.default.join(webpackConfig.output.path, index);
                    res.end(fs.readFileSync(indexFile));
                });
            }
            else {
                next();
            }
        })
    ];
    if (hot) {
        return [
            ...devServerMiddlewares,
            webpack_hot_middleware_1.default(bundler)
        ];
    }
    return devServerMiddlewares;
};