import { createRouter, createWebHashHistory } from 'vue-router'; // createWebHashHistory, createWebHistory
// import type { Router, RouteRecordRaw, RouteComponent } from 'vue-router';

// import generalRouter from './modules/general';
import systemRouter from './modules/system';
import datasRouter from './modules/datas';
import alarmRouter from './modules/alarm';
import statisticsRouter from './modules/statistics';
import dcPowerStatus from "@/router/modules/dcPowerStatus.js";
/* Layout */
const Layout = () => import('@/layout/index.vue');

/**
 * constantRoutes
 * a base page that does not have permission requirements
 * all roles can be accessed
 *
 * 注意：hidden、alwaysShow 属性配置移动到了meta中！！！
 */
export const constantRoutes = [
  {
    path: '/redirect',
    component: Layout,
    meta: { hidden: true },
    children: [
      {
        path: '/redirect/:path(.*)',
        component: () => import('@/views/redirect/index.vue')
      }
    ]
  },
  {
    path: '/login',
    component: () => import('@/views/login/index.vue'),
    meta: { hidden: true }
  },
  {
    path: '/auth-redirect',
    component: () => import('@/views/login/auth-redirect.vue'),
    meta: { hidden: true }
  },
  {
    path: '/404',
    component: () => import('@/views/error-page/404.vue'),
    meta: { hidden: true }
  },
  {
    path: '/401',
    component: () => import('@/views/error-page/401.vue'),
    meta: { hidden: true }
  },
  // {
  //   path: '/test',
  //   component: () => import('@/views/test.vue'),
  //   meta: { hidden: true }
  // },
  {
    path: '/',
    component: Layout,
    redirect: '/dashboard',
    // redirect: '/device/lock',
    children: [
      {
        path: 'dashboard',
        component: () => import('@/views/dashboard/index.vue'),
        name: 'Dashboard',
        meta: { title: '首页', icon: 'home-hdw', affix: true }
      }
    ]
  }
];

/**
 * asyncRoutes
 * the routes that need to be dynamically loaded based on user roles
 *
 * 注意：hidden、alwaysShow 属性配置移动到了meta中！！！
 */
export const asyncRoutes = [
  // devicesRouter,
  // generalRouter,
  systemRouter,
  datasRouter,
  alarmRouter,
  statisticsRouter,
  dcPowerStatus,
  // 404 page must be placed at the end !!!
  { path: '/:pathMatch(.*)*', redirect: '/404', meta: { hidden: true }}
];

// console.log('asyncRoutes=', asyncRoutes, '=============');

console.log('BASE_URL=', import.meta.env);

const createTheRouter = () => createRouter({
  history: createWebHashHistory(import.meta.env.BASE_URL),
  // 注意，如果要配置 HTML5 模式，则需要修改nginx配置，参考资料：
  // https://router.vuejs.org/zh/guide/essentials/history-mode.html
  // history: createWebHistory(import.meta.env.BASE_URL),
  scrollBehavior: () => ({ top: 0 }),
  routes: constantRoutes
});

// interface RouterPro extends Router {
//   matcher: unknown;
// }

const router = createTheRouter() ;

// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
export function resetRouter() {
  const newRouter = createTheRouter();
  router.matcher = newRouter.matcher; // reset router
}

export default router;