@inspect-devtools/client 0.2.0 → 0.4.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/selection-location.d.ts +1 -2
- 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 +2 -7
- package/dist/composables/useInspector.d.ts.map +1 -1
- package/dist/entry.js +2527 -2598
- 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/composables/copy-format.d.ts +0 -7
- package/dist/composables/copy-format.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-
|
|
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)}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@inspect-devtools/client",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.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.4.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"}
|
|
@@ -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"}
|