@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.
Files changed (97) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +5 -0
  3. package/dist/components/AnlyxAppShell.d.ts +6 -0
  4. package/dist/components/AnlyxAppShell.d.ts.map +1 -0
  5. package/dist/components/AnlyxAppShell.js +61 -0
  6. package/dist/components/AnlyxAppShell.js.map +1 -0
  7. package/dist/components/ApiCallList.d.ts +6 -0
  8. package/dist/components/ApiCallList.d.ts.map +1 -0
  9. package/dist/components/ApiCallList.js +18 -0
  10. package/dist/components/ApiCallList.js.map +1 -0
  11. package/dist/components/CanvasPlaceholder.d.ts +7 -0
  12. package/dist/components/CanvasPlaceholder.d.ts.map +1 -0
  13. package/dist/components/CanvasPlaceholder.js +6 -0
  14. package/dist/components/CanvasPlaceholder.js.map +1 -0
  15. package/dist/components/CaptureStatusEmptyState.d.ts +7 -0
  16. package/dist/components/CaptureStatusEmptyState.d.ts.map +1 -0
  17. package/dist/components/CaptureStatusEmptyState.js +10 -0
  18. package/dist/components/CaptureStatusEmptyState.js.map +1 -0
  19. package/dist/components/EndpointList.d.ts +9 -0
  20. package/dist/components/EndpointList.d.ts.map +1 -0
  21. package/dist/components/EndpointList.js +12 -0
  22. package/dist/components/EndpointList.js.map +1 -0
  23. package/dist/components/EndpointMapCanvas.d.ts +11 -0
  24. package/dist/components/EndpointMapCanvas.d.ts.map +1 -0
  25. package/dist/components/EndpointMapCanvas.js +47 -0
  26. package/dist/components/EndpointMapCanvas.js.map +1 -0
  27. package/dist/components/FlowLegend.d.ts +2 -0
  28. package/dist/components/FlowLegend.d.ts.map +1 -0
  29. package/dist/components/FlowLegend.js +5 -0
  30. package/dist/components/FlowLegend.js.map +1 -0
  31. package/dist/components/FlowNodeCard.d.ts +4 -0
  32. package/dist/components/FlowNodeCard.d.ts.map +1 -0
  33. package/dist/components/FlowNodeCard.js +13 -0
  34. package/dist/components/FlowNodeCard.js.map +1 -0
  35. package/dist/components/InspectorPanel.d.ts +9 -0
  36. package/dist/components/InspectorPanel.d.ts.map +1 -0
  37. package/dist/components/InspectorPanel.js +19 -0
  38. package/dist/components/InspectorPanel.js.map +1 -0
  39. package/dist/components/PageList.d.ts +9 -0
  40. package/dist/components/PageList.d.ts.map +1 -0
  41. package/dist/components/PageList.js +6 -0
  42. package/dist/components/PageList.js.map +1 -0
  43. package/dist/components/PageStoryboardCard.d.ts +6 -0
  44. package/dist/components/PageStoryboardCard.d.ts.map +1 -0
  45. package/dist/components/PageStoryboardCard.js +6 -0
  46. package/dist/components/PageStoryboardCard.js.map +1 -0
  47. package/dist/components/PageStoryboardView.d.ts +6 -0
  48. package/dist/components/PageStoryboardView.d.ts.map +1 -0
  49. package/dist/components/PageStoryboardView.js +9 -0
  50. package/dist/components/PageStoryboardView.js.map +1 -0
  51. package/dist/components/ReplayControls.d.ts +13 -0
  52. package/dist/components/ReplayControls.d.ts.map +1 -0
  53. package/dist/components/ReplayControls.js +5 -0
  54. package/dist/components/ReplayControls.js.map +1 -0
  55. package/dist/components/ScreenshotSegmentCard.d.ts +6 -0
  56. package/dist/components/ScreenshotSegmentCard.d.ts.map +1 -0
  57. package/dist/components/ScreenshotSegmentCard.js +6 -0
  58. package/dist/components/ScreenshotSegmentCard.js.map +1 -0
  59. package/dist/components/Sidebar.d.ts +13 -0
  60. package/dist/components/Sidebar.d.ts.map +1 -0
  61. package/dist/components/Sidebar.js +7 -0
  62. package/dist/components/Sidebar.js.map +1 -0
  63. package/dist/components/StatusBadge.d.ts +9 -0
  64. package/dist/components/StatusBadge.d.ts.map +1 -0
  65. package/dist/components/StatusBadge.js +5 -0
  66. package/dist/components/StatusBadge.js.map +1 -0
  67. package/dist/flow/build-react-flow-model.d.ts +27 -0
  68. package/dist/flow/build-react-flow-model.d.ts.map +1 -0
  69. package/dist/flow/build-react-flow-model.js +79 -0
  70. package/dist/flow/build-react-flow-model.js.map +1 -0
  71. package/dist/index.d.ts +29 -0
  72. package/dist/index.d.ts.map +1 -0
  73. package/dist/index.js +22 -0
  74. package/dist/index.js.map +1 -0
  75. package/dist/mock-data.d.ts +3 -0
  76. package/dist/mock-data.d.ts.map +1 -0
  77. package/dist/mock-data.js +222 -0
  78. package/dist/mock-data.js.map +1 -0
  79. package/dist/replay/build-replay-steps.d.ts +10 -0
  80. package/dist/replay/build-replay-steps.d.ts.map +1 -0
  81. package/dist/replay/build-replay-steps.js +26 -0
  82. package/dist/replay/build-replay-steps.js.map +1 -0
  83. package/dist/replay/use-replay-lite.d.ts +26 -0
  84. package/dist/replay/use-replay-lite.d.ts.map +1 -0
  85. package/dist/replay/use-replay-lite.js +97 -0
  86. package/dist/replay/use-replay-lite.js.map +1 -0
  87. package/dist/styles.css +786 -0
  88. package/dist/viewer/ViewerApp.d.ts +2 -0
  89. package/dist/viewer/ViewerApp.d.ts.map +1 -0
  90. package/dist/viewer/ViewerApp.js +39 -0
  91. package/dist/viewer/ViewerApp.js.map +1 -0
  92. package/dist/viewer/viewer-entry.d.ts +2 -0
  93. package/dist/viewer/viewer-entry.d.ts.map +1 -0
  94. package/dist/viewer/viewer-entry.js +10 -0
  95. package/dist/viewer/viewer-entry.js.map +1 -0
  96. package/dist/viewer/viewer.html +12 -0
  97. package/package.json +49 -0
@@ -0,0 +1,2 @@
1
+ export declare function ViewerApp(): JSX.Element;
2
+ //# sourceMappingURL=ViewerApp.d.ts.map
@@ -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,2 @@
1
+ import "../styles.css";
2
+ //# sourceMappingURL=viewer-entry.d.ts.map
@@ -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
+ }