Merge pull request #3 from e3stpavel/works

Fixed 'works' endpoint by adding '.json' extension

src/components/product/ProductsList.tsx

@@ -8,7 +8,7 @@ type ProductImage = Pick<GetImageResult, 'src' | 'attributes'>
 
 async function fetcher() {
   const host = import.meta.env.DEV ? 'http://localhost:4321' : import.meta.env.SITE
-  const response = await fetch(`${host}/api/works/`)
+  const response = await fetch(`${host}/api/works.json/`)
 
   if (!response.ok) {
     throw new Error('Failed to fetch products')

src/pages/api/works.json.ts

@@ -0,0 +1,39 @@
+import type { APIRoute } from 'astro'
+import { getImage } from 'astro:assets'
+
+export const GET: APIRoute = async () => {
+  const productsImages = import.meta.glob<{ default: ImageMetadata }>([
+    '/src/assets/products/**/*.{jpeg,jpg,png}',
+    '!**/og/**/*.{jpeg,jpg,png}',
+    '!**/fallback.png',
+    '!**/works/*.{jpeg,jpg,png}',
+  ], { eager: true })
+
+  const worksImages = import.meta.glob<{ default: ImageMetadata }>(
+    '/src/assets/products/works/*.{jpeg,jpg,png}',
+    { eager: true },
+  )
+
+  // resolve only unused images
+  const resolved = await Promise.all(
+    Object.values(worksImages).map(
+      async ({ default: src }) => await getImage({ src }),
+    ),
+  )
+
+  return new Response(
+    JSON.stringify([
+      ...Object.values(productsImages)
+        .map(({ default: { src, width, height } }) => ({
+          src,
+          attributes: {
+            width,
+            height,
+            loading: 'lazy',
+            decoding: 'async',
+          },
+        })),
+      ...resolved.map(({ src, attributes }) => ({ src, attributes })),
+    ]),
+  )
+}