import type { Router } from 'vue-router'
import { useUserStore } from '@/stores/user'
import { removeTabChangeListener, setRouteChange } from '@/logics/mitt/routeChange'
import { useMultipleTabStore } from '@/stores/multiTabs'

// Don't change the order of creation
export function setupRouterGuard(router: Router) {
  createLoginGuard(router);
  createPageGuard(router);
}

function createLoginGuard(router: Router) {
  const tabStore = useMultipleTabStore();
  const webUser = useUserStore();
  router.beforeEach((to, from, next) => {
    if (webUser.getToken && to.path === '/login') {
      tabStore.resetState();
      webUser.resetState();
      removeTabChangeListener();
      next('/')
      return
    }
		if(!webUser.getToken && to.path !== '/login') {
      tabStore.resetState();
      webUser.resetState();
      removeTabChangeListener();
			next("/login");
			return;
		}
		next();
  })
}

/**
 * Hooks for handling page state
 */
function createPageGuard(router: Router) {
  const loadedPageMap = new Map<string, boolean>();

  router.beforeEach(async (to) => {
    // The page has already been loaded, it will be faster to open it again, you don’t need to do loading and other processing
    to.meta.loaded = !!loadedPageMap.get(to.path);
    // Notify routing changes
    setRouteChange(to);

    return true;
  });

  router.afterEach((to) => {
    loadedPageMap.set(to.path, true);
  });
}