easy-png-tools2/web/eslint.config.js

import js from "@eslint/js";
import prettier from "eslint-config-prettier";
import svelte from "eslint-plugin-svelte";
import globals from "globals";
import svelteParser from "svelte-eslint-parser";
import tseslint from "typescript-eslint";
import designTokens from "./eslint-plugins/index.js";
import isolationPlugin from "./eslint-plugins/isolation/index.js";

// FIXME: надо игнорировать старые файлы, после переноса пути новых компонентов включают старые
// Новый код редизайна: к нему применяем полные recommended-наборы уже сейчас.
// Когда старый дизайн удалим (C19), этот scoped-блок убирается и recommended
// включается на весь код (см. план-redesign §10, шаг 6).
const newCode = ["**/src/lib/components/**", "**/src/routes/**"];
const oldCode = ["**/src/lib/v1/**", "**/src/routes/v1/**"];

// Полные recommended-наборы — только на новый код (см. ниже, блок перед prettier).
const jsRecommended = Array.isArray(js.configs.recommended)
	? js.configs.recommended
	: [js.configs.recommended];
const svelteRecommended = Array.isArray(svelte.configs["flat/recommended"])
	? svelte.configs["flat/recommended"]
	: [svelte.configs["flat/recommended"]];
// Svelte-рекомендации применяем только к .svelte-файлам нового кода, иначе
// svelte-eslint-parser "съедает" обычные .ts в тех же папках (напр. +page.ts).
const newSvelteFiles = [
	"**/src/lib/components/**/*.svelte",
	"**/src/routes/**/*.svelte",
];
const oldSvelteFiles = [
	"**/src/lib/v1/**/*.svelte",
	"**/src/routes/v1/**/*.svelte",
];

// FIXME:
// The signature '(...configs: InfiniteDepthConfigWithExtends[]): ConfigArray' of 'tseslint.config' is deprecated.ts
// Migrate to defineConfig(...)
// The core defineConfig(...) helper is a nearly exact clone of tseslint.config(...)

export default tseslint.config(
	{
		ignores: [
			"**/node_modules/**",
			"**/build/**",
			"**/.svelte-kit/**",
			"**/dist/**",
			"**/static/**",
		],
	},
	// Минимально на весь код: парсинг TS/Svelte + запрет инлайн-тип-импортов.
	{
		files: ["**/*.ts", "**/*.svelte.ts", "**/*.svelte.js", "**/*.svelte"],
		languageOptions: {
			globals: {
				...globals.browser,
				...globals.node,
			},
			parserOptions: {
				projectService: {
					allowDefaultProject: [
						"vitest.config.ts",
						"eslint.config.js",
						"svelte.config.js",
						"playwright.config.ts",
						"e2e/helpers/fixtures.ts",
						"e2e/helpers/page.ts",
						"e2e/navigation.spec.ts",
						"e2e/catalog.spec.ts",
						"e2e/pipeline.spec.ts",
						"e2e/text-and-verdicts.spec.ts",
						"e2e/tools-smoke.spec.ts",
						"e2e/generators.spec.ts",
						"e2e/known-issues.spec.ts",
					],
					maximumDefaultProjectFileMatchCount_THIS_WILL_SLOW_DOWN_LINTING: 12,
				},
				extraFileExtensions: [".svelte"],
			},
		},
		plugins: {
			"@typescript-eslint": tseslint.plugin,
		},
		rules: {
			// Инлайн-тип-импорты (import('x').Y) запрещены — только
			// `import type { Y } from 'x'` наверху файла.
			"@typescript-eslint/consistent-type-imports": [
				"error",
				{ prefer: "type-imports", fixStyle: "separate-type-imports" },
			],
		},
	},
	{
		files: ["**/*.ts", "**/*.svelte.ts", "**/*.svelte.js"],
		languageOptions: {
			parser: tseslint.parser,
		},
	},
	{
		files: ["**/*.svelte"],
		languageOptions: {
			parser: svelteParser,
			parserOptions: {
				parser: tseslint.parser,
			},
		},
		plugins: {
			"design-tokens": designTokens,
		},
	},
	// Правило дизайн-токенов: запрет хардкода цветов/размеров в style-блоках.
	// Применяется к новому коду редизайна (см. newCode выше). Когда старый дизайн
	// удалят, расширить glob на весь код, исключив (old)/.
	{
		files: newSvelteFiles,
		ignores: oldSvelteFiles,
		plugins: {
			"design-tokens": designTokens,
		},
		rules: {
			"design-tokens/no-hardcoded-in-svelte": "error",
			"design-tokens/no-category-mismatch": "error",
			"design-tokens/no-token-definition-in-svelte": "error",
			"design-tokens/no-undefined-in-svelte": "error",
		},
	},
	// Полные recommended-наборы — только на новый код.
	...[
		...jsRecommended.map((cfg) => ({
			...cfg,
			files: newCode,
			ignores: oldCode,
		})),
		...tseslint.configs.recommended.map((cfg) => ({
			...cfg,
			files: newCode,
			ignores: oldCode,
		})),
		...svelteRecommended.map((cfg) => ({
			...cfg,
			files: newSvelteFiles,
			ignores: oldSvelteFiles,
		})),
	],

	// В Svelte 5 пропсы деструктурируются через `let` (конвенция документации и
	// наш AGENTS.md), поэтому prefer-const на них — ложноположительный.
	{
		files: ["**/*.svelte"],
		rules: {
			"prefer-const": "off",
		},
	},
	// ===== Изоляция старого UI (old) и нового preview =====================
	// Полная взаимная изоляция веток (см. plan-composite-params, Фаза 5).
	// Кастомный плагин isolation/no-mixed-imports резолвит импорты по реальному
	// пути (и $lib, и относительные) и ругается на old→new / new→old.
	// Общее (core/, i18n/, theme) разрешено обоим.
	{
		files: ["**/*.{ts,svelte}"],
		plugins: {
			isolation: isolationPlugin,
		},
		rules: {
			"isolation/no-mixed-imports": "error",
		},
	},
	// prettier — последним, чтобы гасить форматирующие правила из recommended.
	prettier,
);