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

import RendererAdapter from '@sy/vue3-renderer-adapter';
import WujieVueRendererAdapter from '@sy/wujie-vue3-renderer-adapter';

import { VITE_DESIGNER_URL, VITE_RENDERER_URL, VITE_V1_URL } from '#/constants';

const moduleName = 'micro';

const routes: RouteRecordRaw[] = [
  {
    path: '/micro',
    name: moduleName,
    meta: {
      title: '微应用容器',
      icon: 'ant-design:appstore-outlined',
    },
    children: [
      {
        path: 'designer',
        name: `${moduleName}-designer`,
        meta: {
          // keepAlive: false,
          title: '低代码编辑器',
          icon: 'ant-design:edit-outlined',
        },
        // component: WujieVueRendererAdapter,
        // props: {
        //   url: `${VITE_DESIGNER_URL}`,
        //   fileId: '4g4mz6qi8u',
        //   projectId: 4,
        //   name: '4g4mz6qi8u',
        //   sync: false,
        //   degrade: false,
        // },
        component: RendererAdapter,
        props: {
          url: `${VITE_DESIGNER_URL}`,
          accessToken: localStorage.getItem('y-code-access-token'),
          fileId: '4g4mz6qi8u',
          projectId: '4',
          name: 'y-code-designer',
        },
      },
      {
        path: 'y-code-v1',
        name: `${moduleName}-y-code-v1`,
        meta: {
          keepAlive: false,
          title: '悦码 1.0',
          icon: 'ant-design:delete-outlined',
        },
        component: RendererAdapter,
        props: {
          url: `${VITE_V1_URL}`,
          accessToken: localStorage.getItem('y-code-access-token'),
        },
      },
      {
        path: 'test',
        name: `Test`,
        meta: {
          keepAlive: false,
          title: '测试',
          icon: 'ant-design:delete-outlined',
        },
        component: WujieVueRendererAdapter,
        props: {
          url: `${VITE_RENDERER_URL}`,
          fileId: '45ud9h6n3',
          projectId: 4,
          degrade: false,
          name: '45ud9h6n3',
        },
      },
    ],
  },
];

export default routes;