npm - @xyo-network/react-node-renderer - Versions diffs - 2.48.0-rc.1 → 2.48.0-rc.3 - Mend

@xyo-network/react-node-renderer 2.48.0-rc.1 → 2.48.0-rc.3

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 (28) hide show

package/dist/cjs/Cytoscape/CytoscapeIcons.js +2 -0
package/dist/cjs/Cytoscape/CytoscapeIcons.js.map +1 -1
package/dist/cjs/hooks/cytoscape/useCytoscapeElements.js +41 -22
package/dist/cjs/hooks/cytoscape/useCytoscapeElements.js.map +1 -1
package/dist/cjs/hooks/cytoscape/useIcons.js +1 -1
package/dist/cjs/hooks/cytoscape/useIcons.js.map +1 -1
package/dist/cjs/lib/utils.js +6 -1
package/dist/cjs/lib/utils.js.map +1 -1
package/dist/docs.json +53 -57
package/dist/esm/Cytoscape/CytoscapeIcons.js +2 -0
package/dist/esm/Cytoscape/CytoscapeIcons.js.map +1 -1
package/dist/esm/hooks/cytoscape/useCytoscapeElements.js +41 -22
package/dist/esm/hooks/cytoscape/useCytoscapeElements.js.map +1 -1
package/dist/esm/hooks/cytoscape/useIcons.js +1 -1
package/dist/esm/hooks/cytoscape/useIcons.js.map +1 -1
package/dist/esm/lib/utils.js +6 -1
package/dist/esm/lib/utils.js.map +1 -1
package/dist/types/Cytoscape/CytoscapeIcons.d.ts +1 -1
package/dist/types/Cytoscape/CytoscapeIcons.d.ts.map +1 -1
package/dist/types/hooks/cytoscape/useCytoscapeElements.d.ts.map +1 -1
package/dist/types/lib/utils.d.ts +2 -1
package/dist/types/lib/utils.d.ts.map +1 -1
package/package.json +6 -5
package/src/Cytoscape/CytoscapeIcons.tsx +3 -1
package/src/components/RelationalGraph.stories.tsx +77 -25
package/src/hooks/cytoscape/useCytoscapeElements.ts +48 -24
package/src/hooks/cytoscape/useIcons.tsx +1 -1
package/src/lib/utils.ts +9 -2

package/dist/cjs/Cytoscape/CytoscapeIcons.js CHANGED Viewed

@@ -6,6 +6,7 @@ const BubbleChartRounded_1 = tslib_1.__importDefault(require("@mui/icons-materia
 const Hub_1 = tslib_1.__importDefault(require("@mui/icons-material/Hub"));
 const Inventory2Rounded_1 = tslib_1.__importDefault(require("@mui/icons-material/Inventory2Rounded"));
 const QuestionMarkRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/QuestionMarkRounded"));
+const TimerRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/TimerRounded"));
 const VisibilityRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/VisibilityRounded"));
 // eslint-disable-next-line @typescript-eslint/ban-types
 exports.CyIconSet = {
@@ -13,6 +14,7 @@ exports.CyIconSet = {
     diviner: BubbleChartRounded_1.default,
     module: QuestionMarkRounded_1.default,
     node: Hub_1.default,
+    sentinel: TimerRounded_1.default,
     witness: VisibilityRounded_1.default,
 };
 //# sourceMappingURL=CytoscapeIcons.js.map

package/dist/cjs/Cytoscape/CytoscapeIcons.js.map CHANGED Viewed

	@@ -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,sGAAyE;AAMzE,wDAAwD;AAC3C,QAAA,SAAS,GAAyE;IAC7F,SAAS,EAAE,2BAAqB;IAChC,OAAO,EAAE,4BAAsB;IAC/B,MAAM,EAAE,6BAAuB;IAC/B,IAAI,EAAE,aAAO;IACb,OAAO,EAAE,2BAAqB;CAC/B,CAAA"}
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,GAAyE;IAC7F,SAAS,EAAE,2BAAqB;IAChC,OAAO,EAAE,4BAAsB;IAC/B,MAAM,EAAE,6BAAuB;IAC/B,IAAI,EAAE,aAAO;IACb,QAAQ,EAAE,sBAAgB;IAC1B,OAAO,EAAE,2BAAqB;CAC/B,CAAA"}

package/dist/cjs/hooks/cytoscape/useCytoscapeElements.js CHANGED Viewed

@@ -11,33 +11,52 @@ const Cytoscape_1 = require("../../Cytoscape");
  */
 const useCytoscapeElements = (targetNode) => {
     const [elements, setElements] = (0, react_1.useState)([]);
+    const buildElements = (0, react_1.useCallback)((wrapper) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        try {
+            const [description, newRootNode] = yield Cytoscape_1.CytoscapeElements.buildRootNode(wrapper);
+            const newElements = [newRootNode];
+            const children = description.children;
+            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* () {
+                try {
+                    const newNode = yield Cytoscape_1.CytoscapeElements.buildChild(wrapper, address);
+                    newElements.push(newNode);
+                    const newEdge = Cytoscape_1.CytoscapeElements.buildEdge(newRootNode, newNode);
+                    newElements.push(newEdge);
+                }
+                catch (e) {
+                    console.error('Error parsing children', e);
+                }
+            })));
+            setElements(newElements);
+        }
+        catch (e) {
+            console.error('Error Getting initial description', e);
+        }
+    }), []);
     (0, react_shared_1.useAsyncEffect)(
     // eslint-disable-next-line react-hooks/exhaustive-deps
     () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        var _a;
         if (targetNode) {
-            try {
-                const [description, newRootNode] = yield Cytoscape_1.CytoscapeElements.buildRootNode(targetNode);
-                const newElements = [newRootNode];
-                const children = description.children;
-                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* () {
-                    try {
-                        const newNode = yield Cytoscape_1.CytoscapeElements.buildChild(targetNode, address);
-                        newElements.push(newNode);
-                        const newEdge = Cytoscape_1.CytoscapeElements.buildEdge(newRootNode, newNode);
-                        newElements.push(newEdge);
-                    }
-                    catch (e) {
-                        console.error('Error parsing children', e);
-                    }
-                })));
-                setElements(newElements);
-            }
-            catch (e) {
-                console.error('Error Getting initial description', e);
-            }
+            yield buildElements(targetNode);
+        }
+    }), [buildElements, targetNode]);
+    (0, react_1.useEffect)(() => {
+        let attachedListener = undefined;
+        let detachedListener = undefined;
+        if (targetNode) {
+            attachedListener = targetNode.on('moduleAttached', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+                yield buildElements(targetNode);
+            }));
+            detachedListener = targetNode.on('moduleDetached', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+                yield buildElements(targetNode);
+            }));
         }
