@studyportals/webpack-helper 5.3.1-beta → 5.3.2-0

package/src/model/output.js

@@ -1,45 +1,45 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Output = void 0;
-class Output {
-    constructor(outputConfig) {
-        this.path = outputConfig.path;
-        this.publicPath = typeof outputConfig.publicPath === "string" ? outputConfig.publicPath : null;
-        this.library = outputConfig.library || null;
-        this.addHash = this.shouldAddHash(outputConfig.hash),
-            this.fileName = outputConfig.fileName || "[name]";
-        this.crossOriginLoading = outputConfig.crossOriginLoading || null;
-    }
-    getOutput() {
-        let output = {
-            path: this.path,
-            filename: this.getFileName()
-        };
-        if (this.publicPath !== null) {
-            output.publicPath = this.publicPath;
-        }
-        if (this.library !== null) {
-            output.library = this.library;
-        }
-        if (this.crossOriginLoading !== null) {
-            output.crossOriginLoading = this.crossOriginLoading;
-        }
-        return output;
-    }
-    getFileName() {
-        let fileName = this.addHash === true ? `${this.fileName}.[fullhash].js` : `${this.fileName}.js`;
-        return fileName;
-    }
-    shouldAddHash(hashConfig) {
-        if (typeof hashConfig === 'undefined') {
-            return true;
-        }
-        if (typeof hashConfig.js !== 'undefined'
-            && hashConfig.js === false
-            || hashConfig === false) {
-            return false;
-        }
-        return true;
-    }
-}
-exports.Output = Output;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Output = void 0;
+class Output {
+    constructor(outputConfig) {
+        this.path = outputConfig.path;
+        this.publicPath = typeof outputConfig.publicPath === "string" ? outputConfig.publicPath : null;
+        this.library = outputConfig.library || null;
+        this.addHash = this.shouldAddHash(outputConfig.hash),
+            this.fileName = outputConfig.fileName || "[name]";
+        this.crossOriginLoading = outputConfig.crossOriginLoading || null;
+    }
+    getOutput() {
+        let output = {
+            path: this.path,
+            filename: this.getFileName()
+        };
+        if (this.publicPath !== null) {
+            output.publicPath = this.publicPath;
+        }
+        if (this.library !== null) {
+            output.library = this.library;
+        }
+        if (this.crossOriginLoading !== null) {
+            output.crossOriginLoading = this.crossOriginLoading;
+        }
+        return output;
+    }
+    getFileName() {
+        let fileName = this.addHash === true ? `${this.fileName}.[fullhash].js` : `${this.fileName}.js`;
+        return fileName;
+    }
+    shouldAddHash(hashConfig) {
+        if (typeof hashConfig === 'undefined') {
+            return true;
+        }
+        if (typeof hashConfig.js !== 'undefined'
+            && hashConfig.js === false
+            || hashConfig === false) {
+            return false;
+        }
+        return true;
+    }
+}
+exports.Output = Output;

package/src/model/plugins.js

@@ -1,16 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Plugins = void 0;
-class Plugins {
-    constructor(plugins = []) {
-        this.plugins = [];
-        this.plugins = this.plugins.concat(plugins);
-    }
-    addPlugin(plugin) {
-        this.plugins.push(plugin);
-    }
-    getPlugins() {
-        return this.plugins;
-    }
-}
-exports.Plugins = Plugins;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Plugins = void 0;
+class Plugins {
+    constructor(plugins = []) {
+        this.plugins = [];
+        this.plugins = this.plugins.concat(plugins);
+    }
+    addPlugin(plugin) {
+        this.plugins.push(plugin);
+    }
+    getPlugins() {
+        return this.plugins;
+    }
+}
+exports.Plugins = Plugins;

