@web/rollup-plugin-html
Version:
Rollup plugin for bundling HTML files
133 lines • 6.29 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.emitAssets = void 0;
const path_1 = __importDefault(require("path"));
const lightningcss_1 = require("lightningcss");
const fs_1 = __importDefault(require("fs"));
const utils_js_1 = require("../assets/utils.js");
const allowedFileExtensions = [
/.*\.svg/,
/.*\.png/,
/.*\.jpg/,
/.*\.jpeg/,
/.*\.webp/,
/.*\.gif/,
/.*\.avif/,
/.*\.woff2/,
/.*\.woff/,
];
function shouldHandleAsset(url) {
return (allowedFileExtensions.some(f => f.test(url)) &&
!url.startsWith('http') &&
!url.startsWith('data') &&
!url.startsWith('#') &&
!url.startsWith('/'));
}
async function emitAssets(inputs, options) {
const emittedStaticAssets = new Map();
const emittedHashedAssets = new Map();
const emittedStaticAssetNames = new Set();
const transforms = [];
if (options.transformAsset) {
if (Array.isArray(options.transformAsset)) {
transforms.push(...options.transformAsset);
}
else {
transforms.push(options.transformAsset);
}
}
const staticAssets = [];
const hashedAssets = [];
for (const input of inputs) {
for (const asset of input.assets) {
if (asset.hashed) {
hashedAssets.push(asset);
}
else {
staticAssets.push(asset);
}
}
}
// ensure static assets are last because of https://github.com/rollup/rollup/issues/3853
const allAssets = [...hashedAssets, ...staticAssets];
for (const asset of allAssets) {
const map = asset.hashed ? emittedHashedAssets : emittedStaticAssets;
if (!map.has(asset.filePath)) {
let source = asset.content;
// run user's transform functions
for (const transform of transforms) {
const result = await transform(asset.content, asset.filePath);
if (result != null) {
source = typeof result === 'string' ? Buffer.from(result, 'utf-8') : result;
}
}
let ref;
let basename = path_1.default.basename(asset.filePath);
const isExternal = (0, utils_js_1.createAssetPicomatchMatcher)(options.externalAssets);
const emittedExternalAssets = new Map();
if (asset.hashed) {
if (basename.endsWith('.css') && options.bundleAssetsFromCss) {
let updatedCssSource = false;
const { code } = await (0, lightningcss_1.transform)({
filename: basename,
code: asset.content,
minify: false,
visitor: {
Url: url => {
// Support foo.svg#bar
// https://www.w3.org/TR/html4/types.html#:~:text=ID%20and%20NAME%20tokens%20must,tokens%20defined%20by%20other%20attributes.
const [filePath, idRef] = url.url.split('#');
if (shouldHandleAsset(filePath) && !isExternal(filePath)) {
// Read the asset file, get the asset from the source location on the FS using asset.filePath
const assetLocation = path_1.default.resolve(path_1.default.dirname(asset.filePath), filePath);
const assetContent = fs_1.default.readFileSync(assetLocation);
// Avoid duplicates
if (!emittedExternalAssets.has(assetLocation)) {
const fontFileRef = this.emitFile({
type: 'asset',
name: path_1.default.join('assets', path_1.default.basename(filePath)),
source: assetContent,
});
const emittedAssetFilePath = path_1.default.basename(this.getFileName(fontFileRef));
emittedExternalAssets.set(assetLocation, emittedAssetFilePath);
// Update the URL in the original CSS file to point to the emitted asset file
url.url = `assets/${idRef ? `${emittedAssetFilePath}#${idRef}` : emittedAssetFilePath}`;
}
else {
const emittedAssetFilePath = emittedExternalAssets.get(assetLocation);
url.url = `assets/${idRef ? `${emittedAssetFilePath}#${idRef}` : emittedAssetFilePath}`;
}
}
updatedCssSource = true;
return url;
},
},
});
if (updatedCssSource) {
source = Buffer.from(code);
}
}
ref = this.emitFile({ type: 'asset', name: basename, source });
}
else {
// ensure the output filename is unique
let i = 1;
while (emittedStaticAssetNames.has(basename)) {
const ext = path_1.default.extname(basename);
basename = `${basename.replace(ext, '')}${i}${ext}`;
i += 1;
}
emittedStaticAssetNames.add(basename);
const fileName = `assets/${basename}`;
ref = this.emitFile({ type: 'asset', name: basename, fileName, source });
}
map.set(asset.filePath, this.getFileName(ref));
}
}
return { static: emittedStaticAssets, hashed: emittedHashedAssets };
}
exports.emitAssets = emitAssets;
//# sourceMappingURL=emitAssets.js.map