@copilotkit/web-inspector 1.55.0-next.8 → 1.55.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/CHANGELOG.md +15 -0
- package/dist/index.cjs +48 -29
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -0
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.mts +1 -0
- package/dist/index.d.mts.map +1 -1
- package/dist/index.mjs +48 -29
- package/dist/index.mjs.map +1 -1
- package/dist/index.umd.js +48 -29
- package/dist/index.umd.js.map +1 -1
- package/package.json +7 -10
- package/src/__tests__/web-inspector.spec.ts +19 -1
- package/src/index.ts +231 -151
- package/eslint.config.mjs +0 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @copilotkit/web-inspector
|
|
2
2
|
|
|
3
|
+
## 1.55.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 1ceb963: refactor: consolidate V1/V2 packages into flat @copilotkit/\* structure
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- 52a9322: Fixing license warnings, barrel export and typing
|
|
12
|
+
- Updated dependencies [1ceb963]
|
|
13
|
+
- Updated dependencies [b4a8b7a]
|
|
14
|
+
- Updated dependencies [1ceb963]
|
|
15
|
+
- Updated dependencies [1ceb963]
|
|
16
|
+
- @copilotkit/core@1.55.0
|
|
17
|
+
|
|
3
18
|
## 1.55.0-next.8
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
package/dist/index.cjs
CHANGED
|
@@ -87,6 +87,7 @@ var WebInspectorElement = class extends lit.LitElement {
|
|
|
87
87
|
this.dockMode = "floating";
|
|
88
88
|
this.previousBodyMargins = null;
|
|
89
89
|
this.transitionTimeoutId = null;
|
|
90
|
+
this.bodyTransitionTimeoutIds = /* @__PURE__ */ new Set();
|
|
90
91
|
this.pendingSelectedContext = null;
|
|
91
92
|
this.autoAttachCore = true;
|
|
92
93
|
this.attemptedAutoAttach = false;
|
|
@@ -1028,7 +1029,13 @@ ${argsString}</pre
|
|
|
1028
1029
|
window.removeEventListener("resize", this.handleResize);
|
|
1029
1030
|
window.removeEventListener("pointerdown", this.handleGlobalPointerDown);
|
|
1030
1031
|
}
|
|
1031
|
-
this.
|
|
1032
|
+
for (const id of this.bodyTransitionTimeoutIds) clearTimeout(id);
|
|
1033
|
+
this.bodyTransitionTimeoutIds.clear();
|
|
1034
|
+
if (this.transitionTimeoutId !== null) {
|
|
1035
|
+
clearTimeout(this.transitionTimeoutId);
|
|
1036
|
+
this.transitionTimeoutId = null;
|
|
1037
|
+
}
|
|
1038
|
+
this.removeDockStyles(true);
|
|
1032
1039
|
this.detachFromCore();
|
|
1033
1040
|
}
|
|
1034
1041
|
firstUpdated() {
|
|
@@ -1413,13 +1420,17 @@ ${argsString}</pre
|
|
|
1413
1420
|
};
|
|
1414
1421
|
if (!this.isResizing && !skipTransition) document.body.style.transition = "margin 300ms ease";
|
|
1415
1422
|
if (this.dockMode === "docked-left") document.body.style.marginLeft = `${this.contextState.window.size.width}px`;
|
|
1416
|
-
if (!this.isResizing && !skipTransition)
|
|
1417
|
-
|
|
1418
|
-
|
|
1423
|
+
if (!this.isResizing && !skipTransition) {
|
|
1424
|
+
const id = setTimeout(() => {
|
|
1425
|
+
this.bodyTransitionTimeoutIds.delete(id);
|
|
1426
|
+
if (typeof document !== "undefined" && document.body) document.body.style.transition = "";
|
|
1427
|
+
}, 300);
|
|
1428
|
+
this.bodyTransitionTimeoutIds.add(id);
|
|
1429
|
+
}
|
|
1419
1430
|
}
|
|
1420
|
-
removeDockStyles() {
|
|
1431
|
+
removeDockStyles(skipTransition = false) {
|
|
1421
1432
|
if (typeof document === "undefined" || !document.body) return;
|
|
1422
|
-
if (!this.isResizing) document.body.style.transition = "margin 300ms ease";
|
|
1433
|
+
if (!this.isResizing && !skipTransition) document.body.style.transition = "margin 300ms ease";
|
|
1423
1434
|
if (this.previousBodyMargins) {
|
|
1424
1435
|
document.body.style.marginLeft = this.previousBodyMargins.left;
|
|
1425
1436
|
document.body.style.marginBottom = this.previousBodyMargins.bottom;
|
|
@@ -1428,9 +1439,13 @@ ${argsString}</pre
|
|
|
1428
1439
|
document.body.style.marginLeft = "";
|
|
1429
1440
|
document.body.style.marginBottom = "";
|
|
1430
1441
|
}
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1442
|
+
if (!skipTransition) {
|
|
1443
|
+
const id = setTimeout(() => {
|
|
1444
|
+
this.bodyTransitionTimeoutIds.delete(id);
|
|
1445
|
+
if (typeof document !== "undefined" && document.body) document.body.style.transition = "";
|
|
1446
|
+
}, 300);
|
|
1447
|
+
this.bodyTransitionTimeoutIds.add(id);
|
|
1448
|
+
} else document.body.style.transition = "";
|
|
1434
1449
|
}
|
|
1435
1450
|
updateHostTransform(context = this.activeContext) {
|
|
1436
1451
|
if (context !== this.activeContext) return;
|
|
@@ -1920,7 +1935,11 @@ ${prettyEvent}</pre
|
|
|
1920
1935
|
this.copyToClipboard(prettyEvent, event.id);
|
|
1921
1936
|
}}
|
|
1922
1937
|
>
|
|
1923
|
-
${this.copiedEvents.has(event.id) ? lit.html
|
|
1938
|
+
${this.copiedEvents.has(event.id) ? lit.html`
|
|
1939
|
+
<span>✓ Copied</span>
|
|
1940
|
+
` : lit.html`
|
|
1941
|
+
<span>Copy</span>
|
|
1942
|
+
`}
|
|
1924
1943
|
</button>
|
|
1925
1944
|
</div>
|
|
1926
1945
|
` : inlineEvent}
|
|
@@ -2393,13 +2412,17 @@ ${prettyEvent}</pre
|
|
|
2393
2412
|
>${prop.name}</span
|
|
2394
2413
|
>
|
|
2395
2414
|
<div class="flex items-center gap-1.5 shrink-0">
|
|
2396
|
-
${prop.required ? lit.html
|
|
2397
|
-
|
|
2398
|
-
|
|
2399
|
-
|
|
2400
|
-
|
|
2401
|
-
|
|
2402
|
-
|
|
2415
|
+
${prop.required ? lit.html`
|
|
2416
|
+
<span
|
|
2417
|
+
class="text-[9px] rounded border border-rose-200 bg-rose-50 px-1 py-0.5 font-medium text-rose-700"
|
|
2418
|
+
>required</span
|
|
2419
|
+
>
|
|
2420
|
+
` : lit.html`
|
|
2421
|
+
<span
|
|
2422
|
+
class="text-[9px] rounded border border-gray-200 bg-gray-50 px-1 py-0.5 font-medium text-gray-600"
|
|
2423
|
+
>optional</span
|
|
2424
|
+
>
|
|
2425
|
+
`}
|
|
2403
2426
|
${prop.type ? lit.html`<span
|
|
2404
2427
|
class="text-[9px] rounded border border-gray-200 bg-gray-50 px-1 py-0.5 font-mono text-gray-600"
|
|
2405
2428
|
>${prop.type}</span
|
|
@@ -2439,12 +2462,10 @@ ${prettyEvent}</pre
|
|
|
2439
2462
|
`)}
|
|
2440
2463
|
</div>
|
|
2441
2464
|
` : lit.html`
|
|
2442
|
-
|
|
2443
|
-
|
|
2444
|
-
|
|
2445
|
-
|
|
2446
|
-
</div>
|
|
2447
|
-
`}
|
|
2465
|
+
<div class="flex items-center justify-center py-4 text-xs text-gray-500">
|
|
2466
|
+
<span>No parameters defined</span>
|
|
2467
|
+
</div>
|
|
2468
|
+
`}
|
|
2448
2469
|
</div>
|
|
2449
2470
|
` : lit.nothing}
|
|
2450
2471
|
</div>
|
|
@@ -2632,12 +2653,10 @@ ${prettyEvent}</pre
|
|
|
2632
2653
|
><code>${this.formatContextValue(context.value)}</code></pre>
|
|
2633
2654
|
</div>
|
|
2634
2655
|
` : lit.html`
|
|
2635
|
-
|
|
2636
|
-
|
|
2637
|
-
|
|
2638
|
-
|
|
2639
|
-
</div>
|
|
2640
|
-
`}
|
|
2656
|
+
<div class="flex items-center justify-center py-4 text-xs text-gray-500">
|
|
2657
|
+
<span>No value available</span>
|
|
2658
|
+
</div>
|
|
2659
|
+
`}
|
|
2641
2660
|
</div>
|
|
2642
2661
|
` : lit.nothing}
|
|
2643
2662
|
</div>
|