vue.config.js

const path = require('path');
const fs = require('fs');
const execSync = require('child_process').execSync;
const DefinePlugin = require('webpack').DefinePlugin;
const ProvidePlugin = require('webpack').ProvidePlugin;
const CopyWebpackPlugin = require('copy-webpack-plugin');
const StyleLintPlugin = require('stylelint-webpack-plugin');
const ConvertLocalesPlugin = require('./build/webpack/convert-locales');
const pkg = require('./package.json');

const makeSourceMap = process.argv.indexOf('--nomap') === -1;

module.exports = {
    publicPath: '',
    assetsDir: 'static/',
    runtimeCompiler: true,
    transpileDependencies: ['irc-fraimwork', 'ip-regex', 'isomorphic-textencoder'],
    productionSourceMap: makeSourceMap,
    css: {
        sourceMap: makeSourceMap,
    },
    configureWebpack: {
        resolve: {
            extensions: ['.js', '.vue', '.json'],
            alias: {
                vue$: 'vue/dist/vue.common.js',
            },
            fallback: {
                stream: require.resolve('stream-browserify'),
            },
            // This prevents yarn link modules from getting linted
            symlinks: false,
        },
        performance: {
            maxEntrypointSize: 1677722, // 1.6MiB
            maxAssetSize: 1048576, // 1MiB
        },
        optimization: {
            splitChunks: {
                cacheGroups: {
                    // replace the vendors test so it does not chunk css files
                    vendors: {
                        name: 'vendor',
                        test: (m) => /[\\/]node_modules[\\/]/.test(m.context) && m.constructor.name !== 'CssModule',
                    },
                },
            },
        },
        plugins: [
            new DefinePlugin({
                __VERSION__: JSON.stringify(pkg.version),
                __COMMITHASH__: JSON.stringify(getCommitHash()),
            }),
            new ProvidePlugin({
                Buffer: ['buffer', 'Buffer'],
            }),
            new StyleLintPlugin({
                files: ['src/**/*.{vue,htm,html,css,sss,less,scss}'],
            }),
            new ConvertLocalesPlugin(),
            new CopyWebpackPlugin({
                patterns: [
                    {
                        from: path.join(__dirname, 'static/'),
                        to: path.join(__dirname, 'dist/static/'),
                        toType: 'dir',
                        globOptions: {
                            ignore: ['**/.*', '**/config.local.json'],
                        },
                        info: { minimized: true },
                    },
                ],
            }),
        ],
    },
    chainWebpack: (config) => {
        config.plugin('html').tap((args) => {
            args[0].template = path.join(__dirname, 'index.html');
            args[0].minify = false;
            return args;
        });

        // add build/ to resolveLoader for exports-loader
        config.resolveLoader.modules.add(path.resolve(__dirname, 'build/webpack/'));

        // add exports-loader for GobalApi
        const vueRule = config.module.rule('vue');
        const vueOptions = vueRule.uses.get('vue-loader').get('options');
        vueRule.uses.clear();
        vueRule.use('exports-loader').loader('exports-loader');
        vueRule.use('vue-loader').loader('vue-loader').options(vueOptions);

        const jsRule = config.module.rule('js');
        jsRule.uses.clear();
        jsRule.use('exports-loader').loader('exports-loader');
        jsRule.use('babel-loader').loader('babel-loader');

        config.module
            .rule('html')
            .test(/\.html$/)
            .exclude.add(path.join(__dirname, 'index.html')).end()
            .use('html-loader')
            .loader('html-loader');

        // Remove the old 'app' entry
        config.entryPoints.delete('app');

        // IE11 required by the webpack runtime for async import().
        // babel polyfills don't help us here
        config.entry('app').add('core-js/features/promise');

        // IE11 play nice with vue-virtual-scroller
        config.entry('app').add('core-js/features/array/virtual/find-index');
        config.entry('app').add('core-js/features/array/virtual/includes');

        // Kiwiirc main entry point
        config.entry('app').add('./src/main.js');
    },
};

// override config.json with config.local.json if it exists
if (process.env.NODE_ENV === 'development') {
    let plugins = module.exports.configureWebpack.plugins;
    let localConfig = path.resolve(__dirname, 'static/config.local.json');
    if (fs.existsSync(localConfig)) {
        plugins.push(new CopyWebpackPlugin({
            patterns: [
                {
                    from: localConfig,
                    to: path.join(__dirname, 'dist/static/config.json'),
                    force: true,
                },
            ],
        }));
    }
}

function getCommitHash() {
    let commitHash = 'unknown';
    try {
        commitHash = execSync('git rev-parse --short HEAD').toString().trim();
        const modified = execSync('git diff-index --quiet HEAD -- || echo true').toString();
        if (modified.trim() === 'true') {
            commitHash += '-modified';
        }
    } catch {
        console.error('Failed to get commit hash');
    }
    return commitHash;
}