package/src/plugins/retry-chunk-load.plugin.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RetryChunkLoadPlugin = void 0;
+const prettier = require('prettier');
+const { RuntimeGlobals } = require('webpack');
+const pluginName = 'RetryChunkLoadPlugin';
+class RetryChunkLoadPlugin {
+    constructor(options = {}) {
+        this.options = Object.assign({}, options);
+    }
+    apply(compiler) {
+        compiler.hooks.thisCompilation.tap(pluginName, compilation => {
+            const { mainTemplate, runtimeTemplate } = compilation;
+            const maxRetryValueFromOptions = Number(this.options.maxRetries);
+            const maxRetries = Number.isInteger(maxRetryValueFromOptions) &&
+                maxRetryValueFromOptions > 0
+                ? maxRetryValueFromOptions
+                : 1;
+            const getCacheBustString = () => this.options.cacheBust
+                ? `
+				(${this.options.cacheBust})();
+			`
+                : '"cache-bust=true"';
+            mainTemplate.hooks.localVars.tap({ name: pluginName, stage: 1 }, (source, chunk) => {
+                const currentChunkName = chunk.name;
+                const addRetryCode = !this.options.chunks ||
+                    this.options.chunks.some(chunk => chunk === currentChunkName);
+                const getRetryDelay = typeof this.options.retryDelay === 'string'
+                    ? this.options.retryDelay
+                    : `function() { return ${this.options.retryDelay || 0} }`;
+                if (!addRetryCode)
+                    return source;
+                const script = runtimeTemplate.iife('', `
+		if(typeof ${RuntimeGlobals.require} !== "undefined") {
+		var oldGetScript = ${RuntimeGlobals.getChunkScriptFilename};
+		var oldLoadScript = ${RuntimeGlobals.ensureChunk};
+		var queryMap = {};
+		var countMap = {};
+		var getRetryDelay = ${getRetryDelay}
+		${RuntimeGlobals.getChunkScriptFilename} = function(chunkId){
+			var result = oldGetScript(chunkId);
+			return result + (queryMap.hasOwnProperty(chunkId) ? '?' + queryMap[chunkId]  : '');
+		};
+		${RuntimeGlobals.ensureChunk} = function(chunkId){
+			var result = oldLoadScript(chunkId);
+			return result.catch(function(error){
+			var retries = countMap.hasOwnProperty(chunkId) ? countMap[chunkId] : ${maxRetries};
+			if (retries < 1) {
+				var realSrc = oldGetScript(chunkId);
+				error.message = 'Loading chunk ' + chunkId + ' failed after ${maxRetries} retries.\\n(' + realSrc + ')';
+				error.request = realSrc;${this.options.lastResortScript
+                    ? this.options.lastResortScript
+                    : ''}
+				throw error;
+			}
+			return new Promise(function (resolve) {
+				var retryAttempt = ${maxRetries} - retries + 1;
+				setTimeout(function () {
+				var retryAttemptString = '&retry-attempt=' + retryAttempt;
+				var cacheBust = ${getCacheBustString()} + retryAttemptString;
+				queryMap[chunkId] = cacheBust;
+				countMap[chunkId] = retries - 1;
+				resolve(${RuntimeGlobals.ensureChunk}(chunkId));
+				}, getRetryDelay(retryAttempt))
+			})
+			});
+		};
+		}`);
+                return (source +
+                    prettier.format(script, {
+                        singleQuote: true,
+                        parser: 'babel',
+                        bracketSpacing: true,
+                        trailingComma: 'all',
+                        arrowParens: 'avoid',
+                    }));
+            });
+        });
+    }
+}
+exports.RetryChunkLoadPlugin = RetryChunkLoadPlugin;

package/src/presets/javascript.preset.js

@@ -1,47 +1,47 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.JavascriptPreset = void 0;
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-class JavascriptPreset {
-    getPlugins(filename) {
-        return [
-            new MiniCssExtractPlugin({
-                filename
-            })
-        ];
-    }
-    getModule() {
-        return {
-            rules: [
-                {
-                    test: /\.css$/,
-                    use: [
-                        MiniCssExtractPlugin.loader,
-                        'css-loader'
-                    ],
-                },
-                {
-                    test: /\.scss$/,
-                    use: [
-                        MiniCssExtractPlugin.loader,
-                        'css-loader',
-                        'sass-loader'
-                    ],
-                },
-                {
-                    test: /\.jsx?$/,
-                    loader: 'babel-loader',
-                    exclude: /node_modules\/(?!@studyportals\/).*/,
-                }
-            ]
-        };
-    }
-    getExtensions() {
-        return [
-            '*',
-            '.js',
-            '.json'
-        ];
-    }
-}
-exports.JavascriptPreset = JavascriptPreset;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.JavascriptPreset = void 0;
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+class JavascriptPreset {
+    getPlugins(filename) {
+        return [
+            new MiniCssExtractPlugin({
+                filename
+            })
+        ];
+    }
+    getModule() {
+        return {
+            rules: [
+                {
+                    test: /\.css$/,
+                    use: [
+                        MiniCssExtractPlugin.loader,
+                        'css-loader'
+                    ],
+                },
+                {
+                    test: /\.scss$/,
+                    use: [
+                        MiniCssExtractPlugin.loader,
+                        'css-loader',
+                        'sass-loader'
+                    ],
+                },
+                {
+                    test: /\.jsx?$/,
+                    loader: 'babel-loader',
+                    exclude: /node_modules\/(?!@studyportals\/).*/,
+                }
+            ]
+        };
+    }
+    getExtensions() {
+        return [
+            '*',
+            '.js',
+            '.json'
+        ];
+    }
+}
+exports.JavascriptPreset = JavascriptPreset;

package/src/presets/typescript.preset.js

