webpack.config.ts

import path from 'path';

import dotenv from 'dotenv';
import type { Configuration } from 'webpack';

import { WebpackMode, WebpackOptions, WebpackPaths } from './config/webpack/types/types';
import { webpackConfig } from './config/webpack/webpackConfig';

interface EnvVariables {
	mock?: string;
	ssl?: string;
	mode: WebpackMode;
	port?: number | string;
}

const modes = {
	production: '.env.production',
	development: '.env.development',
	test: '.env.test',
};

export default (env: EnvVariables) => {
	const paths: WebpackPaths = {
		html: path.resolve(__dirname, 'public', 'index.html'),
		output: path.resolve(__dirname, 'build'),
		entry: path.resolve(__dirname, 'src', 'app', 'index.tsx'),
		initTheme: path.resolve(
			__dirname,
			'src',
			'features',
			'theme',
			'switch-theme',
			'model',
			'helpers',
			'initTheme.ts',
		),
		src: path.resolve(__dirname, 'src'),
		public: path.resolve(__dirname, 'public'),
		env: path.resolve(__dirname, modes[env.mode]),
		locales: path.resolve(__dirname, 'public', 'locales'),
		buildLocales: path.resolve(__dirname, 'build', 'locales'),
		httpsKey: path.resolve(__dirname, 'cert', 'localhost.key'),
		httpsCert: path.resolve(__dirname, 'cert', 'localhost.crt'),
		robots: path.resolve(__dirname, 'public', 'robots.txt'),
		sitemap: path.resolve(__dirname, 'public', 'sitemap.xml'),
	};

	// Пытаемся загрузить .env файл, если он существует
	try {
		dotenv.config({ path: paths.env });
		// eslint-disable-next-line @typescript-eslint/no-unused-vars
	} catch (error) {
		// eslint-disable-next-line no-console
		console.warn(`Warning: .env file not found for ${env.mode} mode. Using process.env values.`);
	}

	const isDev = env.mode === 'development';
	const isMock = env.mode === 'development' && env.mock === 'true';
	const notSsl = env.mode === 'development' && env.ssl === 'false';
	const port = notSsl ? 3001 : (env.port ?? process.env.PORT ?? 3001);

	// Добавляем DefinePlugin для передачи переменных окружения в приложение
	const envVars = {
		__IS_DEV__: JSON.stringify(isDev),
		'process.env.NODE_ENV': JSON.stringify(env.mode),
		'process.env.PORT': JSON.stringify(process.env.PORT || port),
		'process.env.API_URL': JSON.stringify(process.env.API_URL),
		'process.env.LANDING_URL': JSON.stringify(process.env.LANDING_URL),
		'process.env.APP_URL': JSON.stringify(process.env.APP_URL),
		'process.env.TELEGRAM_BOT_NAME': JSON.stringify(process.env.TELEGRAM_BOT_NAME),
		'process.env.MOCK': JSON.stringify(isMock),
	};

	const options: WebpackOptions = {
		port: +port,
		mode: env.mode,
		isDev,
		paths,
		envs: envVars,
		notSsl,
	};

	const config: Configuration = webpackConfig(options);

	return config;
};