chore(deps): update typescript-eslint monorepo to v8 (major) (#11598)

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

web/src/lib/components/asset-viewer/asset-viewer.svelte

@@ -228,7 +228,11 @@
     unsubscribe?.();
   });
 
-  $: asset.id && !sharedLink && handlePromiseError(handleGetAllAlbums()); // Update the album information when the asset ID changes
+  $: {
+    if (asset.id && !sharedLink) {
+      handlePromiseError(handleGetAllAlbums());
+    }
+  }
 
   const handleGetAllAlbums = async () => {
     if (isSharedLink()) {

web/src/lib/components/memory-page/memory-viewer.svelte

@@ -82,18 +82,33 @@
   let paused = false;
 
   // Play or pause progress when the paused state changes.
-  $: paused ? handlePromiseError(pause()) : handlePromiseError(play());
+  $: {
+    if (paused) {
+      handlePromiseError(pause());
+    } else {
+      handlePromiseError(play());
+    }
+  }
 
   // Progress should be paused when it's no longer possible to advance.
   $: paused ||= !canGoForward || galleryInView;
 
   // Advance to the next asset or memory when progress is complete.
-  $: $progress === 1 && handlePromiseError(toNext());
+  $: {
+    if ($progress === 1) {
+      handlePromiseError(toNext());
+    }
+  }
 
   // Progress should be resumed when reset and not paused.
-  $: !$progress && !paused && handlePromiseError(play());
+  $: {
+    if (!$progress && !paused) {
+      handlePromiseError(play());
+    }
+  }
 
   // Progress should be reset when the current memory or asset changes.
+  // eslint-disable-next-line @typescript-eslint/no-unused-expressions
   $: memoryIndex, assetIndex, handlePromiseError(reset());
 
   let selectedAssets: Set<AssetResponseDto> = new Set();

web/src/lib/components/photos-page/asset-grid.svelte

@@ -205,6 +205,7 @@
       case AssetAction.RESTORE:
       case AssetAction.DELETE: {
         // find the next asset to show or close the viewer
+        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
         (await handleNext()) || (await handlePrevious()) || handleClose();
 
         // delete after find the next one

web/src/lib/components/shared-components/autogrow-textarea.svelte

@@ -12,9 +12,13 @@
   let textarea: HTMLTextAreaElement;
   $: newContent = content;
 
-  $: if (textarea) {
+  $: {
+    // re-visit with svelte 5. runes will make this better.
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
     newContent;
-    void tick().then(() => autoGrowHeight(textarea));
+    if (textarea) {
+      void tick().then(() => autoGrowHeight(textarea));
+    }
   }
 
   const updateContent = () => {

web/src/lib/components/shared-components/map/map.svelte

@@ -188,7 +188,9 @@
         asButton
         let:feature
         on:click={(event) => {
-          $$slots.popup || handleAssetClick(event.detail.feature.properties?.id, map);
+          if (!$$slots.popup) {
+            handleAssetClick(event.detail.feature.properties?.id, map);
+          }
         }}
       >
         {#if useLocationPin}

web/src/lib/components/shared-components/progress-bar/progress-bar.svelte

@@ -33,6 +33,8 @@
 
   let progress = setDuration(duration);
 
+  // svelte 5, again....
+  // eslint-disable-next-line @typescript-eslint/no-unused-expressions
   $: duration, handlePromiseError(onChange());
 
   $: {

web/src/lib/components/shared-components/side-bar/storage-space.svelte

@@ -36,7 +36,9 @@
     return 'bg-immich-primary dark:bg-immich-dark-primary';
   };
 
-  $: $user && onUpdate();
+  $: if ($user) {
+    onUpdate();
+  }
 
   onMount(async () => {
     await requestServerInfo();

web/src/lib/components/shared-components/upload-panel.svelte

@@ -28,7 +28,9 @@
     }
   };
 
-  $: $isUploading && autoHide();
+  $: if ($isUploading) {
+    autoHide();
+  }
 </script>
 
 {#if $hasError || $isUploading}

web/src/lib/components/shared-components/user-avatar.svelte

@@ -27,6 +27,8 @@
   let img: HTMLImageElement;
   let showFallback = true;
 
+  // sveeeeeeelteeeeee fiveeeeee
+  // eslint-disable-next-line @typescript-eslint/no-unused-expressions
   $: img, user, void tryLoadImage();
 
   const tryLoadImage = async () => {

web/src/lib/components/shared-components/version-announcement-box.svelte

@@ -14,7 +14,9 @@
 
   $: releaseVersion = $release && semverToName($release.releaseVersion);
   $: serverVersion = $release && semverToName($release.serverVersion);
-  $: $release?.isAvailable && handleRelease();
+  $: if ($release?.isAvailable) {
+    handleRelease();
+  }
 
   const onAcknowledge = () => {
     localStorage.setItem('appVersion', releaseVersion);