simplistic router with web standards

app.js

import { Router } from "./router.js";

let router = new Router([
	["/blog/:article", makeHandler("BLOG")],
	["/blog/:article/:comment", makeHandler("COMMENT")],
	["/api/*", makeHandler("API")]
]);

let uris = [
	"/foo",
	"/blog",
	"/blog/",
	"/blog/abc123",
	"/blog/abc123/comments",
	"/api/search?q=lorem+ipsum;sort=asc",
	"/api/search?q=lorem%20ipsum&sort=asc",
	"/api/comments/:username"
];

for(let uri of uris) {
	try {
		router.dispatch(`http://localhost${uri}`);
	} catch(err) {
		console.error("ERROR:", err.message);
	}
}

function makeHandler(name) {
	return (...args) => console.log(`[${name}]`, ...args);
}

router.js

export class Router {
	constructor(routes) {
		this.routes = new Map();
		for(let [pattern, handler] of routes) {
			this.register(pattern, handler);
		}
	}

	dispatch(uri) {
		for(let [pattern, handler] of this.routes) {
			let res = pattern.exec(uri);
			if(!res) {
				continue;
			}

			let { pathname, search } = res;
			handler(uri, {
				params: pathname.groups,
				query: new Map([...new URLSearchParams(search.groups[0])])
			});
			return;
		}
		throw new Error(`no matching route for \`${uri}\``);
	}

	register(pattern, handler) {
		if(pattern.substr) {
			pattern = { pathname: pattern };
		}
		let _pattern = new URLPattern(pattern);
		this.routes.set(_pattern, handler);
	}
}