style: Apply code formatting with format:fix

Author: PresentKim

index.html

@@ -22,7 +22,10 @@
     <link rel="apple-touch-icon" href="/favicon-180.png" />
     <link rel="manifest" href="/manifest.webmanifest" />
     <link rel="preconnect" href="https://api.github.com" crossorigin />
-    <link rel="preconnect" href="https://raw.githubusercontent.com" crossorigin />
+    <link
+      rel="preconnect"
+      href="https://raw.githubusercontent.com"
+      crossorigin />
     <link rel="preconnect" href="https://github.com" crossorigin />
     <meta
       http-equiv="Content-Security-Policy"

src/api/github/workers/imageFileTreeWorker.ts

@@ -51,7 +51,7 @@ class ImageFileTreeWorker extends BaseGithubWorker<
           file =>
             !zipData.files[file].dir && // Not a directory
             (imageExtensions.some(ext => file.toLowerCase().endsWith(ext)) || // Image file
-             file.toLowerCase().endsWith('.mcmeta')), // Or mcmeta file
+              file.toLowerCase().endsWith('.mcmeta')), // Or mcmeta file
         )
         .map(file => file.replace(`${rootFolder}/`, '')) // Remove root folder
     }
@@ -104,7 +104,11 @@ class ImageFileTreeWorker extends BaseGithubWorker<
     response: ImageFileTreeResponse,
   ): GithubImageFileTree {
     return response.tree.reduce((acc, {path, type}) => {
-      if (type === 'blob' && (IMAGE_FILE_EXTENSIONS_REGEX.test(path) || MCMETA_FILE_EXTENSIONS_REGEX.test(path))) {
+      if (
+        type === 'blob' &&
+        (IMAGE_FILE_EXTENSIONS_REGEX.test(path) ||
+          MCMETA_FILE_EXTENSIONS_REGEX.test(path))
+      ) {
         acc.push(path)
       }
       return acc

src/components/FilterInput.tsx

@@ -42,10 +42,7 @@ export function FilterInput({
 
   return (
     <div
-      className={cn(
-        'flex w-full items-center justify-end gap-1.5',
-        className,
-      )}
+      className={cn('flex w-full items-center justify-end gap-1.5', className)}
       {...props}>
       <div className="relative flex-1 max-w-lg">
         <Input
@@ -59,7 +56,8 @@ export function FilterInput({
           aria-describedby="filter-description"
         />
         <span id="filter-description" className="sr-only">
-          Enter keywords to include or exclude images. Use '-keyword' to exclude.
+          Enter keywords to include or exclude images. Use '-keyword' to
+          exclude.
         </span>
         <Button
           aria-label="Clear filter"

src/components/ImageCell.tsx

@@ -33,16 +33,19 @@ const ImageCell = memo(function ImageCell({
     setLoading(false)
   }, [])
 
-  const handleImageRef = useCallback((img: HTMLImageElement | null) => {
-    imgRef.current = img
-    if (currentPathRef.current !== path) {
-      currentPathRef.current = path
-      setLoading(true)
-    }
-    if (img && img.complete) {
-      setLoading(false)
-    }
-  }, [path])
+  const handleImageRef = useCallback(
+    (img: HTMLImageElement | null) => {
+      imgRef.current = img
+      if (currentPathRef.current !== path) {
+        currentPathRef.current = path
+        setLoading(true)
+      }
+      if (img && img.complete) {
+        setLoading(false)
+      }
+    },
+    [path],
+  )
 
   const handleKeyDown = useCallback(
     (e: React.KeyboardEvent<HTMLDivElement>) => {
@@ -78,7 +81,10 @@ const ImageCell = memo(function ImageCell({
             className="size-full flex justify-center items-center opacity-5 ring-muted-foreground ring-1 rounded-md"
             style={{display: loading ? 'block' : 'none'}}
             aria-hidden="true">
-            <LoaderCircleIcon className="size-full object-contain text-muted animate-spin duration-[3s]" aria-hidden="true" />
+            <LoaderCircleIcon
+              className="size-full object-contain text-muted animate-spin duration-[3s]"
+              aria-hidden="true"
+            />
           </div>
           <img
             ref={handleImageRef}