import { createRouter, createWebHistory } from 'vue-router'
import { initAuth, validateToken } from '../stores/auth.ts'

import LoginPage from '../pages/LoginPage.vue'
import RoomsPage from '../pages/RoomsPage.vue'
import ChatPage from '../pages/ChatPage.vue'
import FriendListPage from '../pages/FriendListPage.vue'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    { path: '/login', component: LoginPage },
    { path: '/', component: RoomsPage },
    { path: '/rooms/:uuid', component: ChatPage, props: true },
    { path: '/friendlist', component: FriendListPage }
  ],
})

router.beforeEach(async (to) => {
  const auth = await initAuth()

  if (!auth.isAuthenticated && to.path !== '/login') {
    return '/login'
  }

  if (auth.isAuthenticated) {
    const valid = await validateToken()
    if (!valid) return '/login'
  }
})

export default router