A cross-platform (Chrome, Firefox, Edge, Opera, Brave) web browser extension (Manifest V3 and Manifest V2) starter kit with hot reload support, built with React, Typescript, Redux, Vite, ESLint, Prettier, TailwindCSS, Jest and more!

 

🚀 Read the article here: {tbd}

• Recognize negative tweets
• Turn them into cat meow

Then run the following:

• yarn install to install dependencies.

• yarn dev to start the development server.

• yarn build to build an unpacked extension.

• Load extension in Chrome (Chromium, Manifest V3)

  • Go to the browser address bar and type chrome://extensions
  • Check the Developer Mode button to enable it.
  • Click on the Load Unpacked Extension button.
  • Select your dist folder in the project root.

• Load extension in Firefox (Manifest V2)

  • Go to the browser address bar and type about://debugger
  • Click on the Load Temporary Add-on button.
  • Select your dist-firefox-v2 folder in the project root.

• yarn clean to remove dist folder. dev and build commands call this command.
• yarn format to fix code with eslint and prettier.
• yarn lint to call ESLint and Prettier.
• yarn test for testing.

You can use redux (redux-toolkit) as state manager between popup, background, content and custom pages. Read the documentation for more.

Note This plugin powers the development side of this starter.

docs: https://crxjs.dev/vite-plugin

Special thanks to @jacksteamdev and contributors for this amazing plugin.

This repository is following the Conventional Commits standard.

MIT © Sinan Bekar