import json from 'rollup-plugin-json';
// import uglify from 'rollup-plugin-uglify';
import nodeResolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import postcss from 'rollup-plugin-postcss';
import nested from 'postcss-nested';
import cssnext from 'postcss-cssnext';
// import cssnano from 'cssnano';

const dev = {
    input: 'src/index.js',
    output: [{
        file: 'dist/frappe-datatable.js',
        format: 'iife',
        name: 'DataTable',
        globals: {
            sortablejs: 'Sortable',
            'clusterize.js': 'Clusterize'
        }
    }, {
        file: 'docs/assets/frappe-datatable.js',
        format: 'iife',
        name: 'DataTable',
        globals: {
            sortablejs: 'Sortable',
            'clusterize.js': 'Clusterize'
        }
    }],
    plugins: [
        json(),
        nodeResolve(),
        commonjs(),
        postcss({
            extract: 'dist/frappe-datatable.css',
            plugins: [
                nested(),
                cssnext()
            ]
        })
    ],
    external: ['sortablejs', 'clusterize.js']
};

export default [
    dev,
    Object.assign({}, dev, {
        output: {
            format: 'cjs',
            file: 'dist/frappe-datatable.cjs.js'
        }
    })
];