@xyo-network/react-node-renderer 2.76.2 → 2.76.4

package/package.json

@@ -10,25 +10,25 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/exists": "^3.3.2",
+    "@xylabs/exists": "^3.3.3",
     "@xylabs/react-async-effect": "^3.1.7",
     "@xylabs/react-flexbox": "^3.1.7",
     "@xylabs/react-identicon": "^3.1.7",
     "@xylabs/react-promise": "^3.1.7",
     "@xylabs/react-shared": "^3.1.7",
-    "@xyo-network/account-model": "^2.100.5",
-    "@xyo-network/archivist-model": "^2.100.5",
-    "@xyo-network/bridge-model": "^2.100.5",
-    "@xyo-network/diviner-model": "^2.100.5",
-    "@xyo-network/module-events": "^2.100.5",
-    "@xyo-network/module-model": "^2.100.5",
-    "@xyo-network/node-model": "^2.100.5",
-    "@xyo-network/react-archivist": "~2.76.2",
-    "@xyo-network/react-module": "~2.76.2",
-    "@xyo-network/react-node": "~2.76.2",
-    "@xyo-network/react-shared": "~2.76.2",
-    "@xyo-network/sentinel-model": "^2.100.5",
-    "@xyo-network/witness-model": "^2.100.5",
+    "@xyo-network/account-model": "^2.102.5",
+    "@xyo-network/archivist-model": "^2.102.5",
+    "@xyo-network/bridge-model": "^2.102.5",
+    "@xyo-network/diviner-model": "^2.102.5",
+    "@xyo-network/module-events": "^2.102.5",
+    "@xyo-network/module-model": "^2.102.5",
+    "@xyo-network/node-model": "^2.102.5",
+    "@xyo-network/react-archivist": "~2.76.4",
+    "@xyo-network/react-module": "~2.76.4",
+    "@xyo-network/react-node": "~2.76.4",
+    "@xyo-network/react-shared": "~2.76.4",
+    "@xyo-network/sentinel-model": "^2.102.5",
+    "@xyo-network/witness-model": "^2.102.5",
     "cytoscape": "^3.29.2",
     "cytoscape-cola": "^2.5.1",
     "cytoscape-cose-bilkent": "^4.1.0",
@@ -44,20 +44,20 @@
   },
   "devDependencies": {
     "@storybook/react": "^7.6.19",
-    "@types/cytoscape": "^3.21.0",
+    "@types/cytoscape": "^3.21.1",
     "@types/cytoscape-dagre": "^2.3.3",
     "@types/cytoscape-euler": "^1.2.3",
     "@types/react-dom": "^18.3.0",
-    "@xylabs/ts-scripts-yarn3": "^3.10.0",
-    "@xylabs/tsconfig-react": "^3.10.0",
-    "@xyo-network/archivist": "^2.100.5",
-    "@xyo-network/bridge-model": "^2.100.5",
-    "@xyo-network/http-bridge": "^2.100.5",
-    "@xyo-network/id-plugin": "^2.94.6",
-    "@xyo-network/node-memory": "^2.100.5",
-    "@xyo-network/react-storybook": "~2.76.2",
-    "@xyo-network/react-wallet": "~2.76.2",
-    "@xyo-network/sentinel": "^2.100.5",
+    "@xylabs/ts-scripts-yarn3": "^3.10.4",
+    "@xylabs/tsconfig-react": "^3.10.4",
+    "@xyo-network/archivist": "^2.102.5",
+    "@xyo-network/bridge-http": "^2.102.5",
+    "@xyo-network/bridge-model": "^2.102.5",
+    "@xyo-network/id-plugin": "^2.95.2",
+    "@xyo-network/node-memory": "^2.102.5",
+    "@xyo-network/react-storybook": "~2.76.4",
+    "@xyo-network/react-wallet": "~2.76.4",
+    "@xyo-network/sentinel": "^2.102.5",
     "typescript": "^5.4.5"
   },
   "description": "Common React library for all XYO projects that use React",
