rollup.config.mjs

import { defineConfig } from 'rollup'
import peerDepsExternal from 'rollup-plugin-peer-deps-external'
import resolve from '@rollup/plugin-node-resolve'
import commonjs from '@rollup/plugin-commonjs'
import postcss from 'rollup-plugin-postcss'
import swcPkg from 'rollup-plugin-swc'
import injectCSS from './scripts/inject-css.mjs'

import { readFileSync } from 'fs'

const packageJson = JSON.parse(
  readFileSync(new URL('./package.json', import.meta.url)).toString()
)

const extensions = ['.js', '.jsx', '.ts', '.tsx']
const { default: swc } = swcPkg

const config = defineConfig([
  {
    input: 'src/index.ts',
    output: [
      {
        file: packageJson.exports['.'].require,
        format: 'cjs',
        sourcemap: true,
        exports: 'named',
      },
      {
        file: packageJson.exports['.'].import,
        format: 'esm',
        sourcemap: true,
        exports: 'named',
      }
    ],
    external: [
      'react',
      'react-dom',
      'next',
    ],
    plugins: [
      peerDepsExternal(),
      resolve({ extensions }),
      commonjs(),
      postcss({
        modules: {
          generateScopedName: '[hash:base64:5]',
        },
        use: [
          ['sass', {
            silenceDeprecations: ['legacy-js-api'],
          }]
        ],
        extract: 'styles.css',
        minimize: true,
        sourceMap: true,
      }),
      swc({
        jsc: {
          parser: {
            syntax: 'typescript',
            tsx: true,
          },
          target: 'es2018',
        },
        sourceMaps: true,
        minify: true,
      }),
      injectCSS(),
    ],
  }
])

export default config