@studyportals/webpack-helper 5.3.1-beta → 5.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studyportals/webpack-helper",
-  "version": "5.3.1-beta",
+  "version": "5.3.3",
   "description": "A collection of standard configurations and helpers for webpack.",
   "main": "src/main.js",
   "scripts": {
@@ -31,7 +31,7 @@
     "@studyportals/bob-manifest-generator": "5.0.1",
     "@studyportals/browserslist-config": "^1.2.0",
     "@studyportals/dll-availability-tracker": "^2.0.0",
-    "@studyportals/vue-config": "^5.0.2",
+    "@studyportals/vue-config": "^5.0.3",
     "@types/jest": "^27.0.0",
     "@vue/test-utils": "^2.0.2",
     "@vue/vue3-jest": "^27.0.0",

package/src/defaults/development.config.js

@@ -1,8 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DevelopmentConfig = void 0;
-exports.DevelopmentConfig = {
-    optimization: {
-        minimize: false
-    }
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DevelopmentConfig = void 0;
+exports.DevelopmentConfig = {
+    optimization: {
+        minimize: false
+    }
+};

package/src/defaults/production.config.js

@@ -1,62 +1,62 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProductionConfig = void 0;
-const webpack = require('webpack');
-const cssMinimizerPlugin = require('css-minimizer-webpack-plugin');
-const DllAvailabilityTracker = require('@studyportals/dll-availability-tracker');
-const ProductionConfig = (bobConfig) => {
-    let dllDependencies = ['library'];
-    if (bobConfig && bobConfig.hasOwnProperty('dllPackages')) {
-        bobConfig.dllPackages.forEach((dependency) => dllDependencies.push(dependency.manifest.name));
-    }
-    return {
-        plugins: [
-            new webpack.LoaderOptionsPlugin({
-                minimize: true
-            }),
-            new webpack.DefinePlugin({
-                'process.env': {
-                    NODE_ENV: '"production"'
-                }
-            }),
-            new cssMinimizerPlugin({
-                minimizerOptions: {
-                    preset: [
-                        'default',
-                        {
-                            discardComments: {
-                                removeAll: true
-                            }
-                        }
-                    ]
-                },
-            }),
-            new DllAvailabilityTracker({
-                dependencies: dllDependencies || []
-            })
-        ],
-        optimization: {
-            minimize: true,
-            minimizer: [
-                compiler => {
-                    const TerserPlugin = require('terser-webpack-plugin');
-                    new TerserPlugin({
-                        parallel: true,
-                        extractComments: false,
-                        terserOptions: {
-                            output: {
-                                comments: false
-                            },
-                            compress: {
-                                drop_console: true,
-                                passes: 5
-                            },
-                            sourceMap: true
-                        }
-                    }).apply(compiler);
-                }
-            ]
-        }
-    };
-};
-exports.ProductionConfig = ProductionConfig;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductionConfig = void 0;
+const webpack = require('webpack');
+const cssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+const DllAvailabilityTracker = require('@studyportals/dll-availability-tracker');
+const ProductionConfig = (bobConfig) => {
+    let dllDependencies = ['library'];
+    if (bobConfig && bobConfig.hasOwnProperty('dllPackages')) {
+        bobConfig.dllPackages.forEach((dependency) => dllDependencies.push(dependency.manifest.name));
+    }
+    return {
+        plugins: [
+            new webpack.LoaderOptionsPlugin({
+                minimize: true
+            }),
+            new webpack.DefinePlugin({
+                'process.env': {
+                    NODE_ENV: '"production"'
+                }
+            }),
+            new cssMinimizerPlugin({
+                minimizerOptions: {
+                    preset: [
+                        'default',
+                        {
+                            discardComments: {
+                                removeAll: true
+                            }
+                        }
+                    ]
+                },
+            }),
+            new DllAvailabilityTracker({
+                dependencies: dllDependencies || []
+            })
+        ],
+        optimization: {
+            minimize: true,
+            minimizer: [
+                compiler => {
+                    const TerserPlugin = require('terser-webpack-plugin');
+                    new TerserPlugin({
+                        parallel: true,
+                        extractComments: false,
+                        terserOptions: {
+                            output: {
+                                comments: false
+                            },
+                            compress: {
+                                drop_console: true,
+                                passes: 5
+                            },
+                            sourceMap: true
+                        }
+                    }).apply(compiler);
+                }
+            ]
+        }
+    };
+};
+exports.ProductionConfig = ProductionConfig;

package/src/enums/mode.js

@@ -1,8 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Mode = void 0;
-var Mode;
-(function (Mode) {
-    Mode["DEVELOPMENT"] = "development";
-    Mode["PRODUCTION"] = "production";
-})(Mode = exports.Mode || (exports.Mode = {}));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Mode = void 0;
+var Mode;
+(function (Mode) {
+    Mode["DEVELOPMENT"] = "development";
+    Mode["PRODUCTION"] = "production";
+})(Mode = exports.Mode || (exports.Mode = {}));

package/src/enums/preset.js

@@ -1,10 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Preset = void 0;
-var Preset;
-(function (Preset) {
-    Preset["VUE_TYPESCRIPT"] = "vue-typescript";
-    Preset["TYPESCRIPT"] = "typescript";
-    Preset["JAVASCRIPT"] = "javascript";
-    Preset["VUE_TYPESCRIPT_NO_CODE_SPLITTING"] = "vue-typescript-no-code-splitting";
-})(Preset = exports.Preset || (exports.Preset = {}));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Preset = void 0;
+var Preset;
+(function (Preset) {
+    Preset["VUE_TYPESCRIPT"] = "vue-typescript";
+    Preset["TYPESCRIPT"] = "typescript";
+    Preset["JAVASCRIPT"] = "javascript";
+    Preset["VUE_TYPESCRIPT_NO_CODE_SPLITTING"] = "vue-typescript-no-code-splitting";
+})(Preset = exports.Preset || (exports.Preset = {}));

package/src/factories/browser-list-to-esbuild-target-factory.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrowserListToEsbuildTargetFactory = void 0;
+const esbuild_plugin_browserslist_1 = require("esbuild-plugin-browserslist");
+const browserslist_1 = __importDefault(require("browserslist"));
+class BrowserListToEsbuildTargetFactory {
+    createTarget() {
+        return (0, esbuild_plugin_browserslist_1.resolveToEsbuildTarget)((0, browserslist_1.default)());
+    }
+}
+exports.BrowserListToEsbuildTargetFactory = BrowserListToEsbuildTargetFactory;

package/src/factories/chunks-retry-plugin-factory.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const mode_1 = require("../enums/mode");
+const path = require('path');
+const process = require('process');
+const { RetryChunkLoadPlugin } = require(path.join(process.cwd(), 'node_modules', '@studyportals/webpack-helper', 'src', 'plugins', 'retry-chunk-load.plugin.js'));
+class ChunksRetryPluginFactory {
+    static IsPresetSupported(preset) {
+        if (!preset.retryChunksConfig)
+            return false;
+        if (preset.mode === mode_1.Mode.DEVELOPMENT)
+            return false;
+        if (!preset.retryChunksConfig.inject)
+            return false;
+        return true;
+    }
+    static GetRetryChunksPlugin(preset) {
+        return ChunksRetryPluginFactory.CustomRetryChunksPlugin(preset);
+    }
+    static CustomRetryChunksPlugin(preset) {
+        const { retryChunksConfig } = preset;
+        return new RetryChunkLoadPlugin({
+            cacheBust: `function() {
+				return Date.now();
+			}`,
+            retryDelay: `function(retryAttempt) {
+				return Math.min(2000, Math.pow(2, retryAttempt) * 100);
+			}
+			`,
+            maxRetries: retryChunksConfig.threshold,
+            lastResortScript: ChunksRetryPluginFactory.CreateLastResortScript(preset)
+        });
+    }
+    static CreateLastResortScript(preset) {
+        const { retryChunksConfig } = preset;
+        let lastResortScript = ``;
+        if (retryChunksConfig.thresholdReachedCallBack) {
+            lastResortScript += `
+				${retryChunksConfig.thresholdReachedCallBack}
+			`;
+        }
+        if (!retryChunksConfig.disableDefaultRollbarError) {
+            const rollbarInstanceIdentifier = retryChunksConfig.rollbarInstanceIdentifier || 'rollbar';
+            lastResortScript += `
+				if (!window || !window['${rollbarInstanceIdentifier}'] || !window['${rollbarInstanceIdentifier}'].error) {
+					return;
+				}
+
+				window['${rollbarInstanceIdentifier}'].error(new Error('Failed to load chunk for after retries'));
+			`;
+        }
+        return lastResortScript;
+    }
+}
+exports.default = ChunksRetryPluginFactory;

package/src/factories/configuration-factory.js

@@ -1,10 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfigurationFactory = void 0;
-const configuration_1 = require("../model/configuration");
-class ConfigurationFactory {
-    create(options) {
-        return new configuration_1.Configuration(options);
-    }
-}
-exports.ConfigurationFactory = ConfigurationFactory;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfigurationFactory = void 0;
+const configuration_1 = require("../model/configuration");
+class ConfigurationFactory {
+    create(options) {
+        return new configuration_1.Configuration(options);
+    }
+}
+exports.ConfigurationFactory = ConfigurationFactory;

package/src/interfaces/bob.interface.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/src/interfaces/chunks-retry.interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/src/interfaces/entry.interface.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/src/interfaces/entrypoint.interface.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/src/interfaces/output.interface.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/src/interfaces/preset.interface.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/src/main.js

@@ -1,5 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const configuration_factory_1 = require("./factories/configuration-factory");
-const configurationFactory = new configuration_factory_1.ConfigurationFactory();
-module.exports = configurationFactory;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const configuration_factory_1 = require("./factories/configuration-factory");
+const configurationFactory = new configuration_factory_1.ConfigurationFactory();
+module.exports = configurationFactory;

package/src/model/configuration.js

@@ -1,125 +1,125 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Configuration = void 0;
-const entry_1 = require("./entry");
-const output_1 = require("./output");
-const plugins_1 = require("./plugins");
-const module_1 = require("./module");
-const preset_1 = require("../enums/preset");
-const vue_typescript_preset_1 = require("../presets/vue-typescript.preset");
-const typescript_preset_1 = require("../presets/typescript.preset");
-const javascript_preset_1 = require("../presets/javascript.preset");
-const vue_typescript_no_code_splitting_preset_1 = require("../presets/vue-typescript-no-code-splitting.preset");
-const mode_1 = require("../enums/mode");
-const production_config_1 = require("../defaults/production.config");
-const development_config_1 = require("../defaults/development.config");
-const ManifestGenerator = require("@studyportals/bob-manifest-generator").ManifestGenerator;
-const DllReferencePlugin = require("@studyportals/bob-manifest-generator").DllReferencePlugin;
-const { merge } = require('webpack-merge');
-class Configuration {
-    constructor(options) {
-        this.bob = options.bob || null;
-        this.entry = new entry_1.Entry(options.entry);
-        this.output = new output_1.Output(options.output);
-        this.extensions = options.extensions || [];
-        this.preset = options.preset || null;
-        this.hash = options.output.hash || false;
-        this.plugins = new plugins_1.Plugins(options.plugins);
-        this.module = new module_1.Module(options.module);
-        this.commonConfig = options.common || {};
-        const configDev = options[mode_1.Mode.DEVELOPMENT] ? options[mode_1.Mode.DEVELOPMENT] : {};
-        const configPrd = options[mode_1.Mode.PRODUCTION] ? options[mode_1.Mode.PRODUCTION] : {};
-        this.environmentSpecificConfig = {
-            [mode_1.Mode.DEVELOPMENT]: merge([configDev, development_config_1.DevelopmentConfig]) || development_config_1.DevelopmentConfig,
-            [mode_1.Mode.PRODUCTION]: merge([configPrd, (0, production_config_1.ProductionConfig)(this.bob)]) || (0, production_config_1.ProductionConfig)(this.bob)
-        };
-        this.fileName = options.output.fileName || "[name]";
-    }
-    get(mode) {
-        this.detectPresets(mode);
-        return merge({
-            entry: this.entry.getEntry(),
-            output: this.output.getOutput(),
-            plugins: this.plugins.getPlugins(),
-            module: this.module.getModule(),
-            resolve: {
-                extensions: this.extensions
-            },
-            performance: {
-                hints: false
-            },
-            optimization: {
-                minimize: false
-            },
-            devtool: 'source-map'
-        }, this.getBobConfig(), this.commonConfig, this.getEnvironmentSpecificConfig(mode), { mode });
-    }
-    detectPresets(mode) {
-        switch (this.preset) {
-            case preset_1.Preset.VUE_TYPESCRIPT:
-                this.injectPreset(new vue_typescript_preset_1.VueTypeScriptPreset(mode));
-                break;
-            case preset_1.Preset.TYPESCRIPT:
-                this.injectPreset(new typescript_preset_1.TypeScriptPreset());
-                break;
-            case preset_1.Preset.JAVASCRIPT:
-                this.injectPreset(new javascript_preset_1.JavascriptPreset());
-                break;
-            case preset_1.Preset.VUE_TYPESCRIPT_NO_CODE_SPLITTING:
-                this.injectPreset(new vue_typescript_no_code_splitting_preset_1.VueTypescriptNoCodeSplittingPreset(mode));
-                break;
-            default:
-                break;
-        }
-    }
-    injectPreset(preset) {
-        const plugins = preset.getPlugins(this.getCSSFileName());
-        const module = preset.getModule();
-        plugins.forEach(plugin => {
-            this.plugins.addPlugin(plugin);
-        });
-        this.extensions = this.extensions.concat(preset.getExtensions());
-        this.module.setModule(module);
-    }
-    getEnvironmentSpecificConfig(mode) {
-        return this.environmentSpecificConfig[mode];
-    }
-    getBobConfig() {
-        if (this.bob === null) {
-            return {};
-        }
-        let dllPackages = [];
-        if (typeof this.bob.dllPackages !== 'undefined'
-            && this.bob.dllPackages.length > 0) {
-            dllPackages = this.getBobDllDependencies();
-            delete this.bob.dllPackages;
-        }
-        return {
-            plugins: [
-                new ManifestGenerator(this.bob)
-            ].concat(dllPackages)
-        };
-    }
-    getBobDllDependencies() {
-        let dependencies = [];
-        if (typeof this.bob.dllPackages === 'undefined')
-            return dependencies;
-        this.bob.dllPackages.forEach((dependency) => {
-            dependencies.push(new DllReferencePlugin({
-                name: dependency.name,
-                manifest: dependency.manifest
-            }));
-        });
-        return dependencies;
-    }
-    getCSSFileName() {
-        const fileName = this.fileName || `style`;
-        if (this.hash === false
-            || typeof this.hash.css !== 'undefined'
-                && this.hash.css === false) {
-            return `${fileName}.css`;
-        }
-        return `${fileName}.[fullhash].css`;
-    }
-}
-exports.Configuration = Configuration;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Configuration = void 0;
+const entry_1 = require("./entry");
+const output_1 = require("./output");
+const plugins_1 = require("./plugins");
+const module_1 = require("./module");
+const preset_1 = require("../enums/preset");
+const vue_typescript_preset_1 = require("../presets/vue-typescript.preset");
+const typescript_preset_1 = require("../presets/typescript.preset");
+const javascript_preset_1 = require("../presets/javascript.preset");
+const vue_typescript_no_code_splitting_preset_1 = require("../presets/vue-typescript-no-code-splitting.preset");
+const mode_1 = require("../enums/mode");
+const production_config_1 = require("../defaults/production.config");
+const development_config_1 = require("../defaults/development.config");
+const ManifestGenerator = require("@studyportals/bob-manifest-generator").ManifestGenerator;
+const DllReferencePlugin = require("@studyportals/bob-manifest-generator").DllReferencePlugin;
+const { merge } = require('webpack-merge');
+class Configuration {
+    constructor(options) {
+        this.bob = options.bob || null;
+        this.entry = new entry_1.Entry(options.entry);
+        this.output = new output_1.Output(options.output);
+        this.extensions = options.extensions || [];
+        this.preset = options.preset || null;
+        this.hash = options.output.hash || false;
+        this.plugins = new plugins_1.Plugins(options.plugins);
+        this.module = new module_1.Module(options.module);
+        this.commonConfig = options.common || {};
+        const configDev = options[mode_1.Mode.DEVELOPMENT] ? options[mode_1.Mode.DEVELOPMENT] : {};
+        const configPrd = options[mode_1.Mode.PRODUCTION] ? options[mode_1.Mode.PRODUCTION] : {};
+        this.environmentSpecificConfig = {
+            [mode_1.Mode.DEVELOPMENT]: merge([configDev, development_config_1.DevelopmentConfig]) || development_config_1.DevelopmentConfig,
+            [mode_1.Mode.PRODUCTION]: merge([configPrd, (0, production_config_1.ProductionConfig)(this.bob)]) || (0, production_config_1.ProductionConfig)(this.bob)
+        };
+        this.fileName = options.output.fileName || "[name]";
+    }
+    get(mode) {
+        this.detectPresets(mode);
+        return merge({
+            entry: this.entry.getEntry(),
+            output: this.output.getOutput(),
+            plugins: this.plugins.getPlugins(),
+            module: this.module.getModule(),
+            resolve: {
+                extensions: this.extensions
+            },
+            performance: {
+                hints: false
+            },
+            optimization: {
+                minimize: false
+            },
+            devtool: 'source-map'
+        }, this.getBobConfig(), this.commonConfig, this.getEnvironmentSpecificConfig(mode), { mode });
+    }
+    detectPresets(mode) {
+        switch (this.preset) {
+            case preset_1.Preset.VUE_TYPESCRIPT:
+                this.injectPreset(new vue_typescript_preset_1.VueTypeScriptPreset(mode));
+                break;
+            case preset_1.Preset.TYPESCRIPT:
+                this.injectPreset(new typescript_preset_1.TypeScriptPreset());
+                break;
+            case preset_1.Preset.JAVASCRIPT:
+                this.injectPreset(new javascript_preset_1.JavascriptPreset());
+                break;
+            case preset_1.Preset.VUE_TYPESCRIPT_NO_CODE_SPLITTING:
+                this.injectPreset(new vue_typescript_no_code_splitting_preset_1.VueTypescriptNoCodeSplittingPreset(mode));
+                break;
+            default:
+                break;
+        }
+    }
+    injectPreset(preset) {
+        const plugins = preset.getPlugins(this.getCSSFileName());
+        const module = preset.getModule();
+        plugins.forEach(plugin => {
+            this.plugins.addPlugin(plugin);
+        });
+        this.extensions = this.extensions.concat(preset.getExtensions());
+        this.module.setModule(module);
+    }
+    getEnvironmentSpecificConfig(mode) {
+        return this.environmentSpecificConfig[mode];
+    }
+    getBobConfig() {
+        if (this.bob === null) {
+            return {};
+        }
+        let dllPackages = [];
+        if (typeof this.bob.dllPackages !== 'undefined'
+            && this.bob.dllPackages.length > 0) {
+            dllPackages = this.getBobDllDependencies();
+            delete this.bob.dllPackages;
+        }
+        return {
+            plugins: [
+                new ManifestGenerator(this.bob)
+            ].concat(dllPackages)
+        };
+    }
+    getBobDllDependencies() {
+        let dependencies = [];
+        if (typeof this.bob.dllPackages === 'undefined')
+            return dependencies;
+        this.bob.dllPackages.forEach((dependency) => {
+            dependencies.push(new DllReferencePlugin({
+                name: dependency.name,
+                manifest: dependency.manifest
+            }));
+        });
+        return dependencies;
+    }
+    getCSSFileName() {
+        const fileName = this.fileName || `style`;
+        if (this.hash === false
+            || typeof this.hash.css !== 'undefined'
+                && this.hash.css === false) {
+            return `${fileName}.css`;
+        }
+        return `${fileName}.[fullhash].css`;
+    }
+}
+exports.Configuration = Configuration;

package/src/model/entry.js

@@ -1,12 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Entry = void 0;
-class Entry {
-    constructor(entry) {
-        this.entry = entry;
-    }
-    getEntry() {
-        return this.entry;
-    }
-}
-exports.Entry = Entry;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Entry = void 0;
+class Entry {
+    constructor(entry) {
+        this.entry = entry;
+    }
+    getEntry() {
+        return this.entry;
+    }
+}
+exports.Entry = Entry;

package/src/model/module.js

@@ -1,17 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Module = void 0;
-const { merge } = require('webpack-merge');
-class Module {
-    constructor(module = {}) {
-        this.module = {};
-        this.module = merge(this.module, module);
-    }
-    setModule(module) {
-        this.module = merge(this.module, module);
-    }
-    getModule() {
-        return this.module;
-    }
-}
-exports.Module = Module;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Module = void 0;
+const { merge } = require('webpack-merge');
+class Module {
+    constructor(module = {}) {
+        this.module = {};
+        this.module = merge(this.module, module);
+    }
+    setModule(module) {
+        this.module = merge(this.module, module);
+    }
+    getModule() {
+        return this.module;
+    }
+}
+exports.Module = Module;