import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import babel from 'rollup-plugin-babel';
import postcss from 'rollup-plugin-postcss';
import bundleSize from 'rollup-plugin-bundle-size';
import visualizer from 'rollup-plugin-visualizer';
import svg from 'rollup-plugin-svg';

import pkg from './package.json';

const isProd = process.env.NODE_ENV === 'production';
const external = ['react', 'react-dom', 'prop-types'];
const onwarn = (warning, rollupWarn) => {
	if (warning.code !== 'CIRCULAR_DEPENDENCY') {
		rollupWarn(warning);
	}
};
const plugins = [
	bundleSize(),
	postcss(),
	resolve(),
	babel({
		exclude: 'node_modules/**'
	}),
	commonjs({
		include: /node_modules/
	}),
	svg(),
	visualizer()
];

export default [{
	input: 'src/index.js',
	external,
	onwarn,
	output: {
		name: 'ReactFlow',
		file: pkg.browser,
		format: 'umd',
		sourcemap: isProd,
		globals: {
			react: 'React',
			'react-dom': 'ReactDOM',
			'prop-types': 'PropTypes'
		}
	},
	plugins
}, {
	input: 'src/index.js',
	external,
	onwarn,
	output: {
		file: pkg.module,
		format: 'esm',
	},
	plugins: [
		bundleSize(),
		postcss(),
		resolve(),
		babel({
			exclude: 'node_modules/**'
		}),
		commonjs({
			include: /node_modules/
		}),
		svg()
	]
}];

// }, {
// 	input: 'src/plugins/index.js',
// 	external: external,
// 	onwarn,
// 	output: {
// 		name: 'ReactFlow Plugins',
// 		file: 'dist/plugins/index.js',
// 		format: 'umd',
// 		sourcemap: isProd,
// 		globals: {
// 			react: 'React',
// 			'react-dom': 'ReactDOM',
// 			'prop-types': 'PropTypes'
// 		}
// 	},
// 	plugins
// }];