chore: finish frontend ESLint migration #18

Enable every plugin recommended preset and replace Biome with ESLint formatting.

Preserve API contracts and JSX whitespace; verify source, tests, builds and tooling.

src/entities/bank-card/model/form-validation.test.ts

@@ -1,4 +1,5 @@
 import { afterEach, describe, expect, it, vi } from "vitest";
+
 import {
 	bankCardSchema,
 	bankDateInputValue,
@@ -27,9 +28,9 @@ describe("bank form input", () => {
 		}
 		expect(bankMoneyValue(" -00010,20 ")).toBe("-10.20");
 		const values = {
-			name: "A",
 			bankName: "",
 			lastFour: "",
+			name: "A",
 			openingBalance: "-92233720368547758.08",
 			openingDate: "2026-01-01",
 		};

src/entities/bank-card/model/form-validation.ts

@@ -1,38 +1,43 @@
 import { z } from "zod";
+
 import { validationMessage } from "@/shared/i18n";
 
+const DECIMAL_PART_COUNT = 2;
+const CENTS_PRECISION = 2;
+const ISO_DATE_LENGTH = 10;
+
 const ISO_MONTH_LENGTH = 7;
 const MAX_CARD_NAME_LENGTH = 100;
 
-function bankToday() {
-	return new Intl.DateTimeFormat("en-CA", {
-		timeZone: "Europe/Moscow",
-		year: "numeric",
-		month: "2-digit",
-		day: "2-digit",
-	}).format(new Date());
-}
 function bankDateInputValue(value: string) {
 	return value.replace(/^(\d{2})\.(\d{2})\.(\d{4})$/, "$3-$2-$1");
 }
-function bankMonth(value: string | null) {
-	return value && value >= "0001-01" && /^\d{4}-(0[1-9]|1[0-2])$/.test(value)
-		? value
-		: bankToday().slice(0, ISO_MONTH_LENGTH);
-}
 function bankMoneyValue(value: string) {
 	return value
 		.trim()
 		.replace(",", ".")
 		.replace(/^(-?)0+(?=\d)/, "$1");
 }
+function bankMonth(value: null | string) {
+	return value && value >= "0001-01" && /^\d{4}-(?:0[1-9]|1[0-2])$/.test(value)
+		? value
+		: bankToday().slice(0, ISO_MONTH_LENGTH);
+}
+function bankToday() {
+	return new Intl.DateTimeFormat("en-CA", {
+		day: "2-digit",
+		month: "2-digit",
+		timeZone: "Europe/Moscow",
+		year: "numeric",
+	}).format(new Date());
+}
 function moneyCents(value: string): bigint | null {
 	const normalized = value.trim().replace(",", ".");
-	if (!/^-?\d+(\.\d{1,2})?$/.test(normalized)) return null;
-	const [whole, fraction = ""] = normalized.replace("-", "").split(".");
+	if (!/^-?\d+$|^-?\d+\.\d{1,2}$/.test(normalized)) return /* eslint-disable-line unicorn/no-null -- The money parser’s callers distinguish invalid input with null. */ null;
+	const [whole, fraction = ""] = normalized.replace("-", "").split(".", DECIMAL_PART_COUNT);
 	return (
-		BigInt(`${whole}${fraction.padEnd(2, "0")}`) *
-		(normalized.startsWith("-") ? -1n : 1n)
+		BigInt(`${whole}${fraction.padEnd(CENTS_PRECISION, "0")}`)
+		* (normalized.startsWith("-") ? -1n : 1n)
 	);
 }
 const MIN_BALANCE_KOPECKS = -9_223_372_036_854_775_808n;
@@ -42,9 +47,9 @@ const moneySchema = z.string().refine(
 	(value) => {
 		const cents = moneyCents(value);
 		return (
-			cents !== null &&
-			cents >= MIN_BALANCE_KOPECKS &&
-			cents <= MAX_BALANCE_KOPECKS
+			cents !== null
+			&& cents >= MIN_BALANCE_KOPECKS
+			&& cents <= MAX_BALANCE_KOPECKS
 		);
 	},
 	{ error: validationMessage("bank.validation.money") },
@@ -59,15 +64,25 @@ const positiveMoneySchema = moneySchema.refine(
 const bankDateSchema = z
 	.string()
 	.refine(
-		(value) =>
-			/^\d{4}-\d{2}-\d{2}$/.test(value) &&
-			value >= "0001-01-01" &&
-			!Number.isNaN(Date.parse(`${value}T00:00:00Z`)) &&
-			new Date(`${value}T00:00:00Z`).toISOString().slice(0, 10) === value &&
-			value <= bankToday(),
+		value =>
+			/^\d{4}-\d{2}-\d{2}$/.test(value)
+			&& value >= "0001-01-01"
+			&& !Number.isNaN(Date.parse(`${value}T00:00:00Z`))
+			&& new Date(`${value}T00:00:00Z`).toISOString().slice(0, ISO_DATE_LENGTH) === value
+			&& value <= bankToday(),
 		{ error: validationMessage("bank.validation.date") },
 	);
 const bankCardSchema = z.object({
+	bankName: z
+		.string()
+		.trim()
+		.max(
+			MAX_CARD_NAME_LENGTH,
+			validationMessage("bank.validation.bankName")(undefined),
+		),
+	lastFour: z.string().refine(value => !value || /^\d{4}$/.test(value), {
+		error: validationMessage("bank.validation.lastFour"),
+	}),
 	name: z
 		.string()
 		.trim()
@@ -76,29 +91,19 @@ const bankCardSchema = z.object({
 			MAX_CARD_NAME_LENGTH,
 			validationMessage("bank.validation.name")(undefined),
 		),
-	bankName: z
-		.string()
-		.trim()
-		.max(
-			MAX_CARD_NAME_LENGTH,
-			validationMessage("bank.validation.bankName")(undefined),
-		),
-	lastFour: z.string().refine((value) => !value || /^\d{4}$/.test(value), {
-		error: validationMessage("bank.validation.lastFour"),
-	}),
+	openingBalance: moneySchema,
+	openingDate: bankDateSchema,
 	paymentSystem: z
 		.enum(["", "mir", "visa", "mastercard"], {
 			error: validationMessage("bank.validation.paymentSystem"),
 		})
 		.optional(),
-	openingBalance: moneySchema,
-	openingDate: bankDateSchema,
 });
 type BankCardValues = z.infer<typeof bankCardSchema>;
 
 export {
-	type BankCardValues,
 	bankCardSchema,
+	type BankCardValues,
 	bankDateInputValue,
 	bankDateSchema,
 	bankMoneyValue,

src/entities/bank-card/model/operation-appearance.ts

@@ -1,140 +1,137 @@
 import type { BankOperation } from "../api/queries";
 
-type OperationIcon = { path: string; color: string; animation?: string };
+type OperationIcon = { animation?: string; color: string; path: string };
 
 const categoryIcons: Record<string, OperationIcon> = {
-	алкоголь: {
+	"алкоголь": {
 		animation: "wine",
-		path: "M7 3h10v5a5 5 0 0 1-10 0V3Z M7 7h10v1a5 5 0 0 1-10 0V7Z M12 13v8 M8 21h8",
 		color: "grape",
+		path: "M7 3h10v5a5 5 0 0 1-10 0V3Z M7 7h10v1a5 5 0 0 1-10 0V7Z M12 13v8 M8 21h8",
 	},
-	вклады: {
+	"вклады": {
 		animation: "deposit",
-		path: "M6 9a6 6 0 1 0 12 0a6 6 0 1 0-12 0 M10.5 12V6h2a1.5 1.5 0 0 1 0 3h-3m0 1.5h3 M4 16c0 4 16 4 16 0 M4 19c0 4 16 4 16 0",
 		color: "green",
+		path: "M6 9a6 6 0 1 0 12 0a6 6 0 1 0-12 0 M10.5 12V6h2a1.5 1.5 0 0 1 0 3h-3m0 1.5h3 M4 16c0 4 16 4 16 0 M4 19c0 4 16 4 16 0",
 	},
+	"жилье": { color: "orange", path: "M3 11l9-8 9 8 M5 10v11h14V10 M9 21v-8h6v8" },
+	"здоровье": { color: "red", path: "M9 3h6v6h6v6h-6v6H9v-6H3V9h6V3Z" },
 	"инвестиции и накопления": {
 		animation: "growth",
-		path: "M3 3v18h18 M6 15l5-5 4 3 6-8 M16 5h5v5",
 		color: "green",
+		path: "M3 3v18h18 M6 15l5-5 4 3 6-8 M16 5h5v5",
 	},
-	образование: {
+	"кафе": {
+		animation: "coffee",
+		color: "orange",
+		path: "M4 8h12v7a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V8Z M16 9h2a3 3 0 0 1 0 6h-2 M8 6c-2-1 2-2 0-4 M12 6c-2-1 2-2 0-4 M3 22h15",
+	},
+	"образование": {
+		color: "blue",
 		path: "M2 8l10-5 10 5-10 5L2 8Z M6 10v7c4 3 8 3 12 0v-7 M22 8v9",
-		color: "blue",
 	},
-	переводы: {
+	"переводы": {
 		animation: "transfer",
-		path: "M3 7h18l-4-4 M21 17H3l4 4",
 		color: "blue",
+		path: "M3 7h18l-4-4 M21 17H3l4 4",
 	},
 	"погашение кредита": {
 		animation: "repayment",
-		path: "M3 5h18v14H3V5Z M3 9h18 M10 18v-7h3a2 2 0 0 1 0 4H9m0 1.5h4",
 		color: "orange",
+		path: "M3 5h18v14H3V5Z M3 9h18 M10 18v-7h3a2 2 0 0 1 0 4H9m0 1.5h4",
 	},
-	подписки: {
-		path: "M4 10a8 8 0 0 1 13-6l3 3 M20 3v4h-4 M20 14a8 8 0 0 1-13 6l-3-3 M4 21v-4h4",
+	"подписки": {
 		color: "grape",
+		path: "M4 10a8 8 0 0 1 13-6l3 3 M20 3v4h-4 M20 14a8 8 0 0 1-13 6l-3-3 M4 21v-4h4",
 	},
-	путешествия: {
-		path: "M10 3h4v7l7 5v3l-7-3v5l2 1v1l-4-1-4 1v-1l2-1v-5l-7 3v-3l7-5V3Z",
+	"покупки": {
+		color: "grape",
+		path: "M5 7h14l2 14H3L5 7Z M8 8V6a4 4 0 0 1 8 0v2",
+	},
+	"продукты": {
+		animation: "basket",
+		color: "green",
+		path: "M3 9h18l-2 11H5L3 9Z M8 9l4-6 4 6 M9 13v3 M15 13v3 M10 6a2 2 0 1 0 4 0a2 2 0 1 0-4 0",
+	},
+	"путешествия": {
 		color: "blue",
+		path: "M10 3h4v7l7 5v3l-7-3v5l2 1v1l-4-1-4 1v-1l2-1v-5l-7 3v-3l7-5V3Z",
+	},
+	"развлечения": {
+		color: "grape",
+		path: "M9 5v14a3 3 0 1 1-3-3h3 M9 5l11-2v14a3 3 0 1 1-3-3h3 M9 9l11-2",
 	},
 	"связь и интернет": {
 		animation: "wifi",
-		path: "M3 7a14 14 0 0 1 18 0 M6 11a9 9 0 0 1 12 0 M9 15a4 4 0 0 1 6 0 M12 19h.01",
 		color: "blue",
+		path: "M3 7a14 14 0 0 1 18 0 M6 11a9 9 0 0 1 12 0 M9 15a4 4 0 0 1 6 0 M12 19h.01",
 	},
 	"снятие наличных": {
+		color: "green",
 		path: "M4 10V3h16v7 M7 7h10v14H7V7Z M7 11h10 M10 16h4",
-		color: "green",
 	},
-	ставки: {
-		path: "M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z M7 7h.01 M17 7h.01 M12 12h.01 M7 17h.01 M17 17h.01",
+	"ставки": {
 		color: "grape",
+		path: "M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z M7 7h.01 M17 7h.01 M12 12h.01 M7 17h.01 M17 17h.01",
 	},
-	страхование: {
-		path: "M12 2l8 4v6c0 5-8 10-8 10S4 17 4 12V6l8-4Z M8 12l3 3 5-6",
+	"страхование": {
 		color: "green",
+		path: "M12 2l8 4v6c0 5-8 10-8 10S4 17 4 12V6l8-4Z M8 12l3 3 5-6",
 	},
-	табак: {
-		path: "M3 14h18v5H3v-5Z M16 14v5 M8 10V8c0-2 3-2 3-4V2 M15 10V8c0-2 3-2 3-4",
+	"табак": {
 		color: "orange",
+		path: "M3 14h18v5H3v-5Z M16 14v5 M8 10V8c0-2 3-2 3-4V2 M15 10V8c0-2 3-2 3-4",
+	},
+	"такси": {
+		color: "yellow",
+		path: "M4 10l2-6h12l2 6 M3 10h18v8H3v-8Z M6 18v3 M18 18v3 M6 14h2 M16 14h2 M10 4V2h4v2",
+	},
+	"транспорт": {
+		animation: "car",
+		color: "blue",
+		path: "M4 16H2v-4l3-1 3-4h6l4 4 4 1v4h-2 M8 16h8 M6 11h12m-6-4v4 M4 16a2 2 0 1 0 4 0a2 2 0 1 0-4 0m2-2v4m-2-2h4 M16 16a2 2 0 1 0 4 0a2 2 0 1 0-4 0m2-2v4m-2-2h4",
 	},
 	"хостинг и ии-сервисы": {
 		animation: "server",
-		path: "M3 3h18v7H3V3Z M3 14h18v7H3v-7Z M7 6.5h.01 M7 17.5h.01 M15 6.5h3 M15 17.5h3",
 		color: "grape",
+		path: "M3 3h18v7H3V3Z M3 14h18v7H3v-7Z M7 6.5h.01 M7 17.5h.01 M15 6.5h3 M15 17.5h3",
 	},
 	"цифровые покупки": {
+		color: "blue",
 		path: "M3 3h18v13H3V3Z M8 21h8 M12 16v5 M12 6v7 M9 10l3 3 3-3",
-		color: "blue",
-	},
-	продукты: {
-		animation: "basket",
-		path: "M3 9h18l-2 11H5L3 9Z M8 9l4-6 4 6 M9 13v3 M15 13v3 M10 6a2 2 0 1 0 4 0a2 2 0 1 0-4 0",
-		color: "green",
-	},
-	кафе: {
-		animation: "coffee",
-		path: "M4 8h12v7a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V8Z M16 9h2a3 3 0 0 1 0 6h-2 M8 6c-2-1 2-2 0-4 M12 6c-2-1 2-2 0-4 M3 22h15",
-		color: "orange",
-	},
-	такси: {
-		path: "M4 10l2-6h12l2 6 M3 10h18v8H3v-8Z M6 18v3 M18 18v3 M6 14h2 M16 14h2 M10 4V2h4v2",
-		color: "yellow",
-	},
-	транспорт: {
-		animation: "car",
-		path: "M4 16H2v-4l3-1 3-4h6l4 4 4 1v4h-2 M8 16h8 M6 11h12m-6-4v4 M4 16a2 2 0 1 0 4 0a2 2 0 1 0-4 0m2-2v4m-2-2h4 M16 16a2 2 0 1 0 4 0a2 2 0 1 0-4 0m2-2v4m-2-2h4",
-		color: "blue",
-	},
-	жилье: { path: "M3 11l9-8 9 8 M5 10v11h14V10 M9 21v-8h6v8", color: "orange" },
-	здоровье: { path: "M9 3h6v6h6v6h-6v6H9v-6H3V9h6V3Z", color: "red" },
-	покупки: {
-		path: "M5 7h14l2 14H3L5 7Z M8 8V6a4 4 0 0 1 8 0v2",
-		color: "grape",
-	},
-	развлечения: {
-		path: "M9 5v14a3 3 0 1 1-3-3h3 M9 5l11-2v14a3 3 0 1 1-3-3h3 M9 9l11-2",
-		color: "grape",
 	},
 };
 const otherIcon: OperationIcon = {
 	animation: "grid",
-	path: "M4 4h6v6H4V4Z M14 4h6v6h-6V4Z M4 14h6v6H4v-6Z M14 14h6v6h-6v-6Z",
 	color: "gray",
+	path: "M4 4h6v6H4V4Z M14 4h6v6h-6V4Z M4 14h6v6H4v-6Z M14 14h6v6h-6v-6Z",
 };
 const operationIcons: Record<
 	Exclude<BankOperation["kind"], "expense">,
 	OperationIcon
 > = {
+	refund: { color: "teal", path: "M8 4L3 9l5 5 M3 9h11a7 7 0 0 1 0 14" },
 	topup: {
 		animation: "topup",
-		path: "M20 8V5H5a2 2 0 0 1 0-4h13v4 M3 3v16a2 2 0 0 0 2 2h15V8H5 M16 12v5m-2.5-2.5h5",
 		color: "green",
+		path: "M20 8V5H5a2 2 0 0 1 0-4h13v4 M3 3v16a2 2 0 0 0 2 2h15V8H5 M16 12v5m-2.5-2.5h5",
 	},
 	transfer: {
 		animation: "transfer",
-		path: "M3 7h18l-4-4 M21 17H3l4 4",
 		color: "blue",
+		path: "M3 7h18l-4-4 M21 17H3l4 4",
 	},
-	refund: { path: "M8 4L3 9l5 5 M3 9h11a7 7 0 0 1 0 14", color: "teal" },
 };
 
 function bankOperationAppearance(
 	kind: BankOperation["kind"],
-	categoryName?: string | null,
+	categoryName?: null | string,
 ) {
+	if (kind !== "expense") return /* eslint-disable-line security/detect-object-injection -- Operation kinds are finite; category names are guarded by Object.hasOwn. */ operationIcons[kind];
 	const name = categoryName
 		?.trim()
 		.toLocaleLowerCase("ru-RU")
 		.replaceAll("ё", "е");
-	return kind === "expense"
-		? name && Object.hasOwn(categoryIcons, name)
-			? categoryIcons[name]
-			: otherIcon
-		: operationIcons[kind];
+	return name && Object.hasOwn(categoryIcons, name) ? /* eslint-disable-line security/detect-object-injection -- Operation kinds are finite; category names are guarded by Object.hasOwn. */ categoryIcons[name] : otherIcon;
 }
 
 export { bankOperationAppearance };

src/entities/bank-card/model/period.test.ts

@@ -1,4 +1,5 @@
 import { afterEach, expect, it, vi } from "vitest";
+
 import { bankPeriod } from "./period";
 
 afterEach(() => vi.useRealTimers());

src/entities/bank-card/model/period.ts

@@ -1,20 +1,21 @@
 import { z } from "zod";
+
 import { bankMonth } from "./form-validation";
 
-const calendarDate = z.string().date();
+const calendarDate = z.iso.date();
 const ISO_DATE_LENGTH = 10;
-function bankPeriod(params: URLSearchParams) {
-	const month = bankMonth(params.get("month"));
+function bankPeriod(parameters: URLSearchParams) {
+	const month = bankMonth(parameters.get("month"));
 	const monthEnd = new Date(`${month}-01T00:00:00Z`);
 	monthEnd.setUTCMonth(monthEnd.getUTCMonth() + 1, 0);
-	const from = params.get("from");
-	const to = params.get("to");
-	return from &&
-		to &&
-		calendarDate.safeParse(from).success &&
-		calendarDate.safeParse(to).success &&
-		from >= "0001-01-01" &&
-		from <= to
+	const from = parameters.get("from");
+	const to = parameters.get("to");
+	return from
+		&& to
+		&& calendarDate.safeParse(from).success
+		&& calendarDate.safeParse(to).success
+		&& from >= "0001-01-01"
+		&& from <= to
 		? { from, to }
 		: {
 				from: `${month}-01`,