#VitePress 相关配置

import { defineConfig } from "vitepress";
import { withPwa } from '@vite-pwa/vitepress'

// https://vitepress.dev/reference/site-config
export default withPwa(defineConfig({
  title: "知识库",
  description: "这是一个知识库",
  outDir: '../dist',
  head: [['link', { rel: 'icon', href: '/favicon.ico' }]],
  themeConfig: {
    // https://vitepress.dev/reference/default-theme-config
    nav: [
      { text: '首页', link: '/' },
      { text: '前端', link: '/src/web/comprehensive/naming-conventions', activeMatch: `^/src/web/`, },
      { text: '函数', link: '/src/func/', activeMatch: `^/src/func/` },
      { text: '工具集', link: '/src/tools/', activeMatch: `^/src/tools/`, }
    ],
    logo: '/images/logo.svg',
    sidebar: {
      '/src/func/': [
        {
          text: '🚀 函数',
          items: [
            { text: '常用函数', link: '/src/func/' },
            { text: 'vue3常用hooks', link: '/src/func/hooks' },
            { text: 'vue3常用指令', link: '/src/func/directives' },
          ],
        }
      ],
      '/src/web/': [
        {
          text: '📚 综合',
          collapsed: false,
          items: [
            { text: '前端命名规范', link: '/src/web/comprehensive/naming-conventions' },
            { text: 'webWorker', link: '/src/web/comprehensive/webWorker' },
            { text: 'cdn', link: '/src/web/comprehensive/cdn' },
          ]
        }
      ]
    },

    socialLinks: [
      { icon: 'gitee', link: 'https://gitee.com/passerbycoding/web-docs' }
    ],
    // 本地搜索
    search: {
      provider: 'local',
      options: {
        translations: {
          button: {
            buttonText: '搜索文档',
            buttonAriaLabel: '搜索文档'
          },
          modal: {
            noResultsText: '无法找到相关结果',
            resetButtonTitle: '清除查询条件',
            footer: {
              selectText: '选择',
              navigateText: '切换',
              closeText: '关闭'
            }
          }
        }
      }
    },
    // 更新时间
    lastUpdated: {
      text: '最后更新于',
      formatOptions: {
      }
    },
    // 手机端配置返回顶部按钮显示文字
    returnToTopLabel: "返回顶部",
    // 手机端配置侧边栏菜单按钮显示文字
    sidebarMenuLabel: "菜单",
    // 右侧内容导航栏
    outline: {
      level: [1, 6],
      label: "本章导航"
    },
    // 翻页
    docFooter: {
      prev: "上一页",
      next: "下一页",
    },
  },
  markdown: {
    theme: {
        dark: 'dracula-soft',
        light: 'github-light',
    },
    codeCopyButtonTitle:"复制",
  },
  vite: {
    // 应用插件
    plugins: [

    ]
  },
  pwa: {
    registerType: 'autoUpdate',
    injectRegister: 'script-defer',
    includeAssets: ['favicon.ico'],
    manifest: {
      name: '前端知识库',
      short_name: '前端知识库',
      theme_color: '#ffffff',
      icons: [
        {
          src: '/images/logo.svg',
          sizes: '192x192',
          type: 'image/png',
        },
        {
          src: '/images/logo.svg',
          sizes: '512x512',
          type: 'image/png',
        },
        {
          src: '/images/logo.svg',
          sizes: '512x512',
          type: 'image/png',
          purpose: 'any maskable',
        },
      ],
    },
    workbox: {
      globPatterns: ['**/*.{css,js,html,svg,png,ico,txt,woff2}'],
      // 这个配置默认是 2M，如果网站文件很多，打包的文件大小若超过这个值，build 会失败，可以根据自己需要调整
      // maximumFileSizeToCacheInBytes: 5 * 1024 * 1024
      maximumFileSizeToCacheInBytes: 10 * 1024 * 1024
    },
    experimental: {
      includeAllowlist: true,
    },
    devOptions: {
      enabled: true,
      suppressWarnings: true,
      navigateFallback: '/',
    },
  }
}))

// .vitepress/theme/index.js
import DefaultTheme from "vitepress/theme";
import './css/reset.css'
import MyLayout from './Layout.vue'

export default {
    extends: DefaultTheme,

    enhanceApp: async ({ app, router, siteData }) => {
        // app is the Vue 3 app instance from `createApp()`. router is VitePress'
        // custom router. `siteData`` is a `ref`` of current site-level metadata.

        if (!import.meta.env.SSR) {
            const Live2DPlugin = await import('oh-my-live2d')
            const initLive2D = async () => {
                await Live2DPlugin.loadOml2d({
                    models: [
                        {
                            path: 'https://unpkg.com/live2d-widget-model-hijiki@1.0.5/assets/hijiki.model.json'
                        },
                        {
                            path: 'https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json'
                        },
                        {
                            path: 'https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json'
                        },
                        {
                            path: 'https://unpkg.com/live2d-widget-model-chitose@1.0.5/assets/chitose.model.json'
                        },
                    ],
                    mobileDisplay: false,
                    dockedPosition: "left",
                    tips: {
                        idleTips: {
                            wordTheDay(wordTheDayData) {
                                return `${wordTheDayData.hitokoto}    by.${wordTheDayData.from}`;
                            }
                        }
                    },
                    menus: {
                        items: [
                            {
                                id: 'Rest',
                                icon: 'icon-switch',//rest about like skin setting switch loading
                                title: '休息一下',
                                onClick(oml2d) {
                                    oml2d.stageSlideOut();
                                    oml2d.statusBarOpen("召唤宠物");
                                    oml2d.setStatusBarClickEvent(() => {
                                        oml2d.stageSlideIn();
                                        oml2d.statusBarClose();
                                    });
                                }
                            },
                            {
                                id:'changeModel',
                                icon: 'icon-skin',
                                title: '切换模型',
                                onClick(oml2d){
                                    oml2d.loadNextModel()
                                }
                            }
                        ]
                    }
                });
            }

            // 延迟加载避免阻塞
            setTimeout(initLive2D, 1000);
        }
    },
    // 使用注入插槽的包装组件覆盖 Layout
    Layout: MyLayout
};