fix(og): generate static PNG OG images for landing and guides static exports by Copilot · Pull Request #2417 · PackRat-AI/PackRat

Copilot · 2026-05-13T07:11:35Z

Fix TypeScript errors in apps/guides/__tests__/og-image.test.ts — use buf.readUInt32BE() instead of index access (noUncheckedIndexedAccess), add guard for posts[0]
Fix TypeScript errors in apps/landing/__tests__/og-image.test.ts — use buf.readUInt32BE() instead of index access
Add generated OG PNG paths to .gitignore (apps/landing/public/og-image.png, apps/guides/public/og-image.png, apps/guides/public/og/)
Remove tracked PNG files from git (41 files untracked)
bun check-types passes cleanly

…exports - Root cause: Next.js static exports write OG image data as .body/.meta files (internal format) that Cloudflare Workers serves as raw bytes without Content-Type: image/png, so crawlers never see valid images. - Fix: pre-build scripts (scripts/generate-og-images.ts) use ImageResponse from next/og in Node.js to render the same JSX and write real .png files to public/ before next build runs. - Landing: generates public/og-image.png - Guides: generates public/og-image.png + public/og/[slug].png for all 39 posts - Extracted metadata into lib/metadata.ts (landing/guides) so it can be imported in tests without hitting next/font/google. - Added explicit openGraph.images + twitter.images in all layout metadata and per-slug generateMetadata so <meta> tags are always present regardless of how Next.js resolves file-convention images. - Vitest tests (apps/landing/__tests__/og-image.test.ts, apps/guides/__tests__/og-image.test.ts) verify: PNG exists, valid PNG signature, correct 1200x630 dimensions, >1KB size, metadata contains /og-image.png, per-slug metadata contains /og/[slug].png. - Root package.json: added test:landing and test:guides commands. Agent-Logs-Url: https://github.com/PackRat-AI/PackRat/sessions/313eb9d8-a587-40c6-b39e-368e98256d3e Co-authored-by: andrew-bierman <94939237+andrew-bierman@users.noreply.github.com>

Agent-Logs-Url: https://github.com/PackRat-AI/PackRat/sessions/313eb9d8-a587-40c6-b39e-368e98256d3e Co-authored-by: andrew-bierman <94939237+andrew-bierman@users.noreply.github.com>

cloudflare-workers-and-pages · 2026-05-13T07:12:01Z

Deploying packrat-landing with Cloudflare Pages

Latest commit:	`2dbfcb6`
Status:	✅ Deploy successful!
Preview URL:	https://56e6f766.packrat-landing.pages.dev
Branch Preview URL:	https://copilot-fix-open-graph-image.packrat-landing.pages.dev

View logs

cloudflare-workers-and-pages · 2026-05-13T07:15:01Z

Deploying packrat-guides with Cloudflare Pages

Latest commit:	`2dbfcb6`
Status:	✅ Deploy successful!
Preview URL:	https://be5b8cac.packrat-guides-6gq.pages.dev
Branch Preview URL:	https://copilot-fix-open-graph-image.packrat-guides-6gq.pages.dev

View logs

…port Agent-Logs-Url: https://github.com/PackRat-AI/PackRat/sessions/944edff9-cded-404a-97ee-df2523683e53 Co-authored-by: andrew-bierman <94939237+andrew-bierman@users.noreply.github.com>

github-actions · 2026-05-13T12:14:59Z

Coverage Report for API Unit Tests Coverage (./packages/api)

Status	Category	Percentage	Covered / Total
🔵	Lines	76.17%	502 / 659
🔵	Statements	76.17% (🎯 65%)	502 / 659
🔵	Functions	95%	38 / 40
🔵	Branches	88.67%	227 / 256

File Coverage

No changed files found.

Generated in workflow #1186 for commit 2dbfcb6 by the Vitest Coverage Report Action

github-actions · 2026-05-13T12:15:02Z

Coverage Report for Expo Unit Tests Coverage (./apps/expo)

Status	Category	Percentage	Covered / Total
🔵	Lines	82.61%	480 / 581
🔵	Statements	82.61% (🎯 75%)	480 / 581
🔵	Functions	92.59%	50 / 54
🔵	Branches	90.9%	170 / 187

File Coverage

No changed files found.

Generated in workflow #1186 for commit 2dbfcb6 by the Vitest Coverage Report Action

Agent-Logs-Url: https://github.com/PackRat-AI/PackRat/sessions/e8718b89-10d4-451e-96cf-bc9bba4594e7 Co-authored-by: andrew-bierman <94939237+andrew-bierman@users.noreply.github.com>

Copilot

Pull request overview

This PR makes Open Graph images work correctly for the apps/landing and apps/guides static exports by generating real PNG files into public/ at build time, and wiring metadata/tests around those outputs.

Changes:

Add pre-build Bun scripts to render next/og ImageResponse output into static PNGs under each app’s public/ directory.
Update Landing/Guides metadata and OG image routes to reuse shared OG JSX/constants and point metadata at the generated PNG paths.
Add Vitest configs + tests to validate generated PNG existence/format/dimensions, plus ignore generated PNGs in git.

Reviewed changes

