webpack.config.common.js

const path = require('path');

/* eslint-disable no-param-reassign */

/**
 * Disable verbose logs
 * @param config {webpack.Configuration}
 */
const mutateStats = (config) => {
  config.stats = 'errors-only';
};

/**
 * set ts-loader as transpileOnly for now. Also excludes node_modules from compilation
 * @param config {webpack.Configuration}
 */
const mutateFixTsLoader = (config) => {
  const tsLoader = config.module.rules.find(r => r && r.use && r.use[0] && r.use[0].loader === 'ts-loader');

  if (tsLoader) {
    tsLoader.use[0].options.transpileOnly = true;
    tsLoader.exclude = /node_modules/;
  }
};

/**
 * minimizer should keep classnames and fnames
 * @param config {webpack.Configuration}
 */
const mutateFixTerser = (config) => {
  if (config.mode === 'production') {
    Object.assign(config.optimization.minimizer[0].options.terserOptions, {
      keep_classnames: true,
      keep_fnames: true,
    });
  }
};

/**
 * add sources to sourcemap
 * @param config {webpack.Configuration}
 */
const mutateDevtool = (config) => {
  if (config.mode === 'production') {
    config.devtool = 'source-map';
  }
};

/**
 * loader for graphql schema and .env.* files
 * @param config {webpack.Configuration}
 */
const mutateAddRules = (config) => {
  config.module.rules.push({
    test: /\.graphql$/,
    exclude: /node_modules/,
    loader: 'graphql-import-loader'
  });
  config.module.rules.push({
    test: /\.svg$/,
    loader: 'svg-inline-loader'
  });
};

/**
 * minimizer should keep classnames and fnames
 * @param config {webpack.Configuration}
 */
const mutateAddExternals = (config) => {
  // Used by window-open overload
  config.externals.push('react-addons-perf');
};

/**
 * alias some missing imports
 * @param config {webpack.Configuration}
 */
const mutateAlias = (config) => {
  // Electron does not bundle `ipcRendererInternal` anymore since 7.x
  config.resolve.alias['@electron/internal/renderer/ipc-renderer-internal'] =
    path.resolve(__dirname, 'app/lib/ipc-renderer-internal.ts');
};

/**
 * @param config {webpack.Configuration}
 */
const mutateWebpackConfig = (config) => {
  mutateStats(config);
  mutateFixTsLoader(config);
  mutateFixTerser(config);
  mutateAddRules(config);
  mutateAddExternals(config);
  mutateDevtool(config);
  mutateAlias(config);
};

module.exports = {
  mutateWebpackConfig,
};