feat: preview mode show the pr number

[btea]

🔗 Linked issue

/

🧭 Context

It makes it easier to distinguish between multiple pull requests when previewing them, and also makes it easier to quickly switch back to GitHub after previewing.

📚 Description

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Feb 28, 2026 3:24am

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Feb 28, 2026 3:24am
npmx-lunaria	Ignored		Feb 28, 2026 3:24am

[codecov]

Codecov Report

❌ Patch coverage is 50.00000% with 1 line in your changes missing coverage. Please review.
✅ All tests successful. No failed tests found.

Files with missing lines	Patch %	Lines
app/components/AppHeader.vue	50.00%	1 Missing ⚠️

📢 Thoughts on this report? Let us know!

[coderabbitai]

Note

Reviews paused

It looks like this branch is under active development. To avoid overwhelming you with review comments due to an influx of new commits, CodeRabbit has automatically paused this review. You can configure this behavior by changing the reviews.auto_review.auto_pause_after_reviewed_commits setting.

Use the following commands to manage reviews:

• @coderabbitai resume to resume automatic reviews.
• @coderabbitai review to trigger a single review.

Use the checkboxes below for quick actions:

• ▶️ Resume reviews
• 🔍 Trigger review

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between fe474ab and b2de7a0.

📒 Files selected for processing (2)

• shared/types/env.ts
• test/nuxt/components/BuildEnvironment.spec.ts

---

📝 Walkthrough

Walkthrough

Adds PR-number support end-to-end: reads PR ID from environment (REVIEW_ID or VERCEL_GIT_PULL_REQUEST_ID) in config, exposes it via getEnv, includes it in BuildInfo, updates modules/build-env.ts and shared/types/env.ts to carry prNumber, and conditionally renders a GitHub PR badge/link in the desktop AppHeader when prNumber is present.

Possibly related PRs

• fix(ui): app footer layout and build environment on narrow screens #1032: Also modifies BuildInfo shape and modules/build-env.ts, affecting propagation of build metadata.
• chore: use getEnv in oauth module for platform agnosticity #1148: Modifies config/env.ts and the getEnv return shape by adding new exported environment fields.
• feat: put env string next to 'npmx' #657: Touches app/components/AppHeader.vue to read useAppConfig().buildInfo and add a badge next to the logo, similar UI surface changes.

Suggested reviewers

• danielroe

🚥 Pre-merge checks | ✅ 1

✅ Passed checks (1 passed)

Check name	Status	Explanation
Description check	✅ Passed	The PR description relates to the changeset, explaining the feature to display PR numbers in preview mode with context about the use case.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 1

---

ℹ️ Review info

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 85ac3d7 and 087fc17.

📒 Files selected for processing (2)

• app/components/AppHeader.vue
• nuxt.config.ts

[coderabbitai]

Actionable comments posted: 1

🧹 Nitpick comments (1)

app/components/AppHeader.vue (1)

231-239: Consider opening the PR link in a new tab to preserve preview context.

This makes switching between preview and GitHub smoother, and rel hardens external navigation.

Suggested tweak

         <NuxtLink
           v-if="prId"
           :to="`https://github.com/npmx-dev/npmx.dev/pull/${prId}`"
           :aria-label="`Open GitHub pull request ${prId}`"
+          target="_blank"
+          rel="noopener noreferrer"
         >

---

ℹ️ Review info

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 087fc17 and 0a79d95.

📒 Files selected for processing (1)

• app/components/AppHeader.vue

[coderabbitai]

Actionable comments posted: 1

---

ℹ️ Review info

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between e2df8ab and fe474ab.

📒 Files selected for processing (3)

• config/env.ts
• modules/build-env.ts
• shared/types/env.ts