sozsoft-platform/ui/vite.config.ts

import { defineConfig, loadEnv } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path'
import { VitePWA } from 'vite-plugin-pwa'
// import { fetchTenantNames } from './src/services/tenants'

export default defineConfig(async ({ mode }) => {
  const env = loadEnv(mode, process.cwd(), '')
  const apiUrl = env.VITE_API_URL
  const baseDomains = ['sozsoft.com', 'dev.sozsoft.com', '.sozsoft.com']
  const tenantHosts: string[] = []

  const allowedHosts = Array.from(new Set(['localhost', ...baseDomains, ...tenantHosts]))
  console.log('> [vite] allowedHosts:', allowedHosts)

  return {
    plugins: [
      react(),
      VitePWA({
        // Yeni sürüm önce tamamen indirilir, ardından uygulama kontrollü olarak
        // yeni service worker'a geçer. Böylece eski ekran ile yeni chunk'lar karışmaz.
        registerType: 'prompt',
        // Kayıt ve loading akışı src/views/version/swRegistration.ts tarafından yönetilir.
        injectRegister: false,
        // Dev ortamında SW'yi aç, prod'da kapalı tut (build edilmiş SW prod'da zaten aktif olur)
        devOptions: {
          enabled: mode !== 'production',
          type: 'module', // Modern module worker kullan
        },

        workbox:
          mode === 'production'
            ? {
                globDirectory: 'dist',
                // Eski bir sekme yeni deploy sırasında henüz açmadığı lazy
                // chunk'ları da çalıştırabilsin; tüm uygulama dosyalarını sakla.
                globPatterns: ['**/*.{js,css,html,wasm}'],

                // Büyük asset'leri de cache'leyebil
                maximumFileSizeToCacheInBytes: 15 * 1024 * 1024,

                // Yeni worker tüm precache dosyalarını indirdikten sonra uygulama
                // SKIP_WAITING mesajını gönderir. clientsClaim açık sekmeleri o anda yeniler.
                clientsClaim: true,
                skipWaiting: false,

                // Eski workbox cache'lerini temizle
                cleanupOutdatedCaches: true,

                // SPA fallback'i API çağrılarına uygulama
                navigateFallbackDenylist: [/^\/api\//],

                runtimeCaching: [
                  {
                    urlPattern: /\.(?:js|css|wasm)$/,
                    // Hash'li build dosyaları immutable'dır. Normal kullanımda ağ
                    // beklenmez; deploy güncellemesini precache manifest'i yönetir.
                    handler: 'CacheFirst',
                    options: {
                      cacheName: 'static-resources-v2',
                      expiration: {
                        maxEntries: 200,
                        maxAgeSeconds: 30 * 24 * 60 * 60,
                      },
                      cacheableResponse: {
                        statuses: [0, 200],
                      },
                    },
                  },
                  {
                    // Changelog/versiyon bilgisi cache yüzünden eski kalmamalı.
                    urlPattern: /\/version\.json$/,
                    handler: 'NetworkFirst',
                    options: {
                      cacheName: 'app-version-v1',
                      networkTimeoutSeconds: 3,
                      expiration: {
                        maxEntries: 5,
                        maxAgeSeconds: 24 * 60 * 60,
                      },
                      cacheableResponse: {
                        statuses: [0, 200],
                      },
                    },
                  },
                  {
                    urlPattern: /\.(?:png|jpg|jpeg|svg|gif|webp|ico)$/,
                    handler: 'CacheFirst',
                    options: {
                      cacheName: 'images',
                      expiration: {
                        maxEntries: 100,
                        maxAgeSeconds: 30 * 24 * 60 * 60, // 30 gün
                      },
                    },
                  },
                ],

                // ⭐ YENİ EKLENEN: Additional navigation route for SPA
                navigateFallback: '/index.html',
                navigateFallbackAllowlist: [/^(?!\/__).*/],
              }
            : undefined,

        manifest: {
          name: 'Sözsoft Platform',
          short_name: 'Sözsoft Platform',
          theme_color: '#FF99C8',
          background_color: '#f0e7db',
          display: 'standalone',
          icons: [
            {
              src: '/img/logo/logo-400.png',
              sizes: '400x400',
              type: 'image/png',
              purpose: 'any maskable',
            },
            {
              src: '/img/logo/logo-192.png',
              sizes: '192x192',
              type: 'image/png',
              purpose: 'any maskable',
            },
            {
              src: '/img/logo/logo-512.png',
              sizes: '512x512',
              type: 'image/png',
              purpose: 'any maskable',
            },
          ],
          categories: ['business', 'productivity'],
          description: 'Sözsoft Platform Application',
        },
      }),
    ],

    server: {
      open: true,
      port: 3000,
      // ⭐ YENİ EKLENEN: Hot reload için polling
      watch: {
        usePolling: env.VITE_USE_POLLING === 'true',
        interval: env.VITE_USE_POLLING === 'true' ? 1000 : undefined,
      },
    },

    assetsInclude: ['**/*.md'],

    resolve: {
      alias: {
        '@': path.join(__dirname, 'src'),
        inferno: 'inferno/dist/index.esm.js',
        'devextreme/ui': 'devextreme/esm/ui',
      },
    },

    build: {
      outDir: 'dist',
      chunkSizeWarningLimit: 2000,
      sourcemap: false,
      emptyOutDir: true,
      rollupOptions: {
        output: {
          entryFileNames: `assets/js/[name]-[hash].js`,
          chunkFileNames: `assets/js/[name]-[hash].js`,
          assetFileNames: ({ name }) => {
            if (/\.(css)$/.test(name ?? '')) {
              return 'assets/css/[name]-[hash][extname]'
            }
            if (/\.(png|jpe?g|svg|gif|ico|webp)$/.test(name ?? '')) {
              return 'assets/img/[name]-[hash][extname]'
            }
            return 'assets/[name]-[hash][extname]'
          },
        },
      },
    },

    preview: {
      host: '0.0.0.0',
      port: 80,
      open: false,
      // Hesaplanan allowedHosts'u kullan
      allowedHosts,
    },

    define: {
      'process.env': {},
      // ⭐ YENİ EKLENEN: Version tracking için global değişkenler
      __APP_VERSION__: JSON.stringify(process.env.VITE_APP_VERSION || '1.0.0'),
      __BUILD_DATE__: JSON.stringify(new Date().toISOString()),
      __APP_MODE__: JSON.stringify(mode),
    },
  }
})