63 lines
2.4 KiB
JavaScript
63 lines
2.4 KiB
JavaScript
|
import { embedResources } from './embed-resources';
|
||
|
|
import { toArray, isInstanceOfElement } from './util';
|
||
|
|
import { isDataUrl, resourceToDataURL } from './dataurl';
|
||
|
|
import { getMimeType } from './mimes';
|
||
|
|
async function embedProp(propName, node, options) {
|
||
|
|
var _a;
|
||
|
|
const propValue = (_a = node.style) === null || _a === void 0 ? void 0 : _a.getPropertyValue(propName);
|
||
|
|
if (propValue) {
|
||
|
|
const cssString = await embedResources(propValue, null, options);
|
||
|
|
node.style.setProperty(propName, cssString, node.style.getPropertyPriority(propName));
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
async function embedBackground(clonedNode, options) {
|
||
|
|
if (!(await embedProp('background', clonedNode, options))) {
|
||
|
|
await embedProp('background-image', clonedNode, options);
|
||
|
|
}
|
||
|
|
if (!(await embedProp('mask', clonedNode, options))) {
|
||
|
|
await embedProp('mask-image', clonedNode, options);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
async function embedImageNode(clonedNode, options) {
|
||
|
|
const isImageElement = isInstanceOfElement(clonedNode, HTMLImageElement);
|
||
|
|
if (!(isImageElement && !isDataUrl(clonedNode.src)) &&
|
||
|
|
!(isInstanceOfElement(clonedNode, SVGImageElement) &&
|
||
|
|
!isDataUrl(clonedNode.href.baseVal))) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
const url = isImageElement ? clonedNode.src : clonedNode.href.baseVal;
|
||
|
|
const dataURL = await resourceToDataURL(url, getMimeType(url), options);
|
||
|
|
await new Promise((resolve, reject) => {
|
||
|
|
clonedNode.onload = resolve;
|
||
|
|
clonedNode.onerror = reject;
|
||
|
|
const image = clonedNode;
|
||
|
|
if (image.decode) {
|
||
|
|
image.decode = resolve;
|
||
|
|
}
|
||
|
|
if (image.loading === 'lazy') {
|
||
|
|
image.loading = 'eager';
|
||
|
|
}
|
||
|
|
if (isImageElement) {
|
||
|
|
clonedNode.srcset = '';
|
||
|
|
clonedNode.src = dataURL;
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
clonedNode.href.baseVal = dataURL;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
async function embedChildren(clonedNode, options) {
|
||
|
|
const children = toArray(clonedNode.childNodes);
|
||
|
|
const deferreds = children.map((child) => embedImages(child, options));
|
||
|
|
await Promise.all(deferreds).then(() => clonedNode);
|
||
|
|
}
|
||
|
|
export async function embedImages(clonedNode, options) {
|
||
|
|
if (isInstanceOfElement(clonedNode, Element)) {
|
||
|
|
await embedBackground(clonedNode, options);
|
||
|
|
await embedImageNode(clonedNode, options);
|
||
|
|
await embedChildren(clonedNode, options);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
//# sourceMappingURL=embed-images.js.map
|