plugins.js

import { exec } from 'child_process'
import { EnvironmentPlugin, IgnorePlugin } from 'webpack'
import ForkTsPlugin from 'fork-ts-checker-webpack-plugin'
import CopyPlugin from 'copy-webpack-plugin'
import HtmlPlugin from 'html-webpack-plugin'
import HtmlIncAssetsPlugin from 'html-webpack-include-assets-plugin'
import HardSourcePlugin from 'hard-source-webpack-plugin'
import StylelintPlugin from 'stylelint-webpack-plugin'
import BuildNotifPlugin from 'webpack-build-notifier'
import CssExtractPlugin from 'mini-css-extract-plugin'
import SentryPlugin from '@sentry/webpack-plugin'
import ZipPlugin from 'zip-webpack-plugin'
import ScriptExtHtmlWebpackPlugin from 'script-ext-html-webpack-plugin'
import PostCompilePlugin from 'post-compile-webpack-plugin'
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer')
    .BundleAnalyzerPlugin
import initEnv from './env'
import * as staticFiles from './static-files'
import { output } from './config'
const Dotenv = require('dotenv-webpack')

/**
 * @param {boolean} tslint Denotes whether or not to enable linting on this thread as well as type checking.
 */
const initTsPlugin = (tslint) =>
    new ForkTsPlugin({
        checkSyntacticErrors: true,
        async: false,
        tslint,
    })

export default function ({
    webExtReloadPort = 9090,
    mode = 'development',
    htmlTemplates,
    isCI = false,
    runSentry = false,
    notifsEnabled = false,
    shouldPackage = false,
    shouldAnalyze = false,
    packagePath = '../dist',
    extPackageName = 'extension.zip',
    sourcePackageName = 'source-code.zip',
}) {
    const { defaultEnv, envPath } = initEnv({ mode })

    const plugins = [
        new EnvironmentPlugin(defaultEnv),
        new Dotenv({ path: envPath }),
        new CopyPlugin(staticFiles.copyPatterns),
        new HtmlPlugin({
            title: 'Popup',
            chunks: ['popup'],
            filename: 'popup.html',
            template: htmlTemplates.popup,
        }),
        new HtmlPlugin({
            title: 'Memex',
            chunks: ['options'],
            filename: 'options.html',
            template: htmlTemplates.options,
        }),
        new HtmlPlugin({
            title: 'Playground',
            chunks: ['playground'],
            filename: 'playground.html',
            template: htmlTemplates.options,
        }),
        new HtmlIncAssetsPlugin({
            append: false,
            assets: staticFiles.htmlAssets,
        }),
        new CssExtractPlugin({
            filename: '[name].css',
        }),
        new ScriptExtHtmlWebpackPlugin({
            async: ['popup.js', 'lib/browser-polyfill.js'],
            preload: /\.(css|js)$/,
            prefetch: /\.(svg|png)$/,
        }),
        new IgnorePlugin(/^\.\/locale$/, /moment$/),
    ]

    if (shouldAnalyze) {
        plugins.unshift(new BundleAnalyzerPlugin())
    }

    if (mode === 'development' && process.env.NO_CACHE !== 'true') {
        plugins.push(
            new HardSourcePlugin({
                environmentHash: {
                    root: process.cwd(),
                    directories: [],
                    files: [
                        'yarn.lock',
                        'package-lock.json',
                        '.env.example',
                        'private/.env.production',
                        'private/.env.development',
                    ],
                },
            }),
        )
    } else if (mode === 'production') {
        plugins.push(
            new SentryPlugin({
                release: process.env.npm_package_version,
                include: output.path,
                dryRun: !runSentry,
                debug: true,
            }),
        )
    }

    if (shouldPackage || isCI) {
        plugins.push(
            new ZipPlugin({
                path: packagePath,
                filename: extPackageName,
                exclude: [/\.map/],
            }),
        )
    }

    if (shouldPackage) {
        plugins.push(
            new PostCompilePlugin(() =>
                exec('git-archive-all dist/source-code.zip'),
            ),
        )
    }

    // CI build doesn't need to use linting plugins
    if (isCI) {
        return [...plugins, initTsPlugin(false)]
    }

    if (notifsEnabled) {
        plugins.push(
            new BuildNotifPlugin({
                title: 'Memex Build',
            }),
        )
    }

    return [
        ...plugins,
        initTsPlugin(true),
        new StylelintPlugin({
            files: 'src/**/*.css',
            failOnError: mode === 'production',
        }),
    ]
}