/** @type {import('vite').UserConfig} */
const { resolve } = require('path')
import { defineConfig } from 'vite'
import { VitePWA } from 'vite-plugin-pwa'
import glsl from 'vite-plugin-glsl'
// import mpa from 'vite-plugin-mpa'
// import vitePluginImp from 'vite-plugin-imp'
import vue from '@vitejs/plugin-vue'
const vueJsx = require('@vitejs/plugin-vue-jsx')
const legacy = require('@vitejs/plugin-legacy')
// import svgLoader from 'vite-svg-loader'

const proxyUrl = 'http://47.98.131.38:8989/' // test 环境
// const proxyUrl = 'https://online.colexiu.com/' // online 环境

// const proxyUrl = 'http://mstudev.dayaedu.com'

export default defineConfig({
  base: './',
  resolve: {
    alias: {
      // '/src': resolve(__dirname, './src'),
      '/opensheetmusicdisplay': resolve(__dirname, './opensheetmusicdisplay'),
    },
  },
  css: {
    preprocessorOptions: {
      less: {
        lessOptions: {
          modifyVars: {
            '@blue': '#14928A',
            '@nav-bar-icon-color': '#14928A',
          },
        },
      },
    },
  },
  build: {
    rollupOptions: {
      input: {
        index: resolve(__dirname, 'index.html'),
        colexiu: resolve(__dirname, 'colexiu.html'),
        'colexiu-report-share': resolve(__dirname, 'colexiu-report-share.html'),
        'colexiu-report': resolve(__dirname, 'colexiu-report.html'),
        'colxiu-website': resolve(__dirname, 'colxiu-website.html'),
        'colxiu-share': resolve(__dirname, 'colexiu-share.html'),
        'music-sheet': resolve(__dirname, 'music-sheet.html'),
      },
    },
  },
  plugins: [
    vue(),
    glsl(),
    vueJsx(),
    legacy({
      targets: ['> 0.25%, not dead'],
      ignoreBrowserslistConfig: true,
    }),
    VitePWA({
      injectRegister: 'networkfirst',
      workbox: {
        cleanupOutdatedCaches: true,
      },
      base: './',
      manifest: {
        name: '管乐团',
        short_name: '管乐团',
        theme_color: '#01C1B5',
        icons: [
          {
            src: './pwa-192x192.png',
            sizes: '192x192',
            type: 'image/png',
          },
          {
            src: './pwa-512x512.png',
            sizes: '512x512',
            type: 'image/png',
          },
        ],
      },
    }),
    // vitePluginImp({
    //   libList: [
    //     {
    //       libName: 'vant',
    //       style(name) {
    //         if (/CompWithoutStyleFile/i.test(name)) {
    //           return false
    //         }
    //         return `vant/es/${name}/style/index.js`
    //       }
    //     },
    //   ]
    // })
  ],
  server: {
    cors: true,
    proxy: {
      '/api-student': {
        target: proxyUrl,
        changeOrigin: true,
      },
      '/api-teacher': {
        target: proxyUrl,
        changeOrigin: true,
      },
      '/api-admin': {
        target: proxyUrl,
        changeOrigin: true,
      },
      '/api-website': {
        target: proxyUrl,
        changeOrigin: true,
      },
    },
  },
})