@inspect-devtools/client 0.3.0 → 0.5.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-surface: #20232b;--inspect-surface-2: #262a33;--inspect-input: #111318;--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-segment-shadow: 0 1px 3px rgba(0, 0, 0, .35);--inspect-segment-active-bg: #262a33;--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-surface: #f5f6f8;--inspect-surface-2: #eceef2;--inspect-input: #eef0f3;--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);--inspect-segment-shadow: 0 1px 2px rgba(15, 23, 42, .1);--inspect-segment-active-bg: #ffffff;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,.ghost-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,.section-heading{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,.surface h2,.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)}.ghost-button{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-color:transparent;background:transparent;color:var(--inspect-muted);padding:0}.ghost-button:hover{background:var(--inspect-hover);color:var(--inspect-text)}.icon-button:focus-visible,.toolbar-button:focus-visible,.ghost-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}.panel-main{min-height:0;overflow:auto;padding:10px}.surface{border:1px solid var(--inspect-line-soft);border-radius:8px;background:var(--inspect-surface);padding:10px}.section-heading{justify-content:space-between;gap:10px;margin-bottom:8px}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;border:1px solid var(--inspect-line-soft);border-radius:8px;background:var(--inspect-input);padding:2px}.segment{position:relative;display:inline-flex;height:28px;align-items:center;justify-content:center;border-radius:6px;color:var(--inspect-muted);cursor:pointer;font-size:12px;font-weight:600;text-align:center;transition:background-color .16s ease,box-shadow .16s ease,color .16s ease}.segment:hover{color:var(--inspect-text)}.segment[data-active=true]{background:var(--inspect-segment-active-bg);box-shadow:var(--inspect-segment-shadow);color:var(--inspect-primary)}.segment-input{position:absolute;width:1px;height:1px;opacity:0}.segment:has(.segment-input:focus-visible){box-shadow:0 0 0 2px rgba(var(--inspect-context),.5)}.copy-format-hint{margin:8px 0 0;color:var(--inspect-muted);font-size:11px;line-height:1.45}.panel-main-inspect{display:grid;gap:10px;align-content:start}.surface h2{color:var(--inspect-muted);font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1.2;text-transform:uppercase}.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,.ghost-button,.segment{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-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-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{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-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}.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.3.0",
3
+ "version": "0.5.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.3.0"
45
+ "@inspect-devtools/core": "0.5.0"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@vitejs/plugin-vue": "^6.0.1",
@@ -1,7 +0,0 @@
1
- import type { CopyFormat } from '@inspect-devtools/core';
2
- export declare const COPY_FORMATS: CopyFormat[];
3
- export declare const isCopyFormat: (value: string | null | undefined) => value is CopyFormat;
4
- export declare const loadPersistedCopyFormat: (projectRoot: string) => CopyFormat | undefined;
5
- export declare const persistCopyFormat: (projectRoot: string, format: CopyFormat) => void;
6
- export declare const clearPersistedCopyFormat: (projectRoot: string) => void;
7
- //# sourceMappingURL=copy-format.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"copy-format.d.ts","sourceRoot":"","sources":["../../src/composables/copy-format.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAExD,eAAO,MAAM,YAAY,EAAE,UAAU,EAAwB,CAAA;AAC7D,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,GAAG,IAAI,GAAG,SAAS,KAAG,KAAK,IAAI,UAA0E,CAAA;AAEnJ,eAAO,MAAM,uBAAuB,GAAI,aAAa,MAAM,KAAG,UAAU,GAAG,SAK1E,CAAA;AACD,eAAO,MAAM,iBAAiB,GAAI,aAAa,MAAM,EAAE,QAAQ,UAAU,KAAG,IAE3E,CAAA;AACD,eAAO,MAAM,wBAAwB,GAAI,aAAa,MAAM,KAAG,IAE9D,CAAA"}