- Chrome browser api
- React + Typescript (*.tsx)
- Fetch current repository
npm ci
npm run build
- Finish "How to install"
- Open chrome with url chrome://extensions/
- Enable developer mode (right, top toggler)
- Click "Load unpacked"
- Select place, 'build' folder (inner)
- Open needed tab and click on extension icon
- Whoa, use it:)
-
Just to develop front side - use
npm run start
(chrome api not available, no events will fire) -
Development with chrome api
npm run watch
(rebuilding project and copying files to build folder. Minification if switched off) -
Development with chrome api (manual rebuild)
npm run build
Minification if switched on)
Helpfull links:
- https://chromedevtools.github.io/devtools-protocol/tot/Fetch
- Possible start: https://github.com/jhen0409/react-chrome-extension-boilerplate
- https://levelup.gitconnected.com/how-to-use-react-js-to-create-chrome-extension-in-5-minutes-2ddb11899815
- https://chromedevtools.github.io/devtools-protocol/tot/Network
- https://github.com/huchenme/hacker-tab-extension
- chrome://extensions/ 7 https://facebook.github.io/create-react-app/docs/adding-typescript