@@ -111,6 +111,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.76.2",
+  "version": "2.76.4",
   "type": "module"
 }

package/src/components/module/graph/GraphFlexBox.stories.tsx

@@ -1,17 +1,17 @@
+import { Button, ButtonGroup } from '@mui/material'
 import { Decorator, Meta, StoryFn } from '@storybook/react'
 import { useAsyncEffect } from '@xylabs/react-async-effect'
 import { MemoryArchivist, MemoryArchivistConfigSchema } from '@xyo-network/archivist'
-import { HttpBridge, HttpBridgeConfigSchema } from '@xyo-network/http-bridge'
+import { HttpBridge, HttpBridgeConfigSchema } from '@xyo-network/bridge-http'
 import { MemoryNode } from '@xyo-network/node-memory'
 import { NodeConfigSchema } from '@xyo-network/node-model'
-import { NodeProvider, useProvidedNode, useWeakProvidedNode } from '@xyo-network/react-node'
+import { NodeProvider, useWeakProvidedNode } from '@xyo-network/react-node'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
 import { useWallet, WalletProvider } from '@xyo-network/react-wallet'
 import { MemorySentinel, SentinelConfigSchema } from '@xyo-network/sentinel'
 import { useState } from 'react'
 
 import { ModuleGraphFlexBoxWithProvider } from './GraphFlexBox'
-import { Button, ButtonGroup } from '@mui/material'
 
 const nodeUrl = 'http://localhost:8080/node'
 
