rollup.config.cjs

/* eslint-disable @typescript-eslint/no-require-imports */
const resolve = require("@rollup/plugin-node-resolve");
const commonjs = require("@rollup/plugin-commonjs");
const typescript = require("@rollup/plugin-typescript");
const postcss = require("rollup-plugin-postcss");
const packageJson = require("./package.json");
const dts = require("rollup-plugin-dts").default;
const banner2 = require("rollup-plugin-banner2");

const config = [
    {
        input: "src/index.ts",
        output: [
            {
                file: packageJson.main,
                format: "cjs",
                sourcemap: true,
                sourcemapExcludeSources: false,
            },
            {
                file: packageJson.module,
                format: "esm",
                sourcemap: true,
                sourcemapExcludeSources: false,
            },
        ],
        plugins: [
            banner2(() => `"use client"\n`),
            resolve(),
            commonjs(),
            typescript({
                tsconfig: "./tsconfig.json",
                sourceMap: true,
            }),
            postcss({
                extract: false,
                minimize: true,
            }),
        ],
        external: ["react", "react-dom", "tailwindcss", "next"],
    },
    {
        input: "dist/types/index.d.ts",
        output: {
            file: "dist/index.d.ts",
            format: "es",
        },
        plugins: [dts()],
    },
];

module.exports = config;