Replace jimp with jimp custom

lib/screenshot/index.js

@@ -7,8 +7,11 @@ import {
   savePng,
   saveJpg
 } from '../support/images/index.js';
+import { loadCustomJimp } from './loadCustomJimp.js';
+
 const SCREENSHOT_DIR = 'screenshots';
 const log = intel.getLogger('browsertime.screenshot');
+
 export class ScreenshotManager {
   constructor(storageManager, options) {
     this.storageManager = storageManager;
@@ -18,17 +21,12 @@ export class ScreenshotManager {
   }
 
   async save(name, data, url, index) {
-    let jimp;
-    try {
-      jimp = await import('jimp');
-    } catch {
-      jimp = undefined;
-    }
+    const jimp = await loadCustomJimp();
 
     if (!jimp) {
       if (this.config.type === 'jpg') {
         log.info(
-          'Missing sharp dependency so you can only save images as png at viewport size'
+          'Missing jimp dependency so you can only save images as png at viewport size'
         );
       }
       const pathAndName = await savePngWithoutResize(

lib/screenshot/loadCustomJimp.js

@@ -0,0 +1,17 @@
+export async function loadCustomJimp() {
+  try {
+    const { default: configure } = await import('@jimp/custom');
+    const { default: pluginPng } = await import('@jimp/png');
+    const { default: pluginJpeg } = await import('@jimp/jpeg');
+    const { default: pluginScale } = await import('@jimp/plugin-scale');
+    // The scale plugin use resize
+    const { default: pluginResize } = await import('@jimp/plugin-resize');
+    const jimp = configure({
+      types: [pluginPng, pluginJpeg],
+      plugins: [pluginResize, pluginScale]
+    });
+    return jimp;
+  } catch {
+    return;
+  }
+}

lib/support/images/index.js

@@ -1,6 +1,6 @@
 import path from 'node:path';
 import { pathToFolder } from '../pathToFolder.js';
-
+import { loadCustomJimp } from '../../screenshot/loadCustomJimp.js';
 export async function savePngWithoutResize(
   name,
   data,
@@ -24,18 +24,13 @@ export async function savePng(
   dir,
   options
 ) {
-  let jimp;
-  try {
-    jimp = await import('jimp');
-  } catch {
-    jimp = undefined;
-  }
+  const jimp = await loadCustomJimp();
 
   if (jimp) {
-    const image = await jimp.default.read(data);
+    const image = await jimp.read(data);
     const buffer = await image
       .deflateLevel(config.png.compressionLevel)
-      .scaleToFit(config.maxSize, config.maxSize, jimp.default.RESIZE_HERMITE)
+      .scaleToFit(config.maxSize, config.maxSize, jimp.RESIZE_HERMITE)
       .getBufferAsync('image/png');
 
     return storageManager.writeData(
@@ -54,18 +49,14 @@ export async function saveJpg(
   dir,
   options
 ) {
-  let jimp;
-  try {
-    jimp = await import('jimp');
-  } catch {
-    jimp = undefined;
-  }
+  const jimp = await loadCustomJimp();
+
   if (jimp) {
-    const image = await jimp.default.read(data);
+    const image = await jimp.read(data);
     // https://github.com/sitespeedio/sitespeed.io/issues/3922
     const buffer = await image
       .quality(config.jpg.quality)
-      .scaleToFit(config.maxSize, config.maxSize, jimp.default.RESIZE_HERMITE)
+      .scaleToFit(config.maxSize, config.maxSize, jimp.RESIZE_HERMITE)
       .getBufferAsync('image/jpeg');
     return storageManager.writeData(
       `${name}.jpg`,