{"_id":"@21st-extension/toolbar-vue","_rev":"14-3a5b30ca64cc40c444c951d930f75091","name":"@21st-extension/toolbar-vue","dist-tags":{"latest":"0.5.14"},"versions":{"0.4.8":{"name":"@21st-extension/toolbar-vue","version":"0.4.8","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-vue@0.4.8","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"99bb0be5f44d8cf00982113a80c373bee1138b77","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-vue/-/toolbar-vue-0.4.8.tgz","fileCount":6,"integrity":"sha512-z6+h5vKpD7PSxTQ4Qc9dgXWq7Un5mdFb9PpHqs+OrYPiIC2YrRpcNq8XtbIlT8P5Ntu6ZR7pOiq0BUuW0i7PPg==","signatures":[{"sig":"MEYCIQD4KinfODVaLWNRz2LDuZlBDIXMkeKcX60oUSTs88+qBQIhAI+c+ItrTCEuLa8DaBKFxoyRLvM3AlKnuHrAJ+wDhNan","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47237},"type":"module","_from":"file:21st-extension-toolbar-vue-0.4.8.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/5392955070ba56d2b25d2b0bcc5fd9d8/21st-extension-toolbar-vue-0.4.8.tgz","_integrity":"sha512-z6+h5vKpD7PSxTQ4Qc9dgXWq7Un5mdFb9PpHqs+OrYPiIC2YrRpcNq8XtbIlT8P5Ntu6ZR7pOiq0BUuW0i7PPg==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.2","dependencies":{"@21st-extension/toolbar":"0.4.8"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","vite-plugin-dts":"^4.5.3","typescript-eslint":"^8.32.0","@vitejs/plugin-vue":"^5.2.4"},"peerDependencies":{"vue":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-vue_0.4.8_1750942995688_0.17656699758208316","host":"s3://npm-registry-packages-npm-production"}},"0.5.0":{"name":"@21st-extension/toolbar-vue","version":"0.5.0","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-vue@0.5.0","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"d4d870e15e5d38e115221f442cb87b37ae65f480","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-vue/-/toolbar-vue-0.5.0.tgz","fileCount":6,"integrity":"sha512-NSJKHq/7YRSYOSrsXg7uQQtORgPFlY+OIGuipZ66fr6OeS1BgwCx5l5E2uP2UaSi0rIT+TY5LKzxrl4o7ITWEQ==","signatures":[{"sig":"MEUCIQDpxgr7GYsihJ7HOaAPrnYBSI+nfF0/vwcw7gXL0S6AowIgXEeFsgfTUp4FpUSrJZzyc0HOFAa6CMxooFgXg3lhnOg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47237},"type":"module","_from":"file:21st-extension-toolbar-vue-0.5.0.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/50674a30f551c50c440f105d38bee015/21st-extension-toolbar-vue-0.5.0.tgz","_integrity":"sha512-NSJKHq/7YRSYOSrsXg7uQQtORgPFlY+OIGuipZ66fr6OeS1BgwCx5l5E2uP2UaSi0rIT+TY5LKzxrl4o7ITWEQ==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.2","dependencies":{"@21st-extension/toolbar":"0.5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","vite-plugin-dts":"^4.5.3","typescript-eslint":"^8.32.0","@vitejs/plugin-vue":"^5.2.4"},"peerDependencies":{"vue":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-vue_0.5.0_1751188202823_0.46093260931114854","host":"s3://npm-registry-packages-npm-production"}},"0.5.1":{"name":"@21st-extension/toolbar-vue","version":"0.5.1","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-vue@0.5.1","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"331fc70686b33c9ef51231e94bbe1e6183777aae","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-vue/-/toolbar-vue-0.5.1.tgz","fileCount":6,"integrity":"sha512-1FvHr8dN4eHf+hgVdWR34nNUX9A2KCxfAVnZAZpas1wxcorV/VncfnDnYIufMQQ9Zm7I9Skn7H5++HidcLorFQ==","signatures":[{"sig":"MEUCIQDRAeDzu0u/HX5FPbK8IqCSiwJwEQDbZZIQOWatR/GYIQIgTHp8rhN9uVGRIvBDwwxHsyruR+RfQHIlB+9weTPGpks=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47247},"type":"module","_from":"file:21st-extension-toolbar-vue-0.5.1.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/594f91e1c238296ae2422901b89d694c/21st-extension-toolbar-vue-0.5.1.tgz","_integrity":"sha512-1FvHr8dN4eHf+hgVdWR34nNUX9A2KCxfAVnZAZpas1wxcorV/VncfnDnYIufMQQ9Zm7I9Skn7H5++HidcLorFQ==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.2","dependencies":{"@21st-extension/toolbar":"0.5.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","vite-plugin-dts":"^4.5.3","typescript-eslint":"^8.32.0","@vitejs/plugin-vue":"^5.2.4"},"peerDependencies":{"vue":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-vue_0.5.1_1751280089752_0.8407209338824952","host":"s3://npm-registry-packages-npm-production"}},"0.5.2":{"name":"@21st-extension/toolbar-vue","version":"0.5.2","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-vue@0.5.2","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"4c34be9d9c705927c6b07b692e5358be1b34ae2b","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-vue/-/toolbar-vue-0.5.2.tgz","fileCount":6,"integrity":"sha512-2fgOQs92INCU7A8xz7X//y5PPzPIDScl4NfkW98RKDXbdXVKxI/5mWTihZS1gcNpf2TZgj6cY7vgsoVJNYeTdg==","signatures":[{"sig":"MEYCIQDfddxCaGPIe4bJdVx3eVO+1w2oaB30En/OqW/z1KZ4PQIhAP0ebwxrUsQxTR2kbxJE5+j0ujP0YIlM6fLSSrMIB98/","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47252},"type":"module","_from":"file:21st-extension-toolbar-vue-0.5.2.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/13e043fa774738f43c72c3d34f784a72/21st-extension-toolbar-vue-0.5.2.tgz","_integrity":"sha512-2fgOQs92INCU7A8xz7X//y5PPzPIDScl4NfkW98RKDXbdXVKxI/5mWTihZS1gcNpf2TZgj6cY7vgsoVJNYeTdg==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.2","dependencies":{"@21st-extension/toolbar":"0.5.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","vite-plugin-dts":"^4.5.3","typescript-eslint":"^8.32.0","@vitejs/plugin-vue":"^5.2.4"},"peerDependencies":{"vue":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-vue_0.5.2_1751283282884_0.31512078312257485","host":"s3://npm-registry-packages-npm-production"}},"0.5.3":{"name":"@21st-extension/toolbar-vue","version":"0.5.3","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-vue@0.5.3","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"4b889f61e65419ddddf4a5f923a36c56f308b207","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-vue/-/toolbar-vue-0.5.3.tgz","fileCount":6,"integrity":"sha512-3BTJ/Md5YMnuUe8s7hdC8tQBZEovWN0fpJQku1tceeLq6jyk67V70eA5OY786bHlau//ZFgIcFDk7KdC05SaIw==","signatures":[{"sig":"MEUCIQCbhB+hLHreZgwMbthoOJYJwhq2YDtkhnFL0ffe+sa+0AIgBa02X6nMiXZ4E4/gCpxIqwRW/KFVrJD8YLdyrYrlxpo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47252},"type":"module","_from":"file:21st-extension-toolbar-vue-0.5.3.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/b630aa767e7af1fb93a52a369e06d393/21st-extension-toolbar-vue-0.5.3.tgz","_integrity":"sha512-3BTJ/Md5YMnuUe8s7hdC8tQBZEovWN0fpJQku1tceeLq6jyk67V70eA5OY786bHlau//ZFgIcFDk7KdC05SaIw==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.2","dependencies":{"@21st-extension/toolbar":"0.5.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","vite-plugin-dts":"^4.5.3","typescript-eslint":"^8.32.0","@vitejs/plugin-vue":"^5.2.4"},"peerDependencies":{"vue":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-vue_0.5.3_1751287600218_0.5122048996134645","host":"s3://npm-registry-packages-npm-production"}},"0.5.4":{"name":"@21st-extension/toolbar-vue","version":"0.5.4","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-vue@0.5.4","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"a1b3f65e22e9599b5908b678c3dc3636783fc254","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-vue/-/toolbar-vue-0.5.4.tgz","fileCount":6,"integrity":"sha512-U/a2PzQky9i8A1YGUkeCH7CwgvcnAkJkKuKO1+N+/5dtOXksfy/ZzeepPO5EiHxIY9D7lRrk229O6PS56pDwEQ==","signatures":[{"sig":"MEYCIQD5OqFuWx+X3bXzkbUXj821N8PNC03gXTmvLkGdVk7z6wIhAMCyiYreqySdFkw6z5uKFahvT2o1X3Z3Y6yDQ5TFNYt4","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47530},"type":"module","_from":"file:21st-extension-toolbar-vue-0.5.4.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/31fba03ed63869e9a207ff45c991c0eb/21st-extension-toolbar-vue-0.5.4.tgz","_integrity":"sha512-U/a2PzQky9i8A1YGUkeCH7CwgvcnAkJkKuKO1+N+/5dtOXksfy/ZzeepPO5EiHxIY9D7lRrk229O6PS56pDwEQ==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.2","dependencies":{"@21st-extension/toolbar":"0.5.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","vite-plugin-dts":"^4.5.3","typescript-eslint":"^8.32.0","@vitejs/plugin-vue":"^5.2.4"},"peerDependencies":{"vue":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-vue_0.5.4_1751314833534_0.09342324222783138","host":"s3://npm-registry-packages-npm-production"}},"0.5.5":{"name":"@21st-extension/toolbar-vue","version":"0.5.5","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-vue@0.5.5","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"ca6006081ccf2409f8863f5c1c0ceadd061314d2","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-vue/-/toolbar-vue-0.5.5.tgz","fileCount":6,"integrity":"sha512-fROlNxWFZa1dcC/o9NjeaExUKI4RMG2zhynqsTe1mMb0eaF7R6V+bXJB3AA69dRj9s/d0pO6g+RViSoL2/ZtWA==","signatures":[{"sig":"MEUCIC7BiRbDJqL6huNbaEz9nAzluR/qJwUgSmlfVOo/lU2+AiEAp35LlSWrwMdZy8F/IDydvzjBBBn7o1sURVqn5K9Z1jE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47530},"type":"module","_from":"file:21st-extension-toolbar-vue-0.5.5.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/aa0870b3dba9f53e94c476bf5ade2141/21st-extension-toolbar-vue-0.5.5.tgz","_integrity":"sha512-fROlNxWFZa1dcC/o9NjeaExUKI4RMG2zhynqsTe1mMb0eaF7R6V+bXJB3AA69dRj9s/d0pO6g+RViSoL2/ZtWA==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.3","dependencies":{"@21st-extension/toolbar":"0.5.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","vite-plugin-dts":"^4.5.3","typescript-eslint":"^8.32.0","@vitejs/plugin-vue":"^5.2.4"},"peerDependencies":{"vue":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-vue_0.5.5_1751364788352_0.30915465613289816","host":"s3://npm-registry-packages-npm-production"}},"0.5.6":{"name":"@21st-extension/toolbar-vue","version":"0.5.6","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-vue@0.5.6","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"ed1391f07ef9586e807300c4fdc276446986405b","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-vue/-/toolbar-vue-0.5.6.tgz","fileCount":6,"integrity":"sha512-Do/6SSbaXEmDF6Fwxk4qbDggco2NabCY1vOvq65bK5w+/ILsObD/29ima5gLlx8w6LirxbmpwsrNWn9UcLfQDQ==","signatures":[{"sig":"MEQCIF0ykBieIG8eMUtIB2FwP149Xdwf9KzYOzlnXAV5ACcgAiBgKqG9xYCZikt9LFY+NRnKsPDAZVLKOHnnGACWzGQ/Qw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47530},"type":"module","_from":"file:21st-extension-toolbar-vue-0.5.6.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/3e0c4c1c5039ea0b274e6e378ade4bb7/21st-extension-toolbar-vue-0.5.6.tgz","_integrity":"sha512-Do/6SSbaXEmDF6Fwxk4qbDggco2NabCY1vOvq65bK5w+/ILsObD/29ima5gLlx8w6LirxbmpwsrNWn9UcLfQDQ==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.2","dependencies":{"@21st-extension/toolbar":"0.5.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","vite-plugin-dts":"^4.5.3","typescript-eslint":"^8.32.0","@vitejs/plugin-vue":"^5.2.4"},"peerDependencies":{"vue":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-vue_0.5.6_1751377715959_0.8461851736338466","host":"s3://npm-registry-packages-npm-production"}},"0.5.7":{"name":"@21st-extension/toolbar-vue","version":"0.5.7","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-vue@0.5.7","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"db1b4f0de2fbb5c6bb521d5b0e2ace2ba487c09f","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-vue/-/toolbar-vue-0.5.7.tgz","fileCount":6,"integrity":"sha512-WvrrqxZARzWhkUHUv44g1BBD0wHS4OEABgoZH+EmXIFo/045tcmMzHH5+9k//JancOb3nnhXA3BV8MBnjkQ0Zg==","signatures":[{"sig":"MEYCIQDzV4umHs44khcHUJpIfKiZT+aQgO1Xz1DkqMMp1jaBlAIhANV1eM3irrFJXvPTS+gbWpaq8gM19XBVFHxEYmkHwuh/","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47530},"type":"module","_from":"file:21st-extension-toolbar-vue-0.5.7.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/43602404a758ee1bb923ebd19282926b/21st-extension-toolbar-vue-0.5.7.tgz","_integrity":"sha512-WvrrqxZARzWhkUHUv44g1BBD0wHS4OEABgoZH+EmXIFo/045tcmMzHH5+9k//JancOb3nnhXA3BV8MBnjkQ0Zg==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.2","dependencies":{"@21st-extension/toolbar":"0.5.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","vite-plugin-dts":"^4.5.3","typescript-eslint":"^8.32.0","@vitejs/plugin-vue":"^5.2.4"},"peerDependencies":{"vue":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-vue_0.5.7_1751453467453_0.6192993721390396","host":"s3://npm-registry-packages-npm-production"}},"0.5.10":{"name":"@21st-extension/toolbar-vue","version":"0.5.10","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-vue@0.5.10","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"87dbbf4fb40c781c12dcb5e31e5943152d9ccdd6","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-vue/-/toolbar-vue-0.5.10.tgz","fileCount":6,"integrity":"sha512-NhNEeRoXTYcbmjTVkwI4Pz+5MQ+6ItCieYuD7jRt7QD0UEPJhJHBja+YICs177eKjzEnz+62DBcAF+miuMneng==","signatures":[{"sig":"MEQCIFKiOTSbwJEfHz83BfJ9ZDd/NdXXmUv0wWCCu0VMIM2VAiBNBu0Q2uFduWzKQU7eSNvCsFilZbfdO+3YZQPR0o5XRA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47532},"type":"module","_from":"file:21st-extension-toolbar-vue-0.5.10.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/294f25dfdcd673af7e3b529ea9bcce83/21st-extension-toolbar-vue-0.5.10.tgz","_integrity":"sha512-NhNEeRoXTYcbmjTVkwI4Pz+5MQ+6ItCieYuD7jRt7QD0UEPJhJHBja+YICs177eKjzEnz+62DBcAF+miuMneng==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.3","dependencies":{"@21st-extension/toolbar":"0.5.10"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","vite-plugin-dts":"^4.5.3","typescript-eslint":"^8.32.0","@vitejs/plugin-vue":"^5.2.4"},"peerDependencies":{"vue":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-vue_0.5.10_1751540298102_0.8937489024719907","host":"s3://npm-registry-packages-npm-production"}},"0.5.11":{"name":"@21st-extension/toolbar-vue","version":"0.5.11","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-vue@0.5.11","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"6571239a41da42d4af8c71ce964937063036f65d","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-vue/-/toolbar-vue-0.5.11.tgz","fileCount":6,"integrity":"sha512-kriSJCGEs5r1n/NpFbgzz39cy26oemsNXCXbif9syO8vlUyxUnWG6rrIB1q2zRAeylTCMKzDDhq8LEuc/av4LA==","signatures":[{"sig":"MEUCIQCHJ8yY9e/t4WjqDKR0YsSGtP14zMuOXtmZU9i6xmdQLwIgH8++gdwb++K+YYoa64oRRg8+mBPRze/2YXM5oFEkvhU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47532},"type":"module","_from":"file:21st-extension-toolbar-vue-0.5.11.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/40f80efcacd573d89b072792e50d28e8/21st-extension-toolbar-vue-0.5.11.tgz","_integrity":"sha512-kriSJCGEs5r1n/NpFbgzz39cy26oemsNXCXbif9syO8vlUyxUnWG6rrIB1q2zRAeylTCMKzDDhq8LEuc/av4LA==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.3","dependencies":{"@21st-extension/toolbar":"0.5.11"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","vite-plugin-dts":"^4.5.3","typescript-eslint":"^8.32.0","@vitejs/plugin-vue":"^5.2.4"},"peerDependencies":{"vue":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-vue_0.5.11_1751640463613_0.6650946109485845","host":"s3://npm-registry-packages-npm-production"}},"0.5.12":{"name":"@21st-extension/toolbar-vue","version":"0.5.12","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-vue@0.5.12","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"9657770dccfccbcb98071feab548180da3ecaa3e","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-vue/-/toolbar-vue-0.5.12.tgz","fileCount":6,"integrity":"sha512-sU06tzxicYj2ljKecOFu1YuWGFFStjZuTZ8XNjGyOMgqMZHF4F+r1BVxe7Bxd8hrBZogD9WAXImbTn9i5i00Mw==","signatures":[{"sig":"MEYCIQDLDCw79plJGwLYLSdCxgBgiJYRM5004A+/0cAjCQMtUwIhAMnZS6BQEJG8TcivuKnQRXejrRmsfZEvE5QmAQZxCCTu","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47627},"type":"module","_from":"file:21st-extension-toolbar-vue-0.5.12.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/3e361a3284059aafdd83bf892243dada/21st-extension-toolbar-vue-0.5.12.tgz","_integrity":"sha512-sU06tzxicYj2ljKecOFu1YuWGFFStjZuTZ8XNjGyOMgqMZHF4F+r1BVxe7Bxd8hrBZogD9WAXImbTn9i5i00Mw==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.3","dependencies":{"@21st-extension/toolbar":"0.5.12"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","vite-plugin-dts":"^4.5.3","typescript-eslint":"^8.32.0","@vitejs/plugin-vue":"^5.2.4"},"peerDependencies":{"vue":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-vue_0.5.12_1751793711177_0.19317336349974812","host":"s3://npm-registry-packages-npm-production"}},"0.5.13":{"name":"@21st-extension/toolbar-vue","version":"0.5.13","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-vue@0.5.13","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"f39e343e3cadc2c149e1f2fdbcdc835e20109d52","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-vue/-/toolbar-vue-0.5.13.tgz","fileCount":6,"integrity":"sha512-IJE6MTIs44oV/WuuSqq2VYcIO00E/Lk3uNVJ+mfkcQImlAKniKR8f0V3t8ZI2GugqmvxbdpMWyijoU+Zu8hL/Q==","signatures":[{"sig":"MEUCIBF5dt35Klr75DvuewPZ5MfT/geWXGbhJXNjh8VVfSgfAiEA/aicfOO+qtHsKfbGpgUjLNOCRzQWiGNBz/XyQm4m3zo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47627},"type":"module","_from":"file:21st-extension-toolbar-vue-0.5.13.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/b64259e75b5f96704c6c4ce063d330d8/21st-extension-toolbar-vue-0.5.13.tgz","_integrity":"sha512-IJE6MTIs44oV/WuuSqq2VYcIO00E/Lk3uNVJ+mfkcQImlAKniKR8f0V3t8ZI2GugqmvxbdpMWyijoU+Zu8hL/Q==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.3","dependencies":{"@21st-extension/toolbar":"0.5.13"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","vite-plugin-dts":"^4.5.3","typescript-eslint":"^8.32.0","@vitejs/plugin-vue":"^5.2.4"},"peerDependencies":{"vue":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-vue_0.5.13_1751895855663_0.1875827080957133","host":"s3://npm-registry-packages-npm-production"}},"0.5.14":{"name":"@21st-extension/toolbar-vue","private":false,"version":"0.5.14","type":"module","license":"AGPL-3.0-only","author":{"name":"21st Labs Inc."},"homepage":"https://21st.dev/","repository":{"type":"git","url":"git+https://github.com/21st-dev/21st-extension.git"},"bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"publishConfig":{"access":"public"},"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"dependencies":{"@21st-extension/toolbar":"0.5.14"},"devDependencies":{"@eslint/js":"^9.26.0","@vitejs/plugin-vue":"^5.2.4","eslint":"^9.26.0","globals":"^16.1.0","typescript":"^5.8.3","typescript-eslint":"^8.32.0","vite":"^6.3.5","vite-plugin-dts":"^4.5.3","vue":"^3.5.13"},"peerDependencies":{"vue":">=3.0.0"},"scripts":{"clean":"rm -rf .turbo dist node_modules","dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","build:toolbar":"tsc -b && vite build"},"_id":"@21st-extension/toolbar-vue@0.5.14","description":"# Visual vibe coding. Right in your codebase.","_integrity":"sha512-zV6AjaOEDKrjfbPMbwEOEt83RQBCdJwiUhqw6SAhfIRC+tp4Gru9sJqestwCF20y5j+dgrRBUWQU2ePxqAP3zQ==","_resolved":"/tmp/bfa3f57998c47f8767d011c54819232d/21st-extension-toolbar-vue-0.5.14.tgz","_from":"file:21st-extension-toolbar-vue-0.5.14.tgz","_nodeVersion":"20.19.3","_npmVersion":"10.8.2","dist":{"integrity":"sha512-zV6AjaOEDKrjfbPMbwEOEt83RQBCdJwiUhqw6SAhfIRC+tp4Gru9sJqestwCF20y5j+dgrRBUWQU2ePxqAP3zQ==","shasum":"6dd165dde9ca3411a5ac3ced752f0bda63c0b5db","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-vue/-/toolbar-vue-0.5.14.tgz","fileCount":6,"unpackedSize":47627,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIHFcnIHnghRfjsWq6rF3ac0usScn2Va0V9fdn7M6C6yoAiB5yqo5lL6Jgd6100O6m7jU84Vbv4h3a4aKiHKb/cfBSg=="}]},"_npmUser":{"name":"danverr","email":"ddmaryakhin@mail.ru","actor":{"name":"danverr","email":"ddmaryakhin@mail.ru","type":"user"}},"directories":{},"maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/toolbar-vue_0.5.14_1751897842928_0.13374458186768035"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-26T13:03:15.636Z","modified":"2025-07-07T14:17:23.318Z","0.4.8":"2025-06-26T13:03:15.863Z","0.5.0":"2025-06-29T09:10:03.035Z","0.5.1":"2025-06-30T10:41:29.927Z","0.5.2":"2025-06-30T11:34:43.033Z","0.5.3":"2025-06-30T12:46:40.391Z","0.5.4":"2025-06-30T20:20:33.745Z","0.5.5":"2025-07-01T10:13:08.678Z","0.5.6":"2025-07-01T13:48:36.162Z","0.5.7":"2025-07-02T10:51:07.655Z","0.5.10":"2025-07-03T10:58:18.263Z","0.5.11":"2025-07-04T14:47:43.775Z","0.5.12":"2025-07-06T09:21:51.355Z","0.5.13":"2025-07-07T13:44:15.826Z","0.5.14":"2025-07-07T14:17:23.096Z"},"bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","homepage":"https://21st.dev/","repository":{"type":"git","url":"git+https://github.com/21st-dev/21st-extension.git"},"description":"# Visual vibe coding. Right in your codebase.","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"readme":"# ![\"21st.dev](\"https://21st.dev/brand/21st-logo-dark.png\")
21st.dev Toolbar\n\n# Visual vibe coding. Right in your codebase.\n\n[](https://marketplace.visualstudio.com/items?itemName=stagewise.stagewise-vscode-extension) [](https://github.com/stagewise-io/stagewise) [](https://discord.gg/gkdGsDYaKA) \n\n\n\n\n\n## About the project\n\n**stagewise is a browser toolbar that connects your frontend UI to your code ai agents in your code editor.**\n\n* π§ Select any element(s) in your web app\n* π¬ Leave a comment on it\n* π‘ Let your AI-Agent do the magic\n\n> Perfect for devs tired of pasting folder paths into prompts. stagewise gives your AI real-time, browser-powered context.\n\n\n## β¨ Features\n\nThe stagewise Toolbar makes it incredibly easy to edit your frontend code with AI agents:\n\n* β‘ Works out of the box\n* 𧩠Customise and extend functionality with Plugins\n* π§ Sends DOM elements & more metadata to your AI agent\n* π§ͺ Comes with examples for React, Vue, Svelte and more\n* π Search and integrate UI components from 21st.dev library\n* π¨ Runtime error detection with intelligent assistance\n* πͺ AI-powered component generation with Magic Chat\n\n\n## π Quickstart \n\n### 1. 𧩠**Install the code editor extension (Cursor, Windsurf, VS Code, Trae IDE, Kilo Code)**\n\nInstall the extension here: https://marketplace.visualstudio.com/items?itemName=stagewise.stagewise-vscode-extension\n\n### 2. π¨π½βπ» **Install and inject the toolbar**\n\n> [!TIP]\n> πͺ **Auto-Install the toolbar (AI-guided):** \n> 1. In Cursor, Press `CMD + Shift + P`\n> 2. Enter `setupToolbar`\n> 3. Execute the command and the toolbar will init automatically π¦\n\nOr follow the manual way:\n\nInstall [@21st-extension/toolbar](https://www.npmjs.com/package/@21st-extension/toolbar):\n```bash\npnpm i -D @21st-extension/toolbar\n```\n\nInject the toolbar into your app dev-mode:\n\n```ts\n// 1. Import the toolbar\nimport { initToolbar } from '@21st-extension/toolbar';\n\n// 2. Define your toolbar configuration\nconst stagewiseConfig = {\n plugins: [],\n};\n\n// 3. Initialize the toolbar when your app starts\n// Framework-agnostic approach - call this when your app initializes\nfunction setupStagewise() {\n // Only initialize once and only in development mode\n if (process.env.NODE_ENV === 'development') {\n initToolbar(stagewiseConfig);\n }\n}\n\n// Call the setup function when appropriate for your framework\nsetupStagewise();\n```\n> β‘οΈ The toolbar will **automatically connect** to the extension!\n\n> [!IMPORTANT]\n> π« **If nothing happens when a prompt is sent:**\n> \n> 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:\n> - Keep only one Cursor window open when using stagewise\n>\n> A fix for this is on the way!\n\n### Framework-specific integration examples\n\nFor easier integration, we provide framework-specific NPM packages that come with dedicated toolbar components (e.g., ``). You can usually import these from `@21st-extension/toolbar-[framework-name]`.\n\n\nReact.js
\n\nWe provide the `@21st-extension/toolbar-react` package for React projects. Initialize the toolbar in your main entry file (e.g., `src/main.tsx`) by creating a separate React root for it. This ensures it doesn't interfere with your main application tree.\n\n```tsx\n// src/main.tsx\nimport { StrictMode } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport App from './App.tsx';\nimport { TwentyFirstToolbar } from '@21st-extension/toolbar-react';\nimport './index.css';\n\n// Render the main app\ncreateRoot(document.getElementById('root')!).render(\n \n \n ,\n);\n\n// Initialize toolbar separately\nconst toolbarConfig = {\n plugins: [], // Add your custom plugins here\n};\n\ndocument.addEventListener('DOMContentLoaded', () => {\n const toolbarRoot = document.createElement('div');\n toolbarRoot.id = 'stagewise-toolbar-root'; // Ensure a unique ID\n document.body.appendChild(toolbarRoot);\n\n createRoot(toolbarRoot).render(\n \n \n \n );\n});\n```\n \n\n\nNext.js
\n\nUse the `@21st-extension/toolbar-next` package for Next.js applications. Include the `` component in your root layout file (`src/app/layout.tsx`).\n\n```tsx\n// src/app/layout.tsx\nimport { TwentyFirstToolbar } from '@21st-extension/toolbar-next';\n\nexport default function RootLayout({\n children,\n}: Readonly<{\n children: React.ReactNode;\n}>) {\n return (\n \n \n \n {children}\n \n \n );\n}\n```\n\n \n\n\nNuxt.js
\n\nFor Nuxt.js projects, you can use the `@21st-extension/toolbar-vue` package. Place the `` component in your `app.vue` or a relevant layout file.\n\n```vue\n// app.vue\n\n\n\n \n \n \n \n \n \n
\n\n```\n\n \n\n\nVue.js
\n\nUse the `@21st-extension/toolbar-vue` package for Vue.js projects. Add the `` component to your main App component (e.g., `App.vue`).\n\n```vue\n// src/App.vue\n\n\n\n \n \n \n
\n\n```\n\n \n\n\nSvelteKit
\n\nFor SvelteKit, you can integrate the toolbar using `@21st-extension/toolbar` and Svelte's lifecycle functions, or look for a dedicated `@21st-extension/toolbar-svelte` package if available. Create a component that conditionally renders/initializes the toolbar on the client side (e.g., `src/lib/components/TwentyFirstToolbarLoader.svelte` or directly in `src/routes/+layout.svelte`).\n\n**Using `onMount` in `+layout.svelte` (with `@21st-extension/toolbar`):**\n```svelte\n\n\n\n\n```\n\n**Using a loader component (example from repository):**\nThe example repository uses a `ToolbarLoader.svelte` which wraps `ToolbarWrapper.svelte`. `ToolbarWrapper.svelte` would then call `initToolbar` from `@21st-extension/toolbar`.\n\n```svelte\n\n\n\n{#if browser}\n \n{/if}\n```\nYou would then use `TwentyFirstToolbarLoader` in your `src/routes/+layout.svelte`.\n\n \n\n\n## π€ Agent support \n\n| **Agent** | **Supported** |\n| -------------- | -------------- |\n| Cursor | β
|\n| GitHub Copilot | β
|\n| Windsurf | β
|\n| Cline | β
|\n| Roo Code | β
|\n| Trae IDE | β
|\n| Kilo Code | β
|\n| Claude Code | β
(via Copy Prompt) |\n| Gemini CLI | β
(via Copy Prompt) |\n| Any AI Agent | β
(via Copy Prompt) |\n\n\n## π£οΈ Roadmap\n\nCheck out our [project roadmap](./.github/ROADMAP.md) for upcoming features, bug fixes, and progress.\n\n## π License\n\nstagewise is developed by tiq UG (haftungsbeschrΓ€nkt) and offerend under the AGPLv3 license.\n\nFor more information on the license model, visit the [FAQ about the GNU Licenses](https://www.gnu.org/licenses/gpl-faq.html).\n\nFor use cases that fall outside the scope permitted by the AGPLv3 license, feel free to [π¬ Contact Us](#contact-us-section).\n\n## π€ Contributing\n\nWe're just getting started and love contributions! Check out our [CONTRIBUTING.md](https://github.com/stagewise-io/stagewise/blob/main/CONTRIBUTING.md) guide to get involved. For bugs and fresh ideas, please [Open an issue!](https://github.com/stagewise-io/stagewise/issues) \n\n## π¬ Community & Support \n\n* πΎ [Join our Discord](https://discord.gg/gkdGsDYaKA)\n* π Open an [issue on GitHub](https://github.com/stagewise-io/stagewise/issues) for dev support.\n\n\n## π¬ Contact Us\n\nGot questions or want to license stagewise for commercial or enterprise use?\n\nπ§ **[sales@stagewise.io](mailto:sales@stagewise.io)**\n\n\n","readmeFilename":"README.md"}