import {createRouter, createWebHistory, type LocationQueryRaw, type RouteLocationRaw} from "vue-router";
import AdminDashboardView from "@/views/AdminDashboardView.vue";
import AdminNodesView from "@/views/AdminNodesView.vue";
import HomeView from "@/views/HomeView.vue";
import {isNodesFilter, isNodeSortField, isSortDirection, type SearchTerm} from "@/types";

export enum RouteName {
    HOME = "home",
    ADMIN = "admin",
    ADMIN_NODES = "admin-nodes",
}

export function route(name: RouteName, query?: LocationQueryRaw): RouteLocationRaw {
    return {
        name,
        query,
    };
}

const router = createRouter({
    history: createWebHistory(import.meta.env.BASE_URL),
    routes: [
        {
            path: "/",
            name: RouteName.HOME,
            component: HomeView,
        },
        {
            path: "/admin",
            name: RouteName.ADMIN,
            component: AdminDashboardView,
        },
        {
            path: "/admin/nodes",
            name: RouteName.ADMIN_NODES,
            component: AdminNodesView,
            props: route => {
                let filter: any;
                if (route.query.hasOwnProperty("filter")) {
                    try {
                        filter = JSON.parse(route.query.filter as string);
                    } catch (e) {
                        console.warn(e);
                        filter = {};
                    }
                } else {
                    filter = {};
                }

                const searchTerm = route.query.q ? route.query.q as SearchTerm : undefined;
                return {
                    filter: isNodesFilter(filter) ? filter : {},
                    searchTerm,
                    sortDirection: isSortDirection(route.query.sortDir) ? route.query.sortDir : undefined,
                    sortField: isNodeSortField(route.query.sortField) ? route.query.sortField : undefined,
                }
            }
        },
    ],
});

export default router;