Merged
Conversation
aklinker1
approved these changes
Mar 17, 2026
Comment on lines
+12
to
+16
| browser_action: { | ||
| default_icon: icons, | ||
| default_title: "Toggle Side Panel", | ||
| }, | ||
| }), |
Member
There was a problem hiding this comment.
If you just use action here, it will be converted to browser_action when targetting MV2. Icons are also inherited from the extension icon.
Comment on lines
+3
to
+7
| interface BrowserWithSidebar { | ||
| sidebarAction?: { | ||
| toggle(): Promise<void>; | ||
| }; | ||
| } |
Member
There was a problem hiding this comment.
Alternatively, you could augment the browser type: https://wxt.dev/guide/essentials/extension-apis.html#augmenting-the-browser-type
Just added the docs for this this morning.
Then we just do:
browser.sidebarAction?.onClicked.addListener(() => ...)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
This PR adds the
side-panelexample, demonstrating how to use Firefox's sidebar_action and Chrome's sidePanel APIs in a WXT codebase.For demo purposes it ports MDN's annotate-page example to WXT.
Screenshot
Checklist