vite.config.ts

import { sveltekit } from '@sveltejs/kit/vite'
import { defineConfig, type PluginOption } from 'vite'
import { SvelteKitPWA } from '@vite-pwa/sveltekit'
import { visualizer } from 'rollup-plugin-visualizer'

export default defineConfig({
  plugins: [
    sveltekit(),
    SvelteKitPWA({
      registerType: 'autoUpdate',
      strategies: 'generateSW',
      devOptions: {
        enabled: true,
        type: 'module',
        navigateFallback: '/',
      },
      manifest: {
        name: 'Photon for Lemmy',
        short_name: 'Photon',
        description: 'A lemmy client with a sleek design',
        theme_color: '#000000',
        display: 'standalone',
        icons: [
          {
            src: 'logo_512.png',
            sizes: '512x512',
            type: 'image/png',
            purpose: 'masked any',
          },
        ],
        start_url: '/',
      },
    }),
    visualizer({
      template: 'network',
    }) as PluginOption,
  ],

  define: {
    __VERSION__: JSON.stringify(process.env.npm_package_version),
  },
})