@xyo-network/react-node-renderer 2.75.7 → 2.76.0

package/src/Cytoscape/CytoscapeElements.ts

@@ -7,7 +7,7 @@ import { parseModuleType } from './lib'
 interface ModuleInfo {
   children: ModuleInfo[]
   depth: number
-  module: ModuleInstance
+  mod: ModuleInstance
 }
 
 export const CytoscapeElements = {
@@ -24,15 +24,15 @@ export const CytoscapeElements = {
     }
   },
 
-  async buildElements(module: ModuleInstance): Promise<ElementDefinition[]> {
-    const info = await CytoscapeElements.recurseNodes(module)
+  async buildElements(mod: ModuleInstance): Promise<ElementDefinition[]> {
+    const info = await CytoscapeElements.recurseNodes(mod)
     const newElements: ElementDefinition[] = await this.buildElementsFromInfo(info, undefined, ['activeNode'])
 
     return newElements
   },
 
   async buildElementsFromInfo(info: ModuleInfo, root?: ElementDefinition, classes: string[] = []): Promise<ElementDefinition[]> {
-    const newNode = CytoscapeElements.buildNode(info.module, { childCount: info.children.length, depth: info.depth }, classes)
+    const newNode = CytoscapeElements.buildNode(info.mod, { childCount: info.children.length, depth: info.depth }, classes)
     const newEdge = root ? CytoscapeElements.buildEdge(root, newNode, { depth: info.depth, siblingCount: info.children.length }) : undefined
     const newElements: ElementDefinition[] = [newNode]
     if (newEdge) {
@@ -46,22 +46,22 @@ export const CytoscapeElements = {
     return newElements
   },
 
-  buildNode(module: ModuleInstance, properties?: { [key: string]: unknown }, classes?: string[]): ElementDefinition {
-    const { address, id } = module
+  buildNode(mod: ModuleInstance, properties?: { [key: string]: unknown }, classes?: string[]): ElementDefinition {
+    const { address, id } = mod
     return {
       classes,
       data: {
         address,
         id: address,
         name: id,
-        type: parseModuleType(module),
+        type: parseModuleType(mod),
         ...properties,
       },
     }
   },
 
-  buildRootNode: (module: ModuleInstance): ElementDefinition => {
-    return CytoscapeElements.buildNode(module, {}, ['activeNode'])
+  buildRootNode: (mod: ModuleInstance): ElementDefinition => {
+    return CytoscapeElements.buildNode(mod, {}, ['activeNode'])
   },
 
   normalizeName(name?: string) {
@@ -71,7 +71,7 @@ export const CytoscapeElements = {
   },
 
   async recurseNodes(root: ModuleInstance, maxDepth = 10, depth = 1): Promise<ModuleInfo> {
-    const info: ModuleInfo = { children: [], depth, module: root }
+    const info: ModuleInfo = { children: [], depth, mod: root }
 
     if (maxDepth > 0) {
       const children = await root.resolve('*', { direction: 'down', maxDepth: 1 })

package/src/Cytoscape/CytoscapeIcons.tsx

@@ -18,6 +18,7 @@ export const CyIconSet: Record<CyNodeModuleTypes, OverridableComponent<SvgIconTy
   archivist: Inventory2RoundedIcon,
   bridge: InsertLinkRoundedIcon,
   diviner: BubbleChartRoundedIcon,
+  // eslint-disable-next-line id-denylist
   module: QuestionMarkRoundedIcon,
   node: HubIcon,
   sentinel: TimerRoundedIcon,

package/src/Cytoscape/lib/iconMap.ts

@@ -4,6 +4,7 @@ export const generateIconMap: () => Record<CyNodeModuleTypes, string> = () => ({
   archivist: '',
   bridge: '',
   diviner: '',
+  // eslint-disable-next-line id-denylist
   module: '',
   node: '',
   sentinel: '',

package/src/Cytoscape/lib/parseModuleType.ts

@@ -8,20 +8,20 @@ import { isWitnessModule } from '@xyo-network/witness-model'
 
 import { CyNodeModuleTypes } from './CyNodeModuleTypes'
 
-export const parseModuleType = (module?: ModuleInstance): CyNodeModuleTypes => {
+export const parseModuleType = (mod?: ModuleInstance): CyNodeModuleTypes => {
   let type: CyNodeModuleTypes = 'module'
-  if (module) {
-    if (isArchivistInstance(module)) {
+  if (mod) {
+    if (isArchivistInstance(mod)) {
       type = 'archivist'
-    } else if (isBridgeInstance(module)) {
+    } else if (isBridgeInstance(mod)) {
       type = 'bridge'
-    } else if (isDivinerInstance(module)) {
+    } else if (isDivinerInstance(mod)) {
       type = 'diviner'
-    } else if (isNodeInstance(module)) {
+    } else if (isNodeInstance(mod)) {
       type = 'node'
-    } else if (isSentinelInstance(module)) {
+    } else if (isSentinelInstance(mod)) {
       type = 'sentinel'
-    } else if (isWitnessModule(module)) {
+    } else if (isWitnessModule(mod)) {
       type = 'witness'
     } else {
       type = 'module'

package/src/components/module/CardParser.tsx

@@ -5,19 +5,19 @@ import { ArchivistCard } from '@xyo-network/react-archivist'
 import { DivinerCard, ModuleCard } from '@xyo-network/react-module'
 
 export interface ModuleCardParserProps {
-  module?: ModuleInstance
+  mod?: ModuleInstance
 }
 
-export const ModuleCardParser: React.FC<ModuleCardParserProps> = ({ module }) => {
+export const ModuleCardParser: React.FC<ModuleCardParserProps> = ({ mod }) => {
   switch (true) {
-    case isArchivistInstance(module): {
-      return <ArchivistCard module={asArchivistInstance(module)} />
+    case isArchivistInstance(mod): {
+      return <ArchivistCard mod={asArchivistInstance(mod)} />
     }
-    case isDivinerInstance(module): {
-      return <DivinerCard module={asDivinerInstance(module)} />
+    case isDivinerInstance(mod): {
+      return <DivinerCard mod={asDivinerInstance(mod)} />
     }
     default: {
-      return <ModuleCard module={module} />
+      return <ModuleCard mod={mod} />
     }
   }
 }

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

@@ -24,13 +24,13 @@ export const ModuleGraphFlexBox: React.FC<ModuleGraphFlexBoxProps> = ({ hideActi
   const { handleToggleLabels, hideLabels, options } = useRelationalGraphOptions(rootModule ?? undefined)
   const { hoveredNode, setHoveredNode, toggleSelectedElement } = useElements(hideLabels)
 
-  const { module, onModuleDetails } = useModuleDetails(rootModule, () => setHoveredNode(undefined))
+  const { mod, onModuleDetails } = useModuleDetails(rootModule, () => setHoveredNode(undefined))
 
   return (
     <WithExtensions>
       <NodeRelationalGraphFlexBox
         actions={
-          module ? null
+          mod ? null
           : hideActions ?
             null
           : <Button size={'small'} onClick={handleToggleLabels} variant="contained">
@@ -38,7 +38,7 @@ export const ModuleGraphFlexBox: React.FC<ModuleGraphFlexBoxProps> = ({ hideActi
             </Button>
 
         }
-        showDetails={!!module}
+        showDetails={!!mod}
         detail={<DetailsFlexbox onClose={() => onModuleDetails(null)} />}
         options={options}
         ref={cytoscapeRef}

package/src/hooks/cytoscape/elements/useCytoscapeElements.ts

@@ -7,32 +7,32 @@ import { useEffect, useState } from 'react'
 
 import { CytoscapeElements } from '../../../Cytoscape'
 
-export const useCytoscapeElements = (module?: WeakRef<ModuleInstance> | null) => {
+export const useCytoscapeElements = (mod?: WeakRef<ModuleInstance> | null) => {
   const [elements, setElements] = useState<ElementDefinition[]>([])
 
   useAsyncEffect(
     // eslint-disable-next-line react-hooks/exhaustive-deps
     async () => {
-      const moduleInstance = module?.deref()
+      const moduleInstance = mod?.deref()
       if (moduleInstance) {
         const newElements = (await CytoscapeElements.buildElements(moduleInstance)) ?? []
         setElements(newElements)
       }
     },
-    [module],
+    [mod],
   )
 
   useEffect(() => {
     let attachedListener: EventUnsubscribeFunction | undefined
     let detachedListener: EventUnsubscribeFunction | undefined
 
-    if (module && isNodeInstance(module)) {
-      attachedListener = module.on('moduleAttached', async () => {
-        const newElements = (await CytoscapeElements.buildElements(module)) ?? []
+    if (mod && isNodeInstance(mod)) {
+      attachedListener = mod.on('moduleAttached', async () => {
+        const newElements = (await CytoscapeElements.buildElements(mod)) ?? []
         setElements(newElements)
       })
-      detachedListener = module.on('moduleDetached', async () => {
-        const newElements = (await CytoscapeElements.buildElements(module)) ?? []
+      detachedListener = mod.on('moduleDetached', async () => {
+        const newElements = (await CytoscapeElements.buildElements(mod)) ?? []
         setElements(newElements)
       })
     }
@@ -41,7 +41,7 @@ export const useCytoscapeElements = (module?: WeakRef<ModuleInstance> | null) =>
       attachedListener?.()
       detachedListener?.()
     }
-  }, [module])
+  }, [mod])
 
   return elements
 }

package/src/hooks/cytoscape/elements/useNewElements.tsx

@@ -10,8 +10,8 @@ export const useNewElements = (selectedElement?: NodeSingular) => {
     return selectedAddress
   }, [selectedElement])
 
-  const [module] = useWeakModuleFromNode(selectedAddress)
-  const newElements = useCytoscapeElements(module)
+  const [mod] = useWeakModuleFromNode(selectedAddress)
+  const newElements = useCytoscapeElements(mod)
 
   return newElements
 }

package/src/hooks/cytoscape/useModuleDetails.tsx

@@ -69,5 +69,5 @@ export const useModuleDetails = (rootModule?: WeakRef<ModuleInstance> | null, on
     setModuleAddress(address)
   }
 
-  return { module: foundModule, onModuleDetails }
+  return { mod: foundModule, onModuleDetails }
 }

package/src/hooks/cytoscape/useRelationalGraphOptions.tsx

@@ -6,14 +6,14 @@ import { useCytoscapeElements } from './elements'
 import { useCytoscapeOptions } from './useCytoscapeOptions'
 import { useCytoscapeStyle } from './useCytoscapeStyle'
 
-export const useRelationalGraphOptions = (module?: WeakRef<ModuleInstance>) => {
+export const useRelationalGraphOptions = (mod?: WeakRef<ModuleInstance>) => {
   const [hideLabels, setHideLabels] = useState(true)
 
   const handleToggleLabels = () => {
     setHideLabels((oldValue) => !oldValue)
   }
 
-  const elements = useCytoscapeElements(module)
+  const elements = useCytoscapeElements(mod)
   const style = useCytoscapeStyle(hideLabels)
   const options = useCytoscapeOptions(elements, style, ConcentricLayout)