'*' wildcard

I can’t seem to find this in the docs, but is it possible to route with a ‘*’ wildcard that acts as a middleware?

Example:

const routes = mount({
    '/login': route({
        view: <div>Login</div>,
    }),
    '/': redirect('/login'),
    '*': map((req, { user }) => (user ? protectedRoutes : redirect(req.originalUrl))),
});

[jamesknelson]

The way I currently do this is to just protect routes one at a time; so instead of wrapping a mount() with a map() that redirects when unauthenticated, I wrap individual routes. I go into the details in this guide.

You could even create a custom withAuthentication() matcher that can be composed together, if that simplifies things.

I’m currently putting together an example using firebase for auth, and hope to have it done this weekend. That would probably be the best way for me to demonstrate.

it’s going to be tricky to build a site map

Nearly impossible right? Haha.

I’ve been thinking about this and I think it should still be possible by using custom headers or a custom HTTP method. E.g. use get to see if there is a page at the URL, and use map to find a list of URLs at the URL. In the meantime it’d be easier to just avoid the issue, though.

[jamesknelson]

Have just pushed wildcard support, will be part of the next release.