import type { AppRouteRecordRaw, Recordable } from '@eciol/types';
import type { App } from 'vue';
import type { Router, RouteRecordRaw } from 'vue-router';
import { createRouter, createWebHistory } from 'vue-router';

// 白名单应该包含基本静态路由
const WHITE_NAME_LIST: string[] = [];
const getRouteNames = (array: any[]) =>
  array.forEach((item) => {
    WHITE_NAME_LIST.push(item.name);
    getRouteNames(item.children || []);
  });

// app router
// 创建一个可以被 Vue 应用程序使用的路由实例
export let router: Router;
export function InitRouter(
  path: string,
  options: {
    routes: AppRouteRecordRaw[];
    strict?: boolean;
    scrollBehavior?: () => Recordable;
  },
): Router {
  const { routes, strict = true, scrollBehavior = () => ({ left: 0, top: 0 }) } = options ?? {};
  getRouteNames(routes);

  router = createRouter({
    // 创建一个 hash 历史记录。
    // history: createWebHashHistory(import.meta.env.VITE_PUBLIC_PATH),
    history: createWebHistory(path),
    // 应该添加到路由的初始路由列表。
    routes: routes as unknown as RouteRecordRaw[],
    // 是否应该禁止尾部斜杠。默认为假
    strict,
    scrollBehavior,
  });
  return router;
}

// reset router
export function resetRouter() {
  router.getRoutes().forEach((route) => {
    const { name } = route;
    if (name && !WHITE_NAME_LIST.includes(name as string)) {
      router.hasRoute(name) && router.removeRoute(name);
    }
  });
}

// config router
// 配置路由器
export function setupRouter(app: App<Element>) {
  app.use(router);
}