const BundleTracker = require("webpack-bundle-tracker");

const pages = {
    'recipe_search_view': {
        entry: './src/apps/RecipeSearchView/main.js',
        chunks: ['chunk-vendors']
    },
    'recipe_view': {
        entry: './src/apps/RecipeView/main.js',
        chunks: ['chunk-vendors']
    },
    'offline_view': {
        entry: './src/apps/OfflineView/main.js',
        chunks: ['chunk-vendors']
    },
    'import_response_view': {
        entry: './src/apps/ImportResponseView/main.js',
        chunks: ['chunk-vendors']
    },
    'supermarket_view': {
        entry: './src/apps/SupermarketView/main.js',
        chunks: ['chunk-vendors']
    },
    'user_file_view': {
        entry: './src/apps/UserFileView/main.js',
        chunks: ['chunk-vendors']
    },
    'keyword_list_view': {
        entry: './src/apps/KeywordListView/main.js',
        chunks: ['chunk-vendors']
    },
    'model_list_view': {
        entry: './src/apps/ModelListView/main.js',
        chunks: ['chunk-vendors']
    },
}

module.exports = {
    pages: pages,
    filenameHashing: false,
    productionSourceMap: false,
    publicPath: process.env.NODE_ENV === 'production'
        ? ''
        : 'http://localhost:8080/',
    outputDir: '../cookbook/static/vue/',
    runtimeCompiler: true,
    pwa: {
        name: 'Recipes',
        themeColor: '#4DBA87',
        msTileColor: '#000000',
        appleMobileWebAppCapable: 'yes',
        appleMobileWebAppStatusBarStyle: 'black',


        workboxPluginMode: 'InjectManifest',
        workboxOptions: {
            swSrc: './src/sw.js',
            swDest: '../../templates/sw.js',
            manifestTransforms: [
                originalManifest => {
                    const result = originalManifest.map(entry => new Object({url: 'static/vue/' + entry.url}))
                    return {manifest: result, warnings: []};
                }
            ],
        }
    },
    pluginOptions: {
        i18n: {
            locale: 'en',
            fallbackLocale: 'en',
            localeDir: 'locales',
            enableInSFC: true
        }
    },
    chainWebpack: config => {

        config.optimization.splitChunks({
                cacheGroups: {
                    vendor: {
                        test: /[\\/]node_modules[\\/]/,
                        name: "chunk-vendors",
                        chunks: "all",
                        priority: 1
                    },
                },
            },
            // TODO make this conditional on .env DEBUG = FALSE
            config.optimization.minimize(true)
        );

        //TODO somehow remov them as they are also added to the manifest config of the service worker
        /*
        Object.keys(pages).forEach(page => {
            config.plugins.delete(`html-${page}`);
            config.plugins.delete(`preload-${page}`);
            config.plugins.delete(`prefetch-${page}`);
        })
        */

        config.plugin('BundleTracker').use(BundleTracker, [{relativePath: true, path: '../vue/'}]);

        config.resolve.alias
            .set('__STATIC__', 'static')

        config.devServer
            .public('http://localhost:8080')
            .host('localhost')
            .port(8080)
            .hotOnly(true)
            .watchOptions({poll: 500})
            .https(false)
            .headers({"Access-Control-Allow-Origin": ["*"]})

    }
};