Update lint rules

src/features/chapter/Chapter.constants.ts

@@ -6,9 +6,9 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { MessageDescriptor } from '@lingui/core';
+import type { MessageDescriptor } from '@lingui/core';
 import { msg } from '@lingui/core/macro';
-import { ChapterAction, ChapterListOptions, ChapterSortMode } from '@/features/chapter/Chapter.types.ts';
+import type { ChapterAction, ChapterListOptions, ChapterSortMode } from '@/features/chapter/Chapter.types.ts';
 
 export const FALLBACK_CHAPTER = { id: -1, name: '', realUrl: '', isDownloaded: false, isBookmarked: false };
 

src/features/chapter/Chapter.types.ts

@@ -6,7 +6,7 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import {
+import type {
     ChapterReaderFieldsFragment,
     ChapterType,
     DownloadStatusFieldsFragment,

src/features/chapter/components/ChapterExcludeSanlatorsFilter.tsx

@@ -11,7 +11,7 @@ import PeopleAltOutlinedIcon from '@mui/icons-material/PeopleAltOutlined';
 import DisabledByDefaultRounded from '@mui/icons-material/DisabledByDefaultRounded';
 import { useLingui } from '@lingui/react/macro';
 import { CheckboxListSetting } from '@/base/components/settings/CheckboxListSetting.tsx';
-import { updateChapterListOptions } from '@/features/chapter/utils/ChapterList.util.tsx';
+import type { updateChapterListOptions } from '@/features/chapter/utils/ChapterList.util.tsx';
 import { CheckboxInput } from '@/base/components/inputs/CheckboxInput.tsx';
 
 export const ChapterExcludeSanlatorsFilter = ({

src/features/chapter/components/ChapterList.tsx

@@ -10,7 +10,8 @@ import Box from '@mui/material/Box';
 import Stack from '@mui/material/Stack';
 import { styled } from '@mui/material/styles';
 import Typography from '@mui/material/Typography';
-import { ComponentProps, useCallback, useMemo, useState } from 'react';
+import type { ComponentProps } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import { useLingui } from '@lingui/react/macro';
 import { plural } from '@lingui/core/macro';
 import { requestManager } from '@/lib/requests/RequestManager.ts';
@@ -24,7 +25,7 @@ import { EmptyViewAbsoluteCentered } from '@/base/components/feedback/EmptyViewA
 import { ChaptersToolbarMenu } from '@/features/chapter/components/ChaptersToolbarMenu.tsx';
 import { SelectionFAB } from '@/base/collection/components/SelectionFAB.tsx';
 import { DEFAULT_FULL_FAB_HEIGHT } from '@/base/components/buttons/StyledFab.tsx';
-import {
+import type {
     ChapterListFieldsFragment,
     GetChaptersMangaQuery,
     GetChaptersMangaQueryVariables,

src/features/chapter/components/ChapterOptions.tsx

@@ -6,7 +6,7 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { MessageDescriptor } from '@lingui/core';
+import type { MessageDescriptor } from '@lingui/core';
 import RadioGroup from '@mui/material/RadioGroup';
 import React from 'react';
 import { useLingui } from '@lingui/react/macro';
@@ -16,8 +16,8 @@ import { SortRadioInput } from '@/base/components/inputs/SortRadioInput.tsx';
 import { ThreeStateCheckboxInput } from '@/base/components/inputs/ThreeStateCheckboxInput.tsx';
 import { OptionsTabs } from '@/base/components/modals/OptionsTabs.tsx';
 import { CHAPTER_SORT_OPTIONS_TO_TRANSLATION } from '@/features/chapter/Chapter.constants.ts';
-import { ChapterListOptions } from '@/features/chapter/Chapter.types.ts';
-import { updateChapterListOptions } from '@/features/chapter/utils/ChapterList.util.tsx';
+import type { ChapterListOptions } from '@/features/chapter/Chapter.types.ts';
+import type { updateChapterListOptions } from '@/features/chapter/utils/ChapterList.util.tsx';
 import { ChapterExcludeSanlatorsFilter } from '@/features/chapter/components/ChapterExcludeSanlatorsFilter.tsx';
 
 interface IProps {

src/features/chapter/components/ChaptersToolbarMenu.tsx

@@ -17,8 +17,9 @@ import { useMemo } from 'react';
 import { useLingui } from '@lingui/react/macro';
 import { CustomTooltip } from '@/base/components/CustomTooltip.tsx';
 import { ChapterOptions } from '@/features/chapter/components/ChapterOptions.tsx';
-import { isFilterActive, updateChapterListOptions } from '@/features/chapter/utils/ChapterList.util.tsx';
-import {
+import type { updateChapterListOptions } from '@/features/chapter/utils/ChapterList.util.tsx';
+import { isFilterActive } from '@/features/chapter/utils/ChapterList.util.tsx';
+import type {
     ChapterBookmarkInfo,
     ChapterDownloadInfo,
     ChapterIdInfo,

src/features/chapter/components/actions/ChapterActionMenuItems.tsx

@@ -14,9 +14,10 @@ import Done from '@mui/icons-material/Done';
 import BookmarkRemove from '@mui/icons-material/BookmarkRemove';
 import BookmarkAdd from '@mui/icons-material/BookmarkAdd';
 import DoneAll from '@mui/icons-material/DoneAll';
-import { ComponentProps, useMemo } from 'react';
+import type { ComponentProps } from 'react';
+import { useMemo } from 'react';
 import { useLingui } from '@lingui/react/macro';
-import { SelectableCollectionReturnType } from '@/base/collection/hooks/useSelectableCollection.ts';
+import type { SelectableCollectionReturnType } from '@/base/collection/hooks/useSelectableCollection.ts';
 import { Chapters } from '@/features/chapter/services/Chapters.ts';
 import { MenuItem } from '@/base/components/menu/MenuItem.tsx';
 import {
@@ -26,12 +27,12 @@ import {
 } from '@/base/components/menu/Menu.utils.ts';
 import { defaultPromiseErrorHandler } from '@/lib/DefaultPromiseErrorHandler.ts';
 import { useMetadataServerSettings } from '@/features/settings/services/ServerSettingsMetadata.ts';
-import { ChapterCard } from '@/features/chapter/components/cards/ChapterCard.tsx';
+import type { ChapterCard } from '@/features/chapter/components/cards/ChapterCard.tsx';
 import { requestManager } from '@/lib/requests/RequestManager.ts';
-import { GetChaptersMangaQuery } from '@/lib/graphql/generated/graphql.ts';
+import type { GetChaptersMangaQuery } from '@/lib/graphql/generated/graphql.ts';
 import { GET_CHAPTERS_MANGA } from '@/lib/graphql/chapter/ChapterQuery.ts';
 import { CHAPTER_ACTION_TO_TRANSLATION } from '@/features/chapter/Chapter.constants.ts';
-import {
+import type {
     ChapterAction,
     ChapterBookmarkInfo,
     ChapterDownloadInfo,

src/features/chapter/components/actions/ChaptersDownloadActionMenuItems.tsx

@@ -6,20 +6,19 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { MessageDescriptor } from '@lingui/core';
+import type { MessageDescriptor } from '@lingui/core';
 import MenuItem from '@mui/material/MenuItem';
 import gql from 'graphql-tag';
 import { msg } from '@lingui/core/macro';
 import { useMetadataServerSettings } from '@/features/settings/services/ServerSettingsMetadata.ts';
 import { Mangas } from '@/features/manga/services/Mangas.ts';
 import { defaultPromiseErrorHandler } from '@/lib/DefaultPromiseErrorHandler.ts';
-import {
-    ChapterOrderBy,
+import type {
     GetChaptersMangaQuery,
     GetChaptersMangaQueryVariables,
     MangaType,
-    SortOrder,
 } from '@/lib/graphql/generated/graphql.ts';
+import { ChapterOrderBy, SortOrder } from '@/lib/graphql/generated/graphql.ts';
 import { MANGA_META_FIELDS } from '@/lib/graphql/manga/MangaFragments.ts';
 import { getMangaMetadata } from '@/features/manga/services/MangaMetadata.ts';
 import { requestManager } from '@/lib/requests/RequestManager.ts';

src/features/chapter/components/buttons/ChapterDownloadButton.tsx

@@ -15,7 +15,7 @@ import { requestManager } from '@/lib/requests/RequestManager.ts';
 import { makeToast } from '@/base/utils/Toast.ts';
 import { getErrorMessage } from '@/lib/HelperFunctions.ts';
 import { MUIUtil } from '@/lib/mui/MUI.util.ts';
-import { ChapterIdInfo } from '@/features/chapter/Chapter.types.ts';
+import type { ChapterIdInfo } from '@/features/chapter/Chapter.types.ts';
 
 export const ChapterDownloadButton = ({
     chapterId,

src/features/chapter/components/buttons/ChapterDownloadRetryButton.tsx

@@ -16,7 +16,7 @@ import { requestManager } from '@/lib/requests/RequestManager.ts';
 import { makeToast } from '@/base/utils/Toast.ts';
 import { getErrorMessage } from '@/lib/HelperFunctions.ts';
 import { MUIUtil } from '@/lib/mui/MUI.util.ts';
-import { ChapterIdInfo } from '@/features/chapter/Chapter.types.ts';
+import type { ChapterIdInfo } from '@/features/chapter/Chapter.types.ts';
 
 export const ChapterDownloadRetryButton = ({ chapterId }: { chapterId: ChapterIdInfo['id'] }) => {
     const { t } = useLingui();

src/features/chapter/components/cards/ChapterCard.tsx

@@ -14,7 +14,8 @@ import Stack from '@mui/material/Stack';
 import Card from '@mui/material/Card';
 import IconButton from '@mui/material/IconButton';
 import { useTheme } from '@mui/material/styles';
-import React, { memo, MouseEvent, TouchEvent, useRef } from 'react';
+import type { MouseEvent, TouchEvent } from 'react';
+import React, { memo, useRef } from 'react';
 import { Link } from 'react-router-dom';
 import PopupState, { bindMenu, bindTrigger } from 'material-ui-popup-state';
 import { useLongPress } from 'use-long-press';
@@ -22,7 +23,7 @@ import { useLingui } from '@lingui/react/macro';
 import { CustomTooltip } from '@/base/components/CustomTooltip.tsx';
 import { getDateString } from '@/base/utils/DateHelper.ts';
 import { DownloadStateIndicator } from '@/base/components/downloads/DownloadStateIndicator.tsx';
-import { ChapterType } from '@/lib/graphql/generated/graphql.ts';
+import type { ChapterType } from '@/lib/graphql/generated/graphql.ts';
 import { ChapterActionMenuItems } from '@/features/chapter/components/actions/ChapterActionMenuItems.tsx';
 import { Menu } from '@/base/components/menu/Menu.tsx';
 import { Chapters } from '@/features/chapter/services/Chapters.ts';
@@ -30,7 +31,7 @@ import { applyStyles } from '@/base/utils/ApplyStyles.ts';
 import { ChapterCardMetadata } from '@/features/chapter/components/cards/ChapterCardMetadata.tsx';
 import { MUIUtil } from '@/lib/mui/MUI.util.ts';
 import { ListCardContent } from '@/base/components/lists/cards/ListCardContent.tsx';
-import {
+import type {
     ChapterBookmarkInfo,
     ChapterDownloadInfo,
     ChapterIdInfo,
@@ -60,6 +61,15 @@ interface IProps {
     isActiveChapter?: boolean; // reader
 }
 
+const handleClickOpenMenu = (
+    event: React.MouseEvent | React.TouchEvent,
+    openMenu?: (e: React.SyntheticEvent) => void,
+) => {
+    event.stopPropagation();
+    event.preventDefault();
+    openMenu?.(event);
+};
+
 export const ChapterCard = memo((props: IProps) => {
     const { t } = useLingui();
     const theme = useTheme();
@@ -81,22 +91,15 @@ export const ChapterCard = memo((props: IProps) => {
     const { isDownloaded } = chapter;
 
     const handleClick = (event: MouseEvent | TouchEvent) => {
-        if (!isSelecting) return;
+        if (!isSelecting) {
+            return;
+        }
 
         event.preventDefault();
         event.stopPropagation();
         onSelect(chapter.id, !selected, event.shiftKey);
     };
 
-    const handleClickOpenMenu = (
-        event: React.MouseEvent | React.TouchEvent,
-        openMenu?: (e: React.SyntheticEvent) => void,
-    ) => {
-        event.stopPropagation();
-        event.preventDefault();
-        openMenu?.(event);
-    };
-
     const longPressBind = useLongPress((event, { context: openMenu }) => {
         if (!isSelecting && !!menuButtonRef.current) {
             handleClickOpenMenu(event, () => (openMenu as (event: Element) => void)?.(menuButtonRef.current!));

src/features/chapter/components/cards/ChapterCardMetadata.tsx

@@ -7,7 +7,7 @@
  */
 
 import Box from '@mui/material/Box';
-import { ComponentProps, ReactNode } from 'react';
+import type { ComponentProps, ReactNode } from 'react';
 import Stack from '@mui/material/Stack';
 import { TypographyMaxLines } from '@/base/components/texts/TypographyMaxLines.tsx';
 import { CustomTooltip } from '@/base/components/CustomTooltip.tsx';

src/features/chapter/components/cards/ChapterCardThumbnail.tsx

@@ -9,8 +9,8 @@
 import { Link } from 'react-router-dom';
 import { AppRoutes } from '@/base/AppRoute.constants.ts';
 import { Mangas } from '@/features/manga/services/Mangas.ts';
-import { MangaIdInfo, MangaThumbnailInfo } from '@/features/manga/Manga.types.ts';
-import { MangaType } from '@/lib/graphql/generated/graphql.ts';
+import type { MangaIdInfo, MangaThumbnailInfo } from '@/features/manga/Manga.types.ts';
+import type { MangaType } from '@/lib/graphql/generated/graphql.ts';
 import { ListCardAvatar } from '@/base/components/lists/cards/ListCardAvatar.tsx';
 
 export const ChapterCardThumbnail = ({

src/features/chapter/components/cards/ChapterListCard.tsx

@@ -7,7 +7,7 @@
  */
 
 import Stack from '@mui/material/Stack';
-import { ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 import { ChapterCard } from '@/features/chapter/components/cards/ChapterCard.tsx';
 
 import { Chapters } from '@/features/chapter/services/Chapters.ts';

src/features/chapter/services/Chapters.ts

@@ -6,22 +6,23 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { DocumentNode, MaybeMasked, Unmasked } from '@apollo/client';
+import type { DocumentNode, MaybeMasked, Unmasked } from '@apollo/client';
 import { useFragment } from '@apollo/client/react';
 import { t } from '@lingui/core/macro';
 import { makeToast } from '@/base/utils/Toast.ts';
 import { requestManager } from '@/lib/requests/RequestManager.ts';
 import { getMetadataServerSettings } from '@/features/settings/services/ServerSettingsMetadata.ts';
-import {
+import type {
     ChapterListFieldsFragment,
     ChapterType,
-    DownloadState,
     DownloadTypeFieldsFragment,
 } from '@/lib/graphql/generated/graphql.ts';
+import { DownloadState } from '@/lib/graphql/generated/graphql.ts';
 import { CHAPTER_LIST_FIELDS } from '@/lib/graphql/chapter/ChapterFragments.ts';
-import { MangaIdInfo } from '@/features/manga/Manga.types.ts';
+import type { MangaIdInfo } from '@/features/manga/Manga.types.ts';
 
-import { ReaderOpenChapterLocationState, ReaderResumeMode } from '@/features/reader/Reader.types.ts';
+import type { ReaderOpenChapterLocationState } from '@/features/reader/Reader.types.ts';
+import { ReaderResumeMode } from '@/features/reader/Reader.types.ts';
 import { AppRoutes } from '@/base/AppRoute.constants.ts';
 import { getErrorMessage } from '@/lib/HelperFunctions.ts';
 import { DOWNLOAD_TYPE_FIELDS } from '@/lib/graphql/download/DownloadFragments.ts';
@@ -30,7 +31,7 @@ import {
     CHAPTER_ACTION_TO_CONFIRMATION_REQUIRED,
     CHAPTER_ACTION_TO_TRANSLATION,
 } from '@/features/chapter/Chapter.constants.ts';
-import {
+import type {
     ChapterAction,
     ChapterBookmarkInfo,
     ChapterDownloadInfo,
@@ -355,9 +356,9 @@ export class Chapters {
     ): T[] {
         const chapterNumberToChapters = Object.groupBy(allChapters, ({ chapterNumber }) => chapterNumber);
 
-        return uniqueChapters
-            .map((uniqueChapter) => chapterNumberToChapters[uniqueChapter.chapterNumber] ?? [uniqueChapter])
-            .flat();
+        return uniqueChapters.flatMap(
+            (uniqueChapter) => chapterNumberToChapters[uniqueChapter.chapterNumber] ?? [uniqueChapter],
+        );
     }
 
     static removeDuplicates<T extends ChapterIdInfo & ChapterScanlatorInfo & ChapterNumberInfo>(

src/features/chapter/utils/ChapterList.util.tsx

@@ -7,16 +7,16 @@
  */
 
 import { useMemo } from 'react';
-import { ChapterType } from '@/lib/graphql/generated/graphql.ts';
-import {
+import type { ChapterType } from '@/lib/graphql/generated/graphql.ts';
+import type {
     ChapterBookmarkInfo,
     ChapterDownloadInfo,
     ChapterListOptions,
     ChapterReadInfo,
     ChapterScanlatorInfo,
 } from '@/features/chapter/Chapter.types.ts';
-import { MangaIdInfo } from '@/features/manga/Manga.types.ts';
-import { GqlMetaHolder } from '@/features/metadata/Metadata.types.ts';
+import type { MangaIdInfo } from '@/features/manga/Manga.types.ts';
+import type { GqlMetaHolder } from '@/features/metadata/Metadata.types.ts';
 import { createUpdateMangaMetadata, useGetMangaMetadata } from '@/features/manga/services/MangaMetadata.ts';
 import { defaultPromiseErrorHandler } from '@/lib/DefaultPromiseErrorHandler.ts';