@xyo-network/react-node-renderer 2.48.0 → 2.48.2

package/dist/esm/Cytoscape/CytoscapeElements.js

@@ -1,12 +1,12 @@
 import { ModuleWrapper } from '@xyo-network/module';
-import { parseModuleType } from '../lib';
+import { parseModuleType } from './lib';
 export class CytoscapeElements {
     static MaxNameLength = 20;
-    static buildChild = async (wrapper, address) => {
+    static async buildChild(wrapper, address) {
         const [result] = await wrapper.resolveWrapped(ModuleWrapper, { address: [address] });
         const description = await result.describe();
         return CytoscapeElements.buildNode(description);
-    };
+    }
     static buildEdge(rootNode, newNode) {
         return {
             data: {
@@ -16,6 +16,28 @@ export class CytoscapeElements {
             },
         };
     }
+    static async buildElements(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);
+                }
+            }));
+            return newElements;
+        }
+        catch (e) {
+            console.error('Error Getting initial description', e);
+        }
+    }
     static buildNode(description) {
         const newNodeId = CytoscapeElements.normalizeName(description.name) ?? description.address.substring(0, 8);
         return {

package/dist/esm/Cytoscape/CytoscapeElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"CytoscapeElements.js","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeElements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAItE,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAExC,MAAM,OAAO,iBAAiB;IAC5B,MAAM,CAAC,aAAa,GAAG,EAAE,CAAA;IAEzB,MAAM,CAAC,UAAU,GAAG,KAAK,EAAE,OAAoB,EAAE,OAAe,EAAE,EAAE;QAClE,MAAM,CAAC,MAAM,CAAC,GAAG,MAAM,OAAO,CAAC,cAAc,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QACpF,MAAM,WAAW,GAAG,MAAM,MAAM,CAAC,QAAQ,EAAE,CAAA;QAC3C,OAAO,iBAAiB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IACjD,CAAC,CAAA;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,CAAC,SAAS,CAAC,WAA8B;QAC7C,MAAM,SAAS,GAAG,iBAAiB,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,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,eAAe,CAAC,WAAW,CAAC,OAAO,CAAC;aAC3C;SACF,CAAA;IACH,CAAC;IAED,MAAM,CAAC,aAAa,GAAG,KAAK,EAAE,OAAoB,EAAmD,EAAE;QACrG,MAAM,WAAW,GAAG,MAAM,OAAO,EAAE,QAAQ,EAAE,CAAA;QAC7C,OAAO,CAAC,WAAW,EAAE,iBAAiB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAA;IAChE,CAAC,CAAA;IAED,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"}
+{"version":3,"file":"CytoscapeElements.js","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeElements.ts"],"names":[],"mappings":"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"}

package/dist/esm/Cytoscape/CytoscapeIcons.js

@@ -1,5 +1,6 @@
 import BubbleChartRoundedIcon from '@mui/icons-material/BubbleChartRounded';
 import HubIcon from '@mui/icons-material/Hub';
+import InsertLinkRoundedIcon from '@mui/icons-material/InsertLinkRounded';
 import Inventory2RoundedIcon from '@mui/icons-material/Inventory2Rounded';
 import QuestionMarkRoundedIcon from '@mui/icons-material/QuestionMarkRounded';
 import TimerRoundedIcon from '@mui/icons-material/TimerRounded';
