import type { RouteRecordRaw } from 'vue-router';

import { VITE_RENDERER_URL } from '#/constants';
import {
  LOW_CODE_APPLICATION_ID,
  LOW_CODE_PROJECT_ID,
} from '#/constants/low-code';

// 微前端路由
const moduleName = 'project';

const routes: Array<RouteRecordRaw> = [
  {
    path: '/project',
    name: moduleName,
    meta: {
      title: '项目管理',
      icon: 'ant-design:appstore-outlined',
    },
    children: [
      {
        path: 'list',
        name: `${moduleName}-list`,
        meta: {
          title: '项目列表',
          keepAlive: true,
          icon: 'ant-design:list',
          app: {
            url: VITE_RENDERER_URL,
            name: 'y-code-platform-project-list',
            // sync: true,
            // alive: true,
            // degrade: true,
            applicationId: LOW_CODE_APPLICATION_ID,
            projectId: LOW_CODE_PROJECT_ID,
            fileId: '4g4mz6qi8u',
          },
        },
        component: () => import('#/components/renderer-adapter/index.vue'),
      },
      {
        path: 'file',
        name: `${moduleName}-file`,
        meta: {
          title: 'dsl 文件列表',
          keepAlive: true,
          icon: 'ant-design:file',
          app: {
            url: VITE_RENDERER_URL,
            name: 'y-code-platform-project-file',
            // sync: true,
            // alive: true,
            // degrade: true,
            applicationId: LOW_CODE_APPLICATION_ID,
            projectId: LOW_CODE_PROJECT_ID,
            fileId: '7pftwojzu',
          },
        },
        component: () => import('#/components/renderer-adapter/index.vue'),
      },
    ],
  },
];

export default routes;