import fs from 'fs'
import path from 'path'
import typescript from '@rollup/plugin-typescript'
import babel from '@rollup/plugin-babel'
import postcss from 'rollup-plugin-postcss'
import tailwind from 'rollup-plugin-tailwindcss'
import autoprefixer from 'autoprefixer'
import resolve from '@rollup/plugin-node-resolve'
import commonjs from '@rollup/plugin-commonjs'
import { terser } from 'rollup-plugin-terser'

// Recursively get .tsx files from a directory
const getComponents = (dir) =>
  fs.readdirSync(dir).reduce((files, file) => {
    const name = path.join(dir, file)
    const isDirectory = fs.statSync(name).isDirectory()
    const isIndexFile = path.basename(name).includes('index')
    if (isDirectory) {
      return files.concat(getComponents(name))
    } else if (isIndexFile && name.endsWith('.tsx')) {
      return files.concat(name)
    } else {
      return files
    }
  }, [])

// Generate Rollup configuration for each component
const componentsDir = 'src/components'
const componentFiles = getComponents(componentsDir)

const rollupConfig = componentFiles.map((inputFile) => ({
  input: inputFile,
  output: [
    {
      dir: 'dist',
      format: 'es',
      sourcemap: true,
      preserveModules: true,
      preserveModulesRoot: 'src'
    }
  ],
  external: [/@babel\/runtime/, 'react', 'prop-types'],
  plugins: [
    resolve(),
    commonjs(),
    typescript(),
    babel({
      extensions: ['.js', '.jsx', '.ts', '.tsx'],
      babelHelpers: 'runtime',
      plugins: ['@babel/plugin-transform-runtime']
    }),
    postcss({
      plugins: [autoprefixer()],
      sourceMap: true,
      extract: true,
      minimize: true
    }),
    tailwind({
      input: './styles/globals.css',
      purge: false
    }),
    terser()
  ]
}))

export default rollupConfig