fix(deps): prettier 3 (#5336)

immich-app · Nov 27, 2023 · 3992119 · 3992119
1 parent 87871e4
commit 3992119
Show file tree

Hide file tree

Showing 11 changed files with 42 additions and 35 deletions.
diff --git a/web/.prettierrc b/web/.prettierrc
@@ -3,7 +3,6 @@
   "trailingComma": "all",
   "printWidth": 120,
   "semi": true,
-  "organizeImportsSkipDestructiveCodeActions": true,
   "plugins": ["prettier-plugin-svelte"],
-  "pluginSearchDirs": false
+  "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
 }
diff --git a/web/package-lock.json b/web/package-lock.json
diff --git a/web/package.json b/web/package.json
@@ -45,8 +45,8 @@
     "jest": "^29.4.3",
     "jest-environment-jsdom": "^29.4.3",
     "postcss": "^8.4.21",
-    "prettier": "^2.8.4",
-    "prettier-plugin-svelte": "^2.10.1",
+    "prettier": "^3.1.0",
+    "prettier-plugin-svelte": "^3.1.2",
     "svelte": "^4.0.5",
     "svelte-check": "^3.4.3",
     "svelte-jester": "^3.0.0",

diff --git a/web/src/app.html b/web/src/app.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en" class="dark">
   <head>
     <meta charset="utf-8" />

diff --git a/web/src/lib/components/asset-viewer/album-list-item.svelte b/web/src/lib/components/asset-viewer/album-list-item.svelte
@@ -44,14 +44,10 @@
     >
     <span class="flex gap-1 text-sm">
       {#if variant === 'simple'}
-        <span
-          >{#if album.shared}Shared{/if}
-        </span>
+        <span>{album.shared ? 'Shared' : ''}</span>
       {:else}
         <span>{album.assetCount} items</span>
-        <span
-          >{#if album.shared} · Shared{/if}
-        </span>
+        <span>{album.shared ? ' · Shared' : ''} </span>
       {/if}
     </span>
   </div>

diff --git a/web/src/lib/components/memory-page/memory-viewer.svelte b/web/src/lib/components/memory-page/memory-viewer.svelte
@@ -275,6 +275,8 @@
 
 <style>
   .main-view {
-    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3), 0 8px 12px 6px rgba(0, 0, 0, 0.15);
+    box-shadow:
+      0 4px 4px 0 rgba(0, 0, 0, 0.3),
+      0 8px 12px 6px rgba(0, 0, 0, 0.15);
   }
 </style>
diff --git a/web/src/lib/components/photos-page/memory-lane.svelte b/web/src/lib/components/photos-page/memory-lane.svelte
@@ -91,6 +91,8 @@
 
 <style>
   .memory-card {
-    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
+    box-shadow:
+      rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
+      rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
   }
 </style>
diff --git a/web/src/lib/components/shared-components/album-selection-modal.svelte b/web/src/lib/components/shared-components/album-selection-modal.svelte
@@ -52,7 +52,7 @@
   <svelte:fragment slot="title">
     <span class="flex place-items-center gap-2">
       <p class="font-medium">
-        Add to {#if shared}Shared {/if} Album
+        Add to {shared ? 'Shared ' : ''}Album
       </p>
     </span>
   </svelte:fragment>
@@ -88,7 +88,7 @@
             <Icon path={mdiPlus} size="30" />
           </div>
           <p class="">
-            New {#if shared}Shared {/if}Album {#if search.length > 0}<b>{search}</b>{/if}
+            New {shared ? 'Shared ' : ''}Album {#if search.length > 0}<b>{search}</b>{/if}
           </p>
         </button>
         {#if filteredAlbums.length > 0}
@@ -101,7 +101,8 @@
 
           {#if !shared}
             <p class="px-5 py-3 text-xs">
-              {#if search.length === 0}ALL {/if}ALBUMS
+              {#if search.length === 0}ALL
+              {/if}ALBUMS
             </p>
           {/if}
           {#each filteredAlbums as album (album.id)}

diff --git a/web/src/lib/components/shared-components/upload-asset-preview.svelte b/web/src/lib/components/shared-components/upload-asset-preview.svelte
@@ -66,13 +66,17 @@
           <div class="h-[15px] rounded-md bg-immich-warning transition-all" style="width: 100%" />
           <p class="absolute top-0 h-full w-full text-center text-[10px]">
             Skipped
-            {#if uploadAsset.message} ({uploadAsset.message}){/if}
+            {#if uploadAsset.message}
+              ({uploadAsset.message})
+            {/if}
           </p>
         {:else if uploadAsset.state === UploadState.DONE}
           <div class="h-[15px] rounded-md bg-immich-success transition-all" style="width: 100%" />
           <p class="absolute top-0 h-full w-full text-center text-[10px]">
             Uploaded
-            {#if uploadAsset.message} ({uploadAsset.message}){/if}
+            {#if uploadAsset.message}
+              ({uploadAsset.message})
+            {/if}
           </p>
         {/if}
       </div>

diff --git a/web/src/lib/stores/assets.store.ts b/web/src/lib/stores/assets.store.ts
@@ -73,7 +73,10 @@ export class AssetStore {
   assets: AssetResponseDto[] = [];
   albumAssets: Set<string> = new Set();
 
-  constructor(options: AssetStoreOptions, private albumId?: string) {
+  constructor(
+    options: AssetStoreOptions,
+    private albumId?: string,
+  ) {
     this.options = { ...options, size: TimeBucketSize.Month };
     this.store$.set(this);
   }

diff --git a/web/src/routes/admin/user-management/+page.svelte b/web/src/routes/admin/user-management/+page.svelte
@@ -181,8 +181,8 @@
                   isDeleted(user)
                     ? 'bg-red-300 dark:bg-red-900'
                     : i % 2 == 0
-                    ? 'bg-immich-gray dark:bg-immich-dark-gray/75'
-                    : 'bg-immich-bg dark:bg-immich-dark-gray/50'
+                      ? 'bg-immich-gray dark:bg-immich-dark-gray/75'
+                      : 'bg-immich-bg dark:bg-immich-dark-gray/50'
                 }`}
               >
                 <td class="w-4/12 text-ellipsis break-all px-2 text-sm">{user.email}</td>
@@ -247,8 +247,8 @@
                   isDeleted(user)
                     ? 'bg-red-300 dark:bg-red-900'
                     : i % 2 == 0
-                    ? 'bg-immich-gray dark:bg-immich-dark-gray/75'
-                    : 'bg-immich-bg dark:bg-immich-dark-gray/50'
+                      ? 'bg-immich-gray dark:bg-immich-dark-gray/75'
+                      : 'bg-immich-bg dark:bg-immich-dark-gray/50'
                 }`}
               >
                 <td class="w-1/4 text-ellipsis break-words px-2 text-sm">{user.name}</td>