wehub-resource-sync
72 lines
1.5 KiB
Markdown
72 lines
1.5 KiB
Markdown
# React Scanner Extension
|
|
|
|
Browser extension for scanning React applications and identifying performance issues.
|
|
|
|
|
|
### Environment Variables
|
|
|
|
When developing with Brave, you need to set the `BRAVE_BINARY` environment variable. Create a `.env` file (copy from `.env.example`):
|
|
|
|
```env
|
|
# For macOS
|
|
BRAVE_BINARY="/Applications/Brave Browser.app/Contents/MacOS/Brave Browser"
|
|
|
|
# For Windows
|
|
BRAVE_BINARY="C:\\Program Files\\BraveSoftware\\Brave-Browser\\Application\\brave.exe"
|
|
|
|
# For Linux
|
|
BRAVE_BINARY="/usr/bin/brave"
|
|
```
|
|
|
|
### Development Setup
|
|
#### For Chrome
|
|
1. Run development server:
|
|
```bash
|
|
pnpm dev
|
|
```
|
|
3. This will automatically open Chrome with the extension loaded.
|
|
|
|
<i>If you need to inspect the extension, open `chrome://extensions` in Chrome</i>
|
|
#### For Firefox
|
|
|
|
<br />
|
|
|
|
#### For Firefox
|
|
1. Run development server:
|
|
```bash
|
|
pnpm dev:firefox
|
|
```
|
|
2. This will automatically open Firefox with the extension loaded.
|
|
|
|
<i>If you need to inspect the extension, open `about:debugging#/runtime/this-firefox` in Firefox</i>
|
|
|
|
<br />
|
|
|
|
#### For Brave
|
|
|
|
1. Run development server:
|
|
```bash
|
|
pnpm dev:brave
|
|
```
|
|
|
|
2. This will automatically open Brave with the extension loaded.
|
|
|
|
<i>If you need to inspect the extension, open `brave://extensions` in Brave</i>
|
|
|
|
<br />
|
|
|
|
### Building for Production
|
|
|
|
To build the extension for all browsers:
|
|
|
|
```bash
|
|
pnpm pack:all
|
|
```
|
|
|
|
This will create:
|
|
- `chrome-extension-v1.0.8.zip`
|
|
- `firefox-extension-v1.0.8.zip`
|
|
- `brave-extension-v1.0.8.zip`
|
|
|
|
in the `build` directory.
|