import eslintPluginBetterTailwindcss from 'eslint-plugin-better-tailwindcss';
import tsParser from '@typescript-eslint/parser';
import svelteParser from 'svelte-eslint-parser';

const tailwindSettings = {
	'better-tailwindcss': {
		entryPoint: 'src/routes/layout.css'
	}
};

const tailwindRules = {
	...eslintPluginBetterTailwindcss.configs.recommended.rules,
	// Prettier handles physical line wrapping
	'better-tailwindcss/enforce-consistent-line-wrapping': 'off',
	// False-positives on classes defined inside Svelte <style> blocks
	// (`vs-beam`, `vp-freeze`, ...) that the plugin can't see
	'better-tailwindcss/no-unknown-classes': 'off'
};

export default [
	{
		ignores: [
			'node_modules/**',
			'.svelte-kit/**',
			'dist/**',
			'build/**',
			'static/**',
			'src/lib/components/ui/**'
		]
	},
	{
		files: ['**/*.svelte'],
		languageOptions: {
			parser: svelteParser,
			parserOptions: { parser: tsParser, extraFileExtensions: ['.svelte'] }
		},
		plugins: { 'better-tailwindcss': eslintPluginBetterTailwindcss },
		settings: tailwindSettings,
		rules: tailwindRules
	},
	{
		files: ['**/*.{ts,js}'],
		languageOptions: { parser: tsParser },
		plugins: { 'better-tailwindcss': eslintPluginBetterTailwindcss },
		settings: tailwindSettings,
		rules: tailwindRules
	}
];