emails-renderer/webpack-utils/image-size-loader/index.js

109 lines
3.2 KiB
JavaScript
Raw Normal View History

2019-05-10 04:23:28 +05:30
/* eslint-disable multiline-ternary */
const path = require('path');
const fs = require('fs');
const sizeOf = require('image-size');
const loaderUtils = require('loader-utils');
const validateOptions = require('schema-utils');
const schema = require('./options.json');
function imageToString(image) {
return `
module.exports = {
src: ${image.src},
width: ${JSON.stringify(image.width)},
height: ${JSON.stringify(image.height)},
bytes: ${JSON.stringify(image.bytes)},
type: ${JSON.stringify(image.type)},
};
// For requires from CSS when used with webpack css-loader,
// outputting an Object doesn't make sense,
// So overriding the toString method to output just the URL
module.exports.toString = function() {
return ${image.src};
};
`;
}
module.exports = function(content) {
if (!this.emitFile) {
throw new Error('File Loader\n\nemitFile is required from module system');
}
const options = loaderUtils.getOptions(this) || {};
validateOptions(schema, options, 'File Loader');
const context = options.context || this.rootContext || (this.options && this.options.context);
const url = loaderUtils.interpolateName(this, options.name, {
context,
content,
regExp: options.regExp,
});
let image;
if (this.resourcePath) {
image = sizeOf(this.resourcePath);
image.bytes = fs.statSync(this.resourcePath).size;
} else {
image = sizeOf(content);
image.bytes = content.byteLength;
}
let outputPath = url;
if (options.outputPath) {
if (typeof options.outputPath === 'function') {
outputPath = options.outputPath(url);
} else {
outputPath = path.posix.join(options.outputPath, url);
}
}
if (options.useRelativePath) {
const filePath = this.resourcePath;
const issuer = options.context ? context : this._module && this._module.issuer && this._module.issuer.context;
const relativeUrl = issuer && path
.relative(issuer, filePath)
.split(path.sep)
.join('/');
const relativePath = relativeUrl && `${path.dirname(relativeUrl)}/`;
// eslint-disable-next-line no-bitwise
if (~relativePath.indexOf('../')) {
outputPath = path.posix.join(outputPath, relativePath, url);
} else {
outputPath = path.posix.join(relativePath, url);
}
}
let publicPath = `__webpack_public_path__ + ${JSON.stringify(outputPath)}`;
if (options.publicPath) {
if (typeof options.publicPath === 'function') {
publicPath = options.publicPath(url);
} else if (options.publicPath.endsWith('/')) {
publicPath = options.publicPath + url;
} else {
publicPath = `${options.publicPath}/${url}`;
}
publicPath = JSON.stringify(publicPath);
}
image.src = publicPath;
// eslint-disable-next-line no-undefined
if (options.emitFile === undefined || options.emitFile) {
this.emitFile(outputPath, content);
}
return imageToString(image);
};
module.exports.raw = true;