@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
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
/**
|
|
3
3
|
* FID-133 iter6 P4:录制详情主体——SyncPlayer + TimelineRuler(平铺时间轴)
|
|
4
4
|
* + EventStreamPanel,从 server web DetailView 抽出进共享包:
|
|
@@ -17,10 +17,11 @@ function firstRrwebTimestamp(rrweb) {
|
|
|
17
17
|
}
|
|
18
18
|
return null;
|
|
19
19
|
}
|
|
20
|
-
export function RecordingDetailBody({ api, sessionId, meta, compact, playerHeight }) {
|
|
20
|
+
export function RecordingDetailBody({ api, sessionId, meta, compact, playerHeight, renderError }) {
|
|
21
21
|
const [events, setEvents] = useState(null);
|
|
22
22
|
const [cpuProfile, setCpuProfile] = useState(null);
|
|
23
23
|
const [error, setError] = useState(null);
|
|
24
|
+
const [retryCount, setRetryCount] = useState(0);
|
|
24
25
|
const playerRef = useRef(null);
|
|
25
26
|
const [offsetMs, setOffsetMs] = useState(0);
|
|
26
27
|
useEffect(() => {
|
|
@@ -48,7 +49,7 @@ export function RecordingDetailBody({ api, sessionId, meta, compact, playerHeigh
|
|
|
48
49
|
})
|
|
49
50
|
.catch((e) => alive && setError(e instanceof Error ? e.message : String(e)));
|
|
50
51
|
return () => { alive = false; };
|
|
51
|
-
}, [api, sessionId]);
|
|
52
|
+
}, [api, sessionId, retryCount]);
|
|
52
53
|
const baseTimestamp = useMemo(() => (events ? firstRrwebTimestamp(events.rrweb) : null), [events]);
|
|
53
54
|
// 播放进度 → 时间轴播放头 + 事件流高亮
|
|
54
55
|
useEffect(() => {
|
|
@@ -67,6 +68,9 @@ export function RecordingDetailBody({ api, sessionId, meta, compact, playerHeigh
|
|
|
67
68
|
if (error) {
|
|
68
69
|
// 面向用户文案:原始错误只进控制台,不直渲(可能含状态码/路径)
|
|
69
70
|
console.error("[recording-ui] 回放事件加载失败:", error);
|
|
71
|
+
if (renderError) {
|
|
72
|
+
return _jsx(_Fragment, { children: renderError(error, () => setRetryCount((c) => c + 1)) });
|
|
73
|
+
}
|
|
70
74
|
return _jsx("div", { style: { color: "#cf1322", background: "#fff2f0", borderRadius: 8, padding: 16 }, children: "\u56DE\u653E\u52A0\u8F7D\u5931\u8D25,\u8BF7\u6536\u8D77\u540E\u91CD\u8BD5" });
|
|
71
75
|
}
|
|
72
76
|
if (!events) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RecordingDetailBody.js","sourceRoot":"","sources":["../../src/components/RecordingDetailBody.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AACH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"RecordingDetailBody.js","sourceRoot":"","sources":["../../src/components/RecordingDetailBody.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TimelineEventItem } from "../types.js";
|
|
2
|
+
export interface RequestDiffModalProps {
|
|
3
|
+
open: boolean;
|
|
4
|
+
onClose: () => void;
|
|
5
|
+
/** 已勾选的网络条目(完整 TimelineEventItem,勾选顺序) */
|
|
6
|
+
selected: TimelineEventItem[];
|
|
7
|
+
/** 默认基准下标(勾选第一条);缺省 0 */
|
|
8
|
+
initialBaselineIndex?: number;
|
|
9
|
+
}
|
|
10
|
+
export declare function RequestDiffModal({ open, onClose, selected, initialBaselineIndex }: RequestDiffModalProps): import("react").JSX.Element | null;
|
|
11
|
+
//# sourceMappingURL=RequestDiffModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RequestDiffModal.d.ts","sourceRoot":"","sources":["../../src/components/RequestDiffModal.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGrD,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,0CAA0C;IAC1C,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,yBAAyB;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAoJD,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,oBAAoB,EAAE,EAAE,qBAAqB,sCAgLxG"}
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* FID-134 iter2:请求级对比弹窗(原生实现,零 antd)。
|
|
4
|
+
* - 概览表:已选网络条目一行,标注基准/#i,状态码不同黄底徽标
|
|
5
|
+
* - 基准选择器:换基准全弹窗重算
|
|
6
|
+
* - 字段级 kv diff(请求头/返回头)+ 行级 LCS diff(请求体/返回体,JSON pretty)
|
|
7
|
+
* - 数据缺失诚实空态(未采集 → 灰条说明,不伪造空 diff)
|
|
8
|
+
* 关闭不丢勾选:勾选状态在父面板,本组件只接收 selected。
|
|
9
|
+
*/
|
|
10
|
+
import { useEffect, useMemo, useState } from "react";
|
|
11
|
+
import { kvDiff, lcsDiffLines, prettyJsonLines } from "../diff.js";
|
|
12
|
+
/** 行级 diff 渲染上限;超出收拢为「其余 N 行相同」 */
|
|
13
|
+
const MAX_DIFF_LINES = 500;
|
|
14
|
+
const KV_COLORS = {
|
|
15
|
+
same: { bg: "#f9fafb", fg: "#6b7280", label: "相同" },
|
|
16
|
+
added: { bg: "#ecfdf5", fg: "#059669", label: "新增" },
|
|
17
|
+
removed: { bg: "#fef2f2", fg: "#dc2626", label: "删除" },
|
|
18
|
+
changed: { bg: "#fffbeb", fg: "#d97706", label: "变化" },
|
|
19
|
+
};
|
|
20
|
+
function statusColor(status) {
|
|
21
|
+
if (status == null)
|
|
22
|
+
return "#9ca3af";
|
|
23
|
+
return status >= 400 ? "#ef4444" : status >= 300 ? "#f59e0b" : "#22c55e";
|
|
24
|
+
}
|
|
25
|
+
function shortUrl(url, max = 60) {
|
|
26
|
+
const s = typeof url === "string" ? url : "";
|
|
27
|
+
return s.length > max ? `${s.slice(0, max)}…` : s;
|
|
28
|
+
}
|
|
29
|
+
/** 缺失采集数据的诚实空态(info 灰条)。 */
|
|
30
|
+
function MissingBlock({ label, hint }) {
|
|
31
|
+
return (_jsxs("div", { style: { background: "#f9fafb", border: "1px solid #e5e7eb", borderRadius: 6, padding: "10px 12px" }, children: [_jsx("div", { style: { fontSize: 12, color: "#6b7280" }, children: label }), hint && _jsx("div", { style: { fontSize: 11, color: "#9ca3af", marginTop: 2 }, children: hint })] }));
|
|
32
|
+
}
|
|
33
|
+
function BlockTitle({ children }) {
|
|
34
|
+
return _jsx("div", { style: { fontSize: 12, fontWeight: 600, color: "#374151", marginBottom: 4 }, children: children });
|
|
35
|
+
}
|
|
36
|
+
function KvDiffBlock({ title, baseHeaders, targetHeaders, missingText, }) {
|
|
37
|
+
if (!baseHeaders && !targetHeaders) {
|
|
38
|
+
return (_jsxs("div", { style: { marginBottom: 12 }, children: [_jsx(BlockTitle, { children: title }), _jsx(MissingBlock, { label: missingText, hint: "\u5F00\u542F\u91C7\u96C6\u540E\u65B0\u5F55\u5236\u7684\u6570\u636E\u624D\u53EF\u89C1" })] }));
|
|
39
|
+
}
|
|
40
|
+
const entries = kvDiff(baseHeaders ?? {}, targetHeaders ?? {});
|
|
41
|
+
return (_jsxs("div", { style: { marginBottom: 12 }, children: [_jsx(BlockTitle, { children: title }), _jsx("div", { style: { border: "1px solid #e5e7eb", borderRadius: 6, overflow: "hidden" }, children: entries.map((e) => {
|
|
42
|
+
const c = KV_COLORS[e.kind];
|
|
43
|
+
return (_jsxs("div", { style: {
|
|
44
|
+
display: "flex",
|
|
45
|
+
gap: 8,
|
|
46
|
+
alignItems: "baseline",
|
|
47
|
+
padding: "4px 10px",
|
|
48
|
+
fontSize: 11,
|
|
49
|
+
fontFamily: "monospace",
|
|
50
|
+
background: c.bg,
|
|
51
|
+
color: c.fg,
|
|
52
|
+
borderBottom: "1px solid #f3f4f6",
|
|
53
|
+
}, children: [_jsx("span", { style: { flexShrink: 0, fontWeight: 600 }, children: c.label }), _jsxs("span", { style: { flexShrink: 0 }, children: [e.key, ":"] }), _jsx("span", { style: { flex: 1, minWidth: 0, wordBreak: "break-all" }, children: e.kind === "changed" ? `${e.baseVal ?? ""} → ${e.targetVal ?? ""}` : (e.baseVal ?? e.targetVal ?? "") })] }, e.key));
|
|
54
|
+
}) })] }));
|
|
55
|
+
}
|
|
56
|
+
function BodyDiffBlock({ title, baseBody, targetBody, missingText, }) {
|
|
57
|
+
const lines = useMemo(() => lcsDiffLines(prettyJsonLines(baseBody ?? ""), prettyJsonLines(targetBody ?? "")), [baseBody, targetBody]);
|
|
58
|
+
if (!baseBody && !targetBody) {
|
|
59
|
+
return (_jsxs("div", { style: { marginBottom: 12 }, children: [_jsx(BlockTitle, { children: title }), _jsx(MissingBlock, { label: missingText, hint: "\u5F00\u542F\u91C7\u96C6\u540E\u65B0\u5F55\u5236\u7684\u6570\u636E\u624D\u53EF\u89C1" })] }));
|
|
60
|
+
}
|
|
61
|
+
const visible = lines.slice(0, MAX_DIFF_LINES);
|
|
62
|
+
const rest = lines.length - visible.length;
|
|
63
|
+
return (_jsxs("div", { style: { marginBottom: 12 }, children: [_jsx(BlockTitle, { children: title }), _jsxs("pre", { style: {
|
|
64
|
+
margin: 0,
|
|
65
|
+
background: "#f9fafb",
|
|
66
|
+
border: "1px solid #e5e7eb",
|
|
67
|
+
borderRadius: 6,
|
|
68
|
+
padding: "8px 10px",
|
|
69
|
+
fontSize: 11,
|
|
70
|
+
fontFamily: "monospace",
|
|
71
|
+
maxHeight: 260,
|
|
72
|
+
overflow: "auto",
|
|
73
|
+
whiteSpace: "pre-wrap",
|
|
74
|
+
wordBreak: "break-all",
|
|
75
|
+
}, children: [visible.map((l, i) => {
|
|
76
|
+
const prefix = l.kind === "add" ? "+" : l.kind === "del" ? "−" : " ";
|
|
77
|
+
const color = l.kind === "add" ? "#059669" : l.kind === "del" ? "#dc2626" : "#6b7280";
|
|
78
|
+
return (_jsxs("div", { style: { color, background: l.kind === "add" ? "#ecfdf5" : l.kind === "del" ? "#fef2f2" : "transparent" }, children: [prefix, " ", l.text] }, i));
|
|
79
|
+
}), rest > 0 && _jsxs("div", { style: { color: "#9ca3af" }, children: ["\u5176\u4F59 ", rest, " \u884C\u76F8\u540C"] })] })] }));
|
|
80
|
+
}
|
|
81
|
+
export function RequestDiffModal({ open, onClose, selected, initialBaselineIndex }) {
|
|
82
|
+
const [baselineIndex, setBaselineIndex] = useState(initialBaselineIndex ?? 0);
|
|
83
|
+
// 弹窗每次打开 / 勾选集变化 → 基准回默认(勾选第一条)
|
|
84
|
+
useEffect(() => {
|
|
85
|
+
if (open)
|
|
86
|
+
setBaselineIndex(initialBaselineIndex ?? 0);
|
|
87
|
+
}, [open, selected, initialBaselineIndex]);
|
|
88
|
+
// Esc 关闭
|
|
89
|
+
useEffect(() => {
|
|
90
|
+
if (!open)
|
|
91
|
+
return undefined;
|
|
92
|
+
const onKey = (e) => {
|
|
93
|
+
if (e.key === "Escape")
|
|
94
|
+
onClose();
|
|
95
|
+
};
|
|
96
|
+
window.addEventListener("keydown", onKey);
|
|
97
|
+
return () => window.removeEventListener("keydown", onKey);
|
|
98
|
+
}, [open, onClose]);
|
|
99
|
+
const baseline = selected[baselineIndex] ?? selected[0];
|
|
100
|
+
const others = selected.filter((_, i) => i !== baselineIndex);
|
|
101
|
+
if (!open || !baseline)
|
|
102
|
+
return null;
|
|
103
|
+
return (_jsx("div", { onClick: onClose, style: {
|
|
104
|
+
position: "fixed",
|
|
105
|
+
inset: 0,
|
|
106
|
+
background: "rgba(0,0,0,0.45)",
|
|
107
|
+
zIndex: 999,
|
|
108
|
+
display: "flex",
|
|
109
|
+
alignItems: "center",
|
|
110
|
+
justifyContent: "center",
|
|
111
|
+
}, children: _jsxs("div", { role: "dialog", "aria-label": "\u8BF7\u6C42\u5BF9\u6BD4", onClick: (e) => e.stopPropagation(), style: {
|
|
112
|
+
width: 900,
|
|
113
|
+
maxWidth: "95vw",
|
|
114
|
+
maxHeight: "85vh",
|
|
115
|
+
overflowY: "auto",
|
|
116
|
+
background: "#fff",
|
|
117
|
+
borderRadius: 8,
|
|
118
|
+
padding: "16px 20px",
|
|
119
|
+
boxShadow: "0 8px 30px rgba(0,0,0,0.2)",
|
|
120
|
+
}, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 12 }, children: [_jsx("span", { style: { fontSize: 15, fontWeight: 600 }, children: "\u8BF7\u6C42\u5BF9\u6BD4" }), _jsx("button", { "aria-label": "\u5173\u95ED", onClick: onClose, style: { border: "none", background: "transparent", fontSize: 18, cursor: "pointer", color: "#6b7280", lineHeight: 1 }, children: "\u2715" })] }), _jsxs("div", { style: { marginBottom: 12, fontSize: 13, display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" }, children: [_jsx("span", { style: { color: "#374151" }, children: "\u4EE5\u8FD9\u6761\u4E3A\u57FA\u51C6:" }), _jsx("select", { "aria-label": "\u57FA\u51C6\u9009\u62E9", value: baselineIndex, onChange: (e) => setBaselineIndex(Number(e.target.value)), style: { padding: "4px 8px", borderRadius: 4, border: "1px solid #d1d5db", fontSize: 12, maxWidth: 520 }, children: selected.map((ev, i) => (_jsxs("option", { value: i, children: ["#", i, " \u00B7 ", String(ev.payload.method ?? "GET"), " \u00B7 ", shortUrl(ev.payload.url), " \u00B7 ", ev.payload.status ?? "-"] }, `${ev.timestamp}-${i}`))) })] }), _jsx("div", { style: { marginBottom: 16, border: "1px solid #e5e7eb", borderRadius: 6, overflow: "hidden" }, children: selected.map((ev, i) => {
|
|
121
|
+
const isBase = i === baselineIndex;
|
|
122
|
+
const status = ev.payload.status;
|
|
123
|
+
const baseStatus = baseline.payload.status;
|
|
124
|
+
const statusDiff = !isBase && status != null && baseStatus != null && status !== baseStatus;
|
|
125
|
+
return (_jsxs("div", { style: {
|
|
126
|
+
display: "flex",
|
|
127
|
+
gap: 8,
|
|
128
|
+
alignItems: "center",
|
|
129
|
+
padding: "5px 10px",
|
|
130
|
+
fontSize: 12,
|
|
131
|
+
background: isBase ? "#eff6ff" : "#fff",
|
|
132
|
+
borderBottom: "1px solid #f3f4f6",
|
|
133
|
+
}, children: [_jsx("span", { style: { flexShrink: 0, fontWeight: isBase ? 600 : 400, color: isBase ? "#2563eb" : "#6b7280", width: 44 }, children: isBase ? "基准" : `#${i}` }), _jsx("span", { style: { flexShrink: 0, fontFamily: "monospace" }, children: String(ev.payload.method ?? "GET") }), _jsx("span", { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", fontFamily: "monospace", color: "#374151" }, children: String(ev.payload.url ?? "") }), _jsx("span", { style: {
|
|
134
|
+
flexShrink: 0,
|
|
135
|
+
fontSize: 11,
|
|
136
|
+
padding: "1px 6px",
|
|
137
|
+
borderRadius: 4,
|
|
138
|
+
color: "#fff",
|
|
139
|
+
background: statusDiff ? "#f59e0b" : statusColor(typeof status === "number" ? status : undefined),
|
|
140
|
+
...(statusDiff ? { boxShadow: "0 0 0 2px #fef3c7" } : {}),
|
|
141
|
+
}, children: status ?? "-" })] }, `${ev.timestamp}-${i}`));
|
|
142
|
+
}) }), others.length === 0 ? (_jsx(MissingBlock, { label: "\u53EA\u9009\u4E2D\u4E86\u4E00\u6761,\u518D\u52FE\u9009\u4E00\u6761\u5373\u53EF\u5BF9\u6BD4" })) : (others.map((target, oi) => {
|
|
143
|
+
const targetIndex = selected.indexOf(target);
|
|
144
|
+
const statusChanged = target.payload.status != null &&
|
|
145
|
+
baseline.payload.status != null &&
|
|
146
|
+
target.payload.status !== baseline.payload.status;
|
|
147
|
+
return (_jsxs("div", { style: { borderTop: "1px solid #f3f4f6", paddingTop: 12, marginBottom: 12 }, children: [_jsxs("div", { style: { fontSize: 13, fontWeight: 600, color: "#111827", marginBottom: 8 }, children: ["\u4E0E #", targetIndex, " \u00B7 ", String(target.payload.method ?? "GET"), " ", shortUrl(target.payload.url, 40), " \u76F8\u6BD4", statusChanged && (_jsxs("span", { style: { marginLeft: 8, color: "#d97706", fontWeight: 400 }, children: ["\u72B6\u6001\u7801 ", String(baseline.payload.status), " \u2192 ", String(target.payload.status)] }))] }), _jsx(KvDiffBlock, { title: "\u8BF7\u6C42\u5934\u5DEE\u5F02", baseHeaders: baseline.payload.requestHeaders, targetHeaders: target.payload.requestHeaders, missingText: "\u672C\u6B21\u5F55\u5236\u672A\u91C7\u96C6\u8BF7\u6C42\u5934" }), _jsx(KvDiffBlock, { title: "\u8FD4\u56DE\u5934\u5DEE\u5F02", baseHeaders: baseline.payload.responseHeaders, targetHeaders: target.payload.responseHeaders, missingText: "\u672C\u6B21\u5F55\u5236\u672A\u91C7\u96C6\u8FD4\u56DE\u5934" }), _jsx(BodyDiffBlock, { title: "\u8BF7\u6C42\u4F53\u5DEE\u5F02", baseBody: baseline.payload.requestBody, targetBody: target.payload.requestBody, missingText: "\u672C\u6B21\u5F55\u5236\u672A\u91C7\u96C6\u8BF7\u6C42\u4F53" }), _jsx(BodyDiffBlock, { title: "\u8FD4\u56DE\u4F53\u5DEE\u5F02", baseBody: baseline.payload.responseBody, targetBody: target.payload.responseBody, missingText: "\u672C\u6B21\u5F55\u5236\u672A\u91C7\u96C6\u8FD4\u56DE\u4F53" })] }, `${target.timestamp}-${oi}`));
|
|
148
|
+
}))] }) }));
|
|
149
|
+
}
|
|
150
|
+
//# sourceMappingURL=RequestDiffModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RequestDiffModal.js","sourceRoot":"","sources":["../../src/components/RequestDiffModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RequestDiffModal.test.d.ts","sourceRoot":"","sources":["../../src/components/RequestDiffModal.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { jsx as _jsx } 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
|
+
import { RequestDiffModal } from "./RequestDiffModal.js";
|
|
7
|
+
globalThis.IS_REACT_ACT_ENVIRONMENT = true;
|
|
8
|
+
function netEv(method, url, status, extra = {}, ts = 0) {
|
|
9
|
+
return { type: "network", timestamp: ts, sessionId: "s", payload: { method, url, status, ...extra } };
|
|
10
|
+
}
|
|
11
|
+
let container;
|
|
12
|
+
let root;
|
|
13
|
+
beforeEach(() => {
|
|
14
|
+
container = document.createElement("div");
|
|
15
|
+
document.body.appendChild(container);
|
|
16
|
+
});
|
|
17
|
+
afterEach(() => {
|
|
18
|
+
act(() => root.unmount());
|
|
19
|
+
container.remove();
|
|
20
|
+
});
|
|
21
|
+
function render(ui) {
|
|
22
|
+
root = createRoot(container);
|
|
23
|
+
act(() => root.render(ui));
|
|
24
|
+
return container;
|
|
25
|
+
}
|
|
26
|
+
const SELECTED = [
|
|
27
|
+
netEv("GET", "https://a.com/api/user", 200, {
|
|
28
|
+
requestHeaders: { "x-a": "1", "x-b": "old" },
|
|
29
|
+
responseHeaders: { "content-type": "application/json" },
|
|
30
|
+
requestBody: JSON.stringify({ page: 1, size: 20 }),
|
|
31
|
+
responseBody: JSON.stringify({ ok: true, total: 100 }),
|
|
32
|
+
}, 1000),
|
|
33
|
+
netEv("GET", "https://a.com/api/user", 500, {
|
|
34
|
+
requestHeaders: { "x-a": "1", "x-b": "new", "x-c": "new" },
|
|
35
|
+
responseHeaders: { "content-type": "application/json", "x-err": "1" },
|
|
36
|
+
requestBody: JSON.stringify({ page: 1, size: 21 }),
|
|
37
|
+
responseBody: JSON.stringify({ ok: false, total: 100 }),
|
|
38
|
+
}, 2000),
|
|
39
|
+
];
|
|
40
|
+
describe("RequestDiffModal", () => {
|
|
41
|
+
it("open=false 不渲染", () => {
|
|
42
|
+
const c = render(_jsx(RequestDiffModal, { open: false, onClose: () => { }, selected: SELECTED }));
|
|
43
|
+
expect(c.querySelector('[role="dialog"]')).toBeNull();
|
|
44
|
+
});
|
|
45
|
+
it("渲染基准选择器与概览表,首条标注基准", () => {
|
|
46
|
+
const c = render(_jsx(RequestDiffModal, { open: true, onClose: () => { }, selected: SELECTED }));
|
|
47
|
+
expect(c.querySelector("select[aria-label='基准选择']")).toBeTruthy();
|
|
48
|
+
expect(c.textContent).toContain("以这条为基准:");
|
|
49
|
+
expect(c.textContent).toContain("基准");
|
|
50
|
+
expect(c.textContent).toContain("#1");
|
|
51
|
+
expect(c.textContent).toContain("请求对比");
|
|
52
|
+
});
|
|
53
|
+
it("概览表状态码不同有黄底徽标(boxShadow)与状态码变化文案", () => {
|
|
54
|
+
const c = render(_jsx(RequestDiffModal, { open: true, onClose: () => { }, selected: SELECTED }));
|
|
55
|
+
expect(c.textContent).toContain("状态码 200 → 500");
|
|
56
|
+
const badges = c.querySelectorAll("span");
|
|
57
|
+
const highlighted = [...badges].filter((b) => b.style.boxShadow.includes("fef3c7"));
|
|
58
|
+
expect(highlighted.length).toBeGreaterThan(0);
|
|
59
|
+
});
|
|
60
|
+
it("请求头 kv diff:删除/新增/变化/相同四色渲染", () => {
|
|
61
|
+
const c = render(_jsx(RequestDiffModal, { open: true, onClose: () => { }, selected: SELECTED }));
|
|
62
|
+
const text = c.textContent ?? "";
|
|
63
|
+
expect(text).toContain("请求头差异");
|
|
64
|
+
expect(text).toContain("x-b");
|
|
65
|
+
expect(text).toContain("x-c");
|
|
66
|
+
expect(text).toContain("old → new"); // x-b 删除 x-c 新增,x-a 相同
|
|
67
|
+
const rows = [...c.querySelectorAll("div")].filter((d) => d.style.background === "rgb(236, 253, 245)" || d.style.background === "#ecfdf5");
|
|
68
|
+
expect(rows.length).toBeGreaterThan(0); // added 绿
|
|
69
|
+
});
|
|
70
|
+
it("请求体行级 diff:+/− 前缀渲染", () => {
|
|
71
|
+
const c = render(_jsx(RequestDiffModal, { open: true, onClose: () => { }, selected: SELECTED }));
|
|
72
|
+
const pre = [...c.querySelectorAll("pre")].find((p) => p.textContent?.includes("size"));
|
|
73
|
+
expect(pre).toBeTruthy();
|
|
74
|
+
expect(pre.textContent).toContain("+ \"size\": 21");
|
|
75
|
+
expect(pre.textContent).toContain("− \"size\": 20"); // U+2212 减号
|
|
76
|
+
});
|
|
77
|
+
it("未采集数据诚实空态", () => {
|
|
78
|
+
const sparse = [
|
|
79
|
+
netEv("GET", "https://a.com/x", 200),
|
|
80
|
+
netEv("GET", "https://a.com/x", 500),
|
|
81
|
+
];
|
|
82
|
+
const c = render(_jsx(RequestDiffModal, { open: true, onClose: () => { }, selected: sparse }));
|
|
83
|
+
const text = c.textContent ?? "";
|
|
84
|
+
expect(text).toContain("本次录制未采集请求头");
|
|
85
|
+
expect(text).toContain("本次录制未采集请求体");
|
|
86
|
+
expect(text).toContain("开启采集后新录制的数据才可见");
|
|
87
|
+
});
|
|
88
|
+
it("遮罩点击与 ✕ 触发 onClose;Esc 触发 onClose", () => {
|
|
89
|
+
const onClose = vi.fn();
|
|
90
|
+
const c = render(_jsx(RequestDiffModal, { open: true, onClose: onClose, selected: SELECTED }));
|
|
91
|
+
act(() => {
|
|
92
|
+
c.querySelector("button[aria-label='关闭']").dispatchEvent(new MouseEvent("click", { bubbles: true }));
|
|
93
|
+
});
|
|
94
|
+
expect(onClose).toHaveBeenCalledTimes(1);
|
|
95
|
+
act(() => {
|
|
96
|
+
window.dispatchEvent(new KeyboardEvent("keydown", { key: "Escape" }));
|
|
97
|
+
});
|
|
98
|
+
expect(onClose).toHaveBeenCalledTimes(2);
|
|
99
|
+
// 遮罩(对话框外层)点击
|
|
100
|
+
act(() => {
|
|
101
|
+
const overlay = c.querySelector('[role="dialog"]').parentElement;
|
|
102
|
+
overlay.dispatchEvent(new MouseEvent("click", { bubbles: true }));
|
|
103
|
+
});
|
|
104
|
+
expect(onClose).toHaveBeenCalledTimes(3);
|
|
105
|
+
});
|
|
106
|
+
it("对话框自身点击不冒泡关闭", () => {
|
|
107
|
+
const onClose = vi.fn();
|
|
108
|
+
const c = render(_jsx(RequestDiffModal, { open: true, onClose: onClose, selected: SELECTED }));
|
|
109
|
+
act(() => {
|
|
110
|
+
c.querySelector('[role="dialog"]').dispatchEvent(new MouseEvent("click", { bubbles: true }));
|
|
111
|
+
});
|
|
112
|
+
expect(onClose).not.toHaveBeenCalled();
|
|
113
|
+
});
|
|
114
|
+
});
|
|
115
|
+
//# sourceMappingURL=RequestDiffModal.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RequestDiffModal.test.js","sourceRoot":"","sources":["../../src/components/RequestDiffModal.test.tsx"],"names":[],"mappings":"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"}
|
package/dist/diff.d.ts
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* FID-134 iter2:录制对比纯函数(git 差异式)。
|
|
3
|
+
* 从 packages/shared/src/recording-analysis/compare.ts 借鉴 LCS/归一化思路,
|
|
4
|
+
* 在 recording-ui 内独立重写(共享包不跨包依赖 shared)。
|
|
5
|
+
* 全部为纯函数,Node/浏览器两端可安全消费(logic 子路径导出)。
|
|
6
|
+
*/
|
|
7
|
+
import type { TimelineEventItem } from "./types.js";
|
|
8
|
+
/** 行级 diff 条目。lcsDiffLines 的输出元素。 */
|
|
9
|
+
export interface LineDiffEntry {
|
|
10
|
+
kind: "same" | "add" | "del";
|
|
11
|
+
text: string;
|
|
12
|
+
/** 在基准行数组中的下标(kind=add 时无) */
|
|
13
|
+
baseIndex?: number;
|
|
14
|
+
/** 在对照行数组中的下标(kind=del 时无) */
|
|
15
|
+
targetIndex?: number;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* 行级 LCS diff:对齐 base/target 行数组,输出 same/add/del 序列。
|
|
19
|
+
* 经典 dp + 回溯(参照 shared compare.ts 的 lcs/backtrackLcs)。
|
|
20
|
+
*/
|
|
21
|
+
export declare function lcsDiffLines(baseLines: string[], targetLines: string[]): LineDiffEntry[];
|
|
22
|
+
/** kv 字段级 diff 条目。kvDiff 的输出元素。 */
|
|
23
|
+
export interface KvDiffEntry {
|
|
24
|
+
key: string;
|
|
25
|
+
kind: "same" | "added" | "removed" | "changed";
|
|
26
|
+
baseVal?: string;
|
|
27
|
+
targetVal?: string;
|
|
28
|
+
}
|
|
29
|
+
/** 字段级 diff:键并集排序输出,git 语义(added/removed/changed/same)。 */
|
|
30
|
+
export declare function kvDiff(base: Record<string, string>, target: Record<string, string>): KvDiffEntry[];
|
|
31
|
+
/** 文本→行数组:能 JSON.parse 则 pretty(2 空格)按行切,失败回退原按行切。 */
|
|
32
|
+
export declare function prettyJsonLines(text: string): string[];
|
|
33
|
+
/**
|
|
34
|
+
* 控制台消息归一化:截 120 字符;连续数字段与 8+ 位 hex/token 段归一为 '#'
|
|
35
|
+
* (时间戳/id/hash 类的差异不应制造假差异)。
|
|
36
|
+
*/
|
|
37
|
+
export declare function normalizeConsoleMessage(msg: string): string;
|
|
38
|
+
/** 网络事件对比键:method + URL pathname(去 query;相对路径用兜底基域解析)。 */
|
|
39
|
+
export declare function networkKey(ev: TimelineEventItem): string;
|
|
40
|
+
/** 控制台事件对比键:level + 归一化消息(message 优先,否则 args 拼接)。 */
|
|
41
|
+
export declare function consoleKey(ev: TimelineEventItem): string;
|
|
42
|
+
/** 异常事件对比键:归一化 message。 */
|
|
43
|
+
export declare function exceptionKey(ev: TimelineEventItem): string;
|
|
44
|
+
/** 同键按出现序配对结果。 */
|
|
45
|
+
export interface PairedEvents<T> {
|
|
46
|
+
pairs: Array<{
|
|
47
|
+
base: T;
|
|
48
|
+
target: T;
|
|
49
|
+
}>;
|
|
50
|
+
onlyBase: T[];
|
|
51
|
+
onlyTarget: T[];
|
|
52
|
+
}
|
|
53
|
+
/**
|
|
54
|
+
* 同键按出现序配对(重试场景同键多条按序配对,多出单边)。
|
|
55
|
+
* 保持基准序:逐条消费基准,对照侧同键队列有剩余则配对,否则落 onlyBase;
|
|
56
|
+
* 对照侧剩余落 onlyTarget。
|
|
57
|
+
*/
|
|
58
|
+
export declare function pairEvents<T>(base: T[], target: T[], keyFn: (item: T) => string): PairedEvents<T>;
|
|
59
|
+
//# sourceMappingURL=diff.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"diff.d.ts","sourceRoot":"","sources":["../src/diff.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpD,qCAAqC;AACrC,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAqCxF;AAED,mCAAmC;AACnC,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,2DAA2D;AAC3D,wBAAgB,MAAM,CACpB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7B,WAAW,EAAE,CAaf;AAED,sDAAsD;AACtD,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAOtD;AAID;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAK3D;AAED,0DAA0D;AAC1D,wBAAgB,UAAU,CAAC,EAAE,EAAE,iBAAiB,GAAG,MAAM,CAUxD;AAED,qDAAqD;AACrD,wBAAgB,UAAU,CAAC,EAAE,EAAE,iBAAiB,GAAG,MAAM,CAKxD;AAED,2BAA2B;AAC3B,wBAAgB,YAAY,CAAC,EAAE,EAAE,iBAAiB,GAAG,MAAM,CAE1D;AAED,kBAAkB;AAClB,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,MAAM,EAAE,CAAC,CAAA;KAAE,CAAC,CAAC;IACrC,QAAQ,EAAE,CAAC,EAAE,CAAC;IACd,UAAU,EAAE,CAAC,EAAE,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAC1B,IAAI,EAAE,CAAC,EAAE,EACT,MAAM,EAAE,CAAC,EAAE,EACX,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GACzB,YAAY,CAAC,CAAC,CAAC,CAqBjB"}
|
package/dist/diff.js
ADDED
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 行级 LCS diff:对齐 base/target 行数组,输出 same/add/del 序列。
|
|
3
|
+
* 经典 dp + 回溯(参照 shared compare.ts 的 lcs/backtrackLcs)。
|
|
4
|
+
*/
|
|
5
|
+
export function lcsDiffLines(baseLines, targetLines) {
|
|
6
|
+
const m = baseLines.length;
|
|
7
|
+
const n = targetLines.length;
|
|
8
|
+
const dp = Array.from({ length: m + 1 }, () => new Array(n + 1).fill(0));
|
|
9
|
+
for (let i = 1; i <= m; i++) {
|
|
10
|
+
for (let j = 1; j <= n; j++) {
|
|
11
|
+
dp[i][j] = baseLines[i - 1] === targetLines[j - 1]
|
|
12
|
+
? dp[i - 1][j - 1] + 1
|
|
13
|
+
: Math.max(dp[i - 1][j], dp[i][j - 1]);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
const out = [];
|
|
17
|
+
let i = m;
|
|
18
|
+
let j = n;
|
|
19
|
+
while (i > 0 && j > 0) {
|
|
20
|
+
if (baseLines[i - 1] === targetLines[j - 1]) {
|
|
21
|
+
out.unshift({ kind: "same", text: baseLines[i - 1], baseIndex: i - 1, targetIndex: j - 1 });
|
|
22
|
+
i--;
|
|
23
|
+
j--;
|
|
24
|
+
}
|
|
25
|
+
else if (dp[i - 1][j] > dp[i][j - 1]) {
|
|
26
|
+
out.unshift({ kind: "del", text: baseLines[i - 1], baseIndex: i - 1 });
|
|
27
|
+
i--;
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
// 平局优先 add:回溯先遇 add,正序输出才呈 git 式 del 在前 add 在后
|
|
31
|
+
out.unshift({ kind: "add", text: targetLines[j - 1], targetIndex: j - 1 });
|
|
32
|
+
j--;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
while (i > 0) {
|
|
36
|
+
out.unshift({ kind: "del", text: baseLines[i - 1], baseIndex: i - 1 });
|
|
37
|
+
i--;
|
|
38
|
+
}
|
|
39
|
+
while (j > 0) {
|
|
40
|
+
out.unshift({ kind: "add", text: targetLines[j - 1], targetIndex: j - 1 });
|
|
41
|
+
j--;
|
|
42
|
+
}
|
|
43
|
+
return out;
|
|
44
|
+
}
|
|
45
|
+
/** 字段级 diff:键并集排序输出,git 语义(added/removed/changed/same)。 */
|
|
46
|
+
export function kvDiff(base, target) {
|
|
47
|
+
const keys = [...new Set([...Object.keys(base), ...Object.keys(target)])].sort();
|
|
48
|
+
return keys.map((key) => {
|
|
49
|
+
const inBase = Object.prototype.hasOwnProperty.call(base, key);
|
|
50
|
+
const inTarget = Object.prototype.hasOwnProperty.call(target, key);
|
|
51
|
+
if (inBase && inTarget) {
|
|
52
|
+
return base[key] === target[key]
|
|
53
|
+
? { key, kind: "same", baseVal: base[key], targetVal: target[key] }
|
|
54
|
+
: { key, kind: "changed", baseVal: base[key], targetVal: target[key] };
|
|
55
|
+
}
|
|
56
|
+
if (inBase)
|
|
57
|
+
return { key, kind: "removed", baseVal: base[key] };
|
|
58
|
+
return { key, kind: "added", targetVal: target[key] };
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
/** 文本→行数组:能 JSON.parse 则 pretty(2 空格)按行切,失败回退原按行切。 */
|
|
62
|
+
export function prettyJsonLines(text) {
|
|
63
|
+
try {
|
|
64
|
+
const parsed = JSON.parse(text);
|
|
65
|
+
return JSON.stringify(parsed, null, 2).split("\n");
|
|
66
|
+
}
|
|
67
|
+
catch {
|
|
68
|
+
return text.split("\n");
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
const MAX_MESSAGE_LEN = 120;
|
|
72
|
+
/**
|
|
73
|
+
* 控制台消息归一化:截 120 字符;连续数字段与 8+ 位 hex/token 段归一为 '#'
|
|
74
|
+
* (时间戳/id/hash 类的差异不应制造假差异)。
|
|
75
|
+
*/
|
|
76
|
+
export function normalizeConsoleMessage(msg) {
|
|
77
|
+
const clipped = msg.length > MAX_MESSAGE_LEN ? msg.slice(0, MAX_MESSAGE_LEN) : msg;
|
|
78
|
+
return clipped
|
|
79
|
+
.replace(/[0-9a-f]{8,}/gi, "#")
|
|
80
|
+
.replace(/\d+/g, "#");
|
|
81
|
+
}
|
|
82
|
+
/** 网络事件对比键:method + URL pathname(去 query;相对路径用兜底基域解析)。 */
|
|
83
|
+
export function networkKey(ev) {
|
|
84
|
+
const p = ev.payload;
|
|
85
|
+
const url = typeof p.url === "string" ? p.url : "";
|
|
86
|
+
let pathname = url;
|
|
87
|
+
try {
|
|
88
|
+
pathname = new URL(url, "http://x").pathname;
|
|
89
|
+
}
|
|
90
|
+
catch {
|
|
91
|
+
// 保留原始串兜底
|
|
92
|
+
}
|
|
93
|
+
return `${String(p.method ?? "GET")} ${pathname}`;
|
|
94
|
+
}
|
|
95
|
+
/** 控制台事件对比键:level + 归一化消息(message 优先,否则 args 拼接)。 */
|
|
96
|
+
export function consoleKey(ev) {
|
|
97
|
+
const p = ev.payload;
|
|
98
|
+
const raw = p.message ||
|
|
99
|
+
(Array.isArray(p.args) ? p.args.map((a) => (typeof a === "string" ? a : JSON.stringify(a))).join(" ") : "");
|
|
100
|
+
return `${String(p.level ?? "log")} ${normalizeConsoleMessage(String(raw ?? ""))}`;
|
|
101
|
+
}
|
|
102
|
+
/** 异常事件对比键:归一化 message。 */
|
|
103
|
+
export function exceptionKey(ev) {
|
|
104
|
+
return normalizeConsoleMessage(String(ev.payload.message ?? ""));
|
|
105
|
+
}
|
|
106
|
+
/**
|
|
107
|
+
* 同键按出现序配对(重试场景同键多条按序配对,多出单边)。
|
|
108
|
+
* 保持基准序:逐条消费基准,对照侧同键队列有剩余则配对,否则落 onlyBase;
|
|
109
|
+
* 对照侧剩余落 onlyTarget。
|
|
110
|
+
*/
|
|
111
|
+
export function pairEvents(base, target, keyFn) {
|
|
112
|
+
const targetQueues = new Map();
|
|
113
|
+
for (const item of target) {
|
|
114
|
+
const k = keyFn(item);
|
|
115
|
+
const q = targetQueues.get(k);
|
|
116
|
+
if (q)
|
|
117
|
+
q.push(item);
|
|
118
|
+
else
|
|
119
|
+
targetQueues.set(k, [item]);
|
|
120
|
+
}
|
|
121
|
+
const pairs = [];
|
|
122
|
+
const onlyBase = [];
|
|
123
|
+
for (const item of base) {
|
|
124
|
+
const q = targetQueues.get(keyFn(item));
|
|
125
|
+
if (q && q.length > 0) {
|
|
126
|
+
pairs.push({ base: item, target: q.shift() });
|
|
127
|
+
}
|
|
128
|
+
else {
|
|
129
|
+
onlyBase.push(item);
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
const onlyTarget = [];
|
|
133
|
+
for (const q of targetQueues.values())
|
|
134
|
+
onlyTarget.push(...q);
|
|
135
|
+
return { pairs, onlyBase, onlyTarget };
|
|
136
|
+
}
|
|
137
|
+
//# sourceMappingURL=diff.js.map
|
package/dist/diff.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"diff.js","sourceRoot":"","sources":["../src/diff.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"diff.test.d.ts","sourceRoot":"","sources":["../src/diff.test.ts"],"names":[],"mappings":""}
|