scripts/optimize-images.ts

@@ -16,14 +16,16 @@ import { default as getImageDimensions } from "image-size";
 const SOURCE_DIRECTORY = "images";
 const DESTINATION_DIRECTORY = path.join("public", "images");
 
-// directory where Meet the Team headshots are stored, relative to the source directory
+// directories are relative to SOURCE_DIRECTORY
 const TEAM_IMAGES_DIRECTORY = path.join("team", "");
+const EVENTS_IMAGES_DIRECTORY = path.join("events", "");
 
 const IMAGE_MINIMUM_SIZE = 512;
 
 const GET_ENCODER_FROM_EXTENSION: { [imageExtension: string]: string } = {
   jpg: "mozjpeg",
   jpeg: "mozjpeg",
+  JPG: "mozjpeg",
   png: "oxipng",
 };
 
@@ -35,6 +37,8 @@ const ENCODER_OPTIONS: { [encoder: string]: Record<string, unknown> } = {
 void optimizeImages();
 
 export async function optimizeImages() {
+  const startTime = Date.now();
+
   const imagePaths = await getFilePathsInDirectory(SOURCE_DIRECTORY);
   await fse.emptyDir(DESTINATION_DIRECTORY);
 
@@ -44,6 +48,8 @@ export async function optimizeImages() {
 
   await Promise.all(
     imagePaths.map(async (imagePath) => {
+      const imageStartTime = Date.now();
+
       const sourcePath = path.join(SOURCE_DIRECTORY, imagePath);
       const destinationPath = path.join(DESTINATION_DIRECTORY, imagePath);
       const fileExtension = imagePath.split(".").pop() ?? "";
@@ -51,6 +57,9 @@ export async function optimizeImages() {
 
       if (!encoder) {
         await fse.copy(sourcePath, destinationPath);
+        console.log(
+          `Copied ${imagePath} in ${getElapsedSeconds(imageStartTime)}s`
+        );
         return;
       }
 
@@ -61,9 +70,10 @@ export async function optimizeImages() {
       await ingestedImage.decoded;
 
       const shouldResize =
-        imagePath.startsWith(TEAM_IMAGES_DIRECTORY) &&
-        (width ?? 0) > IMAGE_MINIMUM_SIZE &&
-        (height ?? 0) > IMAGE_MINIMUM_SIZE;
+        imagePath.startsWith(TEAM_IMAGES_DIRECTORY) ||
+        (imagePath.startsWith(EVENTS_IMAGES_DIRECTORY) &&
+          (width ?? 0) > IMAGE_MINIMUM_SIZE &&
+          (height ?? 0) > IMAGE_MINIMUM_SIZE);
 
       if (width && height && shouldResize) {
         const smallerDimension = width < height ? "width" : "height";
@@ -84,10 +94,16 @@ export async function optimizeImages() {
 
       const encodedImage = await ingestedImage.encodedWith[encoder];
       await fse.outputFile(destinationPath, encodedImage.binary);
+
+      console.log(
+        `Optimized ${sourcePath} in ${getElapsedSeconds(imageStartTime)}s`
+      );
     })
   );
 
   await imagePool.close();
+
+  console.log(`TOTAL DURATION: ${getElapsedSeconds(startTime)}s`);
 }
 
 async function getFilePathsInDirectory(directory: string): Promise<string[]> {
@@ -105,3 +121,7 @@ async function getFilePathsInDirectory(directory: string): Promise<string[]> {
     )
   ).flat();
 }
+
+function getElapsedSeconds(startTime: number) {
+  return (Date.now() - startTime) / 1000;
+}