const HtmlWebpackPlugin = require("html-webpack-plugin");

const entrypoints = require("./entrypoints");

module.exports = Object.keys(entrypoints).map(entry =>

new HtmlWebpackPlugin({

filename: `entrypoints/${entry}.html`,

// use a jinja tag so the static url can be resolved at runtime:

publicPath: "{{ STATIC_URL_WEBPACK }}",

chunks: [entry],

inject: false,

scriptLoading: "defer",

templateContent: ({ htmlWebpackPlugin }) => {

if (entry == "screen") {

return `<link href="${htmlWebpackPlugin.files.css[0]}" rel="stylesheet" nonce="{{ request.csp_nonce }}">`;

}

// inject nonce in the script for django-csp to populate

htmlWebpackPlugin.tags.headTags.forEach(element => {

element.attributes.nonce = "{{ request.csp_nonce }}";

});

if (entry == "gtm-snippet") {

// Using "blocking" for the "scriptLoading" option doesn't work, so

// for now, let's delete the "defer" attribute for the "gtm-snippet"

// case, because it must block until loaded in order to ensure that

// the "gtag" function is defined before any other JavaScript files

// are executed.

htmlWebpackPlugin.tags.headTags.forEach(element => {

delete element.attributes.defer;

});

}

return htmlWebpackPlugin.tags.headTags.join("");

}

}),

);