From bcc9e5674989f5450725ec32c94dc35a2e21cfda Mon Sep 17 00:00:00 2001
From: dev_agent <dev_agent@cubecraftlabs.com>
Date: Mon, 12 Oct 2026 09:23:21 -0400
Subject: [PATCH] Serve the MealQuest favicon instead of the browser default
 (Maestro 7c778111)

index.html linked only the apple-touch-icon, so browsers fell back to a
default favicon. generate-icons now also writes favicon.ico (16/32/48
PNG-in-ICO) and 16/32 px PNG favicons from the v1 logo; index.html links
them, and the service worker precaches every icon and favicon so the
offline shell keeps them (the glob covers the manifest icons, so the
plugin no longer injects them a second time).

pwa.test.ts asserts the build ships the favicons at the right sizes,
links them from index.html, and precaches each icon exactly once.

Task: 7c778111-c615-4437-a3f6-0e36bcb97e63

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.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.