2021-02-16 10:19:09 +01:00
|
|
|
import { copy, readFile, remove, rename } from 'fs-extra'
|
2022-03-01 08:50:28 +01:00
|
|
|
import Jimp, { read as jimpRead } from 'jimp'
|
2022-02-11 10:51:33 +01:00
|
|
|
import { join } from 'path'
|
2021-12-29 14:44:58 +01:00
|
|
|
import { getLowercaseExtension } from '@shared/core-utils'
|
|
|
|
import { buildUUID } from '@shared/extra-utils'
|
2022-02-11 10:51:33 +01:00
|
|
|
import { convertWebPToJPG, generateThumbnailFromVideo, processGIF } from './ffmpeg/ffmpeg-images'
|
|
|
|
import { logger, loggerTagsFactory } from './logger'
|
|
|
|
|
|
|
|
const lTags = loggerTagsFactory('image-utils')
|
2020-07-10 14:54:11 +02:00
|
|
|
|
2021-04-08 11:23:45 +02:00
|
|
|
function generateImageFilename (extension = '.jpg') {
|
2021-06-28 17:30:59 +02:00
|
|
|
return buildUUID() + extension
|
2021-04-08 11:23:45 +02:00
|
|
|
}
|
|
|
|
|
2018-02-13 18:17:05 +01:00
|
|
|
async function processImage (
|
2019-04-24 09:56:25 +02:00
|
|
|
path: string,
|
2018-02-13 18:17:05 +01:00
|
|
|
destination: string,
|
2019-04-17 10:07:00 +02:00
|
|
|
newSize: { width: number, height: number },
|
|
|
|
keepOriginal = false
|
2018-02-13 18:17:05 +01:00
|
|
|
) {
|
2021-06-08 09:33:03 +02:00
|
|
|
const extension = getLowercaseExtension(path)
|
2020-11-25 09:26:31 +01:00
|
|
|
|
2020-11-25 09:50:12 +01:00
|
|
|
if (path === destination) {
|
|
|
|
throw new Error('Jimp/FFmpeg needs an input path different that the output path.')
|
|
|
|
}
|
|
|
|
|
|
|
|
logger.debug('Processing image %s to %s.', path, destination)
|
|
|
|
|
2020-11-25 09:26:31 +01:00
|
|
|
// Use FFmpeg to process GIF
|
|
|
|
if (extension === '.gif') {
|
2020-11-25 09:50:12 +01:00
|
|
|
await processGIF(path, destination, newSize)
|
|
|
|
} else {
|
2021-02-16 10:19:09 +01:00
|
|
|
await jimpProcessor(path, destination, newSize, extension)
|
2020-11-25 09:26:31 +01:00
|
|
|
}
|
|
|
|
|
2020-11-25 09:50:12 +01:00
|
|
|
if (keepOriginal !== true) await remove(path)
|
|
|
|
}
|
2018-11-19 11:24:31 +01:00
|
|
|
|
2022-02-11 10:51:33 +01:00
|
|
|
async function generateImageFromVideoFile (fromPath: string, folder: string, imageName: string, size: { width: number, height: number }) {
|
|
|
|
const pendingImageName = 'pending-' + imageName
|
|
|
|
const pendingImagePath = join(folder, pendingImageName)
|
|
|
|
|
|
|
|
try {
|
|
|
|
await generateThumbnailFromVideo(fromPath, folder, imageName)
|
|
|
|
|
|
|
|
const destination = join(folder, imageName)
|
|
|
|
await processImage(pendingImagePath, destination, size)
|
|
|
|
} catch (err) {
|
|
|
|
logger.error('Cannot generate image from video %s.', fromPath, { err, ...lTags() })
|
|
|
|
|
|
|
|
try {
|
|
|
|
await remove(pendingImagePath)
|
|
|
|
} catch (err) {
|
|
|
|
logger.debug('Cannot remove pending image path after generation error.', { err, ...lTags() })
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-03-01 08:50:28 +01:00
|
|
|
async function getImageSize (path: string) {
|
|
|
|
const inputBuffer = await readFile(path)
|
|
|
|
|
|
|
|
const image = await jimpRead(inputBuffer)
|
|
|
|
|
|
|
|
return {
|
|
|
|
width: image.getWidth(),
|
|
|
|
height: image.getHeight()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-11-25 09:50:12 +01:00
|
|
|
// ---------------------------------------------------------------------------
|
2018-11-19 11:24:31 +01:00
|
|
|
|
2020-11-25 09:50:12 +01:00
|
|
|
export {
|
2021-04-08 11:23:45 +02:00
|
|
|
generateImageFilename,
|
2022-02-11 10:51:33 +01:00
|
|
|
generateImageFromVideoFile,
|
2022-03-01 08:50:28 +01:00
|
|
|
|
|
|
|
processImage,
|
|
|
|
|
|
|
|
getImageSize
|
2020-11-25 09:50:12 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
// ---------------------------------------------------------------------------
|
|
|
|
|
2021-02-16 10:19:09 +01:00
|
|
|
async function jimpProcessor (path: string, destination: string, newSize: { width: number, height: number }, inputExt: string) {
|
2021-11-16 15:59:56 +01:00
|
|
|
let sourceImage: Jimp
|
2021-02-16 10:19:09 +01:00
|
|
|
const inputBuffer = await readFile(path)
|
2020-07-10 14:54:11 +02:00
|
|
|
|
|
|
|
try {
|
2022-03-01 08:50:28 +01:00
|
|
|
sourceImage = await jimpRead(inputBuffer)
|
2020-07-10 14:54:11 +02:00
|
|
|
} catch (err) {
|
2020-10-26 16:44:23 +01:00
|
|
|
logger.debug('Cannot read %s with jimp. Try to convert the image using ffmpeg first.', path, { err })
|
2020-07-10 14:54:11 +02:00
|
|
|
|
|
|
|
const newName = path + '.jpg'
|
|
|
|
await convertWebPToJPG(path, newName)
|
|
|
|
await rename(newName, path)
|
|
|
|
|
2022-03-01 08:50:28 +01:00
|
|
|
sourceImage = await jimpRead(path)
|
2020-07-10 14:54:11 +02:00
|
|
|
}
|
2018-11-19 11:24:31 +01:00
|
|
|
|
|
|
|
await remove(destination)
|
|
|
|
|
2021-02-16 10:19:09 +01:00
|
|
|
// Optimization if the source file has the appropriate size
|
2021-06-08 09:33:03 +02:00
|
|
|
const outputExt = getLowercaseExtension(destination)
|
2021-11-16 15:59:56 +01:00
|
|
|
if (skipProcessing({ sourceImage, newSize, imageBytes: inputBuffer.byteLength, inputExt, outputExt })) {
|
2021-02-16 10:19:09 +01:00
|
|
|
return copy(path, destination)
|
|
|
|
}
|
|
|
|
|
2021-11-16 15:59:56 +01:00
|
|
|
await autoResize({ sourceImage, newSize, destination })
|
|
|
|
}
|
|
|
|
|
|
|
|
async function autoResize (options: {
|
|
|
|
sourceImage: Jimp
|
|
|
|
newSize: { width: number, height: number }
|
|
|
|
destination: string
|
|
|
|
}) {
|
|
|
|
const { sourceImage, newSize, destination } = options
|
|
|
|
|
Fix various typos
Found via `codespell -q 3 -S ./CREDITS.md,./CHANGELOG.md,./client/src/locale,./yarn.lock,./client/yarn.lock -L doubleclick,followings,nd,ot,ro,serie,splitted,tread,truthy`
2022-06-07 15:45:06 +02:00
|
|
|
// Portrait mode targeting a landscape, apply some effect on the image
|
2021-11-16 16:11:10 +01:00
|
|
|
const sourceIsPortrait = sourceImage.getWidth() < sourceImage.getHeight()
|
|
|
|
const destIsPortraitOrSquare = newSize.width <= newSize.height
|
|
|
|
|
2022-03-07 17:16:54 +01:00
|
|
|
removeExif(sourceImage)
|
|
|
|
|
2021-11-16 16:11:10 +01:00
|
|
|
if (sourceIsPortrait && !destIsPortraitOrSquare) {
|
2021-11-16 15:59:56 +01:00
|
|
|
const baseImage = sourceImage.cloneQuiet().cover(newSize.width, newSize.height)
|
|
|
|
.color([ { apply: 'shade', params: [ 50 ] } ])
|
|
|
|
|
|
|
|
const topImage = sourceImage.cloneQuiet().contain(newSize.width, newSize.height)
|
|
|
|
|
|
|
|
return write(baseImage.blit(topImage, 0, 0), destination)
|
|
|
|
}
|
|
|
|
|
2021-11-16 16:11:10 +01:00
|
|
|
return write(sourceImage.cover(newSize.width, newSize.height), destination)
|
2021-11-16 15:59:56 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
function write (image: Jimp, destination: string) {
|
|
|
|
return image.quality(80).writeAsync(destination)
|
2018-02-13 18:17:05 +01:00
|
|
|
}
|
2021-02-16 10:19:09 +01:00
|
|
|
|
|
|
|
function skipProcessing (options: {
|
2021-11-16 15:59:56 +01:00
|
|
|
sourceImage: Jimp
|
2021-02-16 10:19:09 +01:00
|
|
|
newSize: { width: number, height: number }
|
|
|
|
imageBytes: number
|
|
|
|
inputExt: string
|
|
|
|
outputExt: string
|
|
|
|
}) {
|
2021-11-16 15:59:56 +01:00
|
|
|
const { sourceImage, newSize, imageBytes, inputExt, outputExt } = options
|
2021-02-16 10:19:09 +01:00
|
|
|
const { width, height } = newSize
|
|
|
|
|
2022-03-07 17:16:54 +01:00
|
|
|
if (hasExif(sourceImage)) return false
|
2021-11-16 15:59:56 +01:00
|
|
|
if (sourceImage.getWidth() > width || sourceImage.getHeight() > height) return false
|
2021-02-16 10:19:09 +01:00
|
|
|
if (inputExt !== outputExt) return false
|
|
|
|
|
|
|
|
const kB = 1000
|
|
|
|
|
|
|
|
if (height >= 1000) return imageBytes <= 200 * kB
|
|
|
|
if (height >= 500) return imageBytes <= 100 * kB
|
|
|
|
|
|
|
|
return imageBytes <= 15 * kB
|
|
|
|
}
|
2022-03-07 17:16:54 +01:00
|
|
|
|
|
|
|
function hasExif (image: Jimp) {
|
|
|
|
return !!(image.bitmap as any).exifBuffer
|
|
|
|
}
|
|
|
|
|
|
|
|
function removeExif (image: Jimp) {
|
|
|
|
(image.bitmap as any).exifBuffer = null
|
|
|
|
}
|