/* eslint-disable @typescript-eslint/no-var-requires */

const fs = require('fs');

const { resolve } = require('path');

const { EnvironmentPlugin } = require('webpack');

const ExtensionReloader = require('webpack-extension-reloader');

const manifest = require('./static/manifest.json');

const config = require('./webpack.config');

const basicPermissions = manifest.permissions;

// Any key we want to override for dev builds we can do it here

const manifestOverride = {

...manifest,

permissions: basicPermissions.concat(['contextMenus']),

};

const manifestFilePath = resolve(__dirname, './build/manifest.json');

const manifestForBuild = require(manifestFilePath);

const allowedPlugins = [];

if (manifestForBuild.background.scripts) {

console.log('building for firefox! disabling hot reload');

} else {

allowedPlugins.push(

new ExtensionReloader({

manifest: manifestFilePath,

reloadPage: true,

entries: {

background: 'background',

contentScript: 'contentscript',

extensionPage: 'popup',

},

}),

);

}

module.exports = {

...config,

mode: 'development',

devtool: false,

plugins: [

...config.plugins,

new EnvironmentPlugin({

PLAYGROUND: process.env.PLAYGROUND

? JSON.stringify(process.env.PLAYGROUND)

: null,

}),

...allowedPlugins,

{

apply: (compiler) => {

},

},

],

};