chore(web): sort imports (#27922)

* feat: sort imports * fix: something?
2026-05-23 08:02:29 -04:00 · 2026-04-21 14:51:38 -04:00
parent bb0872afef
commit a16d233a0c
178 changed files with 2802 additions and 2821 deletions
@@ -1,6 +1,6 @@
+import { fireEvent, render } from '@testing-library/svelte';
 import Image from '$lib/components/Image.svelte';
 import { cancelImageUrl } from '$lib/utils/sw-messaging';
-import { fireEvent, render } from '@testing-library/svelte';

 vi.mock('$lib/utils/sw-messaging', () => ({
  cancelImageUrl: vi.fn(),
@@ -1,5 +1,5 @@
-import { renderWithTooltips } from '$tests/helpers';
 import userEvent from '@testing-library/user-event';
+import { renderWithTooltips } from '$tests/helpers';
 import SharedLinkFormFields from './SharedLinkFormFields.svelte';

 describe('SharedLinkFormFields component', () => {
@@ -1,10 +1,10 @@
-import { sdkMock } from '$lib/__mocks__/sdk.mock';
-import { renderWithTooltips } from '$tests/helpers';
-import { albumFactory } from '@test-data/factories/album-factory';
 import '@testing-library/jest-dom';
 import { render, waitFor, type RenderResult } from '@testing-library/svelte';
 import userEvent from '@testing-library/user-event';
 import { init, register, waitLocale } from 'svelte-i18n';
+import { sdkMock } from '$lib/__mocks__/sdk.mock';
+import { renderWithTooltips } from '$tests/helpers';
+import { albumFactory } from '@test-data/factories/album-factory';
 import AlbumCard from '../AlbumCard.svelte';

 const onShowContextMenu = vi.fn();
@@ -1,7 +1,7 @@
+import { render } from '@testing-library/svelte';
 import AlbumCover from '$lib/components/album-page/AlbumCover.svelte';
 import { getAssetMediaUrl } from '$lib/utils';
 import { albumFactory } from '@test-data/factories/album-factory';
-import { render } from '@testing-library/svelte';

 vi.mock('$lib/utils');

@@ -1,13 +1,13 @@
+import { updateAsset } from '@immich/sdk';
+import { fireEvent, waitFor } from '@testing-library/svelte';
 import { getAnimateMock } from '$lib/__mocks__/animate.mock';
 import { getResizeObserverMock } from '$lib/__mocks__/resize-observer.mock';
 import { authManager } from '$lib/managers/auth-manager.svelte';
 import { SlideshowState, slideshowStore } from '$lib/stores/slideshow.store';
 import { renderWithTooltips } from '$tests/helpers';
-import { updateAsset } from '@immich/sdk';
 import { assetFactory } from '@test-data/factories/asset-factory';
 import { preferencesFactory } from '@test-data/factories/preferences-factory';
 import { userAdminFactory } from '@test-data/factories/user-factory';
-import { fireEvent, waitFor } from '@testing-library/svelte';
 import AssetViewer from './AssetViewer.svelte';

 vi.mock('$lib/managers/feature-flags-manager.svelte', () => ({
@@ -1,10 +1,10 @@
+import '@testing-library/jest-dom';
 import { getResizeObserverMock } from '$lib/__mocks__/resize-observer.mock';
 import { authManager } from '$lib/managers/auth-manager.svelte';
 import { renderWithTooltips } from '$tests/helpers';
 import { assetFactory } from '@test-data/factories/asset-factory';
 import { preferencesFactory } from '@test-data/factories/preferences-factory';
 import { userAdminFactory } from '@test-data/factories/user-factory';
-import '@testing-library/jest-dom';
 import AssetViewerNavBar from './AssetViewerNavBar.svelte';

 describe('AssetViewerNavBar component', () => {
@@ -1,7 +1,7 @@
-import { assetFactory } from '@test-data/factories/asset-factory';
 import '@testing-library/jest-dom';
 import { render, screen } from '@testing-library/svelte';
 import userEvent from '@testing-library/user-event';
+import { assetFactory } from '@test-data/factories/asset-factory';
 import DetailPanelDescription from './DetailPanelDescription.svelte';

 describe('DetailPanelDescription', () => {
@@ -1,7 +1,7 @@
+import type { AssetResponseDto, SharedLinkResponseDto } from '@immich/sdk';
 import { loadImage } from '$lib/actions/image-loader.svelte';
 import { getAssetUrls } from '$lib/utils';
 import { AdaptiveImageLoader, type QualityList } from '$lib/utils/adaptive-image-loader.svelte';
-import type { AssetResponseDto, SharedLinkResponseDto } from '@immich/sdk';

 type AssetCursor = {
  current: AssetResponseDto;
@@ -1,7 +1,7 @@
-import { renderWithTooltips } from '$tests/helpers';
 import type { AssetResponseDto } from '@immich/sdk';
-import { assetFactory } from '@test-data/factories/asset-factory';
 import '@testing-library/jest-dom';
+import { renderWithTooltips } from '$tests/helpers';
+import { assetFactory } from '@test-data/factories/asset-factory';
 import DeleteAction from './DeleteAction.svelte';

 let asset: AssetResponseDto;
@@ -1,6 +1,6 @@
+import type { AssetResponseDto, PersonResponseDto, StackResponseDto } from '@immich/sdk';
 import type { AssetAction } from '$lib/constants';
 import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
-import type { AssetResponseDto, PersonResponseDto, StackResponseDto } from '@immich/sdk';

 type ActionMap = {
  [AssetAction.ARCHIVE]: { asset: TimelineAsset };
@@ -1,5 +1,5 @@
-import ImageThumbnail from '$lib/components/assets/thumbnail/ImageThumbnail.svelte';
 import { fireEvent, render } from '@testing-library/svelte';
+import ImageThumbnail from '$lib/components/assets/thumbnail/ImageThumbnail.svelte';

 vi.mock('$lib/utils/sw-messaging', () => ({
  cancelImageUrl: vi.fn(),
@@ -1,8 +1,8 @@
+import { render } from '@testing-library/svelte';
 import { getIntersectionObserverMock } from '$lib/__mocks__/intersection-observer.mock';
 import Thumbnail from '$lib/components/assets/thumbnail/Thumbnail.svelte';
 import { getTabbable } from '$lib/utils/focus-util';
 import { assetFactory } from '@test-data/factories/asset-factory';
-import { render } from '@testing-library/svelte';

 vi.hoisted(() => {
  Object.defineProperty(globalThis, 'matchMedia', {
@@ -1,8 +1,8 @@
-import { locale } from '$lib/stores/preferences.store';
-import { renderWithTooltips } from '$tests/helpers';
 import { screen } from '@testing-library/svelte';
 import { DateTime } from 'luxon';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { locale } from '$lib/stores/preferences.store';
+import { renderWithTooltips } from '$tests/helpers';
 import MaintenanceBackupEntry from './MaintenanceBackupEntry.svelte';

 vi.mock('$lib/services/database-backups.service', () => ({
@@ -1,7 +1,7 @@
-import NumberRangeInput from '$lib/components/shared-components/NumberRangeInput.svelte';
 import { render, type RenderResult } from '@testing-library/svelte';
 import userEvent from '@testing-library/user-event';
 import type { Mock } from 'vitest';
+import NumberRangeInput from '$lib/components/shared-components/NumberRangeInput.svelte';

 describe('NumberRangeInput component', () => {
  const user = userEvent.setup();
@@ -1,10 +1,10 @@
+import type { AlbumResponseDto } from '@immich/sdk';
 import {
  type AlbumModalRow,
  AlbumModalRowConverter,
  AlbumModalRowType,
 } from '$lib/components/shared-components/album-selection/album-selection-utils';
 import { AlbumSortBy, SortOrder } from '$lib/stores/preferences.store';
-import type { AlbumResponseDto } from '@immich/sdk';
 import { albumFactory } from '@test-data/factories/album-factory';

 // Some helper functions to make tests below more readable
@@ -1,8 +1,8 @@
-import { sortAlbums } from '$lib/utils/album-utils';
-import { normalizeSearchString } from '$lib/utils/string-utils';
 import type { AlbumResponseDto } from '@immich/sdk';
 import { t } from 'svelte-i18n';
 import { get } from 'svelte/store';
+import { sortAlbums } from '$lib/utils/album-utils';
+import { normalizeSearchString } from '$lib/utils/string-utils';

 export const SCROLL_PROPERTIES: ScrollIntoViewOptions = { block: 'center', behavior: 'smooth' };

@@ -1,6 +1,6 @@
-import { SettingInputFieldType } from '$lib/constants';
 import { render } from '@testing-library/svelte';
 import userEvent from '@testing-library/user-event';
+import { SettingInputFieldType } from '$lib/constants';
 import SettingInputField from './SettingInputField.svelte';

 describe('SettingInputField component', () => {
@@ -1,8 +1,8 @@
+import { render, screen } from '@testing-library/svelte';
+import { tick } from 'svelte';
 import { sdkMock } from '$lib/__mocks__/sdk.mock';
 import RecentAlbums from '$lib/components/shared-components/side-bar/RecentAlbums.svelte';
 import { albumFactory } from '@test-data/factories/album-factory';
-import { render, screen } from '@testing-library/svelte';
-import { tick } from 'svelte';

 describe('RecentAlbums component', () => {
  it('sorts albums by most recently updated', async () => {
@@ -1,5 +1,5 @@
-import AssetCover from '$lib/components/sharedlinks-page/covers/AssetCover.svelte';
 import { render } from '@testing-library/svelte';
+import AssetCover from '$lib/components/sharedlinks-page/covers/AssetCover.svelte';

 describe('AssetCover component', () => {
  it('renders correctly', () => {
@@ -1,5 +1,5 @@
-import NoCover from '$lib/components/sharedlinks-page/covers/NoCover.svelte';
 import { render } from '@testing-library/svelte';
+import NoCover from '$lib/components/sharedlinks-page/covers/NoCover.svelte';

 describe('NoCover component', () => {
  it('renders correctly', () => {
@@ -1,7 +1,7 @@
-import SideBarSection from '$lib/components/sidebar/Sidebar.svelte';
-import { sidebarStore } from '$lib/stores/sidebar.svelte';
 import { render, screen } from '@testing-library/svelte';
 import { vi } from 'vitest';
+import SideBarSection from '$lib/components/sidebar/Sidebar.svelte';
+import { sidebarStore } from '$lib/stores/sidebar.svelte';

 const mocks = vi.hoisted(() => {
  return {
@@ -1,8 +1,8 @@
+import { tick } from 'svelte';
 import { TimelineManager } from '$lib/managers/timeline-manager/timeline-manager.svelte';
 import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
 import { moveFocus } from '$lib/utils/focus-util';
 import { InvocationTracker } from '$lib/utils/invocationTracker';
-import { tick } from 'svelte';

 const tracker = new InvocationTracker();