-    }), [targetNode]);
+        return () => {
+            attachedListener === null || attachedListener === void 0 ? void 0 : attachedListener();
+            detachedListener === null || detachedListener === void 0 ? void 0 : detachedListener();
+        };
+    }, [buildElements, targetNode]);
     return elements;
 };
 exports.useCytoscapeElements = useCytoscapeElements;

package/dist/cjs/hooks/cytoscape/useCytoscapeElements.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCytoscapeElements.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeElements.ts"],"names":[],"mappings":";;;;AAAA,uDAAqD;~~AAGrD~~,~~iCAAgC~~;~~AAEhC~~,+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~~,IAAI;~~gBACF~~,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,MAAM,6BAAiB,CAAC,aAAa,CAAC,~~UAAU~~,CAAC,CAAA;~~gBACpF~~,MAAM,WAAW,GAAG,CAAC,WAAW,CAAC,CAAA;~~gBAEjC~~,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,6BAAiB,CAAC,UAAU,CAAC,~~UAAU~~,EAAE,OAAO,CAAC,CAAA;~~wBACvE~~,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;~~wBAEzB~~,MAAM,OAAO,GAAG,6BAAiB,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~~,WAAW,CAAC,WAAW,CAAC,CAAA;~~aACzB~~;~~YAAC~~,OAAO,CAAC,EAAE;~~gBACV~~,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,CAAC,CAAC,CAAA;~~aACtD~~;~~SACF~~;IACH,CAAC,CAAA,EACD,CAAC,UAAU,CAAC,~~CACb~~,CAAA;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;~~AAnCY~~,QAAA,oBAAoB,~~wBAmChC~~"}
1	+ {"version":3,"file":"useCytoscapeElements.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeElements.ts"],"names":[],"mappings":";;;;AAAA,uDAAqD;AAIrD,iCAAwD;AAExD,+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,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,CAAO,OAAoB,EAAE,EAAE;;QAC/D,IAAI;YACF,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,MAAM,6BAAiB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;YACjF,MAAM,WAAW,GAAG,CAAC,WAAW,CAAC,CAAA;YAEjC,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAA;YACrC,MAAM,OAAO,CAAC,UAAU,CACtB,MAAA,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAC,0CAAE,GAAG,CAAC,CAAO,OAAO,EAAE,EAAE;gBACtC,IAAI;oBACF,MAAM,OAAO,GAAG,MAAM,6BAAiB,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;oBACpE,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;oBAEzB,MAAM,OAAO,GAAG,6BAAiB,CAAC,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC,CAAA;oBACjE,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;iBAC1B;gBAAC,OAAO,CAAC,EAAE;oBACV,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAA;iBAC3C;YACH,CAAC,CAAA,CAAC,CACH,CAAA;YACD,WAAW,CAAC,WAAW,CAAC,CAAA;SACzB;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,CAAC,CAAC,CAAA;SACtD;IACH,CAAC,CAAA,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,6BAAc;IACZ,uDAAuD;IACvD,GAAS,EAAE;QACT,IAAI,UAAU,EAAE;YACd,MAAM,aAAa,CAAC,UAAU,CAAC,CAAA;SAChC;IACH,CAAC,CAAA,EACD,CAAC,aAAa,EAAE,UAAU,CAAC,CAC5B,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,aAAa,CAAC,UAAU,CAAC,CAAA;YACjC,CAAC,CAAA,CAAC,CAAA;YACF,gBAAgB,GAAG,UAAU,CAAC,EAAE,CAAC,gBAAgB,EAAE,GAAS,EAAE;gBAC5D,MAAM,aAAa,CAAC,UAAU,CAAC,CAAA;YACjC,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,aAAa,EAAE,UAAU,CAAC,CAAC,CAAA;IAE/B,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AA1DY,QAAA,oBAAoB,wBA0DhC"}

package/dist/cjs/hooks/cytoscape/useIcons.js CHANGED Viewed

@@ -9,7 +9,7 @@ const lib_1 = require("../../lib");
 const useIcons = () => {
     const theme = (0, material_1.useTheme)();
     const icons = (0, react_1.useMemo)(() => {
-        const iconMap = { archivist: '', diviner: '', module: '', node: '', witness: '' };
+        const iconMap = { archivist: '', diviner: '', module: '', node: '', sentinel: '', witness: '' };
         return Object.entries(Cytoscape_1.CyIconSet).reduce((acc, [name, IconComponent]) => {
             const icon = (0, jsx_runtime_1.jsx)(IconComponent, { fontSize: "small" });
             acc[name] = (0, lib_1.encodeSvg)(icon, theme.palette.getContrastText(theme.palette.text.primary));

package/dist/cjs/hooks/cytoscape/useIcons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useIcons.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useIcons.tsx"],"names":[],"mappings":";;;;AAAA,4CAAwC;AACxC,iCAA+B;AAE/B,+CAAwD;AACxD,mCAAqC;AAE9B,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,GAAgC,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAA;~~QAC9G~~,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,IAAmB,CAAC,GAAG,IAAA,eAAS,EAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA;YACrG,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"}
1	+ {"version":3,"file":"useIcons.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useIcons.tsx"],"names":[],"mappings":";;;;AAAA,4CAAwC;AACxC,iCAA+B;AAE/B,+CAAwD;AACxD,mCAAqC;AAE9B,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,GAAgC,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAA;QAC5H,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,IAAmB,CAAC,GAAG,IAAA,eAAS,EAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA;YACrG,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/lib/utils.js CHANGED Viewed

@@ -17,7 +17,7 @@ const encodeSvg = (reactElement, color) => {
 };
 exports.encodeSvg = encodeSvg;
 const parseModuleType = (queries) => {
-    let type;
+    let type = 'module';
     if (queries) {
         for (let i = 0; i < queries.length; i++) {
             if (queries[i].includes('archivist')) {
@@ -32,6 +32,10 @@ const parseModuleType = (queries) => {
                 type = 'node';
                 break;
             }
+            if (queries[i].includes('sentinel')) {
+                type = 'sentinel';
+                break;
+            }
             if (queries[i].includes('witness')) {
                 type = 'witness';
                 break;
@@ -40,6 +44,7 @@ const parseModuleType = (queries) => {
         }
         return type;
     }
+    return 'module';
 };
 exports.parseModuleType = parseModuleType;
 //# sourceMappingURL=utils.js.map

package/dist/cjs/lib/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/lib/utils.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;AAEM,MAAM,eAAe,GAAG,CAAC,OAAkB,~~EAAE~~,EAAE;~~IACpD~~,IAAI,IAAI,CAAA;~~IACR~~,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,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,SAAS,CAAC,EAAE;gBAClC,IAAI,GAAG,SAAS,CAAA;gBAChB,MAAK;aACN;YACD,IAAI,GAAG,QAAQ,CAAA;SAChB;QACD,OAAO,IAAI,CAAA;KACZ;~~AACH~~,CAAC,CAAA;~~AAxBY~~,QAAA,eAAe,~~mBAwB3B~~"}
1	+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":";;;AACA,sDAAsD;AACtD,6CAAuD;AAIvD,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;AAEM,MAAM,eAAe,GAAG,CAAC,OAAkB,EAAe,EAAE;IACjE,IAAI,IAAI,GAAgB,QAAQ,CAAA;IAChC,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,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;AA7BY,QAAA,eAAe,mBA6B3B"}

package/dist/docs.json CHANGED Viewed

@@ -47,7 +47,7 @@
 							"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts",
 							"line": 8,
 							"character": 9,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L8"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L8"
 						}
 					],
 					"type": {
@@ -69,7 +69,7 @@
 							"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts",
 							"line": 10,
 							"character": 9,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L10"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L10"
 						}
 					],
 					"signatures": [
@@ -327,7 +327,7 @@
 							"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts",
 							"line": 16,
 							"character": 9,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L16"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L16"
 						}
 					],
 					"signatures": [
@@ -385,7 +385,7 @@
 													"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts",
 													"line": 18,
 													"character": 6,
-													"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L18"
+													"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L18"
 												}
 											],
 											"type": {
@@ -408,7 +408,7 @@
 																	"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts",
 																	"line": 19,
 																	"character": 8,
-																	"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L19"
+																	"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L19"
 																}
 															],
 															"type": {
@@ -428,7 +428,7 @@
 																	"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts",
 																	"line": 20,
 																	"character": 8,
-																	"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L20"
+																	"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L20"
 																}
 															],
 															"type": {
@@ -457,7 +457,7 @@
 																	"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts",
 																	"line": 21,
 																	"character": 8,
-																	"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L21"
+																	"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L21"
 																}
 															],
 															"type": {
@@ -491,7 +491,7 @@
 															"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts",
 															"line": 18,
 															"character": 12,
-															"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L18"
+															"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L18"
 														}
 													]
 												}
