vite.config.ts

/// <reference types="vitest" />

import path from 'path';

import react from '@vitejs/plugin-react';
import {
  formatjsCompilePlugin,
  formatjsTransformPlugin,
} from 'rollup-plugin-formatjs';
import { BuildOptions, defineConfig, splitVendorChunkPlugin } from 'vite';
import svgr from 'vite-plugin-svgr';

import { imageMetadataPlugin } from './rollup/imageMetadataPlugin';

let build: BuildOptions;
switch (process.env.BUILD_TARGET) {
  case 'library':
    build = {
      outDir: path.resolve(__dirname, 'dist/library'),
      lib: {
        entry: path.resolve(__dirname, 'src/entry-ember.tsx'),
        formats: ['es'],
        fileName: 'kitsu-v4',
      },
      rollupOptions: {
        external: ['react', 'react-dom'],
      },
    };
    break;
  case 'client':
    build = {
      sourcemap: true,
      outDir: path.resolve(__dirname, 'dist/client'),
      rollupOptions: {
        input: {
          main: path.resolve(__dirname, 'index.html'),
          oauth2: path.resolve(__dirname, 'oauth2-callback.html'),
          quEmbed: path.resolve(__dirname, 'qu-embed.html'),
        },
      },
    };
    break;
  case 'server':
    build = {
      outDir: path.resolve(__dirname, 'dist/server'),
      ssr: 'src/entry-server.tsx',
      rollupOptions: {
        input: 'src/entry-server.tsx',
      },
    };
    break;
  default:
    throw new Error(
      'Unknown build target. Please set BUILD_TARGET to one of: library, client, server',
    );
}

// https://vitejs.dev/config/
export default defineConfig(({ mode }) => ({
  build,
  json: {
    stringify: true,
  },
  minify: false,
  test: {
    exclude: ['cypress', 'node_modules', 'dist', '.git', '.cache'],
    environment: 'happy-dom',
    coverage: {
      provider: 'v8',
      reporter: ['lcovonly', 'html', 'text-summary'],
      all: true,
      src: ['src'],
    },
  },
  plugins: [
    splitVendorChunkPlugin(),
    formatjsTransformPlugin(),
    formatjsCompilePlugin({
      include: 'src/locales/translations/*.json',
      format: 'crowdin',
      ast: true,
    }),
    ...(process.env.NODE_ENV !== 'test' ? [react()] : []),
    imageMetadataPlugin(),
    svgr(),
  ],
  esbuild: {
    // We distribute the comments as part of the github source code instead of in our bundle.
    legalComments: 'none',
  },
  resolve: {
    alias: {
      ...(mode !== 'development'
        ? {
            '@formatjs/icu-messageformat-parser':
              '@formatjs/icu-messageformat-parser/no-parser',
          }
        : {}),
      app: path.resolve(__dirname, './src'),
    },
  },
}));