extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-01-03 04:29:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

work in progress on porting the graph merging algorithm to the new 'visual overview' (#803)

Browse Source
This commit is contained in:
Michael Quigley 2024-12-16 14:38:11 -05:00
parent a99848d990
commit 5d16a6fa33
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62
1 changed files with 101 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
ui100/src/model/visualizer.ts
View File

@ -1,11 +1,112 @@
import {Overview} from "../api";
import {Edge, Node} from "@xyflow/react";
import {User} from "./user.ts";
export class VisualOverview {
nodes: Node[];
edges: Edge[];
}
export const mergeVisualOverview = (oldVov: VisualOverview, u: User, limited: boolean, newOv: Overview): VisualOverview => {
let newVov = new VisualOverview();
let accountNode = {
id: u.token,
data: {
label: u.email,
limited: !!limited
},
type: "account",
position: { x: 0, y: 0 },
}
newVov.nodes = [ accountNode ];
newVov.edges = [];
if(newOv) {
let allShares = {};
let allFrontends = [];
newOv.environments?.forEach(env => {
let envNode = {
id: env.environment?.zId!,
data: {
label: env.environment?.description,
envZId: env.environment?.zId!,
limited: !!limited,
empty: true
},
type: "environment",
position: { x: 0, y: 0 },
};
newVov.nodes.push(envNode);
newVov.edges.push({
id: accountNode.id + "-" + envNode.id,
source: accountNode.id!,
target: envNode.id!
});
if(env.shares) {
env.shares.forEach(shr => {
let shrLabel = shr.token!;
if(shr.backendProxyEndpoint !== "") {
shrLabel = shr.backendProxyEndpoint!;
}
let shrNode = {
id: shr.token!,
data: {
label: shrLabel,
shrToken: shr.token!,
envZId: env.environment?.zId!,
limited: !!limited,
accessed: false,
},
type: "share",
position: { x: 0, y: 0 }
}
allShares[shr.token!] = shrNode;
newVov.nodes.push(shrNode);
newVov.edges.push({
id: envNode.id + "-" + shrNode.id,
source: envNode.id!,
target: shrNode.id!
});
});
}
if(env.frontends) {
env.frontends.forEach(fe => {
let feNode = {
id: fe.token!,
data: {
label: fe.token!,
feId: fe.id,
target: fe.shrToken,
},
type: "access",
position: { x: 0, y: 0 }
}
allFrontends.push(feNode);
newVov.nodes.push(feNode);
newVov.edges.push({
id: envNode.id + "-" + feNode.id,
source: envNode.id!,
target: feNode.id!
});
});
}
});
allFrontends.forEach(fe => {
let target = allShares[fe.data.target];
if(target) {
newVov.edges.push({
id: target.id + "-" + fe.id,
source: target.id!,
target: fe.id!
});
}
});
}
return newVov;
}
export const buildVisualOverview = (overview: Overview): VisualOverview => {
let out = new VisualOverview();
out.nodes = [