From 48c4c0e6f14728202275bdea99d2b76939edcabb Mon Sep 17 00:00:00 2001
From: orchestrator-agent <20+orchestrator-agent@code.cubecraftcreations.com>
Date: Mon, 12 Oct 2026 09:34:26 -0400
Subject: [PATCH] Serve the MealQuest favicon instead of the browser default
 (Maestro 7c778111) (#213)

Co-authored-by: orchestrator-agent <20+orchestrator-agent@code.cubecraftcreations.com>
---
 web/index.html                     |   3 ++
 web/public/favicon.ico             | Bin 0 -> 9275 bytes
 web/public/icons/favicon-16.png    | Bin 0 -> 785 bytes
 web/public/icons/favicon-32.png    | Bin 0 -> 2707 bytes
 web/scripts/generate-icons/main.go |  64 +++++++++++++++++++++++++++--
 web/src/pwa.test.ts                |  46 +++++++++++++++++++--
 web/vite.config.ts                 |   7 +++-
 7 files changed, 111 insertions(+), 9 deletions(-)
 create mode 100644 web/public/favicon.ico
 create mode 100644 web/public/icons/favicon-16.png
 create mode 100644 web/public/icons/favicon-32.png

diff --git a/web/index.html b/web/index.html
index b6b78f5..958c97a 100644
--- a/web/index.html
+++ b/web/index.html
@@ -4,6 +4,9 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="theme-color" content="#5a358c" />
+    <link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16.png" />
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <title>MealQuest</title>
   </head>
diff --git a/web/public/favicon.ico b/web/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..08f273b7c2af383a6dc85fd4a25c15808c4a0b2e
GIT binary patch
literal 9275
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
A0{{R3

literal 0
HcmV?d00001

diff --git a/web/public/icons/favicon-16.png b/web/public/icons/favicon-16.png
new file mode 100644
index 0000000000000000000000000000000000000000..7e14a13f9a0a1f21e44ede037b98e477625ca76d
GIT binary patch
literal 785
zcmV+s1Md8ZP)<h;3K|Lk000e1NJLTq000mG000mO0ssI2kdbIM0008mNkl<Zc-j=w
z+fExt9Dwne|IF+zv$l8FHQ+-60g?i3Q(A?j2aG_i)GEDgZ+g?WsMLpQOQqzZQUr-W
zB|?HE4RKXS1;rTK7}myzJ$Pq#CgK6UtM5mTAOFI5O5+)%6wybRW@x(BJa-YsW21Hy
z_(`HL28EFDI$pa)HPbSz9Mw&PB-M<wvy1KB3Knj!<&KTdd~$!fG?AA{ERz^xB&DKC
zNy2oZaVf=be{5~M7!EymKHu)UgTwu}v0Ixf7e0HqOet1LM3_zq(=lO$!0&5YYwJ~;
zxnJBKSy^2|81~=%TX|WN8?9iNeDnPZP#s|m7zjqHaaMo4?dJI4L80qFSg&6Okz#-a
z@qA63@BQCww1E%+0th2Y;pOX-V9>og3G)kg@61nT?Q}ZD)v&j+_`Wk?)~*Ie|I`VA
zL=1rt<^|&9q`EL6N;mSe_m*OP{O!TvtDT*>h5M@yzZ=bu>P2#R^k3iy0QfpenOrmM
zXFILa(<V2ll`(sLpMtVdx)Ncv+Niu}*_JcHIl_b@fH+RRTK?eA_3FV<`_Zp!UcWze
zXEuq&&c>6385d{XOg{U0`J?L}R3krrd++(vr&0`pp4YrYCynaOf_>{oR@caJ<7)d=
z6C$THV-gbVZfzR6PSd8QMV-^*aA|q=<B;5*`dTXGcEx#TFg2h1bdd}LAF1H<pn_#$
za*f(q+b&I4-*z_tipCsz74@#V5ym6=jQRTSYR*PLsfq<vWPD~Wo6AuE$XMxIru)N(
z=|n`uf?*hT7|L4h5{h*4rehk^Z+Bxan|jZ}7}3xlJlot$arPh&C?Q_p?(JX3!=9AL
zvYeD*as%^HX8p+<|Dg5LM3Dl<<<%vgu?y3;5-EW&UhGzOp9>)u%jK-Ym6U{%FHt(^
zcjBRkj~@M;az=sa3gK%hgfWeUVT5E%DM*Qwk_cf+LHPaNMg3g>00960_wibOj<Bu{
P00000NkvXXu0mjfHYk9M

literal 0
HcmV?d00001

diff --git a/web/public/icons/favicon-32.png b/web/public/icons/favicon-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..6e0b0d773dc90cc4bc8d33b2abd9ffa5683db584
GIT binary patch
literal 2707
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
N002ovPDHLkV1gwPOMU<V

literal 0
HcmV?d00001

diff --git a/web/scripts/generate-icons/main.go b/web/scripts/generate-icons/main.go
index 9734c33..3f2454e 100644
--- a/web/scripts/generate-icons/main.go
+++ b/web/scripts/generate-icons/main.go
@@ -1,5 +1,5 @@
-// Command generate-icons writes the PWA icons in web/public from the
-// MealQuest logo. Run it from the repository root:
+// Command generate-icons writes the PWA icons and favicons in web/public from
+// the MealQuest logo. Run it from the repository root:
 //
 //	go run ./web/scripts/generate-icons
 //
@@ -9,10 +9,13 @@
 package main
 
 import (
+	"bytes"
+	"encoding/binary"
 	"fmt"
 	"image"
 	"image/color"
 	"image/png"
+	"io"
 	"math"
 	"os"
 	"path/filepath"
@@ -27,6 +30,9 @@ const (
 	maskableScale = 0.66
 )
 
+// faviconSizes are the images packed into favicon.ico.
+var faviconSizes = []int{16, 32, 48}
+
 func main() {
 	if err := run(); err != nil {
 		fmt.Fprintln(os.Stderr, "generate-icons:", err)
@@ -49,6 +55,8 @@ func run() error {
 		{"icons/icon-192.png", resized(logo, 192)},
 		{"icons/icon-512.png", resized(logo, 512)},
 		{"icons/icon-maskable-512.png", maskable(logo, 512)},
+		{"icons/favicon-16.png", resized(logo, 16)},
+		{"icons/favicon-32.png", resized(logo, 32)},
 		{"apple-touch-icon.png", resized(logo, 180)},
 	}
 	for _, out := range outputs {
@@ -58,9 +66,53 @@ func run() error {
 		}
 		fmt.Printf("wrote %s (%dx%d)\n", path, out.image.Rect.Dx(), out.image.Rect.Dy())
 	}
+	ico, err := favicon(logo)
+	if err != nil {
+		return err
+	}
+	path := filepath.Join(public, "favicon.ico")
+	if err := os.WriteFile(path, ico, 0o644); err != nil {
+		return err
+	}
+	fmt.Printf("wrote %s (%v)\n", path, faviconSizes)
 	return nil
 }
 
+// favicon is an ICO file holding the logo at each of faviconSizes as an
+// embedded PNG: a 6-byte header, a 16-byte directory entry per image, then
+// the images.
+func favicon(logo image.Image) ([]byte, error) {
+	var images [][]byte
+	for _, size := range faviconSizes {
+		var buf bytes.Buffer
+		if err := encode(&buf, resized(logo, size)); err != nil {
+			return nil, fmt.Errorf("encode favicon %dx%d: %w", size, size, err)
+		}
+		images = append(images, buf.Bytes())
+	}
+	var out bytes.Buffer
+	le := binary.LittleEndian
+	out.Write(le.AppendUint16(nil, 0))                   // reserved
+	out.Write(le.AppendUint16(nil, 1))                   // type: icon
+	out.Write(le.AppendUint16(nil, uint16(len(images)))) // image count
+	offset := 6 + 16*len(images)
+	for i, size := range faviconSizes {
+		out.WriteByte(byte(size))           // width
+		out.WriteByte(byte(size))           // height
+		out.WriteByte(0)                    // palette size: none
+		out.WriteByte(0)                    // reserved
+		out.Write(le.AppendUint16(nil, 1))  // colour planes
+		out.Write(le.AppendUint16(nil, 32)) // bits per pixel
+		out.Write(le.AppendUint32(nil, uint32(len(images[i]))))
+		out.Write(le.AppendUint32(nil, uint32(offset)))
+		offset += len(images[i])
+	}
+	for _, img := range images {
+		out.Write(img)
+	}
+	return out.Bytes(), nil
+}
+
 // load decodes the logo. The file is a PNG despite its .jpg name, so the
 // format is sniffed rather than taken from the extension.
 func load(path string) (image.Image, error) {
@@ -84,14 +136,18 @@ func save(path string, img image.Image) error {
 	if err != nil {
 		return err
 	}
-	enc := png.Encoder{CompressionLevel: png.BestCompression}
-	if err := enc.Encode(f, img); err != nil {
+	if err := encode(f, img); err != nil {
 		f.Close()
 		return fmt.Errorf("encode %s: %w", path, err)
 	}
 	return f.Close()
 }
 
+func encode(w io.Writer, img image.Image) error {
+	enc := png.Encoder{CompressionLevel: png.BestCompression}
+	return enc.Encode(w, img)
+}
+
 func resized(logo image.Image, size int) *image.RGBA {
 	dst := image.NewRGBA(image.Rect(0, 0, size, size))
 	draw.CatmullRom.Scale(dst, dst.Rect, logo, logo.Bounds(), draw.Src, nil)
diff --git a/web/src/pwa.test.ts b/web/src/pwa.test.ts
index dda3d6a..07ac166 100644
--- a/web/src/pwa.test.ts
+++ b/web/src/pwa.test.ts
@@ -1,7 +1,8 @@
 // @vitest-environment node
 // Builds the app with the production config and serves the result, so the
 // assertions cover what ships in dist: the web manifest, the service worker,
-// every icon, and the service worker registration that only builds include.
+// every icon and favicon, and the service worker registration that only builds
+// include.
 import { afterAll, beforeAll, describe, expect, it } from 'vitest'
 import { build, createServer, preview, type PreviewServer, type ViteDevServer } from 'vite'
 import tokens from './styles/tokens.css?raw'
@@ -12,9 +13,13 @@ const icons = [
   { path: '/icons/icon-192.png', size: 192 },
   { path: '/icons/icon-512.png', size: 512 },
   { path: '/icons/icon-maskable-512.png', size: 512 },
+  { path: '/icons/favicon-16.png', size: 16 },
+  { path: '/icons/favicon-32.png', size: 32 },
   { path: '/apple-touch-icon.png', size: 180 },
 ]
 
+const faviconSizes = [16, 32, 48]
+
 function token(name: string): string {
   const value = tokens.match(new RegExp(`^\\s*${name}:\\s*([^;\\s]+);`, 'm'))?.[1]
   if (!value) throw new Error(`${name} is not defined in tokens.css`)
@@ -38,6 +43,18 @@ function pngSize(bytes: Uint8Array): { width: number; height: number } {
   return { width: view.getUint32(16), height: view.getUint32(20) }
 }
 
+// The images in an ICO file: a 6-byte header (reserved, type 1, count), then
+// a 16-byte directory entry per image giving its byte length and offset.
+function icoImages(bytes: Uint8Array): Uint8Array[] {
+  const view = new DataView(bytes.buffer, bytes.byteOffset, bytes.byteLength)
+  expect([view.getUint16(0, true), view.getUint16(2, true)]).toEqual([0, 1])
+  return Array.from({ length: view.getUint16(4, true) }, (_, i) => {
+    const entry = 6 + 16 * i
+    const offset = view.getUint32(entry + 12, true)
+    return bytes.subarray(offset, offset + view.getUint32(entry + 8, true))
+  })
+}
+
 describe('production build', () => {
   let server: PreviewServer
   let origin: string
@@ -94,13 +111,25 @@ describe('production build', () => {
     expect(pngSize(bytes)).toEqual({ width: size, height: size })
   })
 
+  it('ships /favicon.ico holding the logo as PNGs at every favicon size', async () => {
+    const bytes = new Uint8Array(await (await get('/favicon.ico')).arrayBuffer())
+    expect(icoImages(bytes).map((png) => pngSize(png))).toEqual(
+      faviconSizes.map((size) => ({ width: size, height: size })),
+    )
+  })
+
   it('emits sw.js with the precache list injected', async () => {
     const sw = await (await get('/sw.js')).text()
     expect(sw).not.toContain('self.__WB_MANIFEST')
     expect(sw).toContain('"url":"index.html"')
-    for (const { path } of icons.slice(0, 3)) {
-      expect(sw).toContain(`"url":"${path.slice(1)}"`)
+  })
+
+  it('precaches every icon and favicon so the offline shell keeps them', async () => {
+    const urls = precacheEntries(await (await get('/sw.js')).text()).map((entry) => entry.url)
+    for (const path of [...icons.map((icon) => icon.path), '/favicon.ico']) {
+      expect(urls).toContain(path.slice(1))
     }
+    expect(new Set(urls).size, 'precache URLs are unique').toBe(urls.length)
   })
 
   it('precaches the shell, JS, CSS and every self-hosted font', async () => {
@@ -129,6 +158,17 @@ describe('production build', () => {
     expect(html).toContain('<link rel="apple-touch-icon" href="/apple-touch-icon.png" />')
   })
 
+  it('links the favicons from index.html', async () => {
+    const html = await (await get('/')).text()
+    expect(html).toContain('<link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48" />')
+    expect(html).toContain(
+      '<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32.png" />',
+    )
+    expect(html).toContain(
+      '<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16.png" />',
+    )
+  })
+
   it('registers /sw.js at scope / from index.html', async () => {
     const html = await (await get('/')).text()
     expect(html).toContain('<script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script>')
diff --git a/web/vite.config.ts b/web/vite.config.ts
index 48a76c4..8d11f62 100644
--- a/web/vite.config.ts
+++ b/web/vite.config.ts
@@ -17,8 +17,11 @@ export default defineConfig({
       srcDir: 'src',
       filename: 'sw.ts',
       injectRegister: 'script',
-      // Precache the shell, JS, CSS and the self-hosted fonts.
-      injectManifest: { globPatterns: ['**/*.{html,js,css,woff2}'] },
+      // Precache the shell, JS, CSS, the self-hosted fonts and every icon
+      // and favicon. The glob already covers the manifest icons, so the
+      // plugin does not add them a second time.
+      injectManifest: { globPatterns: ['**/*.{html,js,css,woff2,png,ico}'] },
+      includeManifestIcons: false,
       // The web manifest lives in manifest.json: its theme and background
       // colours are --color-accent and --color-bg from src/styles/tokens.css,
       // and hex colours may not be written in TypeScript.