From c49e05dd298f8f09597bf1d65df336fbfd12d6ba Mon Sep 17 00:00:00 2001
From: Cosmin Popovici <hellocosmin@gmail.com>
Date: Sat, 20 Jul 2024 11:58:28 +0300
Subject: [PATCH] fix: srcset path join

---
 lib/index.js              |  8 +++++++-
 test/expected/srcset.html | 10 ++++------
 test/fixtures/srcset.html |  2 --
 test/test.js              |  2 +-
 4 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/lib/index.js b/lib/index.js
index ffa7c2b..1824318 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -132,7 +132,13 @@ const plugin = (options = {}) => tree => {
 
             parsed.map(p => {
               if (!isUrl(p.url)) {
-                p.url = typeof value === 'boolean' ? options.url + p.url : value + p.url
+                p.url = typeof value === 'boolean'
+                  ? isUrl(options.url)
+                    ? options.url + p.url
+                    : path.join(options.url, p.url)
+                  : isUrl(value)
+                    ? value + p.url
+                    : path.join(value, p.url)
               }
 
               return p
diff --git a/test/expected/srcset.html b/test/expected/srcset.html
index 8421fe6..3321879 100644
--- a/test/expected/srcset.html
+++ b/test/expected/srcset.html
@@ -1,9 +1,7 @@
-<img src="https://example.com/image1.jpg" srcset="https://example.com/image1-HD.jpg 2x, https://example.com/image1-phone.jpg 100w">
-
+<img src="images/image1.jpg" srcset="images/image1-HD.jpg 2x, images/image1-phone.jpg 100w">
 <img src="https://example.com/image2.jpg" srcset="https://example.com/image2-HD.jpg 2x, https://example.com/image2-phone.jpg 100w">
-
 <picture>
-  <source media="(max-width: 799px)" srcset="https://example.com/elva-480w-close-portrait.jpg">
-  <source media="(min-width: 800px)" srcset="https://example.com/elva-800w.jpg">
-  <img src="https://example.com/elva-800w.jpg" alt="...">
+  <source media="(max-width: 799px)" srcset="images/elva-480w-close-portrait.jpg">
+  <source media="(min-width: 800px)" srcset="images/elva-800w.jpg">
+  <img src="images/elva-800w.jpg" alt="...">
 </picture>
diff --git a/test/fixtures/srcset.html b/test/fixtures/srcset.html
index bae593d..24a4f9f 100644
--- a/test/fixtures/srcset.html
+++ b/test/fixtures/srcset.html
@@ -1,7 +1,5 @@
 <img src="image1.jpg" srcset="image1-HD.jpg 2x,image1-phone.jpg 100w">
-
 <img src="https://example.com/image2.jpg" srcset="https://example.com/image2-HD.jpg 2x, https://example.com/image2-phone.jpg 100w">
-
 <picture>
   <source media="(max-width: 799px)" srcset="elva-480w-close-portrait.jpg">
   <source media="(min-width: 800px)" srcset="elva-800w.jpg">
diff --git a/test/test.js b/test/test.js
index f087361..2699877 100644
--- a/test/test.js
+++ b/test/test.js
@@ -49,7 +49,7 @@ test('src attribute', t => {
 
 test('srcset attribute', t => {
   return process(t, 'srcset', {
-    url: 'https://example.com/',
+    url: 'images',
     allTags: true,
   })
 })