TypeScript

Adds a sidebar panel to the browser with a simple page.

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

Create this project

npx extension@latest create my-typescript --template typescript
cd my-typescript
npm install
npm run dev

What it is for

  • A typed sidebar extension with no compiler config
  • TypeScript compiled by Extension.js out of the box
  • Starting point for TypeScript extensions

First steps

  • Run npm run dev to launch the extension
  • Click the extension icon to open the sidebar panel
  • Edit the typed sources in src/sidebar/ to watch the panel update

Permissions it asks for

  • sidePanel

Source on GitHubDocumentation

extension.devDocumentation for extension.dev