πŸš€ Socket Launch Week Day 5:Introducing Repository Access Permissions and Custom Roles.Learn more β†’
Sign In

@stagewise/toolbar-react

Package Overview
Dependencies
Maintainers
2
Versions
30
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@stagewise/toolbar-react - npm Package Compare versions

Comparing version
0.5.0
to
0.5.1
+4
-4
package.json
{
"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 @@