import resolve from "rollup-plugin-node-resolve";
import commonjs from "rollup-plugin-commonjs";
import json from "rollup-plugin-json";
import babel from "rollup-plugin-babel";
import cleanup from "rollup-plugin-cleanup";
import replace from "rollup-plugin-replace";
import postcss from 'rollup-plugin-postcss';
import copy from 'rollup-plugin-copy';
import svgrPlugin from "@svgr/rollup";
import generatePackageJson from 'rollup-plugin-generate-package-json'
import pkg from "./package.json";

const getBabelPreset = require("./scripts/get-babel-preset");

const babelOptions = getBabelPreset();

// This list includes common plugins shared between each output format.
// NOTE: the order of the plugins is important!
const configureRollupPlugins = (options = {}) => [
  generatePackageJson({
    baseContents: {
      name: pkg.name,
      version: pkg.version,
      description: pkg.description,
      license: pkg.license,
      main: pkg.main,
      module: pkg.module,
      peerDependencies: pkg.peerDependencies
    },
    outputFolder: '../../packages/asc-web-components'
  }),
  replace({
    "process.env.NODE_ENV": JSON.stringify("production")
  }),
  // To use the nodejs `resolve` algorithm
  resolve(),
  // See also https://medium.com/@kelin2025/so-you-wanna-use-es6-modules-714f48b3a953
  // Transpile sources using our custom babel preset.
  babel({
    exclude: ["node_modules/**"],
    runtimeHelpers: true,
    ...babelOptions,
    plugins: [
      ...babelOptions.plugins,
      ...(options.babel && options.babel.plugins ? options.babel.plugins : [])
    ]
  }),
  // To convert CJS modules to ES6
  commonjs({
    include: "node_modules/**"
  }),
  // To convert JSON files to ES6
  json(),
  // To convert SVG Icons to ES6
  svgrPlugin({
    // NOTE: only the files ending with `.react.svg` are supposed to be
    // converted to React components
    include: ["**/*.react.svg"],
    icon: false,
    svgoConfig: {
      plugins: [
        { removeViewBox: false },
        // Keeps ID's of svgs so they can be targeted with CSS
        { cleanupIDs: false }
      ]
    }
  }),
  postcss({
    extensions: ['.css'],
  }),
  // To remove comments, trim trailing spaces, compact empty lines,
  // and normalize line endings
  cleanup()  
];

const deps = Object.keys(pkg.dependencies || {});
const peerDeps = Object.keys(pkg.peerDependencies || {});
const defaultExternal = ["stream", ...deps.concat(peerDeps)];

// We need to define 2 separate configs (`esm` and `cjs`) so that each can be
// further customized.
const config = [
  {
    input: "src/index.js",
    external: defaultExternal,
    output: {
      file: pkg.module,
      format: "esm",
      sourcemap: true
    },
    plugins: configureRollupPlugins({
      babel: {
        plugins: [
          [
            "transform-rename-import",
            {
              replacements: [{ original: "lodash", replacement: "lodash-es" }]
            }
          ]
        ]
      }
    })
  },
  {
    input: "src/index.js",
    external: defaultExternal,
    output: {
      file: pkg.main,
      format: "cjs",
      sourcemap: true
    },
    plugins: [
      ...configureRollupPlugins(),
      copy({
      targets: [
        { src: 'dist', dest: '../../packages/asc-web-components' },
        { src: 'README.md', dest: '../../packages/asc-web-components' },
      ],
      verbose: true
    })]
  }
];

export default config;