helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-07 17:27:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: svelte-kit-2 (#6103)

Browse source 
* chore: upgrade svelte

* chore: type imports

* chore: types
This commit is contained in:
Jason Rasmussen 2024-01-20 13:47:41 -05:00 • committed by GitHub
parent 4ebb9974ff
commit 6e066aa220
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
108 changed files with 376 additions and 1323 deletions
Download patch file Download diff file Expand all files Collapse all files

2
web/src/lib/components/admin-page/delete-confirm-dialoge.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts">
import { api, UserResponseDto } from '@api';
import { api, type UserResponseDto } from '@api';
import { createEventDispatcher } from 'svelte';
import ConfirmDialogue from '$lib/components/shared-components/confirm-dialogue.svelte';
import { handleError } from '../../utils/handle-error';

2
web/src/lib/components/admin-page/jobs/job-tile.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts">
import { locale } from '$lib/stores/preferences.store';
import { createEventDispatcher } from 'svelte';
import { JobCommand, JobCommandDto, JobCountsDto, QueueStatusDto } from '@api';
import { JobCommand, type JobCommandDto, type JobCountsDto, type QueueStatusDto } from '@api';
import Badge from '$lib/components/elements/badge.svelte';
import JobTileButton from './job-tile-button.svelte';
import JobTileStatus from './job-tile-status.svelte';

2
web/src/lib/components/admin-page/jobs/jobs-panel.svelte
View file

@ -5,7 +5,7 @@
} from '$lib/components/shared-components/notification/notification';
import { featureFlags } from '$lib/stores/server-config.store';
import { handleError } from '$lib/utils/handle-error';
import { AllJobStatusResponseDto, api, JobCommand, JobCommandDto, JobName } from '@api';
import { type AllJobStatusResponseDto, api, JobCommand, type JobCommandDto, JobName } from '@api';
import type { ComponentType } from 'svelte';
import {
mdiFaceRecognition,

2
web/src/lib/components/admin-page/restore-dialoge.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts">
import { api, UserResponseDto } from '@api';
import { api, type UserResponseDto } from '@api';
import { createEventDispatcher } from 'svelte';
import ConfirmDialogue from '$lib/components/shared-components/confirm-dialogue.svelte';

2
web/src/lib/components/admin-page/settings/admin-settings.svelte
View file

@ -1,7 +1,7 @@
<svelte:options accessors />
<script lang="ts">
import { SystemConfigDto, api } from '@api';
import { type SystemConfigDto, api } from '@api';
import {
notificationController,
NotificationType,

2
web/src/lib/components/admin-page/settings/ffmpeg/ffmpeg-settings.svelte
View file

@ -2,7 +2,7 @@
import {
AudioCodec,
CQMode,
SystemConfigDto,
type SystemConfigDto,
ToneMapping,
TranscodeHWAccel,
TranscodePolicy,

6
web/src/lib/components/admin-page/settings/job-settings/job-settings.svelte
View file

@ -1,11 +1,11 @@
<script lang="ts">
import { api, JobName, SystemConfigDto, SystemConfigJobDto } from '@api';
import { api, JobName, type SystemConfigDto, type SystemConfigJobDto } from '@api';
import { isEqual } from 'lodash-es';
import { createEventDispatcher } from 'svelte';
import { fade } from 'svelte/transition';
import type { SettingsEventType } from '../admin-settings';
import SettingButtonsRow from '../setting-buttons-row.svelte';
import SettingInputField, { SettingInputFieldType } from '../setting-input-field.svelte';
import { createEventDispatcher } from 'svelte';
import type { SettingsEventType } from '../admin-settings';
export let savedConfig: SystemConfigDto;
export let defaultConfig: SystemConfigDto;

10
web/src/lib/components/admin-page/settings/library-settings/library-settings.svelte
View file

@ -1,13 +1,13 @@
<script lang="ts">
import type { SystemConfigDto } from '@api';
import { isEqual } from 'lodash-es';
import { createEventDispatcher } from 'svelte';
import { fade } from 'svelte/transition';
import type { SettingsEventType } from '../admin-settings';
import SettingAccordion from '../setting-accordion.svelte';
import SettingButtonsRow from '../setting-buttons-row.svelte';
import SettingInputField, { SettingInputFieldType } from '../setting-input-field.svelte';
import SettingSwitch from '../setting-switch.svelte';
import { isEqual } from 'lodash-es';
import { fade } from 'svelte/transition';
import SettingAccordion from '../setting-accordion.svelte';
import { createEventDispatcher } from 'svelte';
import type { SettingsEventType } from '../admin-settings';
export let savedConfig: SystemConfigDto;
export let defaultConfig: SystemConfigDto;

10
web/src/lib/components/admin-page/settings/logging-settings/logging-settings.svelte
View file

@ -1,12 +1,12 @@
<script lang="ts">
import { LogLevel, SystemConfigDto } from '@api';
import { LogLevel, type SystemConfigDto } from '@api';
import { isEqual } from 'lodash-es';
import { fade } from 'svelte/transition';
import SettingButtonsRow from '../setting-buttons-row.svelte';
import SettingSwitch from '../setting-switch.svelte';
import SettingSelect from '../setting-select.svelte';
import { createEventDispatcher } from 'svelte';
import { fade } from 'svelte/transition';
import type { SettingsEventType } from '../admin-settings';
import SettingButtonsRow from '../setting-buttons-row.svelte';
import SettingSelect from '../setting-select.svelte';
import SettingSwitch from '../setting-switch.svelte';
export let savedConfig: SystemConfigDto;
export let defaultConfig: SystemConfigDto;

8
web/src/lib/components/admin-page/settings/machine-learning-settings/machine-learning-settings.svelte
View file

@ -1,14 +1,14 @@
<script lang="ts">
import type { SystemConfigDto } from '@api';
import { isEqual } from 'lodash-es';
import { createEventDispatcher } from 'svelte';
import { fade } from 'svelte/transition';
import type { SettingsEventType } from '../admin-settings';
import SettingAccordion from '../setting-accordion.svelte';
import SettingButtonsRow from '../setting-buttons-row.svelte';
import SettingInputField, { SettingInputFieldType } from '../setting-input-field.svelte';
import SettingSwitch from '../setting-switch.svelte';
import SettingAccordion from '../setting-accordion.svelte';
import SettingSelect from '../setting-select.svelte';
import { createEventDispatcher } from 'svelte';
import type { SettingsEventType } from '../admin-settings';
import SettingSwitch from '../setting-switch.svelte';
export let savedConfig: SystemConfigDto;
export let defaultConfig: SystemConfigDto;

6
web/src/lib/components/admin-page/settings/map-settings/map-settings.svelte
View file

@ -1,13 +1,13 @@
<script lang="ts">
import type { SystemConfigDto } from '@api';
import { isEqual } from 'lodash-es';
import { createEventDispatcher } from 'svelte';
import { fade } from 'svelte/transition';
import type { SettingsEventType } from '../admin-settings';
import SettingAccordion from '../setting-accordion.svelte';
import SettingButtonsRow from '../setting-buttons-row.svelte';
import SettingSwitch from '../setting-switch.svelte';
import SettingInputField, { SettingInputFieldType } from '../setting-input-field.svelte';
import { createEventDispatcher } from 'svelte';
import type { SettingsEventType } from '../admin-settings';
import SettingSwitch from '../setting-switch.svelte';
export let savedConfig: SystemConfigDto;
export let defaultConfig: SystemConfigDto;

4
web/src/lib/components/admin-page/settings/new-version-check-settings/new-version-check-settings.svelte
View file

@ -1,11 +1,11 @@
<script lang="ts">
import type { SystemConfigDto } from '@api';
import { isEqual } from 'lodash-es';
import { createEventDispatcher } from 'svelte';
import { fade } from 'svelte/transition';
import type { SettingsEventType } from '../admin-settings';
import SettingButtonsRow from '../setting-buttons-row.svelte';
import SettingSwitch from '../setting-switch.svelte';
import { createEventDispatcher } from 'svelte';
import type { SettingsEventType } from '../admin-settings';
export let savedConfig: SystemConfigDto;
export let defaultConfig: SystemConfigDto;

4
web/src/lib/components/admin-page/settings/oauth/oauth-settings.svelte
View file

@ -1,13 +1,13 @@
<script lang="ts">
import type { SystemConfigDto } from '@api';
import { isEqual } from 'lodash-es';
import { createEventDispatcher } from 'svelte';
import { fade } from 'svelte/transition';
import type { SettingsEventType } from '../admin-settings';
import ConfirmDisableLogin from '../confirm-disable-login.svelte';
import SettingButtonsRow from '../setting-buttons-row.svelte';
import SettingInputField, { SettingInputFieldType } from '../setting-input-field.svelte';
import SettingSwitch from '../setting-switch.svelte';
import { createEventDispatcher } from 'svelte';
import type { SettingsEventType } from '../admin-settings';
export let savedConfig: SystemConfigDto;
export let defaultConfig: SystemConfigDto;

4
web/src/lib/components/admin-page/settings/password-login/password-login-settings.svelte
View file

@ -1,12 +1,12 @@
<script lang="ts">
import type { SystemConfigDto } from '@api';
import { isEqual } from 'lodash-es';
import { createEventDispatcher } from 'svelte';
import { fade } from 'svelte/transition';
import type { SettingsEventType } from '../admin-settings';
import ConfirmDisableLogin from '../confirm-disable-login.svelte';
import SettingButtonsRow from '../setting-buttons-row.svelte';
import SettingSwitch from '../setting-switch.svelte';
import { createEventDispatcher } from 'svelte';
import type { SettingsEventType } from '../admin-settings';
export let savedConfig: SystemConfigDto;
export let defaultConfig: SystemConfigDto;

20
web/src/lib/components/admin-page/settings/storage-template/storage-template-settings.svelte
View file

@ -1,18 +1,18 @@
<script lang="ts">
import { api, SystemConfigDto, SystemConfigTemplateStorageOptionDto } from '@api';
import * as luxon from 'luxon';
import handlebar from 'handlebars';
import LoadingSpinner from '$lib/components/shared-components/loading-spinner.svelte';
import { user } from '$lib/stores/user.store';
import { api, type SystemConfigDto, type SystemConfigTemplateStorageOptionDto } from '@api';
import handlebar from 'handlebars';
import { isEqual } from 'lodash-es';
import * as luxon from 'luxon';
import { createEventDispatcher } from 'svelte';
import { fade } from 'svelte/transition';
import type { SettingsEventType } from '../admin-settings';
import SettingButtonsRow from '../setting-buttons-row.svelte';
import SettingInputField, { SettingInputFieldType } from '../setting-input-field.svelte';
import SettingSwitch from '../setting-switch.svelte';
import SupportedDatetimePanel from './supported-datetime-panel.svelte';
import SupportedVariablesPanel from './supported-variables-panel.svelte';
import SettingButtonsRow from '../setting-buttons-row.svelte';
import { isEqual } from 'lodash-es';
import SettingInputField, { SettingInputFieldType } from '../setting-input-field.svelte';
import { user } from '$lib/stores/user.store';
import { createEventDispatcher } from 'svelte';
import SettingSwitch from '../setting-switch.svelte';
import type { SettingsEventType } from '../admin-settings';
export let savedConfig: SystemConfigDto;
export let defaultConfig: SystemConfigDto;

4
web/src/lib/components/admin-page/settings/theme/theme-settings.svelte
View file

@ -1,11 +1,11 @@
<script lang="ts">
import type { SystemConfigDto } from '@api';
import { isEqual } from 'lodash-es';
import { createEventDispatcher } from 'svelte';
import { fade } from 'svelte/transition';
import type { SettingsEventType } from '../admin-settings';
import SettingButtonsRow from '../setting-buttons-row.svelte';
import SettingTextarea from '../setting-textarea.svelte';
import { createEventDispatcher } from 'svelte';
import type { SettingsEventType } from '../admin-settings';
export let savedConfig: SystemConfigDto;
export let defaultConfig: SystemConfigDto;

12
web/src/lib/components/admin-page/settings/thumbnail/thumbnail-settings.svelte
View file

@ -1,13 +1,13 @@
<script lang="ts">
import SettingSelect from '$lib/components/admin-page/settings/setting-select.svelte';
import { Colorspace, SystemConfigDto } from '@api';
import { fade } from 'svelte/transition';
import { isEqual } from 'lodash-es';
import SettingButtonsRow from '$lib/components/admin-page/settings/setting-buttons-row.svelte';
import SettingSelect from '$lib/components/admin-page/settings/setting-select.svelte';
import { Colorspace, type SystemConfigDto } from '@api';
import { isEqual } from 'lodash-es';
import { createEventDispatcher } from 'svelte';
import { fade } from 'svelte/transition';
import type { SettingsEventType } from '../admin-settings';
import SettingInputField, { SettingInputFieldType } from '../setting-input-field.svelte';
import SettingSwitch from '../setting-switch.svelte';
import { createEventDispatcher } from 'svelte';
import type { SettingsEventType } from '../admin-settings';
export let savedConfig: SystemConfigDto;
export let defaultConfig: SystemConfigDto;

8
web/src/lib/components/admin-page/settings/trash-settings/trash-settings.svelte
View file

@ -1,12 +1,12 @@
<script lang="ts">
import type { SystemConfigDto } from '@api';
import { isEqual } from 'lodash-es';
import { fade } from 'svelte/transition';
import SettingButtonsRow from '../setting-buttons-row.svelte';
import SettingSwitch from '../setting-switch.svelte';
import SettingInputField, { SettingInputFieldType } from '../setting-input-field.svelte';
import { createEventDispatcher } from 'svelte';
import { fade } from 'svelte/transition';
import type { SettingsEventType } from '../admin-settings';
import SettingButtonsRow from '../setting-buttons-row.svelte';
import SettingInputField, { SettingInputFieldType } from '../setting-input-field.svelte';
import SettingSwitch from '../setting-switch.svelte';
export let savedConfig: SystemConfigDto;
export let defaultConfig: SystemConfigDto;

2
web/src/lib/components/album-page/__tests__/album-card.spec.ts
View file

@ -2,7 +2,7 @@ import { createObjectURLMock } from '$lib/__mocks__/jsdom-url.mock';
import { api, ThumbnailFormat } from '@api';
import { albumFactory } from '@test-data';
import '@testing-library/jest-dom';
import { fireEvent, render, RenderResult, waitFor } from '@testing-library/svelte';
import { fireEvent, render, type RenderResult, waitFor } from '@testing-library/svelte';
import AlbumCard from '../album-card.svelte';
import type { MockedObject } from 'vitest';

2
web/src/lib/components/album-page/album-card.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts">
import noThumbnailUrl from '$lib/assets/no-thumbnail.png';
import { locale } from '$lib/stores/preferences.store';
import { AlbumResponseDto, api, ThumbnailFormat, UserResponseDto } from '@api';
import { type AlbumResponseDto, api, ThumbnailFormat, type UserResponseDto } from '@api';
import { createEventDispatcher, onMount } from 'svelte';
import IconButton from '../elements/buttons/icon-button.svelte';
import Icon from '$lib/components/elements/icon.svelte';

2
web/src/lib/components/album-page/share-info-modal.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts">
import { createEventDispatcher, onMount } from 'svelte';
import { AlbumResponseDto, api, UserResponseDto } from '@api';
import { type AlbumResponseDto, api, type UserResponseDto } from '@api';
import BaseModal from '../shared-components/base-modal.svelte';
import UserAvatar from '../shared-components/user-avatar.svelte';
import CircleIconButton from '../elements/buttons/circle-icon-button.svelte';

2
web/src/lib/components/album-page/user-selection-modal.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts">
import { createEventDispatcher, onMount } from 'svelte';
import { AlbumResponseDto, api, SharedLinkResponseDto, UserResponseDto } from '@api';
import { type AlbumResponseDto, api, type SharedLinkResponseDto, type UserResponseDto } from '@api';
import BaseModal from '../shared-components/base-modal.svelte';
import UserAvatar from '../shared-components/user-avatar.svelte';
import { goto } from '$app/navigation';

9
web/src/lib/components/asset-viewer/activity-viewer.svelte
View file

@ -3,7 +3,14 @@
import UserAvatar from '../shared-components/user-avatar.svelte';
import { mdiClose, mdiHeart, mdiSend, mdiDotsVertical } from '@mdi/js';
import Icon from '$lib/components/elements/icon.svelte';
import { ActivityResponseDto, api, AssetTypeEnum, ReactionType, ThumbnailFormat, type UserResponseDto } from '@api';
import {
type ActivityResponseDto,
api,
AssetTypeEnum,
ReactionType,
ThumbnailFormat,
type UserResponseDto,
} from '@api';
import { handleError } from '$lib/utils/handle-error';
import { isTenMinutesApart } from '$lib/utils/timesince';
import { clickOutside } from '$lib/utils/click-outside';

2
web/src/lib/components/asset-viewer/album-list-item.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts">
import { AlbumResponseDto, ThumbnailFormat, api } from '@api';
import { type AlbumResponseDto, ThumbnailFormat, api } from '@api';
import { createEventDispatcher } from 'svelte';
const dispatch = createEventDispatcher<{

2
web/src/lib/components/asset-viewer/asset-viewer-nav-bar.svelte
View file

@ -3,7 +3,7 @@
import { photoZoomState } from '$lib/stores/zoom-image.store';
import { clickOutside } from '$lib/utils/click-outside';
import { getContextMenuPosition } from '$lib/utils/context-menu';
import { AssetJobName, AssetResponseDto, AssetTypeEnum, api } from '@api';
import { AssetJobName, type AssetResponseDto, AssetTypeEnum, api } from '@api';
import {
mdiAlertOutline,
mdiArrowLeft,

8
web/src/lib/components/asset-viewer/asset-viewer.svelte
View file

@ -1,14 +1,14 @@
<script lang="ts">
import { goto } from '$app/navigation';
import {
ActivityResponseDto,
AlbumResponseDto,
type ActivityResponseDto,
type AlbumResponseDto,
api,
AssetJobName,
AssetResponseDto,
type AssetResponseDto,
AssetTypeEnum,
ReactionType,
SharedLinkResponseDto,
type SharedLinkResponseDto,
} from '@api';
import { createEventDispatcher, onDestroy, onMount } from 'svelte';
import { fly } from 'svelte/transition';

2
web/src/lib/components/asset-viewer/detail-panel.svelte
View file

@ -2,7 +2,7 @@
import { locale } from '$lib/stores/preferences.store';
import { featureFlags } from '$lib/stores/server-config.store';
import { getAssetFilename } from '$lib/utils/asset-utils';
import { AlbumResponseDto, AssetResponseDto, ThumbnailFormat, api } from '@api';
import { type AlbumResponseDto, type AssetResponseDto, ThumbnailFormat, api } from '@api';
import { DateTime } from 'luxon';
import { createEventDispatcher, onDestroy } from 'svelte';
import { slide } from 'svelte/transition';

2
web/src/lib/components/asset-viewer/download-panel.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts">
import { DownloadProgress, downloadAssets, downloadManager, isDownloading } from '$lib/stores/download';
import { type DownloadProgress, downloadAssets, downloadManager, isDownloading } from '$lib/stores/download';
import { locale } from '$lib/stores/preferences.store';
import { fly, slide } from 'svelte/transition';
import { asByteUnitString } from '../../utils/byte-units';

2
web/src/lib/components/asset-viewer/panorama-viewer.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts">
import { fade } from 'svelte/transition';
import LoadingSpinner from '../shared-components/loading-spinner.svelte';
import { api, AssetResponseDto } from '@api';
import { api, type AssetResponseDto } from '@api';
import View360, { EquirectProjection } from '@egjs/svelte-view360';
import './panorama-viewer.css';

2
web/src/lib/components/asset-viewer/photo-viewer.svelte
View file

@ -2,7 +2,7 @@
import { fade } from 'svelte/transition';
import { onDestroy, onMount } from 'svelte';
import LoadingSpinner from '../shared-components/loading-spinner.svelte';
import { api, AssetResponseDto } from '@api';
import { api, type AssetResponseDto } from '@api';
import { notificationController, NotificationType } from '../shared-components/notification/notification';
import { useZoomImageWheel } from '@zoom-image/svelte';
import { photoZoomState } from '$lib/stores/zoom-image.store';

2
web/src/lib/components/assets/thumbnail/thumbnail.svelte
View file

@ -2,7 +2,7 @@
import { ProjectionType } from '$lib/constants';
import IntersectionObserver from '$lib/components/asset-viewer/intersection-observer.svelte';
import { timeToSeconds } from '$lib/utils/time-to-seconds';
import { api, AssetResponseDto, AssetTypeEnum, ThumbnailFormat } from '@api';
import { api, type AssetResponseDto, AssetTypeEnum, ThumbnailFormat } from '@api';
import { createEventDispatcher } from 'svelte';
import { fade } from 'svelte/transition';
import ImageThumbnail from './image-thumbnail.svelte';

2
web/src/lib/components/faces-page/edit-name-input.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts">
import { PersonResponseDto, api } from '@api';
import { type PersonResponseDto, api } from '@api';
import { createEventDispatcher } from 'svelte';
import ImageThumbnail from '../assets/thumbnail/image-thumbnail.svelte';
import Button from '../elements/buttons/button.svelte';

2
web/src/lib/components/faces-page/people-card.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts">
import { PersonResponseDto, api } from '@api';
import { type PersonResponseDto, api } from '@api';
import { getContextMenuPosition } from '$lib/utils/context-menu';
import ImageThumbnail from '../assets/thumbnail/image-thumbnail.svelte';
import IconButton from '../elements/buttons/icon-button.svelte';

2
web/src/lib/components/faces-page/person-side-panel.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts">
import { fly } from 'svelte/transition';
import { linear } from 'svelte/easing';
import { api, type PersonResponseDto, AssetFaceResponseDto, AssetTypeEnum } from '@api';
import { api, type PersonResponseDto, type AssetFaceResponseDto, AssetTypeEnum } from '@api';
import ImageThumbnail from '../assets/thumbnail/image-thumbnail.svelte';
import { handleError } from '$lib/utils/handle-error';
import { createEventDispatcher, onMount } from 'svelte';

2
web/src/lib/components/faces-page/unmerge-face-selector.svelte
View file

@ -3,7 +3,7 @@
import FaceThumbnail from './face-thumbnail.svelte';
import { quintOut } from 'svelte/easing';
import { fly } from 'svelte/transition';
import { api, AssetFaceUpdateItem, type PersonResponseDto } from '@api';
import { api, type AssetFaceUpdateItem, type PersonResponseDto } from '@api';
import ControlAppBar from '../shared-components/control-app-bar.svelte';
import Button from '../elements/buttons/button.svelte';
import { mdiPlus, mdiMerge } from '@mdi/js';

2
web/src/lib/components/forms/change-password-form.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts">
import { api, UserResponseDto } from '@api';
import { api, type UserResponseDto } from '@api';
import { createEventDispatcher } from 'svelte';
import Button from '../elements/buttons/button.svelte';

2
web/src/lib/components/forms/edit-album-form.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts">
import { AlbumResponseDto, api } from '@api';
import { type AlbumResponseDto, api } from '@api';
import { createEventDispatcher } from 'svelte';
import Icon from '$lib/components/elements/icon.svelte';
import Button from '../elements/buttons/button.svelte';

2
web/src/lib/components/forms/edit-user-form.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts">
import { api, UserResponseDto } from '@api';
import { api, type UserResponseDto } from '@api';
import { createEventDispatcher } from 'svelte';
import { notificationController, NotificationType } from '../shared-components/notification/notification';
import Button from '../elements/buttons/button.svelte';

2
web/src/lib/components/onboarding-page/onboarding-storage-template.svelte
View file

@ -3,7 +3,7 @@
import { createEventDispatcher, onMount } from 'svelte';
import { featureFlags } from '$lib/stores/server-config.store';
import StorageTemplateSettings from '../admin-page/settings/storage-template/storage-template-settings.svelte';
import { SystemConfigDto, api } from '@api';
import { type SystemConfigDto, api } from '@api';
import { user } from '$lib/stores/user.store';
import AdminSettings from '../admin-page/settings/admin-settings.svelte';
import { mdiArrowLeft, mdiCheck } from '@mdi/js';

2
web/src/lib/components/photos-page/actions/add-to-album.svelte
View file

@ -7,7 +7,7 @@
notificationController,
} from '$lib/components/shared-components/notification/notification';
import { addAssetsToAlbum } from '$lib/utils/asset-utils';
import { AlbumResponseDto, api } from '@api';
import { type AlbumResponseDto, api } from '@api';
import { getMenuContext } from '../asset-select-context-menu.svelte';
import { getAssetControlContext } from '../asset-select-control-bar.svelte';
import { AppRoute } from '$lib/constants';

2
web/src/lib/components/photos-page/actions/delete-assets.svelte
View file

@ -5,7 +5,7 @@
import { createEventDispatcher } from 'svelte';
import { featureFlags } from '$lib/stores/server-config.store';
import { mdiTimerSand, mdiDeleteOutline } from '@mdi/js';
import { OnDelete, deleteAssets } from '$lib/utils/actions';
import { type OnDelete, deleteAssets } from '$lib/utils/actions';
import DeleteAssetDialog from '../delete-asset-dialog.svelte';
export let onAssetDelete: OnDelete;

2
web/src/lib/components/photos-page/actions/remove-from-album.svelte
View file

@ -5,7 +5,7 @@
NotificationType,
notificationController,
} from '$lib/components/shared-components/notification/notification';
import { AlbumResponseDto, api } from '@api';
import { type AlbumResponseDto, api } from '@api';
import MenuOption from '../../shared-components/context-menu/menu-option.svelte';
import { getAssetControlContext } from '../asset-select-control-bar.svelte';
import { mdiDeleteOutline } from '@mdi/js';

2
web/src/lib/components/photos-page/actions/remove-from-shared-link.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts">
import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
import { SharedLinkResponseDto, api } from '@api';
import { type SharedLinkResponseDto, api } from '@api';
import ConfirmDialogue from '../../shared-components/confirm-dialogue.svelte';
import { getAssetControlContext } from '../asset-select-control-bar.svelte';
import { NotificationType, notificationController } from '../../shared-components/notification/notification';

2
web/src/lib/components/share-page/individual-shared-viewer.svelte
View file

@ -2,7 +2,7 @@
import { goto } from '$app/navigation';
import { fileUploadHandler, openFileUploadDialog } from '$lib/utils/file-uploader';
import { downloadArchive } from '$lib/utils/asset-utils';
import { api, AssetResponseDto, SharedLinkResponseDto } from '@api';
import { api, type AssetResponseDto, type SharedLinkResponseDto } from '@api';
import { dragAndDropFilesStore } from '$lib/stores/drag-and-drop-files.store';
import CircleIconButton from '../elements/buttons/circle-icon-button.svelte';
import DownloadAction from '../photos-page/actions/download-action.svelte';

2
web/src/lib/components/shared-components/album-selection-modal.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts">
import { AlbumResponseDto, api } from '@api';
import { type AlbumResponseDto, api } from '@api';
import { createEventDispatcher, onMount } from 'svelte';
import Icon from '$lib/components/elements/icon.svelte';
import BaseModal from './base-modal.svelte';

2
web/src/lib/components/shared-components/create-share-link-modal/create-shared-link-modal.svelte
View file

@ -5,7 +5,7 @@
import SettingSwitch from '$lib/components/admin-page/settings/setting-switch.svelte';
import Button from '$lib/components/elements/buttons/button.svelte';
import { handleError } from '$lib/utils/handle-error';
import { api, copyToClipboard, makeSharedLinkUrl, SharedLinkResponseDto, SharedLinkType } from '@api';
import { api, copyToClipboard, makeSharedLinkUrl, type SharedLinkResponseDto, SharedLinkType } from '@api';
import { createEventDispatcher, onMount } from 'svelte';
import Icon from '$lib/components/elements/icon.svelte';
import BaseModal from '../base-modal.svelte';

2
web/src/lib/components/shared-components/gallery-viewer/asset-selection-viewer.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts">
import Thumbnail from '$lib/components/assets/thumbnail/thumbnail.svelte';
import { getThumbnailSize } from '$lib/utils/thumbnail-util';
import { AssetResponseDto, ThumbnailFormat } from '@api';
import { type AssetResponseDto, ThumbnailFormat } from '@api';
import { createEventDispatcher } from 'svelte';
import { flip } from 'svelte/animate';

2
web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte
View file

@ -2,7 +2,7 @@
import { page } from '$app/stores';
import Thumbnail from '$lib/components/assets/thumbnail/thumbnail.svelte';
import { handleError } from '$lib/utils/handle-error';
import { AssetResponseDto, ThumbnailFormat } from '@api';
import { type AssetResponseDto, ThumbnailFormat } from '@api';
import AssetViewer from '../../asset-viewer/asset-viewer.svelte';
import { flip } from 'svelte/animate';
import { getThumbnailSize } from '$lib/utils/thumbnail-util';

4
web/src/lib/components/shared-components/map/map.svelte
View file

@ -7,7 +7,7 @@
ControlButton,
Control,
ControlGroup,
Map,
type Map,
FullscreenControl,
GeolocateControl,
NavigationControl,
@ -15,7 +15,7 @@
Popup,
} from 'svelte-maplibre';
import { colorTheme, mapSettings } from '$lib/stores/preferences.store';
import { MapMarkerResponseDto, api } from '@api';
import { type MapMarkerResponseDto, api } from '@api';
import maplibregl from 'maplibre-gl';
import type { GeoJSONSource, LngLatLike, StyleSpecification } from 'maplibre-gl';
import type { Feature, Geometry, GeoJsonProperties, Point } from 'geojson';

2
web/src/lib/components/shared-components/navigation-bar/avatar-selector.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts">
import { mdiClose } from '@mdi/js';
import { createEventDispatcher } from 'svelte';
import { UserAvatarColor, UserResponseDto } from '@api';
import { UserAvatarColor, type UserResponseDto } from '@api';
import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
import FullScreenModal from '../full-screen-modal.svelte';
import UserAvatar from '../user-avatar.svelte';

6
web/src/lib/components/shared-components/navigation-bar/navigation-bar.svelte
View file

@ -30,7 +30,11 @@
const logOut = async () => {
resetSavedUser();
const { data } = await api.authenticationApi.logout();
goto(data.redirectUri || '/auth/login?autoLaunch=0');
if (!data.redirectUri.startsWith('/')) {
window.location.href = data.redirectUri;
} else {
goto(data.redirectUri);
}
};
</script>

2
web/src/lib/components/shared-components/notification/__tests__/notification-card.spec.ts
View file

@ -1,5 +1,5 @@
import '@testing-library/jest-dom';
import { cleanup, render, RenderResult } from '@testing-library/svelte';
import { cleanup, render, type RenderResult } from '@testing-library/svelte';
import { NotificationType } from '../notification';
import NotificationCard from '../notification-card.svelte';

2
web/src/lib/components/shared-components/notification/__tests__/notification-list.spec.ts
View file

@ -1,5 +1,5 @@
import '@testing-library/jest-dom';
import { render, RenderResult, waitFor } from '@testing-library/svelte';
import { render, type RenderResult, waitFor } from '@testing-library/svelte';
import { get } from 'svelte/store';
import { notificationController, NotificationType } from '../notification';
import NotificationList from '../notification-list.svelte';

2
web/src/lib/components/shared-components/profile-image-cropper.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts">
import { AssetResponseDto, api } from '@api';
import { type AssetResponseDto, api } from '@api';
import { createEventDispatcher, onMount } from 'svelte';
import { notificationController, NotificationType } from './notification/notification';
import { handleError } from '$lib/utils/handle-error';

2
web/src/lib/components/shared-components/side-bar/side-bar.svelte
View file

@ -2,7 +2,7 @@
import { page } from '$app/stores';
import { locale, sidebarSettings } from '$lib/stores/preferences.store';
import { featureFlags } from '$lib/stores/server-config.store';
import { AssetApiGetAssetStatisticsRequest, api } from '@api';
import { type AssetApiGetAssetStatisticsRequest, api } from '@api';
import {
mdiAccount,
mdiAccountMultiple,

2
web/src/lib/components/shared-components/status-box.svelte
View file

@ -2,7 +2,7 @@
import Icon from '$lib/components/elements/icon.svelte';
import { locale } from '$lib/stores/preferences.store';
import { websocketStore } from '$lib/stores/websocket';
import { UserResponseDto, api } from '@api';
import { type UserResponseDto, api } from '@api';
import { onMount } from 'svelte';
import { asByteUnitString } from '../../utils/byte-units';
import LoadingSpinner from './loading-spinner.svelte';

2
web/src/lib/components/sharedlinks-page/shared-link-card.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts">
import { api, AssetResponseDto, SharedLinkResponseDto, SharedLinkType, ThumbnailFormat } from '@api';
import { api, type AssetResponseDto, type SharedLinkResponseDto, SharedLinkType, ThumbnailFormat } from '@api';
import LoadingSpinner from '../shared-components/loading-spinner.svelte';
import Icon from '$lib/components/elements/icon.svelte';
import * as luxon from 'luxon';

2
web/src/lib/components/user-settings-page/change-password-settings.svelte
View file

@ -3,7 +3,7 @@
notificationController,
NotificationType,
} from '$lib/components/shared-components/notification/notification';
import { api, ApiError } from '@api';
import { api, type ApiError } from '@api';
import { fade } from 'svelte/transition';
import SettingInputField, { SettingInputFieldType } from '../admin-page/settings/setting-input-field.svelte';
import Button from '../elements/buttons/button.svelte';

2
web/src/lib/components/user-settings-page/device-card.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts">
import { locale } from '$lib/stores/preferences.store';
import type { AuthDeviceResponseDto } from '@api';
import { DateTime, ToRelativeCalendarOptions } from 'luxon';
import { DateTime, type ToRelativeCalendarOptions } from 'luxon';
import { createEventDispatcher } from 'svelte';
import Icon from '$lib/components/elements/icon.svelte';
import {

2
web/src/lib/components/user-settings-page/device-list.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts">
import { api, AuthDeviceResponseDto } from '@api';
import { api, type AuthDeviceResponseDto } from '@api';
import { handleError } from '../../utils/handle-error';
import Button from '../elements/buttons/button.svelte';
import ConfirmDialogue from '../shared-components/confirm-dialogue.svelte';

2
web/src/lib/components/user-settings-page/library-list.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts">
import { api, LibraryResponseDto, LibraryType, LibraryStatsResponseDto } from '@api';
import { api, type LibraryResponseDto, LibraryType, type LibraryStatsResponseDto } from '@api';
import { onMount } from 'svelte';
import Button from '../elements/buttons/button.svelte';
import { notificationController, NotificationType } from '../shared-components/notification/notification';

2
web/src/lib/components/user-settings-page/memories-settings.svelte
View file

@ -3,7 +3,7 @@
notificationController,
NotificationType,
} from '$lib/components/shared-components/notification/notification';
import { api, UserResponseDto } from '@api';
import { api, type UserResponseDto } from '@api';
import { fade } from 'svelte/transition';
import { handleError } from '../../utils/handle-error';
import SettingSwitch from '../admin-page/settings/setting-switch.svelte';

2
web/src/lib/components/user-settings-page/oauth-settings.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts">
import { goto } from '$app/navigation';
import { featureFlags } from '$lib/stores/server-config.store';
import { oauth, UserResponseDto } from '@api';
import { oauth, type UserResponseDto } from '@api';
import { onMount } from 'svelte';
import { fade } from 'svelte/transition';
import { handleError } from '../../utils/handle-error';

2
web/src/lib/components/user-settings-page/partner-selection-modal.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts">
import { api, UserResponseDto } from '@api';
import { api, type UserResponseDto } from '@api';
import BaseModal from '../shared-components/base-modal.svelte';
import UserAvatar from '../shared-components/user-avatar.svelte';
import ImmichLogo from '../shared-components/immich-logo.svelte';

2
web/src/lib/components/user-settings-page/partner-settings.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts">
import { PartnerResponseDto, UserResponseDto, api } from '@api';
import { type PartnerResponseDto, type UserResponseDto, api } from '@api';
import UserAvatar from '../shared-components/user-avatar.svelte';
import Button from '../elements/buttons/button.svelte';
import PartnerSelectionModal from './partner-selection-modal.svelte';

2
web/src/lib/components/user-settings-page/user-api-key-list.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts">
import { api, APIKeyResponseDto } from '@api';
import { api, type APIKeyResponseDto } from '@api';
import Icon from '$lib/components/elements/icon.svelte';
import { fade } from 'svelte/transition';
import { handleError } from '../../utils/handle-error';

2
web/src/lib/components/user-settings-page/user-profile-settings.svelte
View file

@ -3,7 +3,7 @@
notificationController,
NotificationType,
} from '$lib/components/shared-components/notification/notification';
import { api, UserResponseDto } from '@api';
import { api, type UserResponseDto } from '@api';
import { fade } from 'svelte/transition';
import { handleError } from '../../utils/handle-error';
import SettingInputField, { SettingInputFieldType } from '../admin-page/settings/setting-input-field.svelte';

2
web/src/lib/components/user-settings-page/user-settings-list.svelte
View file

@ -2,7 +2,7 @@
import { browser } from '$app/environment';
import { page } from '$app/stores';
import { featureFlags } from '$lib/stores/server-config.store';
import { APIKeyResponseDto, AuthDeviceResponseDto, oauth } from '@api';
import { type APIKeyResponseDto, type AuthDeviceResponseDto, oauth } from '@api';
import SettingAccordion from '../admin-page/settings/setting-accordion.svelte';
import ChangePasswordSettings from './change-password-settings.svelte';
import DeviceList from './device-list.svelte';