vite-plugin-manifest.ts

import type { Plugin } from 'vite';

export function manifestPlugin(): Plugin {
	return {
		name: 'manifest-plugin',
		generateBundle(_, bundle) {
			// Find the shield icon in the bundle
			const shieldIcon = Object.keys(bundle).find(
				key => key.includes('shield') && key.endsWith('.png')
			);

			if (shieldIcon) {
				const manifest = {
					name: 'Forge Steel',
					short_name: 'Forge Steel',
					description:
            'Heroes, monsters, encounters ... everything you need for Draw Steel.',
					start_url: '/forgesteel/',
					display: 'standalone',
					background_color: '#ffffff',
					theme_color: '#1890ff',
					orientation: 'any',
					scope: '/forgesteel/',
					icons: [
						{
							src: `/forgesteel/${shieldIcon}`,
							sizes: '192x192',
							type: 'image/png',
							purpose: 'any maskable'
						},
						{
							src: `/forgesteel/${shieldIcon}`,
							sizes: '512x512',
							type: 'image/png',
							purpose: 'any maskable'
						}
					],
					categories: [ 'games', 'entertainment', 'utilities' ],
					lang: 'en',
					dir: 'ltr'
				};

				// Write the manifest to the dist folder
				this.emitFile({
					type: 'asset',
					fileName: 'manifest.json',
					source: JSON.stringify(manifest, null, 2)
				});
			}
		}
	};
}