@stagewise/toolbar-react
Advanced tools
+4
-4
| { | ||
| "name": "@stagewise/toolbar-react", | ||
| "private": false, | ||
| "version": "0.5.0", | ||
| "version": "0.5.1", | ||
| "type": "module", | ||
@@ -24,3 +24,3 @@ "files": [ | ||
| "dependencies": { | ||
| "@stagewise/toolbar": "0.5.0" | ||
| "@stagewise/toolbar": "0.5.1" | ||
| }, | ||
@@ -31,6 +31,6 @@ "devDependencies": { | ||
| "@vitejs/plugin-react-swc": "^3.9.0", | ||
| "globals": "^16.1.0", | ||
| "globals": "^16.3.0", | ||
| "typescript": "^5.8.3", | ||
| "vite": "^6.3.5", | ||
| "vite-plugin-dts": "^4.5.3" | ||
| "vite-plugin-dts": "^4.5.4" | ||
| }, | ||
@@ -37,0 +37,0 @@ "peerDependencies": { |
+13
-12
@@ -34,10 +34,15 @@ # <img src="https://github.com/stagewise-io/assets/blob/main/media/logo.png?raw=true" alt="stagewise logo" width="48" height="48" style="border-radius: 50%; vertical-align: middle; margin-right: 8px;" /> stagewise | ||
| ### 1. π§© **Install the code editor extension (Cursor, Windsurf, VS Code)** | ||
| ### 1. π§© **Install the extension** | ||
| Install the extension here: https://marketplace.visualstudio.com/items?itemName=stagewise.stagewise-vscode-extension | ||
| Install the extension from the extension store of your code editor: | ||
| ### 2. π¨π½βπ» **Install and inject the toolbar** | ||
| - **Cursor**: [cursor:extension/stagewise.stagewise-vscode-extension](cursor:extension/stagewise.stagewise-vscode-extension) | ||
| - **VS Code**: [vscode:extension/stagewise.stagewise-vscode-extension](vscode:extension/stagewise.stagewise-vscode-extension) | ||
| - **Trae**: [trae:extension/stagewise.stagewise-vscode-extension](trae:extension/stagewise.stagewise-vscode-extension) | ||
| - **Windsurf**: [windsurf:extension/stagewise.stagewise-vscode-extension](windsurf:extension/stagewise.stagewise-vscode-extension) | ||
| ### 2. π¨π½βπ» **Install and inject the toolbar (the extension will guide you)** | ||
| > [!TIP] | ||
| > πͺ **Auto-Install the toolbar (AI-guided):** | ||
| > πͺ **AI-Assisted Setup (recommended):** | ||
| > 1. In Cursor, Press `CMD + Shift + P` | ||
@@ -47,3 +52,3 @@ > 2. Enter `setupToolbar` | ||
| Or follow the manual way: | ||
| Or follow the Manual Setup: | ||
@@ -80,10 +85,6 @@ Install [@stagewise/toolbar](https://www.npmjs.com/package/@stagewise/toolbar): | ||
| > [!IMPORTANT] | ||
| > π« **If nothing happens when a prompt is sent:** | ||
| > | ||
| > If you have multiple Cursor windows open, the toolbar may send prompts to the wrong window, making it appear as if "no prompt is being sent". To ensure reliable operation: | ||
| > - Keep only one Cursor window open when using stagewise | ||
| > | ||
| > A fix for this is on the way! | ||
| ### 3. π **Start dev mode and begin coding!** | ||
| The toolbar should appear in the bottom right corner of your web app. If not, please reach out via [Discord](https://discord.gg/gkdGsDYaKA). | ||
| ### Framework-specific integration examples | ||
@@ -90,0 +91,0 @@ |
47142
0.63%321
0.31%+ Added
- Removed
Updated