chore(web): sort imports (#27922)

* feat: sort imports

* fix: something?

web/src/lib/utils/actions.ts

@@ -1,10 +1,10 @@
-import { TimelineManager } from '$lib/managers/timeline-manager/timeline-manager.svelte';
-import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
-import type { StackResponse } from '$lib/utils/asset-utils';
 import { AssetVisibility, deleteAssets as deleteBulk, restoreAssets } from '@immich/sdk';
 import { toastManager } from '@immich/ui';
 import { t } from 'svelte-i18n';
 import { get } from 'svelte/store';
+import { TimelineManager } from '$lib/managers/timeline-manager/timeline-manager.svelte';
+import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
+import type { StackResponse } from '$lib/utils/asset-utils';
 import { handleError } from './handle-error';
 
 export type OnDelete = (assetIds: string[]) => void;

web/src/lib/utils/album-utils.ts

@@ -1,3 +1,8 @@
+import type { AlbumResponseDto } from '@immich/sdk';
+import * as sdk from '@immich/sdk';
+import { orderBy } from 'lodash-es';
+import { t } from 'svelte-i18n';
+import { get } from 'svelte/store';
 import { goto } from '$app/navigation';
 import { eventManager } from '$lib/managers/event-manager.svelte';
 import { Route } from '$lib/route';
@@ -11,11 +16,6 @@ import {
   type AlbumViewSettings,
 } from '$lib/stores/preferences.store';
 import { handleError } from '$lib/utils/handle-error';
-import type { AlbumResponseDto } from '@immich/sdk';
-import * as sdk from '@immich/sdk';
-import { orderBy } from 'lodash-es';
-import { t } from 'svelte-i18n';
-import { get } from 'svelte/store';
 
 /**
  * -------------------------

web/src/lib/utils/asset-utils.ts

@@ -1,13 +1,3 @@
-import type { AssetMultiSelectManager } from '$lib/managers/asset-multi-select-manager.svelte';
-import { authManager } from '$lib/managers/auth-manager.svelte';
-import { downloadManager } from '$lib/managers/download-manager.svelte';
-import { TimelineManager } from '$lib/managers/timeline-manager/timeline-manager.svelte';
-import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
-import { downloadRequest, withError } from '$lib/utils';
-import { getByteUnitString } from '$lib/utils/byte-units';
-import { getFormatter } from '$lib/utils/i18n';
-import { navigate } from '$lib/utils/navigation';
-import { asQueryString } from '$lib/utils/shared-links';
 import {
   AssetVisibility,
   bulkTagAssets,
@@ -31,6 +21,16 @@ import { toastManager } from '@immich/ui';
 import { DateTime } from 'luxon';
 import { t } from 'svelte-i18n';
 import { get } from 'svelte/store';
+import type { AssetMultiSelectManager } from '$lib/managers/asset-multi-select-manager.svelte';
+import { authManager } from '$lib/managers/auth-manager.svelte';
+import { downloadManager } from '$lib/managers/download-manager.svelte';
+import { TimelineManager } from '$lib/managers/timeline-manager/timeline-manager.svelte';
+import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
+import { downloadRequest, withError } from '$lib/utils';
+import { getByteUnitString } from '$lib/utils/byte-units';
+import { getFormatter } from '$lib/utils/i18n';
+import { navigate } from '$lib/utils/navigation';
+import { asQueryString } from '$lib/utils/shared-links';
 import { handleError } from './handle-error';
 
 export const tagAssets = async ({

web/src/lib/utils/auth.ts

@@ -1,9 +1,9 @@
-import { authManager } from '$lib/managers/auth-manager.svelte';
-import { Route } from '$lib/route';
-import { userInteraction } from '$lib/stores/user.svelte';
 import { getStorage } from '@immich/sdk';
 import { redirect } from '@sveltejs/kit';
 import { DateTime } from 'luxon';
+import { authManager } from '$lib/managers/auth-manager.svelte';
+import { Route } from '$lib/route';
+import { userInteraction } from '$lib/stores/user.svelte';
 
 export interface AuthOptions {
   admin?: true;

web/src/lib/utils/cast/gcast-destination.svelte.ts

@@ -1,7 +1,7 @@
-import { authManager } from '$lib/managers/auth-manager.svelte';
-import { CastDestinationType, CastState, type ICastDestination } from '$lib/managers/cast-manager.svelte';
 import 'chromecast-caf-sender';
 import { Duration } from 'luxon';
+import { authManager } from '$lib/managers/auth-manager.svelte';
+import { CastDestinationType, CastState, type ICastDestination } from '$lib/managers/cast-manager.svelte';
 
 const FRAMEWORK_LINK = 'https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1';
 

web/src/lib/utils/date-time.ts

@@ -1,7 +1,7 @@
-import { dateFormats } from '$lib/constants';
-import { locale } from '$lib/stores/preferences.store';
 import { DateTime, Duration } from 'luxon';
 import { get } from 'svelte/store';
+import { dateFormats } from '$lib/constants';
+import { locale } from '$lib/stores/preferences.store';
 
 /**
  * Convert time like `01:02:03.456` to seconds.

web/src/lib/utils/editor.spec.ts

@@ -1,6 +1,6 @@
+import { AssetEditAction, MirrorAxis } from '@immich/sdk';
 import type { EditActions } from '$lib/managers/edit/edit-manager.svelte';
 import { buildAffineFromEdits, normalizeTransformEdits } from '$lib/utils/editor';
-import { AssetEditAction, MirrorAxis } from '@immich/sdk';
 
 type NormalizedParameters = {
   rotation: number;

web/src/lib/utils/editor.ts

@@ -1,6 +1,6 @@
-import type { EditActions } from '$lib/managers/edit/edit-manager.svelte';
 import type { MirrorParameters, RotateParameters } from '@immich/sdk';
 import { compose, flipX, flipY, identity, rotate } from 'transformation-matrix';
+import type { EditActions } from '$lib/managers/edit/edit-manager.svelte';
 
 const isCloseToZero = (x: number, epsilon: number = 1e-15) => Math.abs(x) < epsilon;
 

web/src/lib/utils/exif-utils.spec.ts

@@ -1,5 +1,5 @@
-import { getExifCount } from '$lib/utils/exif-utils';
 import type { AssetResponseDto } from '@immich/sdk';
+import { getExifCount } from '$lib/utils/exif-utils';
 
 describe('getting the exif count', () => {
   it('returns 0 when exifInfo is undefined', () => {

web/src/lib/utils/file-uploader.spec.ts

@@ -1,12 +1,12 @@
+import { AssetMediaStatus, type AssetMediaResponseDto, type UserAdminResponseDto } from '@immich/sdk';
+import { get } from 'svelte/store';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { authManager } from '$lib/managers/auth-manager.svelte';
 import { uploadManager } from '$lib/managers/upload-manager.svelte';
 import { uploadAssetsStore } from '$lib/stores/upload';
 import { UploadState } from '$lib/types';
 import * as utils from '$lib/utils';
-import { AssetMediaStatus, type AssetMediaResponseDto, type UserAdminResponseDto } from '@immich/sdk';
 import { preferencesFactory } from '@test-data/factories/preferences-factory';
-import { get } from 'svelte/store';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { fileUploadHandler } from './file-uploader';
 
 describe('fileUploader error handling', () => {

web/src/lib/utils/file-uploader.ts

@@ -1,11 +1,3 @@
-import { authManager } from '$lib/managers/auth-manager.svelte';
-import { uploadManager } from '$lib/managers/upload-manager.svelte';
-import { addAssetsToAlbums } from '$lib/services/album.service';
-import { uploadAssetsStore } from '$lib/stores/upload';
-import { UploadState } from '$lib/types';
-import { uploadRequest } from '$lib/utils';
-import { ExecutorQueue } from '$lib/utils/executor-queue';
-import { asQueryString } from '$lib/utils/shared-links';
 import {
   AssetMediaStatus,
   AssetUploadAction,
@@ -18,6 +10,14 @@ import { toastManager } from '@immich/ui';
 import { tick } from 'svelte';
 import { t } from 'svelte-i18n';
 import { get } from 'svelte/store';
+import { authManager } from '$lib/managers/auth-manager.svelte';
+import { uploadManager } from '$lib/managers/upload-manager.svelte';
+import { addAssetsToAlbums } from '$lib/services/album.service';
+import { uploadAssetsStore } from '$lib/stores/upload';
+import { UploadState } from '$lib/types';
+import { uploadRequest } from '$lib/utils';
+import { ExecutorQueue } from '$lib/utils/executor-queue';
+import { asQueryString } from '$lib/utils/shared-links';
 import { handleError } from './handle-error';
 
 export const addDummyItems = () => {

web/src/lib/utils/i18n.ts

@@ -1,6 +1,6 @@
-import type { Lang } from '$lib/constants';
 import { locale, t, waitLocale } from 'svelte-i18n';
 import { get, type Unsubscriber } from 'svelte/store';
+import type { Lang } from '$lib/constants';
 
 export const getFormatter = async () => {
   let unsubscribe: Unsubscriber | undefined;

web/src/lib/utils/layout-utils.ts

@@ -1,11 +1,10 @@
-import { TUNABLES } from '$lib/utils/tunables';
 import { JustifiedLayout, type LayoutOptions } from '@immich/justified-layout-wasm';
-
+import type { AssetResponseDto } from '@immich/sdk';
+import createJustifiedLayout from 'justified-layout';
 import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
 import { getAssetRatio } from '$lib/utils/asset-utils';
 import { isTimelineAsset, isTimelineAssets } from '$lib/utils/timeline-util';
-import type { AssetResponseDto } from '@immich/sdk';
-import createJustifiedLayout from 'justified-layout';
+import { TUNABLES } from '$lib/utils/tunables';
 
 export type getJustifiedLayoutFromAssetsFunction = typeof getJustifiedLayoutFromAssets;
 

web/src/lib/utils/license-utils.ts

@@ -1,8 +1,8 @@
+import { setServerLicense, setUserLicense, type LicenseResponseDto } from '@immich/sdk';
 import { PUBLIC_IMMICH_BUY_HOST, PUBLIC_IMMICH_PAY_HOST } from '$env/static/public';
 import type { ImmichProduct } from '$lib/constants';
 import { authManager } from '$lib/managers/auth-manager.svelte';
 import { serverConfigManager } from '$lib/managers/server-config-manager.svelte';
-import { setServerLicense, setUserLicense, type LicenseResponseDto } from '@immich/sdk';
 
 export const activateProduct = async (licenseKey: string, activationKey: string): Promise<LicenseResponseDto> => {
   // TODO is this needed?

web/src/lib/utils/maintenance.ts

@@ -1,7 +1,7 @@
+import { getMaintenanceStatus, MaintenanceAction, maintenanceLogin } from '@immich/sdk';
 import { Route } from '$lib/route';
 import { maintenanceStore } from '$lib/stores/maintenance.store';
 import { websocketStore } from '$lib/stores/websocket';
-import { getMaintenanceStatus, MaintenanceAction, maintenanceLogin } from '@immich/sdk';
 
 export function maintenanceCreateUrl(url: URL) {
   return new URL(Route.maintenanceMode({ continue: url.pathname + url.search }), url.origin).href;

web/src/lib/utils/navigation.ts

@@ -1,9 +1,9 @@
+import { get } from 'svelte/store';
 import { goto } from '$app/navigation';
 import { page } from '$app/stores';
 import type { RouteId } from '$app/types';
 import { assetCacheManager } from '$lib/managers/AssetCacheManager.svelte';
 import { Route } from '$lib/route';
-import { get } from 'svelte/store';
 
 export type AssetGridRouteSearchParams = {
   at: string | null | undefined;

web/src/lib/utils/ocr-utils.ts

@@ -1,6 +1,7 @@
+import { clamp } from 'lodash-es';
 import type { OcrBoundingBox } from '$lib/stores/ocr.svelte';
 import { mapNormalizedToContent, type Point, type Size } from '$lib/utils/container-utils';
-import { clamp } from 'lodash-es';
+
 export type { Point } from '$lib/utils/container-utils';
 
 const distance = (p1: Point, p2: Point) => Math.hypot(p2.x - p1.x, p2.y - p1.y);

web/src/lib/utils/people-utils.ts

@@ -1,7 +1,7 @@
+import { AssetTypeEnum, type AssetFaceResponseDto } from '@immich/sdk';
 import type { Faces } from '$lib/stores/people.store';
 import { getAssetMediaUrl } from '$lib/utils';
 import { mapNormalizedRectToContent, type Rect, type Size } from '$lib/utils/container-utils';
-import { AssetTypeEnum, type AssetFaceResponseDto } from '@immich/sdk';
 
 export type BoundingBox = Rect & { id: string };
 

web/src/lib/utils/persisted.ts

@@ -1,5 +1,5 @@
-import { browser } from '$app/environment';
 import { createSubscriber } from 'svelte/reactivity';
+import { browser } from '$app/environment';
 
 type PersistedBaseOptions<T> = {
   read: (key: string) => T | undefined;

web/src/lib/utils/places-utils.ts

@@ -1,6 +1,6 @@
-import { PlacesGroupBy, placesViewSettings, type PlacesViewSettings } from '$lib/stores/preferences.store';
 import { type AssetResponseDto } from '@immich/sdk';
 import { get } from 'svelte/store';
+import { PlacesGroupBy, placesViewSettings, type PlacesViewSettings } from '$lib/stores/preferences.store';
 
 /**
  * --------------

web/src/lib/utils/purchase-utils.ts

@@ -1,6 +1,7 @@
-import { authManager } from '$lib/managers/auth-manager.svelte';
 import { updateMyPreferences } from '@immich/sdk';
 import { DateTime } from 'luxon';
+import { authManager } from '$lib/managers/auth-manager.svelte';
+
 export const getButtonVisibility = (): boolean => {
   if (!authManager.authenticated) {
     return true;

web/src/lib/utils/server.ts

@@ -1,9 +1,9 @@
+import { defaults } from '@immich/sdk';
+import { memoize } from 'lodash-es';
 import { authManager } from '$lib/managers/auth-manager.svelte';
 import { featureFlagsManager } from '$lib/managers/feature-flags-manager.svelte';
 import { serverConfigManager } from '$lib/managers/server-config-manager.svelte';
 import { initLanguage } from '$lib/utils';
-import { defaults } from '@immich/sdk';
-import { memoize } from 'lodash-es';
 
 type Fetch = typeof fetch;
 

web/src/lib/utils/shared-links.ts

@@ -1,8 +1,8 @@
+import { getMySharedLink, isHttpError } from '@immich/sdk';
 import { getAssetMediaUrl, getSharedLink as getCachedSharedLink, setSharedLink } from '$lib/utils';
 import { authenticate } from '$lib/utils/auth';
 import { getFormatter } from '$lib/utils/i18n';
 import { getAssetInfoFromParam } from '$lib/utils/navigation';
-import { getMySharedLink, isHttpError } from '@immich/sdk';
 
 export const asQueryString = ({ slug, key }: { slug?: string; key?: string }) => {
   const params = new URLSearchParams();

web/src/lib/utils/sw-messaging.ts

@@ -1,6 +1,7 @@
 import { ServiceWorkerMessenger } from './sw-messenger';
 
 const hasServiceWorker = globalThis.isSecureContext && 'serviceWorker' in navigator;
+// eslint-disable-next-line compat/compat
 const messenger = hasServiceWorker ? new ServiceWorkerMessenger(navigator.serviceWorker) : undefined;
 
 export function cancelImageUrl(url: string | undefined | null) {

web/src/lib/utils/thumbnail-util.spec.ts

@@ -1,7 +1,7 @@
-import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
-import { getAltText } from '$lib/utils/thumbnail-util';
 import { AssetVisibility } from '@immich/sdk';
 import { init, register, waitLocale } from 'svelte-i18n';
+import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
+import { getAltText } from '$lib/utils/thumbnail-util';
 
 interface Person {
   name: string;

web/src/lib/utils/thumbnail-util.ts

@@ -1,8 +1,8 @@
+import { t } from 'svelte-i18n';
+import { derived, get } from 'svelte/store';
 import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
 import { locale } from '$lib/stores/preferences.store';
 import { fromTimelinePlainDateTime } from '$lib/utils/timeline-util';
-import { t } from 'svelte-i18n';
-import { derived, get } from 'svelte/store';
 
 /**
  * Calculate thumbnail size based on number of assets and viewport width

web/src/lib/utils/timeline-util.spec.ts

@@ -1,7 +1,7 @@
+import { DateTime } from 'luxon';
 import { locale } from '$lib/stores/preferences.store';
 import { parseUtcDate } from '$lib/utils/date-time';
 import { formatGroupTitle, toISOYearMonthUTC } from '$lib/utils/timeline-util';
-import { DateTime } from 'luxon';
 
 describe('formatGroupTitle', () => {
   beforeAll(() => {

web/src/lib/utils/timeline-util.ts

@@ -1,10 +1,10 @@
-import type { AssetDescriptor, TimelineAsset, ViewportTopMonth } from '$lib/managers/timeline-manager/types';
-import { locale } from '$lib/stores/preferences.store';
-import { getAssetRatio } from '$lib/utils/asset-utils';
 import { AssetTypeEnum, type AssetResponseDto } from '@immich/sdk';
 import { DateTime, type LocaleOptions } from 'luxon';
 import { SvelteSet } from 'svelte/reactivity';
 import { get } from 'svelte/store';
+import type { AssetDescriptor, TimelineAsset, ViewportTopMonth } from '$lib/managers/timeline-manager/types';
+import { locale } from '$lib/stores/preferences.store';
+import { getAssetRatio } from '$lib/utils/asset-utils';
 
 // Move type definitions to the top
 export type TimelineYearMonth = {