chore: automated housekeeping...

src/UI/Image/DeleteImage.ts

@@ -49,7 +49,9 @@ export default class DeleteImage extends Toggle {
             .Clone()
             .SetClass("bg-white pl-4 pr-4")
             .SetStyle("border-bottom-left-radius:30rem; border-bottom-right-radius: 30rem;")
-        const openDelete = new SvelteUIElement(Delete_icon).SetStyle("width: 2em; height: 2em; display:block;")
+        const openDelete = new SvelteUIElement(Delete_icon).SetStyle(
+            "width: 2em; height: 2em; display:block;"
+        )
         const deleteDialog = new ClickableToggle(
             new Combine([deleteButton, cancelButton]).SetClass("flex flex-col background-black"),
             openDelete

src/UI/Image/ImageAttribution.svelte

@@ -8,7 +8,7 @@
   /**
    * A small element showing the attribution of a single image
    */
-  export let image: Partial<ProvidedImage> & {id: string, url: string}
+  export let image: Partial<ProvidedImage> & { id: string; url: string }
   let license: Store<LicenseInfo> = UIEventSource.FromPromise(
     image.provider?.DownloadAttribution(image)
   )
@@ -16,9 +16,9 @@
 </script>
 
 {#if $license !== undefined}
-  <div class="no-images flex rounded-lg bg-black p-0.5 pl-3 pr-3 text-sm text-white items-center">
+  <div class="no-images flex items-center rounded-lg bg-black p-0.5 pl-3 pr-3 text-sm text-white">
     {#if icon !== undefined}
-      <div class="w-6 h-6 mr-2">
+      <div class="mr-2 h-6 w-6">
         <ToSvelte construct={icon} />
       </div>
     {/if}

src/UI/Image/NearbyImages.svelte

@@ -26,47 +26,63 @@
 
   let imagesProvider = state.nearbyImageSearcher
 
-  let loadedImages = AllImageProviders.LoadImagesFor(tags).mapD(loaded => new Set(loaded.map(img => img.url)))
+  let loadedImages = AllImageProviders.LoadImagesFor(tags).mapD(
+    (loaded) => new Set(loaded.map((img) => img.url))
+  )
   let imageState = imagesProvider.getImagesAround(lon, lat)
-  let result: Store<P4CPicture[]> = imageState.images.mapD((pics: P4CPicture[]) => pics.filter((p: P4CPicture) =>
-    !loadedImages.data.has(p.pictureUrl)  // We don't show any image which is already linked
-    && !p.details.isSpherical,
-  ).slice(0, 25), [loadedImages])
-
-  let someLoading = imageState.state.mapD(stateRecord => Object.values(stateRecord).some(v => v === "loading"))
-  let errors = imageState.state.mapD(stateRecord => Object.keys(stateRecord).filter(k => stateRecord[k] === "error"))
+  let result: Store<P4CPicture[]> = imageState.images.mapD(
+    (pics: P4CPicture[]) =>
+      pics
+        .filter(
+          (p: P4CPicture) =>
+            !loadedImages.data.has(p.pictureUrl) && // We don't show any image which is already linked
+            !p.details.isSpherical
+        )
+        .slice(0, 25),
+    [loadedImages]
+  )
 
+  let someLoading = imageState.state.mapD((stateRecord) =>
+    Object.values(stateRecord).some((v) => v === "loading")
+  )
+  let errors = imageState.state.mapD((stateRecord) =>
+    Object.keys(stateRecord).filter((k) => stateRecord[k] === "error")
+  )
 </script>
 
 <div class="flex flex-col">
-
   {#if $result.length === 0}
     {#if $someLoading}
-      <div class="flex justify-center m-4">
+      <div class="m-4 flex justify-center">
         <Loading />
       </div>
-    {:else }
+    {:else}
       <Tr t={Translations.t.image.nearby.noNearbyImages} cls="alert" />
     {/if}
   {:else}
     <div class="flex w-full space-x-1 overflow-x-auto" style="scroll-snap-type: x proximity">
       {#each $result as image (image.pictureUrl)}
-      <span class="w-fit shrink-0" style="scroll-snap-align: start">
-        <LinkableImage {tags} {image} {state} {feature} {layer} {linkable} />
-      </span>
+        <span class="w-fit shrink-0" style="scroll-snap-align: start">
+          <LinkableImage {tags} {image} {state} {feature} {layer} {linkable} />
+        </span>
       {/each}
     </div>
   {/if}
-  <div class="flex justify-between my-2">
+  <div class="my-2 flex justify-between">
     <div>
       {#if $someLoading && $result.length > 0}
         <Loading />
       {/if}
       {#if $errors.length > 0}
-        <Tr cls="alert font-sm block" t={Translations.t.image.nearby.failed.Subs({service: $errors.join(", ")}) } />
+        <Tr
+          cls="alert font-sm block"
+          t={Translations.t.image.nearby.failed.Subs({ service: $errors.join(", ") })}
+        />
       {/if}
     </div>
-    <MapillaryLink large={false}
-                   mapProperties={{zoom: new ImmutableStore(16), location: new ImmutableStore({lon, lat})}} />
+    <MapillaryLink
+      large={false}
+      mapProperties={{ zoom: new ImmutableStore(16), location: new ImmutableStore({ lon, lat }) }}
+    />
   </div>
 </div>