import babel from '@rollup/plugin-babel';
import {nodeResolve} from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import replace from '@rollup/plugin-replace';
import css from "@modular-css/rollup";
import copy from 'rollup-plugin-copy';
import {terser} from "rollup-plugin-terser";

const devMode = (process.env.NODE_ENV === 'development');
console.log('Build Mode', devMode ? 'Development' : 'Production');

export default [{
  input: 'layouts/scripts/index.js',
  output: {
    file: 'layouts/scripts/dist/index.min.js',
    sourcemap: devMode,
  },
  plugins: [
    nodeResolve({
      extensions: [".js"],
    }),
    replace({
      'process.env.NODE_ENV': JSON.stringify('production'),
      preventAssignment: true,
    }),
    css(),
    babel({
      compact: false,
      babelHelpers: 'bundled',
      presets: ["@babel/preset-react"],
    }),
    commonjs(),
    !devMode && terser(),
    copy({
      targets: [
        {src: 'layouts/scripts/toolbar/images/**/*', dest: 'layouts/scripts/dist/toolbar/images'}
      ]
    })
  ],
}, {
  input: 'layouts/scripts/frame/frame.js',
  output: {
    file: 'layouts/scripts/dist/frame-index.min.js',
    sourcemap: devMode
  },
  plugins: [
    commonjs(),
    !devMode && terser()
  ]
}, {
  input: 'layouts/scripts/sync.jsx',
  output: {
    file: 'layouts/scripts/dist/sync.min.js',
    sourcemap: devMode
  },
  plugins: [
    nodeResolve({
      extensions: [".js"],
    }),
    replace({
      'process.env.NODE_ENV': JSON.stringify('production'),
      preventAssignment: true,
    }),
    babel({
      compact: false,
      babelHelpers: 'bundled',
      presets: ["@babel/preset-react"],
    }),
    commonjs(),
    !devMode && terser()
  ]
}];