vite.config.ts

import {type ResolvedConfig, defineConfig} from "vite";
import react from "@vitejs/plugin-react-swc";
import basicSsl from "@vitejs/plugin-basic-ssl";
import svgr from "vite-plugin-svgr";
import {viteDevMiddleware} from "./src/vite-dev-middleware";

import { viteSingleFile } from "vite-plugin-singlefile"

const headers = {
    // Allow SharedArrayBuffer to work locally
    "Cross-Origin-Opener-Policy": "same-origin",
    "Cross-Origin-Embedder-Policy": "require-corp",
    // Allow the service worker to intercept all paths, even when
    // initiated from a year subpath.
    "Service-Worker-Allowed": ".",
    "X-XSS-Protection": "1; mode=block",
    "X-Content-Type-Options": "nosniff",
    // Removed "X-Frame-Options": "DENY",
    "Referrer-Policy": "unsafe-url",
    "Feature-Policy": "none",
    // Add Content-Security-Policy header
    "Content-Security-Policy": "frame-ancestors *",
  };

export default defineConfig(() => {
    return {
        build: {
            assetsDir: ".",
            assetsInlineLimit: 8192,
            minify: false,
            rollupOptions: {
                output: {
                    inlineDynamicImports: true,
                }
            },
        },
        worker: {
            format: "es",
        },
        assetsInclude: ["**/*.rom", "**/*.hda"],
        server: {
            port: 3127,
            headers,
            host: "0.0.0.0",
        },
        preview: {
            port: 4127,
            headers,
        },
        clearScreen: false,
        plugins: [
            basicSslWrapped(),
            react(),
            svgr(),
            viteSingleFile(),
            {
                name: "dev-middleware",
                configureServer: server => {
                    // Add stubs for the functionality provided by the
                    // Cloudflare worker.
                    server.middlewares.use((req, res, next) => {
                        const handled = viteDevMiddleware(req, res);
                        if (!handled) {
                            next();
                        }
                    });
                },
            },
        ],
    };
});

// The basicSsl() plugin will set up https for both dev/serve and preview, but we only
// want it for the latter. The plugin doesn't support options
// (https://github.com/vitejs/vite-plugin-basic-ssl/issues/9), so we instead
// wrap it and undo the dev/serve https config after it's done.
function basicSslWrapped() {
    const originalBasicSsl = basicSsl();
    let configResolved:
        | ((config: ResolvedConfig) => void | Promise<void>)
        | undefined;
    const {configResolved: originalConfigResolved} = originalBasicSsl;
    if (typeof originalConfigResolved === "function") {
        configResolved = function (config) {
            const originalResult = originalConfigResolved(config);
            if (originalResult instanceof Promise) {
                return originalResult.then(() => {
                    delete config.server.https;
                });
            }
            delete config.server.https;
        };
    }
    return {
        ...originalBasicSsl,
        configResolved,
    };
}