// postcss.config.js
import postcssImport from 'postcss-import'
import postcssPresetEnv from 'postcss-preset-env'
import postcssUtilities from 'postcss-utilities'
import postcssNesting from 'postcss-nesting'
import { purgeCSSPlugin } from '@fullhuman/postcss-purgecss'

const plugins = [
  postcssImport(),
  postcssPresetEnv({
    stage: 1,
    features: {
      "nesting-rules": false,
    },
  }),
  postcssUtilities(),
  postcssNesting(),
]

if (process.env.NODE_ENV === "production") {
  console.log("Adding PurgeCSS")
  plugins.push(
    purgeCSSPlugin({
      content: [
        "./src/**/*.{astro,html,js,jsx,ts,tsx}",
        "./content/**/*.{md,mdx}",
      ],
      safelist: ["html", "body"],
      variables: true
    })
  )
}

export default {
  plugins
}