From 4de42dc8505d136e1bf777470c1e238769cebd8c Mon Sep 17 00:00:00 2001
From: Ricardo Tribaldos <579671+tribal2@users.noreply.github.com>
Date: Tue, 26 Mar 2024 12:06:02 -0500
Subject: [PATCH 1/5] Generate dynamic manifest file and icons

This update also moves the main icon images from the public folder to the src folder and remove the ones that are going to be generated and optimized by Astro.
---
 README.md                                     |   5 --
 public/icon-192.png                           | Bin 4590 -> 0 bytes
 public/manifest.webmanifest                   |  35 ----------
 public/maskable_icon_x512.png                 | Bin 13897 -> 0 bytes
 src/components/Meta.astro                     |   2 +-
 .../images/icon-maskable.png                  | Bin
 public/icon-512.png => src/images/icon.png    | Bin
 src/pages/manifest.json.ts                    |  64 ++++++++++++++++++
 8 files changed, 65 insertions(+), 41 deletions(-)
 delete mode 100644 public/icon-192.png
 delete mode 100644 public/manifest.webmanifest
 delete mode 100644 public/maskable_icon_x512.png
 rename public/maskable_icon.png => src/images/icon-maskable.png (100%)
 rename public/icon-512.png => src/images/icon.png (100%)
 create mode 100644 src/pages/manifest.json.ts

diff --git a/README.md b/README.md
index e804335..c3508f8 100644
--- a/README.md
+++ b/README.md
@@ -193,12 +193,7 @@ Static files served directly to the browser are within the `public` directory at
 public/
 ├── apple-touch-icon.png
 ├── favicon.ico
-├── icon-192.png
-├── icon-512.png
 ├── icon.svg
-├── manifest.webmanifest
-├── maskable_icon.png
-├── maskable_icon_x512.png
 ├── scripts/
 │   └── vendor/
 │       ├── gsap/ # Animations powered by GSAP (GreenSock Animation Platform)
diff --git a/public/icon-192.png b/public/icon-192.png
deleted file mode 100644
index 7a83b88c0d34b8ffdabf3872fb2b230f18ae5e35..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4590
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
RBiaEDz+N`geXry2=s$tJX*U1>

diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest
deleted file mode 100644
index ac95964..0000000
--- a/public/manifest.webmanifest
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-    "short_name": "ScrewFast",
-    "name": "ScrewFast",
-    "icons": [
-      {
-        "src": "/icon-192.png",
-        "sizes": "192x192",
-        "type": "image/png",
-        "purpose": "any"
-      },
-      {
-        "src": "/icon-512.png",
-        "sizes": "512x512",
-        "type": "image/png",
-        "purpose": "any"
-      },
-      {
-        "src": "/maskable_icon_x512.png",
-        "sizes": "512x512",
-        "type": "image/png",
-        "purpose": "maskable"
-      },
-      {
-         "src": "/maskable_icon.png",
-         "sizes": "1000x1000",
-         "type": "image/png",
-         "purpose": "maskable"
-      }
-    ],
-    "display": "minimal-ui",
-    "id": "/",
-    "start_url": "/",
-    "theme_color": "#FFEDD5",
-    "background_color": "#262626"
-  }
\ No newline at end of file
diff --git a/public/maskable_icon_x512.png b/public/maskable_icon_x512.png
deleted file mode 100644
index 0c37558c3ecead2d193cfb67ba926e9c76c104be..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 13897
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

diff --git a/src/components/Meta.astro b/src/components/Meta.astro
index d642a37..0a905ef 100644
--- a/src/components/Meta.astro
+++ b/src/components/Meta.astro
@@ -73,7 +73,7 @@ const socialImage: string = `${Astro.site}/social.png`; // Set the path for the
 <meta name="twitter:image" content={socialImage} />
 
 <!-- Links to the webmanifest and sitemap -->
-<link rel="manifest" href="/manifest.webmanifest" />
+<link rel="manifest" href="/manifest.json" />
 <!-- https://docs.astro.build/en/guides/integrations-guide/sitemap/ -->
 <link rel="sitemap" href="/sitemap-index.xml" />
 
diff --git a/public/maskable_icon.png b/src/images/icon-maskable.png
similarity index 100%
rename from public/maskable_icon.png
rename to src/images/icon-maskable.png
diff --git a/public/icon-512.png b/src/images/icon.png
similarity index 100%
rename from public/icon-512.png
rename to src/images/icon.png
diff --git a/src/pages/manifest.json.ts b/src/pages/manifest.json.ts
new file mode 100644
index 0000000..26fd13c
--- /dev/null
+++ b/src/pages/manifest.json.ts
@@ -0,0 +1,64 @@
+import type { APIRoute, ImageMetadata } from "astro";
+import { getImage } from "astro:assets";
+import icon from "@/images/icon.png";
+import maskableIcon from "@/images/icon-maskable.png";
+
+interface Favicon {
+  purpose: 'any' | 'maskable' | 'monochrome';
+  src: ImageMetadata;
+  sizes: number[];
+}
+
+const sizes = [192, 512];
+const favicons: Favicon[] = [
+  {
+    purpose: 'any',
+    src: icon,
+    sizes,
+  },
+  {
+    purpose: 'maskable',
+    src: maskableIcon,
+    sizes,
+   },
+];
+
+console.log(favicons);
+
+export const GET: APIRoute = async () => {
+  const icons = await Promise.all(
+    favicons.flatMap((favicon) =>
+      favicon.sizes.map(async (size) => {
+        const image = await getImage({
+          src: favicon.src,
+          width: size,
+          height: size,
+          format: "png",
+        });
+        return {
+          src: image.src,
+          sizes: `${image.options.width}x${image.options.height}`,
+          type: `image/${image.options.format}`,
+          purpose: favicon.purpose,
+        };
+      }),
+    ),
+  );
+
+  const manifest = {
+    short_name: "ScrewFast",
+    name: "ScrewFast",
+    icons,
+    display: "minimal-ui",
+    id: "some-unique-id",
+    start_url: "/",
+    theme_color: "#FFEDD5",
+    background_color: "#262626",
+  };
+
+  console.log(
+    JSON.stringify(manifest, null, 2),
+  );
+
+  return new Response(JSON.stringify(manifest));
+};

From c1bccf25d5340d0d438c3c155406cd2bf158f377 Mon Sep 17 00:00:00 2001
From: Ricardo Tribaldos <579671+tribal2@users.noreply.github.com>
Date: Tue, 26 Mar 2024 12:19:13 -0500
Subject: [PATCH 2/5] Generate dynamic favicons

---
 README.md                       |   2 --
 public/apple-touch-icon.png     | Bin 4253 -> 0 bytes
 src/components/Meta.astro       |  24 +++++++++++++++++++++---
 {public => src/images}/icon.svg |   0
 4 files changed, 21 insertions(+), 5 deletions(-)
 delete mode 100644 public/apple-touch-icon.png
 rename {public => src/images}/icon.svg (100%)

diff --git a/README.md b/README.md
index c3508f8..7c5810a 100644
--- a/README.md
+++ b/README.md
@@ -191,9 +191,7 @@ Static files served directly to the browser are within the `public` directory at
 ```md
 
 public/
