fix: resolve images that contain special characters

Author: thgh

.changeset/new-olives-wait.md

@@ -2,4 +2,4 @@
 "@react-pdf/image": patch
 ---
 
-Fix resolving images with space in filename
+Fix resolving images with special characters like space in filename

packages/image/src/resolve.ts

@@ -45,7 +45,7 @@ const getAbsoluteLocalPath = (src: string) => {
     path: pathname,
   } = url.parse(src);
 
-  const absolutePath = pathname ? path.resolve(pathname).replaceAll('%20', '') : undefined;
+  const absolutePath = pathname ? path.resolve(src) : undefined;
 
   if ((protocol && protocol !== 'file:') || auth || host || port || hostname) {
     return undefined;

packages/image/tests/assets/special_ _%20_@&é"'(§è!çà)-^$ù`,;:=?.+%£¨*<>.jpg

@@ -92,6 +92,27 @@ describe('image resolveImage', () => {
     expect(image?.height).toBeGreaterThan(0);
   });
 
+  test('Should render a local image from absolute path', async () => {
+    const absolutePath = path.join(__dirname, './assets/test.jpg');
+    const image = await resolveImage({ uri: absolutePath });
+
+    expect(image?.data).toBeTruthy();
+    expect(image?.width).toBeGreaterThan(0);
+    expect(image?.height).toBeGreaterThan(0);
+  });
+
+
+  test('Should render a local image from relative path', async () => {
+    const image = await resolveImage({
+      uri: 'packages/layout/tests/assets/test.jpg',
+    });
+
+    expect(image?.data).toBeTruthy();
+    expect(image?.width).toBeGreaterThan(0);
+    expect(image?.height).toBeGreaterThan(0);
+  });
+
+
   test('Should render a local image from src object', async () => {
     const image = await resolveImage({
       uri: './packages/layout/tests/assets/test.jpg',
@@ -102,6 +123,26 @@ describe('image resolveImage', () => {
     expect(image?.height).toBeGreaterThan(0);
   });
 
+  test('Should render a local image with spaces in filename', async () => {
+    const image = await resolveImage({
+      uri: './packages/image/tests/assets/test with spaces.jpg',
+    });
+
+    expect(image?.data).toBeTruthy();
+    expect(image?.width).toBeGreaterThan(0);
+    expect(image?.height).toBeGreaterThan(0);
+  });
+
+  test('Should render a local image with special characters in filename', async () => {
+    const image = await resolveImage({
+      uri: './packages/image/tests/assets/special_ _%20_@&é"\'(§è!çà)-^$ù`,;:=?.+%£¨*<>.jpg',
+    });
+
+    expect(image?.data).toBeTruthy();
+    expect(image?.width).toBeGreaterThan(0);
+    expect(image?.height).toBeGreaterThan(0);
+  });
+
   test('Should render a local image from data', async () => {
     const image = await resolveImage({ data: localJPGImage, format: 'jpg' });