#!/usr/bin/env bash
# Build CSS Webg: compile src/input.css -> public/assets/css/styles.css
# Guna: ./build.sh
# Keperluan: Node.js 18+ (tailwindcss dipasang sebagai devDependency).
# CSS yang dah compile turut di-commit, jadi deployment TIDAK perlukan Node.
set -euo pipefail
cd "$(dirname "$0")"

if [ ! -d node_modules/tailwindcss ]; then
  echo "==> Memasang tailwindcss (sekali sahaja)..."
  npm install
fi

echo "==> Compile Tailwind CSS..."
npx tailwindcss -i src/input.css -o public/assets/css/styles.css --minify

SIZE=$(wc -c < public/assets/css/styles.css)
echo "==> Siap: public/assets/css/styles.css ($((SIZE / 1024)) KB)"
if [ "$SIZE" -gt 51200 ]; then
  echo "AMARAN: CSS melebihi 50KB. Semak purge/content di tailwind.config.js" >&2
  exit 1
fi