-├── apple-touch-icon.png
 ├── favicon.ico
-├── icon.svg
 ├── scripts/
 │   └── vendor/
 │       ├── gsap/ # Animations powered by GSAP (GreenSock Animation Platform)
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
deleted file mode 100644
index 709d9456f22a005d8cfb878fea9c82140a53b953..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4253
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
Lk#-frHsb#PR<b30

diff --git a/src/components/Meta.astro b/src/components/Meta.astro
index 0a905ef..b3bd33e 100644
--- a/src/components/Meta.astro
+++ b/src/components/Meta.astro
@@ -1,4 +1,8 @@
 ---
+import { getImage } from "astro:assets";
+import faviconSvgSrc from "@/images/icon.svg";
+import faviconSrc from "@/images/icon.png";
+
 // Default properties for the Meta component. These values are used if props are not provided.
 // 'title' sets the default page title for the website.
 // 'meta' sets a default description meta tag to describe the page content.
@@ -35,6 +39,20 @@ const ogDescription: string =
   "Equip your projects with ScrewFast's top-quality hardware tools and expert construction services. Trusted by industry leaders, ScrewFast offers simplicity, affordability, and reliability. Experience the difference with user-centric design and cutting-edge tools. Start exploring now!"; // Set the Open Graph description
 const URL: string = `${Astro.site}`; // Set the website URL in astro.config.mjs
 const socialImage: string = `${Astro.site}/social.png`; // Set the path for the social media image
+
+// Generate and optimize the favicon images
+const faviconSvg = await getImage({
+  src: faviconSvgSrc,
+  format: 'svg',
+});
+
+const appleTouchIcon = await getImage({
+  src: faviconSrc,
+  width: 180,
+  height: 180,
+  format: 'png',
+});
+
 ---
 
 <!-- Inject structured data into the page if provided. This data is formatted as JSON-LD, a method recommended by Google for structured data pass:
@@ -79,9 +97,9 @@ const socialImage: string = `${Astro.site}/social.png`; // Set the path for the
 
 <!-- Links for favicons -->
 <link href="/favicon.ico" rel="icon" sizes="any" type="image/x-icon" />
-<link href="/icon.svg" rel="icon" type="image/svg+xml" sizes="any" />
+<link href={faviconSvg.src} rel="icon" type="image/svg+xml" sizes="any" />
 <meta name="mobile-web-app-capable" content="yes" />
