Fix PWA paths and include assets in build

Author: HudsonGraeme

moci/manifest.json

@@ -1,18 +1,18 @@
 {
 	"name": "MoCI",
 	"short_name": "MoCI",
-	"start_url": "/",
+	"start_url": ".",
 	"display": "standalone",
 	"background_color": "#000000",
 	"theme_color": "#000000",
 	"icons": [
 		{
-			"src": "/icons/icon-192.png",
+			"src": "icons/icon-192.png",
 			"sizes": "192x192",
 			"type": "image/png"
 		},
 		{
-			"src": "/icons/icon-512.png",
+			"src": "icons/icon-512.png",
 			"sizes": "512x512",
 			"type": "image/png"
 		}

scripts/build.js

@@ -1,5 +1,5 @@
 import { minify } from 'terser';
-import { readFile, writeFile, mkdir } from 'fs/promises';
+import { readFile, writeFile, mkdir, copyFile, readdir } from 'fs/promises';
 import { join } from 'path';
 import CleanCSS from 'clean-css';
 
@@ -52,17 +52,25 @@ async function buildCSS() {
 	);
 }
 
-async function copyHTML() {
-	console.log('Copying HTML...');
+async function copyAssets() {
+	console.log('Copying assets...');
 	const html = await readFile('moci/index.html', 'utf8');
 	await writeFile(join(distDir, 'index.html'), html);
+
+	await copyFile('moci/manifest.json', join(distDir, 'manifest.json'));
+
+	await mkdir(join(distDir, 'icons'), { recursive: true });
+	const icons = await readdir('moci/icons');
+	for (const icon of icons) {
+		await copyFile(join('moci/icons', icon), join(distDir, 'icons', icon));
+	}
 }
 
 async function build() {
 	console.log('Building production bundle...\n');
 	await buildJS();
 	await buildCSS();
-	await copyHTML();
+	await copyAssets();
 	console.log('\nBuild complete! Output in dist/');
 }