@@ -7,6 +8,7 @@ import VisibilityRoundedIcon from '@mui/icons-material/VisibilityRounded';
 // eslint-disable-next-line @typescript-eslint/ban-types
 export const CyIconSet = {
     archivist: Inventory2RoundedIcon,
+    bridge: InsertLinkRoundedIcon,
     diviner: BubbleChartRoundedIcon,
     module: QuestionMarkRoundedIcon,
     node: HubIcon,

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

@@ -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,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"}
+{"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,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,GAA+E;IACnG,SAAS,EAAE,qBAAqB;IAChC,MAAM,EAAE,qBAAqB;IAC7B,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/Cytoscape/CytoscapeStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CytoscapeStyles.js","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeStyles.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,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;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAkC,EAAE,OAAgB,EAAc,EAAE,CAAC,CAAC;IAC/F,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,CAAgB,CAAC;QACrE,4BAA4B,EAAE,KAAK;QACnC,kBAAkB,EAAE,KAAK;QACzB,KAAK,EAAE,UAAU;KAClB;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,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"}
+{"version":3,"file":"CytoscapeStyles.js","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeStyles.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,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;AAEF,MAAM,CAAC,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;AAEF,MAAM,CAAC,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"}

package/dist/esm/Cytoscape/index.js

@@ -1,4 +1,5 @@
 export * from './CytoscapeElements';
 export * from './CytoscapeIcons';
 export * from './CytoscapeStyles';
+export * from './lib';
 //# sourceMappingURL=index.js.map

package/dist/esm/Cytoscape/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Cytoscape/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Cytoscape/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,OAAO,CAAA"}

package/dist/esm/Cytoscape/lib/CyNodeModuleTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CyNodeModuleTypes.js.map

package/dist/esm/Cytoscape/lib/CyNodeModuleTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CyNodeModuleTypes.js","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/CyNodeModuleTypes.ts"],"names":[],"mappings":""}

package/dist/esm/Cytoscape/lib/encodeSvg.js

@@ -0,0 +1,15 @@
+// eslint-disable-next-line import/no-internal-modules
+import { renderToStaticMarkup } from 'react-dom/server';
+const dataUri = 'data:image/svg+xml,';
+export const encodeSvg = (reactElement, color) => {
+    const svgString = renderToStaticMarkup(reactElement);
+    const doc = new DOMParser().parseFromString(svgString, 'text/html');
+    const svgElement = doc.getElementsByTagName('svg')[0];
+    if (svgElement) {
+        svgElement.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
+        svgElement.setAttribute('height', '100');
+        svgElement.style.fill = color ?? 'black';
+    }
+    return `${dataUri}${window.encodeURIComponent(svgElement.outerHTML)}`;
+};
+//# sourceMappingURL=encodeSvg.js.map

package/dist/esm/Cytoscape/lib/encodeSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"encodeSvg.js","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/encodeSvg.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"}

package/dist/esm/Cytoscape/lib/iconMap.js

@@ -0,0 +1,10 @@
+export const generateIconMap = () => ({
+    archivist: '',
+    bridge: '',
+    diviner: '',
+    module: '',
+    node: '',
+    sentinel: '',
+    witness: '',
+});
+//# sourceMappingURL=iconMap.js.map

package/dist/esm/Cytoscape/lib/iconMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconMap.js","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/iconMap.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,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"}

package/dist/esm/Cytoscape/lib/index.js

@@ -0,0 +1,5 @@
+export * from './CyNodeModuleTypes';
+export * from './encodeSvg';
+export * from './iconMap';
+export * from './parseModuleType';
+//# sourceMappingURL=index.js.map

package/dist/esm/Cytoscape/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA"}

package/dist/esm/{lib/utils.js → Cytoscape/lib/parseModuleType.js}

