chore(web): prettier (#2821)

Co-authored-by: Thomas Way <thomas@6f.io>
2023-07-01 00:50:47 -04:00
parent 7c2f7d6c51
commit f55b3add80
242 changed files with 12794 additions and 13426 deletions
@@ -1,176 +1,172 @@
 <script lang="ts">
-	import AssetViewer from '$lib/components/asset-viewer/asset-viewer.svelte';
-	import UserPageLayout from '$lib/components/layouts/user-page-layout.svelte';
-	import MapSettingsModal from '$lib/components/map-page/map-settings-modal.svelte';
-	import Portal from '$lib/components/shared-components/portal/portal.svelte';
-	import {
-		assetInteractionStore,
-		isViewingAssetStoreState,
-		viewingAssetStoreState
-	} from '$lib/stores/asset-interaction.store';
-	import { mapSettings } from '$lib/stores/preferences.store';
-	import { MapMarkerResponseDto, api } from '@api';
-	import { isEqual, omit } from 'lodash-es';
-	import { onDestroy, onMount } from 'svelte';
-	import Cog from 'svelte-material-icons/Cog.svelte';
-	import type { PageData } from './$types';
-	import { DateTime, Duration } from 'luxon';
+  import AssetViewer from '$lib/components/asset-viewer/asset-viewer.svelte';
+  import UserPageLayout from '$lib/components/layouts/user-page-layout.svelte';
+  import MapSettingsModal from '$lib/components/map-page/map-settings-modal.svelte';
+  import Portal from '$lib/components/shared-components/portal/portal.svelte';
+  import {
+    assetInteractionStore,
+    isViewingAssetStoreState,
+    viewingAssetStoreState,
+  } from '$lib/stores/asset-interaction.store';
+  import { mapSettings } from '$lib/stores/preferences.store';
+  import { MapMarkerResponseDto, api } from '@api';
+  import { isEqual, omit } from 'lodash-es';
+  import { onDestroy, onMount } from 'svelte';
+  import Cog from 'svelte-material-icons/Cog.svelte';
+  import type { PageData } from './$types';
+  import { DateTime, Duration } from 'luxon';

-	export let data: PageData;
+  export let data: PageData;

-	let leaflet: typeof import('$lib/components/shared-components/leaflet');
-	let mapMarkers: MapMarkerResponseDto[] = [];
-	let abortController: AbortController;
-	let viewingAssets: string[] = [];
-	let viewingAssetCursor = 0;
-	let showSettingsModal = false;
+  let leaflet: typeof import('$lib/components/shared-components/leaflet');
+  let mapMarkers: MapMarkerResponseDto[] = [];
+  let abortController: AbortController;
+  let viewingAssets: string[] = [];
+  let viewingAssetCursor = 0;
+  let showSettingsModal = false;

-	onMount(() => {
-		loadMapMarkers().then((data) => (mapMarkers = data));
-		import('$lib/components/shared-components/leaflet').then((data) => (leaflet = data));
-	});
+  onMount(() => {
+    loadMapMarkers().then((data) => (mapMarkers = data));
+    import('$lib/components/shared-components/leaflet').then((data) => (leaflet = data));
+  });

-	onDestroy(() => {
-		if (abortController) {
-			abortController.abort();
-		}
-		assetInteractionStore.clearMultiselect();
-		assetInteractionStore.setIsViewingAsset(false);
-	});
+  onDestroy(() => {
+    if (abortController) {
+      abortController.abort();
+    }
+    assetInteractionStore.clearMultiselect();
+    assetInteractionStore.setIsViewingAsset(false);
+  });

-	async function loadMapMarkers() {
-		if (abortController) {
-			abortController.abort();
-		}
-		abortController = new AbortController();
+  async function loadMapMarkers() {
+    if (abortController) {
+      abortController.abort();
+    }
+    abortController = new AbortController();

-		const { onlyFavorites } = $mapSettings;
-		const { fileCreatedAfter, fileCreatedBefore } = getFileCreatedDates();
+    const { onlyFavorites } = $mapSettings;
+    const { fileCreatedAfter, fileCreatedBefore } = getFileCreatedDates();

-		const { data } = await api.assetApi.getMapMarkers(
-			{
-				isFavorite: onlyFavorites || undefined,
-				fileCreatedAfter: fileCreatedAfter || undefined,
-				fileCreatedBefore
-			},
-			{
-				signal: abortController.signal
-			}
-		);
-		return data;
-	}
+    const { data } = await api.assetApi.getMapMarkers(
+      {
+        isFavorite: onlyFavorites || undefined,
+        fileCreatedAfter: fileCreatedAfter || undefined,
+        fileCreatedBefore,
+      },
+      {
+        signal: abortController.signal,
+      },
+    );
+    return data;
+  }

-	function getFileCreatedDates() {
-		const { relativeDate, dateAfter, dateBefore } = $mapSettings;
+  function getFileCreatedDates() {
+    const { relativeDate, dateAfter, dateBefore } = $mapSettings;

-		if (relativeDate) {
-			const duration = Duration.fromISO(relativeDate);
-			return {
-				fileCreatedAfter: duration.isValid ? DateTime.now().minus(duration).toISO() : undefined
-			};
-		}
+    if (relativeDate) {
+      const duration = Duration.fromISO(relativeDate);
+      return {
+        fileCreatedAfter: duration.isValid ? DateTime.now().minus(duration).toISO() : undefined,
+      };
+    }

-		try {
-			return {
-				fileCreatedAfter: dateAfter ? new Date(dateAfter).toISOString() : undefined,
-				fileCreatedBefore: dateBefore ? new Date(dateBefore).toISOString() : undefined
-			};
-		} catch {
-			$mapSettings.dateAfter = '';
-			$mapSettings.dateBefore = '';
-			return {};
-		}
-	}
+    try {
+      return {
+        fileCreatedAfter: dateAfter ? new Date(dateAfter).toISOString() : undefined,
+        fileCreatedBefore: dateBefore ? new Date(dateBefore).toISOString() : undefined,
+      };
+    } catch {
+      $mapSettings.dateAfter = '';
+      $mapSettings.dateBefore = '';
+      return {};
+    }
+  }

-	function onViewAssets(assetIds: string[], activeAssetIndex: number) {
-		assetInteractionStore.setViewingAssetId(assetIds[activeAssetIndex]);
-		viewingAssets = assetIds;
-		viewingAssetCursor = activeAssetIndex;
-	}
+  function onViewAssets(assetIds: string[], activeAssetIndex: number) {
+    assetInteractionStore.setViewingAssetId(assetIds[activeAssetIndex]);
+    viewingAssets = assetIds;
+    viewingAssetCursor = activeAssetIndex;
+  }

-	function navigateNext() {
-		if (viewingAssetCursor < viewingAssets.length - 1) {
-			assetInteractionStore.setViewingAssetId(viewingAssets[++viewingAssetCursor]);
-		}
-	}
+  function navigateNext() {
+    if (viewingAssetCursor < viewingAssets.length - 1) {
+      assetInteractionStore.setViewingAssetId(viewingAssets[++viewingAssetCursor]);
+    }
+  }

-	function navigatePrevious() {
-		if (viewingAssetCursor > 0) {
-			assetInteractionStore.setViewingAssetId(viewingAssets[--viewingAssetCursor]);
-		}
-	}
+  function navigatePrevious() {
+    if (viewingAssetCursor > 0) {
+      assetInteractionStore.setViewingAssetId(viewingAssets[--viewingAssetCursor]);
+    }
+  }
 </script>

 <UserPageLayout user={data.user} title={data.meta.title}>
-	<div class="h-full w-full isolate">
-		{#if leaflet}
-			{@const { Map, TileLayer, AssetMarkerCluster, Control } = leaflet}
-			<Map
-				center={[30, 0]}
-				zoom={3}
-				allowDarkMode={$mapSettings.allowDarkMode}
-				options={{
-					maxBounds: [
-						[-90, -180],
-						[90, 180]
-					],
-					minZoom: 2.5
-				}}
-			>
-				<TileLayer
-					urlTemplate={'https://tile.openstreetmap.org/{z}/{x}/{y}.png'}
-					options={{
-						attribution:
-							'&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
-					}}
-				/>
-				<AssetMarkerCluster
-					markers={mapMarkers}
-					on:view={({ detail }) => onViewAssets(detail.assetIds, detail.activeAssetIndex)}
-				/>
-				<Control>
-					<button
-						class="flex justify-center items-center bg-white text-black/70 w-8 h-8 font-bold rounded-sm border-2 border-black/20 hover:bg-gray-50 focus:bg-gray-50"
-						title="Open map settings"
-						on:click={() => (showSettingsModal = true)}
-					>
-						<Cog size="100%" class="p-1" />
-					</button>
-				</Control>
-			</Map>
-		{/if}
-	</div>
+  <div class="h-full w-full isolate">
+    {#if leaflet}
+      {@const { Map, TileLayer, AssetMarkerCluster, Control } = leaflet}
+      <Map
+        center={[30, 0]}
+        zoom={3}
+        allowDarkMode={$mapSettings.allowDarkMode}
+        options={{
+          maxBounds: [
+            [-90, -180],
+            [90, 180],
+          ],
+          minZoom: 2.5,
+        }}
+      >
+        <TileLayer
+          urlTemplate={'https://tile.openstreetmap.org/{z}/{x}/{y}.png'}
+          options={{
+            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>',
+          }}
+        />
+        <AssetMarkerCluster
+          markers={mapMarkers}
+          on:view={({ detail }) => onViewAssets(detail.assetIds, detail.activeAssetIndex)}
+        />
+        <Control>
+          <button
+            class="flex justify-center items-center bg-white text-black/70 w-8 h-8 font-bold rounded-sm border-2 border-black/20 hover:bg-gray-50 focus:bg-gray-50"
+            title="Open map settings"
+            on:click={() => (showSettingsModal = true)}
+          >
+            <Cog size="100%" class="p-1" />
+          </button>
+        </Control>
+      </Map>
+    {/if}
+  </div>
 </UserPageLayout>

 <Portal target="body">
-	{#if $isViewingAssetStoreState}
-		<AssetViewer
-			asset={$viewingAssetStoreState}
-			showNavigation={viewingAssets.length > 1}
-			on:navigate-next={navigateNext}
-			on:navigate-previous={navigatePrevious}
-			on:close={() => {
-				assetInteractionStore.setIsViewingAsset(false);
-			}}
-		/>
-	{/if}
+  {#if $isViewingAssetStoreState}
+    <AssetViewer
+      asset={$viewingAssetStoreState}
+      showNavigation={viewingAssets.length > 1}
+      on:navigate-next={navigateNext}
+      on:navigate-previous={navigatePrevious}
+      on:close={() => {
+        assetInteractionStore.setIsViewingAsset(false);
+      }}
+    />
+  {/if}
 </Portal>

 {#if showSettingsModal}
-	<MapSettingsModal
-		settings={{ ...$mapSettings }}
-		on:close={() => (showSettingsModal = false)}
-		on:save={async ({ detail }) => {
-			const shouldUpdate = !isEqual(
-				omit(detail, 'allowDarkMode'),
-				omit($mapSettings, 'allowDarkMode')
-			);
-			showSettingsModal = false;
-			$mapSettings = detail;
+  <MapSettingsModal
+    settings={{ ...$mapSettings }}
+    on:close={() => (showSettingsModal = false)}
+    on:save={async ({ detail }) => {
+      const shouldUpdate = !isEqual(omit(detail, 'allowDarkMode'), omit($mapSettings, 'allowDarkMode'));
+      showSettingsModal = false;
+      $mapSettings = detail;

-			if (shouldUpdate) {
-				mapMarkers = await loadMapMarkers();
-			}
-		}}
-	/>
+      if (shouldUpdate) {
+        mapMarkers = await loadMapMarkers();
+      }
+    }}
+  />
 {/if}