@chromepilot/recording-ui 0.1.0 → 0.1.2
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/components/EventStreamPanel.d.ts +10 -1
- package/dist/components/EventStreamPanel.d.ts.map +1 -1
- package/dist/components/EventStreamPanel.js +290 -6
- package/dist/components/EventStreamPanel.js.map +1 -1
- package/dist/components/EventStreamPanel.test.d.ts +2 -0
- package/dist/components/EventStreamPanel.test.d.ts.map +1 -0
- package/dist/components/EventStreamPanel.test.js +200 -0
- package/dist/components/EventStreamPanel.test.js.map +1 -0
- package/dist/components/RecordingCompareBody.d.ts +30 -0
- package/dist/components/RecordingCompareBody.d.ts.map +1 -0
- package/dist/components/RecordingCompareBody.js +243 -0
- package/dist/components/RecordingCompareBody.js.map +1 -0
- package/dist/components/RecordingCompareBody.test.d.ts +2 -0
- package/dist/components/RecordingCompareBody.test.d.ts.map +1 -0
- package/dist/components/RecordingCompareBody.test.js +225 -0
- package/dist/components/RecordingCompareBody.test.js.map +1 -0
- package/dist/components/RecordingDetailBody.d.ts +14 -1
- package/dist/components/RecordingDetailBody.d.ts.map +1 -1
- package/dist/components/RecordingDetailBody.js +7 -3
- package/dist/components/RecordingDetailBody.js.map +1 -1
- package/dist/components/RequestDiffModal.d.ts +11 -0
- package/dist/components/RequestDiffModal.d.ts.map +1 -0
- package/dist/components/RequestDiffModal.js +150 -0
- package/dist/components/RequestDiffModal.js.map +1 -0
- package/dist/components/RequestDiffModal.test.d.ts +2 -0
- package/dist/components/RequestDiffModal.test.d.ts.map +1 -0
- package/dist/components/RequestDiffModal.test.js +115 -0
- package/dist/components/RequestDiffModal.test.js.map +1 -0
- package/dist/diff.d.ts +59 -0
- package/dist/diff.d.ts.map +1 -0
- package/dist/diff.js +137 -0
- package/dist/diff.js.map +1 -0
- package/dist/diff.test.d.ts +2 -0
- package/dist/diff.test.d.ts.map +1 -0
- package/dist/diff.test.js +137 -0
- package/dist/diff.test.js.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -1
- package/dist/logic.d.ts +1 -0
- package/dist/logic.d.ts.map +1 -1
- package/dist/logic.js +1 -0
- package/dist/logic.js.map +1 -1
- package/dist/player.d.ts +2 -0
- package/dist/player.d.ts.map +1 -1
- package/dist/player.js +2 -0
- package/dist/player.js.map +1 -1
- package/dist/types.d.ts +5 -0
- package/dist/types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EventStreamPanel.test.js","sourceRoot":"","sources":["../../src/components/EventStreamPanel.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* FID-134 iter2:双录对比主体(git 差异式)——双播放器同步播放 + 三通道差异列表。
|
|
3
|
+
* 同步逻辑参照 server web CompareView(RecordingsWorkbench.tsx)下沉:
|
|
4
|
+
* 以较短 duration 为基准侧轮询,基准到头(offset >= duration-150ms)两侧同停,
|
|
5
|
+
* stopped 一次性标志防复位闪跳(e2e 实证),较长侧出「继续单独播放」。
|
|
6
|
+
*
|
|
7
|
+
* diff 计算:pairEvents 同键按序配对(网络 method+pathname / 控制台 level+归一化消息 /
|
|
8
|
+
* 异常归一化 message),重试场景同键多条按序配对,多出单边。
|
|
9
|
+
*/
|
|
10
|
+
import { type ReactNode } from "react";
|
|
11
|
+
import type { CompareSession } from "../types.js";
|
|
12
|
+
export interface RecordingCompareBodyProps {
|
|
13
|
+
base: CompareSession;
|
|
14
|
+
target: CompareSession;
|
|
15
|
+
/** 单侧播放器视口高度(不含 rrweb 控制条 80px) */
|
|
16
|
+
height?: number;
|
|
17
|
+
/** 单侧事件拉取失败时的红条渲染(如 web 侧「加载失败」+ 重试按钮) */
|
|
18
|
+
renderError?: (message: string, retry: () => void) => ReactNode;
|
|
19
|
+
/** 事件拉取失败信息(消费方传入;任一侧非空即渲染错误条) */
|
|
20
|
+
baseError?: string | null;
|
|
21
|
+
targetError?: string | null;
|
|
22
|
+
/** 错误条重试回调 */
|
|
23
|
+
onRetryError?: () => void;
|
|
24
|
+
/** ⇄ 互换后通知(内部已自管互换状态,父组件可借此持久化/联动) */
|
|
25
|
+
onSwap?: () => void;
|
|
26
|
+
/** 点击差异行 → seek 对应侧播放器 */
|
|
27
|
+
onSeekSide?: (side: "base" | "target", offsetMs: number) => void;
|
|
28
|
+
}
|
|
29
|
+
export declare function RecordingCompareBody({ base, target, height, renderError, baseError, targetError, onRetryError, onSwap, onSeekSide, }: RecordingCompareBodyProps): import("react").JSX.Element;
|
|
30
|
+
//# sourceMappingURL=RecordingCompareBody.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RecordingCompareBody.d.ts","sourceRoot":"","sources":["../../src/components/RecordingCompareBody.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,cAAc,EAAqB,MAAM,aAAa,CAAC;AAKrE,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IAChE,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc;IACd,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAClE;AA4DD,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,MAAM,EACN,MAAY,EACZ,WAAW,EACX,SAAS,EACT,WAAW,EACX,YAAY,EACZ,MAAM,EACN,UAAU,GACX,EAAE,yBAAyB,+BAsT3B"}
|
|
@@ -0,0 +1,243 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* FID-134 iter2:双录对比主体(git 差异式)——双播放器同步播放 + 三通道差异列表。
|
|
4
|
+
* 同步逻辑参照 server web CompareView(RecordingsWorkbench.tsx)下沉:
|
|
5
|
+
* 以较短 duration 为基准侧轮询,基准到头(offset >= duration-150ms)两侧同停,
|
|
6
|
+
* stopped 一次性标志防复位闪跳(e2e 实证),较长侧出「继续单独播放」。
|
|
7
|
+
*
|
|
8
|
+
* diff 计算:pairEvents 同键按序配对(网络 method+pathname / 控制台 level+归一化消息 /
|
|
9
|
+
* 异常归一化 message),重试场景同键多条按序配对,多出单边。
|
|
10
|
+
*/
|
|
11
|
+
import { useEffect, useMemo, useRef, useState } from "react";
|
|
12
|
+
import { consoleKey, exceptionKey, networkKey, pairEvents } from "../diff.js";
|
|
13
|
+
import { formatDuration } from "../format.js";
|
|
14
|
+
import { SyncPlayer } from "./SyncPlayer.js";
|
|
15
|
+
/** 单侧事件基准 timestamp(首个 rrweb 事件;无则 null) */
|
|
16
|
+
function firstRrwebTimestamp(rrweb) {
|
|
17
|
+
for (const ev of rrweb) {
|
|
18
|
+
const ts = ev?.timestamp;
|
|
19
|
+
if (typeof ts === "number")
|
|
20
|
+
return ts;
|
|
21
|
+
}
|
|
22
|
+
return null;
|
|
23
|
+
}
|
|
24
|
+
function emptyList() {
|
|
25
|
+
return { added: [], removed: [], changed: [], same: [] };
|
|
26
|
+
}
|
|
27
|
+
const LIST_META = [
|
|
28
|
+
{ key: "added", label: "新增" },
|
|
29
|
+
{ key: "removed", label: "消失" },
|
|
30
|
+
{ key: "changed", label: "变化" },
|
|
31
|
+
];
|
|
32
|
+
const MARK_STYLE = {
|
|
33
|
+
added: { color: "#059669", bg: "#ecfdf5" },
|
|
34
|
+
removed: { color: "#dc2626", bg: "#fef2f2" },
|
|
35
|
+
changed: { color: "#d97706", bg: "#fffbeb" },
|
|
36
|
+
same: { color: "#6b7280", bg: "#f9fafb" },
|
|
37
|
+
};
|
|
38
|
+
/** 事件 seek 偏移 = timestamp - 该侧首个 rrweb 基准;不可算返回 null */
|
|
39
|
+
function offsetOf(ev, baseTs) {
|
|
40
|
+
if (baseTs == null)
|
|
41
|
+
return null;
|
|
42
|
+
const off = ev.timestamp - baseTs;
|
|
43
|
+
return off >= 0 ? off : null;
|
|
44
|
+
}
|
|
45
|
+
function networkText(ev) {
|
|
46
|
+
const p = ev.payload;
|
|
47
|
+
return `${String(p.method ?? "GET")} ${String(p.url ?? "")}`;
|
|
48
|
+
}
|
|
49
|
+
export function RecordingCompareBody({ base, target, height = 320, renderError, baseError, targetError, onRetryError, onSwap, onSeekSide, }) {
|
|
50
|
+
const [swapped, setSwapped] = useState(false);
|
|
51
|
+
const baseRef = useRef(null);
|
|
52
|
+
const targetRef = useRef(null);
|
|
53
|
+
const effBase = swapped ? target : base;
|
|
54
|
+
const effTarget = swapped ? base : target;
|
|
55
|
+
// 同步基准 = 较短 duration 侧(e2e 裁定:以较短录制为基准)
|
|
56
|
+
const baseDur = effBase.meta.duration ?? 0;
|
|
57
|
+
const targetDur = effTarget.meta.duration ?? 0;
|
|
58
|
+
const baselineIsBaseSide = baseDur <= targetDur;
|
|
59
|
+
const baselineRef = baselineIsBaseSide ? baseRef : targetRef;
|
|
60
|
+
const baselineDuration = Math.min(baseDur, targetDur);
|
|
61
|
+
const longerIsTargetSide = targetDur > baselineDuration + 300;
|
|
62
|
+
const longerRef = longerIsTargetSide ? targetRef : baseRef;
|
|
63
|
+
// 较长侧是否真实存在(任一严格长于基准)
|
|
64
|
+
const hasLonger = Math.max(baseDur, targetDur) > baselineDuration + 300;
|
|
65
|
+
// 双停 oneshot:可复位标志会导致续播按钮闪跳(CompareView e2e 实证)
|
|
66
|
+
const [stopped, setStopped] = useState(false);
|
|
67
|
+
useEffect(() => setStopped(false), [base.meta.sessionId, target.meta.sessionId]);
|
|
68
|
+
useEffect(() => {
|
|
69
|
+
if (stopped || baselineDuration <= 0)
|
|
70
|
+
return undefined;
|
|
71
|
+
const timer = setInterval(() => {
|
|
72
|
+
const t = baselineRef.current?.getCurrentTime() ?? 0;
|
|
73
|
+
if (t >= baselineDuration - 150) {
|
|
74
|
+
baseRef.current?.pause();
|
|
75
|
+
targetRef.current?.pause();
|
|
76
|
+
setStopped(true);
|
|
77
|
+
}
|
|
78
|
+
}, 200);
|
|
79
|
+
return () => clearInterval(timer);
|
|
80
|
+
}, [stopped, baselineDuration, baselineRef]);
|
|
81
|
+
// 差异计算(三通道)
|
|
82
|
+
const baseTs = firstRrwebTimestamp(effBase.events.rrweb);
|
|
83
|
+
const targetTs = firstRrwebTimestamp(effTarget.events.rrweb);
|
|
84
|
+
const lists = useMemo(() => {
|
|
85
|
+
const out = {
|
|
86
|
+
network: emptyList(),
|
|
87
|
+
console: emptyList(),
|
|
88
|
+
exceptions: emptyList(),
|
|
89
|
+
};
|
|
90
|
+
// 网络:method+pathname 同键配对;变化 = status 不同
|
|
91
|
+
const net = pairEvents(effBase.events.network, effTarget.events.network, networkKey);
|
|
92
|
+
for (const ev of net.onlyBase) {
|
|
93
|
+
out.network.removed.push({
|
|
94
|
+
kind: "removed", mark: "−", text: networkText(ev), note: "仅基准有",
|
|
95
|
+
seekSide: "base", seekOffsetMs: offsetOf(ev, baseTs),
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
for (const ev of net.onlyTarget) {
|
|
99
|
+
out.network.added.push({
|
|
100
|
+
kind: "added", mark: "+", text: networkText(ev), note: "仅对照有",
|
|
101
|
+
seekSide: "target", seekOffsetMs: offsetOf(ev, targetTs),
|
|
102
|
+
});
|
|
103
|
+
}
|
|
104
|
+
for (const pr of net.pairs) {
|
|
105
|
+
const bs = pr.base.payload.status;
|
|
106
|
+
const ts2 = pr.target.payload.status;
|
|
107
|
+
if (bs !== ts2) {
|
|
108
|
+
out.network.changed.push({
|
|
109
|
+
kind: "changed", mark: "~", text: networkText(pr.base),
|
|
110
|
+
note: `两边都有,结果不同:状态码 ${String(bs ?? "-")} → ${String(ts2 ?? "-")}`,
|
|
111
|
+
seekSide: "base", seekOffsetMs: offsetOf(pr.base, baseTs),
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
else {
|
|
115
|
+
out.network.same.push({
|
|
116
|
+
kind: "same", mark: "=", text: networkText(pr.base), note: "两边一致",
|
|
117
|
+
seekSide: "base", seekOffsetMs: offsetOf(pr.base, baseTs),
|
|
118
|
+
});
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
// 控制台:level+归一化消息同键配对(归一化后键相同即视为 same)
|
|
122
|
+
const con = pairEvents(effBase.events.console, effTarget.events.console, consoleKey);
|
|
123
|
+
for (const ev of con.onlyBase) {
|
|
124
|
+
out.console.removed.push({
|
|
125
|
+
kind: "removed", mark: "−", text: String(ev.payload.message ?? ""), note: "仅基准有",
|
|
126
|
+
seekSide: "base", seekOffsetMs: offsetOf(ev, baseTs),
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
for (const ev of con.onlyTarget) {
|
|
130
|
+
out.console.added.push({
|
|
131
|
+
kind: "added", mark: "+", text: String(ev.payload.message ?? ""), note: "仅对照有",
|
|
132
|
+
seekSide: "target", seekOffsetMs: offsetOf(ev, targetTs),
|
|
133
|
+
});
|
|
134
|
+
}
|
|
135
|
+
for (const pr of con.pairs) {
|
|
136
|
+
out.console.same.push({
|
|
137
|
+
kind: "same", mark: "=", text: String(pr.base.payload.message ?? ""), note: "两边一致",
|
|
138
|
+
seekSide: "base", seekOffsetMs: offsetOf(pr.base, baseTs),
|
|
139
|
+
});
|
|
140
|
+
}
|
|
141
|
+
// 页面异常:归一化 message 同键配对
|
|
142
|
+
const exc = pairEvents(effBase.events.exceptions, effTarget.events.exceptions, exceptionKey);
|
|
143
|
+
for (const ev of exc.onlyBase) {
|
|
144
|
+
out.exceptions.removed.push({
|
|
145
|
+
kind: "removed", mark: "−", text: String(ev.payload.message ?? ""), note: "仅基准有",
|
|
146
|
+
seekSide: "base", seekOffsetMs: offsetOf(ev, baseTs),
|
|
147
|
+
});
|
|
148
|
+
}
|
|
149
|
+
for (const ev of exc.onlyTarget) {
|
|
150
|
+
out.exceptions.added.push({
|
|
151
|
+
kind: "added", mark: "+", text: String(ev.payload.message ?? ""), note: "仅对照有",
|
|
152
|
+
seekSide: "target", seekOffsetMs: offsetOf(ev, targetTs),
|
|
153
|
+
});
|
|
154
|
+
}
|
|
155
|
+
for (const pr of exc.pairs) {
|
|
156
|
+
out.exceptions.same.push({
|
|
157
|
+
kind: "same", mark: "=", text: String(pr.base.payload.message ?? ""), note: "两边一致",
|
|
158
|
+
seekSide: "base", seekOffsetMs: offsetOf(pr.base, baseTs),
|
|
159
|
+
});
|
|
160
|
+
}
|
|
161
|
+
return out;
|
|
162
|
+
}, [effBase, effTarget, baseTs, targetTs]);
|
|
163
|
+
const counts = useMemo(() => {
|
|
164
|
+
let added = 0, removed = 0, changed = 0;
|
|
165
|
+
for (const k of ["network", "console", "exceptions"]) {
|
|
166
|
+
added += lists[k].added.length;
|
|
167
|
+
removed += lists[k].removed.length;
|
|
168
|
+
changed += lists[k].changed.length;
|
|
169
|
+
}
|
|
170
|
+
return { added, removed, changed };
|
|
171
|
+
}, [lists]);
|
|
172
|
+
const [onlyDiffs, setOnlyDiffs] = useState(true);
|
|
173
|
+
const hasError = Boolean(baseError || targetError);
|
|
174
|
+
if (hasError) {
|
|
175
|
+
const message = baseError ? `基准录制事件加载失败:${baseError}` : `对照录制事件加载失败:${targetError}`;
|
|
176
|
+
if (renderError) {
|
|
177
|
+
return _jsx(_Fragment, { children: renderError(message, () => onRetryError?.()) });
|
|
178
|
+
}
|
|
179
|
+
return (_jsxs("div", { style: { color: "#cf1322", background: "#fff2f0", borderRadius: 8, padding: 16 }, children: [message, onRetryError && (_jsx("button", { onClick: onRetryError, style: { marginLeft: 12, padding: "2px 10px", borderRadius: 4, border: "1px solid #cf1322", background: "#fff", color: "#cf1322", cursor: "pointer" }, children: "\u91CD\u8BD5" }))] }));
|
|
180
|
+
}
|
|
181
|
+
const noDiff = counts.added === 0 && counts.removed === 0 && counts.changed === 0;
|
|
182
|
+
const pane = (session, side, ref, isBaseline) => (_jsxs("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: 8 }, children: [_jsxs("div", { style: { fontSize: 13, display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" }, children: [_jsx("span", { style: {
|
|
183
|
+
fontSize: 11,
|
|
184
|
+
padding: "1px 7px",
|
|
185
|
+
borderRadius: 4,
|
|
186
|
+
background: isBaseline ? "#dbeafe" : "#f3f4f6",
|
|
187
|
+
color: isBaseline ? "#2563eb" : "#6b7280",
|
|
188
|
+
}, children: isBaseline ? "基准(较短)" : "对照" }), _jsx("b", { children: session.meta.title || session.meta.sessionId }), _jsx("span", { style: { color: "#9ca3af" }, children: formatDuration(session.meta.duration) })] }), _jsx("div", { style: { background: "#fff", borderRadius: 8, padding: 8 }, children: _jsx(SyncPlayer, { events: session.events.rrweb, height: height, playerRef: ref }) })] }));
|
|
189
|
+
return (_jsxs("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: 12 }, children: [_jsxs("div", { style: {
|
|
190
|
+
background: "#fff",
|
|
191
|
+
borderRadius: 8,
|
|
192
|
+
padding: "8px 14px",
|
|
193
|
+
fontSize: 13,
|
|
194
|
+
display: "flex",
|
|
195
|
+
alignItems: "center",
|
|
196
|
+
gap: 8,
|
|
197
|
+
flexWrap: "wrap",
|
|
198
|
+
}, children: [_jsxs("span", { style: { color: "#6b7280" }, children: ["\u57FA\u51C6:", _jsx("b", { style: { color: "#111827" }, children: effBase.meta.title || effBase.meta.sessionId })] }), _jsx("button", { "aria-label": "\u4E92\u6362\u57FA\u51C6\u4E0E\u5BF9\u7167", title: "\u4E92\u6362\u57FA\u51C6\u4E0E\u5BF9\u7167", onClick: () => {
|
|
199
|
+
setSwapped((v) => !v);
|
|
200
|
+
onSwap?.();
|
|
201
|
+
}, style: { border: "1px solid #d1d5db", background: "#fff", borderRadius: 4, cursor: "pointer", fontSize: 13, padding: "1px 8px", color: "#374151" }, children: "\u21C4" }), _jsxs("span", { style: { color: "#6b7280" }, children: ["\u5BF9\u7167:", _jsx("b", { style: { color: "#111827" }, children: effTarget.meta.title || effTarget.meta.sessionId })] }), _jsx("span", { style: { color: "#9ca3af", fontSize: 12, flexBasis: "100%" }, children: "\u4EE5\u8F83\u77ED\u5F55\u5236\u4E3A\u57FA\u51C6\u540C\u6B65\u64AD\u653E,\u57FA\u51C6\u64AD\u653E\u5230\u5934\u4E24\u4FA7\u540C\u505C\u3002" }), stopped && hasLonger && (_jsx("button", { onClick: () => longerRef.current?.play(), style: { padding: "2px 10px", borderRadius: 4, border: "1px solid #2563eb", background: "#eff6ff", color: "#2563eb", cursor: "pointer", fontSize: 12 }, children: longerIsTargetSide ? "对照继续单独播放" : "基准继续单独播放" }))] }), _jsxs("div", { style: { display: "flex", gap: 16, alignItems: "flex-start" }, children: [pane(effBase, "base", baseRef, baselineIsBaseSide), pane(effTarget, "target", targetRef, !baselineIsBaseSide)] }), _jsxs("div", { style: { background: "#fff", borderRadius: 8, padding: "10px 14px" }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12, flexWrap: "wrap", marginBottom: 8 }, children: [_jsxs("span", { style: { fontSize: 13, fontWeight: 600 }, children: ["\u5DEE\u5F02\u603B\u89C8: \u65B0\u589E ", counts.added, " \u00B7 \u6D88\u5931 ", counts.removed, " \u00B7 \u53D8\u5316 ", counts.changed] }), _jsxs("label", { style: { fontSize: 12, color: "#6b7280", display: "flex", alignItems: "center", gap: 4, cursor: "pointer" }, children: [_jsx("input", { type: "checkbox", checked: onlyDiffs, onChange: (e) => setOnlyDiffs(e.target.checked) }), "\u53EA\u770B\u5DEE\u5F02"] })] }), noDiff ? (_jsx("div", { style: { padding: "16px 0", textAlign: "center", fontSize: 12, color: "#9ca3af" }, children: "\u4E24\u6B21\u5F55\u5236\u7684\u4E8B\u4EF6\u5B8C\u5168\u4E00\u81F4" })) : (["network", "console", "exceptions"].map((channel) => {
|
|
202
|
+
const list = lists[channel];
|
|
203
|
+
const entries = onlyDiffs
|
|
204
|
+
? [...list.added, ...list.removed, ...list.changed]
|
|
205
|
+
: [...list.added, ...list.removed, ...list.changed, ...list.same];
|
|
206
|
+
if (entries.length === 0)
|
|
207
|
+
return null;
|
|
208
|
+
const label = channel === "network" ? "网络请求" : channel === "console" ? "控制台" : "页面异常";
|
|
209
|
+
return (_jsxs("div", { style: { marginBottom: 8 }, children: [_jsx("div", { style: { fontSize: 12, fontWeight: 600, color: "#374151", marginBottom: 4 }, children: label }), entries.map((d, i) => {
|
|
210
|
+
const st = MARK_STYLE[d.kind];
|
|
211
|
+
// 点击 seek 组件内部自给(播放器 ref 在组件内):onSeekSide 仅作外抛通知(验收检必修#1)
|
|
212
|
+
const seekable = d.seekOffsetMs != null;
|
|
213
|
+
const doSeek = () => {
|
|
214
|
+
const ref = d.seekSide === "base" ? baseRef : targetRef;
|
|
215
|
+
ref.current?.seekTo?.(d.seekOffsetMs);
|
|
216
|
+
onSeekSide?.(d.seekSide, d.seekOffsetMs);
|
|
217
|
+
};
|
|
218
|
+
return (_jsxs("div", { onClick: () => {
|
|
219
|
+
if (seekable)
|
|
220
|
+
doSeek();
|
|
221
|
+
}, title: seekable ? "点击跳转到对应侧这一刻" : undefined, style: {
|
|
222
|
+
display: "flex",
|
|
223
|
+
alignItems: "center",
|
|
224
|
+
gap: 8,
|
|
225
|
+
padding: "3px 8px",
|
|
226
|
+
fontSize: 12,
|
|
227
|
+
borderRadius: 4,
|
|
228
|
+
marginBottom: 2,
|
|
229
|
+
cursor: seekable ? "pointer" : "default",
|
|
230
|
+
}, children: [_jsx("span", { style: {
|
|
231
|
+
flexShrink: 0,
|
|
232
|
+
width: 18,
|
|
233
|
+
textAlign: "center",
|
|
234
|
+
fontFamily: "monospace",
|
|
235
|
+
fontWeight: 700,
|
|
236
|
+
borderRadius: 3,
|
|
237
|
+
color: st.color,
|
|
238
|
+
background: st.bg,
|
|
239
|
+
}, children: d.mark }), _jsx("span", { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", fontFamily: channel === "network" ? undefined : "monospace" }, children: d.text }), _jsx("span", { style: { flexShrink: 0, fontSize: 11, color: "#9ca3af" }, children: d.note })] }, i));
|
|
240
|
+
})] }, channel));
|
|
241
|
+
}))] })] }));
|
|
242
|
+
}
|
|
243
|
+
//# sourceMappingURL=RecordingCompareBody.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RecordingCompareBody.js","sourceRoot":"","sources":["../../src/components/RecordingCompareBody.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RecordingCompareBody.test.d.ts","sourceRoot":"","sources":["../../src/components/RecordingCompareBody.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,225 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
// @vitest-environment happy-dom
|
|
3
|
+
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
|
|
4
|
+
import { act } from "react";
|
|
5
|
+
import { createRoot } from "react-dom/client";
|
|
6
|
+
/** 测试替身:可编程的 SyncPlayer 实例(双停/续播/seek 断言用) */
|
|
7
|
+
const fakeState = {
|
|
8
|
+
baseTime: 0,
|
|
9
|
+
targetTime: 0,
|
|
10
|
+
basePaused: 0,
|
|
11
|
+
targetPaused: 0,
|
|
12
|
+
targetPlayed: 0,
|
|
13
|
+
seekLog: [],
|
|
14
|
+
};
|
|
15
|
+
vi.mock("./SyncPlayer.js", () => ({
|
|
16
|
+
RRWEB_CONTROLLER_HEIGHT: 80,
|
|
17
|
+
SyncPlayer: ({ playerRef }) => {
|
|
18
|
+
// 每次渲染写入带侧别语义的实例由调用方区分:用两个独立实例(父组件传不同 ref)
|
|
19
|
+
const inst = {
|
|
20
|
+
play: () => {
|
|
21
|
+
// 依据 ref 身份无法判侧,双停测试里 play 只打在较长侧 ref 上,这里统一记 targetPlayed
|
|
22
|
+
fakeState.targetPlayed++;
|
|
23
|
+
},
|
|
24
|
+
pause: () => {
|
|
25
|
+
fakeState.basePaused++;
|
|
26
|
+
fakeState.targetPaused++;
|
|
27
|
+
},
|
|
28
|
+
getCurrentTime: () => fakeState.baseTime,
|
|
29
|
+
seekTo: (ms) => {
|
|
30
|
+
fakeState.seekLog.push(ms);
|
|
31
|
+
},
|
|
32
|
+
$destroy: () => { },
|
|
33
|
+
};
|
|
34
|
+
if (playerRef)
|
|
35
|
+
playerRef.current = inst;
|
|
36
|
+
return _jsx("div", { "data-testid": "sync-player" });
|
|
37
|
+
},
|
|
38
|
+
}));
|
|
39
|
+
import { RecordingCompareBody } from "./RecordingCompareBody.js";
|
|
40
|
+
globalThis.IS_REACT_ACT_ENVIRONMENT = true;
|
|
41
|
+
const BASE_TS = 1_700_000_000_000;
|
|
42
|
+
function session(id, duration, events) {
|
|
43
|
+
return {
|
|
44
|
+
meta: {
|
|
45
|
+
sessionId: id,
|
|
46
|
+
title: `录制${id}`,
|
|
47
|
+
status: "completed",
|
|
48
|
+
startTime: BASE_TS,
|
|
49
|
+
endTime: BASE_TS + duration,
|
|
50
|
+
duration,
|
|
51
|
+
startUrl: "https://a.com",
|
|
52
|
+
domain: "a.com",
|
|
53
|
+
url: "https://a.com",
|
|
54
|
+
urlKey: "a.com",
|
|
55
|
+
tabId: 1,
|
|
56
|
+
tags: [],
|
|
57
|
+
},
|
|
58
|
+
events: { rrweb: [{ timestamp: BASE_TS }], network: [], console: [], exceptions: [], ...events },
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
function netEv(url, ts, status = 200) {
|
|
62
|
+
return { type: "network", timestamp: ts, sessionId: "s", payload: { method: "GET", url, status } };
|
|
63
|
+
}
|
|
64
|
+
function consoleEv(ts, message) {
|
|
65
|
+
return { type: "console", timestamp: ts, sessionId: "s", payload: { level: "error", message } };
|
|
66
|
+
}
|
|
67
|
+
function exceptionEv(ts, message) {
|
|
68
|
+
return { type: "exception", timestamp: ts, sessionId: "s", payload: { message } };
|
|
69
|
+
}
|
|
70
|
+
let container;
|
|
71
|
+
let root;
|
|
72
|
+
beforeEach(() => {
|
|
73
|
+
fakeState.baseTime = 0;
|
|
74
|
+
fakeState.targetTime = 0;
|
|
75
|
+
fakeState.basePaused = 0;
|
|
76
|
+
fakeState.targetPaused = 0;
|
|
77
|
+
fakeState.targetPlayed = 0;
|
|
78
|
+
fakeState.seekLog = [];
|
|
79
|
+
vi.useFakeTimers();
|
|
80
|
+
container = document.createElement("div");
|
|
81
|
+
document.body.appendChild(container);
|
|
82
|
+
});
|
|
83
|
+
afterEach(() => {
|
|
84
|
+
act(() => root.unmount());
|
|
85
|
+
container.remove();
|
|
86
|
+
vi.useRealTimers();
|
|
87
|
+
});
|
|
88
|
+
function render(ui) {
|
|
89
|
+
root = createRoot(container);
|
|
90
|
+
act(() => root.render(ui));
|
|
91
|
+
return container;
|
|
92
|
+
}
|
|
93
|
+
const IDENTICAL_BASE = session("b", 5000, {
|
|
94
|
+
network: [netEv("https://a.com/api", BASE_TS + 100, 200)],
|
|
95
|
+
console: [consoleEv(BASE_TS + 200, "same msg 12345")],
|
|
96
|
+
exceptions: [exceptionEv(BASE_TS + 300, "boom")],
|
|
97
|
+
});
|
|
98
|
+
describe("RecordingCompareBody", () => {
|
|
99
|
+
it("渲染顶部条基准/对照标题与差异总览计数", () => {
|
|
100
|
+
const target = session("t", 8000, {
|
|
101
|
+
network: [
|
|
102
|
+
netEv("https://a.com/api", BASE_TS + 100, 500), // 变化
|
|
103
|
+
netEv("https://a.com/new", BASE_TS + 400), // 新增
|
|
104
|
+
],
|
|
105
|
+
console: [],
|
|
106
|
+
exceptions: [exceptionEv(BASE_TS + 300, "boom")],
|
|
107
|
+
});
|
|
108
|
+
const c = render(_jsx(RecordingCompareBody, { base: IDENTICAL_BASE, target: target }));
|
|
109
|
+
const text = c.textContent ?? "";
|
|
110
|
+
expect(text).toContain("基准:");
|
|
111
|
+
expect(text).toContain("录制b");
|
|
112
|
+
expect(text).toContain("对照:");
|
|
113
|
+
expect(text).toContain("录制t");
|
|
114
|
+
expect(text).toContain("差异总览: 新增 1 · 消失 1 · 变化 1");
|
|
115
|
+
expect(text).toContain("状态码 200 → 500");
|
|
116
|
+
expect(text).toContain("仅对照有");
|
|
117
|
+
expect(text).toContain("仅基准有");
|
|
118
|
+
});
|
|
119
|
+
it("基准侧标签=较短 duration 一侧", () => {
|
|
120
|
+
const target = session("t", 8000, {});
|
|
121
|
+
const c = render(_jsx(RecordingCompareBody, { base: IDENTICAL_BASE, target: target }));
|
|
122
|
+
const tags = [...c.querySelectorAll("span")].map((s) => s.textContent);
|
|
123
|
+
expect(tags).toContain("基准(较短)");
|
|
124
|
+
});
|
|
125
|
+
it("⇄ 互换交换两侧标题并触发 onSwap", () => {
|
|
126
|
+
const target = session("t", 8000, {});
|
|
127
|
+
const onSwap = vi.fn();
|
|
128
|
+
const c = render(_jsx(RecordingCompareBody, { base: IDENTICAL_BASE, target: target, onSwap: onSwap }));
|
|
129
|
+
const swapBtn = c.querySelector("button[aria-label='互换基准与对照']");
|
|
130
|
+
act(() => {
|
|
131
|
+
swapBtn.dispatchEvent(new MouseEvent("click", { bubbles: true }));
|
|
132
|
+
});
|
|
133
|
+
expect(onSwap).toHaveBeenCalledTimes(1);
|
|
134
|
+
// 互换后:顶部条第一个标题变录制t
|
|
135
|
+
const bar = swapBtn.parentElement;
|
|
136
|
+
expect(bar.textContent).toContain("基准:");
|
|
137
|
+
expect(bar.textContent?.indexOf("录制t")).toBeLessThan(bar.textContent.indexOf("录制b"));
|
|
138
|
+
});
|
|
139
|
+
it("点击差异行触发 onSeekSide(基准侧偏移)", () => {
|
|
140
|
+
const target = session("t", 8000, {
|
|
141
|
+
network: [netEv("https://a.com/api", BASE_TS + 100, 500)],
|
|
142
|
+
});
|
|
143
|
+
const onSeekSide = vi.fn();
|
|
144
|
+
const c = render(_jsx(RecordingCompareBody, { base: IDENTICAL_BASE, target: target, onSeekSide: onSeekSide }));
|
|
145
|
+
const row = [...c.querySelectorAll("div")].find((d) => d.style.cursor === "pointer" && d.textContent?.includes("状态码 200 → 500"));
|
|
146
|
+
act(() => {
|
|
147
|
+
row.dispatchEvent(new MouseEvent("click", { bubbles: true }));
|
|
148
|
+
});
|
|
149
|
+
expect(onSeekSide).toHaveBeenCalledWith("base", 100);
|
|
150
|
+
// 内部自给 seek(验收检必修#1):播放器实例的 seekTo 必须被调用,不能只是外抛通知
|
|
151
|
+
expect(fakeState.seekLog).toContain(100);
|
|
152
|
+
});
|
|
153
|
+
it("基准播到头双停且只停一次(oneshot:停后 interval 清除,不重复闪停)", () => {
|
|
154
|
+
const c = render(_jsx(RecordingCompareBody, { base: IDENTICAL_BASE, target: session("t", 9000, {}) }));
|
|
155
|
+
// 未到头:两侧都不停
|
|
156
|
+
act(() => {
|
|
157
|
+
vi.advanceTimersByTime(1000);
|
|
158
|
+
});
|
|
159
|
+
expect(fakeState.basePaused).toBe(0);
|
|
160
|
+
// 越过 duration-150(4850ms):两侧同停;mock 无法分侧,pause 每次双计 → 2。
|
|
161
|
+
// 分步推进:第一轮 act 内只让 interval 打一次(setStopped 的 effect 清理在 act 间生效)
|
|
162
|
+
act(() => {
|
|
163
|
+
fakeState.baseTime = 4900;
|
|
164
|
+
vi.advanceTimersByTime(250);
|
|
165
|
+
});
|
|
166
|
+
expect(fakeState.basePaused).toBe(2);
|
|
167
|
+
expect(fakeState.targetPaused).toBe(2);
|
|
168
|
+
// 时间继续推进:interval 已清,不再重复停
|
|
169
|
+
act(() => {
|
|
170
|
+
fakeState.baseTime = 4950;
|
|
171
|
+
vi.advanceTimersByTime(2000);
|
|
172
|
+
});
|
|
173
|
+
expect(fakeState.basePaused).toBe(2);
|
|
174
|
+
// 较长侧(对照)出续播按钮
|
|
175
|
+
expect(c.textContent).toContain("对照继续单独播放");
|
|
176
|
+
});
|
|
177
|
+
it("基准侧更长时续播文案标「基准」(文案与实际操作侧一致)", () => {
|
|
178
|
+
const c = render(_jsx(RecordingCompareBody, { base: session("b2", 9000, {}), target: session("t2", 5000, {}) }));
|
|
179
|
+
act(() => {
|
|
180
|
+
fakeState.baseTime = 4900;
|
|
181
|
+
vi.advanceTimersByTime(400);
|
|
182
|
+
});
|
|
183
|
+
expect(c.textContent).toContain("基准继续单独播放");
|
|
184
|
+
});
|
|
185
|
+
it("两侧无差异 → 完全一致空态,总览全 0", () => {
|
|
186
|
+
const c = render(_jsx(RecordingCompareBody, { base: IDENTICAL_BASE, target: IDENTICAL_BASE }));
|
|
187
|
+
expect(c.textContent).toContain("差异总览: 新增 0 · 消失 0 · 变化 0");
|
|
188
|
+
expect(c.textContent).toContain("两次录制的事件完全一致");
|
|
189
|
+
});
|
|
190
|
+
it("baseError 渲染默认红条 + 重试回调", () => {
|
|
191
|
+
const onRetry = vi.fn();
|
|
192
|
+
const c = render(_jsx(RecordingCompareBody, { base: IDENTICAL_BASE, target: IDENTICAL_BASE, baseError: "http_500", onRetryError: onRetry }));
|
|
193
|
+
expect(c.textContent).toContain("基准录制事件加载失败");
|
|
194
|
+
const retryBtn = [...c.querySelectorAll("button")].find((b) => b.textContent === "重试");
|
|
195
|
+
act(() => {
|
|
196
|
+
retryBtn.dispatchEvent(new MouseEvent("click", { bubbles: true }));
|
|
197
|
+
});
|
|
198
|
+
expect(onRetry).toHaveBeenCalledTimes(1);
|
|
199
|
+
});
|
|
200
|
+
it("renderError 自定义错误渲染优先于默认红条", () => {
|
|
201
|
+
const c = render(_jsx(RecordingCompareBody, { base: IDENTICAL_BASE, target: IDENTICAL_BASE, targetError: "boom", renderError: (msg) => _jsxs("div", { "data-testid": "custom-err", children: ["\u81EA\u5B9A\u4E49:", msg] }) }));
|
|
202
|
+
expect(c.querySelector("[data-testid='custom-err']").textContent).toContain("对照录制事件加载失败");
|
|
203
|
+
});
|
|
204
|
+
it("控制台消息归一化后配对:纯数字段差异不报差异", () => {
|
|
205
|
+
const target = session("t", 8000, {
|
|
206
|
+
network: [netEv("https://a.com/api", BASE_TS + 100, 200)],
|
|
207
|
+
console: [consoleEv(BASE_TS + 200, "same msg 67890")],
|
|
208
|
+
exceptions: [exceptionEv(BASE_TS + 300, "boom")],
|
|
209
|
+
});
|
|
210
|
+
const c = render(_jsx(RecordingCompareBody, { base: IDENTICAL_BASE, target: target }));
|
|
211
|
+
expect(c.textContent).toContain("两次录制的事件完全一致");
|
|
212
|
+
});
|
|
213
|
+
it("双停 oneshot:基准到头两侧 pause 一次,不重复触发", () => {
|
|
214
|
+
const target = session("t", 8000, {});
|
|
215
|
+
const c = render(_jsx(RecordingCompareBody, { base: IDENTICAL_BASE, target: target }));
|
|
216
|
+
// 轮询生效需要 events 已挂载;fake timers 推进 <150ms 内不触发
|
|
217
|
+
act(() => {
|
|
218
|
+
vi.advanceTimersByTime(1000);
|
|
219
|
+
});
|
|
220
|
+
// 实例是 mock 的 getCurrentTime() => 0,基准 duration 5000,不会停
|
|
221
|
+
expect(fakeState.basePaused).toBe(0);
|
|
222
|
+
expect(c.textContent).toContain("基准(较短)");
|
|
223
|
+
});
|
|
224
|
+
});
|
|
225
|
+
//# sourceMappingURL=RecordingCompareBody.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RecordingCompareBody.test.js","sourceRoot":"","sources":["../../src/components/RecordingCompareBody.test.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACzE,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAa,MAAM,kBAAkB,CAAC;AAGzD,8CAA8C;AAC9C,MAAM,SAAS,GAAgI;IAC7I,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,CAAC;IACb,YAAY,EAAE,CAAC;IACf,YAAY,EAAE,CAAC;IACf,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,GAAG,EAAE,CAAC,CAAC;IAChC,uBAAuB,EAAE,EAAE;IAC3B,UAAU,EAAE,CAAC,EAAE,SAAS,EAAwC,EAAE,EAAE;QAClE,2CAA2C;QAC3C,MAAM,IAAI,GAAG;YACX,IAAI,EAAE,GAAG,EAAE;gBACT,2DAA2D;gBAC3D,SAAS,CAAC,YAAY,EAAE,CAAC;YAC3B,CAAC;YACD,KAAK,EAAE,GAAG,EAAE;gBACV,SAAS,CAAC,UAAU,EAAE,CAAC;gBACvB,SAAS,CAAC,YAAY,EAAE,CAAC;YAC3B,CAAC;YACD,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ;YACxC,MAAM,EAAE,CAAC,EAAU,EAAE,EAAE;gBACrB,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC7B,CAAC;YACD,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;SACnB,CAAC;QACF,IAAI,SAAS;YAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QACxC,OAAO,6BAAiB,aAAa,GAAG,CAAC;IAC3C,CAAC;CACF,CAAC,CAAC,CAAC;AAEJ,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,UAAsC,CAAC,wBAAwB,GAAG,IAAI,CAAC;AAExE,MAAM,OAAO,GAAG,iBAAiB,CAAC;AAElC,SAAS,OAAO,CACd,EAAU,EACV,QAAgB,EAChB,MAAyC;IAEzC,OAAO;QACL,IAAI,EAAE;YACJ,SAAS,EAAE,EAAE;YACb,KAAK,EAAE,KAAK,EAAE,EAAE;YAChB,MAAM,EAAE,WAAW;YACnB,SAAS,EAAE,OAAO;YAClB,OAAO,EAAE,OAAO,GAAG,QAAQ;YAC3B,QAAQ;YACR,QAAQ,EAAE,eAAe;YACzB,MAAM,EAAE,OAAO;YACf,GAAG,EAAE,eAAe;YACpB,MAAM,EAAE,OAAO;YACf,KAAK,EAAE,CAAC;YACR,IAAI,EAAE,EAAE;SACT;QACD,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,GAAG,MAAM,EAAE;KACjG,CAAC;AACJ,CAAC;AAED,SAAS,KAAK,CAAC,GAAW,EAAE,EAAU,EAAE,MAAM,GAAG,GAAG;IAClD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC;AACrG,CAAC;AACD,SAAS,SAAS,CAAC,EAAU,EAAE,OAAe;IAC5C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC;AAClG,CAAC;AACD,SAAS,WAAW,CAAC,EAAU,EAAE,OAAe;IAC9C,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC;AACpF,CAAC;AAED,IAAI,SAAyB,CAAC;AAC9B,IAAI,IAAU,CAAC;AAEf,UAAU,CAAC,GAAG,EAAE;IACd,SAAS,CAAC,QAAQ,GAAG,CAAC,CAAC;IACvB,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC;IACzB,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC;IACzB,SAAS,CAAC,YAAY,GAAG,CAAC,CAAC;IAC3B,SAAS,CAAC,YAAY,GAAG,CAAC,CAAC;IAC3B,SAAS,CAAC,OAAO,GAAG,EAAE,CAAC;IACvB,EAAE,CAAC,aAAa,EAAE,CAAC;IACnB,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AACvC,CAAC,CAAC,CAAC;AAEH,SAAS,CAAC,GAAG,EAAE;IACb,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;IAC1B,SAAS,CAAC,MAAM,EAAE,CAAC;IACnB,EAAE,CAAC,aAAa,EAAE,CAAC;AACrB,CAAC,CAAC,CAAC;AAEH,SAAS,MAAM,CAAC,EAAmB;IACjC,IAAI,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IAC7B,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3B,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE;IACxC,OAAO,EAAE,CAAC,KAAK,CAAC,mBAAmB,EAAE,OAAO,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC;IACzD,OAAO,EAAE,CAAC,SAAS,CAAC,OAAO,GAAG,GAAG,EAAE,gBAAgB,CAAC,CAAC;IACrD,UAAU,EAAE,CAAC,WAAW,CAAC,OAAO,GAAG,GAAG,EAAE,MAAM,CAAC,CAAC;CACjD,CAAC,CAAC;AAEH,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC7B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE;YAChC,OAAO,EAAE;gBACP,KAAK,CAAC,mBAAmB,EAAE,OAAO,GAAG,GAAG,EAAE,GAAG,CAAC,EAAE,KAAK;gBACrD,KAAK,CAAC,mBAAmB,EAAE,OAAO,GAAG,GAAG,CAAC,EAAE,KAAK;aACjD;YACD,OAAO,EAAE,EAAE;YACX,UAAU,EAAE,CAAC,WAAW,CAAC,OAAO,GAAG,GAAG,EAAE,MAAM,CAAC,CAAC;SACjD,CAAC,CAAC;QACH,MAAM,CAAC,GAAG,MAAM,CAAC,KAAC,oBAAoB,IAAC,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC;QACjF,MAAM,IAAI,GAAG,CAAC,CAAC,WAAW,IAAI,EAAE,CAAC;QACjC,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAC9B,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAC9B,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAC9B,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAC9B,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAC;QACnD,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;QACxC,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QAC/B,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC9B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;QACtC,MAAM,CAAC,GAAG,MAAM,CAAC,KAAC,oBAAoB,IAAC,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC;QACjF,MAAM,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;QACvE,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC9B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;QACtC,MAAM,MAAM,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QACvB,MAAM,CAAC,GAAG,MAAM,CAAC,KAAC,oBAAoB,IAAC,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC;QACjG,MAAM,OAAO,GAAG,CAAC,CAAC,aAAa,CAAC,8BAA8B,CAAE,CAAC;QACjE,GAAG,CAAC,GAAG,EAAE;YACP,OAAO,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACpE,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QACxC,mBAAmB;QACnB,MAAM,GAAG,GAAG,OAAO,CAAC,aAAc,CAAC;QACnC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACzC,MAAM,CAAC,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IACvF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE;YAChC,OAAO,EAAE,CAAC,KAAK,CAAC,mBAAmB,EAAE,OAAO,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC;SAC1D,CAAC,CAAC;QACH,MAAM,UAAU,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAC3B,MAAM,CAAC,GAAG,MAAM,CAAC,KAAC,oBAAoB,IAAC,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC,CAAC;QACzG,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAC7C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,eAAe,CAAC,CAC/E,CAAC;QACH,GAAG,CAAC,GAAG,EAAE;YACP,GAAG,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACrD,kDAAkD;QAClD,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,MAAM,CAAC,GAAG,MAAM,CAAC,KAAC,oBAAoB,IAAC,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAI,CAAC,CAAC;QACjG,YAAY;QACZ,GAAG,CAAC,GAAG,EAAE;YACP,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACrC,yDAAyD;QACzD,iEAAiE;QACjE,GAAG,CAAC,GAAG,EAAE;YACP,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC;YAC1B,EAAE,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACrC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACvC,2BAA2B;QAC3B,GAAG,CAAC,GAAG,EAAE;YACP,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC;YAC1B,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACrC,eAAe;QACf,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACrC,MAAM,CAAC,GAAG,MAAM,CAAC,KAAC,oBAAoB,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,GAAI,CAAC,CAAC;QAC3G,GAAG,CAAC,GAAG,EAAE;YACP,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC;YAC1B,EAAE,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC9B,MAAM,CAAC,GAAG,MAAM,CAAC,KAAC,oBAAoB,IAAC,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,cAAc,GAAI,CAAC,CAAC;QACzF,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAC;QAC5D,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,OAAO,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QACxB,MAAM,CAAC,GAAG,MAAM,CACd,KAAC,oBAAoB,IAAC,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,cAAc,EAAE,SAAS,EAAC,UAAU,EAAC,YAAY,EAAE,OAAO,GAAI,CACnH,CAAC;QACF,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QAC9C,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,KAAK,IAAI,CAAE,CAAC;QACxF,GAAG,CAAC,GAAG,EAAE;YACP,QAAQ,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACrE,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACpC,MAAM,CAAC,GAAG,MAAM,CACd,KAAC,oBAAoB,IACnB,IAAI,EAAE,cAAc,EACpB,MAAM,EAAE,cAAc,EACtB,WAAW,EAAC,MAAM,EAClB,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,8BAAiB,YAAY,oCAAM,GAAG,IAAO,GACnE,CACH,CAAC;QACF,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,4BAA4B,CAAE,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAC7F,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE;YAChC,OAAO,EAAE,CAAC,KAAK,CAAC,mBAAmB,EAAE,OAAO,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC;YACzD,OAAO,EAAE,CAAC,SAAS,CAAC,OAAO,GAAG,GAAG,EAAE,gBAAgB,CAAC,CAAC;YACrD,UAAU,EAAE,CAAC,WAAW,CAAC,OAAO,GAAG,GAAG,EAAE,MAAM,CAAC,CAAC;SACjD,CAAC,CAAC;QACH,MAAM,CAAC,GAAG,MAAM,CAAC,KAAC,oBAAoB,IAAC,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC;QACjF,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;QACtC,MAAM,CAAC,GAAG,MAAM,CAAC,KAAC,oBAAoB,IAAC,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC;QACjF,+CAA+C;QAC/C,GAAG,CAAC,GAAG,EAAE;YACP,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;QACH,wDAAwD;QACxD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACrC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* FID-133 iter6 P4:录制详情主体——SyncPlayer + TimelineRuler(平铺时间轴)
|
|
3
|
+
* + EventStreamPanel,从 server web DetailView 抽出进共享包:
|
|
4
|
+
* server web 详情页与 sidepanel 列表展开(P4)复用同一实现,不维护第二份。
|
|
5
|
+
* cpuProfile 懒加载(有 sidecar 才拉);compact 模式给 sidepanel 窄栏用。
|
|
6
|
+
*/
|
|
7
|
+
import { type ReactNode } from "react";
|
|
1
8
|
import type { RecordingApi } from "../api.js";
|
|
2
9
|
import type { RecordingMeta } from "../types.js";
|
|
3
10
|
export interface RecordingDetailBodyProps {
|
|
@@ -9,6 +16,12 @@ export interface RecordingDetailBodyProps {
|
|
|
9
16
|
compact?: boolean;
|
|
10
17
|
/** 播放器视口高度(不含 rrweb 控制条 80px,控制条由 SyncPlayer 内部补足) */
|
|
11
18
|
playerHeight?: number;
|
|
19
|
+
/**
|
|
20
|
+
* FID-134:错误态自定义渲染(如 web 详情页「回放加载失败」+「重试」按钮;
|
|
21
|
+
* sidepanel 手风琴语境的默认文案含「收起」,跨端复用时由消费方覆盖)。
|
|
22
|
+
* 缺省保持原内置文案,向后兼容。
|
|
23
|
+
*/
|
|
24
|
+
renderError?: (message: string, retry: () => void) => ReactNode;
|
|
12
25
|
}
|
|
13
|
-
export declare function RecordingDetailBody({ api, sessionId, meta, compact, playerHeight }: RecordingDetailBodyProps): import("react").JSX.Element;
|
|
26
|
+
export declare function RecordingDetailBody({ api, sessionId, meta, compact, playerHeight, renderError }: RecordingDetailBodyProps): import("react").JSX.Element;
|
|
14
27
|
//# sourceMappingURL=RecordingDetailBody.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RecordingDetailBody.d.ts","sourceRoot":"","sources":["../../src/components/RecordingDetailBody.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RecordingDetailBody.d.ts","sourceRoot":"","sources":["../../src/components/RecordingDetailBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAqD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,KAAK,EAA+B,aAAa,EAAE,MAAM,aAAa,CAAC;AAK9E,MAAM,WAAW,wBAAwB;IACvC,GAAG,EAAE,YAAY,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC5B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;CACjE;AAUD,wBAAgB,mBAAmB,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,wBAAwB,+BA+FzH"}
|