@vscode/component-explorer 0.2.1-93 → 0.2.1-95
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/viewer.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
var ut = Object.defineProperty;
|
|
2
2
|
var gt = (r, e, o) => e in r ? ut(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o;
|
|
3
3
|
var p = (r, e, o) => gt(r, typeof e != "symbol" ? e + "" : e, o);
|
|
4
|
-
import { f as Co, e as Io, s as Fo, g as We, S as $e, r as Te, _ as mt } from "./runtimeVersion-
|
|
5
|
-
import { h as _s, d as Ss, a as Bs, b as Cs, c as Is, i as Fs, j as Es } from "./runtimeVersion-
|
|
4
|
+
import { f as Co, e as Io, s as Fo, g as We, S as $e, r as Te, _ as mt } from "./runtimeVersion-RV1Duijm.js";
|
|
5
|
+
import { h as _s, d as Ss, a as Bs, b as Cs, c as Is, i as Fs, j as Es } from "./runtimeVersion-RV1Duijm.js";
|
|
6
6
|
import { createRoot as go } from "react-dom/client";
|
|
7
7
|
import * as hr from "react";
|
|
8
8
|
import { createContext as fr, useReducer as ht, useState as ft, useContext as bt, useEffect as Eo, createElement as xt } from "react";
|
|
9
9
|
import { jsx as l, jsxs as h, Fragment as Se } from "react/jsx-runtime";
|
|
10
10
|
import { unstable_batchedUpdates as br, createPortal as vt } from "react-dom";
|
|
11
|
-
import { z as
|
|
11
|
+
import { z as k } from "zod";
|
|
12
12
|
function mo(r) {
|
|
13
13
|
return typeof r == "object" && r !== null && Fo in r && r[Fo] === !0 && "_options" in r && typeof r._options == "object";
|
|
14
14
|
}
|
|
@@ -813,7 +813,7 @@ class Br {
|
|
|
813
813
|
return this._updatingObservers;
|
|
814
814
|
}
|
|
815
815
|
}
|
|
816
|
-
function
|
|
816
|
+
function w(r, e, o = N.ofCaller()) {
|
|
817
817
|
let t;
|
|
818
818
|
return typeof r == "string" ? t = new K(void 0, r, void 0) : t = new K(r, void 0, void 0), new Cr(t, e, he, o);
|
|
819
819
|
}
|
|
@@ -1262,7 +1262,7 @@ class Zt {
|
|
|
1262
1262
|
p(this, "_values");
|
|
1263
1263
|
/** Cache of derived per-fixture override observables. */
|
|
1264
1264
|
p(this, "_byFixture", /* @__PURE__ */ new Map());
|
|
1265
|
-
this._values =
|
|
1265
|
+
this._values = w("fixtureInputValues", this._load());
|
|
1266
1266
|
}
|
|
1267
1267
|
/**
|
|
1268
1268
|
* Returns a derived observable of `fixtureId`'s input overrides, mapped from the shared
|
|
@@ -1387,7 +1387,7 @@ function Rr(r, e, o, t = [], n = "", i = [], a = void 0) {
|
|
|
1387
1387
|
d.push(y);
|
|
1388
1388
|
const x = new z(d.join("/"));
|
|
1389
1389
|
let v = (g = c.children) == null ? void 0 : g.find(
|
|
1390
|
-
(
|
|
1390
|
+
(_) => _.type === "folder" && _.name === y
|
|
1391
1391
|
);
|
|
1392
1392
|
v || (v = {
|
|
1393
1393
|
id: x,
|
|
@@ -1421,8 +1421,8 @@ function Rr(r, e, o, t = [], n = "", i = [], a = void 0) {
|
|
|
1421
1421
|
labels: [...o._labels ?? []]
|
|
1422
1422
|
}, c.children || (c.children = []), c.children.push(f));
|
|
1423
1423
|
for (const [y, x] of Object.entries(o._entries)) {
|
|
1424
|
-
const v = o._expectedVisualDescriptions,
|
|
1425
|
-
Rr(f, [y], x, d, n,
|
|
1424
|
+
const v = o._expectedVisualDescriptions, _ = v ? typeof v == "string" ? [v] : [...v] : [], S = [...i, ..._], F = Ue(a, o._inputSchemaJson);
|
|
1425
|
+
Rr(f, [y], x, d, n, S, F);
|
|
1426
1426
|
}
|
|
1427
1427
|
} else if (fo(o)) {
|
|
1428
1428
|
const f = {
|
|
@@ -1434,11 +1434,11 @@ function Rr(r, e, o, t = [], n = "", i = [], a = void 0) {
|
|
|
1434
1434
|
};
|
|
1435
1435
|
c.children || (c.children = []), c.children.push(f);
|
|
1436
1436
|
for (const [y, x] of Object.entries(o._variants)) {
|
|
1437
|
-
const v = o._expectedVisualDescriptions,
|
|
1437
|
+
const v = o._expectedVisualDescriptions, _ = v ? typeof v == "string" ? [v] : [...v] : [], S = [...i, ..._], F = Ue(a, o._inputSchemaJson), A = new z([...d, y].join("/")), V = {
|
|
1438
1438
|
id: A,
|
|
1439
1439
|
name: y,
|
|
1440
1440
|
type: "component",
|
|
1441
|
-
component: Ro(x, A.value, y, n,
|
|
1441
|
+
component: Ro(x, A.value, y, n, S, F),
|
|
1442
1442
|
labels: [...x._options.labels ?? []]
|
|
1443
1443
|
};
|
|
1444
1444
|
f.children.push(V);
|
|
@@ -1466,9 +1466,9 @@ function on(r) {
|
|
|
1466
1466
|
}
|
|
1467
1467
|
class rn {
|
|
1468
1468
|
constructor() {
|
|
1469
|
-
p(this, "_fixtures",
|
|
1470
|
-
p(this, "loading",
|
|
1471
|
-
p(this, "error",
|
|
1469
|
+
p(this, "_fixtures", w(this, /* @__PURE__ */ new Map()));
|
|
1470
|
+
p(this, "loading", w(this, !1));
|
|
1471
|
+
p(this, "error", w(this, void 0));
|
|
1472
1472
|
p(this, "root", E(this, (e) => {
|
|
1473
1473
|
const o = this._fixtures.read(e);
|
|
1474
1474
|
return Pe(o);
|
|
@@ -1608,7 +1608,7 @@ class un {
|
|
|
1608
1608
|
return this.debugName;
|
|
1609
1609
|
}
|
|
1610
1610
|
updateProps(e) {
|
|
1611
|
-
this._obsProps ? this._obsProps.set(e, void 0) : (this._obsProps =
|
|
1611
|
+
this._obsProps ? this._obsProps.set(e, void 0) : (this._obsProps = w(this, e), this._render = this.renderFactory(this._obsProps, () => this.contextValues), this.rendering = E(this, this._render), this._disposable = ln.addDependency(this.rendering, this));
|
|
1612
1612
|
}
|
|
1613
1613
|
}
|
|
1614
1614
|
function yo(r, e, o) {
|
|
@@ -1650,14 +1650,14 @@ function gn(r) {
|
|
|
1650
1650
|
function P(r, e, o) {
|
|
1651
1651
|
const t = typeof e == "function" ? {} : e, n = typeof e == "function" ? e : o, i = "_props" in r ? r._props : {}, a = gn({ ...i, ...t }), c = dn(r), d = [...a, c];
|
|
1652
1652
|
return yo("viewWithModel", (s, u) => {
|
|
1653
|
-
const g = u(), b = g.get(c), f = "_props" in r ? pe(r._props, (v,
|
|
1653
|
+
const g = u(), b = g.get(c), f = "_props" in r ? pe(r._props, (v, _) => v.create((S) => s.read(S)[_], g.get(v._requiredContext))) : {}, y = b ? { read: () => b, dispose: () => {
|
|
1654
1654
|
} } : Pt((v) => {
|
|
1655
|
-
const
|
|
1656
|
-
return new r(
|
|
1657
|
-
}), x = pe(t, (v,
|
|
1655
|
+
const _ = pe(f, (S) => S.read(v));
|
|
1656
|
+
return new r(_);
|
|
1657
|
+
}), x = pe(t, (v, _) => v.create((S) => s.read(S)[_], g.get(v._requiredContext)));
|
|
1658
1658
|
return (v) => {
|
|
1659
|
-
const
|
|
1660
|
-
return n(v,
|
|
1659
|
+
const _ = y.read(v), S = pe(x, (F) => F.read(v));
|
|
1660
|
+
return n(v, _, S);
|
|
1661
1661
|
};
|
|
1662
1662
|
}, d.length > 0 ? d : void 0);
|
|
1663
1663
|
}
|
|
@@ -1714,7 +1714,7 @@ function He(r, e) {
|
|
|
1714
1714
|
s !== null && (a = i(s));
|
|
1715
1715
|
} catch {
|
|
1716
1716
|
}
|
|
1717
|
-
const c =
|
|
1717
|
+
const c = w(r, a), d = c.set.bind(c);
|
|
1718
1718
|
return c.set = (s, u) => {
|
|
1719
1719
|
try {
|
|
1720
1720
|
localStorage.setItem(o, n(s));
|
|
@@ -1724,7 +1724,7 @@ function He(r, e) {
|
|
|
1724
1724
|
}, c;
|
|
1725
1725
|
}
|
|
1726
1726
|
function Ao(r, e) {
|
|
1727
|
-
const t = new URLSearchParams(location.search).get(e) || void 0, n =
|
|
1727
|
+
const t = new URLSearchParams(location.search).get(e) || void 0, n = w(r, t);
|
|
1728
1728
|
window.addEventListener("popstate", () => {
|
|
1729
1729
|
const a = new URLSearchParams(location.search);
|
|
1730
1730
|
n.set(a.get(e) || void 0, void 0);
|
|
@@ -1777,7 +1777,7 @@ function vn(r, e, o = 0) {
|
|
|
1777
1777
|
class yn {
|
|
1778
1778
|
constructor() {
|
|
1779
1779
|
p(this, "_values");
|
|
1780
|
-
this._values =
|
|
1780
|
+
this._values = w("fixturePageViewports", this._load());
|
|
1781
1781
|
}
|
|
1782
1782
|
read(e, o, t) {
|
|
1783
1783
|
return $o(this._values.read(e)[o], t);
|
|
@@ -1831,7 +1831,7 @@ class yn {
|
|
|
1831
1831
|
}
|
|
1832
1832
|
class kn {
|
|
1833
1833
|
constructor() {
|
|
1834
|
-
p(this, "_entries",
|
|
1834
|
+
p(this, "_entries", w(
|
|
1835
1835
|
this,
|
|
1836
1836
|
/* @__PURE__ */ new Map()
|
|
1837
1837
|
));
|
|
@@ -2043,7 +2043,7 @@ class In {
|
|
|
2043
2043
|
getLayout(e, o, t) {
|
|
2044
2044
|
let n = this.layouts.get(e);
|
|
2045
2045
|
if (!n)
|
|
2046
|
-
return n =
|
|
2046
|
+
return n = w(
|
|
2047
2047
|
this,
|
|
2048
2048
|
Pr(o, t)
|
|
2049
2049
|
), this.layouts.set(e, n), n;
|
|
@@ -2052,7 +2052,7 @@ class In {
|
|
|
2052
2052
|
}
|
|
2053
2053
|
getActiveEntry(e) {
|
|
2054
2054
|
let o = this.activeEntries.get(e);
|
|
2055
|
-
return o || (o =
|
|
2055
|
+
return o || (o = w(this, void 0), this.activeEntries.set(e, o)), o;
|
|
2056
2056
|
}
|
|
2057
2057
|
}
|
|
2058
2058
|
class Fn extends M({
|
|
@@ -2075,7 +2075,7 @@ class Fn extends M({
|
|
|
2075
2075
|
defaultValue: !0
|
|
2076
2076
|
}));
|
|
2077
2077
|
p(this, "selectedNodeId", Ao(this, "fixture"));
|
|
2078
|
-
p(this, "expandedNodeIds",
|
|
2078
|
+
p(this, "expandedNodeIds", w(this, this._initialExpandedNodes()));
|
|
2079
2079
|
p(this, "viewMode", He(this, {
|
|
2080
2080
|
storageKey: "component-explorer:viewMode",
|
|
2081
2081
|
defaultValue: "session"
|
|
@@ -2480,7 +2480,7 @@ class En extends M({
|
|
|
2480
2480
|
}) {
|
|
2481
2481
|
constructor() {
|
|
2482
2482
|
super(...arguments);
|
|
2483
|
-
p(this, "isHovered",
|
|
2483
|
+
p(this, "isHovered", w(this, !1));
|
|
2484
2484
|
p(this, "setHovered", (o) => {
|
|
2485
2485
|
this.isHovered.set(o, void 0);
|
|
2486
2486
|
});
|
|
@@ -2678,7 +2678,7 @@ class Wn extends M({
|
|
|
2678
2678
|
}) {
|
|
2679
2679
|
constructor() {
|
|
2680
2680
|
super(...arguments);
|
|
2681
|
-
p(this, "isHovered",
|
|
2681
|
+
p(this, "isHovered", w(this, !1));
|
|
2682
2682
|
p(this, "setHovered", (o) => {
|
|
2683
2683
|
this.isHovered.set(o, void 0);
|
|
2684
2684
|
});
|
|
@@ -2954,20 +2954,20 @@ const Xn = D(
|
|
|
2954
2954
|
padding: "12px",
|
|
2955
2955
|
color: "var(--component-explorer-descriptionForeground)",
|
|
2956
2956
|
fontSize: "12px"
|
|
2957
|
-
}, oi =
|
|
2957
|
+
}, oi = k.enum([
|
|
2958
2958
|
"console.error",
|
|
2959
2959
|
"console.warn",
|
|
2960
2960
|
"console.log",
|
|
2961
2961
|
"window.error",
|
|
2962
2962
|
"window.unhandledrejection",
|
|
2963
2963
|
"thrownError"
|
|
2964
|
-
]), ri =
|
|
2964
|
+
]), ri = k.object({
|
|
2965
2965
|
type: oi,
|
|
2966
|
-
phase:
|
|
2967
|
-
isError:
|
|
2968
|
-
message:
|
|
2969
|
-
stack:
|
|
2970
|
-
}), Uo =
|
|
2966
|
+
phase: k.enum(["render", "dispose"]),
|
|
2967
|
+
isError: k.boolean(),
|
|
2968
|
+
message: k.string(),
|
|
2969
|
+
stack: k.string().optional()
|
|
2970
|
+
}), Uo = k.object({
|
|
2971
2971
|
/**
|
|
2972
2972
|
* Path (relative to manifest.json) to a JSON file in the standard Istanbul
|
|
2973
2973
|
* `coverage-final.json` format: `Record<absolutePath, IFileCoverage>`.
|
|
@@ -2976,42 +2976,43 @@ const Xn = D(
|
|
|
2976
2976
|
* When CSS coverage is collected, CSS files are merged into the same map
|
|
2977
2977
|
* (one statement per non-blank line) so they appear as ordinary source files.
|
|
2978
2978
|
*/
|
|
2979
|
-
coverageDataIstanbul:
|
|
2979
|
+
coverageDataIstanbul: k.string().optional()
|
|
2980
2980
|
}).describe("References to coverage report files emitted alongside the manifest");
|
|
2981
|
-
|
|
2982
|
-
version:
|
|
2983
|
-
|
|
2984
|
-
|
|
2985
|
-
|
|
2981
|
+
k.object({
|
|
2982
|
+
version: k.literal(1),
|
|
2983
|
+
projectId: k.string().min(1).default("main"),
|
|
2984
|
+
repository: k.object({
|
|
2985
|
+
owner: k.string(),
|
|
2986
|
+
name: k.string()
|
|
2986
2987
|
}),
|
|
2987
|
-
commit:
|
|
2988
|
-
hash:
|
|
2989
|
-
parentHashes:
|
|
2990
|
-
author:
|
|
2991
|
-
name:
|
|
2992
|
-
email:
|
|
2988
|
+
commit: k.object({
|
|
2989
|
+
hash: k.string(),
|
|
2990
|
+
parentHashes: k.array(k.string()),
|
|
2991
|
+
author: k.object({
|
|
2992
|
+
name: k.string(),
|
|
2993
|
+
email: k.string()
|
|
2993
2994
|
}),
|
|
2994
|
-
timestamp:
|
|
2995
|
-
message:
|
|
2995
|
+
timestamp: k.string(),
|
|
2996
|
+
message: k.string()
|
|
2996
2997
|
}),
|
|
2997
2998
|
/** Aggregated coverage across all fixtures (always present when coverage was collected). */
|
|
2998
2999
|
coverage: Uo.optional(),
|
|
2999
|
-
fixtures:
|
|
3000
|
-
fixtureId:
|
|
3001
|
-
imageHash:
|
|
3002
|
-
imagePath:
|
|
3003
|
-
background:
|
|
3004
|
-
labels:
|
|
3005
|
-
expectedVisualDescriptions:
|
|
3000
|
+
fixtures: k.array(k.object({
|
|
3001
|
+
fixtureId: k.string(),
|
|
3002
|
+
imageHash: k.string().optional(),
|
|
3003
|
+
imagePath: k.string().optional(),
|
|
3004
|
+
background: k.enum(["light", "dark"]),
|
|
3005
|
+
labels: k.array(k.string()),
|
|
3006
|
+
expectedVisualDescriptions: k.array(k.string()),
|
|
3006
3007
|
/** `true` iff at least one event in `events` has `isError: true`. */
|
|
3007
|
-
hasError:
|
|
3008
|
-
events:
|
|
3009
|
-
renderTimeMs:
|
|
3010
|
-
sync:
|
|
3011
|
-
total:
|
|
3008
|
+
hasError: k.boolean(),
|
|
3009
|
+
events: k.array(ri),
|
|
3010
|
+
renderTimeMs: k.object({
|
|
3011
|
+
sync: k.number(),
|
|
3012
|
+
total: k.number()
|
|
3012
3013
|
}),
|
|
3013
3014
|
/** Arbitrary data the fixture provided via `RenderResult.output`. */
|
|
3014
|
-
output:
|
|
3015
|
+
output: k.unknown().optional(),
|
|
3015
3016
|
/** Coverage attributable to this fixture (only present in per-fixture coverage mode). */
|
|
3016
3017
|
coverage: Uo.optional()
|
|
3017
3018
|
}))
|
|
@@ -3082,7 +3083,7 @@ const Ae = class Ae {
|
|
|
3082
3083
|
p(this, "_installed", !1);
|
|
3083
3084
|
p(this, "_originalConsoleError");
|
|
3084
3085
|
p(this, "_originalConsoleWarn");
|
|
3085
|
-
this._events =
|
|
3086
|
+
this._events = w(this, []);
|
|
3086
3087
|
}
|
|
3087
3088
|
static getInstance() {
|
|
3088
3089
|
return this._instance || (this._instance = new Ae()), this._instance;
|
|
@@ -3308,15 +3309,15 @@ class Bo {
|
|
|
3308
3309
|
g.searchParams.set("mode", "embedded"), g.searchParams.set("fixture", o.id), g.searchParams.set("file", o.sourceFile), s.src = g.toString(), e.appendChild(s), this.iframe = s;
|
|
3309
3310
|
let b, f;
|
|
3310
3311
|
const y = (x) => {
|
|
3311
|
-
var v,
|
|
3312
|
+
var v, _, S, F, A, V, be, xe;
|
|
3312
3313
|
if (x.source === s.contentWindow) {
|
|
3313
3314
|
if (((v = x.data) == null ? void 0 : v.type) === "component-explorer:resize") {
|
|
3314
3315
|
const W = x.data.height, te = x.data.width;
|
|
3315
3316
|
s.style.height = W + "px", ai(o.id, W), u && te && (s.style.width = te + "px", ci(o.id, te));
|
|
3316
|
-
} else if (((
|
|
3317
|
+
} else if (((_ = x.data) == null ? void 0 : _.type) === "component-explorer:error") {
|
|
3317
3318
|
const W = x.data.error;
|
|
3318
3319
|
this._resolvedResult = { error: W }, f == null || f(W), f = void 0;
|
|
3319
|
-
} else if (((
|
|
3320
|
+
} else if (((S = x.data) == null ? void 0 : S.type) === "component-explorer:console")
|
|
3320
3321
|
Ne.getInstance().addEvent(
|
|
3321
3322
|
x.data.eventType,
|
|
3322
3323
|
x.data.message,
|
|
@@ -3530,7 +3531,7 @@ class vi extends M({
|
|
|
3530
3531
|
}) {
|
|
3531
3532
|
constructor() {
|
|
3532
3533
|
super(...arguments);
|
|
3533
|
-
p(this, "expanded",
|
|
3534
|
+
p(this, "expanded", w(this, !1));
|
|
3534
3535
|
}
|
|
3535
3536
|
get store() {
|
|
3536
3537
|
return this.props.store;
|
|
@@ -3732,8 +3733,8 @@ class wi extends M({
|
|
|
3732
3733
|
super(o);
|
|
3733
3734
|
p(this, "allEntries");
|
|
3734
3735
|
p(this, "layout");
|
|
3735
|
-
p(this, "draggedEntryKey",
|
|
3736
|
-
p(this, "dropTarget",
|
|
3736
|
+
p(this, "draggedEntryKey", w(this, void 0));
|
|
3737
|
+
p(this, "dropTarget", w(this, void 0));
|
|
3737
3738
|
p(this, "entriesByKey", /* @__PURE__ */ new Map());
|
|
3738
3739
|
p(this, "rootElement", null);
|
|
3739
3740
|
p(this, "toolbarElement", null);
|
|
@@ -3742,7 +3743,7 @@ class wi extends M({
|
|
|
3742
3743
|
const t = this.reconcileEntries(this.withConsoleEntry(o.entries.get()));
|
|
3743
3744
|
if (t.length === 0)
|
|
3744
3745
|
throw new Error("DebugWorkbench requires at least one entry");
|
|
3745
|
-
this.allEntries =
|
|
3746
|
+
this.allEntries = w(this, t), this.layout = o.stateStore.getLayout(
|
|
3746
3747
|
o.workbenchId,
|
|
3747
3748
|
t.map((n) => n.key),
|
|
3748
3749
|
o.activeEntryKey.get()
|
|
@@ -4299,8 +4300,8 @@ class Oi extends M({
|
|
|
4299
4300
|
}) {
|
|
4300
4301
|
constructor(o) {
|
|
4301
4302
|
super(o);
|
|
4302
|
-
p(this, "text",
|
|
4303
|
-
p(this, "error",
|
|
4303
|
+
p(this, "text", w(this, ""));
|
|
4304
|
+
p(this, "error", w(this, void 0));
|
|
4304
4305
|
p(this, "session");
|
|
4305
4306
|
this.session = o.rendering.activateDebugPanel(q, (t) => {
|
|
4306
4307
|
this.text.set(JSON.stringify(t, void 0, 2) ?? "undefined", void 0), this.error.set(void 0, void 0);
|
|
@@ -4658,15 +4659,15 @@ class ca extends M({
|
|
|
4658
4659
|
p(this, "_debugHeaderHostRef", null);
|
|
4659
4660
|
p(this, "_stopDebugPaneResize");
|
|
4660
4661
|
p(this, "_mountSub", null);
|
|
4661
|
-
p(this, "measuredWidth",
|
|
4662
|
-
p(this, "measuredHeight",
|
|
4663
|
-
p(this, "availableWidth",
|
|
4664
|
-
p(this, "reservedHeight",
|
|
4665
|
-
p(this, "contentHostWidth",
|
|
4666
|
-
p(this, "fixtureColumnHeight",
|
|
4667
|
-
p(this, "debugHeaderHost",
|
|
4668
|
-
p(this, "debugPaneFraction",
|
|
4669
|
-
p(this, "error",
|
|
4662
|
+
p(this, "measuredWidth", w(this, void 0));
|
|
4663
|
+
p(this, "measuredHeight", w(this, void 0));
|
|
4664
|
+
p(this, "availableWidth", w(this, 0));
|
|
4665
|
+
p(this, "reservedHeight", w(this, 0));
|
|
4666
|
+
p(this, "contentHostWidth", w(this, 0));
|
|
4667
|
+
p(this, "fixtureColumnHeight", w(this, 0));
|
|
4668
|
+
p(this, "debugHeaderHost", w(this, null));
|
|
4669
|
+
p(this, "debugPaneFraction", w(this, 0.4));
|
|
4670
|
+
p(this, "error", w(this, void 0));
|
|
4670
4671
|
p(this, "slotName", `fixture-${sa++}`);
|
|
4671
4672
|
p(this, "setContentHostRef", (o) => {
|
|
4672
4673
|
var t;
|
|
@@ -4811,9 +4812,9 @@ const Xr = P(
|
|
|
4811
4812
|
e.logicalFixtureCount,
|
|
4812
4813
|
(y == null ? void 0 : y.ready) === !0 && y.hasOutput,
|
|
4813
4814
|
(y == null ? void 0 : y.outputEditable) === !0
|
|
4814
|
-
), v = e.debugWorkbenchState.getActiveEntry(`inline:${o.id}`).read(r),
|
|
4815
|
+
), v = e.debugWorkbenchState.getActiveEntry(`inline:${o.id}`).read(r), _ = v !== void 0, S = e.contentHostWidth.read(r), F = e.fixtureColumnHeight.read(r), A = Math.max(0, S - 8), V = Math.round(A * e.debugPaneFraction.read(r)), be = u && s ? s.mode === "actual" ? u.visualWidth + 24 : void 0 : n !== void 0 ? n + 24 : void 0, xe = S > 0 ? _ ? Math.max(0, S - 8 - V) : be === void 0 ? void 0 : Math.min(S, be) : void 0, W = u ? Math.max(280, u.visualHeight + 24) : Math.max(280, i ?? 0), te = F > 0 ? F : W, st = `${e.slotName}-debug-tabpanel`;
|
|
4815
4816
|
return /* @__PURE__ */ h("div", { style: b, children: [
|
|
4816
|
-
/* @__PURE__ */ h("div", { style: fa(x.length > 0,
|
|
4817
|
+
/* @__PURE__ */ h("div", { style: fa(x.length > 0, _, xe, S), children: [
|
|
4817
4818
|
c && /* @__PURE__ */ l(
|
|
4818
4819
|
"a",
|
|
4819
4820
|
{
|
|
@@ -4865,7 +4866,7 @@ const Xr = P(
|
|
|
4865
4866
|
children: /* @__PURE__ */ h(
|
|
4866
4867
|
"div",
|
|
4867
4868
|
{
|
|
4868
|
-
style: x.length > 0 ? ha(
|
|
4869
|
+
style: x.length > 0 ? ha(_, xe, V) : void 0,
|
|
4869
4870
|
children: [
|
|
4870
4871
|
/* @__PURE__ */ h(
|
|
4871
4872
|
"div",
|
|
@@ -4879,7 +4880,7 @@ const Xr = P(
|
|
|
4879
4880
|
}
|
|
4880
4881
|
),
|
|
4881
4882
|
x.length > 0 && /* @__PURE__ */ h(Se, { children: [
|
|
4882
|
-
|
|
4883
|
+
_ && /* @__PURE__ */ l(
|
|
4883
4884
|
"div",
|
|
4884
4885
|
{
|
|
4885
4886
|
role: "separator",
|
|
@@ -4901,7 +4902,7 @@ const Xr = P(
|
|
|
4901
4902
|
style: {
|
|
4902
4903
|
...C.inlineDebug,
|
|
4903
4904
|
height: te,
|
|
4904
|
-
display:
|
|
4905
|
+
display: _ ? "block" : "none"
|
|
4905
4906
|
},
|
|
4906
4907
|
children: /* @__PURE__ */ l(
|
|
4907
4908
|
Kr,
|
|
@@ -4910,7 +4911,7 @@ const Xr = P(
|
|
|
4910
4911
|
entries: x,
|
|
4911
4912
|
activeEntryKey: v ?? x[0].key,
|
|
4912
4913
|
externalHeaderHost: e.debugHeaderHost.read(r),
|
|
4913
|
-
contentVisible:
|
|
4914
|
+
contentVisible: _,
|
|
4914
4915
|
onActiveEntryChange: e.selectDebugEntry,
|
|
4915
4916
|
onClose: e.closeDebugPane,
|
|
4916
4917
|
store: e.debugStore,
|
|
@@ -5377,7 +5378,7 @@ class va extends M({
|
|
|
5377
5378
|
}) {
|
|
5378
5379
|
constructor(o) {
|
|
5379
5380
|
super(o);
|
|
5380
|
-
p(this, "screenshot",
|
|
5381
|
+
p(this, "screenshot", w(this, { status: "idle" }));
|
|
5381
5382
|
p(this, "_fetchVersion", 0);
|
|
5382
5383
|
this._store.add(Be((t) => {
|
|
5383
5384
|
this.props.daemon.sourceTreeIds.read(t).get(this.props.sessionName) && this._fetchScreenshot();
|
|
@@ -5468,7 +5469,7 @@ class ya extends M({
|
|
|
5468
5469
|
}) {
|
|
5469
5470
|
constructor(o) {
|
|
5470
5471
|
super(o);
|
|
5471
|
-
p(this, "comparisonStatus",
|
|
5472
|
+
p(this, "comparisonStatus", w(this, { status: "loading" }));
|
|
5472
5473
|
this._store.add(Be((t) => {
|
|
5473
5474
|
const n = this.props.daemon.sourceTreeIds.read(t), i = n.get(this.props.baselineSession), a = n.get(this.props.currentSession);
|
|
5474
5475
|
i && a && this._fetchComparison();
|
|
@@ -5875,9 +5876,9 @@ class La extends M({
|
|
|
5875
5876
|
}) {
|
|
5876
5877
|
constructor() {
|
|
5877
5878
|
super(...arguments);
|
|
5878
|
-
p(this, "_rowHeights",
|
|
5879
|
-
p(this, "_scrollTop",
|
|
5880
|
-
p(this, "viewportHeight",
|
|
5879
|
+
p(this, "_rowHeights", w(this, ii()));
|
|
5880
|
+
p(this, "_scrollTop", w(this, 0));
|
|
5881
|
+
p(this, "viewportHeight", w(this, 0));
|
|
5881
5882
|
p(this, "_scrollContainerRef", null);
|
|
5882
5883
|
p(this, "_resizeObserver", null);
|
|
5883
5884
|
p(this, "_viewportResizeObserver", null);
|
|
@@ -5999,22 +6000,22 @@ const za = P(
|
|
|
5999
6000
|
return /* @__PURE__ */ h(
|
|
6000
6001
|
"div",
|
|
6001
6002
|
{
|
|
6002
|
-
ref: (
|
|
6003
|
+
ref: (_) => e.observeRowElement(_, f),
|
|
6003
6004
|
style: { position: "absolute", top: b, left: we, right: we },
|
|
6004
6005
|
children: [
|
|
6005
|
-
v.map((
|
|
6006
|
-
const
|
|
6007
|
-
return /* @__PURE__ */ l(
|
|
6006
|
+
v.map((_) => {
|
|
6007
|
+
const S = Pa(_.depth);
|
|
6008
|
+
return /* @__PURE__ */ l(S, { style: Va(_.depth), children: /* @__PURE__ */ l(
|
|
6008
6009
|
"a",
|
|
6009
6010
|
{
|
|
6010
|
-
href: Or("fixture",
|
|
6011
|
+
href: Or("fixture", _.nodeId),
|
|
6011
6012
|
style: j.headingLink,
|
|
6012
6013
|
onClick: (F) => {
|
|
6013
|
-
F.preventDefault(), e.explorerModel.selectNode(
|
|
6014
|
+
F.preventDefault(), e.explorerModel.selectNode(_.nodeId);
|
|
6014
6015
|
},
|
|
6015
|
-
children:
|
|
6016
|
+
children: _.name
|
|
6016
6017
|
}
|
|
6017
|
-
) },
|
|
6018
|
+
) }, _.depth);
|
|
6018
6019
|
}),
|
|
6019
6020
|
s.type === "single" ? /* @__PURE__ */ l(Xr, { fixture: s.fixture, compact: !1, onSelect: e.explorerModel.selectNode, inputStore: e.explorerModel.inputStore, viewportStore: e.explorerModel.viewportStore, availablePageHeight: c, debugStore: e.explorerModel.debugStore, debugWorkbenchState: e.explorerModel.debugWorkbenchState, logicalFixtureCount: 1 }) : s.type === "variants" ? /* @__PURE__ */ l(Na, { row: s, onSelect: e.explorerModel.selectNode, inputStore: e.explorerModel.inputStore, viewportStore: e.explorerModel.viewportStore, availablePageHeight: c, debugStore: e.explorerModel.debugStore, debugWorkbenchState: e.explorerModel.debugWorkbenchState }) : s.type === "screenshot-comparison" && e.explorerModel.daemon ? /* @__PURE__ */ l(
|
|
6020
6021
|
wa,
|
|
@@ -6089,7 +6090,7 @@ class Aa extends M({
|
|
|
6089
6090
|
}) {
|
|
6090
6091
|
constructor() {
|
|
6091
6092
|
super(...arguments);
|
|
6092
|
-
p(this, "headerHost",
|
|
6093
|
+
p(this, "headerHost", w(this, null));
|
|
6093
6094
|
p(this, "setHeaderHost", (o) => {
|
|
6094
6095
|
this.headerHost.set(o, void 0);
|
|
6095
6096
|
});
|
|
@@ -6328,8 +6329,8 @@ ${f}` : ""}`;
|
|
|
6328
6329
|
let v;
|
|
6329
6330
|
for (; (v = u.indexOf(`
|
|
6330
6331
|
`)) >= 0; ) {
|
|
6331
|
-
const
|
|
6332
|
-
u = u.slice(v + 1),
|
|
6332
|
+
const _ = u.slice(0, v).trim();
|
|
6333
|
+
u = u.slice(v + 1), _.length > 0 && (yield JSON.parse(_));
|
|
6333
6334
|
}
|
|
6334
6335
|
}
|
|
6335
6336
|
const b = u.trim();
|
|
@@ -6339,8 +6340,8 @@ ${f}` : ""}`;
|
|
|
6339
6340
|
}
|
|
6340
6341
|
class Ja {
|
|
6341
6342
|
constructor(e) {
|
|
6342
|
-
p(this, "_sourceTreeIds",
|
|
6343
|
-
p(this, "_sessions",
|
|
6343
|
+
p(this, "_sourceTreeIds", w(this, /* @__PURE__ */ new Map()));
|
|
6344
|
+
p(this, "_sessions", w(this, []));
|
|
6344
6345
|
p(this, "_screenshotCache", /* @__PURE__ */ new Map());
|
|
6345
6346
|
p(this, "_client");
|
|
6346
6347
|
p(this, "_eventStreamAbort", null);
|
|
@@ -6463,7 +6464,7 @@ class Ja {
|
|
|
6463
6464
|
}
|
|
6464
6465
|
class Qa {
|
|
6465
6466
|
constructor(e) {
|
|
6466
|
-
p(this, "state",
|
|
6467
|
+
p(this, "state", w(this, { status: "loading" }));
|
|
6467
6468
|
p(this, "_baseUrl");
|
|
6468
6469
|
this.reportUrl = e;
|
|
6469
6470
|
const o = e.lastIndexOf("/");
|
|
@@ -6643,7 +6644,7 @@ class rs {
|
|
|
6643
6644
|
throw new Error(this._loadError);
|
|
6644
6645
|
const t = this._findFixtureNode(this._root, e);
|
|
6645
6646
|
if (!t || !t.component) {
|
|
6646
|
-
const
|
|
6647
|
+
const S = this._flattenFixtures(this._root).map((V) => V.fixtureId), F = ns(e, S, 5), A = F.length > 0 ? `
|
|
6647
6648
|
Did you mean one of these?
|
|
6648
6649
|
${F.map((V) => ` - ${V}`).join(`
|
|
6649
6650
|
`)}` : "";
|
|
@@ -6657,23 +6658,23 @@ ${F.map((V) => ` - ${V}`).join(`
|
|
|
6657
6658
|
i.style.display = "inline-block", this._containerElement.appendChild(i), this._currentContainer = i;
|
|
6658
6659
|
const a = t.component, c = [];
|
|
6659
6660
|
let d;
|
|
6660
|
-
const s = (
|
|
6661
|
-
d || (d =
|
|
6661
|
+
const s = (S) => {
|
|
6662
|
+
d || (d = S);
|
|
6662
6663
|
}, u = this._captureEvents(c);
|
|
6663
6664
|
let g;
|
|
6664
6665
|
const b = performance.now();
|
|
6665
6666
|
let f;
|
|
6666
6667
|
try {
|
|
6667
|
-
const
|
|
6668
|
-
f = performance.now() - b, this._currentRendering =
|
|
6669
|
-
} catch (
|
|
6670
|
-
s(this._toError(
|
|
6668
|
+
const S = new Bo(i, a, { kind: "headless", interactive: !1 }, o);
|
|
6669
|
+
f = performance.now() - b, this._currentRendering = S, await S.waitForRendering(), g = S.hasOutput ? S.getOutputSnapshot() : void 0;
|
|
6670
|
+
} catch (S) {
|
|
6671
|
+
s(this._toError(S));
|
|
6671
6672
|
} finally {
|
|
6672
6673
|
u();
|
|
6673
6674
|
}
|
|
6674
|
-
d || await new Promise((
|
|
6675
|
-
const y = performance.now() - b, x = !!d || c.some((
|
|
6676
|
-
return { hasError: x, error: d, events: c, output: g, renderTimeMs: v, previousDispose:
|
|
6675
|
+
d || await new Promise((S) => requestAnimationFrame(() => requestAnimationFrame(() => S())));
|
|
6676
|
+
const y = performance.now() - b, x = !!d || c.some((S) => S.type !== "console.log" && S.type !== "console.warn"), v = { sync: Math.round(f ?? y), total: Math.round(y) }, _ = n.hasError || n.events.length > 0 || n.errors.length > 0 ? n : void 0;
|
|
6677
|
+
return { hasError: x, error: d, events: c, output: g, renderTimeMs: v, previousDispose: _ };
|
|
6677
6678
|
}
|
|
6678
6679
|
/**
|
|
6679
6680
|
* Install console + window error/rejection listeners that push into `events`.
|