https://github.com/qizhengmo/chrome-extension-sidepanel-template

Starter template for google Chrome extension side Panel (Since Chrome 114)
https://github.com/qizhengmo/chrome-extension-sidepanel-template

chrome extension-chrome react template typescripe

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/qizhengmo/chrome-extension-sidepanel-template
• Owner: QizhengMo
• License: mit
• Created: 2023-07-13T13:56:59.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-30T02:46:22.000Z (about 1 month ago)
• Last Synced: 2024-12-30T03:26:04.170Z (about 1 month ago)
• Topics: chrome, extension-chrome, react, template, typescripe
• Language: TypeScript
• Homepage:
• Size: 67.4 KB
• Stars: 17
• Watchers: 1
• Forks: 7
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Chrome Extension SidePanel Template

## Basic template fork from [JohnBra](https://github.com/JohnBra/vite-web-extension)

## SidePanel

1. see src/manifest.ts [side_panel] field for config

2. see [Chrome Official Doc](https://developer.chrome.com/docs/extensions/reference/sidePanel/)

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

## MISC

1. Remove registry setting in /.npmrc if you want to use your own registry