@@ -77,15 +77,17 @@ const Template: StoryFn<typeof ModuleGraphFlexBoxWithProvider> = (props) => <Mod
 const TemplateWithProvidedModule: StoryFn<typeof ModuleGraphFlexBoxWithProvider> = (props) => {
   const [node] = useWeakProvidedNode()
   const [layout, setLayout] = useState<'dagre' | 'euler' | 'cose-bilkent' | 'cola'>('euler')
-  return <div>
-          <ButtonGroup>
-            <Button onClick={() => setLayout('dagre')}>Dagre</Button>
-            <Button onClick={() => setLayout('euler')}>Euler</Button>
-            <Button onClick={() => setLayout('cose-bilkent')}>CoseBilkent</Button>
-            <Button onClick={() => setLayout('cola')}>Cola</Button>
-          </ButtonGroup>
-          <ModuleGraphFlexBoxWithProvider rootModule={node} {...props} layout={layout} />
-        </div>
+  return (
+    <div>
+      <ButtonGroup>
+        <Button onClick={() => setLayout('dagre')}>Dagre</Button>
+        <Button onClick={() => setLayout('euler')}>Euler</Button>
+        <Button onClick={() => setLayout('cose-bilkent')}>CoseBilkent</Button>
+        <Button onClick={() => setLayout('cola')}>Cola</Button>
+      </ButtonGroup>
+      <ModuleGraphFlexBoxWithProvider rootModule={node} {...props} layout={layout} />
+    </div>
+  )
 }
 
 const defaultProps = {

package/src/components/relational/graph/Graph.stories.tsx

@@ -2,11 +2,11 @@ import { Button, ButtonGroup } from '@mui/material'
 import { Decorator, Meta, StoryFn } from '@storybook/react'
 import { useAsyncEffect } from '@xylabs/react-async-effect'
 import { MemoryArchivist, MemoryArchivistConfigSchema } from '@xyo-network/archivist'
-import { HttpBridge, HttpBridgeConfigSchema } from '@xyo-network/http-bridge'
+import { HttpBridge, HttpBridgeConfigSchema } from '@xyo-network/bridge-http'
 import { IdWitness, IdWitnessConfigSchema } from '@xyo-network/id-plugin'
 import { MemoryNode } from '@xyo-network/node-memory'
 import { NodeConfigSchema } from '@xyo-network/node-model'
-import { NodeProvider, useNodeFromNode, useWeakNodeFromNode, useWeakProvidedNode } from '@xyo-network/react-node'
+import { NodeProvider, useWeakNodeFromNode, useWeakProvidedNode } from '@xyo-network/react-node'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
 import { useWallet, WalletProvider } from '@xyo-network/react-wallet'
 import { MemorySentinel, SentinelConfigSchema } from '@xyo-network/sentinel'
@@ -92,21 +92,23 @@ const TemplateCustomAddress: StoryFn<typeof NodeRelationalGraphFlexBox> = (props
   const [node] = useWeakNodeFromNode('ChildNode')
   const elements = useCytoscapeElements(node)
   const options = useCytoscapeOptions(elements)
-  
+
   return <NodeRelationalGraphFlexBox options={options} {...props} />
 }
 
 const TemplateProvidedNodeRenderer: StoryFn<typeof ProvidedNodeRenderer> = (props) => {
   const [layout, setLayout] = useState<'dagre' | 'euler' | 'cose-bilkent' | 'cola'>('euler')
-  return <div>
-    <ButtonGroup>
-      <Button onClick={() => setLayout('dagre')}>Dagre</Button>
-      <Button onClick={() => setLayout('euler')}>Euler</Button>
-      <Button onClick={() => setLayout('cose-bilkent')}>CoseBilkent</Button>
-      <Button onClick={() => setLayout('cola')}>Cola</Button>
-    </ButtonGroup>
-    <ProvidedNodeRenderer {...props} layout={layout} />
-  </div>
+  return (
+    <div>
+      <ButtonGroup>
+        <Button onClick={() => setLayout('dagre')}>Dagre</Button>
+        <Button onClick={() => setLayout('euler')}>Euler</Button>
+        <Button onClick={() => setLayout('cose-bilkent')}>CoseBilkent</Button>
+        <Button onClick={() => setLayout('cola')}>Cola</Button>
+      </ButtonGroup>
+      <ProvidedNodeRenderer {...props} layout={layout} />
+    </div>
+  )
 }
 
 const TemplateAttachDetach: StoryFn<typeof NodeRelationalGraphFlexBox> = (props) => {
@@ -136,7 +138,7 @@ const TemplateAttachDetach: StoryFn<typeof NodeRelationalGraphFlexBox> = (props)
   const handleRemoveWitness = async () => {
     if (node && idWitness) {
       const memoryNode = node.deref() as MemoryNode | undefined
-      if (memoryNode?.registered().includes(idWitness.address)) {
+      if (((await memoryNode?.registered()) ?? []).includes(idWitness.address)) {
         await memoryNode?.unregister(idWitness)
       }
     }

package/src/components/relational/graph/GraphCola.stories.tsx

@@ -2,11 +2,11 @@ import { Button, ButtonGroup } from '@mui/material'
 import { Decorator, Meta, StoryFn } from '@storybook/react'
 import { useAsyncEffect } from '@xylabs/react-async-effect'
 import { MemoryArchivist, MemoryArchivistConfigSchema } from '@xyo-network/archivist'
-import { HttpBridge, HttpBridgeConfigSchema } from '@xyo-network/http-bridge'
+import { HttpBridge, HttpBridgeConfigSchema } from '@xyo-network/bridge-http'
 import { IdWitness, IdWitnessConfigSchema } from '@xyo-network/id-plugin'
 import { MemoryNode } from '@xyo-network/node-memory'
 import { NodeConfigSchema } from '@xyo-network/node-model'
-import { NodeProvider, useNodeFromNode, useWeakNodeFromNode, useWeakProvidedNode } from '@xyo-network/react-node'
+import { NodeProvider, useWeakNodeFromNode, useWeakProvidedNode } from '@xyo-network/react-node'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
 import { useWallet, WalletProvider } from '@xyo-network/react-wallet'
 import { MemorySentinel, SentinelConfigSchema } from '@xyo-network/sentinel'
@@ -14,10 +14,10 @@ import { useState } from 'react'
 
 import { CytoscapeInstanceProvider } from '../../../contexts'
 import { useCytoscapeElements, useCytoscapeOptions } from '../../../hooks'
+import { WithExtensions } from '../../cytoscape-extensions'
 import { NodeRelationalGraphFlexBox } from './Graph'
 import { ProvidedNodeRenderer } from './ProvidedNodeRenderer'
 import { options } from './story'
-import { WithExtensions } from '../../cytoscape-extensions'
 
 const nodeUrl = 'http://localhost:8080/node'
 
@@ -124,7 +124,7 @@ const TemplateAttachDetach: StoryFn<typeof NodeRelationalGraphFlexBox> = (props)
   const handleRemoveWitness = async () => {
     if (node && idWitness) {
       const memoryNode = node.deref() as MemoryNode | undefined
-      if (memoryNode?.registered().includes(idWitness.address)) {
+      if (((await memoryNode?.registered()) ?? []).includes(idWitness.address)) {
         await memoryNode?.unregister(idWitness)
       }
     }

package/src/components/relational/graph/GraphCoseBilkent.stories.tsx

@@ -2,7 +2,7 @@ import { Button, ButtonGroup } from '@mui/material'
 import { Decorator, Meta, StoryFn } from '@storybook/react'
 import { useAsyncEffect } from '@xylabs/react-async-effect'
 import { MemoryArchivist, MemoryArchivistConfigSchema } from '@xyo-network/archivist'
-import { HttpBridge, HttpBridgeConfigSchema } from '@xyo-network/http-bridge'
+import { HttpBridge, HttpBridgeConfigSchema } from '@xyo-network/bridge-http'
 import { IdWitness, IdWitnessConfigSchema } from '@xyo-network/id-plugin'
 import { MemoryNode } from '@xyo-network/node-memory'
 import { NodeConfigSchema } from '@xyo-network/node-model'
@@ -14,10 +14,10 @@ import { useState } from 'react'
 
 import { CytoscapeInstanceProvider } from '../../../contexts'
 import { useCytoscapeElements, useCytoscapeOptions } from '../../../hooks'
+import { WithExtensions } from '../../cytoscape-extensions'
 import { NodeRelationalGraphFlexBox } from './Graph'
 import { ProvidedNodeRenderer } from './ProvidedNodeRenderer'
 import { options } from './story'
-import { WithExtensions } from '../../cytoscape-extensions'
 
 const nodeUrl = 'http://localhost:8080/node'
 
@@ -124,7 +124,7 @@ const TemplateAttachDetach: StoryFn<typeof NodeRelationalGraphFlexBox> = (props)
   const handleRemoveWitness = async () => {
     if (node && idWitness) {
       const memoryNode = node.deref() as MemoryNode | undefined
-      if (memoryNode?.registered().includes(idWitness.address)) {
+      if (((await memoryNode?.registered()) ?? []).includes(idWitness.address)) {
         await memoryNode?.unregister(idWitness)
       }
     }

package/src/components/relational/graph/GraphDagre.stories.tsx

@@ -2,11 +2,11 @@ import { Button, ButtonGroup } from '@mui/material'
 import { Decorator, Meta, StoryFn } from '@storybook/react'
 import { useAsyncEffect } from '@xylabs/react-async-effect'
 import { MemoryArchivist, MemoryArchivistConfigSchema } from '@xyo-network/archivist'
-import { HttpBridge, HttpBridgeConfigSchema } from '@xyo-network/http-bridge'
+import { HttpBridge, HttpBridgeConfigSchema } from '@xyo-network/bridge-http'
 import { IdWitness, IdWitnessConfigSchema } from '@xyo-network/id-plugin'
 import { MemoryNode } from '@xyo-network/node-memory'
 import { NodeConfigSchema } from '@xyo-network/node-model'
-import { NodeProvider, useNodeFromNode, useProvidedNode, useWeakNodeFromNode, useWeakProvidedNode } from '@xyo-network/react-node'
+import { NodeProvider, useWeakNodeFromNode, useWeakProvidedNode } from '@xyo-network/react-node'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
 import { useWallet, WalletProvider } from '@xyo-network/react-wallet'
 import { MemorySentinel, SentinelConfigSchema } from '@xyo-network/sentinel'
@@ -14,10 +14,10 @@ import { useState } from 'react'
 
 import { CytoscapeInstanceProvider } from '../../../contexts'
 import { useCytoscapeElements, useCytoscapeOptions } from '../../../hooks'
+import { WithExtensions } from '../../cytoscape-extensions'
 import { NodeRelationalGraphFlexBox } from './Graph'
 import { ProvidedNodeRenderer } from './ProvidedNodeRenderer'
 import { options } from './story'
-import { WithExtensions } from '../../cytoscape-extensions'
 
 const nodeUrl = 'http://localhost:8080/node'
 
@@ -124,7 +124,7 @@ const TemplateAttachDetach: StoryFn<typeof NodeRelationalGraphFlexBox> = (props)
   const handleRemoveWitness = async () => {
     if (node && idWitness) {
       const memoryNode = node?.deref() as MemoryNode | undefined
-      if (memoryNode?.registered().includes(idWitness.address)) {
+      if (((await memoryNode?.registered()) ?? []).includes(idWitness.address)) {
         await memoryNode?.unregister(idWitness)
       }
     }

package/src/components/relational/graph/GraphEuler.stories.tsx

@@ -2,11 +2,11 @@ import { Button, ButtonGroup } from '@mui/material'
 import { Decorator, Meta, StoryFn } from '@storybook/react'
 import { useAsyncEffect } from '@xylabs/react-async-effect'
 import { MemoryArchivist, MemoryArchivistConfigSchema } from '@xyo-network/archivist'
-import { HttpBridge, HttpBridgeConfigSchema } from '@xyo-network/http-bridge'
+import { HttpBridge, HttpBridgeConfigSchema } from '@xyo-network/bridge-http'
 import { IdWitness, IdWitnessConfigSchema } from '@xyo-network/id-plugin'
 import { MemoryNode } from '@xyo-network/node-memory'
 import { NodeConfigSchema } from '@xyo-network/node-model'
-import { NodeProvider, useNodeFromNode, useProvidedNode, useWeakNodeFromNode, useWeakProvidedNode } from '@xyo-network/react-node'
+import { NodeProvider, useWeakNodeFromNode, useWeakProvidedNode } from '@xyo-network/react-node'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
 import { useWallet, WalletProvider } from '@xyo-network/react-wallet'
 import { MemorySentinel, SentinelConfigSchema } from '@xyo-network/sentinel'
@@ -14,10 +14,10 @@ import { useState } from 'react'
 
 import { CytoscapeInstanceProvider } from '../../../contexts'
 import { useCytoscapeElements, useCytoscapeOptions } from '../../../hooks'
+import { WithExtensions } from '../../cytoscape-extensions'
 import { NodeRelationalGraphFlexBox } from './Graph'
 import { ProvidedNodeRenderer } from './ProvidedNodeRenderer'
 import { options } from './story'
-import { WithExtensions } from '../../cytoscape-extensions'
 
 const nodeUrl = 'http://localhost:8080/node'
 
@@ -124,8 +124,8 @@ const TemplateAttachDetach: StoryFn<typeof NodeRelationalGraphFlexBox> = (props)
   const handleRemoveWitness = async () => {
     if (node && idWitness) {
       const memoryNode = node.deref() as MemoryNode | undefined
-      if (memoryNode?.registered().includes(idWitness.address)) {
-        await memoryNode.unregister(idWitness)
+      if (((await memoryNode?.registered()) ?? []).includes(idWitness.address)) {
+        await memoryNode?.unregister(idWitness)
       }
     }
   }