@@ -1,74 +1,74 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TypeScriptPreset = void 0;
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-class TypeScriptPreset {
-    getPlugins(filename) {
-        return [
-            new MiniCssExtractPlugin({
-                filename
-            })
-        ];
-    }
-    getModule() {
-        return {
-            rules: [
-                {
-                    test: /\.css$/,
-                    use: [
-                        MiniCssExtractPlugin.loader,
-                        'css-loader'
-                    ],
-                },
-                {
-                    test: /\.scss$/,
-                    use: [
-                        MiniCssExtractPlugin.loader,
-                        'css-loader',
-                        'sass-loader'
-                    ],
-                },
-                {
-                    test: /\.tsx?$/,
-                    exclude: /node_modules\/(?!@studyportals\/).*/,
-                    use: [
-                        {
-                            loader: 'babel-loader',
-                        },
-                        {
-                            loader: 'ts-loader'
-                        }
-                    ],
-                },
-                {
-                    test: /\.js$/,
-                    exclude: /node_modules\/(?!@studyportals\/).*/,
-                    use: [
-                        {
-                            loader: 'babel-loader',
-                        }
-                    ],
-                    resolve: {
-                        fullySpecified: false
-                    }
-                },
-                {
-                    test: /\.(png|jpg|gif|svg)$/,
-                    loader: 'file-loader',
-                    options: {
-                        name: '[name].[ext]?[fullhash]'
-                    }
-                }
-            ]
-        };
-    }
-    getExtensions() {
-        return [
-            '*',
-            '.ts',
-            '.js',
-            '.json'
-        ];
-    }
-}
-exports.TypeScriptPreset = TypeScriptPreset;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TypeScriptPreset = void 0;
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+class TypeScriptPreset {
+    getPlugins(filename) {
+        return [
+            new MiniCssExtractPlugin({
+                filename
+            })
+        ];
+    }
+    getModule() {
+        return {
+            rules: [
+                {
+                    test: /\.css$/,
+                    use: [
+                        MiniCssExtractPlugin.loader,
+                        'css-loader'
+                    ],
+                },
+                {
+                    test: /\.scss$/,
+                    use: [
+                        MiniCssExtractPlugin.loader,
+                        'css-loader',
+                        'sass-loader'
+                    ],
+                },
+                {
+                    test: /\.tsx?$/,
+                    exclude: /node_modules\/(?!@studyportals\/).*/,
+                    use: [
+                        {
+                            loader: 'babel-loader',
+                        },
+                        {
+                            loader: 'ts-loader'
+                        }
+                    ],
+                },
+                {
+                    test: /\.js$/,
+                    exclude: /node_modules\/(?!@studyportals\/).*/,
+                    use: [
+                        {
+                            loader: 'babel-loader',
+                        }
+                    ],
+                    resolve: {
+                        fullySpecified: false
+                    }
+                },
+                {
+                    test: /\.(png|jpg|gif|svg)$/,
+                    loader: 'file-loader',
+                    options: {
+                        name: '[name].[ext]?[fullhash]'
+                    }
+                }
+            ]
+        };
+    }
+    getExtensions() {
+        return [
+            '*',
+            '.ts',
+            '.js',
+            '.json'
+        ];
+    }
+}
+exports.TypeScriptPreset = TypeScriptPreset;

package/src/presets/vue-typescript-no-code-splitting.preset.js

@@ -1,20 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VueTypescriptNoCodeSplittingPreset = void 0;
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const VueLoaderPlugin = require('vue-loader').VueLoaderPlugin;
-const vue_typescript_preset_1 = require("./vue-typescript.preset");
-class VueTypescriptNoCodeSplittingPreset extends vue_typescript_preset_1.VueTypeScriptPreset {
-    constructor(mode) {
-        super(mode);
-    }
-    getPlugins(filename) {
-        return [
-            new MiniCssExtractPlugin({
-                filename
-            }),
-            new VueLoaderPlugin()
-        ];
-    }
-}
-exports.VueTypescriptNoCodeSplittingPreset = VueTypescriptNoCodeSplittingPreset;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VueTypescriptNoCodeSplittingPreset = void 0;
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const VueLoaderPlugin = require('vue-loader').VueLoaderPlugin;
+const vue_typescript_preset_1 = require("./vue-typescript.preset");
+class VueTypescriptNoCodeSplittingPreset extends vue_typescript_preset_1.VueTypeScriptPreset {
+    constructor(mode) {
+        super(mode);
+    }
+    getPlugins(filename) {
+        return [
+            new MiniCssExtractPlugin({
+                filename
+            }),
+            new VueLoaderPlugin()
+        ];
+    }
+}
+exports.VueTypescriptNoCodeSplittingPreset = VueTypescriptNoCodeSplittingPreset;