vite.config.js

import { defineConfig } from 'vite';
import { resolve } from 'path';
import fs from 'fs';
import path from 'node:path';
import crypto from 'node:crypto';
import viteRtlCssPlugin from 'vite-plugin-rtl-css';
import manifestSRI from 'vite-plugin-manifest-sri';

/**
 * Custom Vite plugin that appends a version query hash (`?v=HASH`) to the `file`
 * and `css` entries in the manifest.json. This ensures proper cache busting when file
 * contents change by generating an MD5 hash of each asset.
 */
function addQueryHashToManifest() {
    return {
        name: 'add-query-hash-to-manifest',
        apply: 'build',
        closeBundle() {
            const publicDir = path.resolve(__dirname, 'public');
            const manifestFile = path.resolve(publicDir, 'manifest.json');

            // If the manifest does not exist, exit early.
            if (!fs.existsSync(manifestFile)) {
                return;
            }

            const manifestData = fs.readFileSync(manifestFile, 'utf-8');
            const manifest = JSON.parse(manifestData);

            /**
             * Appends a version query parameter to the given file path based on its content hash.
             *
             * @param {string} filePath - Relative file path from the public directory.
             * @returns {string} - File path with appended version query parameter.
             */
            const appendHash = (filePath) => {
                const [baseFilePath] = filePath.split('?');
                const absolutePath = path.resolve(publicDir, baseFilePath);

                // Return the original filePath if the file does not exist.
                if (!fs.existsSync(absolutePath)) {
                    return filePath;
                }

                const fileBuffer = fs.readFileSync(absolutePath);
                const hash = crypto
                    .createHash('md5')
                    .update(fileBuffer)
                    .digest('hex')
                    .slice(0, 8);

                return `${baseFilePath}?v=${hash}`;
            };

            // Process each manifest entry to append a version query hash.
            Object.entries(manifest).forEach(([key, value]) => {
                if (value.file) {
                    value.file = appendHash(value.file);
                }

                if (Array.isArray(value.css)) {
                    value.css = value.css.map(appendHash);
                }
            });

            // Write the updated manifest back to disk.
            fs.writeFileSync(manifestFile, JSON.stringify(manifest, null, 2));
        },
    };
}

export default defineConfig(() => {
    return {
        plugins: [
            viteRtlCssPlugin(),
            manifestSRI(),
            addQueryHashToManifest(),
        ],
        build: {
            outDir: 'public',
            emptyOutDir: false,
            manifest: true,
            rollupOptions: {
                input: [
                    'resources/js/app.js',
                    'resources/sass/app.scss',
                ],
                output: {
                    assetFileNames: 'assets/[name].[ext]',
                    chunkFileNames: 'assets/[name].js',
                    entryFileNames: 'assets/[name].js',
                },
            },
        },
        resolve: {
            root: resolve(__dirname, './'),
        },
    };
});