fix(tools): #21 Remove origional images from the bundel after deploy

Our bundle was over 1.3gb due to all the high rez images being included in the build. They were not being used however. Due to some use cases Astro includes them by default, however Github's max deploy for pages is 1GB (with some flexibility). This promises to drasitcally reduce our bundle.

astro.config.mjs

@@ -4,13 +4,15 @@ import relativeLinks from 'astro-relative-links';
 import purgecss from "astro-purgecss";
 import purgeOpts from './purgecss.config.mjs'
 import { getCurrentNonce } from "./src/js/getCurrentNonce";
+import removeOriginalImages from "./src/intergrations/removeOriginalImages";
+// import prebuild from "./src/intergrations/prebuild"; //prebuild()
 
 export default defineConfig({
   build: {
     inlineStylesheets: 'auto'
   },
   // site: 'https://example.com', // We are not setting this as we want to deploy to domain mirrors, e.g. yourname.github.io and yourname.com.
-  integrations: [icon(), relativeLinks(), purgecss(purgeOpts)],
+  integrations: [icon(), relativeLinks(), purgecss(purgeOpts), removeOriginalImages],
   output: 'static',
   experimental: {
     env: {

src/intergrations/removeOriginalImages.ts

@@ -0,0 +1,28 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+import type { AstroIntegration } from "astro";
+
+// In Astro 4, unused images are removed from the build, but some original images may still remain in the _astro folder.
+const removeOriginalImages: AstroIntegration = {
+	name: 'remove-original-images',
+	hooks: {
+		'astro:build:done': async ({ dir }) => {
+		  const astroDir = path.join(dir.pathname, `_astro/`);
+      const files = await fs.readdir(astroDir);
+          for (const file of files) {
+            const { name, ext } = path.parse(file);
+            const { ext: hashStr } = path.parse(name);
+            if (!ext) continue;
+            if (!hashStr) continue;
+            if (![`.jpg`, `.jpeg`, `.png`, `.webp`].includes(ext)) continue;
+            if (hashStr.includes(`_`)) continue;
+
+            console.log(`Removing original image: ${file}`);
+            await fs.unlink(path.join(astroDir, file));
+          }
+		}
+	}
+}
+
+export default removeOriginalImages;
+