vite.config.ts

import react from '@vitejs/plugin-react'
import { defineConfig } from 'vite'
import { VitePWA } from 'vite-plugin-pwa'
import svgrPlugin from 'vite-plugin-svgr'
import tsconfigPaths from 'vite-tsconfig-paths'

// https://vitejs.dev/config/
export default defineConfig({
  envPrefix: 'RECIPE_HANDLER_',
  define: {
    RECIPE_HANDLER_APP_VERSION: JSON.stringify(
      process.env.VERSION ||
        (process.env.NODE_ENV === 'production' ? 'unkown' : 'dev')
    ),
  },
  build: {
    sourcemap: true,
  },
  plugins: [
    react(),
    svgrPlugin(),
    tsconfigPaths(),
    VitePWA({
      filename: 'service-worker.js',
      registerType: 'prompt',
      devOptions: {
        enabled: true,
      },
      manifest: {
        short_name: 'RH 4.0',
        name: 'RecipeHandler 4.0',
        icons: [
          {
            src: 'logo192.png',
            type: 'image/png',
            sizes: '192x192',
          },
          {
            src: 'logo512.png',
            type: 'image/png',
            sizes: '512x512',
          },
        ],
        start_url: '.',
        display: 'standalone',
        theme_color: '#FFFFFF',
        background_color: '#FAFAFA',
        orientation: 'natural',
      },
    }),
  ],
})