rollup.config.js

import commonjs from "@rollup/plugin-commonjs"
import resolve from "@rollup/plugin-node-resolve"
import peerDepsExternal from "rollup-plugin-peer-deps-external"
import postcss from "rollup-plugin-postcss"
import preserveDirectives from "rollup-plugin-preserve-directives"
import typescript from "rollup-plugin-typescript2"

/** @type {import("rollup").InputOptions} */

const sharedConfig = {
  sourcemap: true,
  preserveModules: true,
  // taken from https://github.com/rollup/rollup/issues/3684#issuecomment-1535836196
  // ensures that node_modules is properly preserved / bundled
  preserveModulesRoot: "src",
  entryFileNames: (chunkInfo) => {
    if (chunkInfo.name.includes("node_modules")) {
      return chunkInfo.name.replace(/node_modules/g, "external") + ".js"
    }

    return "[name].js"
  },
}

export default {
  input: "src/index.ts",
  output: [
    {
      dir: "dist/cjs",
      format: "cjs",
      ...sharedConfig,
    },
    {
      dir: "dist/esm",
      format: "esm",
      ...sharedConfig,
    },
  ],
  plugins: [
    peerDepsExternal(),
    resolve(),
    postcss({
      modules: true,
      inject: { insertAt: "top" },
    }),
    commonjs(),
    typescript({ tsconfig: "./tsconfig.json" }),
    preserveDirectives.default(),
  ],
  onwarn(warning, warn) {
    if (warning.code === "MODULE_LEVEL_DIRECTIVE" && warning.message.includes(`use client`)) {
      return
    }
    warn(warning)
  },
}