vite.config.mts

import { defineConfig } from "vite";
import { glob } from "glob";
import { createHtmlPlugin } from "vite-plugin-html";
import { VitePWA } from "vite-plugin-pwa";
import { cloudflare } from "@cloudflare/vite-plugin";
import { sri } from "vite-plugin-sri3";
import crypto from "crypto";

const devMode = process.env.NODE_ENV !== "production";
const pages = await glob(devMode ? "**/*.html" : "*.html");

function randomFileName() {
	return crypto.randomBytes(8).toString("hex");
}

export default defineConfig({
	base: "/",
	appType: "mpa",
	server: {
		open: true,
		strictPort: true,
		watch: {
			ignored: ["dist/**"]
		},
		hmr: false
	},
	build: {
		outDir: "dist",
		target: "esnext",
		rollupOptions: {
			input: Object.fromEntries(
				pages.map(file => [
					file.replace(/\.html$/, ""),
					file
				])
			),
			output: {
				entryFileNames: () => `assets/${randomFileName()}.js`,
				chunkFileNames: () => `assets/${randomFileName()}.js`
			}
		}
	},
	esbuild: {
		exclude: []
	},
	plugins: [
		createHtmlPlugin({
			minify: true,
			pages: pages.map(file => ({
				filename: file,
				template: file,
				injectOptions: {
					data: {
						isDev: process.env.NODE_ENV === "development",
					}
				}
			}))
		}),
		VitePWA({
			injectRegister: "auto",
			manifest: {
				name: "r/place",
				short_name: "place",
				description: "There is an empty canvas. You may place a tile anywhere upon it. Team up, engage in canvas wars and create the greatest artworks on the massive multiplayer canvas.",
				theme_color: "#ff4500",
				background_color: "#ffffff",
				display: "standalone",
				start_url: "/",
				scope: "/",
				icons: [
					{
						"src": "favicon.ico",
						"type": "image/x-icon",
						"sizes": "256x256"
					},
					{
						"src": "favicon.png",
						"type": "image/png",
						"sizes": "256x256"
					}
				]
			}
		}),
		sri({
			ignoreMissingAssets: false,
			crossorigin: "anonymous",
			excludeExternal: true,
			includePatterns: [/^\/assets\//]
		}),
		devMode ? undefined
			: cloudflare({
				configPath: "./wrangler.jsonc"
			})

	]
})