@chromepilot/recording-ui 0.1.1 → 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.
Files changed (47) hide show
  1. package/dist/components/EventStreamPanel.d.ts +10 -1
  2. package/dist/components/EventStreamPanel.d.ts.map +1 -1
  3. package/dist/components/EventStreamPanel.js +290 -6
  4. package/dist/components/EventStreamPanel.js.map +1 -1
  5. package/dist/components/EventStreamPanel.test.d.ts +2 -0
  6. package/dist/components/EventStreamPanel.test.d.ts.map +1 -0
  7. package/dist/components/EventStreamPanel.test.js +200 -0
  8. package/dist/components/EventStreamPanel.test.js.map +1 -0
  9. package/dist/components/RecordingCompareBody.d.ts +30 -0
  10. package/dist/components/RecordingCompareBody.d.ts.map +1 -0
  11. package/dist/components/RecordingCompareBody.js +243 -0
  12. package/dist/components/RecordingCompareBody.js.map +1 -0
  13. package/dist/components/RecordingCompareBody.test.d.ts +2 -0
  14. package/dist/components/RecordingCompareBody.test.d.ts.map +1 -0
  15. package/dist/components/RecordingCompareBody.test.js +225 -0
  16. package/dist/components/RecordingCompareBody.test.js.map +1 -0
  17. package/dist/components/RequestDiffModal.d.ts +11 -0
  18. package/dist/components/RequestDiffModal.d.ts.map +1 -0
  19. package/dist/components/RequestDiffModal.js +150 -0
  20. package/dist/components/RequestDiffModal.js.map +1 -0
  21. package/dist/components/RequestDiffModal.test.d.ts +2 -0
  22. package/dist/components/RequestDiffModal.test.d.ts.map +1 -0
  23. package/dist/components/RequestDiffModal.test.js +115 -0
  24. package/dist/components/RequestDiffModal.test.js.map +1 -0
  25. package/dist/diff.d.ts +59 -0
  26. package/dist/diff.d.ts.map +1 -0
  27. package/dist/diff.js +137 -0
  28. package/dist/diff.js.map +1 -0
  29. package/dist/diff.test.d.ts +2 -0
  30. package/dist/diff.test.d.ts.map +1 -0
  31. package/dist/diff.test.js +137 -0
  32. package/dist/diff.test.js.map +1 -0
  33. package/dist/index.d.ts +3 -0
  34. package/dist/index.d.ts.map +1 -1
  35. package/dist/index.js +3 -0
  36. package/dist/index.js.map +1 -1
  37. package/dist/logic.d.ts +1 -0
  38. package/dist/logic.d.ts.map +1 -1
  39. package/dist/logic.js +1 -0
  40. package/dist/logic.js.map +1 -1
  41. package/dist/player.d.ts +2 -0
  42. package/dist/player.d.ts.map +1 -1
  43. package/dist/player.js +2 -0
  44. package/dist/player.js.map +1 -1
  45. package/dist/types.d.ts +5 -0
  46. package/dist/types.d.ts.map +1 -1
  47. package/package.json +1 -1
@@ -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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=RequestDiffModal.test.d.ts.map
@@ -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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"diff.js","sourceRoot":"","sources":["../src/diff.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=diff.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"diff.test.d.ts","sourceRoot":"","sources":["../src/diff.test.ts"],"names":[],"mappings":""}