{"_id":"@armvs/dom-inspector","_rev":"23-eee083ca63b219ee734d0031f04a4ab7","name":"@armvs/dom-inspector","dist-tags":{"latest":"5.0.0"},"versions":{"1.0.0":{"name":"@armvs/dom-inspector","version":"1.0.0","keywords":["dom","inspector","devtools"],"author":"","license":"MIT","_id":"@armvs/dom-inspector@1.0.0","maintainers":[{"name":"armvs","email":"aleqsanyansayat@gmail.com"}],"dist":{"shasum":"132d8c1e080a47b0f8aa9cc86b64612a9e37ae94","tarball":"https://registry.npmjs.org/@armvs/dom-inspector/-/dom-inspector-1.0.0.tgz","fileCount":2,"integrity":"sha512-kE9rgA3yRTijM2LrAH8FzetcpsKn3FzDfhFprxv1io/EDtXcElTBB8ZPcV45lP6u23SJys5Y+uscpIzaNr7qng==","signatures":[{"sig":"MEUCIHmfvzk2/YE0MB62Nr9RXlacFlboTI/oxkiNwmjeCyKEAiEAjFHIudogK9AxEccZdT7+jLgV8miocTo1PeF53T/KaM0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":3380},"main":"dist/inspector.js","type":"commonjs","style":"dist/inspector.css","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"armvs","email":"aleqsanyansayat@gmail.com"},"_npmVersion":"11.6.2","description":"Lightweight DOM inspector for any project","directories":{},"_nodeVersion":"24.13.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/dom-inspector_1.0.0_1780659556144_0.7803443751664676","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@armvs/dom-inspector","version":"1.1.0","keywords":["dom","inspector","devtools"],"author":"","license":"MIT","_id":"@armvs/dom-inspector@1.1.0","maintainers":[{"name":"armvs","email":"aleqsanyansayat@gmail.com"}],"dist":{"shasum":"4e8069715375a3466551aec683e908f51d372187","tarball":"https://registry.npmjs.org/@armvs/dom-inspector/-/dom-inspector-1.1.0.tgz","fileCount":4,"integrity":"sha512-cf80xKXdvWRHk/iqWr1u3n2/4QlL1bqEVf0aKY++xEPFa5JhCXXc9UPt77mV7G5ERk9E+XmHwTNzEOJqZ7/btA==","signatures":[{"sig":"MEUCIQCgbCt5HCzNYIaoUXSFJhMR2nr3IN+C2PvmEPpijKoc4QIgKn33vWNVKwpgmns+q47I3XwCsOdqCSIusBJZIcSrIGg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":34805},"main":"dist/inspector.js","type":"commonjs","style":"dist/inspector.css","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"armvs","email":"aleqsanyansayat@gmail.com"},"_npmVersion":"11.6.2","description":"Lightweight DOM inspector for any project","directories":{},"_nodeVersion":"24.13.0","dependencies":{},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/dom-inspector_1.1.0_1780662045147_0.6963978202269749","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"@armvs/dom-inspector","version":"2.0.0","keywords":["dom","inspector","devtools","debug","layout","css","selector","html","developer-tools"],"author":{"name":"Sayat"},"license":"MIT","_id":"@armvs/dom-inspector@2.0.0","maintainers":[{"name":"armvs","email":"aleqsanyansayat@gmail.com"}],"dist":{"shasum":"91382084b59008b81790cad13766abaf5688a4c9","tarball":"https://registry.npmjs.org/@armvs/dom-inspector/-/dom-inspector-2.0.0.tgz","fileCount":4,"integrity":"sha512-kTT8f4M6r9J0cMzpgiiy9+aHrLk/7zCT8oii7YZ742M6TpLU7+cUJdVf3HdHxeQFt+vVmqSyX9YLrklZBrBnjA==","signatures":[{"sig":"MEUCIQDyJkOkoxE/iMIsyy+so4fV7im7GWHlCTfh9uWuu2FaLQIgHsTLRwg2hhKlFMbNaKmL1XxQiiNhOx6joYfko1wnePc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":60511},"main":"dist/inspector.js","type":"commonjs","style":"dist/inspector.css","gitHead":"d4d12b012817bbc8e263fa7d27d927faee943f67","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"armvs","email":"aleqsanyansayat@gmail.com"},"_npmVersion":"11.6.2","description":"Lightweight DOM inspector for any project","directories":{},"_nodeVersion":"24.13.0","dependencies":{},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/dom-inspector_2.0.0_1780906271412_0.9375341589309423","host":"s3://npm-registry-packages-npm-production"}},"2.1.0":{"name":"@armvs/dom-inspector","version":"2.1.0","keywords":["dom","inspector","devtools","debug","layout","css","selector","html","developer-tools"],"author":{"name":"Sayat"},"license":"MIT","_id":"@armvs/dom-inspector@2.1.0","maintainers":[{"name":"armvs","email":"aleqsanyansayat@gmail.com"}],"dist":{"shasum":"d31c50ba261ca9aa40bfb378d7c7a00d0656ac29","tarball":"https://registry.npmjs.org/@armvs/dom-inspector/-/dom-inspector-2.1.0.tgz","fileCount":4,"integrity":"sha512-9N6PLfRVXBfHXB3rU/GpMyQPfCyFRcIIfIBGBauhQ3J+vjjaZSxajw/OYJ4YO0oA8tzZJpDry3oxQUJM9XxUJg==","signatures":[{"sig":"MEUCIQD2870zAnQ532gBgrDjNZr24oUEde33/VIB+Q/y8sQuWgIgSRlrB/+mnkuON1hKwQvAWRo60oLHqSTlu7/W0MxycTc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":62661},"main":"dist/inspector.js","type":"commonjs","style":"dist/inspector.css","gitHead":"6d7621ea90c2088ff6b4d6080dc6054bc08ad47d","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"armvs","email":"aleqsanyansayat@gmail.com"},"_npmVersion":"11.6.2","description":"Lightweight DOM inspector inspired by browser DevTools. Inspect elements, visualize box model, view selectors and debug layouts directly on any webpage.","directories":{},"_nodeVersion":"24.13.0","dependencies":{},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/dom-inspector_2.1.0_1780920790388_0.6760317954917907","host":"s3://npm-registry-packages-npm-production"}},"2.1.1":{"name":"@armvs/dom-inspector","version":"2.1.1","keywords":["dom","inspector","devtools","debug","layout","css","selector","html","developer-tools"],"author":{"name":"Sayat"},"license":"MIT","_id":"@armvs/dom-inspector@2.1.1","maintainers":[{"name":"armvs","email":"aleqsanyansayat@gmail.com"}],"dist":{"shasum":"1634a9d37da6b2debedff9f82b5dbcbe55bde26d","tarball":"https://registry.npmjs.org/@armvs/dom-inspector/-/dom-inspector-2.1.1.tgz","fileCount":4,"integrity":"sha512-5vegcOgE/12vCEyWXzlihbdOdibVbU6vEtDLtk4vBrpxrb8I3UWBjyyxQONF0ssqa495VcBxhiMZsTK3nSkLGA==","signatures":[{"sig":"MEUCIBvlAemjwRUECEw44k/+SX+kwUDsjoAXbdlHiHyjFQyVAiEAyEevB5iw5ZVp1U+Xqoj8Vaai8xBlKizDdeI87TjLAvI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":62723},"main":"dist/inspector.js","type":"commonjs","style":"dist/inspector.css","gitHead":"93374ba61ede0d7d2c752ffd7498ea7cf7246b47","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"armvs","email":"aleqsanyansayat@gmail.com"},"_npmVersion":"11.6.2","description":"Lightweight DOM inspector inspired by browser DevTools. Inspect elements, visualize box model, view selectors and debug layouts directly on any webpage.","directories":{},"_nodeVersion":"24.13.0","dependencies":{},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/dom-inspector_2.1.1_1780921752825_0.4749210105742969","host":"s3://npm-registry-packages-npm-production"}},"2.2.0":{"name":"@armvs/dom-inspector","version":"2.2.0","keywords":["dom","inspector","devtools","debug","layout","css","selector","html","developer-tools"],"author":{"name":"Sayat"},"license":"MIT","_id":"@armvs/dom-inspector@2.2.0","maintainers":[{"name":"armvs","email":"aleqsanyansayat@gmail.com"}],"dist":{"shasum":"fb39c62f32b9998c3369758f07c5dc08ad33e441","tarball":"https://registry.npmjs.org/@armvs/dom-inspector/-/dom-inspector-2.2.0.tgz","fileCount":4,"integrity":"sha512-yJo+L2ZaoN7IoSeT7Nlq2siL+zeKrptz/CKmyqC//kTyEWCBOSFlYdlIcfVALuj7zgKyjMMthfNOvabKQJTS5Q==","signatures":[{"sig":"MEYCIQDgVYCxGiWH65f/z40643D4RLZT1c5lQEe037gfayvMxAIhANNMKT3fkr6pVpIHtb/ihlt/r7Vw4WwyHyIYUAJuGk4o","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":62723},"main":"dist/inspector.js","type":"commonjs","style":"dist/inspector.css","gitHead":"93374ba61ede0d7d2c752ffd7498ea7cf7246b47","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"armvs","email":"aleqsanyansayat@gmail.com"},"_npmVersion":"11.6.2","description":"Lightweight DOM inspector inspired by browser DevTools. Inspect elements, visualize box model, view selectors and debug layouts directly on any webpage.","directories":{},"_nodeVersion":"24.13.0","dependencies":{},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/dom-inspector_2.2.0_1780929240206_0.6581574604318421","host":"s3://npm-registry-packages-npm-production"}},"2.2.1":{"name":"@armvs/dom-inspector","version":"2.2.1","keywords":["dom","inspector","devtools","debug","layout","css","selector","html","developer-tools"],"author":{"name":"Sayat"},"license":"MIT","_id":"@armvs/dom-inspector@2.2.1","maintainers":[{"name":"armvs","email":"aleqsanyansayat@gmail.com"}],"dist":{"shasum":"db0ab880c453aecbb1c9a55dc9b54cb00ecd01ca","tarball":"https://registry.npmjs.org/@armvs/dom-inspector/-/dom-inspector-2.2.1.tgz","fileCount":4,"integrity":"sha512-nC4W9rs5ZEviWGSk7/ZinFtFPC7m7dtm1zESFBQVUMxCCz9itLQNdwyBveiaNJGaedSVRobUA0RNbBvi313A+g==","signatures":[{"sig":"MEUCIG3OUKvx2KqejwJmdb8FqhzEn4N+Qoankz5rQmDvcYeTAiEA8ZfTjCx9P1GwpoucxA4SUSuJzf95Mzb9O2nmJ6zg/Ic=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":62713},"main":"dist/inspector.js","type":"commonjs","style":"dist/inspector.css","gitHead":"93374ba61ede0d7d2c752ffd7498ea7cf7246b47","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"armvs","email":"aleqsanyansayat@gmail.com"},"_npmVersion":"11.6.2","description":"Lightweight DOM inspector inspired by browser DevTools. Inspect elements, visualize box model, view selectors and debug layouts directly on any webpage.","directories":{},"_nodeVersion":"24.13.0","dependencies":{},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/dom-inspector_2.2.1_1780931025738_0.1373398086551214","host":"s3://npm-registry-packages-npm-production"}},"2.3.0":{"name":"@armvs/dom-inspector","version":"2.3.0","keywords":["dom","inspector","devtools","debug","layout","css","selector","html","developer-tools"],"author":{"name":"Sayat"},"license":"MIT","_id":"@armvs/dom-inspector@2.3.0","maintainers":[{"name":"armvs","email":"aleqsanyansayat@gmail.com"}],"dist":{"shasum":"b1407d9c9727be2c3d32aa8da9dabf388c46feb7","tarball":"https://registry.npmjs.org/@armvs/dom-inspector/-/dom-inspector-2.3.0.tgz","fileCount":5,"integrity":"sha512-QM8on9+p+3dXEdEzH+umHM215Cbggj/cfy+VrbKj1d6uJ0FSsN+QRCwiJq/c1G3qwWp6S7IBST2ML5aZK77mjg==","signatures":[{"sig":"MEQCIFs3i8Ny3KETVUhZXKvO2SQo9N5YuVweG0jLNkQqYgHpAiB/IDV2FT59LXYqDp1nL+nAWSvpLJ89MtxZ+BKHmDX4ew==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":114092},"main":"dist/inspector.js","type":"commonjs","style":"dist/inspector.css","types":"dist/inspector.d.ts","gitHead":"6df87bc6581233fef6a054fd0e63d956dbbe680c","scripts":{"test":"vitest run","test:watch":"vitest","test:coverage":"vitest run --coverage"},"_npmUser":{"name":"armvs","email":"aleqsanyansayat@gmail.com"},"_npmVersion":"11.6.2","description":"Lightweight DOM inspector inspired by browser DevTools. Inspect elements, visualize box model, view selectors and debug layouts directly on any webpage.","directories":{},"_nodeVersion":"24.13.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"jsdom":"^24.0.0","vitest":"^1.6.0","@playwright/test":"^1.44.0","@vitest/coverage-v8":"^1.6.0"},"_npmOperationalInternal":{"tmp":"tmp/dom-inspector_2.3.0_1782110896199_0.8110105302719783","host":"s3://npm-registry-packages-npm-production"}},"2.4.0":{"name":"@armvs/dom-inspector","version":"2.4.0","keywords":["dom","inspector","devtools","debug","layout","css","selector","html","developer-tools"],"author":{"name":"Sayat"},"license":"MIT","_id":"@armvs/dom-inspector@2.4.0","maintainers":[{"name":"armvs","email":"aleqsanyansayat@gmail.com"}],"dist":{"shasum":"50c9a5a8bee0b2f4a25bd9cea41d22aa318a4b44","tarball":"https://registry.npmjs.org/@armvs/dom-inspector/-/dom-inspector-2.4.0.tgz","fileCount":5,"integrity":"sha512-6LTtOXWwObgUpVFBOYbnKyIxP2yOglHzRXe8dgkE9AJFqGappwZGi/uX8OxOCitBX4o+1f983E6a3kOSrWsVbQ==","signatures":[{"sig":"MEQCIBThYeO1kdVpB2TAE5fBRygRgASS3RjWK6Csv5HBLMbvAiA9URcvDYwa/RS5KQrzD79pv5+MxQKbwpnRlIzdoE6Ghg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":117299},"main":"dist/inspector.js","type":"commonjs","style":"dist/inspector.css","types":"dist/inspector.d.ts","gitHead":"cf3369e94dcd824374d2c951da86ec484683cbc5","scripts":{"test":"vitest run","test:watch":"vitest","test:coverage":"vitest run --coverage"},"_npmUser":{"name":"armvs","email":"aleqsanyansayat@gmail.com"},"_npmVersion":"11.6.2","description":"Lightweight DOM inspector inspired by browser DevTools. Inspect elements, visualize box model, view selectors and debug layouts directly on any webpage.","directories":{},"_nodeVersion":"24.13.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"jsdom":"^24.0.0","vitest":"^1.6.0","@playwright/test":"^1.44.0","@vitest/coverage-v8":"^1.6.0"},"_npmOperationalInternal":{"tmp":"tmp/dom-inspector_2.4.0_1782111413166_0.0705493130290269","host":"s3://npm-registry-packages-npm-production"}},"2.5.0":{"name":"@armvs/dom-inspector","version":"2.5.0","keywords":["dom","inspector","devtools","debug","layout","css","selector","html","developer-tools","react","vue","angular"],"author":{"name":"Sayat"},"license":"MIT","_id":"@armvs/dom-inspector@2.5.0","maintainers":[{"name":"armvs","email":"aleqsanyansayat@gmail.com"}],"dist":{"shasum":"e42d48ac76d6f2e7dc79dbbf455025d28ff3bba6","tarball":"https://registry.npmjs.org/@armvs/dom-inspector/-/dom-inspector-2.5.0.tgz","fileCount":5,"integrity":"sha512-u7HhOHvuy0oKGKV58arOKaxTj2eQcBRDpHvjzRtK23QMt+giHl0VKETDu+gXfbiRi51W75NRB12APvFKSewzgQ==","signatures":[{"sig":"MEUCIQDkeY1ZvojGrjKQucj18+ieG22Dx8xIXR6BOGPFrwofgQIgQUpYjT4OzCwuNSA1SYnwdANpE/wcPTb81HFOVqu9bqE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":117597},"main":"dist/inspector.js","type":"commonjs","style":"dist/inspector.css","types":"dist/inspector.d.ts","gitHead":"584c76145cc81929998af0005cdb801d7244b3e8","scripts":{"test":"vitest run","test:watch":"vitest","test:coverage":"vitest run --coverage"},"_npmUser":{"name":"armvs","email":"aleqsanyansayat@gmail.com"},"_npmVersion":"11.6.2","description":"Lightweight DOM inspector inspired by browser DevTools. Inspect elements, visualize box model, view selectors and debug layouts directly on any webpage.","directories":{},"_nodeVersion":"24.13.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"jsdom":"^24.0.0","vitest":"^1.6.0","@playwright/test":"^1.44.0","@vitest/coverage-v8":"^1.6.0"},"_npmOperationalInternal":{"tmp":"tmp/dom-inspector_2.5.0_1782111541088_0.6266087098917634","host":"s3://npm-registry-packages-npm-production"}},"3.0.0":{"name":"@armvs/dom-inspector","version":"3.0.0","keywords":["dom","inspector","devtools","debug","layout","css","selector","html","developer-tools"],"author":{"name":"Sayat"},"license":"MIT","_id":"@armvs/dom-inspector@3.0.0","maintainers":[{"name":"armvs","email":"aleqsanyansayat@gmail.com"}],"dist":{"shasum":"bd9a8e291abe428257e8e435362aec574f4af1e9","tarball":"https://registry.npmjs.org/@armvs/dom-inspector/-/dom-inspector-3.0.0.tgz","fileCount":5,"integrity":"sha512-W7LAzVrXmH7um7aSxU02z0EyHQUkNySj47N+EBAUgJioyPgzrPhYlZKSfa2Vxm4cYfsAoRtA/nLB6Z31pQyocg==","signatures":[{"sig":"MEQCIGPIxuCtdGEVgT7lrrt2+J4Yr+QonXUjdiOql5M30r2IAiA3y8iblmf3u1g6RXmnW7eSN1n0PpfXVhpKHTQwfByhGQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":123831},"main":"dist/inspector.js","type":"commonjs","style":"dist/inspector.css","types":"dist/inspector.d.ts","gitHead":"87ec7e8c4d06f49a9da718a284ff67e3e6532083","scripts":{"test":"vitest run","test:watch":"vitest","test:coverage":"vitest run --coverage"},"_npmUser":{"name":"armvs","email":"aleqsanyansayat@gmail.com"},"_npmVersion":"11.6.2","description":"Lightweight DOM inspector inspired by browser DevTools. Inspect elements, visualize box model, view selectors and debug layouts directly on any webpage.","directories":{},"_nodeVersion":"24.13.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"jsdom":"^24.0.0","vitest":"^1.6.0","@playwright/test":"^1.44.0","@vitest/coverage-v8":"^1.6.0"},"_npmOperationalInternal":{"tmp":"tmp/dom-inspector_3.0.0_1782111741288_0.14076924474958008","host":"s3://npm-registry-packages-npm-production"}},"4.0.0":{"name":"@armvs/dom-inspector","version":"4.0.0","keywords":["dom","inspector","devtools","debug","layout","css","selector","html","developer-tools"],"author":{"name":"Sayat"},"license":"MIT","_id":"@armvs/dom-inspector@4.0.0","maintainers":[{"name":"armvs","email":"aleqsanyansayat@gmail.com"}],"homepage":"https://github.com/armvs/dom-inspector#readme","bugs":{"url":"https://github.com/armvs/dom-inspector/issues"},"dist":{"shasum":"f0ee66d44a74d09430f658ac9f2bcff3371d71e0","tarball":"https://registry.npmjs.org/@armvs/dom-inspector/-/dom-inspector-4.0.0.tgz","fileCount":12,"integrity":"sha512-ysOoIGjSP37YP2/U8siEfvGwidE1hGbsEZ8x9+s1dafcZOm0XYyTVyCkd2lsvTUoVfy1GVIHNnE4nsRPLC8EAg==","signatures":[{"sig":"MEQCIDKz5gSBQalVYLqiica62om100W1Ysp2bzpciXFEKnWIAiBSvi0gkeLBcHmxVoZa4qfDvGlgth6rn0gRBb1R3IMFlg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":411761},"main":"dist/inspector.min.js","type":"commonjs","style":"dist/inspector.min.css","types":"dist/inspector.d.ts","module":"dist/inspector.esm.js","exports":{".":{"import":"./dist/inspector.esm.js","default":"./dist/inspector.min.js","require":"./dist/inspector.min.js"},"./css":"./dist/inspector.min.css","./src":"./dist/inspector.js"},"scripts":{"test":"vitest run","build":"node scripts/build.js","test:e2e":"playwright test","test:watch":"vitest","test:e2e:ui":"playwright test --ui","test:coverage":"vitest run --coverage","prepublishOnly":"npm run build"},"_npmUser":{"name":"armvs","email":"aleqsanyansayat@gmail.com"},"repository":{"url":"git+https://github.com/armvs/dom-inspector.git","type":"git"},"_npmVersion":"11.6.2","description":"Lightweight DOM inspector inspired by browser DevTools. Inspect elements, visualize box model, view selectors and debug layouts directly on any webpage.","directories":{},"_nodeVersion":"24.13.0","_hasShrinkwrap":false,"devDependencies":{"jsdom":"^24.0.0","terser":"^5.48.0","vitest":"^1.6.0","@playwright/test":"^1.44.0","@vitest/coverage-v8":"^1.6.0"},"_npmOperationalInternal":{"tmp":"tmp/dom-inspector_4.0.0_1782372613163_0.5019851043445056","host":"s3://npm-registry-packages-npm-production"}},"4.0.1":{"name":"@armvs/dom-inspector","version":"4.0.1","keywords":["dom","inspector","devtools","debug","layout","css","selector","html","developer-tools"],"author":{"name":"Sayat"},"license":"MIT","_id":"@armvs/dom-inspector@4.0.1","maintainers":[{"name":"armvs","email":"aleqsanyansayat@gmail.com"}],"homepage":"https://github.com/armvs/dom-inspector#readme","bugs":{"url":"https://github.com/armvs/dom-inspector/issues"},"dist":{"shasum":"b6efafbd3307f17b10f0dc6274f2974a9e9cde3e","tarball":"https://registry.npmjs.org/@armvs/dom-inspector/-/dom-inspector-4.0.1.tgz","fileCount":12,"integrity":"sha512-2eg6z98+D0sFvU9K1mWyLjJzqtjga6cBAbPOphdKA21jrGvcGEIlSBKqLa3faYYC+4AkqOtO0udaATaRK7xw8w==","signatures":[{"sig":"MEQCIFfIEBCkzk+eNKe88wBALgNdSFBfpWS2WOsqQbVf39okAiA41Tyo7yBwPoUMQtvyb7YHfkGodgr3aYrayveai/e2tA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":411761},"main":"dist/inspector.min.js","type":"commonjs","style":"dist/inspector.min.css","types":"dist/inspector.d.ts","module":"dist/inspector.esm.js","exports":{".":{"import":"./dist/inspector.esm.js","default":"./dist/inspector.min.js","require":"./dist/inspector.min.js"},"./css":"./dist/inspector.min.css","./src":"./dist/inspector.js"},"gitHead":"70780805c3eec72cf500a3a718ec36f23912ce79","scripts":{"test":"vitest run","build":"node scripts/build.js","test:e2e":"playwright test","test:watch":"vitest","test:e2e:ui":"playwright test --ui","test:coverage":"vitest run --coverage","prepublishOnly":"npm run build"},"_npmUser":{"name":"armvs","email":"aleqsanyansayat@gmail.com"},"repository":{"url":"git+https://github.com/armvs/dom-inspector.git","type":"git"},"_npmVersion":"11.6.2","description":"Lightweight DOM inspector inspired by browser DevTools. Inspect elements, visualize box model, view selectors and debug layouts directly on any webpage.","directories":{},"_nodeVersion":"24.13.0","_hasShrinkwrap":false,"devDependencies":{"jsdom":"^24.0.0","terser":"^5.48.0","vitest":"^1.6.0","@playwright/test":"^1.44.0","@vitest/coverage-v8":"^1.6.0"},"_npmOperationalInternal":{"tmp":"tmp/dom-inspector_4.0.1_1782374183777_0.49446315206703195","host":"s3://npm-registry-packages-npm-production"}},"4.0.2":{"name":"@armvs/dom-inspector","version":"4.0.2","keywords":["dom","inspector","devtools","debug","layout","css","selector","html","developer-tools"],"author":{"name":"Sayat"},"license":"MIT","_id":"@armvs/dom-inspector@4.0.2","maintainers":[{"name":"armvs","email":"aleqsanyansayat@gmail.com"}],"homepage":"https://github.com/armvs/dom-inspector#readme","bugs":{"url":"https://github.com/armvs/dom-inspector/issues"},"dist":{"shasum":"3951b94d7ffcd9cc54a5e65c4d5361c7857d911b","tarball":"https://registry.npmjs.org/@armvs/dom-inspector/-/dom-inspector-4.0.2.tgz","fileCount":12,"integrity":"sha512-Ht5z9/78QJsmlAAH0wbVgd0CLwVuOLuq2W3MpWsa0x0naagwQ/zuiI66t2Imrou99VKTrcTiVPemIDUjDsgemQ==","signatures":[{"sig":"MEUCIQD4enFfeXrGffgTDlcyOMDPAV5aaf8gkmVJ6Gf7AFITWQIgM3xpp3oio83A1o7mE0khL3B/7VNYgvhveEpC7NnPW2Q=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":411765},"main":"dist/inspector.min.js","type":"commonjs","style":"dist/inspector.min.css","types":"dist/inspector.d.ts","module":"dist/inspector.esm.js","exports":{".":{"import":"./dist/inspector.esm.js","default":"./dist/inspector.min.js","require":"./dist/inspector.min.js"},"./css":"./dist/inspector.min.css","./src":"./dist/inspector.js"},"gitHead":"70780805c3eec72cf500a3a718ec36f23912ce79","scripts":{"test":"vitest run","build":"node scripts/build.js","test:e2e":"playwright test","test:watch":"vitest","test:e2e:ui":"playwright test --ui","test:coverage":"vitest run --coverage","prepublishOnly":"npm run build"},"_npmUser":{"name":"armvs","email":"aleqsanyansayat@gmail.com"},"repository":{"url":"git+https://github.com/armvs/dom-inspector.git","type":"git"},"_npmVersion":"11.6.2","description":"Lightweight DOM inspector inspired by browser DevTools. Inspect elements, visualize box model, view selectors and debug layouts directly on any webpage.","directories":{},"_nodeVersion":"24.13.0","_hasShrinkwrap":false,"devDependencies":{"jsdom":"^24.0.0","terser":"^5.48.0","vitest":"^1.6.0","@playwright/test":"^1.44.0","@vitest/coverage-v8":"^1.6.0"},"_npmOperationalInternal":{"tmp":"tmp/dom-inspector_4.0.2_1782374312051_0.8122769705123343","host":"s3://npm-registry-packages-npm-production"}},"4.0.3":{"name":"@armvs/dom-inspector","version":"4.0.3","keywords":["dom","inspector","devtools","debug","layout","css","selector","html","developer-tools"],"author":{"name":"Sayat"},"license":"MIT","_id":"@armvs/dom-inspector@4.0.3","maintainers":[{"name":"armvs","email":"aleqsanyansayat@gmail.com"}],"homepage":"https://github.com/SayatAleqsanyan/dom-inspector#readme","bugs":{"url":"https://github.com/SayatAleqsanyan/dom-inspector/issues"},"dist":{"shasum":"b5c4cd142ad9e2a8f6827e2c7af326d55c56f6b6","tarball":"https://registry.npmjs.org/@armvs/dom-inspector/-/dom-inspector-4.0.3.tgz","fileCount":12,"integrity":"sha512-EzokK8uvP8DjzFEJQy41H/yCeBHxDtm7R2YEvhfAuD2zy7+j1pFYP7gyzqD5K1+klNSUQpBTO5+T3Yt0QCm2+Q==","signatures":[{"sig":"MEUCIEZTMO4Yjedq6ITWHyuTqpjn9Ijwbty0PBpBEVwucIyPAiEA90KRsW2G0deGJ059GEmZnsai6HYhNb8kLwA6A515vHU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":411795},"main":"dist/inspector.min.js","type":"commonjs","style":"dist/inspector.min.css","types":"dist/inspector.d.ts","module":"dist/inspector.esm.js","exports":{".":{"import":"./dist/inspector.esm.js","default":"./dist/inspector.min.js","require":"./dist/inspector.min.js"},"./css":"./dist/inspector.min.css","./src":"./dist/inspector.js"},"gitHead":"04c057e57b578323b9b6bccd4932ea79f786bf7c","scripts":{"test":"vitest run","build":"node scripts/build.js","test:e2e":"playwright test","test:watch":"vitest","test:e2e:ui":"playwright test --ui","test:coverage":"vitest run --coverage","prepublishOnly":"npm run build"},"_npmUser":{"name":"armvs","email":"aleqsanyansayat@gmail.com"},"repository":{"url":"git+https://github.com/SayatAleqsanyan/dom-inspector.git","type":"git"},"_npmVersion":"11.6.2","description":"Lightweight DOM inspector inspired by browser DevTools. Inspect elements, visualize box model, view selectors and debug layouts directly on any webpage.","directories":{},"_nodeVersion":"24.13.0","_hasShrinkwrap":false,"devDependencies":{"jsdom":"^24.0.0","terser":"^5.48.0","vitest":"^1.6.0","@playwright/test":"^1.44.0","@vitest/coverage-v8":"^1.6.0"},"_npmOperationalInternal":{"tmp":"tmp/dom-inspector_4.0.3_1782374655751_0.8499861832969546","host":"s3://npm-registry-packages-npm-production"}},"4.0.4":{"name":"@armvs/dom-inspector","version":"4.0.4","keywords":["dom","inspector","devtools","debug","layout","css","selector","html","developer-tools"],"author":{"name":"Sayat"},"license":"MIT","_id":"@armvs/dom-inspector@4.0.4","maintainers":[{"name":"armvs","email":"aleqsanyansayat@gmail.com"}],"homepage":"https://github.com/SayatAleqsanyan/dom-inspector#readme","bugs":{"url":"https://github.com/SayatAleqsanyan/dom-inspector/issues"},"dist":{"shasum":"c187ba318cb818744c150380b79bc7630e888e7f","tarball":"https://registry.npmjs.org/@armvs/dom-inspector/-/dom-inspector-4.0.4.tgz","fileCount":13,"integrity":"sha512-nX65kFEZb9OT76HNvI1gR/X3riZFadRY8vgXlBqgRO7zmmmZIrtErAh6Goq5fRlbcCjMnO95LIYswGLmDElZ3g==","signatures":[{"sig":"MEUCIQD+u16LSqrZx9nwxgj5NlVR7sTJB17YvS4nNsQfER4pcgIgL7RreMUavPX5wV/dmzJbmoY0wgh0gLddC2PXopMHemo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":563590},"main":"dist/inspector.min.js","type":"commonjs","style":"dist/inspector.min.css","types":"dist/inspector.d.ts","module":"dist/inspector.esm.js","exports":{".":{"import":"./dist/inspector.esm.js","default":"./dist/inspector.min.js","require":"./dist/inspector.min.js"},"./css":"./dist/inspector.min.css","./src":"./dist/inspector.js"},"gitHead":"33eb209cd11750c4bf4d3a7d13e7c22793af1871","scripts":{"test":"vitest run","build":"node scripts/build.js","test:e2e":"playwright test","test:watch":"vitest","test:e2e:ui":"playwright test --ui","test:coverage":"vitest run --coverage","prepublishOnly":"npm run build"},"_npmUser":{"name":"armvs","email":"aleqsanyansayat@gmail.com"},"repository":{"url":"git+https://github.com/SayatAleqsanyan/dom-inspector.git","type":"git"},"_npmVersion":"11.6.2","description":"Lightweight DOM inspector inspired by browser DevTools. Inspect elements, visualize box model, view selectors and debug layouts directly on any webpage.","directories":{},"_nodeVersion":"24.13.0","_hasShrinkwrap":false,"devDependencies":{"jsdom":"^24.0.0","terser":"^5.48.0","vitest":"^1.6.0","@playwright/test":"^1.44.0","@vitest/coverage-v8":"^1.6.0"},"_npmOperationalInternal":{"tmp":"tmp/dom-inspector_4.0.4_1782380774315_0.3855906624132701","host":"s3://npm-registry-packages-npm-production"}},"5.0.0":{"name":"@armvs/dom-inspector","version":"5.0.0","description":"Lightweight DOM inspector inspired by browser DevTools. Inspect elements, visualize box model, view selectors and debug layouts directly on any webpage.","main":"./dist/inspector.cjs","types":"./dist/inspector.d.ts","style":"./dist/inspector.min.css","scripts":{"test":"vitest run","test:watch":"vitest","test:coverage":"vitest run --coverage","build":"node scripts/build.cjs","prepublishOnly":"npm run build","test:e2e":"playwright test","test:e2e:ui":"playwright test --ui"},"keywords":["dom","inspector","devtools","debug","layout","css","selector","html","developer-tools"],"author":{"name":"Sayat"},"license":"MIT","type":"module","devDependencies":{"@playwright/test":"^1.44.0","@rollup/plugin-node-resolve":"^15.0.0","@rollup/plugin-replace":"^6.0.3","@rollup/plugin-terser":"^0.4.0","@vitest/coverage-v8":"^1.6.0","jsdom":"^24.0.0","rollup":"^4.0.0","rollup-plugin-postcss":"^4.0.2","terser":"^5.48.0","vitest":"^1.6.0"},"exports":{".":{"types":"./dist/inspector.d.ts","import":"./dist/inspector.mjs","require":"./dist/inspector.cjs","default":"./dist/inspector.cjs"},"./css":"./dist/inspector.min.css","./package.json":"./package.json"},"module":"./dist/inspector.mjs","repository":{"type":"git","url":"git+https://github.com/SayatAleqsanyan/dom-inspector.git"},"homepage":"https://github.com/SayatAleqsanyan/dom-inspector#readme","bugs":{"url":"https://github.com/SayatAleqsanyan/dom-inspector/issues"},"gitHead":"9be2ff1cb94f7bcd92510ce2e065d1e89a5ae536","_id":"@armvs/dom-inspector@5.0.0","_nodeVersion":"24.13.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-65D/tZwHRBE6WG4vPlo7bHxZkFZftPEJ2NhTKRjri1du2qvmSAr8pudMCf7/hNiMfujzCyWkCA5b0c877adVAA==","shasum":"2da0f65e7b26d00038c49e18269d3360e4c51414","tarball":"https://registry.npmjs.org/@armvs/dom-inspector/-/dom-inspector-5.0.0.tgz","fileCount":11,"unpackedSize":898673,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCICY16y2ziML12DEaCP1YDDrLcMKGrBo+eIdZ6cDpn7sOAiA6fztEotjrovZHJJBqblSWPX8WaPGrvTiWK9ZsSZs/oQ=="}]},"_npmUser":{"name":"armvs","email":"aleqsanyansayat@gmail.com"},"directories":{},"maintainers":[{"name":"armvs","email":"aleqsanyansayat@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/dom-inspector_5.0.0_1782719878368_0.7558631282991579"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-05T11:39:15.991Z","modified":"2026-06-29T07:57:58.643Z","1.0.0":"2026-06-05T11:39:16.289Z","1.0.1":"2026-06-05T11:46:04.570Z","1.0.2":"2026-06-05T11:51:44.651Z","1.0.3":"2026-06-05T12:07:04.455Z","1.1.0":"2026-06-05T12:20:45.303Z","2.0.0":"2026-06-08T08:11:11.577Z","2.1.0":"2026-06-08T12:13:10.560Z","2.1.1":"2026-06-08T12:29:12.972Z","2.2.0":"2026-06-08T14:34:00.344Z","2.2.1":"2026-06-08T15:03:45.930Z","2.3.0":"2026-06-22T06:48:16.359Z","2.4.0":"2026-06-22T06:56:53.308Z","2.5.0":"2026-06-22T06:59:01.226Z","3.0.0":"2026-06-22T07:02:21.425Z","4.0.0":"2026-06-25T07:30:13.342Z","4.0.1":"2026-06-25T07:56:23.910Z","4.0.2":"2026-06-25T07:58:32.177Z","4.0.3":"2026-06-25T08:04:15.917Z","4.0.4":"2026-06-25T09:46:14.508Z","5.0.0":"2026-06-29T07:57:58.534Z"},"bugs":{"url":"https://github.com/SayatAleqsanyan/dom-inspector/issues"},"author":{"name":"Sayat"},"license":"MIT","homepage":"https://github.com/SayatAleqsanyan/dom-inspector#readme","keywords":["dom","inspector","devtools","debug","layout","css","selector","html","developer-tools"],"repository":{"type":"git","url":"git+https://github.com/SayatAleqsanyan/dom-inspector.git"},"description":"Lightweight DOM inspector inspired by browser DevTools. Inspect elements, visualize box model, view selectors and debug layouts directly on any webpage.","maintainers":[{"name":"armvs","email":"aleqsanyansayat@gmail.com"}],"readme":"# @armvs/dom-inspector\n\nLightweight, framework-agnostic DOM Inspector inspired by browser DevTools.\n\n[![npm version](https://img.shields.io/npm/v/@armvs/dom-inspector?color=cba6f7&labelColor=1e1530)](https://www.npmjs.com/package/@armvs/dom-inspector)\n[![npm downloads](https://img.shields.io/npm/dm/@armvs/dom-inspector?color=a6e3a1&labelColor=0f1f18)](https://www.npmjs.com/package/@armvs/dom-inspector)\n[![license](https://img.shields.io/npm/l/@armvs/dom-inspector?color=89b4fa&labelColor=0f1828)](LICENSE)\n[![TypeScript](https://img.shields.io/badge/TypeScript-ready-89b4fa?labelColor=0f1828)](https://www.typescriptlang.org/)\n[![Playwright](https://img.shields.io/badge/tested%20with-Playwright-f9e2af?labelColor=1e1810)](https://playwright.dev/)\n\n![DOM Inspector Demo](docs/demo.gif)\n\n---\n\n🚀 [Live Demo](https://sayataleqsanyan.github.io/dom-inspector/) · 📦 [npm](https://www.npmjs.com/package/@armvs/dom-inspector) · 📖 [Documentation](#api) · ⭐ [GitHub](https://github.com/sayataleqsanyan/dom-inspector)\n\n---\n\nInspect elements, visualize the CSS box model, navigate the DOM tree, copy selectors, and debug layouts directly on any webpage — without opening browser DevTools.\n\n---\n\n## Installation\n\n### npm\n\n```bash\nnpm install @armvs/dom-inspector\n```\n\n### pnpm\n\n```bash\npnpm add @armvs/dom-inspector\n```\n\n### yarn\n\n```bash\nyarn add @armvs/dom-inspector\n```\n\n---\n\n## Usage\n\n### ES Module (Vite / Nuxt / Rollup / Webpack 5)\n\n```js\nimport DOMInspector from '@armvs/dom-inspector';\nimport '@armvs/dom-inspector/css';\n\nDOMInspector.init(true);\n```\n\n### Named imports (tree-shakeable)\n\n```js\nimport { init, enable, disable, destroy } from '@armvs/dom-inspector';\nimport '@armvs/dom-inspector/css';\n\ninit(true);\n```\n\n### CommonJS (Node.js / require)\n\n```js\nconst DOMInspector = require('@armvs/dom-inspector');\n\nDOMInspector.init(true);\n```\n\n### TypeScript\n\n```ts\nimport DOMInspector, { InspectorOptions, ExportData } from '@armvs/dom-inspector';\nimport '@armvs/dom-inspector/css';\n\nconst options: InspectorOptions = {\n  triggerKey:    'Alt',\n  freezeOnClick: false,\n  theme:         'dark',\n};\n\nDOMInspector.init(options);\n```\n\n> TypeScript support is built-in — no `@types/` package needed.\n> IntelliSense works automatically in VSCode and any TypeScript-aware editor.\n\n### CSS import\n\nImport the stylesheet separately so your bundler can process or tree-shake it:\n\n```js\n// In JS / TS entry point\nimport '@armvs/dom-inspector/css';\n\n// Or in a CSS / SCSS file\n@import '@armvs/dom-inspector/dist/inspector.min.css';\n```\n\n---\n\n## Quick Start\n\n### Always Enabled\n\n```js\nDOMInspector.init(true);\n```\n\n### Disabled\n\n```js\nDOMInspector.init(false);\n```\n\n### Local Development Only\n\n```js\nDOMInspector.init(\n  () => location.hostname === 'localhost'\n);\n```\n\n### Admin Users Only\n\n```js\nDOMInspector.init(\n  () => window.isAdmin === true\n);\n```\n\n---\n\n## CDN Usage\n\n```html\n<link\n  rel=\"stylesheet\"\n  href=\"https://cdn.jsdelivr.net/npm/@armvs/dom-inspector/dist/inspector.min.css\"\n/>\n\n<script src=\"https://cdn.jsdelivr.net/npm/@armvs/dom-inspector/dist/inspector.min.js\"></script>\n\n<script>\n  DOMInspector.init(true);\n</script>\n```\n\n---\n\n## Highlights\n\n- 🔍 Inspect any element in real time\n- 📦 Visual CSS Box Model visualization\n- 🌳 Interactive DOM tree with breadcrumbs\n- 🎯 Automatic CSS selector & XPath generation\n- 📋 One-click selector copy\n- ♿ WCAG Accessibility auditing\n- 📐 Flexbox & Grid inspection panels\n- 🧩 Framework detection (React, Vue, Angular)\n- 🌑 Dark & Light themes (4 variants)\n- 🔭 Shadow DOM support\n- ⚡ Zero runtime dependencies\n- 🧪 Unit tested with Vitest + E2E with Playwright\n\n---\n\n## Why DOM Inspector?\n\nWhen debugging production environments, admin panels, staging deployments, embedded widgets, or client websites, opening DevTools is not always convenient.\n\nDOM Inspector provides a lightweight in-page inspection experience that can be enabled only for specific users, environments, or conditions.\n\n| | Chrome DevTools | DOM Inspector |\n|---|---|---|\n| Production safe | ❌ Not accessible to end users | ✅ Embeds in your app |\n| Admin-only access | ❌ Requires browser access | ✅ Condition-based init |\n| End users can use it | ❌ | ✅ |\n| Customizable trigger | ❌ | ✅ Alt / Ctrl / Meta / Shift |\n| Zero setup for users | ❌ | ✅ |\n\n### Ideal Use Cases\n\n* Admin-only debugging tools\n* Internal QA environments\n* Staging deployments\n* CMS development\n* Design system validation\n* Layout troubleshooting\n* Production-safe inspection tools\n\n---\n\n## Advanced Configuration\n\n```js\nDOMInspector.init({\n  enabled: true,\n  theme: 'dark',           // 'dark' | 'light' | { ... }\n  triggerKey: 'Alt',       // 'Alt' | 'Control' | 'Meta' | 'Shift'\n  freezeOnClick: false,\n  headerStyle: 'traffic',  // 'traffic' | 'classic'\n});\n```\n\n---\n\n## API\n\n### Initialization\n\n```js\nDOMInspector.init(true);\n\nDOMInspector.init(false);\n\nDOMInspector.init(\n  () => location.hostname === 'localhost'\n);\n```\n\n### Methods\n\n| Method | Description |\n| --- | --- |\n| `init(options)` | Initialize inspector with options or boolean |\n| `enable()` | Enable inspector at runtime |\n| `disable()` | Disable inspector at runtime |\n| `destroy()` | Remove inspector completely and clean up |\n| `export(format)` | Export inspection data — `'json'` \\| `'html'` \\| `'markdown'` \\| `'yaml'` |\n| `audit(element)` | Run WCAG accessibility audit on element |\n| `on(event, fn)` | Subscribe to inspector events |\n\n### Events\n\n```js\n// Subscribe to events\nDOMInspector.on('inspect', ({ element, selector, xpath }) => {\n  console.log('Inspecting:', selector);\n});\n\n// Export current element data\nconst data = DOMInspector.export('json'); // 'json'|'html'|'markdown'|'yaml'\n\n// Run accessibility audit\nconst issues = DOMInspector.audit(document.querySelector('button'));\n```\n\n### Runtime Controls\n\n```js\nDOMInspector.enable();\n\nDOMInspector.disable();\n\nDOMInspector.destroy();\n```\n\n---\n\n## Framework Examples\n\n### React\n\n```jsx\nimport { useEffect } from 'react';\nimport DOMInspector from '@armvs/dom-inspector';\n\nimport '@armvs/dom-inspector/dist/inspector.css';\n\nfunction App() {\n  useEffect(() => {\n    DOMInspector.init({\n      enabled: process.env.NODE_ENV === 'development',\n      theme: 'dark',\n    });\n  }, []);\n\n  return <div>Application</div>;\n}\n```\n\n### Vue\n\n```js\nimport { onMounted } from 'vue';\nimport DOMInspector from '@armvs/dom-inspector';\n\nonMounted(() => {\n  DOMInspector.init({\n    enabled: import.meta.env.DEV,\n    theme: 'dark',\n  });\n});\n```\n\n### Angular\n\n```ts\nimport DOMInspector from '@armvs/dom-inspector';\n\nconstructor() {\n  DOMInspector.init({\n    enabled: !environment.production,\n    theme: 'dark',\n  });\n}\n```\n\n### Laravel\n\n```blade\n<script src=\"{{ asset('vendor/inspector/inspector.js') }}\"></script>\n\n<script>\nDOMInspector.init(\n    {{ auth()->user()?->isAdmin() ? 'true' : 'false' }}\n);\n</script>\n```\n\n### Dynamic Laravel Authorization\n\n```blade\n<body data-inspector=\"{{ auth()->user()?->isAdmin() ? '1' : '0' }}\">\n\n<script>\nDOMInspector.init(\n  () => document.body.dataset.inspector === '1'\n);\n</script>\n```\n\n---\n\n## Keyboard Shortcuts\n\n| Shortcut | Action |\n| --- | --- |\n| Alt + Hover | Inspect element |\n| Alt + Click | Pin inspector |\n| Esc | Close inspector |\n| Drag Header | Move panel |\n| 📌 | Pin panel |\n| ⧉ | Copy selector |\n\n---\n\n## Testing\n\nRun unit tests:\n\n```bash\nnpm test\n```\n\nRun end-to-end tests:\n\n```bash\nnpm run test:e2e\n```\n\n---\n\n## Browser Support\n\n| Browser | Supported |\n| --- | --- |\n| Chrome | ✅ |\n| Firefox | ✅ |\n| Edge | ✅ |\n| Safari | ✅ |\n\n---\n\n## Security\n\nDOM Inspector is designed to be safe for production usage.\n\n* Uses `textContent` instead of `innerHTML`\n* Safely ignores restricted cross-origin stylesheets\n* Handles clipboard failures gracefully\n* Cleans up all event listeners on `destroy()`\n* Removes injected DOM nodes completely\n* Adds no runtime overhead when disabled\n\n---\n\n## Screenshots\n\n<p align=\"center\">\n  <img width=\"900\" src=\"docs/dark.png\" alt=\"DOM Inspector Dark Theme\">\n  <br><br>\n  <img width=\"900\" src=\"docs/light.png\" alt=\"DOM Inspector Light Theme\">\n</p>\n\n---\n\n## Version History\n\n### v4.x\n\n* Standalone JavaScript library\n* Browser extension support\n* Improved inspection workflow\n* Enhanced testing coverage\n\n---\n\n## License\n\nMIT License\n\nCopyright (c) Sayat\n","readmeFilename":"README.md"}