fix(deps): update typescript-projects (#19939)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Zack Pollard <zackpollard@ymail.com>
Co-authored-by: Daniel Dietzler <mail@ddietzler.dev>

web/src/lib/components/shared-components/settings/setting-accordion-state.svelte

@@ -12,6 +12,7 @@
   import { goto } from '$app/navigation';
   import type { Snippet } from 'svelte';
   import { handlePromiseError } from '$lib/utils';
+  import { SvelteURLSearchParams } from 'svelte/reactivity';
 
   const getParamValues = (param: string) => {
     return new Set((page.url.searchParams.get(param) || '').split(' ').filter((x) => x !== ''));
@@ -26,7 +27,7 @@
   let { queryParam, state = writable(getParamValues(queryParam)), children }: Props = $props();
   setAccordionState(state);
 
-  const searchParams = new URLSearchParams(page.url.searchParams);
+  const searchParams = new SvelteURLSearchParams(page.url.searchParams);
 
   $effect(() => {
     if ($state.size > 0) {

web/src/lib/components/shared-components/side-bar/purchase-info.svelte

@@ -17,6 +17,7 @@
   import { mdiClose, mdiInformationOutline } from '@mdi/js';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
+  import { SvelteDate } from 'svelte/reactivity';
 
   let showMessage = $state(false);
   let hoverMessage = $state(false);
@@ -37,7 +38,7 @@
   };
 
   const hideButton = async (always: boolean) => {
-    const hideBuyButtonUntil = new Date();
+    const hideBuyButtonUntil = new SvelteDate();
 
     if (always) {
       hideBuyButtonUntil.setFullYear(2124); // see ya in 100 years

web/src/lib/managers/timeline-manager/day-group.svelte.ts

@@ -4,6 +4,7 @@ import type { CommonLayoutOptions } from '$lib/utils/layout-utils';
 import { getJustifiedLayoutFromAssets, getPosition } from '$lib/utils/layout-utils';
 import { plainDateTimeCompare } from '$lib/utils/timeline-util';
 
+import { SvelteSet } from 'svelte/reactivity';
 import type { MonthGroup } from './month-group.svelte';
 import type { AssetOperation, Direction, MoveAsset, TimelineAsset } from './types';
 import { ViewerAsset } from './viewer-asset.svelte';
@@ -109,13 +110,13 @@ export class DayGroup {
     if (ids.size === 0) {
       return {
         moveAssets: [] as MoveAsset[],
-        processedIds: new Set<string>(),
+        processedIds: new SvelteSet<string>(),
         unprocessedIds: ids,
         changedGeometry: false,
       };
     }
-    const unprocessedIds = new Set<string>(ids);
-    const processedIds = new Set<string>();
+    const unprocessedIds = new SvelteSet<string>(ids);
+    const processedIds = new SvelteSet<string>();
     const moveAssets: MoveAsset[] = [];
     let changedGeometry = false;
     for (const assetId of unprocessedIds) {

web/src/lib/managers/timeline-manager/group-insertion-cache.svelte.ts

@@ -1,5 +1,6 @@
 import { setDifference, type TimelinePlainDate } from '$lib/utils/timeline-util';
 import { AssetOrder } from '@immich/sdk';
+import { SvelteSet } from 'svelte/reactivity';
 import type { DayGroup } from './day-group.svelte';
 import type { MonthGroup } from './month-group.svelte';
 import type { TimelineAsset } from './types';
@@ -9,8 +10,8 @@ export class GroupInsertionCache {
     [year: number]: { [month: number]: { [day: number]: DayGroup } };
   } = {};
   unprocessedAssets: TimelineAsset[] = [];
-  changedDayGroups = new Set<DayGroup>();
-  newDayGroups = new Set<DayGroup>();
+  changedDayGroups = new SvelteSet<DayGroup>();
+  newDayGroups = new SvelteSet<DayGroup>();
 
   getDayGroup({ year, month, day }: TimelinePlainDate): DayGroup | undefined {
     return this.#lookupCache[year]?.[month]?.[day];
@@ -31,7 +32,7 @@ export class GroupInsertionCache {
   }
 
   get updatedBuckets() {
-    const updated = new Set<MonthGroup>();
+    const updated = new SvelteSet<MonthGroup>();
     for (const group of this.changedDayGroups) {
       updated.add(group.monthGroup);
     }
@@ -39,7 +40,7 @@ export class GroupInsertionCache {
   }
 
   get bucketsWithNewDayGroups() {
-    const updated = new Set<MonthGroup>();
+    const updated = new SvelteSet<MonthGroup>();
     for (const group of this.newDayGroups) {
       updated.add(group.monthGroup);
     }

web/src/lib/managers/timeline-manager/internal/operations-support.svelte.ts

@@ -1,6 +1,7 @@
 import { setDifference, type TimelinePlainDate } from '$lib/utils/timeline-util';
 import { AssetOrder } from '@immich/sdk';
 
+import { SvelteSet } from 'svelte/reactivity';
 import { GroupInsertionCache } from '../group-insertion-cache.svelte';
 import { MonthGroup } from '../month-group.svelte';
 import type { TimelineManager } from '../timeline-manager.svelte';
@@ -18,7 +19,7 @@ export function addAssetsToMonthGroups(
   }
 
   const addContext = new GroupInsertionCache();
-  const updatedMonthGroups = new Set<MonthGroup>();
+  const updatedMonthGroups = new SvelteSet<MonthGroup>();
   const monthCount = timelineManager.months.length;
   for (const asset of assets) {
     let month = getMonthGroupByDate(timelineManager, asset.localDateTime);
@@ -63,12 +64,12 @@ export function runAssetOperation(
   options: { order: AssetOrder },
 ) {
   if (ids.size === 0) {
-    return { processedIds: new Set(), unprocessedIds: ids, changedGeometry: false };
+    return { processedIds: new SvelteSet(), unprocessedIds: ids, changedGeometry: false };
   }
 
-  const changedMonthGroups = new Set<MonthGroup>();
-  let idsToProcess = new Set(ids);
-  const idsProcessed = new Set<string>();
+  const changedMonthGroups = new SvelteSet<MonthGroup>();
+  let idsToProcess = new SvelteSet(ids);
+  const idsProcessed = new SvelteSet<string>();
   const combinedMoveAssets: { asset: TimelineAsset; date: TimelinePlainDate }[][] = [];
   for (const month of timelineManager.months) {
     if (idsToProcess.size > 0) {

web/src/lib/managers/timeline-manager/month-group.svelte.ts

@@ -17,6 +17,7 @@ import {
 import { t } from 'svelte-i18n';
 import { get } from 'svelte/store';
 
+import { SvelteSet } from 'svelte/reactivity';
 import { DayGroup } from './day-group.svelte';
 import { GroupInsertionCache } from './group-insertion-cache.svelte';
 import type { TimelineManager } from './timeline-manager.svelte';
@@ -115,15 +116,15 @@ export class MonthGroup {
     if (ids.size === 0) {
       return {
         moveAssets: [] as MoveAsset[],
-        processedIds: new Set<string>(),
+        processedIds: new SvelteSet<string>(),
         unprocessedIds: ids,
         changedGeometry: false,
       };
     }
     const { dayGroups } = this;
     let combinedChangedGeometry = false;
-    let idsToProcess = new Set(ids);
-    const idsProcessed = new Set<string>();
+    let idsToProcess = new SvelteSet(ids);
+    const idsProcessed = new SvelteSet<string>();
     const combinedMoveAssets: MoveAsset[][] = [];
     let index = dayGroups.length;
     while (index--) {

web/src/lib/managers/timeline-manager/timeline-manager.svelte.ts

@@ -6,7 +6,7 @@ import { CancellableTask } from '$lib/utils/cancellable-task';
 import { toTimelineAsset, type TimelinePlainDateTime, type TimelinePlainYearMonth } from '$lib/utils/timeline-util';
 
 import { clamp, debounce, isEqual } from 'lodash-es';
-import { SvelteSet } from 'svelte/reactivity';
+import { SvelteDate, SvelteMap, SvelteSet } from 'svelte/reactivity';
 
 import { updateIntersectionMonthGroup } from '$lib/managers/timeline-manager/internal/intersection-support.svelte';
 import { updateGeometry } from '$lib/managers/timeline-manager/internal/layout-support.svelte';
@@ -293,7 +293,7 @@ export class TimelineManager {
     });
 
     this.months = timebuckets.map((timeBucket) => {
-      const date = new Date(timeBucket.timeBucket);
+      const date = new SvelteDate(timeBucket.timeBucket);
       return new MonthGroup(
         this,
         { year: date.getUTCFullYear(), month: date.getUTCMonth() + 1 },
@@ -456,14 +456,14 @@ export class TimelineManager {
   }
 
   updateAssetOperation(ids: string[], operation: AssetOperation) {
-    runAssetOperation(this, new Set(ids), operation, { order: this.#options.order ?? AssetOrder.Desc });
+    runAssetOperation(this, new SvelteSet(ids), operation, { order: this.#options.order ?? AssetOrder.Desc });
   }
 
   updateAssets(assets: TimelineAsset[]) {
-    const lookup = new Map<string, TimelineAsset>(assets.map((asset) => [asset.id, asset]));
+    const lookup = new SvelteMap<string, TimelineAsset>(assets.map((asset) => [asset.id, asset]));
     const { unprocessedIds } = runAssetOperation(
       this,
-      new Set(lookup.keys()),
+      new SvelteSet(lookup.keys()),
       (asset) => {
         updateObject(asset, lookup.get(asset.id));
         return { remove: false };
@@ -480,7 +480,7 @@ export class TimelineManager {
   removeAssets(ids: string[]) {
     const { unprocessedIds } = runAssetOperation(
       this,
-      new Set(ids),
+      new SvelteSet(ids),
       () => {
         return { remove: true };
       },

web/src/lib/modals/ApiKeyModal.svelte

@@ -9,6 +9,7 @@
   import { mdiKeyVariant } from '@mdi/js';
   import { onMount } from 'svelte';
   import { t } from 'svelte-i18n';
+  import { SvelteMap } from 'svelte/reactivity';
 
   interface Props {
     apiKey: { name: string; permissions: Permission[] };
@@ -23,7 +24,7 @@
   let selectedItems: Permission[] = $state(apiKey.permissions);
   let selectAllItems = $derived(selectedItems.length === Object.keys(Permission).length - 1);
 
-  const permissions: Map<string, Permission[]> = new Map();
+  const permissions: Map<string, Permission[]> = new SvelteMap();
 
   permissions.set('activity', [
     Permission.ActivityCreate,

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

@@ -3,6 +3,7 @@ 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';
 
 // Move type definitions to the top
@@ -216,8 +217,8 @@ export const plainDateTimeCompare = (ascending: boolean, a: TimelinePlainDateTim
   return aDateTime.millisecond - bDateTime.millisecond;
 };
 
-export function setDifference<T>(setA: Set<T>, setB: Set<T>): Set<T> {
-  const result = new Set<T>();
+export function setDifference<T>(setA: Set<T>, setB: Set<T>): SvelteSet<T> {
+  const result = new SvelteSet<T>();
   for (const value of setA) {
     if (!setB.has(value)) {
       result.add(value);