@inspect-devtools/client 0.1.1 → 0.3.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/App.vue.d.ts.map +1 -1
- package/dist/composables/copy-format.d.ts +7 -0
- package/dist/composables/copy-format.d.ts.map +1 -0
- package/dist/composables/selection-location.d.ts +2 -1
- package/dist/composables/selection-location.d.ts.map +1 -1
- package/dist/composables/theme.d.ts +6 -0
- package/dist/composables/theme.d.ts.map +1 -0
- package/dist/composables/useInspector.d.ts +7 -2
- package/dist/composables/useInspector.d.ts.map +1 -1
- package/dist/entry.js +2605 -2427
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/dist/components/SelectionPanel.vue.d.ts +0 -15
- package/dist/components/SelectionPanel.vue.d.ts.map +0 -1
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-input: #111318;--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-panel-width: min(640px, calc(100vw - 16px) );--inspect-z-panel: 2147483644;--inspect-z-overlay: 2147483645;--inspect-z-badge: 2147483646;--inspect-z-dock: 2147483647}.bottom-dock{position:fixed;z-index:var(--inspect-z-dock);bottom:18px;left:50%;display:flex;height:36px;align-items:center;gap:
|
|
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)}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@inspect-devtools/client",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.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.
|
|
45
|
+
"@inspect-devtools/core": "0.3.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@vitejs/plugin-vue": "^6.0.1",
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type { GrabSelection } from '@inspect-devtools/core';
|
|
2
|
-
type __VLS_Props = {
|
|
3
|
-
selection: GrabSelection | null;
|
|
4
|
-
isOpening: boolean;
|
|
5
|
-
};
|
|
6
|
-
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
|
-
copyLocation: () => any;
|
|
8
|
-
openInEditor: () => any;
|
|
9
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
10
|
-
onCopyLocation?: (() => any) | undefined;
|
|
11
|
-
onOpenInEditor?: (() => any) | undefined;
|
|
12
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
|
-
declare const _default: typeof __VLS_export;
|
|
14
|
-
export default _default;
|
|
15
|
-
//# sourceMappingURL=SelectionPanel.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectionPanel.vue.d.ts","sourceRoot":"","sources":["../../src/components/SelectionPanel.vue"],"names":[],"mappings":"AA0EA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAE3D,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,aAAa,GAAG,IAAI,CAAA;IAC/B,SAAS,EAAE,OAAO,CAAA;CACnB,CAAC;AAkIF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
|