{"_id":"@cadamsdev/vite-plugin-wc-devtools","_rev":"6-2ab8522fb19ba6299ceb929cc581a1fd","name":"@cadamsdev/vite-plugin-wc-devtools","dist-tags":{"latest":"0.0.6"},"versions":{"0.0.1":{"name":"@cadamsdev/vite-plugin-wc-devtools","version":"0.0.1","keywords":["custom-elements","dev-tools","plugin","vite","web-components"],"_id":"@cadamsdev/vite-plugin-wc-devtools@0.0.1","maintainers":[{"name":"cadamsdev","email":"cadamsdev@outlook.com"}],"dist":{"shasum":"256d2127d7307b9c7ccb31f3a5900a18088cf866","tarball":"https://registry.npmjs.org/@cadamsdev/vite-plugin-wc-devtools/-/vite-plugin-wc-devtools-0.0.1.tgz","fileCount":4,"integrity":"sha512-6uTMn2/hgaVyw8CQYNrCIs/3Pgrx+FwN7VXxSUpRT+ht+6ZCZH4pmCtMgEkTI8K+8JgG1lJsf9ghdWR++TjmKQ==","signatures":[{"sig":"MEUCIHLFiA8gufbT9NtxHSRmFxrHO1slLOP4xEr0rpuuZUfuAiEAts5CxasDFdWaqahGfv2SAEHJf9+wR5D7quXB4svTZvY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5480},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.mts","module":"./dist/index.mjs","shasum":"256d2127d7307b9c7ccb31f3a5900a18088cf866","exports":{".":{"types":"./dist/index.d.mts","import":"./dist/index.mjs"}},"scripts":{"dev":"tsdown --watch","build":"tsdown"},"_npmUser":{"name":"cadamsdev","email":"cadamsdev@outlook.com"},"_integrity":"sha512-6uTMn2/hgaVyw8CQYNrCIs/3Pgrx+FwN7VXxSUpRT+ht+6ZCZH4pmCtMgEkTI8K+8JgG1lJsf9ghdWR++TjmKQ==","_npmVersion":"10.8.3","description":"A Vite plugin that provides developer tools for inspecting web components","directories":{},"_nodeVersion":"24.3.0","dependencies":{"@cadamsdev/wc-devtools-client":"0.0.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","tsdown":"^0.20.1","typescript":"^5.3.3","@types/node":"^25.1.0"},"peerDependencies":{"vite":"^4.0.0 || ^5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vite-plugin-wc-devtools_0.0.1_1769983209792_0.9881604149239134","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@cadamsdev/vite-plugin-wc-devtools","version":"0.0.2","keywords":["custom-elements","dev-tools","plugin","vite","web-components"],"_id":"@cadamsdev/vite-plugin-wc-devtools@0.0.2","maintainers":[{"name":"cadamsdev","email":"cadamsdev@outlook.com"}],"dist":{"shasum":"872d8a8b1fa04af9cd12ea8778c3fa46c4e41f3a","tarball":"https://registry.npmjs.org/@cadamsdev/vite-plugin-wc-devtools/-/vite-plugin-wc-devtools-0.0.2.tgz","fileCount":4,"integrity":"sha512-rT7+Bu/Tq/uxA1Gsrzte5GtVJP0U9G3bLHQI9yq30dC7cu0ZOgNtknh1cmx045xrAm2sCqan/taNPfz8Sp2Sqw==","signatures":[{"sig":"MEUCIQCNYwKZcV0LFkYOfmQXXxzc7I2iF+Lnp4TwIW3VDVs20gIgWzemjR7CDKCa3pbp356gcbHymT5tSZnQbA7M/RLZW0A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5470},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.mts","module":"./dist/index.mjs","shasum":"872d8a8b1fa04af9cd12ea8778c3fa46c4e41f3a","exports":{".":{"types":"./dist/index.d.mts","import":"./dist/index.mjs"}},"scripts":{"dev":"tsdown --watch","build":"tsdown"},"_npmUser":{"name":"cadamsdev","email":"cadamsdev@outlook.com"},"_integrity":"sha512-rT7+Bu/Tq/uxA1Gsrzte5GtVJP0U9G3bLHQI9yq30dC7cu0ZOgNtknh1cmx045xrAm2sCqan/taNPfz8Sp2Sqw==","_npmVersion":"10.8.3","description":"A Vite plugin that provides developer tools for inspecting web components","directories":{},"_nodeVersion":"24.3.0","dependencies":{"@cadamsdev/wc-devtools-client":"0.0.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.0","tsdown":"^0.20.1","typescript":"^5.3.3","@types/node":"^25.1.0"},"peerDependencies":{"vite":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vite-plugin-wc-devtools_0.0.2_1769989252585_0.9309640335701461","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@cadamsdev/vite-plugin-wc-devtools","version":"0.0.3","keywords":["custom-elements","dev-tools","plugin","vite","web-components"],"_id":"@cadamsdev/vite-plugin-wc-devtools@0.0.3","maintainers":[{"name":"cadamsdev","email":"cadamsdev@outlook.com"}],"dist":{"shasum":"29534e24d40a3118d85eb04f5af02687bc10285e","tarball":"https://registry.npmjs.org/@cadamsdev/vite-plugin-wc-devtools/-/vite-plugin-wc-devtools-0.0.3.tgz","fileCount":4,"integrity":"sha512-2CXaNGJf4kr0AD5sHA2kiFXCtV60+QJgNZS0g8mM2ng3p0JBDdxcv0GZlwhA4j9dxzxgKkiHVXUmBcPkzEGSOA==","signatures":[{"sig":"MEQCIFAPWH1U8Qna/W3x/3Hrs5sWabjFxiT9xAGTCSLrtIqmAiAGSlrSKOu3k0gXQENcJM9F1B4jnj1XCkGDrbep2ezU8g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5493},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.mts","module":"./dist/index.mjs","shasum":"29534e24d40a3118d85eb04f5af02687bc10285e","exports":{".":{"types":"./dist/index.d.mts","import":"./dist/index.mjs"}},"scripts":{"dev":"tsdown --watch","build":"tsdown"},"_npmUser":{"name":"cadamsdev","email":"cadamsdev@outlook.com"},"_integrity":"sha512-2CXaNGJf4kr0AD5sHA2kiFXCtV60+QJgNZS0g8mM2ng3p0JBDdxcv0GZlwhA4j9dxzxgKkiHVXUmBcPkzEGSOA==","_npmVersion":"10.8.3","description":"A Vite plugin that provides developer tools for inspecting web components","directories":{},"_nodeVersion":"24.3.0","dependencies":{"@cadamsdev/wc-devtools-client":"0.0.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.0","tsdown":"^0.20.1","typescript":"^5.3.3","@types/node":"^25.1.0"},"peerDependencies":{"vite":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vite-plugin-wc-devtools_0.0.3_1769989815075_0.7399725290094534","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@cadamsdev/vite-plugin-wc-devtools","version":"0.0.4","keywords":["custom-elements","dev-tools","plugin","vite","web-components"],"_id":"@cadamsdev/vite-plugin-wc-devtools@0.0.4","maintainers":[{"name":"cadamsdev","email":"cadamsdev@outlook.com"}],"dist":{"shasum":"ab904b963aaeef7a0a20573fb6ffa3cfcfb4dde5","tarball":"https://registry.npmjs.org/@cadamsdev/vite-plugin-wc-devtools/-/vite-plugin-wc-devtools-0.0.4.tgz","fileCount":4,"integrity":"sha512-CG7pOy6+Fl9rP6FPUcVtkaWtYPm4MFdDz6NXL6/v9/LOxALcPobYIrqClmwVzrkJYyFdxAhm1PFEj3JIfd77rQ==","signatures":[{"sig":"MEYCIQDSVPvOT2rhnxUUaEOGzTwlhrOcUdNfxZbWfUVy+IfstAIhAMB9k3yWM36eh1gmh9c32RHxVq54BOlbxHHMX5l6lHf/","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5493},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.mts","module":"./dist/index.mjs","shasum":"ab904b963aaeef7a0a20573fb6ffa3cfcfb4dde5","exports":{".":{"types":"./dist/index.d.mts","import":"./dist/index.mjs"}},"scripts":{"dev":"tsdown --watch","build":"tsdown"},"_npmUser":{"name":"cadamsdev","email":"cadamsdev@outlook.com"},"_integrity":"sha512-CG7pOy6+Fl9rP6FPUcVtkaWtYPm4MFdDz6NXL6/v9/LOxALcPobYIrqClmwVzrkJYyFdxAhm1PFEj3JIfd77rQ==","_npmVersion":"10.8.3","description":"A Vite plugin that provides developer tools for inspecting web components","directories":{},"_nodeVersion":"24.3.0","dependencies":{"@cadamsdev/wc-devtools-client":"0.0.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.0","tsdown":"^0.20.1","typescript":"^5.3.3","@types/node":"^25.1.0"},"peerDependencies":{"vite":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vite-plugin-wc-devtools_0.0.4_1770186368236_0.7105493074979436","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"@cadamsdev/vite-plugin-wc-devtools","version":"0.0.5","keywords":["custom-elements","dev-tools","plugin","vite","web-components"],"_id":"@cadamsdev/vite-plugin-wc-devtools@0.0.5","maintainers":[{"name":"cadamsdev","email":"cadamsdev@outlook.com"}],"dist":{"shasum":"e7c5593d9f72cc3484ebe1b15485004cd806b585","tarball":"https://registry.npmjs.org/@cadamsdev/vite-plugin-wc-devtools/-/vite-plugin-wc-devtools-0.0.5.tgz","fileCount":4,"integrity":"sha512-ASWqFnhGTfBsz2YFTxqU04KvAJ5vCCDpFfXCno3oJzNh/ptOKwuDil/FkykyckDAV0XYWRqBouPUgmGitCgyBQ==","signatures":[{"sig":"MEQCIEq3BbgkPiUnQ578E9Zf59BIfzvrRrLFazK3cZTTVFICAiBOST+3JJK6iI70JoQnGbTFhD0qHSx0nw9jzZFDxqNWSw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5305},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.mts","module":"./dist/index.mjs","shasum":"e7c5593d9f72cc3484ebe1b15485004cd806b585","exports":{".":{"types":"./dist/index.d.mts","import":"./dist/index.mjs"}},"scripts":{"dev":"tsdown --watch","build":"tsdown"},"_npmUser":{"name":"cadamsdev","email":"cadamsdev@outlook.com"},"_integrity":"sha512-ASWqFnhGTfBsz2YFTxqU04KvAJ5vCCDpFfXCno3oJzNh/ptOKwuDil/FkykyckDAV0XYWRqBouPUgmGitCgyBQ==","_npmVersion":"10.8.3","description":"A Vite plugin that provides developer tools for inspecting web components","directories":{},"_nodeVersion":"24.3.0","dependencies":{"@cadamsdev/wc-devtools-client":"0.0.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.0","tsdown":"^0.20.1","typescript":"^5.3.3","@types/node":"^25.1.0"},"peerDependencies":{"vite":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vite-plugin-wc-devtools_0.0.5_1770346636173_0.5394019728032189","host":"s3://npm-registry-packages-npm-production"}},"0.0.6":{"name":"@cadamsdev/vite-plugin-wc-devtools","version":"0.0.6","description":"A Vite plugin that provides developer tools for inspecting web components","keywords":["custom-elements","dev-tools","plugin","vite","web-components"],"type":"module","main":"./dist/index.mjs","module":"./dist/index.mjs","types":"./dist/index.d.mts","exports":{".":{"types":"./dist/index.d.mts","import":"./dist/index.mjs"}},"dependencies":{"@cadamsdev/wc-devtools-client":"0.1.1"},"devDependencies":{"@types/node":"^25.1.0","tsdown":"^0.20.1","typescript":"^5.3.3","vite":"^7.0.0"},"peerDependencies":{"vite":"^7.0.0"},"scripts":{"build":"tsdown","dev":"tsdown --watch"},"_id":"@cadamsdev/vite-plugin-wc-devtools@0.0.6","_integrity":"sha512-/v9lyVM/7NS9v+lJ0U1wbsYgKHTn7QSpeSnj1BS2aFl21vXjT7ii9D58XznNEEoMAJ78JyVC57EIzirif1PPGQ==","_resolved":"/private/var/folders/c5/3j7r_1457pn6vyy7dsp4cc6m0000gn/T/fb3c3b4286475cc7053d596a216a3c16/cadamsdev-vite-plugin-wc-devtools-0.0.6.tgz","_from":"file:cadamsdev-vite-plugin-wc-devtools-0.0.6.tgz","_nodeVersion":"24.12.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-/v9lyVM/7NS9v+lJ0U1wbsYgKHTn7QSpeSnj1BS2aFl21vXjT7ii9D58XznNEEoMAJ78JyVC57EIzirif1PPGQ==","shasum":"1dd665e8c01502bacb11c743948e28194a272421","tarball":"https://registry.npmjs.org/@cadamsdev/vite-plugin-wc-devtools/-/vite-plugin-wc-devtools-0.0.6.tgz","fileCount":5,"unpackedSize":6357,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIBybnbbrI77sj52wI36NF15GRb69gG97+5OrBUxNNmC/AiEAiiJ4BvKJ4p+41+770RZ33GaaQRdJ0XdZAHDCzZD/hJg="}]},"_npmUser":{"name":"cadamsdev","email":"cadamsdev@outlook.com"},"directories":{},"maintainers":[{"name":"cadamsdev","email":"cadamsdev@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vite-plugin-wc-devtools_0.0.6_1770348182223_0.8229647668776503"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-01T22:00:09.730Z","modified":"2026-02-06T03:23:02.524Z","0.0.1":"2026-02-01T22:00:09.948Z","0.0.2":"2026-02-01T23:40:52.730Z","0.0.3":"2026-02-01T23:50:15.227Z","0.0.4":"2026-02-04T06:26:08.384Z","0.0.5":"2026-02-06T02:57:16.361Z","0.0.6":"2026-02-06T03:23:02.397Z"},"keywords":["custom-elements","dev-tools","plugin","vite","web-components"],"description":"A Vite plugin that provides developer tools for inspecting web components","maintainers":[{"name":"cadamsdev","email":"cadamsdev@outlook.com"}],"readme":"# Vite Web Component Dev Tools Plugin\n\nA Vite plugin that provides developer tools for inspecting and debugging web components in your application.\n\n## 📦 Installation\n\n```bash\nnpm install @cadamsdev/vite-plugin-wc-devtools --save-dev\n```\n\n## 🚀 Usage\n\nAdd the plugin to your Vite configuration:\n\n```javascript\n// vite.config.js\nimport { defineConfig } from 'vite';\nimport { webComponentDevTools } from 'vite-plugin';\n\nexport default defineConfig({\n  plugins: [webComponentDevTools()]\n});\n```\n\n### ⚙️ Options\n\n| Option | Type | Default | Description |\n|--------|------|---------|-------------|\n| `enabled` | boolean | `true` | Enable or disable the dev tools. |\n| `position` | string | `'bottom-right'` | Position of the dev tools button. Options: `'top-left'`, `'top-right'`, `'bottom-left'`, `'bottom-right'`. |\n| `queryParam` | string | optional | Query parameter name to check for enabling dev tools. If specified, the dev tools button will only show when this query param is present in the URL (e.g., `?debug`). |\n| `includeInProduction` | boolean | `false` | Include the dev tools in production builds. By default, dev tools are only included in development mode. |\n\n### 💡 Example with Options\n\n```javascript\nwebComponentDevTools({\n  enabled: true,\n  position: 'bottom-right',\n  queryParam: 'wc-devtools',\n  includeInProduction: false\n})\n```\n\n### 🏭 Production Usage\n\nBy default, the dev tools are only included in development builds. If you want to include them in production builds (e.g., for staging environments or internal testing), set `includeInProduction: true`:\n\n```javascript\nwebComponentDevTools({\n  includeInProduction: true,\n  queryParam: 'wc-devtools' // Recommended: use with queryParam to hide by default\n})\n```\n\n**Note:** When using in production, it's recommended to combine `includeInProduction` with `queryParam` to ensure the dev tools are only visible when explicitly requested via a URL parameter.\n\n## ✅ Requirements\n\n- Vite 7.x or higher\n\n## 🔧 How It Works\n\nThe plugin automatically injects the dev tools client script into your HTML during the build process when in development mode. The dev tools will appear as a floating button in your browser that you can click to open the inspection panel.\n\n## 📄 License\n\nMIT\n","readmeFilename":"README.md"}