@@ -512,7 +512,7 @@
 											"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts",
 											"line": 17,
 											"character": 11,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L17"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L17"
 										}
 									]
 								}
@@ -533,7 +533,7 @@
 							"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts",
 							"line": 26,
 							"character": 9,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L26"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L26"
 						}
 					],
 					"signatures": [
@@ -580,7 +580,7 @@
 							"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts",
 							"line": 37,
 							"character": 9,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L37"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L37"
 						}
 					],
 					"signatures": [
@@ -838,7 +838,7 @@
 							"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts",
 							"line": 42,
 							"character": 9,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L42"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L42"
 						}
 					],
 					"signatures": [
@@ -909,7 +909,7 @@
 					"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts",
 					"line": 7,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L7"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeElements.ts#L7"
 				}
 			]
 		},
@@ -933,7 +933,7 @@
 							"fileName": "packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx",
 							"line": 10,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L10"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L10"
 						}
 					],
 					"type": {
@@ -13905,7 +13905,7 @@
 							"fileName": "packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx",
 							"line": 11,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L11"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L11"
 						}
 					],
 					"type": {
@@ -19329,13 +19329,13 @@
 					"fileName": "packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx",
 					"line": 9,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L9"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L9"
 				},
 				{
 					"fileName": "packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx",
 					"line": 14,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L14"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L14"
 				}
 			],
 			"extendedTypes": [
@@ -19356,9 +19356,9 @@
 			"sources": [
 				{
 					"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeIcons.tsx",
-					"line": 9,
+					"line": 10,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeIcons.tsx#L9"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeIcons.tsx#L10"
 				}
 			],
 			"type": {
@@ -19383,6 +19383,10 @@
 					{
 						"type": "literal",
 						"value": "witness"
+					},
+					{
+						"type": "literal",
+						"value": "sentinel"
 					}
 				]
 			}
@@ -19398,9 +19402,9 @@
 			"sources": [
 				{
 					"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeIcons.tsx",
-					"line": 12,
+					"line": 13,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeIcons.tsx#L12"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeIcons.tsx#L13"
 				}
 			],
 			"type": {
@@ -19428,9 +19432,9 @@
 											"sources": [
 												{
 													"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeIcons.tsx",
-													"line": 12,
+													"line": 13,
 													"character": 80,
-													"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeIcons.tsx#L12"
+													"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeIcons.tsx#L13"
 												}
 											]
 										}
@@ -19467,7 +19471,7 @@
 					"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts",
 					"line": 28,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L28"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L28"
 				}
 			],
 			"signatures": [
@@ -19525,7 +19529,7 @@
 											"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts",
 											"line": 29,
 											"character": 2,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L29"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L29"
 										}
 									],
 									"type": {
@@ -19545,7 +19549,7 @@
 											"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts",
 											"line": 30,
 											"character": 2,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L30"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L30"
 										}
 									],
 									"type": {
@@ -19568,7 +19572,7 @@
 															"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts",
 															"line": 31,
 															"character": 4,
-															"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L31"
+															"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L31"
 														}
 													],
 													"type": {
@@ -19588,7 +19592,7 @@
 															"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts",
 															"line": 32,
 															"character": 4,
-															"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L32"
+															"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L32"
 														}
 													],
 													"type": {
@@ -19617,7 +19621,7 @@
 															"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts",
 															"line": 33,
 															"character": 4,
-															"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L33"
+															"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L33"
 														}
 													],
 													"type": {
@@ -19637,7 +19641,7 @@
 															"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts",
 															"line": 34,
 															"character": 4,
-															"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L34"
+															"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L34"
 														}
 													],
 													"type": {
@@ -19666,7 +19670,7 @@
 															"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts",
 															"line": 35,
 															"character": 4,
-															"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L35"
+															"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L35"
 														}
 													],
 													"type": {
@@ -19686,7 +19690,7 @@
 															"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts",
 															"line": 36,
 															"character": 4,
-															"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L36"
+															"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L36"
 														}
 													],
 													"type": {
@@ -19714,7 +19718,7 @@
 													"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts",
 													"line": 30,
 													"character": 9,
-													"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L30"
+													"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L30"
 												}
 											]
 										}