Copilot reviewed 21 out of 23 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
package.json	Adds root-level `test:guides` / `test:landing` commands.
bun.lock	Locks new workspace deps (notably Vitest in landing/guides).
apps/landing/vitest.config.ts	Introduces Vitest config (alias + test discovery) for Landing tests.
apps/landing/scripts/generate-og-images.ts	New pre-build generator that writes `public/og-image.png`.
apps/landing/package.json	Runs OG generation before `next build`; adds `generate-og-images` + `test` scripts; adds Vitest devDep.
apps/landing/lib/og-image.tsx	Centralizes Landing OG JSX + shared constants.
apps/landing/lib/metadata.ts	Centralizes Landing `Metadata`, including `/og-image.png` references.
apps/landing/app/twitter-image.tsx	Refactors to use shared OG element/constants.
apps/landing/app/opengraph-image.tsx	Refactors to use shared OG element/constants.
apps/landing/app/layout.tsx	Switches to `landingMetadata` export.
apps/landing/tests/og-image.test.ts	Adds tests to generate/validate Landing OG PNG + metadata image URLs.
apps/guides/vitest.config.ts	Introduces Vitest config (alias + timeouts) for Guides tests.
apps/guides/scripts/generate-og-images.ts	New pre-build generator that writes root + per-post PNGs (`public/og/*.png`).
apps/guides/package.json	Runs OG generation as part of build; adds `generate-og-images` + `test` scripts; adds Vitest devDep.
apps/guides/lib/og-image.tsx	Centralizes Guides OG JSX (root + per-post) + shared constants.
apps/guides/lib/metadata.ts	Centralizes Guides `Metadata`, including `/og-image.png` references.
apps/guides/app/twitter-image.tsx	Refactors to use shared OG element/constants.
apps/guides/app/opengraph-image.tsx	Refactors to use shared OG element/constants.
apps/guides/app/layout.tsx	Switches to `guidesMetadata` export.
apps/guides/app/guide/[slug]/page.tsx	Adds per-slug metadata image URLs pointing at `/og/[slug].png`.
apps/guides/app/guide/[slug]/opengraph-image.tsx	Refactors per-slug OG route to use shared element/constants.
apps/guides/tests/og-image.test.ts	Adds tests to generate/validate root + per-post Guides OG PNGs + metadata URLs.
.gitignore	Ignores generated OG PNG outputs for landing/guides.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

  "private": true,
  "scripts": {
-    "build": "bun run build-content && next build",
+    "build": "bun run generate-og-images && bun run build-content && next build",


+  return Buffer.from(await response.arrayBuffer());
+}
+
+async function generateOgImages(): Promise<void> {


…exports (#2417)

Copilot AI and others added 2 commits May 13, 2026 07:09

fix(og): restore star symbol in landing OG image stats

64a3892

Agent-Logs-Url: https://github.com/PackRat-AI/PackRat/sessions/313eb9d8-a587-40c6-b39e-368e98256d3e Co-authored-by: andrew-bierman <94939237+andrew-bierman@users.noreply.github.com>

Copilot AI assigned Copilot and andrew-bierman May 13, 2026

Copilot created this pull request from a session on behalf of andrew-bierman May 13, 2026 07:13 View session

Copilot finished work on behalf of andrew-bierman May 13, 2026 07:14

Copilot AI requested a review from andrew-bierman May 13, 2026 07:14

Copilot started work on behalf of andrew-bierman May 13, 2026 07:15 View session

Copilot finished work on behalf of andrew-bierman May 13, 2026 07:19

Copilot started work on behalf of andrew-bierman May 13, 2026 07:21 View session

Copilot finished work on behalf of andrew-bierman May 13, 2026 07:25

Copilot started work on behalf of andrew-bierman May 13, 2026 07:27 View session

Copilot finished work on behalf of andrew-bierman May 13, 2026 07:33

github-actions Bot added dependencies Pull requests that update a dependency file web labels May 13, 2026

Copilot started work on behalf of andrew-bierman May 13, 2026 12:35 View session

Copilot finished work on behalf of andrew-bierman May 13, 2026 12:45

andrew-bierman approved these changes May 13, 2026

View reviewed changes

andrew-bierman marked this pull request as ready for review May 13, 2026 12:53

Copilot AI review requested due to automatic review settings May 13, 2026 12:53

andrew-bierman merged commit c7eba1a into main May 13, 2026
12 checks passed

andrew-bierman deleted the copilot/fix-open-graph-images-issue branch May 13, 2026 12:54

Copilot started reviewing on behalf of andrew-bierman May 13, 2026 12:54 View session

Copilot AI reviewed May 13, 2026

View reviewed changes

andrew-bierman pushed a commit that referenced this pull request May 14, 2026

fix(og): generate static PNG OG images for landing and guides static …

ea8c729

…exports (#2417)

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

fix(og): generate static PNG OG images for landing and guides static exports#2417

fix(og): generate static PNG OG images for landing and guides static exports#2417
andrew-bierman merged 4 commits into
mainfrom
copilot/fix-open-graph-images-issue

Copilot AI commented May 13, 2026 •

edited

Loading

Uh oh!

cloudflare-workers-and-pages Bot commented May 13, 2026 •

edited

Loading

Uh oh!

cloudflare-workers-and-pages Bot commented May 13, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented May 13, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented May 13, 2026 •

edited

Loading

Uh oh!

Uh oh!

Copilot AI left a comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Conversation

Copilot AI commented May 13, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

cloudflare-workers-and-pages Bot commented May 13, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Deploying packrat-landing with Cloudflare Pages

Uh oh!

cloudflare-workers-and-pages Bot commented May 13, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Deploying packrat-guides with Cloudflare Pages

Uh oh!

github-actions Bot commented May 13, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Coverage Report for API Unit Tests Coverage (./packages/api)

Uh oh!

github-actions Bot commented May 13, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Coverage Report for Expo Unit Tests Coverage (./apps/expo)

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Copilot AI commented May 13, 2026 •

edited

Loading

cloudflare-workers-and-pages Bot commented May 13, 2026 •

edited

Loading

cloudflare-workers-and-pages Bot commented May 13, 2026 •

edited

Loading

github-actions Bot commented May 13, 2026 •

edited

Loading

github-actions Bot commented May 13, 2026 •

edited

Loading