@xyo-network/react-node-renderer 2.48.1 → 2.48.2
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/cjs/Cytoscape/CytoscapeElements.js +33 -6
- package/dist/cjs/Cytoscape/CytoscapeElements.js.map +1 -1
- package/dist/cjs/Cytoscape/CytoscapeIcons.js +2 -0
- package/dist/cjs/Cytoscape/CytoscapeIcons.js.map +1 -1
- package/dist/cjs/Cytoscape/CytoscapeStyles.js.map +1 -1
- package/dist/cjs/Cytoscape/index.js +1 -0
- package/dist/cjs/Cytoscape/index.js.map +1 -1
- package/dist/cjs/Cytoscape/lib/CyNodeModuleTypes.js +3 -0
- package/dist/cjs/Cytoscape/lib/CyNodeModuleTypes.js.map +1 -0
- package/dist/cjs/Cytoscape/lib/encodeSvg.js +19 -0
- package/dist/cjs/Cytoscape/lib/encodeSvg.js.map +1 -0
- package/dist/cjs/Cytoscape/lib/iconMap.js +14 -0
- package/dist/cjs/Cytoscape/lib/iconMap.js.map +1 -0
- package/dist/cjs/Cytoscape/lib/index.js +8 -0
- package/dist/cjs/Cytoscape/lib/index.js.map +1 -0
- package/dist/cjs/{lib/utils.js → Cytoscape/lib/parseModuleType.js} +6 -17
- package/dist/cjs/Cytoscape/lib/parseModuleType.js.map +1 -0
- package/dist/cjs/hooks/cytoscape/useCytoscapeElements.js +11 -28
- package/dist/cjs/hooks/cytoscape/useCytoscapeElements.js.map +1 -1
- package/dist/cjs/hooks/cytoscape/useIcons.js +2 -3
- package/dist/cjs/hooks/cytoscape/useIcons.js.map +1 -1
- package/dist/cjs/index.js +0 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/docs.json +442 -136
- package/dist/esm/Cytoscape/CytoscapeElements.js +25 -3
- package/dist/esm/Cytoscape/CytoscapeElements.js.map +1 -1
- package/dist/esm/Cytoscape/CytoscapeIcons.js +2 -0
- package/dist/esm/Cytoscape/CytoscapeIcons.js.map +1 -1
- package/dist/esm/Cytoscape/CytoscapeStyles.js.map +1 -1
- package/dist/esm/Cytoscape/index.js +1 -0
- package/dist/esm/Cytoscape/index.js.map +1 -1
- package/dist/esm/Cytoscape/lib/CyNodeModuleTypes.js +2 -0
- package/dist/esm/Cytoscape/lib/CyNodeModuleTypes.js.map +1 -0
- package/dist/esm/Cytoscape/lib/encodeSvg.js +15 -0
- package/dist/esm/Cytoscape/lib/encodeSvg.js.map +1 -0
- package/dist/esm/Cytoscape/lib/iconMap.js +10 -0
- package/dist/esm/Cytoscape/lib/iconMap.js.map +1 -0
- package/dist/esm/Cytoscape/lib/index.js +5 -0
- package/dist/esm/Cytoscape/lib/index.js.map +1 -0
- package/dist/esm/{lib/utils.js → Cytoscape/lib/parseModuleType.js} +5 -15
- package/dist/esm/Cytoscape/lib/parseModuleType.js.map +1 -0
- package/dist/esm/hooks/cytoscape/useCytoscapeElements.js +9 -28
- package/dist/esm/hooks/cytoscape/useCytoscapeElements.js.map +1 -1
- package/dist/esm/hooks/cytoscape/useIcons.js +2 -3
- package/dist/esm/hooks/cytoscape/useIcons.js.map +1 -1
- package/dist/esm/index.js +0 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/types/Cytoscape/CytoscapeElements.d.ts +2 -1
- package/dist/types/Cytoscape/CytoscapeElements.d.ts.map +1 -1
- package/dist/types/Cytoscape/CytoscapeIcons.d.ts +2 -2
- package/dist/types/Cytoscape/CytoscapeIcons.d.ts.map +1 -1
- package/dist/types/Cytoscape/CytoscapeStyles.d.ts +2 -2
- package/dist/types/Cytoscape/CytoscapeStyles.d.ts.map +1 -1
- package/dist/types/Cytoscape/index.d.ts +1 -0
- package/dist/types/Cytoscape/index.d.ts.map +1 -1
- package/dist/types/Cytoscape/lib/CyNodeModuleTypes.d.ts +2 -0
- package/dist/types/Cytoscape/lib/CyNodeModuleTypes.d.ts.map +1 -0
- package/dist/types/Cytoscape/lib/encodeSvg.d.ts +3 -0
- package/dist/types/Cytoscape/lib/encodeSvg.d.ts.map +1 -0
- package/dist/types/Cytoscape/lib/iconMap.d.ts +3 -0
- package/dist/types/Cytoscape/lib/iconMap.d.ts.map +1 -0
- package/dist/types/Cytoscape/lib/index.d.ts +5 -0
- package/dist/types/Cytoscape/lib/index.d.ts.map +1 -0
- package/dist/types/Cytoscape/lib/parseModuleType.d.ts +3 -0
- package/dist/types/Cytoscape/lib/parseModuleType.d.ts.map +1 -0
- package/dist/types/hooks/cytoscape/useCytoscapeElements.d.ts.map +1 -1
- package/dist/types/hooks/cytoscape/useIcons.d.ts +2 -2
- package/dist/types/hooks/cytoscape/useIcons.d.ts.map +1 -1
- package/dist/types/index.d.ts +0 -1
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/Cytoscape/CytoscapeElements.ts +27 -2
- package/src/Cytoscape/CytoscapeIcons.tsx +4 -2
- package/src/Cytoscape/CytoscapeStyles.ts +3 -3
- package/src/Cytoscape/index.ts +1 -0
- package/src/Cytoscape/lib/CyNodeModuleTypes.ts +1 -0
- package/src/Cytoscape/lib/encodeSvg.ts +19 -0
- package/src/Cytoscape/lib/iconMap.ts +11 -0
- package/src/Cytoscape/lib/index.ts +4 -0
- package/src/Cytoscape/lib/parseModuleType.ts +36 -0
- package/src/components/RelationalGraph.stories.tsx +3 -1
- package/src/hooks/cytoscape/useCytoscapeElements.ts +9 -31
- package/src/hooks/cytoscape/useIcons.tsx +3 -4
- package/src/index.ts +0 -1
- package/dist/cjs/lib/index.js +0 -5
- package/dist/cjs/lib/index.js.map +0 -1
- package/dist/cjs/lib/utils.js.map +0 -1
- package/dist/esm/lib/index.js +0 -2
- package/dist/esm/lib/index.js.map +0 -1
- package/dist/esm/lib/utils.js.map +0 -1
- package/dist/types/lib/index.d.ts +0 -2
- package/dist/types/lib/index.d.ts.map +0 -1
- package/dist/types/lib/utils.d.ts +0 -5
- package/dist/types/lib/utils.d.ts.map +0 -1
- package/src/lib/index.ts +0 -1
- package/src/lib/utils.ts +0 -52
|
@@ -4,8 +4,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
exports.CytoscapeElements = void 0;
|
|
5
5
|
const tslib_1 = require("tslib");
|
|
6
6
|
const module_1 = require("@xyo-network/module");
|
|
7
|
-
const lib_1 = require("
|
|
7
|
+
const lib_1 = require("./lib");
|
|
8
8
|
class CytoscapeElements {
|
|
9
|
+
static buildChild(wrapper, address) {
|
|
10
|
+
return tslib_1.__awaiter(this, void 0, void 0, function* () {
|
|
11
|
+
const [result] = yield wrapper.resolveWrapped(module_1.ModuleWrapper, { address: [address] });
|
|
12
|
+
const description = yield result.describe();
|
|
13
|
+
return CytoscapeElements.buildNode(description);
|
|
14
|
+
});
|
|
15
|
+
}
|
|
9
16
|
static buildEdge(rootNode, newNode) {
|
|
10
17
|
return {
|
|
11
18
|
data: {
|
|
@@ -15,6 +22,31 @@ class CytoscapeElements {
|
|
|
15
22
|
},
|
|
16
23
|
};
|
|
17
24
|
}
|
|
25
|
+
static buildElements(wrapper) {
|
|
26
|
+
var _b;
|
|
27
|
+
return tslib_1.__awaiter(this, void 0, void 0, function* () {
|
|
28
|
+
try {
|
|
29
|
+
const [description, newRootNode] = yield CytoscapeElements.buildRootNode(wrapper);
|
|
30
|
+
const newElements = [newRootNode];
|
|
31
|
+
const children = description.children;
|
|
32
|
+
yield Promise.allSettled((_b = (children !== null && children !== void 0 ? children : [])) === null || _b === void 0 ? void 0 : _b.map((address) => tslib_1.__awaiter(this, void 0, void 0, function* () {
|
|
33
|
+
try {
|
|
34
|
+
const newNode = yield CytoscapeElements.buildChild(wrapper, address);
|
|
35
|
+
newElements.push(newNode);
|
|
36
|
+
const newEdge = CytoscapeElements.buildEdge(newRootNode, newNode);
|
|
37
|
+
newElements.push(newEdge);
|
|
38
|
+
}
|
|
39
|
+
catch (e) {
|
|
40
|
+
console.error('Error parsing children', e);
|
|
41
|
+
}
|
|
42
|
+
})));
|
|
43
|
+
return newElements;
|
|
44
|
+
}
|
|
45
|
+
catch (e) {
|
|
46
|
+
console.error('Error Getting initial description', e);
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
}
|
|
18
50
|
static buildNode(description) {
|
|
19
51
|
var _b;
|
|
20
52
|
const newNodeId = (_b = CytoscapeElements.normalizeName(description.name)) !== null && _b !== void 0 ? _b : description.address.substring(0, 8);
|
|
@@ -37,11 +69,6 @@ class CytoscapeElements {
|
|
|
37
69
|
exports.CytoscapeElements = CytoscapeElements;
|
|
38
70
|
_a = CytoscapeElements;
|
|
39
71
|
CytoscapeElements.MaxNameLength = 20;
|
|
40
|
-
CytoscapeElements.buildChild = (wrapper, address) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
41
|
-
const [result] = yield wrapper.resolveWrapped(module_1.ModuleWrapper, { address: [address] });
|
|
42
|
-
const description = yield result.describe();
|
|
43
|
-
return CytoscapeElements.buildNode(description);
|
|
44
|
-
});
|
|
45
72
|
CytoscapeElements.buildRootNode = (wrapper) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
46
73
|
const description = yield (wrapper === null || wrapper === void 0 ? void 0 : wrapper.describe());
|
|
47
74
|
return [description, CytoscapeElements.buildNode(description)];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CytoscapeElements.js","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeElements.ts"],"names":[],"mappings":";;;;;AAAA,gDAAsE;AAItE
|
|
1
|
+
{"version":3,"file":"CytoscapeElements.js","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeElements.ts"],"names":[],"mappings":";;;;;AAAA,gDAAsE;AAItE,+BAAuC;AAEvC,MAAa,iBAAiB;IAG5B,MAAM,CAAO,UAAU,CAAC,OAAoB,EAAE,OAAe;;YAC3D,MAAM,CAAC,MAAM,CAAC,GAAG,MAAM,OAAO,CAAC,cAAc,CAAC,sBAAa,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;YACpF,MAAM,WAAW,GAAG,MAAM,MAAM,CAAC,QAAQ,EAAE,CAAA;YAC3C,OAAO,iBAAiB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;QACjD,CAAC;KAAA;IAED,MAAM,CAAC,SAAS,CAAC,QAA2B,EAAE,OAA0B;QACtE,OAAO;YACL,IAAI,EAAE;gBACJ,EAAE,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE;gBAC5C,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE;gBACxB,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE;aACxB;SACF,CAAA;IACH,CAAC;IAED,MAAM,CAAO,aAAa,CAAC,OAAoB;;;YAC7C,IAAI;gBACF,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,MAAM,iBAAiB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;gBACjF,MAAM,WAAW,GAAwB,CAAC,WAAW,CAAC,CAAA;gBAEtD,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAA;gBACrC,MAAM,OAAO,CAAC,UAAU,CACtB,MAAA,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAC,0CAAE,GAAG,CAAC,CAAO,OAAO,EAAE,EAAE;oBACtC,IAAI;wBACF,MAAM,OAAO,GAAG,MAAM,iBAAiB,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;wBACpE,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;wBAEzB,MAAM,OAAO,GAAG,iBAAiB,CAAC,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC,CAAA;wBACjE,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;qBAC1B;oBAAC,OAAO,CAAC,EAAE;wBACV,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAA;qBAC3C;gBACH,CAAC,CAAA,CAAC,CACH,CAAA;gBACD,OAAO,WAAW,CAAA;aACnB;YAAC,OAAO,CAAC,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,CAAC,CAAC,CAAA;aACtD;;KACF;IAED,MAAM,CAAC,SAAS,CAAC,WAA8B;;QAC7C,MAAM,SAAS,GAAG,MAAA,iBAAiB,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,mCAAI,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAC1G,OAAO;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,WAAW,CAAC,OAAO;gBAC5B,EAAE,EAAE,SAAS;gBACb,IAAI,EAAE,IAAA,qBAAe,EAAC,WAAW,CAAC,OAAO,CAAC;aAC3C;SACF,CAAA;IACH,CAAC;IAOD,MAAM,CAAC,aAAa,CAAC,IAAa;QAChC,IAAI,CAAC,IAAI;YAAE,OAAM;QACjB,IAAI,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa;YAAE,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAA;QAC1E,OAAO,IAAI,CAAA;IACb,CAAC;;AAhEH,8CAiEC;;AAhEQ,+BAAa,GAAG,EAAE,CAAA;AAsDlB,+BAAa,GAAG,CAAO,OAAoB,EAAmD,EAAE;IACrG,MAAM,WAAW,GAAG,MAAM,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE,CAAA,CAAA;IAC7C,OAAO,CAAC,WAAW,EAAE,iBAAiB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAA;AAChE,CAAC,CAAA,CAAA"}
|
|
@@ -4,6 +4,7 @@ exports.CyIconSet = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const BubbleChartRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/BubbleChartRounded"));
|
|
6
6
|
const Hub_1 = tslib_1.__importDefault(require("@mui/icons-material/Hub"));
|
|
7
|
+
const InsertLinkRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/InsertLinkRounded"));
|
|
7
8
|
const Inventory2Rounded_1 = tslib_1.__importDefault(require("@mui/icons-material/Inventory2Rounded"));
|
|
8
9
|
const QuestionMarkRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/QuestionMarkRounded"));
|
|
9
10
|
const TimerRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/TimerRounded"));
|
|
@@ -11,6 +12,7 @@ const VisibilityRounded_1 = tslib_1.__importDefault(require("@mui/icons-material
|
|
|
11
12
|
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
12
13
|
exports.CyIconSet = {
|
|
13
14
|
archivist: Inventory2Rounded_1.default,
|
|
15
|
+
bridge: InsertLinkRounded_1.default,
|
|
14
16
|
diviner: BubbleChartRounded_1.default,
|
|
15
17
|
module: QuestionMarkRounded_1.default,
|
|
16
18
|
node: Hub_1.default,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CytoscapeIcons.js","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeIcons.tsx"],"names":[],"mappings":";;;;AAAA,wGAA2E;AAC3E,0EAA6C;AAC7C,sGAAyE;AACzE,0GAA6E;AAC7E,4FAA+D;AAC/D,sGAAyE;AAMzE,wDAAwD;AAC3C,QAAA,SAAS,
|
|
1
|
+
{"version":3,"file":"CytoscapeIcons.js","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeIcons.tsx"],"names":[],"mappings":";;;;AAAA,wGAA2E;AAC3E,0EAA6C;AAC7C,sGAAyE;AACzE,sGAAyE;AACzE,0GAA6E;AAC7E,4FAA+D;AAC/D,sGAAyE;AAMzE,wDAAwD;AAC3C,QAAA,SAAS,GAA+E;IACnG,SAAS,EAAE,2BAAqB;IAChC,MAAM,EAAE,2BAAqB;IAC7B,OAAO,EAAE,4BAAsB;IAC/B,MAAM,EAAE,6BAAuB;IAC/B,IAAI,EAAE,aAAO;IACb,QAAQ,EAAE,sBAAgB;IAC1B,OAAO,EAAE,2BAAqB;CAC/B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CytoscapeStyles.js","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeStyles.ts"],"names":[],"mappings":";;;AAIO,MAAM,YAAY,GAAG,CAAC,KAAc,EAAc,EAAE,CAAC,CAAC;IAC3D,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE;QACL,KAAK;QACL,aAAa,EAAE,oCAAoC;QACnD,WAAW,EAAE,EAAE;QACf,eAAe,EAAE,CAAC,CAAC;KACpB;CACF,CAAC,CAAA;AARW,QAAA,YAAY,gBAQvB;AAEK,MAAM,UAAU,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"CytoscapeStyles.js","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeStyles.ts"],"names":[],"mappings":";;;AAIO,MAAM,YAAY,GAAG,CAAC,KAAc,EAAc,EAAE,CAAC,CAAC;IAC3D,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE;QACL,KAAK;QACL,aAAa,EAAE,oCAAoC;QACnD,WAAW,EAAE,EAAE;QACf,eAAe,EAAE,CAAC,CAAC;KACpB;CACF,CAAC,CAAA;AARW,QAAA,YAAY,gBAQvB;AAEK,MAAM,UAAU,GAAG,CAAC,KAAwC,EAAE,OAAgB,EAAc,EAAE,CAAC,CAAC;IACrG,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE;QACL,kBAAkB,EAAE,OAAO;QAC3B,mBAAmB,EAAE,KAAK;QAC1B,sBAAsB;QACtB,kBAAkB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAsB,CAAC;QAC3E,4BAA4B,EAAE,KAAK;QACnC,kBAAkB,EAAE,KAAK;QACzB,KAAK,EAAE,UAAU;KAClB;CACF,CAAC,CAAA;AAXW,QAAA,UAAU,cAWrB;AAEK,MAAM,UAAU,GAAG,CAAC,SAAkB,EAAE,gBAAyB,EAAE,EAAE,CAAC,CAAC;IAC5E,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE;QACL,aAAa,EAAE,QAAQ;QACvB,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,GAAG;QACnB,oBAAoB,EAAE,gBAAgB;QACtC,oBAAoB,EAAE,UAAU;QAChC,KAAK,EAAE,CAAC;KACT;CACF,CAAC,CAAA;AAVW,QAAA,UAAU,cAUrB"}
|
|
@@ -4,4 +4,5 @@ const tslib_1 = require("tslib");
|
|
|
4
4
|
tslib_1.__exportStar(require("./CytoscapeElements"), exports);
|
|
5
5
|
tslib_1.__exportStar(require("./CytoscapeIcons"), exports);
|
|
6
6
|
tslib_1.__exportStar(require("./CytoscapeStyles"), exports);
|
|
7
|
+
tslib_1.__exportStar(require("./lib"), exports);
|
|
7
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Cytoscape/index.ts"],"names":[],"mappings":";;;AAAA,8DAAmC;AACnC,2DAAgC;AAChC,4DAAiC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Cytoscape/index.ts"],"names":[],"mappings":";;;AAAA,8DAAmC;AACnC,2DAAgC;AAChC,4DAAiC;AACjC,gDAAqB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CyNodeModuleTypes.js","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/CyNodeModuleTypes.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.encodeSvg = void 0;
|
|
4
|
+
// eslint-disable-next-line import/no-internal-modules
|
|
5
|
+
const server_1 = require("react-dom/server");
|
|
6
|
+
const dataUri = 'data:image/svg+xml,';
|
|
7
|
+
const encodeSvg = (reactElement, color) => {
|
|
8
|
+
const svgString = (0, server_1.renderToStaticMarkup)(reactElement);
|
|
9
|
+
const doc = new DOMParser().parseFromString(svgString, 'text/html');
|
|
10
|
+
const svgElement = doc.getElementsByTagName('svg')[0];
|
|
11
|
+
if (svgElement) {
|
|
12
|
+
svgElement.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
|
|
13
|
+
svgElement.setAttribute('height', '100');
|
|
14
|
+
svgElement.style.fill = color !== null && color !== void 0 ? color : 'black';
|
|
15
|
+
}
|
|
16
|
+
return `${dataUri}${window.encodeURIComponent(svgElement.outerHTML)}`;
|
|
17
|
+
};
|
|
18
|
+
exports.encodeSvg = encodeSvg;
|
|
19
|
+
//# sourceMappingURL=encodeSvg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"encodeSvg.js","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/encodeSvg.ts"],"names":[],"mappings":";;;AACA,sDAAsD;AACtD,6CAAuD;AAEvD,MAAM,OAAO,GAAG,qBAAqB,CAAA;AAE9B,MAAM,SAAS,GAAG,CAAC,YAA0B,EAAE,KAAc,EAAE,EAAE;IACtE,MAAM,SAAS,GAAG,IAAA,6BAAoB,EAAC,YAAY,CAAC,CAAA;IAEpD,MAAM,GAAG,GAAG,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,WAAW,CAAC,CAAA;IACnE,MAAM,UAAU,GAAG,GAAG,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IACrD,IAAI,UAAU,EAAE;QACd,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,4BAA4B,CAAC,CAAA;QAC9D,UAAU,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;QACxC,UAAU,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,CAAA;KACzC;IAED,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC,kBAAkB,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAA;AACvE,CAAC,CAAA;AAZY,QAAA,SAAS,aAYrB"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.generateIconMap = void 0;
|
|
4
|
+
const generateIconMap = () => ({
|
|
5
|
+
archivist: '',
|
|
6
|
+
bridge: '',
|
|
7
|
+
diviner: '',
|
|
8
|
+
module: '',
|
|
9
|
+
node: '',
|
|
10
|
+
sentinel: '',
|
|
11
|
+
witness: '',
|
|
12
|
+
});
|
|
13
|
+
exports.generateIconMap = generateIconMap;
|
|
14
|
+
//# sourceMappingURL=iconMap.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"iconMap.js","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/iconMap.ts"],"names":[],"mappings":";;;AAEO,MAAM,eAAe,GAA4C,GAAG,EAAE,CAAC,CAAC;IAC7E,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,EAAE;IACV,IAAI,EAAE,EAAE;IACR,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,EAAE;CACZ,CAAC,CAAA;AARW,QAAA,eAAe,mBAQ1B"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./CyNodeModuleTypes"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./encodeSvg"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./iconMap"), exports);
|
|
7
|
+
tslib_1.__exportStar(require("./parseModuleType"), exports);
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/index.ts"],"names":[],"mappings":";;;AAAA,8DAAmC;AACnC,sDAA2B;AAC3B,oDAAyB;AACzB,4DAAiC"}
|
|
@@ -1,21 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.parseModuleType =
|
|
4
|
-
// eslint-disable-next-line import/no-internal-modules
|
|
5
|
-
const server_1 = require("react-dom/server");
|
|
6
|
-
const dataUri = 'data:image/svg+xml,';
|
|
7
|
-
const encodeSvg = (reactElement, color) => {
|
|
8
|
-
const svgString = (0, server_1.renderToStaticMarkup)(reactElement);
|
|
9
|
-
const doc = new DOMParser().parseFromString(svgString, 'text/html');
|
|
10
|
-
const svgElement = doc.getElementsByTagName('svg')[0];
|
|
11
|
-
if (svgElement) {
|
|
12
|
-
svgElement.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
|
|
13
|
-
svgElement.setAttribute('height', '100');
|
|
14
|
-
svgElement.style.fill = color !== null && color !== void 0 ? color : 'black';
|
|
15
|
-
}
|
|
16
|
-
return `${dataUri}${window.encodeURIComponent(svgElement.outerHTML)}`;
|
|
17
|
-
};
|
|
18
|
-
exports.encodeSvg = encodeSvg;
|
|
3
|
+
exports.parseModuleType = void 0;
|
|
19
4
|
const parseModuleType = (queries) => {
|
|
20
5
|
let type = 'module';
|
|
21
6
|
if (queries) {
|
|
@@ -24,6 +9,10 @@ const parseModuleType = (queries) => {
|
|
|
24
9
|
type = 'archivist';
|
|
25
10
|
break;
|
|
26
11
|
}
|
|
12
|
+
if (queries[i].includes('bridge')) {
|
|
13
|
+
type = 'bridge';
|
|
14
|
+
break;
|
|
15
|
+
}
|
|
27
16
|
if (queries[i].includes('diviner')) {
|
|
28
17
|
type = 'diviner';
|
|
29
18
|
break;
|
|
@@ -47,4 +36,4 @@ const parseModuleType = (queries) => {
|
|
|
47
36
|
return 'module';
|
|
48
37
|
};
|
|
49
38
|
exports.parseModuleType = parseModuleType;
|
|
50
|
-
//# sourceMappingURL=
|
|
39
|
+
//# sourceMappingURL=parseModuleType.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"parseModuleType.js","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/parseModuleType.ts"],"names":[],"mappings":";;;AAEO,MAAM,eAAe,GAAG,CAAC,OAAkB,EAAqB,EAAE;IACvE,IAAI,IAAI,GAAsB,QAAQ,CAAA;IACtC,IAAI,OAAO,EAAE;QACX,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACvC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;gBACpC,IAAI,GAAG,WAAW,CAAA;gBAClB,MAAK;aACN;YACD,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;gBACjC,IAAI,GAAG,QAAQ,CAAA;gBACf,MAAK;aACN;YACD,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;gBAClC,IAAI,GAAG,SAAS,CAAA;gBAChB,MAAK;aACN;YACD,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;gBAC/B,IAAI,GAAG,MAAM,CAAA;gBACb,MAAK;aACN;YACD,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;gBACnC,IAAI,GAAG,UAAU,CAAA;gBACjB,MAAK;aACN;YACD,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;gBAClC,IAAI,GAAG,SAAS,CAAA;gBAChB,MAAK;aACN;YACD,IAAI,GAAG,QAAQ,CAAA;SAChB;QACD,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAjCY,QAAA,eAAe,mBAiC3B"}
|
|
@@ -11,52 +11,35 @@ const Cytoscape_1 = require("../../Cytoscape");
|
|
|
11
11
|
*/
|
|
12
12
|
const useCytoscapeElements = (targetNode) => {
|
|
13
13
|
const [elements, setElements] = (0, react_1.useState)([]);
|
|
14
|
-
const buildElements = (0, react_1.useCallback)((wrapper) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
15
|
-
var _a;
|
|
16
|
-
try {
|
|
17
|
-
const [description, newRootNode] = yield Cytoscape_1.CytoscapeElements.buildRootNode(wrapper);
|
|
18
|
-
const newElements = [newRootNode];
|
|
19
|
-
const children = description.children;
|
|
20
|
-
yield Promise.allSettled((_a = (children !== null && children !== void 0 ? children : [])) === null || _a === void 0 ? void 0 : _a.map((address) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
21
|
-
try {
|
|
22
|
-
const newNode = yield Cytoscape_1.CytoscapeElements.buildChild(wrapper, address);
|
|
23
|
-
newElements.push(newNode);
|
|
24
|
-
const newEdge = Cytoscape_1.CytoscapeElements.buildEdge(newRootNode, newNode);
|
|
25
|
-
newElements.push(newEdge);
|
|
26
|
-
}
|
|
27
|
-
catch (e) {
|
|
28
|
-
console.error('Error parsing children', e);
|
|
29
|
-
}
|
|
30
|
-
})));
|
|
31
|
-
setElements(newElements);
|
|
32
|
-
}
|
|
33
|
-
catch (e) {
|
|
34
|
-
console.error('Error Getting initial description', e);
|
|
35
|
-
}
|
|
36
|
-
}), []);
|
|
37
14
|
(0, react_shared_1.useAsyncEffect)(
|
|
38
15
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
39
16
|
() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
17
|
+
var _a;
|
|
40
18
|
if (targetNode) {
|
|
41
|
-
yield buildElements(targetNode);
|
|
19
|
+
const newElements = (_a = (yield Cytoscape_1.CytoscapeElements.buildElements(targetNode))) !== null && _a !== void 0 ? _a : [];
|
|
20
|
+
setElements(newElements);
|
|
42
21
|
}
|
|
43
|
-
}), [
|
|
22
|
+
}), [targetNode]);
|
|
44
23
|
(0, react_1.useEffect)(() => {
|
|
45
24
|
let attachedListener = undefined;
|
|
46
25
|
let detachedListener = undefined;
|
|
47
26
|
if (targetNode) {
|
|
48
27
|
attachedListener = targetNode.on('moduleAttached', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
49
|
-
|
|
28
|
+
var _a;
|
|
29
|
+
const newElements = (_a = (yield Cytoscape_1.CytoscapeElements.buildElements(targetNode))) !== null && _a !== void 0 ? _a : [];
|
|
30
|
+
setElements(newElements);
|
|
50
31
|
}));
|
|
51
32
|
detachedListener = targetNode.on('moduleDetached', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
52
|
-
|
|
33
|
+
var _b;
|
|
34
|
+
const newElements = (_b = (yield Cytoscape_1.CytoscapeElements.buildElements(targetNode))) !== null && _b !== void 0 ? _b : [];
|
|
35
|
+
setElements(newElements);
|
|
53
36
|
}));
|
|
54
37
|
}
|
|
55
38
|
return () => {
|
|
56
39
|
attachedListener === null || attachedListener === void 0 ? void 0 : attachedListener();
|
|
57
40
|
detachedListener === null || detachedListener === void 0 ? void 0 : detachedListener();
|
|
58
41
|
};
|
|
59
|
-
}, [
|
|
42
|
+
}, [targetNode]);
|
|
60
43
|
return elements;
|
|
61
44
|
};
|
|
62
45
|
exports.useCytoscapeElements = useCytoscapeElements;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCytoscapeElements.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeElements.ts"],"names":[],"mappings":";;;;AAAA,uDAAqD;AAIrD,
|
|
1
|
+
{"version":3,"file":"useCytoscapeElements.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeElements.ts"],"names":[],"mappings":";;;;AAAA,uDAAqD;AAIrD,iCAA2C;AAE3C,+CAAmD;AAEnD;;;GAGG;AACI,MAAM,oBAAoB,GAAG,CAAC,UAAwB,EAAE,EAAE;IAC/D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAsB,EAAE,CAAC,CAAA;IAEjE,IAAA,6BAAc;IACZ,uDAAuD;IACvD,GAAS,EAAE;;QACT,IAAI,UAAU,EAAE;YACd,MAAM,WAAW,GAAG,MAAA,CAAC,MAAM,6BAAiB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,mCAAI,EAAE,CAAA;YAC7E,WAAW,CAAC,WAAW,CAAC,CAAA;SACzB;IACH,CAAC,CAAA,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,GAAyC,SAAS,CAAA;QACtE,IAAI,gBAAgB,GAAyC,SAAS,CAAA;QAEtE,IAAI,UAAU,EAAE;YACd,gBAAgB,GAAG,UAAU,CAAC,EAAE,CAAC,gBAAgB,EAAE,GAAS,EAAE;;gBAC5D,MAAM,WAAW,GAAG,MAAA,CAAC,MAAM,6BAAiB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,mCAAI,EAAE,CAAA;gBAC7E,WAAW,CAAC,WAAW,CAAC,CAAA;YAC1B,CAAC,CAAA,CAAC,CAAA;YACF,gBAAgB,GAAG,UAAU,CAAC,EAAE,CAAC,gBAAgB,EAAE,GAAS,EAAE;;gBAC5D,MAAM,WAAW,GAAG,MAAA,CAAC,MAAM,6BAAiB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,mCAAI,EAAE,CAAA;gBAC7E,WAAW,CAAC,WAAW,CAAC,CAAA;YAC1B,CAAC,CAAA,CAAC,CAAA;SACH;QAED,OAAO,GAAG,EAAE;YACV,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,CAAA;YACpB,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,CAAA;QACtB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AApCY,QAAA,oBAAoB,wBAoChC"}
|
|
@@ -5,14 +5,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
6
|
const react_1 = require("react");
|
|
7
7
|
const Cytoscape_1 = require("../../Cytoscape");
|
|
8
|
-
const lib_1 = require("../../lib");
|
|
9
8
|
const useIcons = () => {
|
|
10
9
|
const theme = (0, material_1.useTheme)();
|
|
11
10
|
const icons = (0, react_1.useMemo)(() => {
|
|
12
|
-
const iconMap =
|
|
11
|
+
const iconMap = (0, Cytoscape_1.generateIconMap)();
|
|
13
12
|
return Object.entries(Cytoscape_1.CyIconSet).reduce((acc, [name, IconComponent]) => {
|
|
14
13
|
const icon = (0, jsx_runtime_1.jsx)(IconComponent, { fontSize: "small" });
|
|
15
|
-
acc[name] = (0,
|
|
14
|
+
acc[name] = (0, Cytoscape_1.encodeSvg)(icon, theme.palette.getContrastText(theme.palette.text.primary));
|
|
16
15
|
return acc;
|
|
17
16
|
}, iconMap);
|
|
18
17
|
}, [theme.palette]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIcons.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useIcons.tsx"],"names":[],"mappings":";;;;AAAA,4CAAwC;AACxC,iCAA+B;AAE/B,+
|
|
1
|
+
{"version":3,"file":"useIcons.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useIcons.tsx"],"names":[],"mappings":";;;;AAAA,4CAAwC;AACxC,iCAA+B;AAE/B,+CAA0F;AAEnF,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,MAAM,OAAO,GAAG,IAAA,2BAAe,GAAE,CAAA;QACjC,OAAO,MAAM,CAAC,OAAO,CAAC,qBAAS,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE,EAAE;YACrE,MAAM,IAAI,GAAG,uBAAC,aAAa,IAAC,QAAQ,EAAC,OAAO,GAAG,CAAA;YAC/C,GAAG,CAAC,IAAyB,CAAC,GAAG,IAAA,qBAAS,EAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA;YAC3G,OAAO,GAAG,CAAA;QACZ,CAAC,EAAE,OAAO,CAAC,CAAA;IACb,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;IAEnB,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAZY,QAAA,QAAQ,YAYpB"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -4,5 +4,4 @@ const tslib_1 = require("tslib");
|
|
|
4
4
|
tslib_1.__exportStar(require("./components"), exports);
|
|
5
5
|
tslib_1.__exportStar(require("./Cytoscape"), exports);
|
|
6
6
|
tslib_1.__exportStar(require("./hooks"), exports);
|
|
7
|
-
tslib_1.__exportStar(require("./lib"), exports);
|
|
8
7
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,sDAA2B;AAC3B,kDAAuB
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,sDAA2B;AAC3B,kDAAuB"}
|