feat: support URL and URLSearchParams (#92)

* feat: support URL

* also support URLSearchParams

* Update src/uneval.js

* Create warm-books-live.md

---------

Co-authored-by: Rich Harris <[email protected]>

Author: GauBen

.changeset/warm-books-live.md

@@ -0,0 +1,5 @@
+---
+"devalue": minor
+---
+
+feat: support `URL` and `URLSearchParams` objects

src/parse.js

@@ -145,6 +145,18 @@ export function unflatten(parsed, revivers) {
 						break;
 					}
 
+					case 'URL': {
+						const url = new URL(value[1]);
+						hydrated[index] = url;
+						break;
+					}
+
+					case 'URLSearchParams': {
+						const url = new URLSearchParams(value[1]);
+						hydrated[index] = url;
+						break;
+					}
+
 					default:
 						throw new Error(`Unknown type ${type}`);
 				}

src/stringify.js

@@ -90,6 +90,14 @@ export function stringify(value, reducers) {
 					str = `["Date","${valid ? thing.toISOString() : ''}"]`;
 					break;
 
+				case 'URL':
+					str = `["URL",${stringify_string(thing.toString())}]`;
+					break;
+
+				case 'URLSearchParams':
+					str = `["URLSearchParams",${stringify_string(thing.toString())}]`;
+					break;
+
 				case 'RegExp':
 					const { source, flags } = thing;
 					str = flags

src/uneval.js

@@ -59,6 +59,8 @@ export function uneval(value, replacer) {
 				case 'Boolean':
 				case 'Date':
 				case 'RegExp':
+				case 'URL':
+				case 'URLSearchParams':
 					return;
 
 				case 'Array':
@@ -178,6 +180,12 @@ export function uneval(value, replacer) {
 			case 'Date':
 				return `new Date(${thing.getTime()})`;
 
+			case 'URL':
+				return `new URL(${stringify_string(thing.toString())})`;
+
+			case 'URLSearchParams':
+				return `new URLSearchParams(${stringify_string(thing.toString())})`;
+
 			case 'Array':
 				const members = /** @type {any[]} */ (thing).map((v, i) =>
 					i in thing ? stringify(v) : ''

test/test.js

@@ -180,6 +180,20 @@ const fixtures = {
 			js: 'new Uint8Array([1,2,3]).buffer',
 			json: '[["ArrayBuffer","AQID"]]'
 		},
+		{
+			name: 'URL',
+			value: new URL(
+				'https://user:[email protected]/<script>/path?foo=bar#hash'
+			),
+			js: 'new URL("https://user:[email protected]/%3Cscript%3E/path?foo=bar#hash")',
+			json: '[["URL","https://user:[email protected]/%3Cscript%3E/path?foo=bar#hash"]]'
+		},
+		{
+			name: 'URLSearchParams',
+			value: new URLSearchParams('foo=1&foo=2&baz=<+>'),
+			js: 'new URLSearchParams("foo=1&foo=2&baz=%3C+%3E")',
+			json: '[["URLSearchParams","foo=1&foo=2&baz=%3C+%3E"]]'
+		},
 		{
 			name: 'Sliced typed array',
 			value: new Uint16Array([10, 20, 30, 40]).subarray(1, 3),

tsconfig.json

@@ -10,7 +10,7 @@
 		"diagnostics": true,
 		"noImplicitThis": true,
 		"noEmitOnError": true,
-		"lib": ["es6", "es2020"],
+		"lib": ["es6", "es2020", "dom"],
 		"target": "es2020"
 	},
 	"module": "ES6",