vue.config.js

const fs = require('fs');

// eslint-disable-next-line import/no-extraneous-dependencies
const BannerPlugin = require('webpack/lib/BannerPlugin');
const globImporter = require('node-sass-glob-importer');
const VueAutomaticImportPlugin = require('vue-automatic-import-loader/lib/plugin');

const env = require('./package.json');

process.env.VUE_APP_VERSION = env.version;
process.env.VUE_APP_LICENSE = env.license;
process.env.VUE_APP_BUGS_URL = env.bugs.url;
process.env.VUE_APP_CONTRIBUTORS_URL = 'https://github.com/tify-iiif-viewer/tify/blob/main/CONTRIBUTORS.md';
process.env.VUE_APP_DOCS_URL = `${env.repository.url}/blob/v${env.version}/doc`;
process.env.VUE_APP_DOCS_LANGUAGES = [...new Set(fs.readdirSync('./doc').map((file) => file.split('.')[1]))];
process.env.VUE_APP_REPOSITORY_URL = env.repository.url;

module.exports = {
	publicPath: '',
	chainWebpack: (config) => {
		config.module.rule('eslint')
			.use('eslint-loader')
			.options({ fix: true });
	},
	configureWebpack: {
		optimization: {
			splitChunks: false,
		},
		output: {
			filename: 'tify.js',
		},
		plugins: [
			// Prepend copyright notice to each compiled file
			new BannerPlugin(
				`TIFY v${env.version}`
				+ `\n(c) 2017-${new Date().getFullYear()}`
				+ ' Göttingen State and University Library (https://www.sub.uni-goettingen.de/en/)'
				+ `\n${env.license}`
				+ `\n${env.homepage}`,
			),
			new VueAutomaticImportPlugin({
				match(originalTag, { kebabTag, camelTag }) {
					if (kebabTag.startsWith('icon-')) {
						return [camelTag, `import ${camelTag} from '@/components/icons/${camelTag}'`];
					}

					return null;
				},
			}),
		],
	},
	css: {
		extract: {
			filename: 'tify.css',
		},
		loaderOptions: {
			scss: {
				sassOptions: {
					importer: globImporter(),
				},
			},
		},
	},
	productionSourceMap: false,
	devServer: {
		port: process.env.NODE_ENV === 'test' ? 8888 : 8080,
	},
};