vite.config.ts

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import { VitePWA } from 'vite-plugin-pwa'

const name = 'RadixVerse'

export default defineConfig({
	base: `/${name.toLowerCase()}`,
	build: { sourcemap: true },
	plugins: [
		react({ babel: { plugins: [[ 'babel-plugin-react-compiler' ]] }}),
		VitePWA({
			devOptions: { enabled: true },
			injectRegister: 'script',
			registerType: 'autoUpdate',
			includeAssets: ['images/*.{ico,png}'],
			manifest: {
				name,
				short_name: name,
				display: 'standalone',
				theme_color: '#f1f1f1',
				background_color: '#f1f1f1',
				icons: [{
					src: 'images/icon-64x64.png',
					sizes: '64x64',
					type: 'image/png'
				}, {
					src: 'images/icon-192x192.png',
					sizes: '192x192',
					type: 'image/png'
				}, {
					src: 'images/icon-512x512.png',
					sizes: '512x512',
					type: 'image/png'
				}, {
					src: 'images/icon-512x512.png',
					sizes: '512x512',
					type: 'image/png',
					purpose: 'maskable'
				}]
			}
		})
	]
})