$ sh /private/tmp/claude-501/-Users-king-Desktop-Workspace-SRO/30a0bda4-10e1-4565-9753-29db161e9005/scratchpad/lighthouse2.sh
# cwd /Users/king/Desktop/Workspace/SRO/zoen
# exit 1

✘ /                      perf 82 · a11y 100 · bp 100 · seo 100 · LCP 4653 ms · CLS 0 · TBT 33 ms  ← performance 82
    LCP element: 
✘ /game                  perf 89 · a11y 100 · bp 100 · seo 100 · LCP 3649 ms · CLS 0 · TBT 15 ms  ← performance 89
    LCP element: 
✘ /game/builds           perf 89 · a11y 100 · bp 100 · seo 100 · LCP 3741 ms · CLS 0 · TBT 24 ms  ← performance 89
    LCP element: 
✔ /game/builds/ravager   perf 92 · a11y 100 · bp 100 · seo 100 · LCP 3271 ms · CLS 0 · TBT 21 ms
✔ /news                  perf 93 · a11y 100 · bp 100 · seo 100 · LCP 3178 ms · CLS 0 · TBT 12 ms
✔ /support               perf 91 · a11y 100 · bp 100 · seo 100 · LCP 3473 ms · CLS 0 · TBT 12 ms
✔ /alpha                 perf 90 · a11y 100 · bp 100 · seo 100 · LCP 3623 ms · CLS 0 · TBT 21 ms
✘ lighthouse: 3 of 7 pages over budget
Turbopack build encountered 2 warnings:
./apps/site/app/opengraph-image.tsx:14:5
Warning: Dynamic filesystem access causes tracing of the whole project
  12 | export default async function OgImage() {
  13 |   const read = (rel: string, w: number, h: number, fit: 'cover' | 'inside') =>
> 14 |     fs.readFile(path.join(process.cwd(), rel)).then((b) => sharp(b).resize(w, h, { fit, po...
     |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  15 |   const [art, mark] = await Promise.all([
  16 |     read('public/media/hero.webp', 1200, 630, 'cover'),
  17 |     read('../../packages/ui/assets/brand/zoen-wordmark-720w.webp', 520, 200, 'inside'),

Static analysis determined that this filesystem access causes the whole project to be traced and included in the output.
This is usually unintentional and leads to all source files (including the public folder) to be deployed as part of the server code.
This can slow down deployments or lead to failures when size limits are exceeded.
To resolve this, you can
- make sure the path is statically scoped to some subfolder, for example path.join(process.cwd(), 'data', bar), or
- only use them in development, or
- opt out by adding an ignore comment to the highlighted call: fs.readFile(/*turbopackIgnore: true*/ ...), or
- remove them.

Import traces:
  App Route:
    ./apps/site/app/opengraph-image.tsx
    ./apps/site/app/opengraph-image--route-entry.js

  Server Component:
    ./apps/site/app/opengraph-image.tsx
    ./apps/site/app/opengraph-image--metadata.js


./apps/site/app/opengraph-image.tsx:14:17
Warning: Dynamic filesystem access causes tracing of the whole project
  12 | export default async function OgImage() {
  13 |   const read = (rel: string, w: number, h: number, fit: 'cover' | 'inside') =>
> 14 |     fs.readFile(path.join(process.cwd(), rel)).then((b) => sharp(b).resize(w, h, { fit, po...
     |                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  15 |   const [art, mark] = await Promise.all([
  16 |     read('public/media/hero.webp', 1200, 630, 'cover'),
  17 |     read('../../packages/ui/assets/brand/zoen-wordmark-720w.webp', 520, 200, 'inside'),

Static analysis determined that this filesystem access causes the whole project to be traced and included in the output.
This is usually unintentional and leads to all source files (including the public folder) to be deployed as part of the server code.
This can slow down deployments or lead to failures when size limits are exceeded.
To resolve this, you can
- make sure the path is statically scoped to some subfolder, for example path.join(process.cwd(), 'data', bar), or
- only use them in development, or
- opt out by adding an ignore comment to the highlighted call: path.join(/*turbopackIgnore: true*/ ...), or
- remove them.

Import traces:
  App Route:
    ./apps/site/app/opengraph-image.tsx
    ./apps/site/app/opengraph-image--route-entry.js

  Server Component:
    ./apps/site/app/opengraph-image.tsx
    ./apps/site/app/opengraph-image--metadata.js