{"_id":"@dom-xray/overlay-ui","_rev":"5-ec11b17155875abc7430975dc959e0ec","name":"@dom-xray/overlay-ui","dist-tags":{"latest":"2.0.1"},"versions":{"1.0.0":{"name":"@dom-xray/overlay-ui","version":"1.0.0","_id":"@dom-xray/overlay-ui@1.0.0","maintainers":[{"name":"littlefox9527","email":"727961386@qq.com"}],"dist":{"shasum":"ec3300fd528deb6d0edfb8765f3472b72b0749ba","tarball":"https://registry.npmjs.org/@dom-xray/overlay-ui/-/overlay-ui-1.0.0.tgz","fileCount":3,"integrity":"sha512-8HHIkfGkg9A49SUNOUoMDf5v2+Zlc8nqzt9N0GGA8ty33759c2fJhs0jBS55bIFE3UJNkZlUT/Ktg3CI2zOWew==","signatures":[{"sig":"MEYCIQCg9TiR/Rgoc4KcdnxH67GE4OLCVQVogJlR3lF8RyJkUQIhAP8Ii/j+S+3OZJDdoL50S61c/HfjMXY9mmAqRO/CR+XE","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":34349},"main":"./dist/client.js","type":"module","_from":"file:dom-xray-overlay-ui-1.0.0.tgz","scripts":{"dev":"vite build --watch --minify=false","build":"vite build","check-types":"tsc --noEmit"},"_npmUser":{"name":"littlefox9527","email":"727961386@qq.com"},"_resolved":"/private/var/folders/p8/9s5yfvs50ss61k91qdw4t0jr0000gn/T/9e0b1bc074e11bac7a6b41412083c492/dom-xray-overlay-ui-1.0.0.tgz","_integrity":"sha512-8HHIkfGkg9A49SUNOUoMDf5v2+Zlc8nqzt9N0GGA8ty33759c2fJhs0jBS55bIFE3UJNkZlUT/Ktg3CI2zOWew==","_npmVersion":"10.9.4","description":"Overlay UI for dom-xray plugins","directories":{},"_nodeVersion":"22.22.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.16","typescript":"^6.0.3"},"_npmOperationalInternal":{"tmp":"tmp/overlay-ui_1.0.0_1780915442591_0.38042626463447426","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@dom-xray/overlay-ui","version":"1.0.1","keywords":["dom-xray","overlay","web-components","shadow-dom","ui","source-code-inspector","dom-inspector","code-jump"],"_id":"@dom-xray/overlay-ui@1.0.1","maintainers":[{"name":"littlefox9527","email":"727961386@qq.com"}],"homepage":"https://github.com/ALittleFox/dom-xray#readme","bugs":{"url":"https://github.com/ALittleFox/dom-xray/issues"},"dist":{"shasum":"4b3327cb7a5f6e93716dbfa33e98f2383526aa0a","tarball":"https://registry.npmjs.org/@dom-xray/overlay-ui/-/overlay-ui-1.0.1.tgz","fileCount":4,"integrity":"sha512-83YVLYCMzU8O+0ThbFzuzuJo5cpJ1HuCXnTabzOlyW484vJVuBNGKljSwn+ANYuRywyh0B15NV6ivSro9RYRJg==","signatures":[{"sig":"MEYCIQDfxAFhgmE4aGKNG1MDcTz7eegXnNR+eOEYFI3E+yMnwgIhAOFfiRSsEqJ1CjSvQWiMpHUs7sotHTu2ORIVuy/RxirP","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":36353},"main":"./dist/client.js","type":"module","_from":"file:dom-xray-overlay-ui-1.0.1.tgz","scripts":{"dev":"vite build --watch --minify=false","build":"vite build","check-types":"tsc --noEmit"},"_npmUser":{"name":"littlefox9527","email":"727961386@qq.com"},"_resolved":"/tmp/d89ab90e86659cc5a89fca4790d39470/dom-xray-overlay-ui-1.0.1.tgz","_integrity":"sha512-83YVLYCMzU8O+0ThbFzuzuJo5cpJ1HuCXnTabzOlyW484vJVuBNGKljSwn+ANYuRywyh0B15NV6ivSro9RYRJg==","repository":{"url":"git+https://github.com/ALittleFox/dom-xray.git","type":"git","directory":"packages/overlay-ui"},"_npmVersion":"10.9.8","description":"Overlay UI for dom-xray plugins","directories":{},"_nodeVersion":"22.22.3","_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.16","typescript":"^6.0.3"},"_npmOperationalInternal":{"tmp":"tmp/overlay-ui_1.0.1_1780921219643_0.2460128001494244","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@dom-xray/overlay-ui","version":"1.0.2","keywords":["dom-xray","overlay","web-components","shadow-dom","ui","source-code-inspector","dom-inspector","code-jump"],"_id":"@dom-xray/overlay-ui@1.0.2","maintainers":[{"name":"littlefox9527","email":"727961386@qq.com"}],"homepage":"https://github.com/ALittleFox/dom-xray#readme","bugs":{"url":"https://github.com/ALittleFox/dom-xray/issues"},"dist":{"shasum":"301a9e3ae422b37f9668d62effe4f0f05e1b9927","tarball":"https://registry.npmjs.org/@dom-xray/overlay-ui/-/overlay-ui-1.0.2.tgz","fileCount":4,"integrity":"sha512-47K3ZuLH2ZueXkCLsM2/PeV5r1CcfxY1jQqByEoPxcctzI1riMlFk5peld1voNyOJDjo3scRZl4XUcDTzl/29Q==","signatures":[{"sig":"MEYCIQD2K7YkhNqObfv0aoM33MP4pk/uxTeWHlxYnFBO5A7a7AIhAMLWRijk4E8CV4H8R1u4Jz+GaCPs7qYeBN55GyB0VmZ2","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":36353},"main":"./dist/client.js","type":"module","_from":"file:dom-xray-overlay-ui-1.0.2.tgz","scripts":{"dev":"vite build --watch --minify=false","build":"vite build","check-types":"tsc --noEmit"},"_npmUser":{"name":"littlefox9527","email":"727961386@qq.com"},"_resolved":"/tmp/f6cce4d3383f9aad3b0961d51a320fba/dom-xray-overlay-ui-1.0.2.tgz","_integrity":"sha512-47K3ZuLH2ZueXkCLsM2/PeV5r1CcfxY1jQqByEoPxcctzI1riMlFk5peld1voNyOJDjo3scRZl4XUcDTzl/29Q==","repository":{"url":"git+https://github.com/ALittleFox/dom-xray.git","type":"git","directory":"packages/overlay-ui"},"_npmVersion":"11.13.0","description":"Overlay UI for dom-xray plugins","directories":{},"_nodeVersion":"24.16.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.16","typescript":"^6.0.3"},"_npmOperationalInternal":{"tmp":"tmp/overlay-ui_1.0.2_1780937461548_0.585525789271583","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"@dom-xray/overlay-ui","version":"2.0.0","keywords":["dom-xray","overlay","web-components","shadow-dom","ui","source-code-inspector","dom-inspector","code-jump"],"_id":"@dom-xray/overlay-ui@2.0.0","maintainers":[{"name":"littlefox9527","email":"727961386@qq.com"}],"homepage":"https://github.com/ALittleFox/dom-xray#readme","bugs":{"url":"https://github.com/ALittleFox/dom-xray/issues"},"dist":{"shasum":"4d4c217a46d9026ee30ef4247d4ab77f79106bd2","tarball":"https://registry.npmjs.org/@dom-xray/overlay-ui/-/overlay-ui-2.0.0.tgz","fileCount":4,"integrity":"sha512-KLx01EaMJ93tUs54Htdpr2y49lis/kOqJmXdnVG4n1jq8CiV62JlRzhRPcRVHMdR44aTbgUFHXsN+Cl7IHgBJg==","signatures":[{"sig":"MEUCIQDdmqq3AbWP16/0V6o61lFQNDrtBb4u5mFCb7b6rHyw6QIgTZqthBfb3DpFjo6Im814+mNcrpXY8jutdC3OEG3jdws=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":36360},"main":"./dist/client.js","type":"module","_from":"file:dom-xray-overlay-ui-2.0.0.tgz","scripts":{"dev":"vite build --watch --minify=false","build":"vite build","check-types":"tsc --noEmit"},"_npmUser":{"name":"littlefox9527","email":"727961386@qq.com"},"_resolved":"/tmp/c88ebbf74324b0bfbbb12f7200320a44/dom-xray-overlay-ui-2.0.0.tgz","_integrity":"sha512-KLx01EaMJ93tUs54Htdpr2y49lis/kOqJmXdnVG4n1jq8CiV62JlRzhRPcRVHMdR44aTbgUFHXsN+Cl7IHgBJg==","repository":{"url":"git+https://github.com/ALittleFox/dom-xray.git","type":"git","directory":"packages/overlay-ui"},"_npmVersion":"11.13.0","description":"Overlay UI for dom-xray plugins","directories":{},"_nodeVersion":"24.16.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.16","typescript":"^6.0.3"},"_npmOperationalInternal":{"tmp":"tmp/overlay-ui_2.0.0_1781156567235_0.6068077465691915","host":"s3://npm-registry-packages-npm-production"}},"2.0.1":{"name":"@dom-xray/overlay-ui","version":"2.0.1","description":"Overlay UI for dom-xray plugins","repository":{"type":"git","url":"git+https://github.com/ALittleFox/dom-xray.git","directory":"packages/overlay-ui"},"keywords":["dom-xray","overlay","web-components","shadow-dom","ui","source-code-inspector","dom-inspector","code-jump"],"type":"module","main":"./dist/client.js","devDependencies":{"typescript":"^6.0.3","vite":"^8.0.16"},"scripts":{"build":"vite build","dev":"vite build --watch --minify=false","check-types":"tsc --noEmit"},"_id":"@dom-xray/overlay-ui@2.0.1","bugs":{"url":"https://github.com/ALittleFox/dom-xray/issues"},"homepage":"https://github.com/ALittleFox/dom-xray#readme","_integrity":"sha512-RSssLsnMep+PhDJev7o5LSu8GZ3dkRU6y1oJ9yO0MIhp1mlDy/dfl3bXEWZRNDqJY+lBRDUSqB3qQoxD8mDnXg==","_resolved":"/tmp/6babcd880ef1256d9b18d4cad34208ee/dom-xray-overlay-ui-2.0.1.tgz","_from":"file:dom-xray-overlay-ui-2.0.1.tgz","_nodeVersion":"24.16.0","_npmVersion":"11.13.0","dist":{"integrity":"sha512-RSssLsnMep+PhDJev7o5LSu8GZ3dkRU6y1oJ9yO0MIhp1mlDy/dfl3bXEWZRNDqJY+lBRDUSqB3qQoxD8mDnXg==","shasum":"92efaf3d56853364ce5ab99c810fd671d82a1034","tarball":"https://registry.npmjs.org/@dom-xray/overlay-ui/-/overlay-ui-2.0.1.tgz","fileCount":4,"unpackedSize":37406,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIHHu5cycFmdMXlRYKPAOf6ZICkX5LLtKOfjjmItvshAZAiEAimlcqx8hhKJii7CnCojCGDQTkW/KFXYSZdXDURovDgI="}]},"_npmUser":{"name":"littlefox9527","email":"727961386@qq.com"},"directories":{},"maintainers":[{"name":"littlefox9527","email":"727961386@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/overlay-ui_2.0.1_1781256448807_0.5728998562042504"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-08T10:44:02.367Z","modified":"2026-06-12T09:27:29.092Z","1.0.0":"2026-06-08T10:44:02.745Z","1.0.1":"2026-06-08T12:20:19.782Z","1.0.2":"2026-06-08T16:51:01.690Z","2.0.0":"2026-06-11T05:42:47.486Z","2.0.1":"2026-06-12T09:27:28.929Z"},"bugs":{"url":"https://github.com/ALittleFox/dom-xray/issues"},"homepage":"https://github.com/ALittleFox/dom-xray#readme","keywords":["dom-xray","overlay","web-components","shadow-dom","ui","source-code-inspector","dom-inspector","code-jump"],"repository":{"type":"git","url":"git+https://github.com/ALittleFox/dom-xray.git","directory":"packages/overlay-ui"},"description":"Overlay UI for dom-xray plugins","maintainers":[{"name":"littlefox9527","email":"727961386@qq.com"}],"readme":"# @dom-xray/overlay-ui\n\nDOM XRay 浏览器覆盖层 UI，使用原生 Web Components + Shadow DOM 构建，实现样式隔离，不污染宿主页面。\n\n本包通常作为下游适配器（`@dom-xray/vite`、`@dom-xray/webpack` 等）的内部依赖被自动安装，**一般不需要直接引入**。各适配器会自动将打包后的 `dist/client.js` 注入到开发页面的 `<head>` 中。\n\n## 产物\n\n| 文件 | 说明 |\n| --- | --- |\n| `dist/client.js` | 完整客户端 bundle（被各适配器注入页面） |\n\n## 技术细节\n\n- **Shadow DOM**：所有组件使用 `attachShadow({ mode: \"open\" })`，CSS 变量和样式完全隔离\n- **自定义元素**：`dom-xray-overlay`、`dom-xray-header`、`dom-xray-body`、`dom-xray-source-panel`、`dom-xray-input-panel`、`dom-xray-footer`、`dom-xray-agent-panel`\n- **零依赖**：不依赖 React、Vue 等框架，纯原生 Web API\n\n## 本地开发\n\n```bash\npnpm --filter @dom-xray/overlay-ui build\n# 或\npnpm --filter @dom-xray/overlay-ui dev   # watch 模式\n```\n\n## 配置\n\n客户端通过全局变量读取配置：\n\n```html\n<script>\n  window.__DOM_XRAY_CONFIG__ = {\n    title: \"DOM XRay\",\n    hotkey: { mac: \"option\", win: \"alt\" },\n    editor: \"vscode\",\n    agentConfig: { type: \"cursor\", options: {} }\n  };\n  window.__DOM_XRAY_API__ = \"/__dom-xray\";\n</script>\n<script src=\"/@dom-xray/client.js\"></script>\n```\n\n完整配置说明见根目录 [README.md](https://github.com/ALittleFox/dom-xray/blob/main/README.zh-CN.md)。\n","readmeFilename":"README.zh-CN.md"}