imageopt

#! node

const inquirer = require("inquirer");
const fs = require("fs");
const path = require("path");
const sharp = require("sharp");

const INPUT_IMAGE_FORMATS = [
  "jpeg",
  "jpg",
  "png",
  "webp",
  "avif",
  "tiff",
  "gif",
  "svg",
];

const OUTPUT_IMAGE_FORMATS = ["jpeg", "png", "webp", "avif", "tiff"];

const COLOR_MAP_OUTPUT = [
  "b-w",
  "cmyk",
  "hsv",
  "lab",
  "rgb",
  "rgb16",
  "scrgb",
  "srgb",
];

async function getMetadata(file) {
  let metadata = await sharp(file).metadata();
  fs.stat(file, (err, { size }) => {
    if (err) {
      return console.error(err);
    }

    const sizeToMb = `${(size / 1048576).toFixed(4)}Mb`;
    metadata = {
      ...metadata,
      size: sizeToMb,
    };

    console.log(file);
    console.table(metadata);
  });
}

const compress = (image, format, compress) => {
  const process = {
    jpeg: () => image.jpeg({ quality: compress * 10 }),
    webp: () => image.webp({ quality: compress * 10 }),
    png: () => image.png({ quality: compress * 10 }),
    avif: () => image.avif({ quality: compress * 10 }),
    tiff: () => image.tiff({ quality: compress * 10 }),
  };

  process[format]();

  return image;
};
fs.readdir(process.cwd(), (err, files) => {
  if (err) {
    return console.error(`Unable to scan directory ${err}`);
  }

  files = files.filter((file) =>
    INPUT_IMAGE_FORMATS.includes(path.extname(file).toLowerCase().substr(1))
  );

  if (files.length < 1) {
    return console.error(`There's no images here!`);
  }

  inquirer
    .prompt([
      {
        type: "checkbox",
        name: "images",
        message: "Select images to be optimized: ",
        choices: [...files],
      },
      {
        type: "input",
        name: "sizeX",
        message: "New width: ",
      },
      {
        type: "input",
        name: "sizeY",
        message: "New height: ",
      },
      {
        type: "list",
        name: "compression",
        message: "Compression level(1->lowest quality,9->highest quality): ",
        choices: [1, 2, 3, 4, 5, 6, 7, 8, 9],
      },
      {
        type: "list",
        name: "outputFormat",
        message: "Select an output format: ",
        choices: [...OUTPUT_IMAGE_FORMATS],
      },
      {
        type: "list",
        name: "colorFormat",
        message: "Select a color format: ",
        choices: [...COLOR_MAP_OUTPUT],
      },
    ])
    .then(
      ({ images, sizeX, sizeY, outputFormat, colorFormat, compression }) => {
        for (const image of images) {
          getMetadata(image).catch((err) => console.error(err));

          const newImage = sharp(image)
            .resize(+sizeX, +sizeY)
            .toFormat(outputFormat)
            .toColorspace(colorFormat);

          const newImageName = `${
            image.substr(0, image.lastIndexOf(".")) || image
          }-${sizeX}x${sizeY}-${colorFormat}.${outputFormat}`;

          compress(newImage, outputFormat, compression)
            .toFile(newImageName, (err) => {

              if (err) {
                return console.error(err);
              }

              getMetadata(newImageName).catch((err) => console.error(err));
            })
        }
      }
    )
    .catch((err) => console.error(err));
});