feat: add exif data to image tags

src/helpers/image.ts

@@ -1,22 +1,12 @@
-let loadingSharp = false;
 import { rgbaToThumbHash } from "thumbhash";
 import ExifReader from 'exifreader';
+import type { ImageMetadata } from "astro";
 
 let s: typeof import("sharp") | undefined;
-
 async function getSharp(): Promise<typeof import("sharp") | undefined> {
-
   if (s) return s;
   s = (await import("sharp")).default;
   return s;
-
-  if (!loadingSharp) {
-    loadingSharp = true;
-    setTimeout(async () => {
-      s = (await import("sharp")).default;
-    }, 1000);
-    return;
-  }
 }
 
 export async function generateThumbHash(image: { width: number, height: number }) {
@@ -54,10 +44,10 @@ const allowedExif = [
   "IsoSpeedRatings",
 ];
 
-export async function getExifData(image: { fsPath: string }) {
+export async function getExifData(image: ImageMetadata) {
   const sharp = await getSharp();
   if (!sharp) return;
-  const tags = await ExifReader.load(image.fsPath, { async: true });
+  const tags = await ExifReader.load((image as ImageMetadata & { fsPath: string }).fsPath, { async: true });
 
   const out: Record<string, any> = {};
   let hasExif = false;

src/pages/tag/[tag].astro

@@ -1,14 +1,11 @@
 ---
 import Layout from "@layouts/Layout.astro";
 import { getCollection } from "astro:content";
-import { useTranslatedPath } from "@i18n/utils";
 import SmallCard from "@components/SmallCard.astro";
 import SmallGrid from "@components/SmallGrid.astro";
 
 const collections = ["blog", "photos", "projects"] as const;
 
-const tp = useTranslatedPath(Astro.url);
-
 export async function getStaticPaths() {
   const collections = ["blog", "photos", "projects"] as const;
   const posts = await Promise.all(
@@ -54,9 +51,7 @@ const posts = allPosts.filter((post) => {
     <SmallGrid>
       {
         posts.map((post) => {
-          return (
+          return <SmallCard post={post} />;
-            <SmallCard post={post} />
-          );
         })
       }
     </SmallGrid>