Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ohager/extension-starter
A starter project for extension development
https://github.com/ohager/extension-starter
chrome extension firefox starter typescript
Last synced: 7 days ago
JSON representation
A starter project for extension development
- Host: GitHub
- URL: https://github.com/ohager/extension-starter
- Owner: ohager
- Created: 2024-05-14T12:35:29.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-05-14T12:57:15.000Z (6 months ago)
- Last Synced: 2024-05-14T14:02:52.194Z (6 months ago)
- Topics: chrome, extension, firefox, starter, typescript
- Language: TypeScript
- Homepage:
- Size: 89.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Browser Extension Starter 2024
- [x] 🔥 Vite Build - Fast Builds, HMR
- [x] 🦊 Cross Browser - MV2/MV3
- [x] ⚛️ React TS
- [x] 🌬️ TailwindCSS
- [x] 🎵 NodeJS 20
## Installation
```bash
yarn
```
## Development
```bash
yarn dev
```
A window should open and you can open the extension popup in the tool bar.
> More here: https://vite-plugin-web-extension.aklinker1.io/guide/development.html
## Build
### Unpacked
Unpacked can be loaded in Chrome when Developer Mode is active.
```bash
yarn build:chrome
```
## Production for Chrome
> Manifest 3
```bash
yarn dist:chrome
```
The resulting package is available under `.dist/packed/chrome.extension.zip`
## Production for Firefox
> Manifest 2
```bash
yarn dist:firefox
```
The resulting package is available under `.dist/packed/firefox.extension.zip`
## Additional Info
The project was mainly built with [Vite Extension Plugin](https://vite-plugin-web-extension.aklinker1.io/)
See more details there.
### Built-In Environment Variables
> see also [env.d.ts](env.d.ts)
```JS
__APP_INFO__.browser
```
You can add more in [vite.config.ts](./vite.config.ts).