[6a3a178] | 1 | "use strict";
|
---|
| 2 | /**
|
---|
| 3 | * @license
|
---|
| 4 | * Copyright Google LLC All Rights Reserved.
|
---|
| 5 | *
|
---|
| 6 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 7 | * found in the LICENSE file at https://angular.io/license
|
---|
| 8 | */
|
---|
| 9 | Object.defineProperty(exports, "__esModule", { value: true });
|
---|
| 10 | exports.augmentIndexHtml = void 0;
|
---|
| 11 | const crypto_1 = require("crypto");
|
---|
| 12 | const html_rewriting_stream_1 = require("./html-rewriting-stream");
|
---|
| 13 | /*
|
---|
| 14 | * Helper function used by the IndexHtmlWebpackPlugin.
|
---|
| 15 | * Can also be directly used by builder, e. g. in order to generate an index.html
|
---|
| 16 | * after processing several configurations in order to build different sets of
|
---|
| 17 | * bundles for differential serving.
|
---|
| 18 | */
|
---|
| 19 | async function augmentIndexHtml(params) {
|
---|
| 20 | const { loadOutputFile, files, noModuleFiles = [], moduleFiles = [], entrypoints, sri, deployUrl = '', lang, baseHref, html, } = params;
|
---|
| 21 | let { crossOrigin = 'none' } = params;
|
---|
| 22 | if (sri && crossOrigin === 'none') {
|
---|
| 23 | crossOrigin = 'anonymous';
|
---|
| 24 | }
|
---|
| 25 | const stylesheets = new Set();
|
---|
| 26 | const scripts = new Set();
|
---|
| 27 | // Sort files in the order we want to insert them by entrypoint and dedupes duplicates
|
---|
| 28 | const mergedFiles = [...moduleFiles, ...noModuleFiles, ...files];
|
---|
| 29 | for (const entrypoint of entrypoints) {
|
---|
| 30 | for (const { extension, file, name } of mergedFiles) {
|
---|
| 31 | if (name !== entrypoint) {
|
---|
| 32 | continue;
|
---|
| 33 | }
|
---|
| 34 | switch (extension) {
|
---|
| 35 | case '.js':
|
---|
| 36 | scripts.add(file);
|
---|
| 37 | break;
|
---|
| 38 | case '.css':
|
---|
| 39 | stylesheets.add(file);
|
---|
| 40 | break;
|
---|
| 41 | }
|
---|
| 42 | }
|
---|
| 43 | }
|
---|
| 44 | let scriptTags = [];
|
---|
| 45 | for (const script of scripts) {
|
---|
| 46 | const attrs = [`src="${deployUrl}${script}"`];
|
---|
| 47 | if (crossOrigin !== 'none') {
|
---|
| 48 | attrs.push(`crossorigin="${crossOrigin}"`);
|
---|
| 49 | }
|
---|
| 50 | // We want to include nomodule or module when a file is not common amongs all
|
---|
| 51 | // such as runtime.js
|
---|
| 52 | const scriptPredictor = ({ file }) => file === script;
|
---|
| 53 | if (!files.some(scriptPredictor)) {
|
---|
| 54 | // in some cases for differential loading file with the same name is available in both
|
---|
| 55 | // nomodule and module such as scripts.js
|
---|
| 56 | // we shall not add these attributes if that's the case
|
---|
| 57 | const isNoModuleType = noModuleFiles.some(scriptPredictor);
|
---|
| 58 | const isModuleType = moduleFiles.some(scriptPredictor);
|
---|
| 59 | if (isNoModuleType && !isModuleType) {
|
---|
| 60 | attrs.push('nomodule', 'defer');
|
---|
| 61 | }
|
---|
| 62 | else if (isModuleType && !isNoModuleType) {
|
---|
| 63 | attrs.push('type="module"');
|
---|
| 64 | }
|
---|
| 65 | else {
|
---|
| 66 | attrs.push('defer');
|
---|
| 67 | }
|
---|
| 68 | }
|
---|
| 69 | else {
|
---|
| 70 | attrs.push('defer');
|
---|
| 71 | }
|
---|
| 72 | if (sri) {
|
---|
| 73 | const content = await loadOutputFile(script);
|
---|
| 74 | attrs.push(generateSriAttributes(content));
|
---|
| 75 | }
|
---|
| 76 | scriptTags.push(`<script ${attrs.join(' ')}></script>`);
|
---|
| 77 | }
|
---|
| 78 | let linkTags = [];
|
---|
| 79 | for (const stylesheet of stylesheets) {
|
---|
| 80 | const attrs = [`rel="stylesheet"`, `href="${deployUrl}${stylesheet}"`];
|
---|
| 81 | if (crossOrigin !== 'none') {
|
---|
| 82 | attrs.push(`crossorigin="${crossOrigin}"`);
|
---|
| 83 | }
|
---|
| 84 | if (sri) {
|
---|
| 85 | const content = await loadOutputFile(stylesheet);
|
---|
| 86 | attrs.push(generateSriAttributes(content));
|
---|
| 87 | }
|
---|
| 88 | linkTags.push(`<link ${attrs.join(' ')}>`);
|
---|
| 89 | }
|
---|
| 90 | const { rewriter, transformedContent } = await html_rewriting_stream_1.htmlRewritingStream(html);
|
---|
| 91 | const baseTagExists = html.includes('<base');
|
---|
| 92 | rewriter
|
---|
| 93 | .on('startTag', (tag) => {
|
---|
| 94 | switch (tag.tagName) {
|
---|
| 95 | case 'html':
|
---|
| 96 | // Adjust document locale if specified
|
---|
| 97 | if (isString(lang)) {
|
---|
| 98 | updateAttribute(tag, 'lang', lang);
|
---|
| 99 | }
|
---|
| 100 | break;
|
---|
| 101 | case 'head':
|
---|
| 102 | // Base href should be added before any link, meta tags
|
---|
| 103 | if (!baseTagExists && isString(baseHref)) {
|
---|
| 104 | rewriter.emitStartTag(tag);
|
---|
| 105 | rewriter.emitRaw(`<base href="${baseHref}">`);
|
---|
| 106 | return;
|
---|
| 107 | }
|
---|
| 108 | break;
|
---|
| 109 | case 'base':
|
---|
| 110 | // Adjust base href if specified
|
---|
| 111 | if (isString(baseHref)) {
|
---|
| 112 | updateAttribute(tag, 'href', baseHref);
|
---|
| 113 | }
|
---|
| 114 | break;
|
---|
| 115 | }
|
---|
| 116 | rewriter.emitStartTag(tag);
|
---|
| 117 | })
|
---|
| 118 | .on('endTag', (tag) => {
|
---|
| 119 | switch (tag.tagName) {
|
---|
| 120 | case 'head':
|
---|
| 121 | for (const linkTag of linkTags) {
|
---|
| 122 | rewriter.emitRaw(linkTag);
|
---|
| 123 | }
|
---|
| 124 | linkTags = [];
|
---|
| 125 | break;
|
---|
| 126 | case 'body':
|
---|
| 127 | // Add script tags
|
---|
| 128 | for (const scriptTag of scriptTags) {
|
---|
| 129 | rewriter.emitRaw(scriptTag);
|
---|
| 130 | }
|
---|
| 131 | scriptTags = [];
|
---|
| 132 | break;
|
---|
| 133 | }
|
---|
| 134 | rewriter.emitEndTag(tag);
|
---|
| 135 | });
|
---|
| 136 | const content = await transformedContent;
|
---|
| 137 | if (linkTags.length || scriptTags.length) {
|
---|
| 138 | // In case no body/head tags are not present (dotnet partial templates)
|
---|
| 139 | return linkTags.join('') + scriptTags.join('') + content;
|
---|
| 140 | }
|
---|
| 141 | return content;
|
---|
| 142 | }
|
---|
| 143 | exports.augmentIndexHtml = augmentIndexHtml;
|
---|
| 144 | function generateSriAttributes(content) {
|
---|
| 145 | const algo = 'sha384';
|
---|
| 146 | const hash = crypto_1.createHash(algo).update(content, 'utf8').digest('base64');
|
---|
| 147 | return `integrity="${algo}-${hash}"`;
|
---|
| 148 | }
|
---|
| 149 | function updateAttribute(tag, name, value) {
|
---|
| 150 | const index = tag.attrs.findIndex((a) => a.name === name);
|
---|
| 151 | const newValue = { name, value };
|
---|
| 152 | if (index === -1) {
|
---|
| 153 | tag.attrs.push(newValue);
|
---|
| 154 | }
|
---|
| 155 | else {
|
---|
| 156 | tag.attrs[index] = newValue;
|
---|
| 157 | }
|
---|
| 158 | }
|
---|
| 159 | function isString(value) {
|
---|
| 160 | return typeof value === 'string';
|
---|
| 161 | }
|
---|