import { defineConfig, type UserConfigExport } from 'vite'
import react from '@vitejs/plugin-react'
import { VitePWA } from 'vite-plugin-pwa'
import { visualizer } from 'rollup-plugin-visualizer'
import { resolve } from 'path'

// https://vitejs.dev/config/
const config: UserConfigExport = {
  base: '/open-pose-editor/',
  define: {
    global: {},
    __APP_VERSION__: JSON.stringify('v0.0.2'),
    __APP_BUILD_TIME__: Date.now(),
  },
  build: {},
  resolve: {
    alias: {
      'environments': resolve(__dirname, 'src/environments/online/'),
    },
  },
  plugins: [
    react(),
    VitePWA({
      workbox: {
        globPatterns: [
          '**/*.{js,css,html,ico,png,svg,mp3,obj,fbx,bin}',
        ],
      },
      manifest: {
        name: 'open pose editor',
        short_name: 'open pose editor',
        description: 'open pose editor (Yu Zhu)',
        theme_color: '#ffffff',
        background_color: '#ffffff',
        display: 'standalone',
      },
    }),
    visualizer(),
  ],
}

export default defineConfig(config)