@inspect-devtools/client 0.4.0 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- #__inspect_devtools_container__{position:relative;z-index:2147483647;color-scheme:dark;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#__inspect_devtools_container__ *{box-sizing:border-box}.inspect-devtools-root{--inspect-panel: #17191f;--inspect-line: #343946;--inspect-line-soft: rgba(52, 57, 70, .9);--inspect-text: #f2f4f8;--inspect-muted: #9ba3b4;--inspect-brand: #00dc82;--inspect-primary: #099e61;--inspect-context: 0, 220, 130;--inspect-soft: #e6fff6;--inspect-warning: #ffb86b;--inspect-dock-bg: rgba(23, 25, 31, .96);--inspect-dock-line: rgba(52, 57, 70, .42);--inspect-shadow: 0 18px 54px rgba(0, 0, 0, .42);--inspect-hover: rgba(255, 255, 255, .06);--inspect-active: rgba(255, 255, 255, .08);--inspect-panel-width: min(640px, calc(100vw - 16px) );--inspect-z-panel: 2147483644;--inspect-z-overlay: 2147483645;--inspect-z-badge: 2147483646;--inspect-z-dock: 2147483647}.inspect-devtools-root[data-theme=light]{--inspect-panel: #ffffff;--inspect-line: #d8dce4;--inspect-line-soft: #d8dce4;--inspect-text: #16181d;--inspect-muted: #5b6472;--inspect-brand: #00915a;--inspect-primary: #00804e;--inspect-context: 0, 145, 90;--inspect-soft: #dcf4e8;--inspect-warning: #a35a00;--inspect-dock-bg: rgba(255, 255, 255, .94);--inspect-dock-line: rgba(0, 0, 0, .08);--inspect-shadow: 0 18px 54px rgba(15, 23, 42, .16);--inspect-hover: rgba(0, 0, 0, .05);--inspect-active: rgba(0, 0, 0, .07);color-scheme:light}.bottom-dock{position:fixed;z-index:var(--inspect-z-dock);bottom:18px;left:50%;display:flex;height:36px;align-items:center;gap:2px;transform:translate(-50%);border:1px solid var(--inspect-dock-line);border-radius:999px;background:var(--inspect-dock-bg);box-shadow:var(--inspect-shadow);padding:3px}.dock-button,.icon-button,.toolbar-button{border:1px solid var(--inspect-line);border-radius:6px;cursor:pointer;font:inherit;outline:0;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease}.dock-button{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-color:transparent;border-radius:999px;background:transparent;color:var(--inspect-muted);padding:0}.dock-button:hover{background:var(--inspect-hover);color:var(--inspect-text)}.dock-button[aria-pressed=true]{background:var(--inspect-soft);color:var(--inspect-primary);box-shadow:inset 0 0 0 1px rgba(var(--inspect-context),.32)}.dock-button[aria-expanded=true]{background:var(--inspect-active);color:var(--inspect-text)}.inspect-devtools-root:has(.inspector-frame[style*="display: block"]){cursor:crosshair}.panel-shell{position:fixed;z-index:var(--inspect-z-panel);bottom:66px;left:50%;display:flex;width:var(--inspect-panel-width);max-height:min(420px,calc(100vh - 84px));flex-direction:column;transform:translate(-50%);overflow:hidden;border:1px solid var(--inspect-line);border-radius:10px;background:var(--inspect-panel);box-shadow:var(--inspect-shadow)}.panel-header,.header-actions,.toolbar{display:flex;align-items:center}.panel-header{justify-content:space-between;border-bottom:1px solid var(--inspect-line);padding:8px 12px}.header-actions{gap:4px}.title,.panel-error{margin:0}.panel-feedback{margin:0;border-bottom:1px solid rgba(var(--inspect-context),.18);color:var(--inspect-brand);font-size:12px;line-height:1.45;padding:8px 12px}.title{color:var(--inspect-text);font-size:13px;line-height:1.2}.icon-button{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;background:transparent;color:var(--inspect-muted)}.icon-button:hover{border-color:rgba(var(--inspect-context),.72);color:var(--inspect-brand)}.icon-button:focus-visible,.toolbar-button:focus-visible,.dock-button:focus-visible,.source-badge:focus-visible{box-shadow:0 0 0 2px rgba(var(--inspect-context),.5)}.toolbar{gap:8px;border-bottom:1px solid var(--inspect-line);padding:8px 12px}.toolbar-button{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;background:transparent;color:var(--inspect-muted);padding:0}.toolbar-button:hover{border-color:rgba(var(--inspect-context),.72);color:var(--inspect-text)}.toolbar-button[aria-pressed=true]{border-color:transparent;background:var(--inspect-soft);color:var(--inspect-primary)}.toolbar-button:disabled{cursor:not-allowed;opacity:.45}.status-pill{display:inline-flex;height:22px;align-items:center;border:1px solid rgba(var(--inspect-context),.16);border-radius:6px;background:rgba(var(--inspect-context),.08);color:var(--inspect-brand);font-size:11px;padding:0 8px}.panel-error{border-bottom:1px solid rgba(255,184,107,.25);color:var(--inspect-warning);font-size:12px;line-height:1.45;padding:8px 12px}.inspector-frame{position:fixed;z-index:var(--inspect-z-overlay);top:0;left:0;display:none;pointer-events:none;border:2px solid var(--inspect-brand);background:rgba(var(--inspect-context),.08);box-shadow:0 0 0 1px #075f4647,0 0 0 9999px #0f172a0a}.source-badge{position:fixed;z-index:var(--inspect-z-badge);top:0;left:0;display:none;max-width:min(360px,calc(100vw - 16px));min-height:36px;border:0;border-radius:5px;background:var(--inspect-primary);box-shadow:0 10px 26px #04785747;color:#fff;cursor:pointer;font:inherit;padding:6px 9px;text-align:left}.source-badge strong,.source-badge span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-badge strong{font-size:12px;font-weight:800;line-height:1.1}.source-badge span{opacity:.82;font-size:11px;line-height:1.1}@media(prefers-reduced-motion:reduce){.dock-button,.icon-button,.toolbar-button{transition:none}}@media(max-width:520px){.panel-shell{bottom:62px;max-height:calc(100vh - 78px)}}
1
+ #__inspect_devtools_container__{position:relative;z-index:2147483647;color-scheme:dark;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#__inspect_devtools_container__ *{box-sizing:border-box}.inspect-devtools-root{--inspect-line: #343946;--inspect-text: #f2f4f8;--inspect-muted: #9ba3b4;--inspect-brand: #00dc82;--inspect-primary: #099e61;--inspect-context: 0, 220, 130;--inspect-soft: #e6fff6;--inspect-warning: #ffb86b;--inspect-danger: #ff6b64;--inspect-danger-context: 255, 107, 100;--inspect-dock-bg: rgba(23, 25, 31, .96);--inspect-dock-line: rgba(52, 57, 70, .42);--inspect-shadow: 0 18px 54px rgba(0, 0, 0, .42);--inspect-hover: rgba(255, 255, 255, .06);--inspect-z-overlay: 2147483645;--inspect-z-badge: 2147483646;--inspect-z-dock: 2147483647}.inspect-devtools-root[data-theme=light]{--inspect-line: #d8dce4;--inspect-text: #16181d;--inspect-muted: #5b6472;--inspect-brand: #00915a;--inspect-primary: #00804e;--inspect-context: 0, 145, 90;--inspect-soft: #dcf4e8;--inspect-warning: #a35a00;--inspect-danger: #d6453d;--inspect-danger-context: 214, 69, 61;--inspect-dock-bg: rgba(255, 255, 255, .94);--inspect-dock-line: rgba(0, 0, 0, .08);--inspect-shadow: 0 18px 54px rgba(15, 23, 42, .16);--inspect-hover: rgba(0, 0, 0, .05);color-scheme:light}.bottom-dock{position:fixed;z-index:var(--inspect-z-dock);bottom:18px;left:50%;display:flex;height:36px;align-items:center;gap:2px;transform:translate(-50%);border:1px solid var(--inspect-dock-line);border-radius:999px;background:var(--inspect-dock-bg);box-shadow:var(--inspect-shadow);padding:3px}.dock-button{position:relative;display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--inspect-muted);cursor:pointer;font:inherit;outline:0;padding:0;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease}.dock-badge{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;border-radius:999px;background:var(--inspect-primary);box-shadow:0 0 0 2px var(--inspect-dock-bg);color:#fff;font-size:9px;font-weight:700;line-height:15px;padding:0 4px;pointer-events:none;text-align:center}.dock-button:hover{background:var(--inspect-hover);color:var(--inspect-text)}.dock-button[aria-pressed=true]{background:var(--inspect-soft);color:var(--inspect-primary);box-shadow:inset 0 0 0 1px rgba(var(--inspect-context),.32)}.dock-button:focus-visible,.source-badge:focus-visible{box-shadow:0 0 0 2px rgba(var(--inspect-context),.5)}.inspect-devtools-root:has(.inspector-frame[style*="display: block"]){cursor:crosshair}.toast-stack{position:fixed;z-index:var(--inspect-z-dock);bottom:62px;left:50%;display:grid;justify-items:center;transform:translate(-50%);pointer-events:none}.toast{margin:0;border:1px solid var(--inspect-dock-line);border-radius:999px;background:var(--inspect-dock-bg);box-shadow:var(--inspect-shadow);color:var(--inspect-text);font-size:12px;line-height:1.4;padding:7px 12px;white-space:nowrap}.toast-error{color:var(--inspect-warning)}.inspector-frame{position:fixed;z-index:var(--inspect-z-overlay);top:0;left:0;display:none;pointer-events:none;border:2px solid var(--inspect-brand);background:rgba(var(--inspect-context),.08);box-shadow:0 0 0 1px #075f4647,0 0 0 9999px #0f172a0a}.inspector-frame--hover{border-style:dashed;background:rgba(var(--inspect-context),.04)}.inspector-frame--add{border-style:solid;background:rgba(var(--inspect-context),.08)}.inspector-frame--remove{border-color:var(--inspect-danger);border-style:solid;background:rgba(var(--inspect-danger-context),.08);box-shadow:0 0 0 1px rgba(var(--inspect-danger-context),.3),0 0 0 9999px #0f172a0a}.marquee-rect--remove{border-color:var(--inspect-danger);background:rgba(var(--inspect-danger-context),.06)}.marquee-rect{position:fixed;z-index:var(--inspect-z-overlay);top:0;left:0;display:none;pointer-events:none;border:1px dashed var(--inspect-brand);background:rgba(var(--inspect-context),.06)}.source-badge{position:fixed;z-index:var(--inspect-z-badge);top:0;left:0;display:none;max-width:min(360px,calc(100vw - 16px));min-height:36px;border:0;border-radius:5px;background:var(--inspect-primary);box-shadow:0 10px 26px #04785747;color:#fff;cursor:pointer;font:inherit;padding:6px 9px;text-align:left}.source-badge strong,.source-badge span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-badge strong{font-size:12px;font-weight:800;line-height:1.1}.source-badge span{opacity:.82;font-size:11px;line-height:1.1}@media(prefers-reduced-motion:reduce){.dock-button{transition:none}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inspect-devtools/client",
3
- "version": "0.4.0",
3
+ "version": "0.6.0",
4
4
  "description": "Browser client runtime for Inspect Devtools.",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -42,7 +42,7 @@
42
42
  ],
43
43
  "dependencies": {
44
44
  "vue": "^3.5.22",
45
- "@inspect-devtools/core": "0.4.0"
45
+ "@inspect-devtools/core": "0.6.0"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@vitejs/plugin-vue": "^6.0.1",