import { createRouter, createWebHistory, createMemoryHistory } from 'vue-router'
import SettingsView from './views/SettingsView.vue'
import GalleryView from './views/GalleryView.vue'
import ShowcaseView from './views/ShowcaseView.vue'
import TagsView from './views/TagsView.vue'
import ArtistView from './views/ArtistView.vue'
import SeriesView from './views/SeriesView.vue'
import SeriesManageView from './views/SeriesManageView.vue'
import SeriesReaderView from './views/SeriesReaderView.vue'
import SubscriptionsView from './views/SubscriptionsView.vue'
import PostsView from './views/PostsView.vue'
import ArtistsView from './views/ArtistsView.vue'

// The application's front door. `/` redirects here. Changing the front door
// is a one-line edit (e.g. '/gallery' or '/tags').
export const FRONT_DOOR = '/showcase'

const routes = [
  // Root is a redirect only — no meta.title so it stays out of the nav.
  { path: '/', redirect: FRONT_DOOR },

  // FC-2: image backbone
  { path: '/showcase', name: 'showcase', component: ShowcaseView, meta: { title: 'Showcase' } },
  { path: '/gallery',  name: 'gallery',  component: GalleryView,  meta: { title: 'Gallery'  } },
  { path: '/artists',  name: 'artists',  component: ArtistsView,  meta: { title: 'Artists'  } },
  { path: '/tags',     name: 'tags',     component: TagsView,     meta: { title: 'Tags'     } },
  // Artist detail — no meta.title (reached by clicking an artist, not nav).
  { path: '/artist/:slug', name: 'artist', component: ArtistView },
  // Series browse — a nav entry (meta.title). Peer of Posts.
  { path: '/series', name: 'series', component: SeriesView, meta: { title: 'Series' } },
  // Series management — no meta.title (reached from a series card/tag).
  { path: '/series/:tagId', name: 'series-manage', component: SeriesManageView },
  // Series reader — immersive (no top nav, no meta.title).
  { path: '/series/:tagId/read', name: 'series-read', component: SeriesReaderView, meta: { immersive: true } },
  { path: '/settings', name: 'settings', component: SettingsView, meta: { title: 'Settings' } },

  // FC-3: subscription backbone
  // /credentials and /downloads were folded into /subscriptions as subtabs
  // 2026-05-27 (?tab=settings and ?tab=downloads). The hub view owns the
  // whole download pipeline domain.
  { path: '/posts',         name: 'posts',         component: PostsView,         meta: { title: 'Posts'         } },
  { path: '/subscriptions', name: 'subscriptions', component: SubscriptionsView, meta: { title: 'Subscriptions' } },

  // Bookmark/back-button safety net for the routes that got folded in
  // (no meta.title — stay out of TopNav).
  { path: '/credentials', redirect: '/subscriptions?tab=settings' },
  { path: '/downloads',   redirect: '/subscriptions?tab=downloads' }
]

// Browser uses HTML5 history; non-browser (Vitest/SSR) falls back to memory
// history so the module is importable without `window`.
const history =
  typeof window !== 'undefined' ? createWebHistory() : createMemoryHistory()

const router = createRouter({
  history,
  routes
})

const DEFAULT_TITLE = 'FabledCurator'

// Keep the tab title in sync with the route on EVERY navigation. List routes set
// it from meta.title; detail routes (artist, series) have no meta.title, so they
// reset to the default here and then overwrite it with their own dynamic title
// (e.g. ArtistView sets "<artist> — FabledCurator"). Without this reset the
// previous view's dynamic title stuck around — an artist name showing on the
// Showcase tab, operator-flagged 2026-06-07.
router.afterEach((to) => {
  if (typeof document === 'undefined') return
  document.title = to.meta?.title
    ? `${to.meta.title} — ${DEFAULT_TITLE}`
    : DEFAULT_TITLE
})

export default router