fix: lint issues

IMB11 · IMB11 · commit a6277e02805b · 2025-05-11T01:15:23.000+01:00
diff --git a/apps/app-frontend/src/components/ui/ScreenshotCard.vue b/apps/app-frontend/src/components/ui/ScreenshotCard.vue
@@ -16,11 +16,7 @@
           <Button icon-only title="Rename" @click="renameScreenshot">
             <EditIcon/>
           </Button>
-          <Button
-              icon-only
-              title="Copy"
-              @click="copyImageToClipboard"
-          >
+          <Button icon-only title="Copy" @click="copyImageToClipboard">
             <ClipboardCopyIcon/>
           </Button>
           <Button icon-only title="Share" @click="shareScreenshot">
@@ -36,16 +32,16 @@
 </template>
 
 <script lang="ts" setup>
-import {ClipboardCopyIcon, EditIcon, ShareIcon, TrashIcon} from "@modrinth/assets";
-import {Button} from "@modrinth/ui";
-import type {Screenshot} from "@/helpers/screenshots.ts";
-import {useNotifications} from "@/store/state";
+import {ClipboardCopyIcon, EditIcon, ShareIcon, TrashIcon} from '@modrinth/assets'
+import {Button} from '@modrinth/ui'
+import type {Screenshot} from '@/helpers/screenshots.ts'
+import {useNotifications} from '@/store/state'
 
