From f61b8e24dd02bb9ae3641ed284da818a6b10209b Mon Sep 17 00:00:00 2001
From: Mircea Roata <mircearoatapalade@gmail.com>
Date: Mon, 12 Feb 2024 18:34:36 +0200
Subject: [PATCH] Add some more linting rules

---
 frontend/.eslintrc.cjs                        |  4 ++-
 frontend/postcss.config.cjs                   |  2 +-
 frontend/src/App.svelte                       | 26 ++++++++---------
 frontend/src/lib/components/Markdown.svelte   |  4 +--
 .../lib/components/ResponsiveButton.svelte    |  4 +--
 frontend/src/lib/components/Select.svelte     |  4 +--
 frontend/src/lib/components/TitleBar.svelte   |  4 +--
 .../announcements/Announcement.svelte         |  2 +-
 .../announcements/AnnouncementsBar.svelte     |  6 ++--
 .../components/left-bar/LaunchButton.svelte   | 16 +++++------
 .../lib/components/left-bar/LeftBar.svelte    | 18 ++++++------
 .../lib/components/left-bar/Settings.svelte   | 10 +++----
 .../lib/components/left-bar/Updates.svelte    |  6 ++--
 .../components/mod-details/ModDetails.svelte  | 28 +++++++++----------
 .../modals/ExternalInstallMod.svelte          |  4 +--
 .../components/modals/ServerManager.svelte    |  8 +++---
 .../lib/components/modals/modalsRegistry.ts   |  6 ++--
 .../modals/profiles/ImportProfile.svelte      |  2 +-
 .../modals/profiles/RenameProfile.svelte      |  2 +-
 .../modals/smmUpdate/SMMUpdateDownload.svelte |  4 +--
 .../modals/updates/UpdatesModal.svelte        |  8 +++---
 .../lib/components/mods-list/ModsList.svelte  | 12 ++++----
 .../mods-list/ModsListFilters.svelte          |  2 +-
 .../components/mods-list/ModsListItem.svelte  | 22 +++++++--------
 frontend/src/lib/core/graphql.ts              |  4 +--
 frontend/src/lib/store/ficsitCLIStore.ts      |  6 ++--
 frontend/src/lib/store/modFiltersStore.ts     |  6 ++--
 frontend/src/lib/store/settingsStore.ts       |  6 ++--
 frontend/src/lib/store/skeletonExtensions.ts  |  2 +-
 frontend/src/lib/store/smmUpdateStore.ts      |  2 +-
 frontend/src/lib/utils/modCompatibility.ts    |  4 +--
 frontend/tailwind.config.ts                   |  3 +-
 frontend/vite.config.ts                       |  2 +-
 33 files changed, 120 insertions(+), 119 deletions(-)

diff --git a/frontend/.eslintrc.cjs b/frontend/.eslintrc.cjs
index 3390dc63..f6ec37b8 100644
--- a/frontend/.eslintrc.cjs
+++ b/frontend/.eslintrc.cjs
@@ -76,9 +76,11 @@ module.exports = {
     '@stylistic/quote-props': ['error', 'as-needed', { keywords: false, unnecessary: true, numbers: false }],
     '@stylistic/semi': ['error', 'always'],
     '@stylistic/comma-dangle': ['error', 'always-multiline'],
+    '@stylistic/comma-spacing': 'error',
     '@stylistic/object-curly-spacing': ['error', 'always'],
     // imports
-    'import/order': ['error', { 'newlines-between': 'always' }],
+    'sort-imports': ['error', { ignoreDeclarationSort: true }],
+    'import/order': ['error', { 'newlines-between': 'always', alphabetize: { order: 'asc' } }],
     'import/newline-after-import': ['error'],
     'import/no-duplicates': ['error'],
   },
diff --git a/frontend/postcss.config.cjs b/frontend/postcss.config.cjs
index f51f4c51..b315cbcd 100644
--- a/frontend/postcss.config.cjs
+++ b/frontend/postcss.config.cjs
@@ -1,7 +1,7 @@
+const importUrl = require('postcss-import-url');
 const postcssPresetEnv = require('postcss-preset-env');
 const tailwindCSS = require('tailwindcss');
 const tailwindCSSNesting = require('tailwindcss/nesting');
