vite.config.ts

/**
 * Copyright (c) 2024, RTE (http://www.rte-france.com)
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */

import react from '@vitejs/plugin-react';
import { defineConfig } from 'vite';
import checker from 'vite-plugin-checker';
import svgr from 'vite-plugin-svgr';
import { libInjectCss } from 'vite-plugin-lib-inject-css';
import dts from 'vite-plugin-dts';
import { globSync } from 'glob';
import * as path from 'node:path';
import * as url from 'node:url';

export default defineConfig((_config) => ({
    plugins: [
        react(),
        checker({
            // TypeScript checking
            typescript: true,

            // ESLint checking
            eslint: {
                useFlatConfig: true,
                lintCommand: 'eslint . --max-warnings 0',
                dev: {
                    logLevel: ['error', 'warning'],
                },
                watchPath: './src',
            },

            overlay: false, // Disable overlay in browser

            // Show errors in terminal
            terminal: true,

            // Disable during build because vite-plugin-checker runs checks in a parallel worker,
            // which doesn't block the build if linting or type checking fails. To ensure build
            // failure on errors, we use the 'prebuild' script instead (runs before 'npm run build').
            enableBuild: false,
        }),
        svgr(), // works on every import with the pattern "**/*.svg?react"
        libInjectCss(),
        dts({
            include: ['src'],
            exclude: '**/*.test.{ts,tsx}',
            compilerOptions: {
                noCheck: true, // skip type checking for faster builds
            },
        }),
    ],
    build: {
        lib: {
            entry: path.resolve(__dirname, 'src/index.ts'),
            formats: ['es'],
        },
        rollupOptions: {
            external: (id: string) => !id.startsWith('.') && !path.isAbsolute(id),
            // We do this to keep the same folder structure
            // from https://rollupjs.org/configuration-options/#input
            input: Object.fromEntries(
                globSync('src/**/*.{js,jsx,ts,tsx}', {
                    ignore: ['src/vite-env.d.ts', 'src/**/*.test.{js,jsx,ts,tsx}'],
                }).map((file) => [
                    // This remove `src/` as well as the file extension from each
                    // file, so e.g. src/nested/foo.js becomes nested/foo
                    path.relative('src', file.slice(0, file.length - path.extname(file).length)),
                    // This expands the relative paths to absolute paths, so e.g.
                    // src/nested/foo becomes /project/src/nested/foo.js
                    url.fileURLToPath(new URL(file, import.meta.url)),
                ])
            ),
            output: {
                chunkFileNames: 'chunks/[name].[hash].js', // in case some chunks are created, but it should not because every file is supposed to be an entry point
                assetFileNames: 'assets/[name][extname]',
                entryFileNames: '[name].js', // override vite and allow to keep .js extension even in ESM
            },
        },
        minify: false, // easier to debug on the apps using this lib
    },
}));