import { Router, match } from '../index';
import { routeState } from './routeState';
import { links } from './links';

console.log("MATCH", 
  match({pattern: "/environments", path: "/environments/58e9f8bc593b6772865d532e"})
)


export const router = new Router([
  {
    $: links.login(),
    enter: () => routeState.setRoute('login')
  },
  {
    $: links.profile(':profileId'),
    enter: async (match) => {
      const { profileId } = match.params;     
      routeState.setRoute('profile');
      routeState.setProfile(profileId);
    },
    beforeEnter: () => {
      if (!routeState.loggedIn) {
        routeState.setLoginRequiredMessage('You need to login before you can visit a profile page');
        return { redirect: links.login() };
      }
    },
    beforeLeave: (match) => {
      console.log("You have left: ", match.oldPath, "and are going to: ", match.newPath);
    }
  },
  { $: '*', enter: () => routeState.setRoute('login') },
], {type: "browser"});