@@ -1,17 +1,3 @@
-// eslint-disable-next-line import/no-internal-modules
-import { renderToStaticMarkup } from 'react-dom/server';
-const dataUri = 'data:image/svg+xml,';
-export const encodeSvg = (reactElement, color) => {
-    const svgString = renderToStaticMarkup(reactElement);
-    const doc = new DOMParser().parseFromString(svgString, 'text/html');
-    const svgElement = doc.getElementsByTagName('svg')[0];
-    if (svgElement) {
-        svgElement.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
-        svgElement.setAttribute('height', '100');
-        svgElement.style.fill = color ?? 'black';
-    }
-    return `${dataUri}${window.encodeURIComponent(svgElement.outerHTML)}`;
-};
 export const parseModuleType = (queries) => {
     let type = 'module';
     if (queries) {
@@ -20,6 +6,10 @@ export const parseModuleType = (queries) => {
                 type = 'archivist';
                 break;
             }
+            if (queries[i].includes('bridge')) {
+                type = 'bridge';
+                break;
+            }
             if (queries[i].includes('diviner')) {
                 type = 'diviner';
                 break;
@@ -42,4 +32,4 @@ export const parseModuleType = (queries) => {
     }
     return 'module';
 };
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=parseModuleType.js.map

package/dist/esm/Cytoscape/lib/parseModuleType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseModuleType.js","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/parseModuleType.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,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"}

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

@@ -1,5 +1,5 @@
 import { useAsyncEffect } from '@xylabs/react-shared';
-import { useCallback, useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { CytoscapeElements } from '../../Cytoscape';
 /**
  * Note: Relies on describe but could eventually be converted to a discover call
@@ -7,51 +7,32 @@ 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) {
-            await buildElements(targetNode);
+            const newElements = (await CytoscapeElements.buildElements(targetNode)) ?? [];
+            setElements(newElements);
         }
-    }, [buildElements, targetNode]);
+    }, [targetNode]);
     useEffect(() => {
         let attachedListener = undefined;
         let detachedListener = undefined;
         if (targetNode) {
             attachedListener = targetNode.on('moduleAttached', async () => {
-                await buildElements(targetNode);
+                const newElements = (await CytoscapeElements.buildElements(targetNode)) ?? [];
+                setElements(newElements);
             });
             detachedListener = targetNode.on('moduleDetached', async () => {
-                await buildElements(targetNode);
+                const newElements = (await CytoscapeElements.buildElements(targetNode)) ?? [];
+                setElements(newElements);
             });
         }
         return () => {
             attachedListener?.();
             detachedListener?.();
         };
-    }, [buildElements, targetNode]);
+    }, [targetNode]);
     return elements;
 };
 //# sourceMappingURL=useCytoscapeElements.js.map

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

@@ -1 +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"}
+{"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,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,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,MAAM,WAAW,GAAG,CAAC,MAAM,iBAAiB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,CAAA;YAC7E,WAAW,CAAC,WAAW,CAAC,CAAA;SACzB;IACH,CAAC,EACD,CAAC,UAAU,CAAC,CACb,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,WAAW,GAAG,CAAC,MAAM,iBAAiB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,CAAA;gBAC7E,WAAW,CAAC,WAAW,CAAC,CAAA;YAC1B,CAAC,CAAC,CAAA;YACF,gBAAgB,GAAG,UAAU,CAAC,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;gBAC5D,MAAM,WAAW,GAAG,CAAC,MAAM,iBAAiB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,CAAA;gBAC7E,WAAW,CAAC,WAAW,CAAC,CAAA;YAC1B,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,UAAU,CAAC,CAAC,CAAA;IAEhB,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA"}

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

@@ -1,12 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useTheme } from '@mui/material';
 import { useMemo } from 'react';
-import { CyIconSet } from '../../Cytoscape';
-import { encodeSvg } from '../../lib';
+import { CyIconSet, encodeSvg, generateIconMap } from '../../Cytoscape';
 export const useIcons = () => {
     const theme = useTheme();
     const icons = useMemo(() => {
-        const iconMap = { archivist: '', diviner: '', module: '', node: '', sentinel: '', witness: '' };
+        const iconMap = generateIconMap();
         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

@@ -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,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"}
+{"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,EAAqB,SAAS,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAE1F,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,GAAG,eAAe,EAAE,CAAA;QACjC,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,IAAyB,CAAC,GAAG,SAAS,CAAC,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"}

package/dist/esm/index.js

@@ -1,5 +1,4 @@
 export * from './components';
 export * from './Cytoscape';
 export * from './hooks';
-export * from './lib';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA"}

package/dist/types/Cytoscape/CytoscapeElements.d.ts

@@ -3,7 +3,7 @@ import { NodeWrapper } from '@xyo-network/node';
 import { ElementDefinition } from 'cytoscape';
 export declare class CytoscapeElements {
     static MaxNameLength: number;
-    static buildChild: (wrapper: NodeWrapper, address: string) => Promise<ElementDefinition>;
+    static buildChild(wrapper: NodeWrapper, address: string): Promise<ElementDefinition>;
     static buildEdge(rootNode: ElementDefinition, newNode: ElementDefinition): {
         data: {
             id: string;
@@ -11,6 +11,7 @@ export declare class CytoscapeElements {
             target: string | undefined;
         };
     };
+    static buildElements(wrapper: NodeWrapper): Promise<ElementDefinition[] | undefined>;
     static buildNode(description: ModuleDescription): ElementDefinition;
     static buildRootNode: (wrapper: NodeWrapper) => Promise<[ModuleDescription, ElementDefinition]>;
     static normalizeName(name?: string): string | undefined;

package/dist/types/Cytoscape/CytoscapeElements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CytoscapeElements.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeElements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,qBAAqB,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,qBAAa,iBAAiB;IAC5B,MAAM,CAAC,aAAa,SAAK;IAEzB,MAAM,CAAC,UAAU,YAAmB,WAAW,WAAW,MAAM,gCAI/D;IAED,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,iBAAiB,EAAE,OAAO,EAAE,iBAAiB;;;;;;;IAUxE,MAAM,CAAC,SAAS,CAAC,WAAW,EAAE,iBAAiB,GAAG,iBAAiB;IAWnE,MAAM,CAAC,aAAa,YAAmB,WAAW,KAAG,QAAQ,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAGnG;IAED,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM;CAKnC"}
+{"version":3,"file":"CytoscapeElements.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeElements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,qBAAqB,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,qBAAa,iBAAiB;IAC5B,MAAM,CAAC,aAAa,SAAK;WAEZ,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM;IAM7D,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,iBAAiB,EAAE,OAAO,EAAE,iBAAiB;;;;;;;WAU3D,aAAa,CAAC,OAAO,EAAE,WAAW;IAyB/C,MAAM,CAAC,SAAS,CAAC,WAAW,EAAE,iBAAiB,GAAG,iBAAiB;IAWnE,MAAM,CAAC,aAAa,YAAmB,WAAW,KAAG,QAAQ,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAGnG;IAED,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM;CAKnC"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"CytoscapeIcons.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeIcons.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAEzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGzC,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAQhG,CAAA"}

package/dist/types/Cytoscape/CytoscapeStyles.d.ts

@@ -1,7 +1,7 @@
 import { Stylesheet } from 'cytoscape';
-import { CyNodeIcons } from './CytoscapeIcons';
+import { CyNodeModuleTypes } from './lib';
 export declare const NodeIdStyles: (color?: string) => Stylesheet;
-export declare const NodeStyled: (icons: Record<CyNodeIcons, string>, bgColor?: string) => Stylesheet;
+export declare const NodeStyled: (icons: Record<CyNodeModuleTypes, string>, bgColor?: string) => Stylesheet;
 export declare const EdgeStyled: (lineColor?: string, targetArrowColor?: string) => {
     selector: string;
     style: {

package/dist/types/Cytoscape/CytoscapeStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CytoscapeStyles.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,eAAO,MAAM,YAAY,WAAY,MAAM,KAAG,UAQ5C,CAAA;AAEF,eAAO,MAAM,UAAU,UAAW,OAAO,WAAW,EAAE,MAAM,CAAC,YAAY,MAAM,KAAG,UAWhF,CAAA;AAEF,eAAO,MAAM,UAAU,eAAgB,MAAM,qBAAqB,MAAM;;;;;;;;;;CAUtE,CAAA"}
+{"version":3,"file":"CytoscapeStyles.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,eAAO,MAAM,YAAY,WAAY,MAAM,KAAG,UAQ5C,CAAA;AAEF,eAAO,MAAM,UAAU,UAAW,OAAO,iBAAiB,EAAE,MAAM,CAAC,YAAY,MAAM,KAAG,UAWtF,CAAA;AAEF,eAAO,MAAM,UAAU,eAAgB,MAAM,qBAAqB,MAAM;;;;;;;;;;CAUtE,CAAA"}

package/dist/types/Cytoscape/index.d.ts

@@ -1,4 +1,5 @@
 export * from './CytoscapeElements';
 export * from './CytoscapeIcons';
 export * from './CytoscapeStyles';
+export * from './lib';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/Cytoscape/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,OAAO,CAAA"}

package/dist/types/Cytoscape/lib/CyNodeModuleTypes.d.ts

@@ -0,0 +1,2 @@
+export type CyNodeModuleTypes = 'archivist' | 'bridge' | 'diviner' | 'module' | 'node' | 'witness' | 'sentinel';
+//# sourceMappingURL=CyNodeModuleTypes.d.ts.map

package/dist/types/Cytoscape/lib/CyNodeModuleTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CyNodeModuleTypes.d.ts","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/CyNodeModuleTypes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA"}

package/dist/types/Cytoscape/lib/encodeSvg.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+export declare const encodeSvg: (reactElement: ReactElement, color?: string) => string;
+//# sourceMappingURL=encodeSvg.d.ts.map

package/dist/types/Cytoscape/lib/encodeSvg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"encodeSvg.d.ts","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/encodeSvg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAMpC,eAAO,MAAM,SAAS,iBAAkB,YAAY,UAAU,MAAM,WAYnE,CAAA"}

package/dist/types/Cytoscape/lib/iconMap.d.ts

@@ -0,0 +1,3 @@
+import { CyNodeModuleTypes } from './CyNodeModuleTypes';
+export declare const generateIconMap: () => Record<CyNodeModuleTypes, string>;
+//# sourceMappingURL=iconMap.d.ts.map

package/dist/types/Cytoscape/lib/iconMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconMap.d.ts","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/iconMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,eAAO,MAAM,eAAe,EAAE,MAAM,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAQlE,CAAA"}

package/dist/types/Cytoscape/lib/index.d.ts

@@ -0,0 +1,5 @@
+export * from './CyNodeModuleTypes';
+export * from './encodeSvg';
+export * from './iconMap';
+export * from './parseModuleType';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/Cytoscape/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA"}

package/dist/types/Cytoscape/lib/parseModuleType.d.ts

@@ -0,0 +1,3 @@
+import { CyNodeModuleTypes } from './CyNodeModuleTypes';
+export declare const parseModuleType: (queries?: string[]) => CyNodeModuleTypes;
+//# sourceMappingURL=parseModuleType.d.ts.map

package/dist/types/Cytoscape/lib/parseModuleType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseModuleType.d.ts","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/parseModuleType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,eAAO,MAAM,eAAe,aAAc,MAAM,EAAE,KAAG,iBAiCpD,CAAA"}

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

@@ -1 +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"}
+{"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,wBAoC5D,CAAA"}

package/dist/types/hooks/cytoscape/useIcons.d.ts

@@ -1,3 +1,3 @@
-import { CyNodeIcons } from '../../Cytoscape';
-export declare const useIcons: () => Record<CyNodeIcons, string>;
+import { CyNodeModuleTypes } from '../../Cytoscape';
+export declare const useIcons: () => Record<CyNodeModuleTypes, string>;
 //# sourceMappingURL=useIcons.d.ts.map

package/dist/types/hooks/cytoscape/useIcons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIcons.d.ts","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useIcons.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAGxD,eAAO,MAAM,QAAQ,mCAYpB,CAAA"}
+{"version":3,"file":"useIcons.d.ts","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useIcons.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,iBAAiB,EAA8B,MAAM,iBAAiB,CAAA;AAE1F,eAAO,MAAM,QAAQ,yCAYpB,CAAA"}

package/dist/types/index.d.ts

@@ -1,5 +1,4 @@
 export * from './components';
 export * from './Cytoscape';
 export * from './hooks';
-export * from './lib';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA"}

package/package.json

@@ -10,11 +10,11 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/react-flexbox": "^2.16.14",
+    "@xylabs/react-flexbox": "^2.17.0",
     "@xylabs/react-shared": "^2.17.0",
     "@xyo-network/module": "^2.55.0",
     "@xyo-network/node": "^2.55.0",
-    "@xyo-network/react-shared": "^2.48.0",
+    "@xyo-network/react-shared": "^2.48.2",
     "cytoscape": "^3.23.0"
   },
   "peerDependencies": {
@@ -30,17 +30,17 @@
     "@storybook/react": "^6.5.16",
     "@types/cytoscape": "^3.19.9",
     "@types/react-dom": "^18.0.11",
-    "@xylabs/ts-scripts-yarn3": "^2.16.4",
-    "@xylabs/tsconfig-react": "^2.16.4",
+    "@xylabs/ts-scripts-yarn3": "^2.16.5",
+    "@xylabs/tsconfig-react": "^2.16.5",
     "@xyo-network/account": "^2.55.0",
     "@xyo-network/archivist": "^2.55.0",
     "@xyo-network/bridge": "^2.55.0",
     "@xyo-network/id-plugin": "^2.55.0",
     "@xyo-network/module": "^2.55.0",
     "@xyo-network/node": "^2.55.0",
-    "@xyo-network/react-node": "^2.48.0",
-    "@xyo-network/react-storybook": "^2.48.0",
-    "@xyo-network/react-wallet": "^2.48.0",
+    "@xyo-network/react-node": "^2.48.2",
+    "@xyo-network/react-storybook": "^2.48.2",
+    "@xyo-network/react-wallet": "^2.48.2",
     "@xyo-network/sentinel": "^2.55.0",
     "require-from-string": "^2.0.2",
     "typescript": "^4.9.5"
@@ -88,5 +88,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.48.0"
+  "version": "2.48.2"
 }

package/src/Cytoscape/CytoscapeElements.ts

@@ -2,12 +2,12 @@ import { ModuleDescription, ModuleWrapper } from '@xyo-network/module'
 import { NodeWrapper } from '@xyo-network/node'
 import { ElementDefinition } from 'cytoscape'
 
-import { parseModuleType } from '../lib'
+import { parseModuleType } from './lib'
 
 export class CytoscapeElements {
   static MaxNameLength = 20
 
-  static buildChild = async (wrapper: NodeWrapper, address: string) => {
+  static async buildChild(wrapper: NodeWrapper, address: string) {
     const [result] = await wrapper.resolveWrapped(ModuleWrapper, { address: [address] })
     const description = await result.describe()
     return CytoscapeElements.buildNode(description)
@@ -23,6 +23,31 @@ export class CytoscapeElements {
     }
   }
 
+  static async buildElements(wrapper: NodeWrapper) {
+    try {
+      const [description, newRootNode] = await CytoscapeElements.buildRootNode(wrapper)
+      const newElements: ElementDefinition[] = [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)
+          }
+        }),
+      )
+      return newElements
+    } catch (e) {
+      console.error('Error Getting initial description', e)
+    }
+  }
+
   static buildNode(description: ModuleDescription): ElementDefinition {
     const newNodeId = CytoscapeElements.normalizeName(description.name) ?? description.address.substring(0, 8)
     return {

package/src/Cytoscape/CytoscapeIcons.tsx

@@ -1,5 +1,6 @@
 import BubbleChartRoundedIcon from '@mui/icons-material/BubbleChartRounded'
 import HubIcon from '@mui/icons-material/Hub'
+import InsertLinkRoundedIcon from '@mui/icons-material/InsertLinkRounded'
 import Inventory2RoundedIcon from '@mui/icons-material/Inventory2Rounded'
 import QuestionMarkRoundedIcon from '@mui/icons-material/QuestionMarkRounded'
 import TimerRoundedIcon from '@mui/icons-material/TimerRounded'
@@ -7,11 +8,12 @@ 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' | 'sentinel'
+import { CyNodeModuleTypes } from './lib'
 
 // eslint-disable-next-line @typescript-eslint/ban-types
-export const CyIconSet: Record<CyNodeIcons, OverridableComponent<SvgIconTypeMap<{}, 'svg'>>> = {
+export const CyIconSet: Record<CyNodeModuleTypes, OverridableComponent<SvgIconTypeMap<{}, 'svg'>>> = {
   archivist: Inventory2RoundedIcon,
+  bridge: InsertLinkRoundedIcon,
   diviner: BubbleChartRoundedIcon,
   module: QuestionMarkRoundedIcon,
   node: HubIcon,

package/src/Cytoscape/CytoscapeStyles.ts

@@ -1,6 +1,6 @@
 import { Stylesheet } from 'cytoscape'
 
-import { CyNodeIcons } from './CytoscapeIcons'
+import { CyNodeModuleTypes } from './lib'
 
 export const NodeIdStyles = (color?: string): Stylesheet => ({
   selector: 'node[id]',
@@ -12,13 +12,13 @@ export const NodeIdStyles = (color?: string): Stylesheet => ({
   },
 })
 
-export const NodeStyled = (icons: Record<CyNodeIcons, string>, bgColor?: string): Stylesheet => ({
+export const NodeStyled = (icons: Record<CyNodeModuleTypes, string>, bgColor?: string): Stylesheet => ({
   selector: 'node',
   style: {
     'background-color': bgColor,
     'background-height': '75%',
     // TODO - make dynamic
-    'background-image': (elem) => icons[elem.data('type') as CyNodeIcons],
+    'background-image': (elem) => icons[elem.data('type') as CyNodeModuleTypes],
     'background-image-smoothing': 'yes',
     'background-width': '75%',
     label: 'data(id)',

package/src/Cytoscape/index.ts

@@ -1,3 +1,4 @@
 export * from './CytoscapeElements'
 export * from './CytoscapeIcons'
 export * from './CytoscapeStyles'
+export * from './lib'

package/src/Cytoscape/lib/CyNodeModuleTypes.ts

@@ -0,0 +1 @@
+export type CyNodeModuleTypes = 'archivist' | 'bridge' | 'diviner' | 'module' | 'node' | 'witness' | 'sentinel'