@hpcc-js/graph 2.84.4 → 2.85.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/dist/index.es6.js +39 -25
- package/dist/index.es6.js.map +1 -1
- package/dist/index.js +39 -25
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +2 -2
- package/src/__package__.ts +2 -2
- package/src/graph2/layouts/graphviz.ts +33 -25
- package/types/__package__.d.ts +2 -2
- package/types/graph2/layouts/graphviz.d.ts.map +1 -1
- package/types/graph2/layouts/graphvizWorker.d.ts +17 -0
- package/types/graph2/layouts/graphvizWorker.d.ts.map +1 -1
- package/types-3.4/__package__.d.ts +2 -2
- package/types-3.4/graph2/layouts/graphvizWorker.d.ts +17 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hpcc-js/graph",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.85.0",
|
|
4
4
|
"description": "hpcc-js - Viz Graph",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.es6",
|
|
@@ -88,5 +88,5 @@
|
|
|
88
88
|
"url": "https://github.com/hpcc-systems/Visualization/issues"
|
|
89
89
|
},
|
|
90
90
|
"homepage": "https://github.com/hpcc-systems/Visualization",
|
|
91
|
-
"gitHead": "
|
|
91
|
+
"gitHead": "c384273a6173ffe20db065979e0b76049099ef38"
|
|
92
92
|
}
|
package/src/__package__.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export const PKG_NAME = "@hpcc-js/graph";
|
|
2
|
-
export const PKG_VERSION = "2.
|
|
3
|
-
export const BUILD_VERSION = "2.104.
|
|
2
|
+
export const PKG_VERSION = "2.85.0";
|
|
3
|
+
export const BUILD_VERSION = "2.104.15";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { curveBasis as d3CurveBasis, line as d3Line } from "d3-shape";
|
|
2
|
-
import { Cluster, graphviz as gvWorker, Node } from "./graphvizWorker";
|
|
2
|
+
import { Cluster, graphviz as gvWorker, Node, isLayoutSuccess, LayoutError } from "./graphvizWorker";
|
|
3
3
|
import { Layout, Point } from "./layout";
|
|
4
4
|
import { EdgePlaceholder } from "./placeholders";
|
|
5
5
|
|
|
@@ -60,31 +60,39 @@ export class Graphviz extends Layout {
|
|
|
60
60
|
raw: ""
|
|
61
61
|
}, {
|
|
62
62
|
engine: this._engine
|
|
63
|
-
}).response.then(
|
|
63
|
+
}).response.then(response => {
|
|
64
64
|
if (this.running()) {
|
|
65
|
-
response
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
65
|
+
if (isLayoutSuccess(response)) {
|
|
66
|
+
response.clusters.forEach(n => {
|
|
67
|
+
const sg = data.subgraph(n.id);
|
|
68
|
+
sg.x = n.x + size.width / 2 - n.width;
|
|
69
|
+
sg.y = n.y + size.height / 2 - n.height;
|
|
70
|
+
sg.props.width = n.width;
|
|
71
|
+
sg.props.height = n.height;
|
|
72
|
+
});
|
|
73
|
+
response.nodes.forEach(n => {
|
|
74
|
+
const v = data.vertex(n.id);
|
|
75
|
+
v.x = n.x + size.width / 2;
|
|
76
|
+
v.y = n.y + size.height / 2;
|
|
77
|
+
});
|
|
78
|
+
response.links.forEach(l => {
|
|
79
|
+
const e = data.edge(l.id);
|
|
80
|
+
const start: [number, number] = [e.source.x, e.source.y];
|
|
81
|
+
const mid: [number, number][] = l.points !== undefined ? l.points.map(p => [p[0] + size.width / 2, p[1] + size.height / 2]) : [];
|
|
82
|
+
const end: [number, number] = [e.target.x, e.target.y];
|
|
83
|
+
e.points = [start, ...mid, end];
|
|
84
|
+
// e.points = l.points.map(p => [p[0] + size.width / 2, p[1] + size.height / 2]);
|
|
85
|
+
});
|
|
86
|
+
this._graph
|
|
87
|
+
.moveSubgraphs(true)
|
|
88
|
+
.moveVertices(true)
|
|
89
|
+
.moveEdges(true)
|
|
90
|
+
;
|
|
91
|
+
this.stop();
|
|
92
|
+
} else {
|
|
93
|
+
const err = response as LayoutError;
|
|
94
|
+
console.error(`Graphviz layout fail: ${err.error}`, err.errorDot);
|
|
95
|
+
}
|
|
88
96
|
}
|
|
89
97
|
return this;
|
|
90
98
|
});
|
package/types/__package__.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const PKG_NAME = "@hpcc-js/graph";
|
|
2
|
-
export declare const PKG_VERSION = "2.
|
|
3
|
-
export declare const BUILD_VERSION = "2.104.
|
|
2
|
+
export declare const PKG_VERSION = "2.85.0";
|
|
3
|
+
export declare const BUILD_VERSION = "2.104.15";
|
|
4
4
|
//# sourceMappingURL=__package__.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"graphviz.d.ts","sourceRoot":"","sources":["../../../src/graph2/layouts/graphviz.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,aAAK,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,OAAO,CAAC;AAQlF,qBAAa,QAAS,SAAQ,MAAM;IAEhC,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;gBAER,KAAK,KAAA,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM;IAMrD,KAAK;
|
|
1
|
+
{"version":3,"file":"graphviz.d.ts","sourceRoot":"","sources":["../../../src/graph2/layouts/graphviz.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,aAAK,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,OAAO,CAAC;AAQlF,qBAAa,QAAS,SAAQ,MAAM;IAEhC,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;gBAER,KAAK,KAAA,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM;IAMrD,KAAK;IA4EL,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,KAAK,CAAA;KAAE;CAsBvF"}
|
|
@@ -32,6 +32,23 @@ export interface Data {
|
|
|
32
32
|
export interface Options {
|
|
33
33
|
engine: Engine;
|
|
34
34
|
}
|
|
35
|
+
export interface LayoutError {
|
|
36
|
+
error?: string;
|
|
37
|
+
errorDot?: string;
|
|
38
|
+
}
|
|
39
|
+
export interface LayoutSVG extends LayoutError {
|
|
40
|
+
svg?: string;
|
|
41
|
+
}
|
|
42
|
+
export interface LayoutJSON extends LayoutError {
|
|
43
|
+
json?: any;
|
|
44
|
+
}
|
|
45
|
+
export declare type LayoutSuccess = {
|
|
46
|
+
clusters: Cluster[];
|
|
47
|
+
nodes: Node[];
|
|
48
|
+
links: Link[];
|
|
49
|
+
};
|
|
50
|
+
export declare type Layout = LayoutSuccess | LayoutJSON | LayoutSVG;
|
|
51
|
+
export declare function isLayoutSuccess(item: any): item is LayoutSuccess;
|
|
35
52
|
export declare function graphviz(data: Data, options: Options): {
|
|
36
53
|
terminate: () => void;
|
|
37
54
|
response: Promise<string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"graphvizWorker.d.ts","sourceRoot":"","sources":["../../../src/graph2/layouts/graphvizWorker.ts"],"names":[],"mappings":"AAAA,oBAAY,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,OAAO,CAAC;AAEzF,MAAM,WAAW,OAAO;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAGhC,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,IAAI;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IAGf,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,IAAI,OAAO,CAE/D;AAED,MAAM,WAAW,IAAI;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,EAAE,IAAI,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IAGb,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,IAAI;IACjB,KAAK,EAAE,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC7B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,OAAO;IACpB,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO;;;EAmBpD"}
|
|
1
|
+
{"version":3,"file":"graphvizWorker.d.ts","sourceRoot":"","sources":["../../../src/graph2/layouts/graphvizWorker.ts"],"names":[],"mappings":"AAAA,oBAAY,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,OAAO,CAAC;AAEzF,MAAM,WAAW,OAAO;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAGhC,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,IAAI;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IAGf,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,IAAI,OAAO,CAE/D;AAED,MAAM,WAAW,IAAI;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,EAAE,IAAI,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IAGb,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,IAAI;IACjB,KAAK,EAAE,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC7B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,OAAO;IACpB,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC3C,IAAI,CAAC,EAAE,GAAG,CAAC;CACd;AAED,oBAAY,aAAa,GAAG;IAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IAAC,KAAK,EAAE,IAAI,EAAE,CAAC;IAAC,KAAK,EAAE,IAAI,EAAE,CAAA;CAAE,CAAC;AAClF,oBAAY,MAAM,GAAG,aAAa,GAAG,UAAU,GAAG,SAAS,CAAC;AAE5D,wBAAgB,eAAe,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,IAAI,aAAa,CAIhE;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO;;;EAmBpD"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const PKG_NAME = "@hpcc-js/graph";
|
|
2
|
-
export declare const PKG_VERSION = "2.
|
|
3
|
-
export declare const BUILD_VERSION = "2.104.
|
|
2
|
+
export declare const PKG_VERSION = "2.85.0";
|
|
3
|
+
export declare const BUILD_VERSION = "2.104.15";
|
|
4
4
|
//# sourceMappingURL=__package__.d.ts.map
|
|
@@ -35,6 +35,23 @@ export interface Data {
|
|
|
35
35
|
export interface Options {
|
|
36
36
|
engine: Engine;
|
|
37
37
|
}
|
|
38
|
+
export interface LayoutError {
|
|
39
|
+
error?: string;
|
|
40
|
+
errorDot?: string;
|
|
41
|
+
}
|
|
42
|
+
export interface LayoutSVG extends LayoutError {
|
|
43
|
+
svg?: string;
|
|
44
|
+
}
|
|
45
|
+
export interface LayoutJSON extends LayoutError {
|
|
46
|
+
json?: any;
|
|
47
|
+
}
|
|
48
|
+
export declare type LayoutSuccess = {
|
|
49
|
+
clusters: Cluster[];
|
|
50
|
+
nodes: Node[];
|
|
51
|
+
links: Link[];
|
|
52
|
+
};
|
|
53
|
+
export declare type Layout = LayoutSuccess | LayoutJSON | LayoutSVG;
|
|
54
|
+
export declare function isLayoutSuccess(item: any): item is LayoutSuccess;
|
|
38
55
|
export declare function graphviz(data: Data, options: Options): {
|
|
39
56
|
terminate: () => void;
|
|
40
57
|
response: Promise<string>;
|