rollup.config.js

import resolve from "@rollup/plugin-node-resolve";
import commonjs from "@rollup/plugin-commonjs";
import typescript from "@rollup/plugin-typescript";
import dts from "rollup-plugin-dts";
import terser from "@rollup/plugin-terser";
import peerDepsExternal from "rollup-plugin-peer-deps-external";
import postcss from "rollup-plugin-postcss";
import svgr from "@svgr/rollup";
import json from "@rollup/plugin-json";
import progress from "rollup-plugin-progress";
import filesize from "rollup-plugin-filesize";
import replace from "rollup-plugin-replace";
import { sentryRollupPlugin } from "@sentry/rollup-plugin";

const packageJson = require("./package.json");

export default [
  {
    input: "src/index.tsx",
    output: [
      {
        file: packageJson.module,
        format: "esm",
        sourcemap: true,
      },
    ],
    plugins: [
      progress(),
      peerDepsExternal(),
      resolve(),
      json(),
      filesize(),
      terser(),
      postcss(),
      svgr(),
      typescript({ tsconfig: "./tsconfig.json" }),
      commonjs(),
      sentryRollupPlugin({
        authToken: process.env.SENTRY_AUTH_TOKEN,
        org: process.env.SENTRY_ORG,
        project: process.env.SENTRY_PROJECT,
        url: process.env.SENTRY_URL,
      }),
      replace({
        "process.env.NODE_ENV": JSON.stringify("production"),
      }),
    ],
    // external: {
    //   react: "https://unpkg.com/react@18/umd/react.production.min.js",
    //   "react-dom":
    //     "https://unpkg.com/react-dom@18/umd/react-dom.production.min.js",
    //   "react/jsx-runtime":
    //     "https://unpkg.com/browse/react@18.2.0/cjs/react-jsx-runtime.production.min.js",
    // },
    // external: ["react", "react-dom"],
    // external: [Object.keys(packageJson.peerDependencies)],
    // external: [/node_modules/],
  },
  {
    input: "src/index.tsx",
    output: [{ file: "dist/types.d.ts", format: "es" }],
    plugins: [dts.default()],
    external: [/\.css$/],
  },
];