feat(scripts): add GIF to WebM converter with markdown update

Author: ppippi-dev

package.json

@@ -6,7 +6,8 @@
     "dev": "astro dev",
     "build": "astro build && npx pagefind --site dist",
     "preview": "astro preview",
-    "astro": "astro"
+    "astro": "astro",
+    "convert-gif": "bash scripts/convert-gif.sh"
   },
   "dependencies": {
     "@astrojs/mdx": "^4.3.13",

scripts/convert-gif.sh

@@ -0,0 +1,19 @@
+#!/bin/bash
+set -e
+
+echo "Converting GIFs to WebM..."
+find public/img -name '*.gif' -print0 | while IFS= read -r -d '' gif; do
+  webm="${gif%.gif}.webm"
+  echo "  $gif -> $webm"
+  ffmpeg -y -i "$gif" -c:v libvpx-vp9 -crf 30 -b:v 0 "$webm" 2>/dev/null
+done
+
+echo "Updating markdown files..."
+find src/content -name '*.md' -exec perl -i -pe '
+  s/!\[([^\]]*)\]\(([^)]*?)\.gif\)/<video autoplay loop muted playsinline style="max-width:100%">\n  <source src="$2.webm" type="video\/webm">\n<\/video>/g
+' {} \;
+
+echo "Removing original GIFs..."
+find public/img -name '*.gif' -delete
+
+echo "Done!"