Sidebar Nx

Adds a sidebar panel and shows a small overlay UI on every web page you visit.

Runs on Chrome, Edge, Firefox · Manifest V3 · Surfaces: sidebar, content script, popup, background service worker · Styling: CSS · Level: intermediate

Create this project

npx extension@latest create my-sidebar-monorepo-nx --template sidebar-monorepo-nx
cd my-sidebar-monorepo-nx
npm install
npm run dev

What it is for

  • An extension that lives inside an Nx workspace
  • Sharing code between the extension and other packages
  • Reference for Extension.js in a monorepo with no plugin

First steps

  • Run npm install at the workspace root to link the packages
  • Run npm run dev to launch the extension from the workspace
  • Edit the shared package and both the sidebar and the overlay follow

Permissions it asks for

  • sidePanel

Source on GitHubDocumentation

extension.devDocumentation for extension.dev