load fast

src/app/[name]/manifest.webmanifest/route.ts

@@ -4,6 +4,46 @@ import { getRestaurant } from "../lib/getRestaurant";
 export const dynamic = "force-dynamic";
 export const revalidate = 0;
 
+function buildManifestIcons(name: string, logo?: string | null) {
+  const default192 = "/icons/web-app-manifest-192x192.png";
+  const default512 = "/icons/web-app-manifest-512x512.png";
+
+  if (logo && logo.trim() !== "") {
+    const logo192 = `/${name}/api/logo?url=${encodeURIComponent(logo)}&size=192`;
+    const logo512 = `/${name}/api/logo?url=${encodeURIComponent(logo)}&size=512`;
+
+    return [
+      {
+        src: logo192,
+        sizes: "192x192",
+        type: "image/png",
+        purpose: "any",
+      },
+      {
+        src: logo512,
+        sizes: "512x512",
+        type: "image/png",
+        purpose: "any",
+      },
+    ];
+  }
+
+  return [
+    {
+      src: default192,
+      sizes: "192x192",
+      type: "image/png",
+      purpose: "any",
+    },
+    {
+      src: default512,
+      sizes: "512x512",
+      type: "image/png",
+      purpose: "any",
+    },
+  ];
+}
+
 export async function GET(
   request: Request,
   { params }: { params: Promise<{ name: string }> }
@@ -13,21 +53,7 @@ export async function GET(
     const restaurant = await getRestaurant(name);
 
     const themeColor = restaurant.menuColor || "#F4F5F9";
-
-    const icons = [
-      {
-        src: "/icons/web-app-manifest-192x192.png",
-        sizes: "192x192",
-        type: "image/png",
-        purpose: "any",
-      },
-      {
-        src: "/icons/web-app-manifest-512x512.png",
-        sizes: "512x512",
-        type: "image/png",
-        purpose: "any",
-      },
-    ];
+    const icons = buildManifestIcons(name, restaurant.logo);
 
     const manifest = {
       name: restaurant.name,
@@ -75,20 +101,7 @@ export async function GET(
       orientation: "portrait",
       dir: "rtl",
       lang: "fa-IR",
-      icons: [
-        {
-          src: "/icons/web-app-manifest-192x192.png",
-          sizes: "192x192",
-          type: "image/png",
-          purpose: "any",
-        },
-        {
-          src: "/icons/web-app-manifest-512x512.png",
-          sizes: "512x512",
-          type: "image/png",
-          purpose: "any",
-        },
-      ],
+      icons: buildManifestIcons(name),
     };
 
     return NextResponse.json(manifest, {