-const importUrl = require('postcss-import-url');
 
 module.exports = {
   plugins: [
diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index 1f95fa48..ab124c63 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -1,25 +1,25 @@
 <script lang="ts">
   import './_global.postcss';
+  import { arrow, autoUpdate, computePosition, flip, offset, shift, size } from '@floating-ui/dom';
+  import { Modal, initializeStores, storePopup } from '@skeletonlabs/skeleton';
   import { setContextClient } from '@urql/svelte';
-  import { storePopup , initializeStores, Modal } from '@skeletonlabs/skeleton';
-  import { computePosition, autoUpdate, offset, shift, flip, arrow, size } from '@floating-ui/dom';
 
   import TitleBar from '$lib/components/TitleBar.svelte';
-  import ModsList from '$lib/components/mods-list/ModsList.svelte';
-  import { initializeGraphQLClient } from '$lib/core/graphql';
-  import { Environment, EventsOn } from '$wailsjs/runtime';
-  import ModDetails from '$lib/components/mod-details/ModDetails.svelte';
-  import { ExpandMod, UnexpandMod , GenerateDebugInfo } from '$wailsjs/go/app/app';
   import LeftBar from '$lib/components/left-bar/LeftBar.svelte';
-  import { installs, invalidInstalls, progress } from '$lib/store/ficsitCLIStore';
-  import { konami } from '$lib/store/settingsStore';
-  import { expandedMod, error, siteURL } from '$lib/store/generalStore';
-  import { initializeModalStore, getModalStore } from '$lib/store/skeletonExtensions';
+  import ModDetails from '$lib/components/mod-details/ModDetails.svelte';
+  import ErrorModal from '$lib/components/modals/ErrorModal.svelte';
   import ExternalInstallMod from '$lib/components/modals/ExternalInstallMod.svelte';
+  import { supportedProgressTypes } from '$lib/components/modals/ProgressModal.svelte';
   import { modalRegistry } from '$lib/components/modals/modalsRegistry';
-  import ErrorModal from '$lib/components/modals/ErrorModal.svelte';
   import ImportProfile from '$lib/components/modals/profiles/ImportProfile.svelte';
-  import { supportedProgressTypes } from '$lib/components/modals/ProgressModal.svelte';
+  import ModsList from '$lib/components/mods-list/ModsList.svelte';
+  import { initializeGraphQLClient } from '$lib/core/graphql';
+  import { installs, invalidInstalls, progress } from '$lib/store/ficsitCLIStore';
+  import { error, expandedMod, siteURL } from '$lib/store/generalStore';
+  import { konami } from '$lib/store/settingsStore';
+  import { getModalStore, initializeModalStore } from '$lib/store/skeletonExtensions';
+  import { ExpandMod, GenerateDebugInfo, UnexpandMod } from '$wailsjs/go/app/app';
+  import { Environment, EventsOn } from '$wailsjs/runtime';
 
   initializeStores();
   initializeModalStore();
diff --git a/frontend/src/lib/components/Markdown.svelte b/frontend/src/lib/components/Markdown.svelte
index 34982d6c..f7e86daa 100644
--- a/frontend/src/lib/components/Markdown.svelte
+++ b/frontend/src/lib/components/Markdown.svelte
@@ -4,10 +4,10 @@
   import ModImage from './modals/ModImage.svelte';
 
   import { GetModReferenceDocument } from '$lib/generated';
-  import { markdown as renderMarkdown } from '$lib/utils/markdown';
-  import { expandedMod } from '$lib/store/generalStore';
   import { BrowserOpenURL } from '$lib/generated/wailsjs/runtime/runtime';
+  import { expandedMod } from '$lib/store/generalStore';
   import { getModalStore } from '$lib/store/skeletonExtensions';
+  import { markdown as renderMarkdown } from '$lib/utils/markdown';
 
   export let markdown: string;
 
diff --git a/frontend/src/lib/components/ResponsiveButton.svelte b/frontend/src/lib/components/ResponsiveButton.svelte
index ab0ac7b8..1cc54744 100644
--- a/frontend/src/lib/components/ResponsiveButton.svelte
+++ b/frontend/src/lib/components/ResponsiveButton.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-  import { popup, type PopupSettings } from '@skeletonlabs/skeleton';
+  import { type PopupSettings, popup } from '@skeletonlabs/skeleton';
 
-  import Tooltip from '$lib/components/Tooltip.svelte';
   import SvgIcon from '$lib/components/SVGIcon.svelte';
+  import Tooltip from '$lib/components/Tooltip.svelte';
   import type { ButtonDisplay } from '$lib/utils/responsiveButton';
 
   export let id: string;
diff --git a/frontend/src/lib/components/Select.svelte b/frontend/src/lib/components/Select.svelte
index 6a77eb79..4869f6b3 100644
--- a/frontend/src/lib/components/Select.svelte
+++ b/frontend/src/lib/components/Select.svelte
@@ -1,7 +1,7 @@
 <script generics="T" lang="ts">
-  import { mdiMenuDown } from '@mdi/js';
-  import { popup, type PopupSettings, ListBox, ListBoxItem, focusTrap } from '@skeletonlabs/skeleton';
   import type { SizeOptions } from '@floating-ui/dom';
+  import { mdiMenuDown } from '@mdi/js';
+  import { ListBox, ListBoxItem, type PopupSettings, focusTrap, popup } from '@skeletonlabs/skeleton';
   import { createEventDispatcher, tick } from 'svelte';
 
   import SvgIcon from '$lib/components/SVGIcon.svelte';
diff --git a/frontend/src/lib/components/TitleBar.svelte b/frontend/src/lib/components/TitleBar.svelte
index ed881242..1db27b6c 100644
--- a/frontend/src/lib/components/TitleBar.svelte
+++ b/frontend/src/lib/components/TitleBar.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-  import { mdiWindowMinimize, mdiWindowRestore, mdiWindowMaximize, mdiWindowClose } from '@mdi/js';
+  import { mdiWindowClose, mdiWindowMaximize, mdiWindowMinimize, mdiWindowRestore } from '@mdi/js';
 
   import SvgIcon from './SVGIcon.svelte';
 
-  import { Quit, WindowMinimise, WindowToggleMaximise } from '$wailsjs/runtime';
   import { version } from '$lib/store/settingsStore';
+  import { Quit, WindowMinimise, WindowToggleMaximise } from '$wailsjs/runtime';
 
   function minimize() {
     WindowMinimise();
diff --git a/frontend/src/lib/components/announcements/Announcement.svelte b/frontend/src/lib/components/announcements/Announcement.svelte
index f1ab9e46..ec4e24e9 100644
--- a/frontend/src/lib/components/announcements/Announcement.svelte
+++ b/frontend/src/lib/components/announcements/Announcement.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { mdiAlertOutline, mdiInformationOutline } from '@mdi/js';
 
-  import { AnnouncementImportance, type Announcement } from '$lib/generated';
   import SvgIcon from '$lib/components/SVGIcon.svelte';
+  import { type Announcement, AnnouncementImportance } from '$lib/generated';
   import { viewedAnnouncements } from '$lib/store/settingsStore';
 
   export let announcement: Pick<Announcement, 'id' | 'importance' | 'message'>;
diff --git a/frontend/src/lib/components/announcements/AnnouncementsBar.svelte b/frontend/src/lib/components/announcements/AnnouncementsBar.svelte
index b2a6e8c6..c7a6cf48 100644
--- a/frontend/src/lib/components/announcements/AnnouncementsBar.svelte
+++ b/frontend/src/lib/components/announcements/AnnouncementsBar.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
+  import { type PopupSettings, popup } from '@skeletonlabs/skeleton';
   import { getContextClient, queryStore } from '@urql/svelte';
   import Carousel from 'svelte-carousel';
-  import { popup, type PopupSettings } from '@skeletonlabs/skeleton';
 
   import Tooltip from '$lib/components/Tooltip.svelte';
   import Announcement from '$lib/components/announcements/Announcement.svelte';
-  import { viewedAnnouncements , offline } from '$lib/store/settingsStore';
-  import { AnnouncementImportance, GetAnnouncementsDocument, SmrHealthcheckDocument, type Announcement as AnnouncementType } from '$lib/generated';
+  import { AnnouncementImportance, type Announcement as AnnouncementType, GetAnnouncementsDocument, SmrHealthcheckDocument } from '$lib/generated';
+  import { offline, viewedAnnouncements } from '$lib/store/settingsStore';
   import { SetAnnouncementViewed } from '$wailsjs/go/settings/settings';
   
   const client = getContextClient();
diff --git a/frontend/src/lib/components/left-bar/LaunchButton.svelte b/frontend/src/lib/components/left-bar/LaunchButton.svelte
index 80ec0329..81e8ee9c 100644
--- a/frontend/src/lib/components/left-bar/LaunchButton.svelte
+++ b/frontend/src/lib/components/left-bar/LaunchButton.svelte
@@ -1,19 +1,19 @@
 <script lang="ts">
-  import { getContextClient } from '@urql/svelte';
   import { mdiOpenInNew, mdiTrayFull } from '@mdi/js';
-  import { popup, type PopupSettings } from '@skeletonlabs/skeleton';
+  import { type PopupSettings, popup } from '@skeletonlabs/skeleton';
+  import { getContextClient } from '@urql/svelte';
 
   import Tooltip from '../Tooltip.svelte';
 
-  import { selectedInstallMetadata, isGameRunning, lockfileMods, progress } from '$lib/store/ficsitCLIStore';
+  import SvgIcon from '$lib/components/SVGIcon.svelte';
+  import { type Compatibility, CompatibilityState } from '$lib/generated';
   import { queuedMods, startQueue } from '$lib/store/actionQueue';
-  import { launchButton, queueAutoStart } from '$lib/store/settingsStore';
+  import { isGameRunning, lockfileMods, progress, selectedInstallMetadata } from '$lib/store/ficsitCLIStore';
   import { error, isLaunchingGame } from '$lib/store/generalStore';
-  import { LaunchGame } from '$wailsjs/go/ficsitcli/ficsitCLI';
-  import { CompatibilityState, type Compatibility } from '$lib/generated';
-  import { getCompatibility, type CompatibilityWithSource } from '$lib/utils/modCompatibility';
-  import SvgIcon from '$lib/components/SVGIcon.svelte';
+  import { launchButton, queueAutoStart } from '$lib/store/settingsStore';
+  import { type CompatibilityWithSource, getCompatibility } from '$lib/utils/modCompatibility';
   import { installTypeToTargetName } from '$lib/wailsTypesExtensions';
+  import { LaunchGame } from '$wailsjs/go/ficsitcli/ficsitCLI';
 
   $: isInstallLaunchable = !!$selectedInstallMetadata?.launchPath;
 
diff --git a/frontend/src/lib/components/left-bar/LeftBar.svelte b/frontend/src/lib/components/left-bar/LeftBar.svelte
index 53944750..505289a6 100644
--- a/frontend/src/lib/components/left-bar/LeftBar.svelte
+++ b/frontend/src/lib/components/left-bar/LeftBar.svelte
@@ -1,26 +1,26 @@
 <script lang="ts">
   import { mdiAlert, mdiCheckCircle, mdiCloseCircle, mdiDownload, mdiFolderOpen, mdiHelpCircle, mdiPencil, mdiPlusCircle, mdiServerNetwork, mdiTrashCan, mdiUpload, mdiWeb } from '@mdi/js';
-  import { siDiscord, siGithub } from 'simple-icons/icons';
-  import { popup, type PopupSettings } from '@skeletonlabs/skeleton';
+  import { type PopupSettings, popup } from '@skeletonlabs/skeleton';
   import _ from 'lodash';
+  import { siDiscord, siGithub } from 'simple-icons/icons';
 
   import Tooltip from '../Tooltip.svelte';
-  import RenameProfile from '../modals/profiles/RenameProfile.svelte';
   import DeleteProfile from '../modals/profiles/DeleteProfile.svelte';
+  import RenameProfile from '../modals/profiles/RenameProfile.svelte';
 
+  import LaunchButton from './LaunchButton.svelte';
   import Settings from './Settings.svelte';
   import Updates from './Updates.svelte';
-  import LaunchButton from './LaunchButton.svelte';
 
-  import Select from '$lib/components/Select.svelte';
   import SvgIcon from '$lib/components/SVGIcon.svelte';
-  import { installs, profiles, canModify, selectedInstallMetadata, selectedInstall, selectedProfile, modsEnabled, installsMetadata } from '$lib/store/ficsitCLIStore';
+  import Select from '$lib/components/Select.svelte';
+  import { canModify, installs, installsMetadata, modsEnabled, profiles, selectedInstall, selectedInstallMetadata, selectedProfile } from '$lib/store/ficsitCLIStore';
   import { error, siteURL } from '$lib/store/generalStore';
-  import { BrowserOpenURL } from '$wailsjs/runtime/runtime';
+  import { getModalStore } from '$lib/store/skeletonExtensions';
   import { OpenExternal } from '$wailsjs/go/app/app';
-  import { common } from '$wailsjs/go/models';
   import { ExportCurrentProfile } from '$wailsjs/go/ficsitcli/ficsitCLI';
-  import { getModalStore } from '$lib/store/skeletonExtensions';
+  import { common } from '$wailsjs/go/models';
+  import { BrowserOpenURL } from '$wailsjs/runtime/runtime';
   
   const modalStore = getModalStore();
 
diff --git a/frontend/src/lib/components/left-bar/Settings.svelte b/frontend/src/lib/components/left-bar/Settings.svelte
index 168ab140..e71f198c 100644
--- a/frontend/src/lib/components/left-bar/Settings.svelte
+++ b/frontend/src/lib/components/left-bar/Settings.svelte
@@ -1,16 +1,16 @@
 <script lang="ts">
   import { mdiBug, mdiCheck, mdiCheckboxBlankOutline, mdiCheckboxMarkedOutline, mdiChevronRight, mdiClipboard, mdiCog, mdiDownload, mdiFolderEdit, mdiTune } from '@mdi/js';
+  import { ListBox, ListBoxItem, type PopupSettings, popup } from '@skeletonlabs/skeleton';
   import { getContextClient } from '@urql/svelte';
-  import { popup, type PopupSettings , ListBox, ListBoxItem } from '@skeletonlabs/skeleton';
 
   import SvgIcon from '$lib/components/SVGIcon.svelte';
-  import { GenerateDebugInfo } from '$wailsjs/go/app/app';
-  import { debug, startView, konami, launchButton, queueAutoStart, offline, updateCheckMode, version } from '$lib/store/settingsStore';
-  import { manifestMods, lockfileMods } from '$lib/store/ficsitCLIStore';
   import { GetModNameDocument } from '$lib/generated';
+  import { lockfileMods, manifestMods } from '$lib/store/ficsitCLIStore';
+  import { debug, konami, launchButton, offline, queueAutoStart, startView, updateCheckMode, version } from '$lib/store/settingsStore';
+  import { getModalStore } from '$lib/store/skeletonExtensions';
   import type { LaunchButtonType, ViewType } from '$lib/wailsTypesExtensions';
+  import { GenerateDebugInfo } from '$wailsjs/go/app/app';
   import { OfflineGetMod } from '$wailsjs/go/ficsitcli/ficsitCLI';
-  import { getModalStore } from '$lib/store/skeletonExtensions';
 
   const modalStore = getModalStore();
 
diff --git a/frontend/src/lib/components/left-bar/Updates.svelte b/frontend/src/lib/components/left-bar/Updates.svelte
index 59df9aec..3c08b2cc 100644
--- a/frontend/src/lib/components/left-bar/Updates.svelte
+++ b/frontend/src/lib/components/left-bar/Updates.svelte
@@ -2,10 +2,10 @@
   import { mdiCheckCircle, mdiSync } from '@mdi/js';
 
   import SvgIcon from '$lib/components/SVGIcon.svelte';
-  import { checkForUpdates, progress, updates, updateCheckInProgress, unignoredUpdates } from '$lib/store/ficsitCLIStore';
-  import { CheckForUpdates as CheckForSMMUpdates } from '$wailsjs/go/autoupdate/autoUpdate';
-  import { smmUpdate, smmUpdateReady } from '$lib/store/smmUpdateStore';
+  import { checkForUpdates, progress, unignoredUpdates, updateCheckInProgress, updates } from '$lib/store/ficsitCLIStore';
   import { getModalStore } from '$lib/store/skeletonExtensions';
+  import { smmUpdate, smmUpdateReady } from '$lib/store/smmUpdateStore';
+  import { CheckForUpdates as CheckForSMMUpdates } from '$wailsjs/go/autoupdate/autoUpdate';
 
   const modalStore = getModalStore();
 
diff --git a/frontend/src/lib/components/mod-details/ModDetails.svelte b/frontend/src/lib/components/mod-details/ModDetails.svelte
index 258b437e..4664c128 100644
--- a/frontend/src/lib/components/mod-details/ModDetails.svelte
+++ b/frontend/src/lib/components/mod-details/ModDetails.svelte
@@ -1,28 +1,28 @@
 <script lang="ts">
-  import { getContextClient, queryStore } from '@urql/svelte';
-  import { mdiCheck, mdiChevronDown, mdiImport, mdiRocketLaunch, mdiTestTube, mdiWeb } from '@mdi/js';
-  import { minVersion, validRange, sort, coerce, SemVer, parse } from 'semver';
-  import { popup, type PopupSettings } from '@skeletonlabs/skeleton';
   import type { SizeOptions } from '@floating-ui/dom';
+  import { mdiCheck, mdiChevronDown, mdiImport, mdiRocketLaunch, mdiTestTube, mdiWeb } from '@mdi/js';
+  import { type PopupSettings, popup } from '@skeletonlabs/skeleton';
+  import { getContextClient, queryStore } from '@urql/svelte';
+  import { SemVer, coerce, minVersion, parse, sort, validRange } from 'semver';
 
   import ModChangelog from '../modals/ModChangelog.svelte';
 
-  import Tooltip from '$lib/components/Tooltip.svelte';
-  import { CompatibilityState, GetModDetailsDocument } from '$lib/generated';
   import Markdown from '$lib/components/Markdown.svelte';
   import SvgIcon from '$lib/components/SVGIcon.svelte';
-  import { bytesToAppropriate } from '$lib/utils/dataFormats';
-  import { canModify, lockfileMods, manifestMods, progress , selectedInstallMetadata } from '$lib/store/ficsitCLIStore';
-  import { error , expandedMod, siteURL } from '$lib/store/generalStore';
+  import Tooltip from '$lib/components/Tooltip.svelte';
+  import { CompatibilityState, GetModDetailsDocument } from '$lib/generated';
+  import { canModify, lockfileMods, manifestMods, progress, selectedInstallMetadata } from '$lib/store/ficsitCLIStore';
+  import { error, expandedMod, siteURL } from '$lib/store/generalStore';
   import { search } from '$lib/store/modFiltersStore';
-  import { InstallModVersion, OfflineGetMod } from '$wailsjs/go/ficsitcli/ficsitCLI';
-  import { BrowserOpenURL } from '$wailsjs/runtime/runtime';
-  import { getAuthor } from '$lib/utils/getModAuthor';
-  import { getCompatibility, getVersionCompatibility, type CompatibilityWithSource } from '$lib/utils/modCompatibility';
   import { offline } from '$lib/store/settingsStore';
-  import type { ficsitcli } from '$wailsjs/go/models';
   import { getModalStore } from '$lib/store/skeletonExtensions';
+  import { bytesToAppropriate } from '$lib/utils/dataFormats';
+  import { getAuthor } from '$lib/utils/getModAuthor';
+  import { type CompatibilityWithSource, getCompatibility, getVersionCompatibility } from '$lib/utils/modCompatibility';
   import { installTypeToTargetName } from '$lib/wailsTypesExtensions';
+  import { InstallModVersion, OfflineGetMod } from '$wailsjs/go/ficsitcli/ficsitCLI';
+  import type { ficsitcli } from '$wailsjs/go/models';
+  import { BrowserOpenURL } from '$wailsjs/runtime/runtime';
 
   export let focusOnEntry: HTMLElement | undefined = undefined;
 
diff --git a/frontend/src/lib/components/modals/ExternalInstallMod.svelte b/frontend/src/lib/components/modals/ExternalInstallMod.svelte
index 051d3c47..2ba6b445 100644
--- a/frontend/src/lib/components/modals/ExternalInstallMod.svelte
+++ b/frontend/src/lib/components/modals/ExternalInstallMod.svelte
@@ -2,10 +2,10 @@
   import { getContextClient, queryStore } from '@urql/svelte';
 
   import { GetModSummaryDocument } from '$lib/generated';
-  import { manifestMods } from '$lib/store/ficsitCLIStore';
   import { addQueuedModAction, queuedMods } from '$lib/store/actionQueue';
-  import { offline } from '$lib/store/settingsStore';
+  import { manifestMods } from '$lib/store/ficsitCLIStore';
   import { error } from '$lib/store/generalStore';
+  import { offline } from '$lib/store/settingsStore';
   import { InstallMod, InstallModVersion } from '$wailsjs/go/ficsitcli/ficsitCLI';
 
   export let parent: { onClose: () => void };
diff --git a/frontend/src/lib/components/modals/ServerManager.svelte b/frontend/src/lib/components/modals/ServerManager.svelte
index 5ecef24d..3f9f9873 100644
--- a/frontend/src/lib/components/modals/ServerManager.svelte
+++ b/frontend/src/lib/components/modals/ServerManager.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
   import { mdiAlert, mdiServerNetwork, mdiTrashCan } from '@mdi/js';
-  import { popup, type PopupSettings } from '@skeletonlabs/skeleton';
+  import { type PopupSettings, popup } from '@skeletonlabs/skeleton';
 
-  import Tooltip from '$lib/components/Tooltip.svelte';
-  import Select from '$lib/components/Select.svelte';
   import SvgIcon from '$lib/components/SVGIcon.svelte';
-  import { installsMetadata, remoteServers } from '$lib/store/ficsitCLIStore';
+  import Select from '$lib/components/Select.svelte';
+  import Tooltip from '$lib/components/Tooltip.svelte';
   import { AddRemoteServer, RemoveRemoteServer } from '$lib/generated/wailsjs/go/ficsitcli/ficsitCLI';
+  import { installsMetadata, remoteServers } from '$lib/store/ficsitCLIStore';
 
   export let parent: { onClose: () => void };
   
diff --git a/frontend/src/lib/components/modals/modalsRegistry.ts b/frontend/src/lib/components/modals/modalsRegistry.ts
index 91af6d74..9a32b697 100644
--- a/frontend/src/lib/components/modals/modalsRegistry.ts
+++ b/frontend/src/lib/components/modals/modalsRegistry.ts
@@ -2,12 +2,12 @@ import type { ModalComponent } from '@skeletonlabs/skeleton';
 
 import ProgressModal from './ProgressModal.svelte';
 import ServerManager from './ServerManager.svelte';
-import CacheLocationPicker from './settings/CacheLocationPicker.svelte';
 import AddProfile from './profiles/AddProfile.svelte';
 import ImportProfile from './profiles/ImportProfile.svelte';
-import UpdatesModal from './updates/UpdatesModal.svelte';
-import SMMUpdateReady from './smmUpdate/SMMUpdateReady.svelte';
+import CacheLocationPicker from './settings/CacheLocationPicker.svelte';
 import SMMUpdateDownload from './smmUpdate/SMMUpdateDownload.svelte';
+import SMMUpdateReady from './smmUpdate/SMMUpdateReady.svelte';
+import UpdatesModal from './updates/UpdatesModal.svelte';
 
 // We can only store here modals (or modal instances) that do not require additional props
 export const modalRegistry = {
diff --git a/frontend/src/lib/components/modals/profiles/ImportProfile.svelte b/frontend/src/lib/components/modals/profiles/ImportProfile.svelte
index 6a16fc75..84865192 100644
--- a/frontend/src/lib/components/modals/profiles/ImportProfile.svelte
+++ b/frontend/src/lib/components/modals/profiles/ImportProfile.svelte
@@ -4,8 +4,8 @@
   import { OpenFileDialog } from '$lib/generated/wailsjs/go/app/app';
   import { ImportProfile, ReadExportedProfileMetadata } from '$lib/generated/wailsjs/go/ficsitcli/ficsitCLI';
   import type { ficsitcli } from '$lib/generated/wailsjs/go/models';
-  import { error } from '$lib/store/generalStore';
   import { profiles } from '$lib/store/ficsitCLIStore';
+  import { error } from '$lib/store/generalStore';
 
   export let parent: { onClose: () => void };
 
diff --git a/frontend/src/lib/components/modals/profiles/RenameProfile.svelte b/frontend/src/lib/components/modals/profiles/RenameProfile.svelte
index b97d1831..d023afde 100644
--- a/frontend/src/lib/components/modals/profiles/RenameProfile.svelte
+++ b/frontend/src/lib/components/modals/profiles/RenameProfile.svelte
@@ -2,8 +2,8 @@
   import { newProfileName } from './renameProfile';
 
   import { RenameProfile } from '$lib/generated/wailsjs/go/ficsitcli/ficsitCLI';
-  import { error } from '$lib/store/generalStore';
   import { profiles } from '$lib/store/ficsitCLIStore';
+  import { error } from '$lib/store/generalStore';
 
   export let parent: { onClose: () => void };
 
diff --git a/frontend/src/lib/components/modals/smmUpdate/SMMUpdateDownload.svelte b/frontend/src/lib/components/modals/smmUpdate/SMMUpdateDownload.svelte
index 36f2b004..6bc7d715 100644
--- a/frontend/src/lib/components/modals/smmUpdate/SMMUpdateDownload.svelte
+++ b/frontend/src/lib/components/modals/smmUpdate/SMMUpdateDownload.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import { ProgressBar } from '@skeletonlabs/skeleton';
 
-  import { smmUpdate , smmUpdateProgress, smmUpdateReady } from '$lib/store/smmUpdateStore';
   import Markdown from '$lib/components/Markdown.svelte';
-  import { bytesToAppropriate, secondsToAppropriate } from '$lib/utils/dataFormats';
   import { getModalStore } from '$lib/store/skeletonExtensions';
+  import { smmUpdate, smmUpdateProgress, smmUpdateReady } from '$lib/store/smmUpdateStore';
+  import { bytesToAppropriate, secondsToAppropriate } from '$lib/utils/dataFormats';
 
   export let parent: { onClose: () => void };
 
diff --git a/frontend/src/lib/components/modals/updates/UpdatesModal.svelte b/frontend/src/lib/components/modals/updates/UpdatesModal.svelte
index d11c720c..08b089d9 100644
--- a/frontend/src/lib/components/modals/updates/UpdatesModal.svelte
+++ b/frontend/src/lib/components/modals/updates/UpdatesModal.svelte
@@ -1,19 +1,19 @@
 <script lang="ts">
-  import { queryStore , getContextClient } from '@urql/svelte';
   import { mdiUpload } from '@mdi/js';
+  import { getContextClient, queryStore } from '@urql/svelte';
 
   import ModChangelog from '../ModChangelog.svelte';
 
   import { selectedUpdates, showIgnored } from './updatesStore';
 
   import SvgIcon from '$lib/components/SVGIcon.svelte';
-  import { canModify, unignoredUpdates, updateCheckInProgress, updates } from '$lib/store/ficsitCLIStore';
-  import { error } from '$lib/store/generalStore';
-  import { ignoredUpdates, offline } from '$lib/store/settingsStore';
   import { GetModNamesDocument } from '$lib/generated';
   import { OfflineGetModsByReferences, UpdateMods } from '$lib/generated/wailsjs/go/ficsitcli/ficsitCLI';
   import type { ficsitcli } from '$lib/generated/wailsjs/go/models';
   import { SetUpdateIgnore, SetUpdateUnignore } from '$lib/generated/wailsjs/go/settings/settings';
+  import { canModify, unignoredUpdates, updateCheckInProgress, updates } from '$lib/store/ficsitCLIStore';
+  import { error } from '$lib/store/generalStore';
+  import { ignoredUpdates, offline } from '$lib/store/settingsStore';
   import { getModalStore } from '$lib/store/skeletonExtensions';
 
   export let parent: { onClose: () => void };
diff --git a/frontend/src/lib/components/mods-list/ModsList.svelte b/frontend/src/lib/components/mods-list/ModsList.svelte
index 2ff3f78e..0a3eeaaa 100644
--- a/frontend/src/lib/components/mods-list/ModsList.svelte
+++ b/frontend/src/lib/components/mods-list/ModsList.svelte
@@ -1,20 +1,20 @@
 <script lang="ts">
   import { getContextClient } from '@urql/svelte';
-  import _ from 'lodash';
   import Fuse from 'fuse.js';
+  import _ from 'lodash';
   import { createEventDispatcher } from 'svelte';
 
   import ModListFilters from './ModsListFilters.svelte';
 
-  import AnnouncementsBar from '$lib/components/announcements/AnnouncementsBar.svelte';
-  import { GetModsDocument, GetModCountDocument } from '$lib/generated';
   import VirtualList from '$lib/components/VirtualList.svelte';
+  import AnnouncementsBar from '$lib/components/announcements/AnnouncementsBar.svelte';
   import ModsListItem from '$lib/components/mods-list/ModsListItem.svelte';
-  import { filter, order, search, type PartialMod, type OfflineMod } from '$lib/store/modFiltersStore';
-  import { favoriteMods, lockfileMods, manifestMods } from '$lib/store/ficsitCLIStore';
+  import { GetModCountDocument, GetModsDocument } from '$lib/generated';
   import { queuedMods } from '$lib/store/actionQueue';
-  import { offline, startView } from '$lib/store/settingsStore';
+  import { favoriteMods, lockfileMods, manifestMods } from '$lib/store/ficsitCLIStore';
   import { expandedMod } from '$lib/store/generalStore';
+  import { type OfflineMod, type PartialMod, filter, order, search } from '$lib/store/modFiltersStore';
+  import { offline, startView } from '$lib/store/settingsStore';
   import { OfflineGetMods } from '$wailsjs/go/ficsitcli/ficsitCLI';
 
   const dispatch = createEventDispatcher();
diff --git a/frontend/src/lib/components/mods-list/ModsListFilters.svelte b/frontend/src/lib/components/mods-list/ModsListFilters.svelte
index 13af20df..ab9f05af 100644
--- a/frontend/src/lib/components/mods-list/ModsListFilters.svelte
+++ b/frontend/src/lib/components/mods-list/ModsListFilters.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import { mdiFilter, mdiSort } from '@mdi/js';
 
-  import { filter, filterOptions, order, orderByOptions, search } from '$lib/store/modFiltersStore';
   import SvgIcon from '$lib/components/SVGIcon.svelte';
   import Select from '$lib/components/Select.svelte';
+  import { filter, filterOptions, order, orderByOptions, search } from '$lib/store/modFiltersStore';
 </script>
 
 <div class="px-5 py-2 flex @container/mod-list-filters">
diff --git a/frontend/src/lib/components/mods-list/ModsListItem.svelte b/frontend/src/lib/components/mods-list/ModsListItem.svelte
index 308ea5c5..049f2c6b 100644
--- a/frontend/src/lib/components/mods-list/ModsListItem.svelte
+++ b/frontend/src/lib/components/mods-list/ModsListItem.svelte
@@ -1,24 +1,24 @@
 <script lang="ts">
-  import { mdiDownload, mdiEye, mdiStar, mdiPlay, mdiPause, mdiTrashCan, mdiTrayFull, mdiTrayMinus, mdiSync, mdiLinkLock, mdiArchiveCheck, mdiPauseCircle, mdiPlayCircle, mdiStarMinus, mdiStarPlus, mdiStarOutline, mdiTagMultiple } from '@mdi/js';
-  import { createEventDispatcher } from 'svelte';
+  import { mdiArchiveCheck, mdiDownload, mdiEye, mdiLinkLock, mdiPause, mdiPauseCircle, mdiPlay, mdiPlayCircle, mdiStar, mdiStarMinus, mdiStarOutline, mdiStarPlus, mdiSync, mdiTagMultiple, mdiTrashCan, mdiTrayFull, mdiTrayMinus } from '@mdi/js';
+  import { type PopupSettings, ProgressBar, popup } from '@skeletonlabs/skeleton';
   import { getContextClient } from '@urql/svelte';
-  import { popup, type PopupSettings , ProgressBar } from '@skeletonlabs/skeleton';
+  import { createEventDispatcher } from 'svelte';
 
+  import Markdown from '$lib/components/Markdown.svelte';
+  import ResponsiveButton from '$lib/components/ResponsiveButton.svelte';
   import SvgIcon from '$lib/components/SVGIcon.svelte';
   import Tooltip from '$lib/components/Tooltip.svelte';
-  import { search, type PartialMod } from '$lib/store/modFiltersStore';
-  import { favoriteMods, lockfileMods, manifestMods, progress, selectedInstallMetadata } from '$lib/store/ficsitCLIStore';
+  import { CompatibilityState } from '$lib/generated';
   import { addQueuedModAction, queuedMods, removeQueuedModAction } from '$lib/store/actionQueue';
+  import { favoriteMods, lockfileMods, manifestMods, progress, selectedInstallMetadata } from '$lib/store/ficsitCLIStore';
   import { error, siteURL } from '$lib/store/generalStore';
-  import { DisableMod, EnableMod, InstallMod, RemoveMod } from '$wailsjs/go/ficsitcli/ficsitCLI';
-  import { FavoriteMod, UnFavoriteMod } from '$wailsjs/go/settings/settings';
+  import { type PartialMod, search } from '$lib/store/modFiltersStore';
   import { getAuthor } from '$lib/utils/getModAuthor';
-  import { getCompatibility, getVersionCompatibility, type CompatibilityWithSource } from '$lib/utils/modCompatibility';
-  import { CompatibilityState } from '$lib/generated';
-  import Markdown from '$lib/components/Markdown.svelte';
+  import { type CompatibilityWithSource, getCompatibility, getVersionCompatibility } from '$lib/utils/modCompatibility';
   import type { ButtonDisplay } from '$lib/utils/responsiveButton';
-  import ResponsiveButton from '$lib/components/ResponsiveButton.svelte';
   import { installTypeToTargetName } from '$lib/wailsTypesExtensions';
+  import { DisableMod, EnableMod, InstallMod, RemoveMod } from '$wailsjs/go/ficsitcli/ficsitCLI';
+  import { FavoriteMod, UnFavoriteMod } from '$wailsjs/go/settings/settings';
 
   export let mod: PartialMod;
 
diff --git a/frontend/src/lib/core/graphql.ts b/frontend/src/lib/core/graphql.ts
index 30dc3603..d17b42be 100644
--- a/frontend/src/lib/core/graphql.ts
+++ b/frontend/src/lib/core/graphql.ts
@@ -1,7 +1,7 @@
-import type { Client } from '@urql/svelte';
-import { createClient, fetchExchange } from '@urql/svelte';
 import { cacheExchange } from '@urql/exchange-graphcache';
 import { persistedExchange } from '@urql/exchange-persisted';
+import type { Client } from '@urql/svelte';
+import { createClient, fetchExchange } from '@urql/svelte';
 
 import schema from '$lib/generated/graphql.schema.urql.json';
 
diff --git a/frontend/src/lib/store/ficsitCLIStore.ts b/frontend/src/lib/store/ficsitCLIStore.ts
index e0b50bc2..fbfff916 100644
--- a/frontend/src/lib/store/ficsitCLIStore.ts
+++ b/frontend/src/lib/store/ficsitCLIStore.ts
@@ -1,11 +1,11 @@
-import { writable, derived } from 'svelte/store';
+import { derived, writable } from 'svelte/store';
 
-import { binding, bindingTwoWay } from './wailsStoreBindings';
 import { isLaunchingGame } from './generalStore';
 import { ignoredUpdates } from './settingsStore';
+import { binding, bindingTwoWay } from './wailsStoreBindings';
 
+import { CheckForUpdates, GetInstallations, GetInstallationsMetadata, GetInvalidInstalls, GetModsEnabled, GetProfiles, GetRemoteInstallations, GetSelectedInstall, GetSelectedInstallLockfileMods, GetSelectedInstallProfileMods, GetSelectedProfile, SelectInstall, SetModsEnabled, SetProfile } from '$wailsjs/go/ficsitcli/ficsitCLI';
 import type { cli, ficsitcli } from '$wailsjs/go/models';
-import { CheckForUpdates, GetInstallationsMetadata, GetInvalidInstalls, GetProfiles, GetSelectedInstall, GetSelectedProfile, SelectInstall, SetProfile, GetModsEnabled, SetModsEnabled, GetSelectedInstallProfileMods, GetSelectedInstallLockfileMods, GetRemoteInstallations, GetInstallations } from '$wailsjs/go/ficsitcli/ficsitCLI';
 import { GetFavoriteMods } from '$wailsjs/go/settings/settings';
 
 export const invalidInstalls = binding([], { initialGet: GetInvalidInstalls });
diff --git a/frontend/src/lib/store/modFiltersStore.ts b/frontend/src/lib/store/modFiltersStore.ts
index 6a10ce83..463afbd9 100644
--- a/frontend/src/lib/store/modFiltersStore.ts
+++ b/frontend/src/lib/store/modFiltersStore.ts
@@ -1,14 +1,14 @@
-import { get, writable } from 'svelte/store';
 import type { Client } from '@urql/svelte';
+import { get, writable } from 'svelte/store';
 
 import { bindingTwoWayNoExcept } from './wailsStoreBindings';
 
 import { CompatibilityState, type GetModsQuery } from '$lib/generated';
-import { favoriteMods, lockfileMods, manifestMods, selectedInstallMetadata } from '$lib/store/ficsitCLIStore';
 import { queuedMods } from '$lib/store/actionQueue';
-import { GetModFiltersOrder, GetModFiltersFilter, SetModFiltersOrder, SetModFiltersFilter } from '$wailsjs/go/settings/settings';
+import { favoriteMods, lockfileMods, manifestMods, selectedInstallMetadata } from '$lib/store/ficsitCLIStore';
 import { getCompatibility } from '$lib/utils/modCompatibility';
 import { installTypeToTargetName } from '$lib/wailsTypesExtensions';
+import { GetModFiltersFilter, GetModFiltersOrder, SetModFiltersFilter, SetModFiltersOrder } from '$wailsjs/go/settings/settings';
 
 export interface OrderBy {
   name: string;
diff --git a/frontend/src/lib/store/settingsStore.ts b/frontend/src/lib/store/settingsStore.ts
index 8759a160..ffaddf30 100644
--- a/frontend/src/lib/store/settingsStore.ts
+++ b/frontend/src/lib/store/settingsStore.ts
@@ -1,15 +1,15 @@
 import { binding, bindingTwoWay, bindingTwoWayNoExcept } from './wailsStoreBindings';
 
+import { GetDebug, GetVersion, SetDebug } from '$lib/generated/wailsjs/go/app/app';
 import type { LaunchButtonType, ViewType } from '$lib/wailsTypesExtensions';
 import { GetOffline, SetOffline } from '$wailsjs/go/ficsitcli/ficsitCLI';
-import { GetStartView, SetStartView, GetKonami, SetKonami, GetLaunchButton, SetLaunchButton, GetQueueAutoStart, SetQueueAutoStart, GetUpdateCheckMode, SetUpdateCheckMode, GetViewedAnnouncements, GetIgnoredUpdates, GetCacheDir, SetCacheDir } from '$wailsjs/go/settings/settings';
-import { GetDebug, GetVersion, SetDebug } from '$lib/generated/wailsjs/go/app/app';
+import { GetCacheDir, GetIgnoredUpdates, GetKonami, GetLaunchButton, GetQueueAutoStart, GetStartView, GetUpdateCheckMode, GetViewedAnnouncements, SetCacheDir, SetKonami, SetLaunchButton, SetQueueAutoStart, SetStartView, SetUpdateCheckMode } from '$wailsjs/go/settings/settings';
 
 export const startView = bindingTwoWayNoExcept<ViewType | null>(null, { initialGet: GetStartView }, { updateFunction: SetStartView });
 
 export const konami = bindingTwoWayNoExcept(false, { initialGet: GetKonami }, { updateFunction: SetKonami });
 
-export const launchButton = bindingTwoWayNoExcept<LaunchButtonType>('normal', { initialGet: () => GetLaunchButton().then((l) => l as LaunchButtonType) } , { updateFunction: SetLaunchButton });
+export const launchButton = bindingTwoWayNoExcept<LaunchButtonType>('normal', { initialGet: () => GetLaunchButton().then((l) => l as LaunchButtonType) }, { updateFunction: SetLaunchButton });
 
 export const queueAutoStart = bindingTwoWayNoExcept(true, { initialGet: GetQueueAutoStart }, { updateFunction: SetQueueAutoStart });
 
diff --git a/frontend/src/lib/store/skeletonExtensions.ts b/frontend/src/lib/store/skeletonExtensions.ts
index 211c9be9..e396c595 100644
--- a/frontend/src/lib/store/skeletonExtensions.ts
+++ b/frontend/src/lib/store/skeletonExtensions.ts
@@ -1,4 +1,4 @@
-import { type ModalStore, getModalStore as getSkeletonModalStore, type ModalSettings } from '@skeletonlabs/skeleton';
+import { type ModalSettings, type ModalStore, getModalStore as getSkeletonModalStore } from '@skeletonlabs/skeleton';
 import _ from 'lodash';
 import { getContext, setContext } from 'svelte';
 import { get, writable } from 'svelte/store';
diff --git a/frontend/src/lib/store/smmUpdateStore.ts b/frontend/src/lib/store/smmUpdateStore.ts
index 326a3848..1983e8e9 100644
--- a/frontend/src/lib/store/smmUpdateStore.ts
+++ b/frontend/src/lib/store/smmUpdateStore.ts
@@ -1,5 +1,5 @@
-import { readable } from 'svelte/store';
 import { compare } from 'semver';
+import { readable } from 'svelte/store';
 
 import { EventsOn } from '$wailsjs/runtime/runtime';
 
diff --git a/frontend/src/lib/utils/modCompatibility.ts b/frontend/src/lib/utils/modCompatibility.ts
index 9cabb633..a161cf5f 100644
--- a/frontend/src/lib/utils/modCompatibility.ts
+++ b/frontend/src/lib/utils/modCompatibility.ts
@@ -2,9 +2,9 @@ import { Client } from '@urql/svelte';
 import { coerce, compare, minVersion, satisfies } from 'semver';
 import { get } from 'svelte/store';
 
-import { CompatibilityState, ModReportedCompatibilityDocument, ModVersionsCompatibilityDocument, SmlVersionsCompatibilityDocument, type Compatibility, GetModVersionTargetsDocument, TargetName } from '$lib/generated';
-import { offline } from '$lib/store/settingsStore';
+import { type Compatibility, CompatibilityState, GetModVersionTargetsDocument, ModReportedCompatibilityDocument, ModVersionsCompatibilityDocument, SmlVersionsCompatibilityDocument, TargetName } from '$lib/generated';
 import { common } from '$lib/generated/wailsjs/go/models';
+import { offline } from '$lib/store/settingsStore';
 import { OfflineGetMod, OfflineGetSMLVersions } from '$wailsjs/go/ficsitcli/ficsitCLI';
 
 export interface CompatibilityWithSource extends Compatibility {
diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
index 4ef86d41..92e1a834 100644
--- a/frontend/tailwind.config.ts
+++ b/frontend/tailwind.config.ts
@@ -1,9 +1,8 @@
-
 import { join } from 'path';
 
-import type { Config } from 'tailwindcss';
 import { skeleton } from '@skeletonlabs/tw-plugin';
 import containerQueries from '@tailwindcss/container-queries';
+import type { Config } from 'tailwindcss';
 
 import { myCustomTheme } from './smmTheme';
 
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index dc5e8494..34050bb2 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -1,7 +1,7 @@
 import path from 'path';
 
-import { defineConfig } from 'vite';
 import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { defineConfig } from 'vite';
 
 // https://vitejs.dev/config/
 export default defineConfig({