-const notifications = useNotifications();
+const notifications = useNotifications()
 
 const props = defineProps<{
   screenshot: Screenshot
-}>();
+}>()
 
 const getFileName = (path: string | undefined) => {
   if (!path) return 'Untitled'
@@ -54,26 +50,27 @@ const getFileName = (path: string | undefined) => {
 
 const copyImageToClipboard = async () => {
   try {
-    const base64 = props.screenshot.data;
-    const binary = atob(base64);
+    const base64 = props.screenshot.data
+    const binary = atob(base64)
 
-    const bytes = Uint8Array.from(binary, char => char.charCodeAt(0));
+    const bytes = Uint8Array.from(binary, (char) => char.charCodeAt(0))
 
-    const blob = new Blob([bytes], {type: `data:image/png`});
-    const clipboardItem = new ClipboardItem({"image/png": blob});
+    const blob = new Blob([bytes], {type: `data:image/png`})
+    const clipboardItem = new ClipboardItem({'image/png': blob})
 
-    await navigator.clipboard.write([clipboardItem]);
+    await navigator.clipboard.write([clipboardItem])
 
     notifications.addNotification({
-      title: "Copied to clipboard",
-      text: "The screenshot has successfully been copied to your clipboard.",
-      type: 'success'
+      title: 'Copied to clipboard',
+      text: 'The screenshot has successfully been copied to your clipboard.',
+      type: 'success',
     })
+    // eslint-disable-next-line
   } catch (error: any) {
     notifications.addNotification({
       title: 'Failed to copy screenshot',
       text: error.message,
-      type: 'warn'
+      type: 'warn',
     })
   }
 }
@@ -86,4 +83,4 @@ const deleteScreenshot = () => {
 
 const shareScreenshot = () => {
 }
-</script>
+</script>
diff --git a/apps/app-frontend/src/helpers/screenshots.ts b/apps/app-frontend/src/helpers/screenshots.ts
@@ -1,19 +1,25 @@
-import {invoke} from "@tauri-apps/api/core";
+import {invoke} from '@tauri-apps/api/core'
 
 export type Screenshot = {
-    path: string;
-    creation_date: string;
-    data: string;
+    path: string
+    creation_date: string
+    data: string
 }
 
 export async function getAllProfileScreenshots(path: string): Promise<Screenshot[]> {
-    return await invoke('plugin:screenshots|get_all_profile_screenshots', { path })
+    return await invoke('plugin:screenshots|get_all_profile_screenshots', {path})
 }
 
 export async function deleteScreenshotFile(screenshot: Screenshot): Promise<boolean> {
     return await invoke('plugin:screenshots|delete_screenshot', {path: screenshot.path})
 }
 
-export async function renameScreenshotFile(screenshot: Screenshot, new_filename: string): Promise<boolean> {
-    return await invoke('plugin:screenshots|rename_screenshot', {path: screenshot.path, new_filename})
-}
+export async function renameScreenshotFile(
+    screenshot: Screenshot,
+    new_filename: string,
+): Promise<boolean> {
+    return await invoke('plugin:screenshots|rename_screenshot', {
+        path: screenshot.path,
+        new_filename,
+    })
+}
diff --git a/apps/app-frontend/src/pages/instance/Index.vue b/apps/app-frontend/src/pages/instance/Index.vue
@@ -153,13 +153,7 @@
   </div>
 </template>
 <script setup>
-import {
-  Avatar,
-  ButtonStyled,
-  ContentPageHeader,
-  LoadingIndicator,
-  OverflowMenu,
-} from '@modrinth/ui'
+import {Avatar, ButtonStyled, ContentPageHeader, LoadingIndicator, OverflowMenu,} from '@modrinth/ui'
 import {
   CheckCircleIcon,
   ClipboardCopyIcon,
@@ -183,19 +177,19 @@ import {
   UserPlusIcon,
   XIcon,
 } from '@modrinth/assets'
-import { finish_install, get, get_full_path, kill, run } from '@/helpers/profile'
-import { get_by_profile_path } from '@/helpers/process'
-import { process_listener, profile_listener } from '@/helpers/events'
-import { useRoute, useRouter } from 'vue-router'
-import { computed, onUnmounted, ref, watch } from 'vue'
-import { handleError, useBreadcrumbs, useLoading } from '@/store/state'
-import { showProfileInFolder } from '@/helpers/utils.js'
+import {finish_install, get, get_full_path, kill, run} from '@/helpers/profile'
+import {get_by_profile_path} from '@/helpers/process'
+import {process_listener, profile_listener} from '@/helpers/events'
+import {useRoute, useRouter} from 'vue-router'
+import {computed, onUnmounted, ref, watch} from 'vue'
+import {handleError, useBreadcrumbs, useLoading} from '@/store/state'
+import {showProfileInFolder} from '@/helpers/utils.js'
 import ContextMenu from '@/components/ui/ContextMenu.vue'
 import NavTabs from '@/components/ui/NavTabs.vue'
-import { trackEvent } from '@/helpers/analytics'
-import { convertFileSrc } from '@tauri-apps/api/core'
-import { handleSevereError } from '@/store/error.js'
-import { get_project, get_version_many } from '@/helpers/cache.js'
+import {trackEvent} from '@/helpers/analytics'
+import {convertFileSrc} from '@tauri-apps/api/core'
+import {handleSevereError} from '@/store/error.js'
+import {get_project, get_version_many} from '@/helpers/cache.js'
 import dayjs from 'dayjs'
 import duration from 'dayjs/plugin/duration'
 import relativeTime from 'dayjs/plugin/relativeTime'
@@ -274,7 +268,7 @@ const tabs = computed(() => [
   },
   {
     label: 'Screenshots',
-    href: `${basePath.value}/screenshots`
+    href: `${basePath.value}/screenshots`,
   },
   {
     label: 'Logs',
diff --git a/apps/app-frontend/src/pages/instance/Screenshots.vue b/apps/app-frontend/src/pages/instance/Screenshots.vue
@@ -1,69 +1,72 @@
 <script setup lang="ts">
-import type {GameInstance} from "@/helpers/types";
-import type ContextMenu from "@/components/ui/ContextMenu.vue";
-import {DropdownIcon} from "@modrinth/assets";
-import type {Version} from "@modrinth/utils";
-import {computed, onMounted, ref} from 'vue';
-import dayjs from "dayjs";
-import advancedFormat from 'dayjs/plugin/advancedFormat.js';
-import type {Screenshot} from "@/helpers/screenshots.ts";
-import {getAllProfileScreenshots} from "@/helpers/screenshots.ts";
-import ScreenshotCard from "@/components/ui/ScreenshotCard.vue";
+import type {GameInstance} from '@/helpers/types'
+import type ContextMenu from '@/components/ui/ContextMenu.vue'
+import {DropdownIcon} from '@modrinth/assets'
+import type {Version} from '@modrinth/utils'
+import {computed, onMounted, ref} from 'vue'
+import dayjs from 'dayjs'
+import advancedFormat from 'dayjs/plugin/advancedFormat.js'
+import type {Screenshot} from '@/helpers/screenshots.ts'
+import {getAllProfileScreenshots} from '@/helpers/screenshots.ts'
+import ScreenshotCard from '@/components/ui/ScreenshotCard.vue'
 
-dayjs.extend(advancedFormat);
+dayjs.extend(advancedFormat)
 
 const props = defineProps<{
-  instance: GameInstance;
-  options: InstanceType<typeof ContextMenu> | null;
-  offline: boolean;
-  playing: boolean;
-  versions: Version[];
-  installed: boolean;
-}>();
+  instance: GameInstance
+  options: InstanceType<typeof ContextMenu> | null
+  offline: boolean
+  playing: boolean
+  versions: Version[]
+  installed: boolean
+}>()
 
-const screenshots = ref<Screenshot[]>([]);
+const screenshots = ref<Screenshot[]>([])
 
 onMounted(async () => {
-  screenshots.value = (await getAllProfileScreenshots(props.instance.path)) ?? [];
-});
+  screenshots.value = (await getAllProfileScreenshots(props.instance.path)) ?? []
+})
 
 function groupAndSortByDate(items: Screenshot[]) {
-  const today = dayjs().startOf('day');
-  const yesterday = today.subtract(1, 'day');
-  const map = new Map<string, { labelDate: dayjs.Dayjs; items: any[] }>();
+  const today = dayjs().startOf('day')
+  const yesterday = today.subtract(1, 'day')
+  const map = new Map<string, { labelDate: dayjs.Dayjs; items: Screenshot[] }>()
 
   for (const shot of items) {
-    const d = dayjs(shot.creation_date).startOf('day');
-    let label: string;
-    if (d.isSame(today)) label = 'Today';
-    else if (d.isSame(yesterday)) label = 'Yesterday';
-    else label = dayjs(shot.creation_date).format("MMMM Do, YYYY");
+    const d = dayjs(shot.creation_date).startOf('day')
+    let label: string
+    if (d.isSame(today)) label = 'Today'
+    else if (d.isSame(yesterday)) label = 'Yesterday'
+    else label = dayjs(shot.creation_date).format('MMMM Do, YYYY')
 
     if (!map.has(label)) {
-      map.set(label, {labelDate: d, items: []});
+      map.set(label, {labelDate: d, items: []})
     }
 
-    map.get(label)!.items.push(shot);
+    map.get(label)!.items.push(shot)
   }
 
   return Array.from(map.entries())
       .sort(([a, aData], [b, bData]) => {
-        if (a === 'Today') return -1;
-        if (b === 'Today') return 1;
-        if (a === 'Yesterday') return -1;
-        if (b === 'Yesterday') return 1;
-        return bData.labelDate.unix() - aData.labelDate.unix();
+        if (a === 'Today') return -1
+        if (b === 'Today') return 1
+        if (a === 'Yesterday') return -1
+        if (b === 'Yesterday') return 1
+        return bData.labelDate.unix() - aData.labelDate.unix()
       })
-      .map(([label, {items}]) => [label, items] as const);
+      .map(([label, {items}]) => [label, items] as const)
 }
 
-const screenshotsByDate = computed(() => groupAndSortByDate(screenshots.value));
-const hasToday = computed(() => screenshotsByDate.value.some(([label]) => label === 'Today'));
+const screenshotsByDate = computed(() => groupAndSortByDate(screenshots.value))
+const hasToday = computed(() => screenshotsByDate.value.some(([label]) => label === 'Today'))
 </script>
 
 <template>
   <div class="w-full p-5">
-    <div v-if="!screenshots.length" class="flex flex-col items-center justify-center py-12 text-center">
+    <div
+        v-if="!screenshots.length"
+        class="flex flex-col items-center justify-center py-12 text-center"
+    >
       <div class="text-lg font-medium mb-2">No screenshots yet</div>
       <div class="text-sm text-gray-500 dark:text-gray-400">
         Screenshots taken in-game will appear here
@@ -74,30 +77,36 @@ const hasToday = computed(() => screenshotsByDate.value.some(([label]) => label
       <template v-if="!hasToday">
         <details class="group space-y-2" open>
           <summary class="cursor-pointer flex items-center justify-between">
-            <h2 class="text-xxl font-bold underline decoration-4 decoration-brand-green underline-offset-8">Today</h2>
-            <DropdownIcon class="w-5 h-5 transform transition-transform duration-200 group-open:rotate-180"/>
+            <h2
+                class="text-xxl font-bold underline decoration-4 decoration-brand-green underline-offset-8"
+            >
+              Today
+            </h2>
+            <DropdownIcon
+                class="w-5 h-5 transform transition-transform duration-200 group-open:rotate-180"
+            />
           </summary>
           <p class="text-lg font-medium mb-2">You haven't taken any screenshots today.</p>
         </details>
       </template>
 
-      <template v-for="([date, shots]) in screenshotsByDate" :key="date">
+      <template v-for="[date, shots] in screenshotsByDate" :key="date">
         <details class="group space-y-2" open>
           <summary class="cursor-pointer flex items-center justify-between">
-            <h2 class="text-xxl font-bold underline decoration-4 decoration-brand-green underline-offset-8">{{
-                date
-              }}</h2>
-            <DropdownIcon class="w-5 h-5 transform transition-transform duration-200 group-open:rotate-180"/>
+            <h2
+                class="text-xxl font-bold underline decoration-4 decoration-brand-green underline-offset-8"
+            >
+              {{ date }}
+            </h2>
+            <DropdownIcon
+                class="w-5 h-5 transform transition-transform duration-200 group-open:rotate-180"
+            />
           </summary>
           <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 pt-2">
-            <ScreenshotCard
-                v-for="s in shots"
-                :key="s.path"
-                :screenshot="s"
-            />
+            <ScreenshotCard v-for="s in shots" :key="s.path" :screenshot="s"/>
           </div>
         </details>
       </template>
     </div>
   </div>
-</template>
+</template>
diff --git a/apps/app-frontend/src/pages/instance/index.js b/apps/app-frontend/src/pages/instance/index.js
@@ -3,6 +3,6 @@ import Overview from './Overview.vue'
 import Worlds from './Worlds.vue'
 import Mods from './Mods.vue'
 import Logs from './Logs.vue'
-import Screenshots from "./Screenshots.vue"
+import Screenshots from './Screenshots.vue'
 
 export { Index, Overview, Worlds, Mods, Logs, Screenshots }
