Skip to content

Commit

Permalink
Update readme.md
Browse files Browse the repository at this point in the history
  • Loading branch information
vkruglikov committed Jan 6, 2025
1 parent f5d17b1 commit 74ff3f8
Show file tree
Hide file tree
Showing 2 changed files with 28 additions and 4 deletions.
7 changes: 5 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,10 @@ Switch seamlessly between multiple JSON configurations within the same host envi

<img width="300px" src="./media/extension/multi-configs.png" />

### 🔄 Edit json config in the DevTools
### Edit json config in the DevTools
<img src="https://img.shields.io/badge/WIP-roadmap_feature-ff6a33" />

### Pause/Resume mode
<img src="https://img.shields.io/badge/WIP-roadmap_feature-ff6a33" />

## Motivation 💡
Expand Down Expand Up @@ -74,7 +77,7 @@ Chrome Extension is not yet published to Chrome Web Store, because it's in waiti

[![Chrome Web Store](https://img.shields.io/chrome-web-store/v/jkclaelcdjjledfendcippjbhngkhkpm.svg)](https://chrome.google.com/webstore/detail/jkclaelcdjjledfendcippjbhngkhkpm)

You can only install it downloading the build and loading it as an unpacked extension.
You can only install it downloading the build and [loading it as an unpacked extension](./packages/extension/README.md).

[![Download Chrome Extension](https://img.shields.io/badge/download-chrome_extension_dist-ff6a33)](https://github.com/vkruglikov/msw-devtools-extension/releases/tag/%40msw-devtools%2Fextension%40latest)

Expand Down
25 changes: 23 additions & 2 deletions packages/extension/README.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,29 @@
![Private](https://img.shields.io/badge/status-private-red?)
### Start dev server
## Start dev server

```bash
npm run dev
```

Open: http://localhost:8082/popup.html
Open: http://localhost:8082/popup.html

## Upload unpacked extension

1. **Open the Extensions Settings in Chrome**:
- Click on the menu (three dots in the top-right corner of the browser).
- Select **"More tools" → "Extensions"**.
- Or type the following into the address bar:
```text
chrome://extensions/
```
2. **Enable Developer Mode**:
- Toggle the **"Developer mode"** switch in the top-right corner of the page.
3. **Load the Unpacked Extension**:
- [Download](https://github.com/vkruglikov/msw-devtools-extension/releases/tag/%40msw-devtools%2Fextension%40latest) the latest version of the extension or build it locally.
- Click the **"Load unpacked"** button.
- In the dialog that opens, select the folder `dist` containing your extension.
4. **Verify the Extension is Loaded**:
- The extension will appear in the list of active extensions.

0 comments on commit 74ff3f8

Please sign in to comment.