@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 @@
|
|
|
1
|
+
{"version":3,"file":"ViewerApp.d.ts","sourceRoot":"","sources":["../../src/viewer/ViewerApp.tsx"],"names":[],"mappings":"AAUA,wBAAgB,SAAS,IAAI,GAAG,CAAC,OAAO,CA0CvC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
3
|
+
import { scanResultSchema } from "@anlyx/core";
|
|
4
|
+
import { AnlyxAppShell } from "../components/AnlyxAppShell.js";
|
|
5
|
+
export function ViewerApp() {
|
|
6
|
+
const [state, setState] = useState({ status: "loading" });
|
|
7
|
+
useEffect(() => {
|
|
8
|
+
let active = true;
|
|
9
|
+
async function loadReportData() {
|
|
10
|
+
try {
|
|
11
|
+
const response = await fetch("/api/report-data");
|
|
12
|
+
if (!response.ok) {
|
|
13
|
+
throw new Error(`Failed to fetch report data: ${response.status}`);
|
|
14
|
+
}
|
|
15
|
+
const parsed = scanResultSchema.parse(await response.json());
|
|
16
|
+
if (active) {
|
|
17
|
+
setState({ status: "success", data: parsed });
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
catch {
|
|
21
|
+
if (active) {
|
|
22
|
+
setState({ status: "error" });
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
void loadReportData();
|
|
27
|
+
return () => {
|
|
28
|
+
active = false;
|
|
29
|
+
};
|
|
30
|
+
}, []);
|
|
31
|
+
if (state.status === "loading") {
|
|
32
|
+
return _jsx("main", { className: "anlyx-viewer-state", children: "Loading Anlyx report..." });
|
|
33
|
+
}
|
|
34
|
+
if (state.status === "error") {
|
|
35
|
+
return _jsx("main", { className: "anlyx-viewer-state", children: "Failed to load Anlyx report." });
|
|
36
|
+
}
|
|
37
|
+
return _jsx(AnlyxAppShell, { data: state.data });
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=ViewerApp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ViewerApp.js","sourceRoot":"","sources":["../../src/viewer/ViewerApp.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAmB,MAAM,aAAa,CAAC;AAEhE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAO/D,MAAM,UAAU,SAAS;IACvB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,GAAG,IAAI,CAAC;QAElB,KAAK,UAAU,cAAc;YAC3B,IAAI,CAAC;gBACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,kBAAkB,CAAC,CAAC;gBAEjD,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;oBACjB,MAAM,IAAI,KAAK,CAAC,gCAAgC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;gBACrE,CAAC;gBAED,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,CAAC,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;gBAE7D,IAAI,MAAM,EAAE,CAAC;oBACX,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;gBAChD,CAAC;YACH,CAAC;YAAC,MAAM,CAAC;gBACP,IAAI,MAAM,EAAE,CAAC;oBACX,QAAQ,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;gBAChC,CAAC;YACH,CAAC;QACH,CAAC;QAED,KAAK,cAAc,EAAE,CAAC;QAEtB,OAAO,GAAG,EAAE;YACV,MAAM,GAAG,KAAK,CAAC;QACjB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;QAC/B,OAAO,eAAM,SAAS,EAAC,oBAAoB,wCAA+B,CAAC;IAC7E,CAAC;IAED,IAAI,KAAK,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;QAC7B,OAAO,eAAM,SAAS,EAAC,oBAAoB,6CAAoC,CAAC;IAClF,CAAC;IAED,OAAO,KAAC,aAAa,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,CAAC;AAC7C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"viewer-entry.d.ts","sourceRoot":"","sources":["../../src/viewer/viewer-entry.tsx"],"names":[],"mappings":"AAEA,OAAO,eAAe,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { createRoot } from "react-dom/client";
|
|
3
|
+
import "../styles.css";
|
|
4
|
+
import { ViewerApp } from "./ViewerApp.js";
|
|
5
|
+
const root = document.getElementById("root");
|
|
6
|
+
if (!root) {
|
|
7
|
+
throw new Error("Anlyx viewer root element was not found.");
|
|
8
|
+
}
|
|
9
|
+
createRoot(root).render(_jsx(ViewerApp, {}));
|
|
10
|
+
//# sourceMappingURL=viewer-entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"viewer-entry.js","sourceRoot":"","sources":["../../src/viewer/viewer-entry.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AAE7C,IAAI,CAAC,IAAI,EAAE,CAAC;IACV,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;AAC9D,CAAC;AAED,UAAU,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<title>Anlyx</title>
|
|
7
|
+
</head>
|
|
8
|
+
<body>
|
|
9
|
+
<div id="root"></div>
|
|
10
|
+
<script type="module" src="/viewer-entry.js"></script>
|
|
11
|
+
</body>
|
|
12
|
+
</html>
|
package/package.json
ADDED
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@anlyx/ui",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "React UI components and local viewer shell for Anlyx.",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"type": "module",
|
|
7
|
+
"main": "./dist/index.js",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"files": [
|
|
10
|
+
"dist",
|
|
11
|
+
"README.md",
|
|
12
|
+
"LICENSE"
|
|
13
|
+
],
|
|
14
|
+
"scripts": {
|
|
15
|
+
"build": "node ../../scripts/clean-package-dist.mjs . && tsc -p tsconfig.build.json && node ./scripts/copy-viewer-assets.mjs"
|
|
16
|
+
},
|
|
17
|
+
"repository": {
|
|
18
|
+
"type": "git",
|
|
19
|
+
"url": "git+https://github.com/suhannoh/anlyx.git",
|
|
20
|
+
"directory": "packages/ui"
|
|
21
|
+
},
|
|
22
|
+
"homepage": "https://github.com/suhannoh/anlyx#readme",
|
|
23
|
+
"bugs": {
|
|
24
|
+
"url": "https://github.com/suhannoh/anlyx/issues"
|
|
25
|
+
},
|
|
26
|
+
"publishConfig": {
|
|
27
|
+
"access": "public"
|
|
28
|
+
},
|
|
29
|
+
"exports": {
|
|
30
|
+
".": {
|
|
31
|
+
"types": "./dist/index.d.ts",
|
|
32
|
+
"default": "./dist/index.js"
|
|
33
|
+
},
|
|
34
|
+
"./viewer": "./dist/viewer/viewer.html"
|
|
35
|
+
},
|
|
36
|
+
"dependencies": {
|
|
37
|
+
"@anlyx/core": "workspace:*",
|
|
38
|
+
"@xyflow/react": "^12.9.0",
|
|
39
|
+
"react": "^18.3.1",
|
|
40
|
+
"react-dom": "^18.3.1"
|
|
41
|
+
},
|
|
42
|
+
"devDependencies": {
|
|
43
|
+
"@testing-library/dom": "^10.4.1",
|
|
44
|
+
"@testing-library/react": "^16.3.0",
|
|
45
|
+
"@types/react": "^18.3.27",
|
|
46
|
+
"@types/react-dom": "^18.3.7",
|
|
47
|
+
"jsdom": "^27.3.0"
|
|
48
|
+
}
|
|
49
|
+
}
|