@@ -19736,7 +19740,7 @@
 									"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts",
 									"line": 28,
 									"character": 78,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L28"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L28"
 								}
 							]
 						}
@@ -19755,7 +19759,7 @@
 					"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts",
 					"line": 5,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L5"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L5"
 				}
 			],
 			"signatures": [
@@ -19800,13 +19804,13 @@
 					"fileName": "packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx",
 					"line": 9,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L9"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L9"
 				},
 				{
 					"fileName": "packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx",
 					"line": 14,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L14"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L14"
 				}
 			],
 			"signatures": [
@@ -19913,7 +19917,7 @@
 					"fileName": "packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts",
 					"line": 15,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L15"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/Cytoscape/CytoscapeStyles.ts#L15"
 				}
 			],
 			"signatures": [
@@ -19980,9 +19984,9 @@
 			"sources": [
 				{
 					"fileName": "packages/sdk/packages/node-renderer/src/lib/utils.ts",
-					"line": 7,
+					"line": 9,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/lib/utils.ts#L7"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/lib/utils.ts#L9"
 				}
 			],
 			"signatures": [
@@ -20063,9 +20067,9 @@
 			"sources": [
 				{
 					"fileName": "packages/sdk/packages/node-renderer/src/lib/utils.ts",
-					"line": 21,
+					"line": 23,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/lib/utils.ts#L21"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/lib/utils.ts#L23"
 				}
 			],
 			"signatures": [
@@ -20094,17 +20098,9 @@
 						}
 					],
 					"type": {
-						"type": "union",
-						"types": [
-							{
-								"type": "intrinsic",
-								"name": "undefined"
-							},
-							{
-								"type": "intrinsic",
-								"name": "string"
-							}
-						]
+						"type": "reference",
+						"id": 416,
+						"name": "CyNodeIcons"
 					}
 				}
 			]
@@ -20118,9 +20114,9 @@
 			"sources": [
 				{
 					"fileName": "packages/sdk/packages/node-renderer/src/hooks/cytoscape/useCytoscapeElements.ts",
-					"line": 12,
+					"line": 13,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/hooks/cytoscape/useCytoscapeElements.ts#L12"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/hooks/cytoscape/useCytoscapeElements.ts#L13"
 				}
 			],
 			"signatures": [
@@ -20370,7 +20366,7 @@
 					"fileName": "packages/sdk/packages/node-renderer/src/hooks/cytoscape/useCytoscapeOptions.ts",
 					"line": 7,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/hooks/cytoscape/useCytoscapeOptions.ts#L7"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/hooks/cytoscape/useCytoscapeOptions.ts#L7"
 				}
 			],
 			"signatures": [
@@ -20553,7 +20549,7 @@
 			"fileName": "packages/sdk/packages/node-renderer/src/index.ts",
 			"line": 1,
 			"character": 0,
-			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a59ee2c451b/packages/sdk/packages/node-renderer/src/index.ts#L1"
+			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5cee617f5/packages/sdk/packages/node-renderer/src/index.ts#L1"
 		}
 	]
 }

package/dist/esm/Cytoscape/CytoscapeIcons.js CHANGED Viewed

@@ -2,6 +2,7 @@ import BubbleChartRoundedIcon from '@mui/icons-material/BubbleChartRounded';
 import HubIcon from '@mui/icons-material/Hub';
 import Inventory2RoundedIcon from '@mui/icons-material/Inventory2Rounded';
 import QuestionMarkRoundedIcon from '@mui/icons-material/QuestionMarkRounded';
+import TimerRoundedIcon from '@mui/icons-material/TimerRounded';
 import VisibilityRoundedIcon from '@mui/icons-material/VisibilityRounded';
 // eslint-disable-next-line @typescript-eslint/ban-types
 export const CyIconSet = {
@@ -9,6 +10,7 @@ export const CyIconSet = {
     diviner: BubbleChartRoundedIcon,
     module: QuestionMarkRoundedIcon,
     node: HubIcon,
+    sentinel: TimerRoundedIcon,
     witness: VisibilityRoundedIcon,
 };
 //# sourceMappingURL=CytoscapeIcons.js.map

package/dist/esm/Cytoscape/CytoscapeIcons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CytoscapeIcons.js","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,wCAAwC,CAAA;AAC3E,OAAO,OAAO,MAAM,yBAAyB,CAAA;AAC7C,OAAO,qBAAqB,MAAM,uCAAuC,CAAA;AACzE,OAAO,uBAAuB,MAAM,yCAAyC,CAAA;AAC7E,OAAO,qBAAqB,MAAM,uCAAuC,CAAA;AAMzE,wDAAwD;AACxD,MAAM,CAAC,MAAM,SAAS,GAAyE;IAC7F,SAAS,EAAE,qBAAqB;IAChC,OAAO,EAAE,sBAAsB;IAC/B,MAAM,EAAE,uBAAuB;IAC/B,IAAI,EAAE,OAAO;IACb,OAAO,EAAE,qBAAqB;CAC/B,CAAA"}
1	+ {"version":3,"file":"CytoscapeIcons.js","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,wCAAwC,CAAA;AAC3E,OAAO,OAAO,MAAM,yBAAyB,CAAA;AAC7C,OAAO,qBAAqB,MAAM,uCAAuC,CAAA;AACzE,OAAO,uBAAuB,MAAM,yCAAyC,CAAA;AAC7E,OAAO,gBAAgB,MAAM,kCAAkC,CAAA;AAC/D,OAAO,qBAAqB,MAAM,uCAAuC,CAAA;AAMzE,wDAAwD;AACxD,MAAM,CAAC,MAAM,SAAS,GAAyE;IAC7F,SAAS,EAAE,qBAAqB;IAChC,OAAO,EAAE,sBAAsB;IAC/B,MAAM,EAAE,uBAAuB;IAC/B,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,gBAAgB;IAC1B,OAAO,EAAE,qBAAqB;CAC/B,CAAA"}

package/dist/esm/hooks/cytoscape/useCytoscapeElements.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useAsyncEffect } from '@xylabs/react-shared';
-import { useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { CytoscapeElements } from '../../Cytoscape';
 /**
  * Note: Relies on describe but could eventually be converted to a discover call
@@ -7,32 +7,51 @@ import { CytoscapeElements } from '../../Cytoscape';
  */
 export const useCytoscapeElements = (targetNode) => {
     const [elements, setElements] = useState([]);
+    const buildElements = useCallback(async (wrapper) => {
+        try {
+            const [description, newRootNode] = await CytoscapeElements.buildRootNode(wrapper);
+            const newElements = [newRootNode];
+            const children = description.children;
+            await Promise.allSettled((children ?? [])?.map(async (address) => {
+                try {
+                    const newNode = await CytoscapeElements.buildChild(wrapper, address);
+                    newElements.push(newNode);
+                    const newEdge = CytoscapeElements.buildEdge(newRootNode, newNode);
+                    newElements.push(newEdge);
+                }
+                catch (e) {
+                    console.error('Error parsing children', e);
+                }
+            }));
+            setElements(newElements);
+        }
+        catch (e) {
+            console.error('Error Getting initial description', e);
+        }
+    }, []);
     useAsyncEffect(
     // eslint-disable-next-line react-hooks/exhaustive-deps
     async () => {
         if (targetNode) {
-            try {
-                const [description, newRootNode] = await CytoscapeElements.buildRootNode(targetNode);
-                const newElements = [newRootNode];
-                const children = description.children;
-                await Promise.allSettled((children ?? [])?.map(async (address) => {
-                    try {
-                        const newNode = await CytoscapeElements.buildChild(targetNode, address);
-                        newElements.push(newNode);
-                        const newEdge = CytoscapeElements.buildEdge(newRootNode, newNode);
-                        newElements.push(newEdge);
-                    }
-                    catch (e) {
-                        console.error('Error parsing children', e);
-                    }
-                }));
-                setElements(newElements);
-            }
-            catch (e) {
-                console.error('Error Getting initial description', e);
-            }
+            await buildElements(targetNode);
+        }
+    }, [buildElements, targetNode]);
+    useEffect(() => {
+        let attachedListener = undefined;
+        let detachedListener = undefined;
+        if (targetNode) {
+            attachedListener = targetNode.on('moduleAttached', async () => {
+                await buildElements(targetNode);
+            });
+            detachedListener = targetNode.on('moduleDetached', async () => {
+                await buildElements(targetNode);
+            });
         }
-    }, [targetNode]);
+        return () => {
+            attachedListener?.();
+            detachedListener?.();
+        };
+    }, [buildElements, targetNode]);
     return elements;
 };
 //# sourceMappingURL=useCytoscapeElements.js.map

