next-arch-map 0.1.23 → 0.1.24
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/package.json +1 -1
- package/viewer/src/App.tsx +0 -3
- package/viewer/src/Filters.tsx +0 -1
- package/viewer/src/GraphView.tsx +3 -7
- package/viewer/src/types.ts +1 -2
package/package.json
CHANGED
package/viewer/src/App.tsx
CHANGED
|
@@ -9,15 +9,12 @@ const ALL_NODE_TYPES: NodeType[] = [
|
|
|
9
9
|
"page",
|
|
10
10
|
"endpoint",
|
|
11
11
|
"handler",
|
|
12
|
-
"action",
|
|
13
12
|
"db",
|
|
14
13
|
];
|
|
15
14
|
const ALL_EDGE_KINDS: EdgeKind[] = [
|
|
16
15
|
"page-endpoint",
|
|
17
16
|
"endpoint-db",
|
|
18
17
|
"endpoint-handler",
|
|
19
|
-
"page-action",
|
|
20
|
-
"action-endpoint",
|
|
21
18
|
];
|
|
22
19
|
|
|
23
20
|
|
package/viewer/src/Filters.tsx
CHANGED
package/viewer/src/GraphView.tsx
CHANGED
|
@@ -31,7 +31,6 @@ const NODE_COLOR: Record<NodeType, string> = {
|
|
|
31
31
|
endpoint: "#059669",
|
|
32
32
|
db: "#dc2626",
|
|
33
33
|
handler: "#14b8a6",
|
|
34
|
-
action: "#fbbf24",
|
|
35
34
|
};
|
|
36
35
|
|
|
37
36
|
const NODE_BORDER: Record<NodeType, string> = {
|
|
@@ -39,15 +38,12 @@ const NODE_BORDER: Record<NodeType, string> = {
|
|
|
39
38
|
endpoint: "#047857",
|
|
40
39
|
db: "#b91c1c",
|
|
41
40
|
handler: "#0d9488",
|
|
42
|
-
action: "#f59e0b",
|
|
43
41
|
};
|
|
44
42
|
|
|
45
43
|
const EDGE_COLOR: Record<EdgeKind, string> = {
|
|
46
44
|
"page-endpoint": "#06b6d4",
|
|
47
45
|
"endpoint-db": "#f97316",
|
|
48
46
|
"endpoint-handler": "#22c55e",
|
|
49
|
-
"page-action": "#eab308",
|
|
50
|
-
"action-endpoint": "#a855f7",
|
|
51
47
|
};
|
|
52
48
|
|
|
53
49
|
const DIFF_BORDER_COLOR: Record<DiffStatus, string> = {
|
|
@@ -241,7 +237,7 @@ export function GraphView(props: GraphViewProps) {
|
|
|
241
237
|
|
|
242
238
|
// Compute layout without hover state — this is the expensive part
|
|
243
239
|
const { flowNodes: baseFlowNodes, flowEdges: baseFlowEdges } = useMemo(() => {
|
|
244
|
-
const typeOrder: NodeType[] = ["page", "
|
|
240
|
+
const typeOrder: NodeType[] = ["page", "endpoint", "handler", "db"];
|
|
245
241
|
const visibleNodes = graph.nodes.filter((node) => visibleNodeTypes.has(node.type));
|
|
246
242
|
const visibleNodeIds = new Set(visibleNodes.map((node) => node.id));
|
|
247
243
|
const nodesByType = new Map<NodeType, typeof visibleNodes>(
|
|
@@ -278,7 +274,7 @@ export function GraphView(props: GraphViewProps) {
|
|
|
278
274
|
const isPage = node.type === "page";
|
|
279
275
|
const screenshot = isPage ? (node.meta?.screenshot as string | undefined) : undefined;
|
|
280
276
|
const description = node.meta?.description as string | undefined;
|
|
281
|
-
const isDarkText =
|
|
277
|
+
const isDarkText = false;
|
|
282
278
|
|
|
283
279
|
const nodeType = isPage
|
|
284
280
|
? "pageNode"
|
|
@@ -308,7 +304,7 @@ export function GraphView(props: GraphViewProps) {
|
|
|
308
304
|
border: `2px ${borderStyle} ${borderColor}`,
|
|
309
305
|
padding: "10px 14px",
|
|
310
306
|
background: NODE_COLOR[node.type],
|
|
311
|
-
color:
|
|
307
|
+
color: "#ffffff",
|
|
312
308
|
fontSize: 12,
|
|
313
309
|
fontWeight: 600,
|
|
314
310
|
fontFamily: "'Inter', -apple-system, sans-serif",
|