Preact Router match hook (useMatch)

preact-router-match-hook.js

import { getCurrentUrl, exec, subscribers } from 'preact-router';
import { useEffect, useState } from 'preact/hooks';

/**
 * Hook to check if the given path matches the current URL
 *
 * const [matches, { path }] = useMatch('/my/:path?');
 *
 * @param {string} path - The path to check against
 * @return {[boolean, Object]}
 */
export default function useMatch (path) {
	const [nextUrl, setNextUrl] = useState(getCurrentUrl());

	useEffect(() => {
		const update = url => setNextUrl(url);
		subscribers.push(update);

		return () => subscribers.splice(subscribers.indexOf(update) >>> 0, 1);
	}, [setNextUrl]);

	const matches = exec(nextUrl.replace(/\?.+$/,''), path, {});

	return [matches !== false, matches || {}];
}