Determine if child route or not (breadcrumbs + nav)

[smblee]

For nav/breadcrumb purpose, it would be really nice to reverse check if a given URL is

There's probably edge cases here to consider since breadcrumbs are complicated, but at the least if we can have an utility fn to:

1. Given pathname, determine the actual route
2. Given two routes (or two pathnames), check if one is a child of another.

The use case would be for a nav item to determine whether the item should be selected or not.

rough sketch of the contract:

url.pathname = '/settings/account';

isChildOf(AppRoute.settings(), url.pathname) => true
isChildOf(AppRoute.settings(), AppRoute.settings.account()) =>  true
isChildOf(AppRoute.settings(), AppRoute.settings.hello({ hey: 123 })) => true
isChildOf('/settings', AppRoute.settings.account()) => true
isChildOf('/settings', '/settings/account') => true

isChildOf(AppRoute.settings(), '/randompage') => false
...

Edit: on a second thought, this just seems like some notion of URL parsing and i am sure such libraries exist already.

Maybe something we can benefit from ts-route side is since we already have more definition than raw strings ("nested"-ness with children prop, various param + names, etc.) we could leverage that for something?

[smblee]

const isChildOf = (maybeParentPathname: string, maybeChildPathname: string) => {
	// since / is a parent of all pathnames, do explicit matching.
	if (maybeParentPathname === '/') {
		return maybeParentPathname === maybeChildPathname;
	}
	return maybeChildPathname.startsWith(maybeParentPathname);
};

using this for now which works (for now) since our nav bar items are all at first level.

[alszczep]

Hi, it looks like something that we should be able to integrate into the library. We'll soon check what can be done.