fix: disable some keyboard shortcuts when it's disabled in settings

[alex-key]

🔗 Linked issue

Resolves #1779

🧭 Context

In #1537 we've added a mechanism which allows user to disable all custom keyboard shortcuts in Settings. So it does not conflict with browser, os or other tools user might use to browse

📚 Description

Some pages in the app still use custom keyboard shortcuts. This PR adds logic to disable custom behavior for the following areas:

• Search (any page)
• Compare page package search

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Mar 2, 2026 10:14am

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Mar 2, 2026 10:14am
npmx-lunaria	Ignored		Mar 2, 2026 10:14am

[codecov]

Codecov Report

❌ Patch coverage is 74.18033% with 63 lines in your changes missing coverage. Please review.
✅ All tests successful. No failed tests found.

Files with missing lines	Patch %	Lines
app/components/BlueskyComment.vue	60.37%	19 Missing and 2 partials ⚠️
app/components/BlueskyComments.vue	51.35%	18 Missing ⚠️
app/error.vue	0.00%	5 Missing and 1 partial ⚠️
app/components/AuthorAvatar.vue	66.66%	5 Missing ⚠️
app/components/global/BlueskyPostEmbed.client.vue	70.58%	2 Missing and 3 partials ⚠️
app/composables/useBlogPostBlueskyLink.ts	87.50%	2 Missing and 1 partial ⚠️
app/pages/package/[[org]]/[name].vue	0.00%	2 Missing ⚠️
app/app.vue	0.00%	1 Missing ⚠️
app/components/Package/Versions.vue	0.00%	1 Missing ⚠️
app/components/global/BlogPostWrapper.vue	92.30%	1 Missing ⚠️

📢 Thoughts on this report? Let us know!

[coderabbitai]

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 3f867d9 and c265a93.

📒 Files selected for processing (2)

• app/components/Compare/PackageSelector.vue
• app/pages/search.vue

---

📝 Walkthrough

Walkthrough

This PR adds keyboard shortcuts guards to keyboard event handlers across two components. The changes introduce a useKeyboardShortcuts() composable in the Compare page's PackageSelector component and the search results page. Both components now check whether keyboard shortcuts are enabled before processing keyboard events, returning early if shortcuts are disabled, thereby preventing keyboard navigation when the setting is off.

Possibly related PRs

• fix: arrow key navigation in search skips keyword buttons #1704: Modifies search results keyboard navigation behaviour in app/pages/search.vue (focus handling for ArrowUp/ArrowDown keys)
• feat: add keyboard navigation to compare page package search #1377: Adjusts keyboard navigation handling in PackageSelector.vue with similar guard logic for keyboard events
• feat: compare page search package add esc keyboard event #1333: Alters handleKeydown logic in app/components/Compare/PackageSelector.vue (Escape-key branch addition)

Suggested reviewers

• danielroe
• whitep4nth3r

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description clearly relates to the changeset, explaining the context of issue #1537 and describing the specific areas where keyboard shortcuts are being disabled.
Linked Issues check	✅ Passed	The changes successfully implement the core requirements from issue #1779: disabling custom keyboard shortcuts in Search and Compare package search when the global setting is disabled.
Out of Scope Changes check	✅ Passed	All changes are directly aligned with the scope of issue #1779. The modifications only affect the two specified areas: Search navigation and Compare page package search, with no extraneous changes.

_{✏️ 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

Tip

Try Coding Plans. Let us write the prompt for your AI agent so you can ship faster (with fewer bugs).
Share your feedback on Discord.

---

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.}