Trying out SvelteKit and I'm having a hard time with hooks. The docs don't really seem to explain it all too well. My current understanding of hooks is that they basically allow you to interact with requests made to your server before they get to their destination? (I'm open to a better explanation - specifically the handle hook). My current issue is I made an endpoint called login. As the name suggests, it allows users to sign into my application by generating a token and storing it as a cookie on their client. This works until I add hooks. After reading the hooks description, I figured the handle hook is perfect for what I want to do - validate the token on each request - if invalid, reroute the user to the login screen, if valid, allow the request to continue uninterrupted.

export const handle: Handle = async ({ event, resolve }) => {

    const isLogin = event.url.pathname.startsWith('/login')

    const cookies = cookie.parse(event.request.headers.get('cookie') || '');
    const token = cookies['token']

    if (!token) {
        
        if (!isLogin) {
            
            return Response.redirect(`${event.url.origin}/login`)
        }
        return await resolve(event)
    } else {
        
        try {
            
            await verifyToken(token)

            if (isLogin) {
                
                return Response.redirect(`${event.url.origin}/about`)
            }
        } catch (err) {
            return Response.redirect(`${event.url.origin}/login`)
        }
    }

    return await resolve(event)

};

This does not work as expected. When I initiate the request to the api/login endpoint, the request does not seem to make it there. I have console.logs all over the endpoint but no messages were outputted to the terminal & when I check the application storage, no new cookie was added.

What am I missing about hooks? Why is it not passing the request off to the endpoint?

Any idea how I can fix this?