vite.config.js

import preact from '@preact/preset-vite'
import Unfonts from 'unplugin-fonts/vite'
import Icons from 'unplugin-icons/vite'
import { comlink } from 'vite-plugin-comlink'
import inspect from 'vite-plugin-inspect'
import { VitePWA } from 'vite-plugin-pwa'
import { defineConfig } from 'vitest/config'
import { dirname } from 'node:path'
import { fileURLToPath, resolve } from 'node:url'

const __dirname = dirname(fileURLToPath(import.meta.url))

function SQLiteDevPlugin() {
  return {
    name: 'configure-response-headers',
    configureServer: server => {
      server.middlewares.use((_req, res, next) => {
        res.setHeader('Cross-Origin-Embedder-Policy', 'require-corp')
        res.setHeader('Cross-Origin-Opener-Policy', 'same-origin')
        next()
      })
    }
  }
}

const config = defineConfig({
  plugins: [
    inspect(),
    comlink(),
    preact(),
    Icons({
      autoInstall: true,
      compiler: 'jsx',
      jsx: 'preact'
    }),
    SQLiteDevPlugin(),
    Unfonts({
      google: {
        families: [
          {
            /**
             * Family name (required)
             */
            name: 'Inter'

            /**
             * Family styles
             */
            // styles: 'ital,wght@0,400;1,200',
          }
        ]
      }
    }),
    VitePWA({
      registerType: 'autoUpdate',
      includeAssets: ['favicon.ico', 'apple-touch-icon.png', 'mask-icon.svg'],
      workbox: {
        globPatterns: ['**/*.{js,css,html,json,svg,png,ico,wasm}']
      },
      manifest: {
        name: 'Byoga',
        short_name: 'Byoga',
        description: 'IDFC Bank statement analyzer and visualizer',
        theme_color: '#14A670',
        background_color: '#14A670',
        icons: [
          // {
          //   src: 'pwa-64x64.png',
          //   sizes: '64x64',
          //   type: 'image/png',
          // },
          {
            src: 'pwa-192x192.png',
            sizes: '192x192',
            type: 'image/png'
          },
          {
            src: 'pwa-512x512.png',
            sizes: '512x512',
            type: 'image/png',
            purpose: 'any'
          },
          {
            src: 'pwa-maskable-512x512.png',
            sizes: '512x512',
            type: 'image/png',
            purpose: 'maskable'
          },
          {
            src: 'pwa-maskable-192x192.png',
            sizes: '192x192',
            type: 'image/png',
            purpose: 'maskable'
          }
        ]
      }
    })
  ],
  worker: {
    format: 'es',
    plugins: () => [comlink()]
  },
  build: {
    target: 'esnext',
    minify: 'esbuild',
    cssMinify: 'lightningcss'
  },
  resolve: {
    dedupe: ['preact'],
    alias: [
      {
        find: '@',
        replacement: resolve(__dirname, '/src')
      },
      {
        find: 'frappe-charts',
        replacement: 'frappe-charts/dist/frappe-charts.min.esm'
      },
      { find: 'react', replacement: 'preact/compat' },
      { find: 'react-dom/test-utils', replacement: 'preact/test-utils' },
      { find: 'react-dom', replacement: 'preact/compat' },
      { find: 'react/jsx-runtime', replacement: 'preact/jsx-runtime' }
    ]
  },
  optimizeDeps: {
    exclude: ['sqlocal']
  },
  test: {
    include: ['tests/**/*.spec.ts'],
    coverage: {
      provider: 'v8'
    }
  }
})

export default config