import { viteBundler } from '@vuepress/bundler-vite';
import { defineUserConfig } from '@vuepress/cli';
import { defaultTheme } from '@vuepress/theme-default';
import { searchPlugin } from '@vuepress/plugin-search'

import path from 'path';

const sidebar = {
  guide: [
    {
      text: '使用指南',
      children: [
        '/guide/introduction',
        '/guide/installation',
        '/guide/conception',
      ]
    }, {
      text: '进阶指南',
      children: [
        '/guide/advanced/js-schema.md',
        '/guide/advanced/layout.md',
        '/guide/advanced/page.md',
        '/guide/advanced/high-level-function.md',
        '/guide/advanced/magic-ui.md',
        '/guide/advanced/magic-form.md',
        '/guide/advanced/coupling.md',
      ]
    }
  ],
  page: [
    {
      text: '页面发布',
      sidebarDepth: 2,
      children: [
        '/page/introduction',
        '/page/advanced',
      ]
    }
  ],
  admin: [
    {
      text: '管理端Demo',
      children: [
        '/admin/introduction',
      ]
    }
  ],
  component: [
    {
      text: '组件开发',
      children: [
        '/component/introduction',
      ]
    }
  ],
  editorApi: [
    {
      text: '编辑器(@tmagic/editor)',
      children: [
        '/api/editor/editor',
        '/api/editor/services',
      ]
    },
  ],
  formApi: [
    {
      text: '表单(@tmagic/form)',
      children: [
        '/api/form/form',
      ]
    },
  ],
  formConfig: [
    {
      text: '表单配置',
      children: [
        '/api/form-config/layout',
      ]
    },
    {
      text: 'field配置',
      children: [
        '/api/form-config/fields/cascader',
        '/api/form-config/fields/checkbox',
        '/api/form-config/fields/color-picker',
        '/api/form-config/fields/date-picker',
        '/api/form-config/fields/datetime-picker',
        '/api/form-config/fields/display',
        '/api/form-config/fields/hidden',
        '/api/form-config/fields/number',
        '/api/form-config/fields/input',
        '/api/form-config/fields/link',
        '/api/form-config/fields/redio',
        '/api/form-config/fields/select',
        '/api/form-config/fields/switch',
        '/api/form-config/fields/textarea',
        '/api/form-config/fields/time-picker',
      ]
    },
    {
      text: '联动配置',
      children: [
        '/api/form-config/relate',
      ]
    },
  ],
  stageApi: [
    {
      text: '画布(@tmagic/stage)',
      children: [
        '/api/stage/core',
        '/api/stage/mask',
        '/api/stage/render',
        '/api/stage/drag-resize',
      ]
    },
  ],
  tutorial: [
    {
      text: '教程',
      children: [
        '/tutorial/hello-world',
        '/tutorial/runtime',
        '/tutorial/render',
      ]
    },
  ]
};

export default defineUserConfig({
  title: 'tmagic-editor',
  description: 'tmagic',
  lang: 'zh-CN',
  base: '/tmagic-editor/docs/',
  theme: defaultTheme({
    logo: './favicon.png',
    navbar: [
      {
        text: '文档',
        children: [
          {
            text: '使用指南',
            link: '/guide/introduction'
          },
          {
            text: '组件开发',
            link: '/component/introduction'
          },
          {
            text: '页面发布',
            link: '/page/introduction'
          },
          {
            text: '管理端Demo',
            link: '/admin/introduction'
          },
        ]
      },
      {
        text: 'API参考',
        children: [
          {
            text: '编辑器',
            link: '/api/editor/editor'
          },
          {
            text: '表单',
            link: '/api/form/form'
          },
          {
            text: '表单配置',
            link: '/api/form-config/layout'
          },
          {
            text: '画布(Stage)',
            link: '/api/stage/core'
          },
        ],
      }, {
        text: '教程',
        link: '/tutorial/hello-world',
      }, {
        text: '查看源码',
        link: 'https://github.com/Tencent/tmagic-editor'
      }, {
        text: 'Playground',
        link: 'https://tencent.github.io/tmagic-editor/playground/index.html'
      }
    ],
    docsDir: 'src',
    sidebarDepth: 2,
    sidebar: {
      '/guide/': sidebar.guide,
      '/page/': sidebar.page,
      '/component/': sidebar.component,
      '/api/editor': sidebar.editorApi,
      '/api/form': sidebar.formApi,
      '/api/form-config': sidebar.formConfig,
      '/api/stage': sidebar.stageApi,
      '/tutorial': sidebar.tutorial,
    },
    lastUpdated: false,
    contributors: false,

  }),
  plugins: [
    searchPlugin(),
  ],
  bundler: viteBundler({
    vuePluginOptions: {
      template: {
        ssr: true,
        compilerOptions: {
          directiveTransforms: {
            loading: () => {
              return {
                props: [],
                needRuntime: true,
              };
            },
          },
        },
      },
    },
    viteOptions: {
      resolve: {
        alias:[
          { find: /^@tmagic\/form/, replacement: path.join(__dirname, '../../../packages/form/src/index.ts') },
          { find: /^@tmagic\/utils/, replacement: path.join(__dirname, '../../../packages/utils/src/index.ts') },
          { find: /^@tmagic\/schema/, replacement: path.join(__dirname, '../../../packages/schema/src/index.ts') },
        ]
      },
       // @ts-expect-error: vite 还没有给 ssr 配置项提供类型
      ssr: {
        noExternal: ['lodash-es'],
      }
    },
  }),
});