/madi-chrome-extension

Starter template for google Chrome extension side Panel (Since Chrome 114)

Primary LanguageTypeScriptMIT LicenseMIT

Chrome Extension SidePanel Template

Basic template fork from JohnBra

SidePanel

  1. see src/manifest.ts [side_panel] field for config
  2. see Chrome Official Doc
  3. see src/pages/background.ts for how to enable opening side panel from action icon

Extension Development

  1. Use npm run dev to trigger hot-rebuild
  2. Load unpack extension from /dist

Dev Server Preview Mode

  1. Change script in index.html
  2. Use npm run webdev to preview using dev server