package/dist/esm/hooks/cytoscape/useCytoscapeElements.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCytoscapeElements.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeElements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;~~AAGrD~~,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;~~AAEhC~~,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,UAAwB,EAAE,EAAE;IAC/D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAA;IAEjE,~~cAAc;IACZ~~,~~uDAAuD;IACvD~~,KAAK,~~IAAI,~~EAAE~~;QACT~~,~~IAAI~~,~~UAAU~~,EAAE;~~YACd~~,IAAI;~~gBACF~~,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,MAAM,iBAAiB,CAAC,aAAa,CAAC,~~UAAU~~,CAAC,CAAA;~~gBACpF~~,MAAM,WAAW,GAAG,CAAC,WAAW,CAAC,CAAA;~~gBAEjC~~,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAA;~~gBACrC~~,MAAM,OAAO,CAAC,UAAU,CACtB,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;~~oBACtC~~,IAAI;~~wBACF~~,MAAM,OAAO,GAAG,MAAM,iBAAiB,CAAC,UAAU,CAAC,~~UAAU~~,EAAE,OAAO,CAAC,CAAA;~~wBACvE~~,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,CAAC,CACH,CAAA;~~gBACD~~,WAAW,CAAC,WAAW,CAAC,CAAA;~~aACzB~~;~~YAAC~~,OAAO,CAAC,EAAE;~~gBACV~~,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,CAAC,CAAC,CAAA;~~aACtD~~;~~SACF~~;IACH,CAAC,EACD,CAAC,UAAU,CAAC,~~CACb~~,CAAA;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA"}
1	+ {"version":3,"file":"useCytoscapeElements.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeElements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,UAAwB,EAAE,EAAE;IAC/D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAA;IAEjE,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,EAAE,OAAoB,EAAE,EAAE;QAC/D,IAAI;YACF,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,MAAM,iBAAiB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;YACjF,MAAM,WAAW,GAAG,CAAC,WAAW,CAAC,CAAA;YAEjC,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAA;YACrC,MAAM,OAAO,CAAC,UAAU,CACtB,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;gBACtC,IAAI;oBACF,MAAM,OAAO,GAAG,MAAM,iBAAiB,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;oBACpE,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;oBAEzB,MAAM,OAAO,GAAG,iBAAiB,CAAC,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC,CAAA;oBACjE,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;iBAC1B;gBAAC,OAAO,CAAC,EAAE;oBACV,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAA;iBAC3C;YACH,CAAC,CAAC,CACH,CAAA;YACD,WAAW,CAAC,WAAW,CAAC,CAAA;SACzB;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,CAAC,CAAC,CAAA;SACtD;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,cAAc;IACZ,uDAAuD;IACvD,KAAK,IAAI,EAAE;QACT,IAAI,UAAU,EAAE;YACd,MAAM,aAAa,CAAC,UAAU,CAAC,CAAA;SAChC;IACH,CAAC,EACD,CAAC,aAAa,EAAE,UAAU,CAAC,CAC5B,CAAA;IAED,SAAS,CAAC,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,KAAK,IAAI,EAAE;gBAC5D,MAAM,aAAa,CAAC,UAAU,CAAC,CAAA;YACjC,CAAC,CAAC,CAAA;YACF,gBAAgB,GAAG,UAAU,CAAC,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;gBAC5D,MAAM,aAAa,CAAC,UAAU,CAAC,CAAA;YACjC,CAAC,CAAC,CAAA;SACH;QAED,OAAO,GAAG,EAAE;YACV,gBAAgB,EAAE,EAAE,CAAA;YACpB,gBAAgB,EAAE,EAAE,CAAA;QACtB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAA;IAE/B,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA"}

