@xyo-network/react-node-renderer 2.47.38 → 2.47.40

package/dist/esm/Cytoscape/CytoscapeIcons.js

@@ -1,12 +1,12 @@
-import CallMergeRoundedIcon from '@mui/icons-material/CallMergeRounded';
-import GridViewRoundedIcon from '@mui/icons-material/GridViewRounded';
+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 VisibilityRoundedIcon from '@mui/icons-material/VisibilityRounded';
 // eslint-disable-next-line @typescript-eslint/ban-types
 export const CyIconSet = {
-    archivist: GridViewRoundedIcon,
-    diviner: CallMergeRoundedIcon,
+    archivist: Inventory2RoundedIcon,
+    diviner: BubbleChartRoundedIcon,
     module: QuestionMarkRoundedIcon,
     node: HubIcon,
     witness: VisibilityRoundedIcon,

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

@@ -1 +1 @@
-{"version":3,"file":"CytoscapeIcons.js","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,sCAAsC,CAAA;AACvE,OAAO,mBAAmB,MAAM,qCAAqC,CAAA;AACrE,OAAO,OAAO,MAAM,yBAAyB,CAAA;AAC7C,OAAO,uBAAuB,MAAM,yCAAyC,CAAA;AAC7E,OAAO,qBAAqB,MAAM,uCAAuC,CAAA;AAMzE,wDAAwD;AACxD,MAAM,CAAC,MAAM,SAAS,GAAyE;IAC7F,SAAS,EAAE,mBAAmB;IAC9B,OAAO,EAAE,oBAAoB;IAC7B,MAAM,EAAE,uBAAuB;IAC/B,IAAI,EAAE,OAAO;IACb,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,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"}

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

@@ -1,27 +1,37 @@
 import { useAsyncEffect } from '@xylabs/react-shared';
-import { useProvidedWrappedNode } from '@xyo-network/react-node';
+import { NodeWrapper } from '@xyo-network/node';
+import { useModule, useProvidedWrappedNode } from '@xyo-network/react-node';
 import { useEffect, useState } from 'react';
 import { CytoscapeElements } from '../../Cytoscape';
 /**
  * Note: Relies on describe but could eventually be converted to a discover call
  * Logic would be similar to what the bridge does
  */
-export const useCytoscapeElements = () => {
+export const useCytoscapeElements = (nodeAddressOrName, onModuleError) => {
     const [node] = useProvidedWrappedNode();
+    const [module, moduleError] = useModule(nodeAddressOrName);
     const [elements, setElements] = useState([]);
     const [refresh, setRefresh] = useState(1);
+    useEffect(() => {
+        if (moduleError)
+            onModuleError?.(moduleError);
+    }, [moduleError, onModuleError]);
     useAsyncEffect(
     // eslint-disable-next-line react-hooks/exhaustive-deps
     async (mounted) => {
-        if (node && refresh) {
+        if ((node || module) && refresh) {
+            const wrappedNode = nodeAddressOrName ? NodeWrapper.wrap(module) : node;
+            if (!wrappedNode) {
+                return;
+            }
             try {
-                const [description, newRootNode] = await CytoscapeElements.buildRootNode(node);
+                const [description, newRootNode] = await CytoscapeElements.buildRootNode(wrappedNode);
                 if (mounted())
                     setElements(() => [newRootNode]);
                 const children = description.children;
                 await Promise.allSettled((children ?? [])?.map(async (address) => {
                     try {
-                        const newNode = await CytoscapeElements.buildChild(node, address);
+                        const newNode = await CytoscapeElements.buildChild(wrappedNode, address);
                         if (mounted())
                             setElements((previous) => [...previous, newNode]);
                         const newEdge = CytoscapeElements.buildEdge(newRootNode, newNode);
@@ -37,7 +47,7 @@ export const useCytoscapeElements = () => {
                 console.error('Error Getting initial description', e);
             }
         }
-    }, [node, refresh]);
+    }, [module, node, nodeAddressOrName, refresh]);
     useEffect(() => {
         let listener;
         if (node) {

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;AAErD,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAEhE,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,GAAG,EAAE;IACvC,MAAM,CAAC,IAAI,CAAC,GAAG,sBAAsB,EAAE,CAAA;IACvC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAA;IACjE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEzC,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI,IAAI,IAAI,OAAO,EAAE;YACnB,IAAI;gBACF,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,MAAM,iBAAiB,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;gBAC9E,IAAI,OAAO,EAAE;oBAAE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAA;gBAE/C,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,IAAI,EAAE,OAAO,CAAC,CAAA;wBACjE,IAAI,OAAO,EAAE;4BAAE,WAAW,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;wBAEhE,MAAM,OAAO,GAAG,iBAAiB,CAAC,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC,CAAA;wBACjE,IAAI,OAAO,EAAE;4BAAE,WAAW,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;qBACjE;oBAAC,OAAO,CAAC,EAAE;wBACV,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAA;qBAC3C;gBACH,CAAC,CAAC,CACH,CAAA;aACF;YAAC,OAAO,CAAC,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,CAAC,CAAC,CAAA;aACtD;SACF;IACH,CAAC,EACD,CAAC,IAAI,EAAE,OAAO,CAAC,CAChB,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAkC,CAAA;QACtC,IAAI,IAAI,EAAE;YACR,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE;gBAClC,IAAI,SAAS,KAAK,gBAAgB;oBAAE,UAAU,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAA;YAC5E,CAAC,CAAC,CAAA;SACH;QACD,OAAO,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAA;IAC3B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA"}
+{"version":3,"file":"useCytoscapeElements.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeElements.ts"],"names":[],"mappings":"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"}

package/dist/esm/index.js

@@ -1,3 +1,5 @@
 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,SAAS,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;AACvB,cAAc,OAAO,CAAA"}

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

@@ -3,5 +3,5 @@ import { ElementDefinition } from 'cytoscape';
  * Note: Relies on describe but could eventually be converted to a discover call
  * Logic would be similar to what the bridge does
  */
-export declare const useCytoscapeElements: () => ElementDefinition[];
+export declare const useCytoscapeElements: (nodeAddressOrName?: string, onModuleError?: ((error: Error) => void) | undefined) => ElementDefinition[];
 //# sourceMappingURL=useCytoscapeElements.d.ts.map

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":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAK7C;;;GAGG;AACH,eAAO,MAAM,oBAAoB,2BA8ChC,CAAA"}
+{"version":3,"file":"useCytoscapeElements.d.ts","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeElements.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAK7C;;;GAGG;AACH,eAAO,MAAM,oBAAoB,uBAAwB,MAAM,2BAA0B,KAAK,KAAK,IAAI,qCAuDtG,CAAA"}

package/dist/types/index.d.ts

@@ -1,3 +1,5 @@
 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,SAAS,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;AACvB,cAAc,OAAO,CAAA"}

package/package.json

@@ -14,8 +14,8 @@
     "@xylabs/react-shared": "^2.16.14",
     "@xyo-network/module": "^2.53.36",
     "@xyo-network/node": "^2.53.36",
-    "@xyo-network/react-node": "^2.47.38",
-    "@xyo-network/react-shared": "^2.47.38",
+    "@xyo-network/react-node": "^2.47.40",
+    "@xyo-network/react-shared": "^2.47.40",
     "cytoscape": "^3.23.0"
   },
   "peerDependencies": {
@@ -39,9 +39,9 @@
     "@xyo-network/id-plugin": "^2.53.34",
     "@xyo-network/module": "^2.53.34",
     "@xyo-network/node": "^2.53.34",
-    "@xyo-network/react-node": "^2.47.38",
-    "@xyo-network/react-storybook": "^2.47.38",
-    "@xyo-network/react-wallet": "^2.47.38",
+    "@xyo-network/react-node": "^2.47.40",
+    "@xyo-network/react-storybook": "^2.47.40",
+    "@xyo-network/react-wallet": "^2.47.40",
     "require-from-string": "^2.0.2",
     "typescript": "^4.9.5"
   },
@@ -88,5 +88,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.47.38"
+  "version": "2.47.40"
 }

package/src/Cytoscape/CytoscapeIcons.tsx

@@ -1,6 +1,6 @@
-import CallMergeRoundedIcon from '@mui/icons-material/CallMergeRounded'
-import GridViewRoundedIcon from '@mui/icons-material/GridViewRounded'
+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 VisibilityRoundedIcon from '@mui/icons-material/VisibilityRounded'
 import { SvgIconTypeMap } from '@mui/material'
@@ -10,8 +10,8 @@ export type CyNodeIcons = 'archivist' | 'diviner' | 'module' | 'node' | 'witness
 
 // eslint-disable-next-line @typescript-eslint/ban-types
 export const CyIconSet: Record<CyNodeIcons, OverridableComponent<SvgIconTypeMap<{}, 'svg'>>> = {
-  archivist: GridViewRoundedIcon,
-  diviner: CallMergeRoundedIcon,
+  archivist: Inventory2RoundedIcon,
+  diviner: BubbleChartRoundedIcon,
   module: QuestionMarkRoundedIcon,
   node: HubIcon,
   witness: VisibilityRoundedIcon,

package/src/components/RelationalGraph.stories.tsx

@@ -67,12 +67,19 @@ export default {
 } as Meta
 
 const Template: ComponentStory<typeof NodeRelationalGraph> = (props) => <NodeRelationalGraph {...props} />
+
 const TemplateDescribe: ComponentStory<typeof NodeRelationalGraph> = (props) => {
   const elements = useCytoscapeElements()
   const options = useCytoscapeOptions(elements)
   return <NodeRelationalGraph options={options} {...props} />
 }
 
+const TemplateCustomAddress: ComponentStory<typeof NodeRelationalGraph> = (props) => {
+  const elements = useCytoscapeElements('ChildNode')
+  const options = useCytoscapeOptions(elements)
+  return <NodeRelationalGraph options={options} {...props} />
+}
+
 const defaultProps = {
   height: 'calc(100vh - 20px)',
   width: '100%',
@@ -88,4 +95,8 @@ const WithDescribe = TemplateDescribe.bind({})
 WithDescribe.args = { ...defaultProps }
 WithDescribe.decorators = [MemoryNodeDecorator]
 
-export { Default, WithData, WithDescribe }
+const WithCustomAddress = TemplateCustomAddress.bind({})
+WithCustomAddress.args = { ...defaultProps }
+WithCustomAddress.decorators = [MemoryNodeDecorator]
+
+export { Default, WithCustomAddress, WithData, WithDescribe }

package/src/hooks/cytoscape/useCytoscapeElements.ts

@@ -1,6 +1,7 @@
 import { useAsyncEffect } from '@xylabs/react-shared'
 import { EventUnsubscribeFunction } from '@xyo-network/module'
-import { useProvidedWrappedNode } from '@xyo-network/react-node'
+import { NodeWrapper } from '@xyo-network/node'
+import { useModule, useProvidedWrappedNode } from '@xyo-network/react-node'
 import { ElementDefinition } from 'cytoscape'
 import { useEffect, useState } from 'react'
 
@@ -10,24 +11,33 @@ import { CytoscapeElements } from '../../Cytoscape'
  * Note: Relies on describe but could eventually be converted to a discover call
  * Logic would be similar to what the bridge does
  */
-export const useCytoscapeElements = () => {
+export const useCytoscapeElements = (nodeAddressOrName?: string, onModuleError?: (error: Error) => void) => {
   const [node] = useProvidedWrappedNode()
+  const [module, moduleError] = useModule(nodeAddressOrName)
   const [elements, setElements] = useState<ElementDefinition[]>([])
   const [refresh, setRefresh] = useState(1)
 
+  useEffect(() => {
+    if (moduleError) onModuleError?.(moduleError)
+  }, [moduleError, onModuleError])
+
   useAsyncEffect(
     // eslint-disable-next-line react-hooks/exhaustive-deps
     async (mounted) => {
-      if (node && refresh) {
+      if ((node || module) && refresh) {
+        const wrappedNode = nodeAddressOrName ? NodeWrapper.wrap(module) : node
+        if (!wrappedNode) {
+          return
+        }
         try {
-          const [description, newRootNode] = await CytoscapeElements.buildRootNode(node)
+          const [description, newRootNode] = await CytoscapeElements.buildRootNode(wrappedNode)
           if (mounted()) setElements(() => [newRootNode])
 
           const children = description.children
           await Promise.allSettled(
             (children ?? [])?.map(async (address) => {
               try {
-                const newNode = await CytoscapeElements.buildChild(node, address)
+                const newNode = await CytoscapeElements.buildChild(wrappedNode, address)
                 if (mounted()) setElements((previous) => [...previous, newNode])
 
                 const newEdge = CytoscapeElements.buildEdge(newRootNode, newNode)
@@ -42,7 +52,7 @@ export const useCytoscapeElements = () => {
         }
       }
     },
-    [node, refresh],
+    [module, node, nodeAddressOrName, refresh],
   )
 
   useEffect(() => {

package/src/index.ts

@@ -1,2 +1,4 @@
 export * from './components'
+export * from './Cytoscape'
 export * from './hooks'
+export * from './lib'