@websolutespa/bom-mixer-image 1.0.5 → 1.0.7

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @websolutespa/bom-mixer-image
 
+## 1.0.7
+
+### Patch Changes
+
+- Fixing: imageHandler Vercel support
+- Updated dependencies
+  - @websolutespa/bom-core@1.7.7
+
+## 1.0.6
+
+### Patch Changes
+
+- Modified: imageHandler, re-route not found to origin
+
 ## 1.0.5
 
 ### Patch Changes

package/dist/index.js

@@ -94,7 +94,10 @@ function imageHandler({ domains = [] }) {
           response.setHeader("Cache-Control", `public, max-age=${IMAGE_MAX_AGE}`);
           return response.send(cachedImage);
         }
-        const originalImage = await getOriginalImage(url, domains);
+        if (url.indexOf("http") === -1 && isVercel()) {
+          response.redirect(307, url);
+        }
+        const originalImage = await getOriginalImage(url, domains, request.headers);
         if (originalImage) {
           const resizedImage = (0, import_sharp.default)(originalImage).resize({
             width,
@@ -117,10 +120,10 @@ function imageHandler({ domains = [] }) {
     }
   });
 }
-function getOriginalImage(url, domains) {
-  return new Promise((resolve2, reject) => {
+function getOriginalImage(url, domains, headers, skipUrlValidity = false) {
+  return new Promise((resolve, reject) => {
     if (url.indexOf("http") === 0) {
-      if (!checkUrlValidity(url, domains)) {
+      if (!skipUrlValidity && !checkUrlValidity(url, domains)) {
         console.error("imageHandler.getOriginalImage.error invalid url");
         return reject({ status: 401, message: "invalid url" });
       }
@@ -135,7 +138,7 @@ function getOriginalImage(url, domains) {
           return reject({ status: response.status, message: response.statusText });
         }
         response.arrayBuffer().then((buffer) => {
-          return resolve2(Buffer.from(buffer));
+          return resolve(Buffer.from(buffer));
         }).catch((error) => {
           return reject(error);
         });
@@ -143,23 +146,23 @@ function getOriginalImage(url, domains) {
         return reject(error);
       });
     } else {
-      const filePath = path.resolve(".", "public", url);
+      const filePath = path.join(process.cwd(), "public", url);
       fs.readFile(filePath, (error, data) => {
         if (error) {
           return reject(error);
         }
-        return resolve2(data);
+        return resolve(data);
       });
     }
   });
 }
 function getCachedImage(pathname) {
-  return new Promise((resolve2, reject) => {
+  return new Promise((resolve, reject) => {
     fs.readFile(pathname, (error, data) => {
       if (error) {
         return reject(error);
       }
-      return resolve2(data);
+      return resolve(data);
     });
   });
 }

package/dist/index.mjs

@@ -58,7 +58,10 @@ function imageHandler({ domains = [] }) {
           response.setHeader("Cache-Control", `public, max-age=${IMAGE_MAX_AGE}`);
           return response.send(cachedImage);
         }
-        const originalImage = await getOriginalImage(url, domains);
+        if (url.indexOf("http") === -1 && isVercel()) {
+          response.redirect(307, url);
+        }
+        const originalImage = await getOriginalImage(url, domains, request.headers);
         if (originalImage) {
           const resizedImage = sharp(originalImage).resize({
             width,
@@ -81,10 +84,10 @@ function imageHandler({ domains = [] }) {
     }
   });
 }
-function getOriginalImage(url, domains) {
-  return new Promise((resolve2, reject) => {
+function getOriginalImage(url, domains, headers, skipUrlValidity = false) {
+  return new Promise((resolve, reject) => {
     if (url.indexOf("http") === 0) {
-      if (!checkUrlValidity(url, domains)) {
+      if (!skipUrlValidity && !checkUrlValidity(url, domains)) {
         console.error("imageHandler.getOriginalImage.error invalid url");
         return reject({ status: 401, message: "invalid url" });
       }
@@ -99,7 +102,7 @@ function getOriginalImage(url, domains) {
           return reject({ status: response.status, message: response.statusText });
         }
         response.arrayBuffer().then((buffer) => {
-          return resolve2(Buffer.from(buffer));
+          return resolve(Buffer.from(buffer));
         }).catch((error) => {
           return reject(error);
         });
@@ -107,23 +110,23 @@ function getOriginalImage(url, domains) {
         return reject(error);
       });
     } else {
-      const filePath = path.resolve(".", "public", url);
+      const filePath = path.join(process.cwd(), "public", url);
       fs.readFile(filePath, (error, data) => {
         if (error) {
           return reject(error);
         }
-        return resolve2(data);
+        return resolve(data);
       });
     }
   });
 }
 function getCachedImage(pathname) {
-  return new Promise((resolve2, reject) => {
+  return new Promise((resolve, reject) => {
     fs.readFile(pathname, (error, data) => {
       if (error) {
         return reject(error);
       }
-      return resolve2(data);
+      return resolve(data);
     });
   });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@websolutespa/bom-mixer-image",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "Mixer Image module of the BOM Repository",
   "keywords": [
     "bom",

package/src/image/image.handler.ts

@@ -1,3 +1,4 @@
+import { IncomingHttpHeaders } from 'http';
 // Importing the 'fs' module to work with the file system
 import * as fs from 'fs';
 // Importing the 'NextApiRequest' and 'NextApiResponse' from 'next' for handling API requests and responses
@@ -57,8 +58,12 @@ export function imageHandler({ domains = [] }: { domains: string[] }) {
           // Ending the response and sending the cached image
           return response.send(cachedImage);
         }
+        // Temporarily fix Vercel local image issue
+        if (url.indexOf('http') === -1 && isVercel()) {
+          response.redirect(307, url);
+        }
         // Reading the original image
-        const originalImage = await getOriginalImage(url, domains);
+        const originalImage = await getOriginalImage(url, domains, request.headers);
         // Checking if the original image exists
         if (originalImage) {
           // Resizing the original image and converting it to WebP format
@@ -92,12 +97,15 @@ export function imageHandler({ domains = [] }: { domains: string[] }) {
 }
 
 // Defining the 'getOriginalImage' function
-function getOriginalImage(url: string, domains: string[]): Promise<Buffer> {
+function getOriginalImage(url: string, domains: string[], headers: IncomingHttpHeaders, skipUrlValidity: boolean = false): Promise<Buffer> {
   // Returning a new promise
   return new Promise((resolve, reject) => {
     // Checking if 'url' starts with 'http'
     if (url.indexOf('http') === 0) {
-      if (!checkUrlValidity(url, domains)) {
+      if (
+        !skipUrlValidity &&
+        !checkUrlValidity(url, domains)
+      ) {
         console.error('imageHandler.getOriginalImage.error invalid url');
         return reject({ status: 401, message: 'invalid url' });
       }
@@ -125,17 +133,7 @@ function getOriginalImage(url: string, domains: string[]): Promise<Buffer> {
         });
     } else {
       // Reading the image from the file system
-      // console.log('imageHandler.getOriginalImage.isDevelopment', isDevelopment);
-      const filePath = path.resolve('.', 'public', url);
-      /*
-      const { serverRuntimeConfig } = getConfig();
-      const filePath = path.join(serverRuntimeConfig.PROJECT_ROOT, 'public', url);
-      */
-      /*
-      const filePath = isDevelopment ?
-        path.join(process.cwd(), 'public', url) :
-        path.join(process.cwd(), url);
-        */
+      const filePath = path.join(process.cwd(), 'public', url);
       // console.log('imageHandler.getOriginalImage.filePath', filePath);
       fs.readFile(filePath, (error, data) => {
         if (error) {
@@ -144,6 +142,21 @@ function getOriginalImage(url: string, domains: string[]): Promise<Buffer> {
         // Resolving the promise with the image data
         return resolve(data);
       });
+      /*
+      // Check if the file exists
+      if (fs.existsSync(filePath)) {
+        fs.readFile(filePath, (error, data) => {
+          if (error) {
+            return reject(error);
+          }
+          // Resolving the promise with the image data
+          return resolve(data);
+        });
+      } else {
+        const origin = getOrigin(headers);
+        return getOriginalImage(`${origin}${url}`, domains, headers, true);
+      }
+      */
     }
   });
 }