import { defineConfig, loadEnv } from 'vite'
import solid from 'vite-plugin-solid'
import { VitePWA } from 'vite-plugin-pwa'
import tailwindcss from '@tailwindcss/vite'
import path from 'path'
import { readFileSync } from 'fs'

const packageJson = JSON.parse(
  readFileSync(new URL('./package.json', import.meta.url), 'utf-8')
);

export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd(), '')
  const dataMode = (env.VITE_TASGRID_DATA_MODE || 'prod').toLowerCase()
  const isDevData = dataMode === 'dev'

  return {
    define: {
      __APP_VERSION__: JSON.stringify(packageJson.version),
    },
    plugins: [
      solid(),
      tailwindcss(),
      VitePWA({
        registerType: 'prompt',
        includeAssets: ['icon.webp', 'vite.svg'],
        manifest: {
          name: isDevData ? 'Tasgrid Dev' : 'Tasgrid',
          short_name: isDevData ? 'TasgridDev' : 'Tasgrid',
          description: isDevData ? 'Tasgrid development data lane' : 'Precision Productivity Task Manager',
          theme_color: '#0a0a0a',
          background_color: '#0a0a0a',
          display: 'standalone',
          icons: [
            {
              src: 'icon.webp',
              sizes: '1024x1024',
              type: 'image/webp',
              purpose: 'any'
            },
            {
              src: 'icon.webp',
              sizes: '192x192',
              type: 'image/webp',
              purpose: 'maskable'
            },
            {
              src: 'icon.webp',
              sizes: '512x512',
              type: 'image/webp',
              purpose: 'any'
            }
          ]
        },
        workbox: {
          cleanupOutdatedCaches: true,
          globPatterns: ['**/*.{js,css,html,ico,png,svg,woff2}'],
          runtimeCaching: []
        }
      })
    ],
    server: {
      host: '0.0.0.0',
      port: 4000,
      cors: { origin: '*' },
      headers: {
        'Access-Control-Allow-Origin': '*'
      },
      allowedHosts: [
        'tasgrid.ccllc.pro'
      ]
    },
    resolve: {
      alias: {
        "@": path.resolve(__dirname, "./src")
      }
    }
  }
})