webpack.combined.config.js

/*
 * Copyright (C) 2020 Graylog, Inc.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the Server Side Public License, version 1,
 * as published by MongoDB, Inc.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * Server Side Public License for more details.
 *
 * You should have received a copy of the Server Side Public License
 * along with this program. If not, see
 * <http://www.mongodb.com/licensing/server-side-public-license>.
 */
const fs = require('fs');

const glob = require('glob');
const path = require('path');
const merge = require('webpack-merge');
const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');

const TARGET = process.env.npm_lifecycle_event;
const WEB_MODULES = path.resolve(__dirname, './web-modules.json');

const configsFromWebModule = (webModulesFile) => {
  const webModules = JSON.parse(fs.readFileSync(webModulesFile));

  return webModules.modules
    .map(({ path: p }) => p)
    .filter((_path) => _path.includes('graylog-plugin'))
    .map((_path) => `${_path}/webpack.config.js`);
};

const configsFromGlob = () => {
  const pluginConfigPattern = 'graylog-plugin-*/**/webpack.config.js';
  const globCwd = '../..';
  const globOptions = {
    ignore: '**/node_modules/**',
    cwd: globCwd,
    nodir: true,
  };

  function isNotDependency(pluginConfig) {
    // Avoid including webpack configs of dependencies and built files.
    return !pluginConfig.includes('/target/') && !pluginConfig.includes('/node_modules/');
  }

  return glob.sync(pluginConfigPattern, globOptions)
    .map((config) => `${globCwd}/${config}`)
    .filter(isNotDependency);
};

// eslint-disable-next-line no-nested-ternary
const pluginConfigs = process.env.disable_plugins === 'true'
  ? []
  : fs.existsSync(WEB_MODULES)
    ? configsFromWebModule(WEB_MODULES)
    : configsFromGlob();

if (pluginConfigs.some((config) => config.includes('graylog-plugin-cloud/server-plugin'))) {
  process.env.IS_CLOUD = true;
}

process.env.web_src_path = path.resolve(__dirname);

// eslint-disable-next-line import/no-dynamic-require
const webpackConfig = require(path.resolve(__dirname, './webpack.config.js'));

const mergedPluginConfigs = pluginConfigs
  // eslint-disable-next-line global-require,import/no-dynamic-require
  .map((configFile) => require(configFile))
  .reduce((config, pluginConfig) => merge.smart(config, pluginConfig), {});

const mergedWebpackConfig = (TARGET === 'start')
  ? merge(webpackConfig, {
    plugins: [
      new ForkTsCheckerWebpackPlugin(),
    ],
  })
  : webpackConfig;

const finalConfig = merge.smart(mergedPluginConfigs, mergedWebpackConfig);

// We need to inject webpack-hot-middleware to all entries, ensuring the app is able to reload on changes.
if (TARGET === 'start') {
  const hmrEntries = {};
  const webpackHotMiddlewareEntry = 'webpack-hot-middleware/client?reload=true';

  Object.keys(finalConfig.entry).forEach((entryKey) => {
    const entryValue = finalConfig.entry[entryKey];
    const hmrValue = [webpackHotMiddlewareEntry];

    if (Array.isArray(entryValue)) {
      hmrValue.push(...entryValue);
    } else {
      hmrValue.push(entryValue);
    }

    hmrEntries[entryKey] = hmrValue;
  });

  finalConfig.entry = hmrEntries;
}

module.exports = finalConfig;