import type { RouteMeta } from 'vue-router';
import ElegantVueRouter from '@elegant-router/vue/vite';
import type { RouteKey } from '@elegant-router/types';

export function setupElegantRouter() {
  return ElegantVueRouter({
    layouts: {
      base: 'src/layouts/base-layout/index.vue',
      blank: 'src/layouts/blank-layout/index.vue'
    },
    customRoutes: {
      names: ['exception_403', 'exception_404', 'exception_500']
    },
    routePathTransformer(routeName, routePath) {
      const key = routeName as RouteKey;

      if (key === 'login') {
        const modules: UnionKey.LoginModule[] = ['pwd-login', 'reset-pwd'];

        const moduleReg = modules.join('|');

        return `/login/:module(${moduleReg})?`;
      }

      return routePath;
    },
    onRouteMetaGen(routeName) {
      const key = routeName as RouteKey;

      const constantRoutes: RouteKey[] = ['login', '403', '404', '500'];
      const routeMetaMap: Partial<Record<RouteKey, Partial<RouteMeta>>> = {
        product: {
          icon: 'carbon:product',
          order: 4
        },
        product_list: {
          icon: 'material-symbols:view-list-outline-rounded',
          order: 1,
          keepAlive: true
        },
        product_dashboard: {
          hideInMenu: true,
          activeMenu: 'product_list'
        },
        product_requirement: {
          hideInMenu: true,
          activeMenu: 'product_list'
        },
        product_setting: {
          hideInMenu: true,
          activeMenu: 'product_list'
        },
        system: {
          icon: 'carbon:cloud-service-management',
          order: 9,
          roles: ['R_ADMIN']
        },
        system_menu: {
          icon: 'material-symbols:route',
          order: 3,
          roles: ['R_ADMIN'],
          keepAlive: true
        },
        system_dict: {
          icon: 'mdi:book-open-page-variant-outline',
          order: 4,
          roles: ['R_ADMIN'],
          keepAlive: true
        },
        system_role: {
          icon: 'carbon:user-role',
          order: 2,
          roles: ['R_SUPER']
        },
        system_user: {
          icon: 'ic:round-manage-accounts',
          order: 1,
          roles: ['R_ADMIN']
        },
        'system_user-detail': {
          hideInMenu: true,
          roles: ['R_ADMIN'],
          activeMenu: 'system_user'
        }
      };

      const meta: Partial<RouteMeta> = {
        title: key,
        i18nKey: `route.${key}` as App.I18n.I18nKey,
        ...routeMetaMap[key]
      };

      if (constantRoutes.includes(key)) {
        meta.constant = true;
      }

      return meta;
    }
  });
}