fix: support relative image URL

Author: lihbr

src/lib/hastSerializerHelpers.ts

@@ -25,7 +25,7 @@ export const serializeImage = (node: Element): RTImageNode => {
 		);
 	}
 
-	const url = new URL(src);
+	const url = new URL(src, "https://noop.com");
 
 	let width = node.properties?.width as number | undefined;
 	let height = node.properties?.height as number | undefined;

test/__snapshots__/helpers-unstable_htmlAsRichText.test.ts.snap

@@ -474,6 +474,28 @@ exports[`transforms HTML to rich text > embed > iframe 1`] = `
 
 exports[`transforms HTML to rich text > embed > missing src 1`] = `[]`;
 
+exports[`transforms HTML to rich text > image > absolute 1`] = `
+[
+  {
+    "alt": "foo",
+    "copyright": null,
+    "dimensions": {
+      "height": undefined,
+      "width": undefined,
+    },
+    "edit": {
+      "background": "transparent",
+      "x": 0,
+      "y": 0,
+      "zoom": 1,
+    },
+    "id": "",
+    "type": "image",
+    "url": "https://example.com/foo.png",
+  },
+]
+`;
+
 exports[`transforms HTML to rich text > image > empty alt 1`] = `
 [
   {
@@ -692,46 +714,46 @@ exports[`transforms HTML to rich text > image > missing alt 1`] = `
 
 exports[`transforms HTML to rich text > image > missing src 1`] = `[]`;
 
-exports[`transforms HTML to rich text > image > non-prismic 1`] = `
+exports[`transforms HTML to rich text > image > prismic 1`] = `
 [
   {
     "alt": "foo",
     "copyright": null,
     "dimensions": {
-      "height": undefined,
-      "width": undefined,
+      "height": 1602,
+      "width": 2400,
     },
     "edit": {
       "background": "transparent",
-      "x": 0,
-      "y": 0,
-      "zoom": 1,
+      "x": 399,
+      "y": 259,
+      "zoom": 1.5,
     },
     "id": "",
     "type": "image",
-    "url": "https://example.com/foo.png",
+    "url": "https://images.prismic.io/200629-sms-hoy/f0a757f6-770d-4eb8-a08b-f1727f1a58e4_guilherme-romano-KI2KaOeT670-unsplash.jpg?auto=format%2Ccompress&rect=399%2C259%2C1600%2C1068&w=2400&h=1602",
   },
 ]
 `;
 
-exports[`transforms HTML to rich text > image > prismic 1`] = `
+exports[`transforms HTML to rich text > image > relative 1`] = `
 [
   {
     "alt": "foo",
     "copyright": null,
     "dimensions": {
-      "height": 1602,
-      "width": 2400,
+      "height": undefined,
+      "width": undefined,
     },
     "edit": {
       "background": "transparent",
-      "x": 399,
-      "y": 259,
-      "zoom": 1.5,
+      "x": 0,
+      "y": 0,
+      "zoom": 1,
     },
     "id": "",
     "type": "image",
-    "url": "https://images.prismic.io/200629-sms-hoy/f0a757f6-770d-4eb8-a08b-f1727f1a58e4_guilherme-romano-KI2KaOeT670-unsplash.jpg?auto=format%2Ccompress&rect=399%2C259%2C1600%2C1068&w=2400&h=1602",
+    "url": "/foo.png",
   },
 ]
 `;

test/helpers-unstable_htmlAsRichText.test.ts

@@ -115,10 +115,14 @@ describe("transforms HTML to rich text", () => {
 	});
 
 	describe("image", () => {
-		testHTMLAsRichTextHelper("non-prismic", {
+		testHTMLAsRichTextHelper("absolute", {
 			input: /* html */ `<img src="https://example.com/foo.png" alt="foo" />`,
 		});
 
+		testHTMLAsRichTextHelper("relative", {
+			input: /* html */ `<img src="/foo.png" alt="foo" />`,
+		});
+
 		testHTMLAsRichTextHelper("prismic", {
 			input: /* html */ `<img src="https://images.prismic.io/200629-sms-hoy/f0a757f6-770d-4eb8-a08b-f1727f1a58e4_guilherme-romano-KI2KaOeT670-unsplash.jpg?auto=format%2Ccompress&rect=399%2C259%2C1600%2C1068&w=2400&h=1602" alt="foo" />`,
 		});