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

Create this project

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

Files in this template

  • extension.config.js
  • src/background.ts
  • src/content/ContentApp.ts
  • src/content/scripts.ts
  • src/content/styles.css
  • src/content/types.d.ts
  • src/images/icon.png
  • src/manifest.json
  • src/sidebar/SidebarApp.ts
  • src/sidebar/index.html
  • src/sidebar/scripts.ts
  • src/sidebar/styles.css

extension.devDocumentation for extension.dev