@inspect-devtools/client 0.1.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/LICENSE +21 -0
- package/README.md +3 -0
- package/dist/App.vue.d.ts +8 -0
- package/dist/App.vue.d.ts.map +1 -0
- package/dist/components/SelectionPanel.vue.d.ts +15 -0
- package/dist/components/SelectionPanel.vue.d.ts.map +1 -0
- package/dist/composables/selection-location.d.ts +3 -0
- package/dist/composables/selection-location.d.ts.map +1 -0
- package/dist/composables/useInspector.d.ts +50 -0
- package/dist/composables/useInspector.d.ts.map +1 -0
- package/dist/composables/useRpc.d.ts +7 -0
- package/dist/composables/useRpc.d.ts.map +1 -0
- package/dist/entry.d.ts +4 -0
- package/dist/entry.d.ts.map +1 -0
- package/dist/entry.js +5518 -0
- package/dist/style.css +1 -0
- package/package.json +50 -0
package/dist/style.css
ADDED
|
@@ -0,0 +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:4px;transform:translate(-50%);border:1px solid rgba(52,57,70,.42);border-radius:999px;background:#17191ff5;box-shadow:0 18px 42px #0000002e;padding:3px}.dock-button,.icon-button,.primary-button,.secondary-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{height:30px;border-color:transparent;border-radius:999px;background:transparent;color:var(--inspect-muted);font-size:11px;font-weight:800;padding:0 10px}.dock-button:hover,.dock-button[aria-pressed=true]{background:var(--inspect-soft);color:var(--inspect-primary)}.dock-button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #099e6152}.inspect-devtools-root:has(.inspector-frame[style*="display: block"]){cursor:crosshair}.dock-divider{width:1px;height:16px;background:var(--inspect-line)}.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:0 18px 54px #0000006b}.panel-header,.toolbar,.section-heading,.section-actions{display:flex;align-items:center}.panel-header{justify-content:space-between;border-bottom:1px solid var(--inspect-line);padding:10px 12px}.title,.surface h2,.empty-copy,.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:14px;line-height:1.2}.icon-button{width:30px;height:30px;background:transparent;color:var(--inspect-muted)}.icon-button:hover,.secondary-button:hover{border-color:rgba(var(--inspect-context),.72);color:var(--inspect-brand)}.icon-button:focus-visible,.primary-button:focus-visible,.secondary-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:9px 12px}.primary-button{min-width:88px;height:34px;border-color:var(--inspect-brand);background:var(--inspect-brand);color:#04100d;font-weight:800}.primary-button:hover{border-color:#18e493;background:#18e493}.primary-button[aria-pressed=true]{box-shadow:0 0 0 3px rgba(var(--inspect-context),.1)}.secondary-button{height:30px;background:#262a33;color:var(--inspect-text);padding:0 10px}.secondary-button:disabled{cursor:not-allowed;opacity:.45}.status-pill{display:inline-flex;height:24px;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:12px;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 rgba(52,57,70,.9);border-radius:8px;background:var(--inspect-surface);padding:12px}.section-heading{justify-content:space-between;gap:10px;margin-bottom:10px}.section-actions{gap:8px}.file-location{min-width:0;color:var(--inspect-text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:500;overflow-wrap:anywhere}.file-location-unavailable{color:var(--inspect-muted);font-weight:500}.file-hint{margin:8px 0 0 86px;color:var(--inspect-muted);font-size:11px}.surface h2{color:var(--inspect-text);font-size:13px;line-height:1.2}.selection-grid{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px 10px;color:var(--inspect-muted);font-size:12px}.selection-grid strong{min-width:0;overflow:hidden;color:var(--inspect-text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:500;text-overflow:ellipsis;overflow-wrap:anywhere;white-space:normal}.empty-copy{color:var(--inspect-muted);font-size:12px;line-height:1.45}.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}.source-badge-disabled{background:#64748b;cursor:default}@media(prefers-reduced-motion:reduce){.dock-button,.file-location,.icon-button,.primary-button,.secondary-button{transition:none}}@media(max-width:520px){.panel-shell{bottom:62px;max-height:calc(100vh - 78px)}}
|
package/package.json
ADDED
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@inspect-devtools/client",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "Browser client runtime for Inspect Devtools.",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"keywords": [
|
|
7
|
+
"vite",
|
|
8
|
+
"devtools",
|
|
9
|
+
"inspector",
|
|
10
|
+
"source-location"
|
|
11
|
+
],
|
|
12
|
+
"engines": {
|
|
13
|
+
"node": ">=18"
|
|
14
|
+
},
|
|
15
|
+
"type": "module",
|
|
16
|
+
"exports": {
|
|
17
|
+
"./package.json": "./package.json",
|
|
18
|
+
"./entry": {
|
|
19
|
+
"types": "./dist/entry.d.ts",
|
|
20
|
+
"import": "./dist/entry.js"
|
|
21
|
+
},
|
|
22
|
+
"./style.css": "./dist/style.css"
|
|
23
|
+
},
|
|
24
|
+
"files": [
|
|
25
|
+
"dist",
|
|
26
|
+
"README.md",
|
|
27
|
+
"LICENSE"
|
|
28
|
+
],
|
|
29
|
+
"publishConfig": {
|
|
30
|
+
"access": "public"
|
|
31
|
+
},
|
|
32
|
+
"sideEffects": [
|
|
33
|
+
"./dist/style.css"
|
|
34
|
+
],
|
|
35
|
+
"dependencies": {
|
|
36
|
+
"vue": "^3.5.22",
|
|
37
|
+
"@inspect-devtools/core": "0.1.0"
|
|
38
|
+
},
|
|
39
|
+
"devDependencies": {
|
|
40
|
+
"@vitejs/plugin-vue": "^6.0.1",
|
|
41
|
+
"vite": "^7.1.10",
|
|
42
|
+
"vue-tsc": "^3.1.5"
|
|
43
|
+
},
|
|
44
|
+
"scripts": {
|
|
45
|
+
"build": "vite build && vue-tsc -p tsconfig.json --emitDeclarationOnly",
|
|
46
|
+
"dev": "vite --host 127.0.0.1",
|
|
47
|
+
"test": "vitest run",
|
|
48
|
+
"typecheck": "vue-tsc -p tsconfig.json --noEmit"
|
|
49
|
+
}
|
|
50
|
+
}
|