chore: use AVIF instead of PNG/JPG as more as possible (#301)

docs/scripts/avif.ts

@@ -0,0 +1,42 @@
+import path from 'node:path'
+import process from 'node:process'
+
+import { readdir, readFile, rm, stat } from 'node:fs/promises'
+
+import sharp from 'sharp'
+
+const SOURCE_EXTENSIONS = ['.png', '.jpg', '.jpeg', '.webp']
+
+async function transform(filePath: string): Promise<any> {
+  if ((await stat(filePath)).isDirectory()) {
+    return await Promise.allSettled(
+      (await readdir(filePath)).map(file => transform(path.join(filePath, file))),
+    )
+  }
+
+  const ext = path.extname(filePath).toLowerCase()
+  if (!SOURCE_EXTENSIONS.includes(ext))
+    return
+  const dist = path.join(
+    path.dirname(filePath),
+    `${path.basename(filePath, path.extname(filePath))}.avif`,
+  )
+  await sharp(await readFile(filePath)).toFile(dist)
+  await rm(filePath)
+  console.info(`√ ${filePath} -> ${dist}`)
+}
+
+async function main() {
+  const files = process.argv.slice(2).map(f => path.resolve(process.cwd(), f))
+  if (files.length === 0) {
+    console.error('No files provided.')
+    process.exit(1)
+  }
+
+  await Promise.all(files.map(f => stat(f)))
+  await Promise.allSettled(
+    files.map(file => transform(file)),
+  )
+}
+
+main()