233 lines
7.6 KiB
JavaScript
233 lines
7.6 KiB
JavaScript
|
"use strict";
|
||
|
|
||
|
Object.defineProperty(exports, "__esModule", {
|
||
|
value: true
|
||
|
});
|
||
|
exports.default = collectDependencies;
|
||
|
function _posthtml() {
|
||
|
const data = _interopRequireDefault(require("posthtml"));
|
||
|
_posthtml = function () {
|
||
|
return data;
|
||
|
};
|
||
|
return data;
|
||
|
}
|
||
|
function _srcset() {
|
||
|
const data = require("srcset");
|
||
|
_srcset = function () {
|
||
|
return data;
|
||
|
};
|
||
|
return data;
|
||
|
}
|
||
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||
|
// A list of all attributes that may produce a dependency
|
||
|
// Based on https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes
|
||
|
const ATTRS = {
|
||
|
src: ['script', 'img', 'audio', 'video', 'source', 'track', 'iframe', 'embed', 'amp-img'],
|
||
|
// Using href with <script> is described here: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/script
|
||
|
href: ['link', 'a', 'use', 'script', 'image'],
|
||
|
srcset: ['img', 'source'],
|
||
|
imagesrcset: ['link'],
|
||
|
poster: ['video'],
|
||
|
'xlink:href': ['use', 'image', 'script'],
|
||
|
content: ['meta'],
|
||
|
data: ['object']
|
||
|
};
|
||
|
|
||
|
// A list of metadata that should produce a dependency
|
||
|
// Based on:
|
||
|
// - http://schema.org/
|
||
|
// - http://ogp.me
|
||
|
// - https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/markup
|
||
|
// - https://msdn.microsoft.com/en-us/library/dn255024.aspx
|
||
|
// - https://vk.com/dev/publications
|
||
|
const META = {
|
||
|
property: ['og:image', 'og:image:url', 'og:image:secure_url', 'og:audio', 'og:audio:secure_url', 'og:video', 'og:video:secure_url', 'vk:image'],
|
||
|
name: ['twitter:image', 'msapplication-square150x150logo', 'msapplication-square310x310logo', 'msapplication-square70x70logo', 'msapplication-wide310x150logo', 'msapplication-TileImage', 'msapplication-config'],
|
||
|
itemprop: ['image', 'logo', 'screenshot', 'thumbnailUrl', 'contentUrl', 'downloadUrl']
|
||
|
};
|
||
|
const FEED_TYPES = new Set(['application/rss+xml', 'application/atom+xml']);
|
||
|
|
||
|
// Options to be passed to `addDependency` for certain tags + attributes
|
||
|
const OPTIONS = {
|
||
|
a: {
|
||
|
href: {
|
||
|
needsStableName: true
|
||
|
}
|
||
|
},
|
||
|
iframe: {
|
||
|
src: {
|
||
|
needsStableName: true
|
||
|
}
|
||
|
},
|
||
|
link(attrs) {
|
||
|
if (attrs.rel === 'stylesheet') {
|
||
|
return {
|
||
|
// Keep in the same bundle group as the HTML.
|
||
|
priority: 'parallel'
|
||
|
};
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
function collectSrcSetDependencies(asset, srcset, opts) {
|
||
|
let parsed = (0, _srcset().parse)(srcset).map(({
|
||
|
url,
|
||
|
...v
|
||
|
}) => ({
|
||
|
url: asset.addURLDependency(url, opts),
|
||
|
...v
|
||
|
}));
|
||
|
return (0, _srcset().stringify)(parsed);
|
||
|
}
|
||
|
function getAttrDepHandler(attr) {
|
||
|
if (attr === 'srcset' || attr === 'imagesrcset') {
|
||
|
return collectSrcSetDependencies;
|
||
|
}
|
||
|
return (asset, src, opts) => asset.addURLDependency(src, opts);
|
||
|
}
|
||
|
function collectDependencies(asset, ast) {
|
||
|
let isDirty = false;
|
||
|
let hasModuleScripts = false;
|
||
|
let seen = new Set();
|
||
|
let errors = [];
|
||
|
(0, _posthtml().default)().walk.call(ast.program, node => {
|
||
|
let {
|
||
|
tag,
|
||
|
attrs
|
||
|
} = node;
|
||
|
if (!attrs || seen.has(node)) {
|
||
|
return node;
|
||
|
}
|
||
|
seen.add(node);
|
||
|
if (tag === 'meta') {
|
||
|
const isMetaDependency = Object.keys(attrs).some(attr => {
|
||
|
let values = META[attr];
|
||
|
return values && values.includes(attrs[attr]) && attrs.content !== '' && !(attrs.name === 'msapplication-config' && attrs.content === 'none');
|
||
|
});
|
||
|
if (isMetaDependency) {
|
||
|
const metaAssetUrl = attrs.content;
|
||
|
if (metaAssetUrl) {
|
||
|
attrs.content = asset.addURLDependency(attrs.content, {
|
||
|
needsStableName: !(attrs.name && attrs.name.includes('msapplication'))
|
||
|
});
|
||
|
isDirty = true;
|
||
|
asset.setAST(ast);
|
||
|
}
|
||
|
}
|
||
|
return node;
|
||
|
}
|
||
|
if (tag === 'link' && (attrs.rel === 'canonical' || attrs.rel === 'manifest' || attrs.rel === 'alternate' && FEED_TYPES.has(attrs.type)) && attrs.href) {
|
||
|
let href = attrs.href;
|
||
|
if (attrs.rel === 'manifest') {
|
||
|
// A hack to allow manifest.json rather than manifest.webmanifest.
|
||
|
// If a custom pipeline is used, it is responsible for running @parcel/transformer-webmanifest.
|
||
|
if (!href.includes(':')) {
|
||
|
href = 'webmanifest:' + href;
|
||
|
}
|
||
|
}
|
||
|
attrs.href = asset.addURLDependency(href, {
|
||
|
needsStableName: true
|
||
|
});
|
||
|
isDirty = true;
|
||
|
asset.setAST(ast);
|
||
|
return node;
|
||
|
}
|
||
|
if (tag === 'script' && attrs.src) {
|
||
|
let sourceType = attrs.type === 'module' ? 'module' : 'script';
|
||
|
let loc = node.location ? {
|
||
|
filePath: asset.filePath,
|
||
|
start: node.location.start,
|
||
|
end: {
|
||
|
line: node.location.end.line,
|
||
|
// PostHTML's location is inclusive
|
||
|
column: node.location.end.column + 1
|
||
|
}
|
||
|
} : undefined;
|
||
|
let outputFormat = 'global';
|
||
|
if (attrs.type === 'module' && asset.env.shouldScopeHoist) {
|
||
|
outputFormat = 'esmodule';
|
||
|
} else {
|
||
|
if (attrs.type === 'module') {
|
||
|
attrs.defer = '';
|
||
|
}
|
||
|
delete attrs.type;
|
||
|
}
|
||
|
|
||
|
// If this is a <script type="module">, and not all of the browser targets support ESM natively,
|
||
|
// add a copy of the script tag with a nomodule attribute.
|
||
|
let copy;
|
||
|
if (outputFormat === 'esmodule' && !asset.env.supports('esmodules', true)) {
|
||
|
let attrs = Object.assign({}, node.attrs);
|
||
|
copy = {
|
||
|
...node,
|
||
|
attrs
|
||
|
};
|
||
|
delete attrs.type;
|
||
|
attrs.nomodule = '';
|
||
|
attrs.defer = '';
|
||
|
attrs.src = asset.addURLDependency(attrs.src, {
|
||
|
// Keep in the same bundle group as the HTML.
|
||
|
priority: 'parallel',
|
||
|
bundleBehavior: sourceType === 'script' || attrs.async != null ? 'isolated' : undefined,
|
||
|
env: {
|
||
|
sourceType,
|
||
|
outputFormat: 'global',
|
||
|
loc
|
||
|
}
|
||
|
});
|
||
|
seen.add(copy);
|
||
|
}
|
||
|
attrs.src = asset.addURLDependency(attrs.src, {
|
||
|
// Keep in the same bundle group as the HTML.
|
||
|
priority: 'parallel',
|
||
|
// If the script is async it can be executed in any order, so it cannot depend
|
||
|
// on any sibling scripts for dependencies. Keep all dependencies together.
|
||
|
// Also, don't share dependencies between classic scripts and nomodule scripts
|
||
|
// because nomodule scripts won't run when modules are supported.
|
||
|
bundleBehavior: sourceType === 'script' || attrs.async != null ? 'isolated' : undefined,
|
||
|
env: {
|
||
|
sourceType,
|
||
|
outputFormat,
|
||
|
loc
|
||
|
}
|
||
|
});
|
||
|
asset.setAST(ast);
|
||
|
if (sourceType === 'module') hasModuleScripts = true;
|
||
|
return copy ? [node, copy] : node;
|
||
|
}
|
||
|
for (let attr in attrs) {
|
||
|
// Check for virtual paths
|
||
|
if (tag === 'a' && attrs[attr].split('#')[0].lastIndexOf('.') < 1) {
|
||
|
continue;
|
||
|
}
|
||
|
|
||
|
// Check for id references
|
||
|
if (attrs[attr][0] === '#') {
|
||
|
continue;
|
||
|
}
|
||
|
let elements = ATTRS[attr];
|
||
|
if (elements && elements.includes(node.tag)) {
|
||
|
// Check for empty string
|
||
|
if (attrs[attr].length === 0) {
|
||
|
errors.push({
|
||
|
message: `'${attr}' should not be empty string`,
|
||
|
filePath: asset.filePath,
|
||
|
loc: node.location
|
||
|
});
|
||
|
}
|
||
|
let depHandler = getAttrDepHandler(attr);
|
||
|
let depOptionsHandler = OPTIONS[node.tag];
|
||
|
let depOptions = typeof depOptionsHandler === 'function' ? depOptionsHandler(attrs, asset.env) : depOptionsHandler && depOptionsHandler[attr];
|
||
|
attrs[attr] = depHandler(asset, attrs[attr], depOptions);
|
||
|
isDirty = true;
|
||
|
}
|
||
|
}
|
||
|
if (isDirty) {
|
||
|
asset.setAST(ast);
|
||
|
}
|
||
|
return node;
|
||
|
});
|
||
|
if (errors.length > 0) {
|
||
|
throw errors;
|
||
|
}
|
||
|
return hasModuleScripts;
|
||
|
}
|