import svelte from 'rollup-plugin-svelte';
import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import terser from '@rollup/plugin-terser';
import sveltePreprocess from 'svelte-preprocess';
import typescript from '@rollup/plugin-typescript';
import path from 'path';
import fs from 'fs';
import css from 'rollup-plugin-css-only';

const production = !process.env.ROLLUP_WATCH;

export default fs.readdirSync(path.join(__dirname, 'webviews', 'pages')).map((input) => {
	const name = input.split('.')[0];
	return {
		input: 'webviews/pages/' + input,
		output: {
			format: 'iife',
			name: 'app',
			file: 'out/compiled/' + name + '.js'
		},
		plugins: [
			svelte({
				// enable run-time checks when not in production
				compilerOptions: {
					dev: !production
				},
				preprocess: sveltePreprocess(),
				emitCss: true
			}),
			css({ output: name + '.css' }),
			resolve({
				browser: true,
				dedupe: ['svelte']
			}),
			commonjs(),
			typescript({
				tsconfig: 'webviews/tsconfig.json',
				inlineSources: !production
			}),
			production && terser()
		],
		watch: {
			clearScreen: false
		}
	};
});