rollup-dev.config.mjs

import babel from '@rollup/plugin-babel';
import commonjs from '@rollup/plugin-commonjs';
import eslint from '@rollup/plugin-eslint';
import json from '@rollup/plugin-json';
import { nodeResolve } from '@rollup/plugin-node-resolve';
import terser from '@rollup/plugin-terser';
import serve from 'rollup-plugin-serve';
import typescript from 'rollup-plugin-typescript2';

import { ignoreSelectFiles } from './elements/ignore/select.js';
import { ignoreSwitchFiles } from './elements/ignore/switch.js';
import { ignoreTextfieldFiles } from './elements/ignore/textfield.js';
import ignore from './rollup-plugins/ignore.js';

const plugins = [
	nodeResolve({
		jsnext: true,
		main: true,
	}),
	eslint(),
	commonjs(),
	typescript(),
	json(),
	babel({
		// exclude: 'node_modules/**',
		include: ['node_modules/lit*/**', 'node_modules/@lit/**'],
		babelHelpers: 'bundled',
		compact: true,
		extensions: ['.js', '.ts'],
		presets: [
			[
				'@babel/env',
				{
					modules: false,
					targets: 'iOS 12, > 2.5%, not dead',
				},
			],
		],
		plugins: [
			[
				'@babel/plugin-proposal-decorators',
				{
					legacy: true,
				},
			],
			'@babel/plugin-proposal-class-properties',
			'@babel/plugin-transform-template-literals',
			'@babel/plugin-transform-nullish-coalescing-operator',
		],
	}),
	terser(),
	serve({
		contentBase: './dist',
		host: '0.0.0.0',
		port: 5500,
		allowCrossOrigin: true,
		headers: {
			'Access-Control-Allow-Origin': '*',
		},
	}),
	ignore({
		files: [...ignoreTextfieldFiles, ...ignoreSwitchFiles, ...ignoreSelectFiles].map((file) => require.resolve(file)),
	}),
];

export default {
	input: ['./src/index.ts'],
	output: {
		file: 'dist/atomic-calendar-revive.js',
		format: 'umd',
		name: 'AtomicCalendarRevive',
		inlineDynamicImports: false,
	},
	watch: {
		clearScreen: false,
	},
	plugins: [...plugins],
};