@anlyx/ui 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +5 -0
- package/dist/components/AnlyxAppShell.d.ts +6 -0
- package/dist/components/AnlyxAppShell.d.ts.map +1 -0
- package/dist/components/AnlyxAppShell.js +61 -0
- package/dist/components/AnlyxAppShell.js.map +1 -0
- package/dist/components/ApiCallList.d.ts +6 -0
- package/dist/components/ApiCallList.d.ts.map +1 -0
- package/dist/components/ApiCallList.js +18 -0
- package/dist/components/ApiCallList.js.map +1 -0
- package/dist/components/CanvasPlaceholder.d.ts +7 -0
- package/dist/components/CanvasPlaceholder.d.ts.map +1 -0
- package/dist/components/CanvasPlaceholder.js +6 -0
- package/dist/components/CanvasPlaceholder.js.map +1 -0
- package/dist/components/CaptureStatusEmptyState.d.ts +7 -0
- package/dist/components/CaptureStatusEmptyState.d.ts.map +1 -0
- package/dist/components/CaptureStatusEmptyState.js +10 -0
- package/dist/components/CaptureStatusEmptyState.js.map +1 -0
- package/dist/components/EndpointList.d.ts +9 -0
- package/dist/components/EndpointList.d.ts.map +1 -0
- package/dist/components/EndpointList.js +12 -0
- package/dist/components/EndpointList.js.map +1 -0
- package/dist/components/EndpointMapCanvas.d.ts +11 -0
- package/dist/components/EndpointMapCanvas.d.ts.map +1 -0
- package/dist/components/EndpointMapCanvas.js +47 -0
- package/dist/components/EndpointMapCanvas.js.map +1 -0
- package/dist/components/FlowLegend.d.ts +2 -0
- package/dist/components/FlowLegend.d.ts.map +1 -0
- package/dist/components/FlowLegend.js +5 -0
- package/dist/components/FlowLegend.js.map +1 -0
- package/dist/components/FlowNodeCard.d.ts +4 -0
- package/dist/components/FlowNodeCard.d.ts.map +1 -0
- package/dist/components/FlowNodeCard.js +13 -0
- package/dist/components/FlowNodeCard.js.map +1 -0
- package/dist/components/InspectorPanel.d.ts +9 -0
- package/dist/components/InspectorPanel.d.ts.map +1 -0
- package/dist/components/InspectorPanel.js +19 -0
- package/dist/components/InspectorPanel.js.map +1 -0
- package/dist/components/PageList.d.ts +9 -0
- package/dist/components/PageList.d.ts.map +1 -0
- package/dist/components/PageList.js +6 -0
- package/dist/components/PageList.js.map +1 -0
- package/dist/components/PageStoryboardCard.d.ts +6 -0
- package/dist/components/PageStoryboardCard.d.ts.map +1 -0
- package/dist/components/PageStoryboardCard.js +6 -0
- package/dist/components/PageStoryboardCard.js.map +1 -0
- package/dist/components/PageStoryboardView.d.ts +6 -0
- package/dist/components/PageStoryboardView.d.ts.map +1 -0
- package/dist/components/PageStoryboardView.js +9 -0
- package/dist/components/PageStoryboardView.js.map +1 -0
- package/dist/components/ReplayControls.d.ts +13 -0
- package/dist/components/ReplayControls.d.ts.map +1 -0
- package/dist/components/ReplayControls.js +5 -0
- package/dist/components/ReplayControls.js.map +1 -0
- package/dist/components/ScreenshotSegmentCard.d.ts +6 -0
- package/dist/components/ScreenshotSegmentCard.d.ts.map +1 -0
- package/dist/components/ScreenshotSegmentCard.js +6 -0
- package/dist/components/ScreenshotSegmentCard.js.map +1 -0
- package/dist/components/Sidebar.d.ts +13 -0
- package/dist/components/Sidebar.d.ts.map +1 -0
- package/dist/components/Sidebar.js +7 -0
- package/dist/components/Sidebar.js.map +1 -0
- package/dist/components/StatusBadge.d.ts +9 -0
- package/dist/components/StatusBadge.d.ts.map +1 -0
- package/dist/components/StatusBadge.js +5 -0
- package/dist/components/StatusBadge.js.map +1 -0
- package/dist/flow/build-react-flow-model.d.ts +27 -0
- package/dist/flow/build-react-flow-model.d.ts.map +1 -0
- package/dist/flow/build-react-flow-model.js +79 -0
- package/dist/flow/build-react-flow-model.js.map +1 -0
- package/dist/index.d.ts +29 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +22 -0
- package/dist/index.js.map +1 -0
- package/dist/mock-data.d.ts +3 -0
- package/dist/mock-data.d.ts.map +1 -0
- package/dist/mock-data.js +222 -0
- package/dist/mock-data.js.map +1 -0
- package/dist/replay/build-replay-steps.d.ts +10 -0
- package/dist/replay/build-replay-steps.d.ts.map +1 -0
- package/dist/replay/build-replay-steps.js +26 -0
- package/dist/replay/build-replay-steps.js.map +1 -0
- package/dist/replay/use-replay-lite.d.ts +26 -0
- package/dist/replay/use-replay-lite.d.ts.map +1 -0
- package/dist/replay/use-replay-lite.js +97 -0
- package/dist/replay/use-replay-lite.js.map +1 -0
- package/dist/styles.css +786 -0
- package/dist/viewer/ViewerApp.d.ts +2 -0
- package/dist/viewer/ViewerApp.d.ts.map +1 -0
- package/dist/viewer/ViewerApp.js +39 -0
- package/dist/viewer/ViewerApp.js.map +1 -0
- package/dist/viewer/viewer-entry.d.ts +2 -0
- package/dist/viewer/viewer-entry.d.ts.map +1 -0
- package/dist/viewer/viewer-entry.js +10 -0
- package/dist/viewer/viewer-entry.js.map +1 -0
- package/dist/viewer/viewer.html +12 -0
- package/package.json +49 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Endpoint, PageStoryboard, ScanResult } from "@anlyx/core";
|
|
2
|
+
type SidebarProps = {
|
|
3
|
+
data: ScanResult;
|
|
4
|
+
activeView: "endpoint" | "pages" | "replay";
|
|
5
|
+
selectedEndpointId: string | undefined;
|
|
6
|
+
selectedPageId: string | undefined;
|
|
7
|
+
onSelectView: (view: "endpoint" | "pages" | "replay") => void;
|
|
8
|
+
onSelectEndpoint: (endpoint: Endpoint) => void;
|
|
9
|
+
onSelectPage: (page: PageStoryboard) => void;
|
|
10
|
+
};
|
|
11
|
+
export declare function Sidebar({ data, activeView, selectedEndpointId, selectedPageId, onSelectView, onSelectEndpoint, onSelectPage }: SidebarProps): JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=Sidebar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAKxE,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,YAAY,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,KAAK,IAAI,CAAC;IAC9D,gBAAgB,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC/C,YAAY,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACb,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAkD5B"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { EndpointList } from "./EndpointList.js";
|
|
3
|
+
import { PageList } from "./PageList.js";
|
|
4
|
+
export function Sidebar({ data, activeView, selectedEndpointId, selectedPageId, onSelectView, onSelectEndpoint, onSelectPage }) {
|
|
5
|
+
return (_jsxs("aside", { className: "anlyx-sidebar", "aria-label": "Primary navigation", children: [_jsxs("div", { className: "anlyx-brand", children: [_jsx("div", { className: "anlyx-brand__mark", "aria-hidden": "true", children: "A" }), _jsxs("div", { children: [_jsx("div", { className: "anlyx-brand__name", children: "Anlyx" }), _jsx("div", { className: "anlyx-brand__project", children: data.projectName })] })] }), _jsxs("nav", { className: "anlyx-tabs", "aria-label": "Views", children: [_jsx("button", { className: activeView === "endpoint" ? "anlyx-tab anlyx-tab--active" : "anlyx-tab", type: "button", onClick: () => onSelectView("endpoint"), children: "Endpoint" }), _jsx("button", { className: activeView === "pages" ? "anlyx-tab anlyx-tab--active" : "anlyx-tab", type: "button", onClick: () => onSelectView("pages"), children: "Pages" }), _jsx("button", { className: activeView === "replay" ? "anlyx-tab anlyx-tab--active" : "anlyx-tab", type: "button", onClick: () => onSelectView("replay"), children: "Replay" })] }), _jsxs("label", { className: "anlyx-search", children: [_jsx("span", { className: "anlyx-search__label", children: "Search" }), _jsx("input", { placeholder: "Search endpoints or pages", type: "search" })] }), _jsx(EndpointList, { endpoints: data.endpoints, selectedEndpointId: selectedEndpointId, onSelectEndpoint: onSelectEndpoint }), _jsx(PageList, { pages: data.pages, selectedPageId: selectedPageId, onSelectPage: onSelectPage })] }));
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=Sidebar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../src/components/Sidebar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAYzC,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACC;IACb,OAAO,CACL,iBAAO,SAAS,EAAC,eAAe,gBAAY,oBAAoB,aAC9D,eAAK,SAAS,EAAC,aAAa,aAC1B,cAAK,SAAS,EAAC,mBAAmB,iBAAa,MAAM,kBAE/C,EACN,0BACE,cAAK,SAAS,EAAC,mBAAmB,sBAAY,EAC9C,cAAK,SAAS,EAAC,sBAAsB,YAAE,IAAI,CAAC,WAAW,GAAO,IAC1D,IACF,EAEN,eAAK,SAAS,EAAC,YAAY,gBAAY,OAAO,aAC5C,iBACE,SAAS,EAAE,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,WAAW,EAClF,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,yBAGhC,EACT,iBACE,SAAS,EAAE,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,WAAW,EAC/E,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,sBAG7B,EACT,iBACE,SAAS,EAAE,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,WAAW,EAChF,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,uBAG9B,IACL,EAEN,iBAAO,SAAS,EAAC,cAAc,aAC7B,eAAM,SAAS,EAAC,qBAAqB,uBAAc,EACnD,gBAAO,WAAW,EAAC,2BAA2B,EAAC,IAAI,EAAC,QAAQ,GAAG,IACzD,EAER,KAAC,YAAY,IACX,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,kBAAkB,EAAE,kBAAkB,EACtC,gBAAgB,EAAE,gBAAgB,GAClC,EACF,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,GAAI,IACrF,CACT,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { CaptureStatus, ConfidenceLevel, HttpMethod } from "@anlyx/core";
|
|
2
|
+
type StatusBadgeProps = {
|
|
3
|
+
children: string;
|
|
4
|
+
tone?: CaptureStatus | ConfidenceLevel | HttpMethod | "neutral";
|
|
5
|
+
label?: string;
|
|
6
|
+
};
|
|
7
|
+
export declare function StatusBadge({ children, tone, label }: StatusBadgeProps): JSX.Element;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=StatusBadge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../src/components/StatusBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9E,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,aAAa,GAAG,eAAe,GAAG,UAAU,GAAG,SAAS,CAAC;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,IAAgB,EAAE,KAAK,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAOhG"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function StatusBadge({ children, tone = "neutral", label }) {
|
|
3
|
+
return (_jsxs("span", { className: `anlyx-status-badge anlyx-status-badge--${tone.toLowerCase()}`, children: [label ? _jsx("span", { className: "anlyx-status-badge__label", children: label }) : null, children] }));
|
|
4
|
+
}
|
|
5
|
+
//# sourceMappingURL=StatusBadge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../../src/components/StatusBadge.tsx"],"names":[],"mappings":";AAQA,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,KAAK,EAAoB;IACjF,OAAO,CACL,gBAAM,SAAS,EAAE,0CAA0C,IAAI,CAAC,WAAW,EAAE,EAAE,aAC5E,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EACzE,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { ConfidenceLevel, EndpointFlow, FlowEdge, FlowNode } from "@anlyx/core";
|
|
2
|
+
import type { Edge, Node } from "@xyflow/react";
|
|
3
|
+
export type AnlyxFlowRole = "main" | "sub" | "secondary";
|
|
4
|
+
export type AnlyxFlowNodeData = {
|
|
5
|
+
node: FlowNode;
|
|
6
|
+
label: string;
|
|
7
|
+
type: FlowNode["type"];
|
|
8
|
+
flowRole: AnlyxFlowRole;
|
|
9
|
+
confidence?: ConfidenceLevel;
|
|
10
|
+
subFlowId?: string;
|
|
11
|
+
isReplayActive?: boolean;
|
|
12
|
+
onSelectNode?: (node: FlowNode) => void;
|
|
13
|
+
};
|
|
14
|
+
export type AnlyxFlowEdgeData = {
|
|
15
|
+
edge: FlowEdge;
|
|
16
|
+
flowRole: AnlyxFlowRole;
|
|
17
|
+
confidence?: ConfidenceLevel;
|
|
18
|
+
isReplayActive?: boolean;
|
|
19
|
+
};
|
|
20
|
+
export type AnlyxReactFlowNode = Node<AnlyxFlowNodeData, "anlyxNode">;
|
|
21
|
+
export type AnlyxReactFlowEdge = Edge<AnlyxFlowEdgeData>;
|
|
22
|
+
export type ReactFlowModel = {
|
|
23
|
+
nodes: AnlyxReactFlowNode[];
|
|
24
|
+
edges: AnlyxReactFlowEdge[];
|
|
25
|
+
};
|
|
26
|
+
export declare function buildReactFlowModel(flow: EndpointFlow): ReactFlowModel;
|
|
27
|
+
//# sourceMappingURL=build-react-flow-model.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"build-react-flow-model.d.ts","sourceRoot":"","sources":["../../src/flow/build-react-flow-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACrF,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,KAAK,GAAG,WAAW,CAAC;AAEzD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACvB,QAAQ,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAC;AACtE,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC;AAEzD,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,KAAK,EAAE,kBAAkB,EAAE,CAAC;CAC7B,CAAC;AAOF,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,YAAY,GAAG,cAAc,CAmDtE"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
const MAIN_X_SPACING = 220;
|
|
2
|
+
const SECONDARY_Y_OFFSET = 120;
|
|
3
|
+
const SUB_X_SPACING = 180;
|
|
4
|
+
const SUB_Y_OFFSET = 180;
|
|
5
|
+
export function buildReactFlowModel(flow) {
|
|
6
|
+
const mainPathSet = new Set(flow.mainPath);
|
|
7
|
+
const nodesById = new Map(flow.nodes.map((node) => [node.id, node]));
|
|
8
|
+
const positionedNodes = new Map();
|
|
9
|
+
flow.mainPath.forEach((nodeId, index) => {
|
|
10
|
+
const node = nodesById.get(nodeId);
|
|
11
|
+
if (node) {
|
|
12
|
+
positionedNodes.set(node.id, createNode(node, "main", { x: index * MAIN_X_SPACING, y: 0 }));
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
flow.nodes
|
|
16
|
+
.filter((node) => !mainPathSet.has(node.id))
|
|
17
|
+
.forEach((node, index) => {
|
|
18
|
+
positionedNodes.set(node.id, createNode(node, "secondary", { x: index * MAIN_X_SPACING, y: SECONDARY_Y_OFFSET }));
|
|
19
|
+
});
|
|
20
|
+
flow.subFlows.forEach((subFlow, subFlowIndex) => {
|
|
21
|
+
const parentPosition = positionedNodes.get(subFlow.parentNodeId)?.position ?? {
|
|
22
|
+
x: subFlowIndex * MAIN_X_SPACING,
|
|
23
|
+
y: 0
|
|
24
|
+
};
|
|
25
|
+
subFlow.nodes.forEach((node, index) => {
|
|
26
|
+
positionedNodes.set(node.id, createNode(node, "sub", {
|
|
27
|
+
x: parentPosition.x + index * SUB_X_SPACING,
|
|
28
|
+
y: parentPosition.y + SUB_Y_OFFSET + subFlowIndex * 36
|
|
29
|
+
}, subFlow.id));
|
|
30
|
+
});
|
|
31
|
+
});
|
|
32
|
+
return {
|
|
33
|
+
nodes: [...positionedNodes.values()],
|
|
34
|
+
edges: [
|
|
35
|
+
...flow.edges.map((edge) => createEdge(edge, getEdgeRole(edge, mainPathSet))),
|
|
36
|
+
...flow.subFlows.flatMap((subFlow) => subFlow.edges.map((edge) => createEdge(edge, "sub")))
|
|
37
|
+
]
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
function createNode(node, flowRole, position, subFlowId) {
|
|
41
|
+
return {
|
|
42
|
+
id: node.id,
|
|
43
|
+
type: "anlyxNode",
|
|
44
|
+
position,
|
|
45
|
+
data: {
|
|
46
|
+
node,
|
|
47
|
+
label: node.label,
|
|
48
|
+
type: node.type,
|
|
49
|
+
flowRole,
|
|
50
|
+
...(node.confidence ? { confidence: node.confidence } : {}),
|
|
51
|
+
...(subFlowId ? { subFlowId } : {})
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
function createEdge(edge, flowRole) {
|
|
56
|
+
return {
|
|
57
|
+
id: edge.id,
|
|
58
|
+
source: edge.from,
|
|
59
|
+
target: edge.to,
|
|
60
|
+
type: "smoothstep",
|
|
61
|
+
animated: false,
|
|
62
|
+
className: `anlyx-flow-edge anlyx-flow-edge--${flowRole}`,
|
|
63
|
+
data: {
|
|
64
|
+
edge,
|
|
65
|
+
flowRole,
|
|
66
|
+
...(edge.confidence ? { confidence: edge.confidence } : {})
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
}
|
|
70
|
+
function getEdgeRole(edge, mainPathSet) {
|
|
71
|
+
if (edge.kind === "sub") {
|
|
72
|
+
return "sub";
|
|
73
|
+
}
|
|
74
|
+
if (mainPathSet.has(edge.from) && mainPathSet.has(edge.to)) {
|
|
75
|
+
return "main";
|
|
76
|
+
}
|
|
77
|
+
return "secondary";
|
|
78
|
+
}
|
|
79
|
+
//# sourceMappingURL=build-react-flow-model.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"build-react-flow-model.js","sourceRoot":"","sources":["../../src/flow/build-react-flow-model.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export type { AnlyxAppShellProps } from "./components/AnlyxAppShell.js";
|
|
2
|
+
export type { EndpointMapCanvasProps } from "./components/EndpointMapCanvas.js";
|
|
3
|
+
export type { PageStoryboardViewProps } from "./components/PageStoryboardView.js";
|
|
4
|
+
export type { ReplayControlsProps } from "./components/ReplayControls.js";
|
|
5
|
+
export type { AnlyxFlowEdgeData, AnlyxFlowNodeData, AnlyxFlowRole, AnlyxReactFlowEdge, AnlyxReactFlowNode, ReactFlowModel } from "./flow/build-react-flow-model.js";
|
|
6
|
+
export type { ReplayPhase, ReplayStep } from "./replay/build-replay-steps.js";
|
|
7
|
+
export type { ReplayLiteState, UseReplayLiteOptions, UseReplayLiteResult } from "./replay/use-replay-lite.js";
|
|
8
|
+
export { ViewerApp } from "./viewer/ViewerApp.js";
|
|
9
|
+
export { AnlyxAppShell } from "./components/AnlyxAppShell.js";
|
|
10
|
+
export { ApiCallList } from "./components/ApiCallList.js";
|
|
11
|
+
export { CaptureStatusEmptyState } from "./components/CaptureStatusEmptyState.js";
|
|
12
|
+
export { CanvasPlaceholder } from "./components/CanvasPlaceholder.js";
|
|
13
|
+
export { EndpointMapCanvas } from "./components/EndpointMapCanvas.js";
|
|
14
|
+
export { EndpointList } from "./components/EndpointList.js";
|
|
15
|
+
export { FlowLegend } from "./components/FlowLegend.js";
|
|
16
|
+
export { FlowNodeCard } from "./components/FlowNodeCard.js";
|
|
17
|
+
export { InspectorPanel } from "./components/InspectorPanel.js";
|
|
18
|
+
export { PageList } from "./components/PageList.js";
|
|
19
|
+
export { PageStoryboardCard } from "./components/PageStoryboardCard.js";
|
|
20
|
+
export { PageStoryboardView } from "./components/PageStoryboardView.js";
|
|
21
|
+
export { ReplayControls } from "./components/ReplayControls.js";
|
|
22
|
+
export { ScreenshotSegmentCard } from "./components/ScreenshotSegmentCard.js";
|
|
23
|
+
export { Sidebar } from "./components/Sidebar.js";
|
|
24
|
+
export { StatusBadge } from "./components/StatusBadge.js";
|
|
25
|
+
export { buildReactFlowModel } from "./flow/build-react-flow-model.js";
|
|
26
|
+
export { mockScanResult } from "./mock-data.js";
|
|
27
|
+
export { buildReplaySteps } from "./replay/build-replay-steps.js";
|
|
28
|
+
export { useReplayLite } from "./replay/use-replay-lite.js";
|
|
29
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACxE,YAAY,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAChF,YAAY,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAClF,YAAY,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACf,MAAM,kCAAkC,CAAC;AAC1C,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC9E,YAAY,EACV,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export { ViewerApp } from "./viewer/ViewerApp.js";
|
|
2
|
+
export { AnlyxAppShell } from "./components/AnlyxAppShell.js";
|
|
3
|
+
export { ApiCallList } from "./components/ApiCallList.js";
|
|
4
|
+
export { CaptureStatusEmptyState } from "./components/CaptureStatusEmptyState.js";
|
|
5
|
+
export { CanvasPlaceholder } from "./components/CanvasPlaceholder.js";
|
|
6
|
+
export { EndpointMapCanvas } from "./components/EndpointMapCanvas.js";
|
|
7
|
+
export { EndpointList } from "./components/EndpointList.js";
|
|
8
|
+
export { FlowLegend } from "./components/FlowLegend.js";
|
|
9
|
+
export { FlowNodeCard } from "./components/FlowNodeCard.js";
|
|
10
|
+
export { InspectorPanel } from "./components/InspectorPanel.js";
|
|
11
|
+
export { PageList } from "./components/PageList.js";
|
|
12
|
+
export { PageStoryboardCard } from "./components/PageStoryboardCard.js";
|
|
13
|
+
export { PageStoryboardView } from "./components/PageStoryboardView.js";
|
|
14
|
+
export { ReplayControls } from "./components/ReplayControls.js";
|
|
15
|
+
export { ScreenshotSegmentCard } from "./components/ScreenshotSegmentCard.js";
|
|
16
|
+
export { Sidebar } from "./components/Sidebar.js";
|
|
17
|
+
export { StatusBadge } from "./components/StatusBadge.js";
|
|
18
|
+
export { buildReactFlowModel } from "./flow/build-react-flow-model.js";
|
|
19
|
+
export { mockScanResult } from "./mock-data.js";
|
|
20
|
+
export { buildReplaySteps } from "./replay/build-replay-steps.js";
|
|
21
|
+
export { useReplayLite } from "./replay/use-replay-lite.js";
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mock-data.d.ts","sourceRoot":"","sources":["../src/mock-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAEhE,eAAO,MAAM,cAAc,EAAE,UA2N3B,CAAC"}
|
|
@@ -0,0 +1,222 @@
|
|
|
1
|
+
import { scanResultSchema } from "@anlyx/core";
|
|
2
|
+
export const mockScanResult = scanResultSchema.parse({
|
|
3
|
+
projectName: "Zup",
|
|
4
|
+
generatedAt: "2026-06-19T00:00:00.000Z",
|
|
5
|
+
schemaVersion: "0.1",
|
|
6
|
+
endpoints: [
|
|
7
|
+
{
|
|
8
|
+
id: "endpoint:get:/api/public/benefits/{id}",
|
|
9
|
+
method: "GET",
|
|
10
|
+
path: "/api/public/benefits/{id}",
|
|
11
|
+
framework: "spring",
|
|
12
|
+
supportLevel: "deep",
|
|
13
|
+
controller: "PublicBenefitController",
|
|
14
|
+
handler: "getDetail",
|
|
15
|
+
filePath: "backend/src/main/java/com/zup/benefit/PublicBenefitController.java",
|
|
16
|
+
lineNumber: 24,
|
|
17
|
+
responseSchema: "BenefitDetailResponse",
|
|
18
|
+
authRequired: false,
|
|
19
|
+
tags: ["benefits", "public"],
|
|
20
|
+
usedByPageIds: ["page:benefit-detail"],
|
|
21
|
+
confidence: "high"
|
|
22
|
+
}
|
|
23
|
+
],
|
|
24
|
+
flows: [
|
|
25
|
+
{
|
|
26
|
+
endpointId: "endpoint:get:/api/public/benefits/{id}",
|
|
27
|
+
nodes: [
|
|
28
|
+
{
|
|
29
|
+
id: "page:benefit-detail",
|
|
30
|
+
type: "page",
|
|
31
|
+
label: "/benefit/[brandSlug]/[benefitSlugWithId]",
|
|
32
|
+
filePath: "frontend/app/benefit/[brandSlug]/[benefitSlugWithId]/page.tsx",
|
|
33
|
+
confidence: "high"
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
id: "endpoint:get:/api/public/benefits/{id}",
|
|
37
|
+
type: "endpoint",
|
|
38
|
+
label: "GET /api/public/benefits/{id}",
|
|
39
|
+
confidence: "high"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
id: "controller:PublicBenefitController#getDetail",
|
|
43
|
+
type: "controller",
|
|
44
|
+
label: "PublicBenefitController#getDetail",
|
|
45
|
+
filePath: "backend/src/main/java/com/zup/benefit/PublicBenefitController.java",
|
|
46
|
+
lineNumber: 24,
|
|
47
|
+
confidence: "unknown"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
id: "service:PublicBenefitService#getBenefitDetail",
|
|
51
|
+
type: "service",
|
|
52
|
+
label: "PublicBenefitService#getBenefitDetail",
|
|
53
|
+
confidence: "high"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
id: "repository:BenefitRepository#findById",
|
|
57
|
+
type: "repository",
|
|
58
|
+
label: "BenefitRepository#findById",
|
|
59
|
+
confidence: "high"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
id: "database:benefits",
|
|
63
|
+
type: "database",
|
|
64
|
+
label: "benefits",
|
|
65
|
+
confidence: "high",
|
|
66
|
+
metadata: {
|
|
67
|
+
tableName: "benefits"
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
],
|
|
71
|
+
edges: [
|
|
72
|
+
{
|
|
73
|
+
id: "edge:page-to-endpoint",
|
|
74
|
+
from: "page:benefit-detail",
|
|
75
|
+
to: "endpoint:get:/api/public/benefits/{id}",
|
|
76
|
+
kind: "request",
|
|
77
|
+
animated: false,
|
|
78
|
+
confidence: "high"
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
id: "edge:endpoint-to-controller",
|
|
82
|
+
from: "endpoint:get:/api/public/benefits/{id}",
|
|
83
|
+
to: "controller:PublicBenefitController#getDetail",
|
|
84
|
+
kind: "main",
|
|
85
|
+
confidence: "high"
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
id: "edge:controller-to-service",
|
|
89
|
+
from: "controller:PublicBenefitController#getDetail",
|
|
90
|
+
to: "service:PublicBenefitService#getBenefitDetail",
|
|
91
|
+
kind: "main",
|
|
92
|
+
confidence: "high"
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
id: "edge:service-to-repository",
|
|
96
|
+
from: "service:PublicBenefitService#getBenefitDetail",
|
|
97
|
+
to: "repository:BenefitRepository#findById",
|
|
98
|
+
kind: "main",
|
|
99
|
+
confidence: "high"
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
id: "edge:repository-to-database",
|
|
103
|
+
from: "repository:BenefitRepository#findById",
|
|
104
|
+
to: "database:benefits",
|
|
105
|
+
kind: "db",
|
|
106
|
+
confidence: "high"
|
|
107
|
+
}
|
|
108
|
+
],
|
|
109
|
+
mainPath: [
|
|
110
|
+
"page:benefit-detail",
|
|
111
|
+
"endpoint:get:/api/public/benefits/{id}",
|
|
112
|
+
"controller:PublicBenefitController#getDetail",
|
|
113
|
+
"service:PublicBenefitService#getBenefitDetail",
|
|
114
|
+
"repository:BenefitRepository#findById",
|
|
115
|
+
"database:benefits"
|
|
116
|
+
],
|
|
117
|
+
subFlows: [
|
|
118
|
+
{
|
|
119
|
+
id: "subflow:benefit-detail-support",
|
|
120
|
+
parentNodeId: "service:PublicBenefitService#getBenefitDetail",
|
|
121
|
+
collapsedByDefault: true,
|
|
122
|
+
nodes: [
|
|
123
|
+
{
|
|
124
|
+
id: "mapper:BenefitDisplayMapper",
|
|
125
|
+
type: "mapper",
|
|
126
|
+
label: "BenefitDisplayMapper",
|
|
127
|
+
confidence: "medium"
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
id: "utility:DateRangeUtil",
|
|
131
|
+
type: "utility",
|
|
132
|
+
label: "DateRangeUtil",
|
|
133
|
+
confidence: "medium"
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
id: "validator:PublicVisibilityPolicy",
|
|
137
|
+
type: "validator",
|
|
138
|
+
label: "PublicVisibilityPolicy",
|
|
139
|
+
confidence: "low"
|
|
140
|
+
}
|
|
141
|
+
],
|
|
142
|
+
edges: [
|
|
143
|
+
{
|
|
144
|
+
id: "edge:service-to-mapper",
|
|
145
|
+
from: "service:PublicBenefitService#getBenefitDetail",
|
|
146
|
+
to: "mapper:BenefitDisplayMapper",
|
|
147
|
+
kind: "sub",
|
|
148
|
+
confidence: "medium"
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
id: "edge:service-to-date-range",
|
|
152
|
+
from: "service:PublicBenefitService#getBenefitDetail",
|
|
153
|
+
to: "utility:DateRangeUtil",
|
|
154
|
+
kind: "sub",
|
|
155
|
+
confidence: "medium"
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
id: "edge:service-to-visibility-policy",
|
|
159
|
+
from: "service:PublicBenefitService#getBenefitDetail",
|
|
160
|
+
to: "validator:PublicVisibilityPolicy",
|
|
161
|
+
kind: "sub",
|
|
162
|
+
confidence: "low"
|
|
163
|
+
}
|
|
164
|
+
]
|
|
165
|
+
}
|
|
166
|
+
]
|
|
167
|
+
}
|
|
168
|
+
],
|
|
169
|
+
pages: [
|
|
170
|
+
{
|
|
171
|
+
id: "page:benefit-detail",
|
|
172
|
+
route: "/benefit/[brandSlug]/[benefitSlugWithId]",
|
|
173
|
+
filePath: "frontend/app/benefit/[brandSlug]/[benefitSlugWithId]/page.tsx",
|
|
174
|
+
screenshots: [
|
|
175
|
+
{
|
|
176
|
+
segmentIndex: 0,
|
|
177
|
+
title: "Hero / Summary",
|
|
178
|
+
path: ".anlyx/screenshots/benefit-detail-0.png",
|
|
179
|
+
viewport: {
|
|
180
|
+
width: 1440,
|
|
181
|
+
height: 900
|
|
182
|
+
},
|
|
183
|
+
scrollY: 0
|
|
184
|
+
}
|
|
185
|
+
],
|
|
186
|
+
apiCalls: [
|
|
187
|
+
{
|
|
188
|
+
method: "GET",
|
|
189
|
+
path: "/api/public/benefits/123",
|
|
190
|
+
endpointId: "endpoint:get:/api/public/benefits/{id}",
|
|
191
|
+
status: 200
|
|
192
|
+
}
|
|
193
|
+
],
|
|
194
|
+
captureStatus: "success"
|
|
195
|
+
},
|
|
196
|
+
{
|
|
197
|
+
id: "page:admin-benefits",
|
|
198
|
+
route: "/admin/benefits",
|
|
199
|
+
filePath: "frontend/app/admin/benefits/page.tsx",
|
|
200
|
+
screenshots: [],
|
|
201
|
+
apiCalls: [],
|
|
202
|
+
captureStatus: "failed",
|
|
203
|
+
errorMessage: "Login required"
|
|
204
|
+
},
|
|
205
|
+
{
|
|
206
|
+
id: "page:pending-dynamic",
|
|
207
|
+
route: "/preview/[slug]",
|
|
208
|
+
screenshots: [],
|
|
209
|
+
apiCalls: [],
|
|
210
|
+
captureStatus: "pending",
|
|
211
|
+
errorMessage: "Missing sampleParams"
|
|
212
|
+
}
|
|
213
|
+
],
|
|
214
|
+
warnings: [
|
|
215
|
+
{
|
|
216
|
+
code: "LOW_CONFIDENCE_NODE",
|
|
217
|
+
message: "controller confidence is unknown",
|
|
218
|
+
targetId: "controller:PublicBenefitController#getDetail"
|
|
219
|
+
}
|
|
220
|
+
]
|
|
221
|
+
});
|
|
222
|
+
//# sourceMappingURL=mock-data.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mock-data.js","sourceRoot":"","sources":["../src/mock-data.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export type ReplayPhase = "idle" | "request" | "response" | "complete";
|
|
2
|
+
export type ReplayStep = {
|
|
3
|
+
phase: "request" | "response";
|
|
4
|
+
nodeId: string;
|
|
5
|
+
fromNodeId?: string;
|
|
6
|
+
toNodeId?: string;
|
|
7
|
+
index: number;
|
|
8
|
+
};
|
|
9
|
+
export declare function buildReplaySteps(mainPath: string[]): ReplayStep[];
|
|
10
|
+
//# sourceMappingURL=build-replay-steps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"build-replay-steps.d.ts","sourceRoot":"","sources":["../../src/replay/build-replay-steps.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAEvE,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,SAAS,GAAG,UAAU,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE,CA6BjE"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export function buildReplaySteps(mainPath) {
|
|
2
|
+
if (mainPath.length === 0) {
|
|
3
|
+
return [];
|
|
4
|
+
}
|
|
5
|
+
const requestSteps = mainPath.map((nodeId, index) => {
|
|
6
|
+
const previousNodeId = mainPath[index - 1];
|
|
7
|
+
return {
|
|
8
|
+
phase: "request",
|
|
9
|
+
nodeId,
|
|
10
|
+
...(previousNodeId ? { fromNodeId: previousNodeId, toNodeId: nodeId } : {}),
|
|
11
|
+
index
|
|
12
|
+
};
|
|
13
|
+
});
|
|
14
|
+
const responsePath = [...mainPath].reverse();
|
|
15
|
+
const responseSteps = responsePath.map((nodeId, responseIndex) => {
|
|
16
|
+
const previousNodeId = responsePath[responseIndex - 1];
|
|
17
|
+
return {
|
|
18
|
+
phase: "response",
|
|
19
|
+
nodeId,
|
|
20
|
+
...(previousNodeId ? { fromNodeId: previousNodeId, toNodeId: nodeId } : {}),
|
|
21
|
+
index: requestSteps.length + responseIndex
|
|
22
|
+
};
|
|
23
|
+
});
|
|
24
|
+
return [...requestSteps, ...responseSteps];
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=build-replay-steps.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"build-replay-steps.js","sourceRoot":"","sources":["../../src/replay/build-replay-steps.ts"],"names":[],"mappings":"AAUA,MAAM,UAAU,gBAAgB,CAAC,QAAkB;IACjD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAc,EAAE;QAC9D,MAAM,cAAc,GAAG,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QAE3C,OAAO;YACL,KAAK,EAAE,SAAS;YAChB,MAAM;YACN,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3E,KAAK;SACN,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC;IAC7C,MAAM,aAAa,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,aAAa,EAAc,EAAE;QAC3E,MAAM,cAAc,GAAG,YAAY,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;QAEvD,OAAO;YACL,KAAK,EAAE,UAAU;YACjB,MAAM;YACN,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3E,KAAK,EAAE,YAAY,CAAC,MAAM,GAAG,aAAa;SAC3C,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG,YAAY,EAAE,GAAG,aAAa,CAAC,CAAC;AAC7C,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { type ReplayPhase } from "./build-replay-steps.js";
|
|
2
|
+
export type ReplayLiteState = {
|
|
3
|
+
phase: ReplayPhase;
|
|
4
|
+
isPlaying: boolean;
|
|
5
|
+
activeNodeId?: string;
|
|
6
|
+
activeEdge?: {
|
|
7
|
+
from: string;
|
|
8
|
+
to: string;
|
|
9
|
+
};
|
|
10
|
+
currentStepIndex: number;
|
|
11
|
+
};
|
|
12
|
+
export type UseReplayLiteOptions = {
|
|
13
|
+
mainPath: string[];
|
|
14
|
+
loop?: boolean;
|
|
15
|
+
intervalMs?: number;
|
|
16
|
+
};
|
|
17
|
+
export type UseReplayLiteResult = {
|
|
18
|
+
state: ReplayLiteState;
|
|
19
|
+
loop: boolean;
|
|
20
|
+
play: () => void;
|
|
21
|
+
pause: () => void;
|
|
22
|
+
restart: () => void;
|
|
23
|
+
toggleLoop: () => void;
|
|
24
|
+
};
|
|
25
|
+
export declare function useReplayLite({ mainPath, loop: initialLoop, intervalMs }: UseReplayLiteOptions): UseReplayLiteResult;
|
|
26
|
+
//# sourceMappingURL=use-replay-lite.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-replay-lite.d.ts","sourceRoot":"","sources":["../../src/replay/use-replay-lite.ts"],"names":[],"mappings":"AAEA,OAAO,EAAoB,KAAK,WAAW,EAAmB,MAAM,yBAAyB,CAAC;AAE9F,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,eAAe,CAAC;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,IAAI,EAAE,WAAmB,EACzB,UAAgB,EACjB,EAAE,oBAAoB,GAAG,mBAAmB,CA2F5C"}
|