-<link href="/apple-touch-icon.png" rel="apple-touch-icon" />
-<link href="/apple-touch-icon.png" rel="shortcut icon" />
+<link href={appleTouchIcon.src} rel="apple-touch-icon" />
+<link href={appleTouchIcon.src} rel="shortcut icon" />
 <!-- Set theme color -->
 <meta name="theme-color" content="#facc15" />
diff --git a/public/icon.svg b/src/images/icon.svg
similarity index 100%
rename from public/icon.svg
rename to src/images/icon.svg

From 3a4662a5b0ac059fb3b0792f6ba145e6f73ef17e Mon Sep 17 00:00:00 2001
From: Ricardo Tribaldos <579671+tribal2@users.noreply.github.com>
Date: Tue, 26 Mar 2024 12:22:13 -0500
Subject: [PATCH 3/5] Remove console.log statements left in manifest.json.ts

---
 src/pages/manifest.json.ts | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/src/pages/manifest.json.ts b/src/pages/manifest.json.ts
index 26fd13c..bab70e0 100644
--- a/src/pages/manifest.json.ts
+++ b/src/pages/manifest.json.ts
@@ -23,8 +23,6 @@ const favicons: Favicon[] = [
    },
 ];
 
-console.log(favicons);
-
 export const GET: APIRoute = async () => {
   const icons = await Promise.all(
     favicons.flatMap((favicon) =>
@@ -56,9 +54,5 @@ export const GET: APIRoute = async () => {
     background_color: "#262626",
   };
 
-  console.log(
-    JSON.stringify(manifest, null, 2),
-  );
-
   return new Response(JSON.stringify(manifest));
 };

From 59c53bf14f59275b4896c6cd59ef9b648d1d7bdb Mon Sep 17 00:00:00 2001
From: Ricardo Tribaldos <579671+tribal2@users.noreply.github.com>
Date: Tue, 26 Mar 2024 12:36:57 -0500
Subject: [PATCH 4/5] Add new dependencies to generate ICO files

---
 package.json | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/package.json b/package.json
index fce6831..06a0fd6 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,8 @@
     "gsap": "^3.12.5",
     "html-minifier": "^4.0.0",
     "preline": "^2.0.3",
+    "sharp": "^0.33.3",
+    "sharp-ico": "^0.1.5",
     "tailwindcss": "^3.4.1"
   },
   "devDependencies": {

From 34768af68531d6e70db3ec9abd28cf8a5988fd8f Mon Sep 17 00:00:00 2001
From: Ricardo Tribaldos <579671+tribal2@users.noreply.github.com>
Date: Tue, 26 Mar 2024 12:39:49 -0500
Subject: [PATCH 5/5] Generate dynamic favicon ico file

---
 README.md                |   1 -
 public/favicon.ico       | Bin 1879 -> 0 bytes
 src/pages/favicon.ico.ts |  28 ++++++++++++++++++++++++++++
 3 files changed, 28 insertions(+), 1 deletion(-)
 delete mode 100644 public/favicon.ico
 create mode 100644 src/pages/favicon.ico.ts

diff --git a/README.md b/README.md
index 7c5810a..d7ce089 100644
--- a/README.md
+++ b/README.md
@@ -191,7 +191,6 @@ Static files served directly to the browser are within the `public` directory at
 ```md
 
 public/
-├── favicon.ico
 ├── scripts/
 │   └── vendor/
 │       ├── gsap/ # Animations powered by GSAP (GreenSock Animation Platform)
diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index 456b3a7ef2835240723d6e2451fc8de55195bcf4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1879
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
R|A7Di002ovPDHLkV1ibgTMhsK

diff --git a/src/pages/favicon.ico.ts b/src/pages/favicon.ico.ts
new file mode 100644
index 0000000..891b87c
--- /dev/null
+++ b/src/pages/favicon.ico.ts
@@ -0,0 +1,28 @@
+import type { APIRoute } from "astro";
+import sharp from "sharp";
+import ico from "sharp-ico";
+import path from "node:path";
+
+const faviconSrc = path.resolve("src/images/icon.png");
+
+export const GET: APIRoute = async () => {
+
+  // Resize the image to multiple sizes
+  const sizes = [16, 32, 48, 64, 128, 256];
+
+  const buffers = await Promise.all(
+    sizes.map(async (size) => {
+      return await sharp(faviconSrc)
+        .resize(size)
+        .toFormat("png")
+        .toBuffer();
+    })
+  );
+
+  // Convert the image to an ICO file
+  const icoBuffer = ico.encode(buffers);
+
+  return new Response(icoBuffer, {
+    headers: { "Content-Type": "image/x-icon" },
+  });
+};