/* eslint-disable import/no-extraneous-dependencies */
// webpack.mix.js

const mix = require('laravel-mix');
const { join } = require('path');
const packageData = require('./package.json');
require('./tools/laravel-mix/wp-pot');

// Local config.
let localConfig = {};

try {
	localConfig = require('./webpack.mix.local');
} catch {}

// Webpack Config.
mix.webpackConfig({
	externals: {
		jquery: 'jQuery',
		lodash: 'lodash',
		moment: 'moment',
	},
});

// Aliasing Paths.
mix.alias({
	'@root': join(__dirname, 'assets/src'),
});

// Browsersync
if (undefined !== localConfig.wpUrl && '' !== localConfig.wpUrl) {
	mix.browserSync({
		proxy: localConfig.wpUrl,
		ghostMode: false,
		notify: false,
		ui: false,
		open: true,
		online: false,
		files: ['assets/css/*.min.css', 'assets/js/*.js', '**/*.php'],
	});
}

/**
 * CSS Files
 */
// mix.sass( 'assets/scss/app.scss', 'assets/css/app.min.css', {sassOptions: {outputStyle: 'compressed'}} );

/**
 * Combine all JS scripts relying on Cache Busting into one single file
 */
mix.js(
	'assets/src/front/index.js',
	'assets/js/front/front.js'
);
mix.minify(['assets/js/advanced-ads-pro.js', 'assets/js/privacy.js']);
mix.minify(
	'modules/extended-adblocker/assets/js/admin.js',
	'modules/extended-adblocker/assets/js/admin.min.js'
);
/**
 * WordPress translation
 */
if (process.argv.includes('wpPot')) {
	mix.wpPot({
		output: packageData.wpPot.output,
		file: packageData.wpPot.file,
		skipJS: true,
		domain: packageData.wpPot.domain,
	});
}