package/dist/esm/hooks/cytoscape/useIcons.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { encodeSvg } from '../../lib';
 export const useIcons = () => {
     const theme = useTheme();
     const icons = useMemo(() => {
-        const iconMap = { archivist: '', diviner: '', module: '', node: '', witness: '' };
+        const iconMap = { archivist: '', diviner: '', module: '', node: '', sentinel: '', witness: '' };
         return Object.entries(CyIconSet).reduce((acc, [name, IconComponent]) => {
             const icon = _jsx(IconComponent, { fontSize: "small" });
             acc[name] = encodeSvg(icon, theme.palette.getContrastText(theme.palette.text.primary));

package/dist/esm/hooks/cytoscape/useIcons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useIcons.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useIcons.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,SAAS,EAAe,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAErC,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,OAAO,GAAgC,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAA;~~QAC9G~~,OAAO,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE,EAAE;YACrE,MAAM,IAAI,GAAG,KAAC,aAAa,IAAC,QAAQ,EAAC,OAAO,GAAG,CAAA;YAC/C,GAAG,CAAC,IAAmB,CAAC,GAAG,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA;YACrG,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"}
1	+ {"version":3,"file":"useIcons.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useIcons.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,SAAS,EAAe,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAErC,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,OAAO,GAAgC,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAA;QAC5H,OAAO,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE,EAAE;YACrE,MAAM,IAAI,GAAG,KAAC,aAAa,IAAC,QAAQ,EAAC,OAAO,GAAG,CAAA;YAC/C,GAAG,CAAC,IAAmB,CAAC,GAAG,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA;YACrG,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"}

package/dist/esm/lib/utils.js CHANGED Viewed

@@ -13,7 +13,7 @@ export const encodeSvg = (reactElement, color) => {
     return `${dataUri}${window.encodeURIComponent(svgElement.outerHTML)}`;
 };
 export const parseModuleType = (queries) => {
-    let type;
+    let type = 'module';
     if (queries) {
         for (let i = 0; i < queries.length; i++) {
             if (queries[i].includes('archivist')) {
@@ -28,6 +28,10 @@ export const parseModuleType = (queries) => {
                 type = 'node';
                 break;
             }
+            if (queries[i].includes('sentinel')) {
+                type = 'sentinel';
+                break;
+            }
             if (queries[i].includes('witness')) {
                 type = 'witness';
                 break;
@@ -36,5 +40,6 @@ export const parseModuleType = (queries) => {
         }
         return type;
     }
+    return 'module';
 };
 //# sourceMappingURL=utils.js.map

package/dist/esm/lib/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":"AACA,sDAAsD;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;~~AAEvD~~,MAAM,OAAO,GAAG,qBAAqB,CAAA;AAErC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,YAA0B,EAAE,KAAc,EAAE,EAAE;IACtE,MAAM,SAAS,GAAG,oBAAoB,CAAC,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,IAAI,OAAO,CAAA;KACzC;IAED,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC,kBAAkB,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAA;AACvE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAkB,~~EAAE~~,EAAE;~~IACpD~~,IAAI,IAAI,CAAA;~~IACR~~,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,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,SAAS,CAAC,EAAE;gBAClC,IAAI,GAAG,SAAS,CAAA;gBAChB,MAAK;aACN;YACD,IAAI,GAAG,QAAQ,CAAA;SAChB;QACD,OAAO,IAAI,CAAA;KACZ;~~AACH~~,CAAC,CAAA"}
1	+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":"AACA,sDAAsD;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAIvD,MAAM,OAAO,GAAG,qBAAqB,CAAA;AAErC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,YAA0B,EAAE,KAAc,EAAE,EAAE;IACtE,MAAM,SAAS,GAAG,oBAAoB,CAAC,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,IAAI,OAAO,CAAA;KACzC;IAED,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC,kBAAkB,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAA;AACvE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAkB,EAAe,EAAE;IACjE,IAAI,IAAI,GAAgB,QAAQ,CAAA;IAChC,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,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"}

package/dist/types/Cytoscape/CytoscapeIcons.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { SvgIconTypeMap } from '@mui/material';
 import { OverridableComponent } from '@mui/material/OverridableComponent';
-export type CyNodeIcons = 'archivist' | 'diviner' | 'module' | 'node' | 'witness';
+export type CyNodeIcons = 'archivist' | 'diviner' | 'module' | 'node' | 'witness' | 'sentinel';
 export declare const CyIconSet: Record<CyNodeIcons, OverridableComponent<SvgIconTypeMap<{}, 'svg'>>>;
 //# sourceMappingURL=CytoscapeIcons.d.ts.map

package/dist/types/Cytoscape/CytoscapeIcons.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CytoscapeIcons.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeIcons.tsx"],"names":[],"mappings":"~~AAKA~~,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAEzE,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAA;~~AAGjF~~,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,oBAAoB,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,~~CAM1F~~,CAAA"}
1	+ {"version":3,"file":"CytoscapeIcons.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeIcons.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAEzE,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;AAG9F,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,oBAAoB,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAO1F,CAAA"}

package/dist/types/hooks/cytoscape/useCytoscapeElements.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCytoscapeElements.d.ts","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeElements.ts"],"names":[],"mappings":"~~AACA~~,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAK7C;;;GAGG;AACH,eAAO,MAAM,oBAAoB,gBAAiB,WAAW,~~wBAmC5D~~,CAAA"}
1	+ {"version":3,"file":"useCytoscapeElements.d.ts","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeElements.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAK7C;;;GAGG;AACH,eAAO,MAAM,oBAAoB,gBAAiB,WAAW,wBA0D5D,CAAA"}

package/dist/types/lib/utils.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { ReactElement } from 'react';
+import { CyNodeIcons } from '../Cytoscape';
 export declare const encodeSvg: (reactElement: ReactElement, color?: string) => string;
-export declare const parseModuleType: (queries?: string[]) => string | undefined;
+export declare const parseModuleType: (queries?: string[]) => CyNodeIcons;
 //# sourceMappingURL=utils.d.ts.map

package/dist/types/lib/utils.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;~~AAMpC~~,eAAO,MAAM,SAAS,iBAAkB,YAAY,UAAU,MAAM,WAYnE,CAAA;AAED,eAAO,MAAM,eAAe,aAAc,MAAM,EAAE,~~uBAwBjD~~,CAAA"}
1	+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAIpC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAI1C,eAAO,MAAM,SAAS,iBAAkB,YAAY,UAAU,MAAM,WAYnE,CAAA;AAED,eAAO,MAAM,eAAe,aAAc,MAAM,EAAE,KAAG,WA6BpD,CAAA"}

package/package.json CHANGED Viewed

@@ -14,7 +14,7 @@
     "@xylabs/react-shared": "next",
     "@xyo-network/module": "next",
     "@xyo-network/node": "next",
-    "@xyo-network/react-shared": "^2.48.0-rc.1",
+    "@xyo-network/react-shared": "^2.48.0-rc.3",
     "cytoscape": "^3.23.0"
   },
   "peerDependencies": {
@@ -38,9 +38,10 @@
     "@xyo-network/id-plugin": "next",
     "@xyo-network/module": "next",
     "@xyo-network/node": "next",
-    "@xyo-network/react-node": "^2.48.0-rc.1",
-    "@xyo-network/react-storybook": "^2.48.0-rc.1",
-    "@xyo-network/react-wallet": "^2.48.0-rc.1",
+    "@xyo-network/react-node": "^2.48.0-rc.3",
+    "@xyo-network/react-storybook": "^2.48.0-rc.3",
+    "@xyo-network/react-wallet": "^2.48.0-rc.3",
+    "@xyo-network/sentinel": "next",
     "require-from-string": "^2.0.2",
     "typescript": "^4.9.5"
   },
@@ -87,6 +88,6 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.48.0-rc.1",
+  "version": "2.48.0-rc.3",
   "stableVersion": "2.47.46"
 }

package/src/Cytoscape/CytoscapeIcons.tsx CHANGED Viewed

@@ -2,11 +2,12 @@ import BubbleChartRoundedIcon from '@mui/icons-material/BubbleChartRounded'
 import HubIcon from '@mui/icons-material/Hub'
 import Inventory2RoundedIcon from '@mui/icons-material/Inventory2Rounded'
 import QuestionMarkRoundedIcon from '@mui/icons-material/QuestionMarkRounded'
+import TimerRoundedIcon from '@mui/icons-material/TimerRounded'
 import VisibilityRoundedIcon from '@mui/icons-material/VisibilityRounded'
 import { SvgIconTypeMap } from '@mui/material'
 import { OverridableComponent } from '@mui/material/OverridableComponent'
-export type CyNodeIcons = 'archivist' | 'diviner' | 'module' | 'node' | 'witness'
+export type CyNodeIcons = 'archivist' | 'diviner' | 'module' | 'node' | 'witness' | 'sentinel'
 // eslint-disable-next-line @typescript-eslint/ban-types
 export const CyIconSet: Record<CyNodeIcons, OverridableComponent<SvgIconTypeMap<{}, 'svg'>>> = {
@@ -14,5 +15,6 @@ export const CyIconSet: Record<CyNodeIcons, OverridableComponent<SvgIconTypeMap<
   diviner: BubbleChartRoundedIcon,
   module: QuestionMarkRoundedIcon,
   node: HubIcon,
+  sentinel: TimerRoundedIcon,
   witness: VisibilityRoundedIcon,
 }

package/src/components/RelationalGraph.stories.tsx CHANGED Viewed

@@ -1,3 +1,4 @@
+import { Button, ButtonGroup } from '@mui/material'
 import { ComponentStory, DecoratorFn, Meta } from '@storybook/react'
 import { useAsyncEffect } from '@xylabs/react-shared'
 import { HDWallet } from '@xyo-network/account'
@@ -8,6 +9,7 @@ import { MemoryNode, NodeConfigSchema, NodeWrapper } from '@xyo-network/node'
 import { NodeProvider, useModule, useProvidedWrappedNode } from '@xyo-network/react-node'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
 import { WalletProvider } from '@xyo-network/react-wallet'
+import { MemorySentinel, SentinelConfigSchema } from '@xyo-network/sentinel'
 import { useMemo, useState } from 'react'
 import { useCytoscapeElements, useCytoscapeOptions } from '../hooks'
@@ -23,30 +25,34 @@ export const MemoryNodeDecorator: DecoratorFn = (Story, args) => {
   useAsyncEffect(
     // eslint-disable-next-line react-hooks/exhaustive-deps
     async () => {
-      const node = await MemoryNode.create({ config: { name: 'GlobalNode', schema: NodeConfigSchema } })
-      const node1 = await MemoryNode.create({ config: { name: 'ChildNode', schema: NodeConfigSchema } })
-      const bridge = await HttpBridge.create({
-        config: { name: 'Bridge', nodeUrl, schema: HttpBridgeConfigSchema, security: { allowAnonymous: true } },
-      })
-      await node.register(bridge)
-      await node.attach(bridge.address, true)
-      const archivist = await MemoryArchivist.create({ config: { name: 'RootStorageArchivist', schema: ArchivistConfigSchema } })
-      await node.register(archivist)
-      await node.attach(archivist.address, true)
-      const archivist1 = await MemoryArchivist.create({ config: { name: 'RootStorageArchivist1', schema: ArchivistConfigSchema } })
-      await node1.register(archivist1)
-      await node1.attach(archivist1.address, true)
-      const witnessModule = await IdWitness.create({ config: { name: 'IdWitness', salt: 'test', schema: IdWitnessConfigSchema } })
-      await node1.register(witnessModule)
-      await node1.attach(witnessModule.address, true)
-      await node.register(node1)
-      await node.attach(node1.address, true)
-      setNode(node)
+      try {
+        const node = await MemoryNode.create({ config: { name: 'GlobalNode', schema: NodeConfigSchema } })
+        const node1 = await MemoryNode.create({ config: { name: 'ChildNode', schema: NodeConfigSchema } })
+        const bridge = await HttpBridge.create({
+          config: { name: 'Bridge', nodeUrl, schema: HttpBridgeConfigSchema, security: { allowAnonymous: true } },
+        })
+        await node.register(bridge)
+        await node.attach(bridge.address, true)
+        const archivist = await MemoryArchivist.create({ config: { name: 'RootStorageArchivist', schema: ArchivistConfigSchema } })
+        await node.register(archivist)
+        await node.attach(archivist.address, true)
+        const sentinel = await MemorySentinel.create({ config: { name: 'MemorySentinel', schema: SentinelConfigSchema } })
+        await node.register(sentinel)
+        await node.attach(sentinel.address, true)
+        const archivist1 = await MemoryArchivist.create({ config: { name: 'RootStorageArchivist1', schema: ArchivistConfigSchema } })
+        await node1.register(archivist1)
+        await node1.attach(archivist1.address, true)
+        await node.register(node1)
+        await node.attach(node1.address, true)
+        setNode(node)
+      } catch (e) {
+        console.error('Error Creating MemoryNode', e)
+      }
     },
     [],
   )
@@ -83,6 +89,48 @@ const TemplateCustomAddress: ComponentStory<typeof NodeRelationalGraph> = (props
   return <NodeRelationalGraph options={options} {...props} />
 }
+const TemplateAttachDetach: ComponentStory<typeof NodeRelationalGraph> = (props) => {
+  const [node] = useModule('ChildNode')
+  const wrappedNode = useMemo(() => (node ? NodeWrapper.wrap(node) : undefined), [node])
+  const elements = useCytoscapeElements(wrappedNode)
+  const options = useCytoscapeOptions(elements)
+  const [idWitness, setIdWitness] = useState<IdWitness>()
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async () => {
+      const witnessModule = await IdWitness.create({ config: { name: 'IdWitness', salt: 'test', schema: IdWitnessConfigSchema } })
+      setIdWitness(witnessModule)
+    },
+    [],
+  )
+  const handleAddWitness = async () => {
+    if (wrappedNode && idWitness) {
+      const memoryNode = wrappedNode as NodeWrapper<MemoryNode>
+      await memoryNode.module.register(idWitness)
+      await memoryNode.attach(idWitness.address, true)
+    }
+  }
+  const handleRemoveWitness = async () => {
+    if (wrappedNode && idWitness) {
+      const memoryNode = wrappedNode as NodeWrapper<MemoryNode>
+      await memoryNode.module.unregister(idWitness)
+    }
+  }
+  return (
+    <>
+      <ButtonGroup>
+        <Button onClick={handleAddWitness}>Add Witness</Button>
+        <Button onClick={handleRemoveWitness}>Remove Witness</Button>
+      </ButtonGroup>
+      <NodeRelationalGraph options={options} {...props} />
+    </>
+  )
+}
 const defaultProps = {
   height: 'calc(100vh - 20px)',
   width: '100%',
@@ -102,4 +150,8 @@ const WithCustomAddress = TemplateCustomAddress.bind({})
 WithCustomAddress.args = { ...defaultProps }
 WithCustomAddress.decorators = [MemoryNodeDecorator]
-export { Default, WithCustomAddress, WithData, WithDescribe }
+const WithAttachDetach = TemplateAttachDetach.bind({})
+WithAttachDetach.args = { ...defaultProps }
+WithAttachDetach.decorators = [MemoryNodeDecorator]
+export { Default, WithAttachDetach, WithCustomAddress, WithData, WithDescribe }

package/src/hooks/cytoscape/useCytoscapeElements.ts CHANGED Viewed

@@ -1,7 +1,8 @@
 import { useAsyncEffect } from '@xylabs/react-shared'
+import { EventUnsubscribeFunction } from '@xyo-network/module'
 import { NodeWrapper } from '@xyo-network/node'
 import { ElementDefinition } from 'cytoscape'
-import { useState } from 'react'
+import { useCallback, useEffect, useState } from 'react'
 import { CytoscapeElements } from '../../Cytoscape'
@@ -12,36 +13,59 @@ import { CytoscapeElements } from '../../Cytoscape'
 export const useCytoscapeElements = (targetNode?: NodeWrapper) => {
   const [elements, setElements] = useState<ElementDefinition[]>([])
+  const buildElements = useCallback(async (wrapper: NodeWrapper) => {
+    try {
+      const [description, newRootNode] = await CytoscapeElements.buildRootNode(wrapper)
+      const newElements = [newRootNode]
+      const children = description.children
+      await Promise.allSettled(
+        (children ?? [])?.map(async (address) => {
+          try {
+            const newNode = await CytoscapeElements.buildChild(wrapper, address)
+            newElements.push(newNode)
+            const newEdge = CytoscapeElements.buildEdge(newRootNode, newNode)
+            newElements.push(newEdge)
+          } catch (e) {
+            console.error('Error parsing children', e)
+          }
+        }),
+      )
+      setElements(newElements)
+    } catch (e) {
+      console.error('Error Getting initial description', e)
+    }
+  }, [])
   useAsyncEffect(
     // eslint-disable-next-line react-hooks/exhaustive-deps
     async () => {
       if (targetNode) {
-        try {
-          const [description, newRootNode] = await CytoscapeElements.buildRootNode(targetNode)
-          const newElements = [newRootNode]
-          const children = description.children
-          await Promise.allSettled(
-            (children ?? [])?.map(async (address) => {
-              try {
-                const newNode = await CytoscapeElements.buildChild(targetNode, address)
-                newElements.push(newNode)
-                const newEdge = CytoscapeElements.buildEdge(newRootNode, newNode)
-                newElements.push(newEdge)
-              } catch (e) {
-                console.error('Error parsing children', e)
-              }
-            }),
-          )
-          setElements(newElements)
-        } catch (e) {
-          console.error('Error Getting initial description', e)
-        }
+        await buildElements(targetNode)
       }
     },
-    [targetNode],
+    [buildElements, targetNode],
   )
+  useEffect(() => {
+    let attachedListener: EventUnsubscribeFunction | undefined = undefined
+    let detachedListener: EventUnsubscribeFunction | undefined = undefined
+    if (targetNode) {
+      attachedListener = targetNode.on('moduleAttached', async () => {
+        await buildElements(targetNode)
+      })
+      detachedListener = targetNode.on('moduleDetached', async () => {
+        await buildElements(targetNode)
+      })
+    }
+    return () => {
+      attachedListener?.()
+      detachedListener?.()
+    }
+  }, [buildElements, targetNode])
   return elements
 }

package/src/hooks/cytoscape/useIcons.tsx CHANGED Viewed

@@ -7,7 +7,7 @@ import { encodeSvg } from '../../lib'
 export const useIcons = () => {
   const theme = useTheme()
   const icons = useMemo(() => {
-    const iconMap: Record<CyNodeIcons, string> = { archivist: '', diviner: '', module: '', node: '', witness: '' }
+    const iconMap: Record<CyNodeIcons, string> = { archivist: '', diviner: '', module: '', node: '', sentinel: '', witness: '' }
     return Object.entries(CyIconSet).reduce((acc, [name, IconComponent]) => {
       const icon = <IconComponent fontSize="small" />
       acc[name as CyNodeIcons] = encodeSvg(icon, theme.palette.getContrastText(theme.palette.text.primary))

package/src/lib/utils.ts CHANGED Viewed

@@ -2,6 +2,8 @@ import { ReactElement } from 'react'
 // eslint-disable-next-line import/no-internal-modules
 import { renderToStaticMarkup } from 'react-dom/server'
+import { CyNodeIcons } from '../Cytoscape'
 const dataUri = 'data:image/svg+xml,'
 export const encodeSvg = (reactElement: ReactElement, color?: string) => {
@@ -18,8 +20,8 @@ export const encodeSvg = (reactElement: ReactElement, color?: string) => {
   return `${dataUri}${window.encodeURIComponent(svgElement.outerHTML)}`
 }
-export const parseModuleType = (queries?: string[]) => {
-  let type
+export const parseModuleType = (queries?: string[]): CyNodeIcons => {
+  let type: CyNodeIcons = 'module'
   if (queries) {
     for (let i = 0; i < queries.length; i++) {
       if (queries[i].includes('archivist')) {
@@ -34,6 +36,10 @@ export const parseModuleType = (queries?: string[]) => {
         type = 'node'
         break
       }
+      if (queries[i].includes('sentinel')) {
+        type = 'sentinel'
+        break
+      }
       if (queries[i].includes('witness')) {
         type = 'witness'
         break
@@ -42,4 +48,5 @@ export const parseModuleType = (queries?: string[]) => {
     }
     return type
   }
+  return 'module'
 }