chore: optimize assets

scripts/optimize-assets.js

@@ -0,0 +1,48 @@
+import { readdirSync, statSync } from 'fs';
+import { join } from 'path';
+import sharp from 'sharp';
+import { fileURLToPath } from 'url';
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url));
+
+const config = {
+    jpeg: { quality: 80 },
+    webp: { quality: 80 },
+    png: { compressionLevel: 8 },
+    gif: { quality: 80 }
+};
+
+function* walkSync(dir) {
+    const files = readdirSync(dir);
+
+    for (const file of files) {
+        const pathToFile = join(dir, file);
+        const isDirectory = statSync(pathToFile).isDirectory();
+        if (isDirectory) {
+            yield* walkSync(pathToFile);
+        } else {
+            yield pathToFile;
+        }
+    }
+}
+
+function isImage(file) {
+  const imageExtensions = ["jpg", "jpeg", "png", "gif", "webp"];
+  const extension = file.split(".").pop().toLowerCase();
+
+  return imageExtensions.includes(extension);
+}
+
+async function main() {
+    for (const file of walkSync(join(__dirname, '../static'))) {
+        if (!isImage(file)) continue;
+        console.log(file);
+
+        const image = sharp(file);
+        const meta = await image.metadata();
+        const buffer = await image[meta.format](config[meta.format]).toBuffer();
+        await sharp(buffer).toFile(file);
+    }
+}
+
+await main();