98 lines
3.8 KiB
JavaScript
98 lines
3.8 KiB
JavaScript
const _ = require('lodash');
|
|
const {getImageWithSize} = require('../utils/images');
|
|
const config = require('../../shared/config');
|
|
const imageSizeCache = require('../../server/lib/image').cachedImageSizeFromUrl;
|
|
|
|
/**
|
|
* Get Image dimensions
|
|
* @param {object} metaData
|
|
* @returns {Promise<object>} metaData
|
|
* @description for image properties in meta data (coverImage, authorImage and site.logo), `getCachedImageSizeFromUrl` is
|
|
* called to receive image width and height
|
|
*/
|
|
async function getImageDimensions(metaData) {
|
|
const MAX_SOCIAL_IMG_WIDTH = config.get('imageOptimization:internalImageSizes:social-image:width') || 1200;
|
|
|
|
const fetch = {
|
|
coverImage: imageSizeCache.getCachedImageSizeFromUrl(metaData.coverImage.url),
|
|
authorImage: imageSizeCache.getCachedImageSizeFromUrl(metaData.authorImage.url),
|
|
ogImage: imageSizeCache.getCachedImageSizeFromUrl(metaData.ogImage.url),
|
|
twitterImage: imageSizeCache.getCachedImageSizeFromUrl(metaData.twitterImage),
|
|
logo: imageSizeCache.getCachedImageSizeFromUrl(metaData.site.logo.url)
|
|
};
|
|
|
|
const [coverImage, authorImage, ogImage, twitterImage, logo] = await Promise.all([
|
|
fetch.coverImage,
|
|
fetch.authorImage,
|
|
fetch.ogImage,
|
|
fetch.twitterImage,
|
|
fetch.logo
|
|
]);
|
|
const imageObj = {
|
|
coverImage,
|
|
authorImage,
|
|
ogImage,
|
|
twitterImage,
|
|
logo
|
|
};
|
|
|
|
_.forEach(imageObj, function (key, value) {
|
|
if (_.has(key, 'width') && _.has(key, 'height')) {
|
|
// We have some restrictions for publisher.logo:
|
|
// The image needs to be <=600px wide and <=60px high (ideally exactly 600px x 60px).
|
|
// Unless we have proper image-handling (see https://github.com/TryGhost/Ghost/issues/4453),
|
|
// we will fake it in some cases or not produce an imageObject at all.
|
|
if (value === 'logo') {
|
|
if (key.height <= 60 && key.width <= 600) {
|
|
_.assign(metaData.site[value], {
|
|
dimensions: {
|
|
width: key.width,
|
|
height: key.height
|
|
}
|
|
});
|
|
} else if (key.width === key.height) {
|
|
// CASE: the logo is too large, but it is a square. We fake it...
|
|
_.assign(metaData.site[value], {
|
|
dimensions: {
|
|
width: 60,
|
|
height: 60
|
|
}
|
|
});
|
|
}
|
|
} else {
|
|
if (key.width > MAX_SOCIAL_IMG_WIDTH) {
|
|
const ratio = key.height / key.width;
|
|
key.width = MAX_SOCIAL_IMG_WIDTH;
|
|
key.height = Math.round(MAX_SOCIAL_IMG_WIDTH * ratio);
|
|
|
|
const sizeOptions = {
|
|
requestedSize: `social-image`,
|
|
imageSizes: config.get('imageOptimization:internalImageSizes')
|
|
};
|
|
|
|
if (typeof metaData[value] === 'string') {
|
|
const url = getImageWithSize(metaData[value], sizeOptions);
|
|
metaData[value] = url;
|
|
} else {
|
|
const url = getImageWithSize(metaData[value].url, sizeOptions);
|
|
_.assign(metaData[value], {url});
|
|
}
|
|
}
|
|
|
|
if (typeof metaData[value] === 'object') {
|
|
_.assign(metaData[value], {
|
|
dimensions: {
|
|
width: key.width,
|
|
height: key.height
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
return metaData;
|
|
}
|
|
|
|
module.exports = getImageDimensions;
|