phoenix_vite

/**
 * Vite plugin for integration with the phoenix ecosystem
 *
 * - Delegate update behaviour for elixir files / templates to phoenix_live_view.
 *
 *   Vite plugin like tailwind can setup dependencies in vites module graph
 *   on elixir files.  Updating those files makes vite do to a full page reload.
 *   This plugin stops that reload and only hot updates dependants of the file.
 *   phoenix_live_reload can then handle any further behaviour based on elixir
 *   files changing.
 *
 * - Make sure vite closes when STDIN is closed to properly when being called as a port.
 *
 * @param opts - Options for the plugin.
 * @returns The vite plugin
 */
export function phoenixVitePlugin(opts = {}) {
    return {
        name: "phoenix-vite",
        handleHotUpdate({ file, modules }) {
            if (!opts.pattern || !file.match(opts.pattern))
                return;
            // replace current file module with importers, keep the rest
            return [...modules].flatMap((mod) => {
                if (mod.file == file)
                    return [...mod.importers];
                return [mod];
            });
        },
        configureServer(_server) {
            // make vite correctly detect stdin being closed
            process.stdin.resume();
        },
    };
}