Son CV dans un terminal web en Javascript! https://terminal-cv.gregandev.fr
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

292 lines
7.5 KiB

// @flow
import type {AST, MutableAsset} from '@parcel/types';
import type {PostHTMLNode} from 'posthtml';
import PostHTML from 'posthtml';
// 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 newSources = [];
for (const source of srcset.split(',')) {
let pair = source.trim().split(' ');
if (pair.length === 0) {
continue;
}
pair[0] = asset.addURLDependency(pair[0], opts);
newSources.push(pair.join(' '));
}
return newSources.join(',');
}
function getAttrDepHandler(attr) {
if (attr === 'srcset' || attr === 'imagesrcset') {
return collectSrcSetDependencies;
}
return (asset, src, opts) => asset.addURLDependency(src, opts);
}
export default function collectDependencies(
asset: MutableAsset,
ast: AST,
): boolean {
let isDirty = false;
let hasScripts = false;
let seen = new Set();
const errors = [];
PostHTML().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: true,
});
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: node.location.end,
}
: 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: ?PostHTMLNode;
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);
hasScripts = 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 hasScripts;
}