CSS Minify + Diff + Deploy Workflow

# Compare CSS versions
diff -u styles-v1.css styles-v2.css > changes.patch
echo "Changes: $(grep -c "^[+-]" changes.patch) lines"

# Minify CSS (using csso or clean-css)
npx csso styles-v2.css --output styles.min.css
ORIG=$(wc -c < styles-v2.css)
MIN=$(wc -c < styles.min.css)
echo "Minified: $ORIG → $MIN bytes ($((100 - MIN * 100 / ORIG))% smaller)"

# Generate hash for cache-busting
HASH=$(sha256sum styles.min.css | cut -c1-8)
cp styles.min.css "styles.${HASH}.css"
echo "Deploy: styles.${HASH}.css"

# Verify after deployment
CDN_HASH=$(curl -s "https://cdn.example.com/styles.${HASH}.css" | sha256sum | cut -c1-8)
[ "$HASH" = "$CDN_HASH" ] && echo "Verified" || echo "MISMATCH"

import hashlib
import csscompressor  # pip install csscompressor

# Read and minify CSS
with open("styles.css") as f:
    original = f.read()
minified = csscompressor.compress(original)

# Calculate savings
orig_size = len(original.encode())
min_size = len(minified.encode())
print(f"Minified: {orig_size} → {min_size} bytes "
      f"({100 - min_size * 100 // orig_size}% smaller)")

# Generate hash for cache-busting
hash_hex = hashlib.sha256(minified.encode()).hexdigest()[:8]
output = f"styles.{hash_hex}.css"
with open(output, "w") as f:
    f.write(minified)
print(f"Deploy: {output}")

const fs = require("fs");
const crypto = require("crypto");
const CleanCSS = require("clean-css"); // npm i clean-css

// Read and minify CSS
const original = fs.readFileSync("styles.css", "utf8");
const result = new CleanCSS({ level: 2 }).minify(original);

console.log(`Minified: ${original.length} → ${result.styles.length} bytes`);
console.log(`Savings: ${Math.round(result.stats.efficiency * 100)}%`);

// Generate hash for cache-busting
const hash = crypto.createHash("sha256")
  .update(result.styles).digest("hex").slice(0, 8);
const output = `styles.${hash}.css`;
fs.writeFileSync(output, result.styles);
console.log(`Deploy: ${output}`);