npm - @xyo-network/react-node-renderer - Versions diffs - 2.81.9 → 2.82.0 - Mend

@xyo-network/react-node-renderer 2.81.9 → 2.82.0

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

package/dist/neutral/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/index.ts","../../src/components/module/CardParser.tsx","../../src/components/module/graph/GraphFlexBox.tsx","../../src/contexts/CytoscapeInstance/Context.ts","../../src/contexts/CytoscapeInstance/Provider.tsx","../../src/contexts/CytoscapeInstance/use.ts","../../src/hooks/cytoscape/elements/useCytoscapeElements.ts","../../src/Cytoscape/CytoscapeElements.ts","../../src/Cytoscape/lib/encodeSvg.ts","../../src/Cytoscape/lib/iconMap.ts","../../src/Cytoscape/lib/layout/ColaLayout.ts","../../src/Cytoscape/lib/layout/ConcentricLayout.ts","../../src/Cytoscape/lib/parseModuleType.ts","../../src/Cytoscape/CytoscapeIcons.tsx","../../src/Cytoscape/CytoscapeStyles.ts","../../src/hooks/cytoscape/elements/useHoveredNode.tsx","../../src/hooks/cytoscape/elements/useNewElements.tsx","../../src/hooks/cytoscape/elements/useRenderNewElements.tsx","../../src/hooks/cytoscape/elements/useSelectedElement.tsx","../../src/hooks/cytoscape/elements/useElements.tsx","../../src/hooks/cytoscape/useCytoscapeOptions.ts","../../src/hooks/cytoscape/useCytoscapeStyle.tsx","../../src/hooks/cytoscape/useIcons.tsx","../../src/hooks/cytoscape/useModuleDetails.tsx","../../src/hooks/cytoscape/useRelationalGraphOptions.tsx","../../src/components/cytoscape-extensions/WithExtensions.tsx","../../src/components/relational/graph/Graph.tsx","../../src/components/relational/graph/ProvidedNodeRenderer.tsx","../../src/components/module/graph/DetailsFlexbox.tsx","../../src/components/module/graph/node/Hover.tsx","../../src/components/module/graph/node/hooks/useNodeElement.tsx","../../src/components/module/graph/Popper.tsx"],"sourcesContent":["export * from './components/index.js'\nexport * from './contexts/index.js'\nexport * from './Cytoscape/index.js'\nexport * from './hooks/index.js'\n","import { asArchivistInstance, isArchivistInstance } from '@xyo-network/archivist-model'\nimport { asDivinerInstance, isDivinerInstance } from '@xyo-network/diviner-model'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { ArchivistCard } from '@xyo-network/react-archivist'\nimport { DivinerCard, ModuleCard } from '@xyo-network/react-module'\n\nexport interface ModuleCardParserProps {\n mod?: ModuleInstance\n}\n\nexport const ModuleCardParser: React.FC<ModuleCardParserProps> = ({ mod }) => {\n switch (true) {\n case isArchivistInstance(mod): {\n return <ArchivistCard mod={asArchivistInstance(mod)} />\n }\n case isDivinerInstance(mod): {\n return <DivinerCard mod={asDivinerInstance(mod)} />\n }\n default: {\n return <ModuleCard mod={mod} />\n }\n }\n}\n","import { Button } from '@mui/material'\nimport { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { useRef } from 'react'\n\nimport { CytoscapeInstanceProvider } from '../../../contexts/index.js'\nimport { useElements, useModuleDetails, useRelationalGraphOptions } from '../../../hooks/index.js'\nimport { WithExtensions } from '../../cytoscape-extensions/index.js'\nimport { NodeRelationalGraphFlexBox } from '../../relational/index.js'\nimport { DetailsFlexbox } from './DetailsFlexbox.js'\nimport { ModuleGraphNodeHover } from './node/index.js'\nimport { StyledModuleHoverPopper } from './Popper.js'\n\nexport interface ModuleGraphFlexBoxProps extends FlexBoxProps {\n disableModuleDetails?: boolean\n hideActions?: boolean\n layout?: 'dagre' \| 'euler' \| 'cose-bilkent' \| 'cola'\n layoutOptions?: object\n rootModule?: WeakRef<ModuleInstance> \| null\n}\n\nexport const ModuleGraphFlexBox: React.FC<ModuleGraphFlexBoxProps> = ({ hideActions, rootModule, disableModuleDetails, ...props }) => {\n const cytoscapeRef = useRef<HTMLDivElement>(null)\n const { handleToggleLabels, hideLabels, options } = useRelationalGraphOptions(rootModule ?? undefined)\n const { hoveredNode, setHoveredNode, toggleSelectedElement } = useElements(hideLabels)\n\n const { mod, onModuleDetails } = useModuleDetails(rootModule, () => setHoveredNode(undefined))\n\n return (\n <WithExtensions>\n <NodeRelationalGraphFlexBox\n actions={\n mod ? null\n : hideActions ?\n null\n : <Button size={'small'} onClick={handleToggleLabels} variant=\"contained\">\n Toggle Labels\n </Button>\n\n }\n showDetails={!!mod}\n detail={<DetailsFlexbox onClose={() => onModuleDetails(null)} />}\n options={options}\n ref={cytoscapeRef}\n width=\"100%\"\n {...props}\n >\n <ModuleGraphNodeHover node={hoveredNode}>\n {(element) => (\n <StyledModuleHoverPopper\n anchorEl={element}\n container={cytoscapeRef.current}\n node={hoveredNode}\n onClose={() => setHoveredNode(undefined)}\n onModuleExplore={toggleSelectedElement}\n onModuleDetails={disableModuleDetails ? undefined : onModuleDetails}\n placement={'top'}\n open\n />\n )}\n </ModuleGraphNodeHover>\n </NodeRelationalGraphFlexBox>\n </WithExtensions>\n )\n}\n\nexport const ModuleGraphFlexBoxWithProvider: React.FC<ModuleGraphFlexBoxProps> = (props) => {\n return (\n <CytoscapeInstanceProvider>\n <ModuleGraphFlexBox {...props} />\n </CytoscapeInstanceProvider>\n )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { CytoscapeInstanceState } from './State.js'\n\nexport const CytoscapeInstanceContext = createContextEx<CytoscapeInstanceState>()\n","import type { WithChildren } from '@xylabs/react-shared'\nimport { Core } from 'cytoscape'\nimport { useEffect, useState } from 'react'\n\nimport { CytoscapeInstanceContext } from './Context.js'\n\nexport interface CytoscapeInstanceProviderProps extends WithChildren {\n defaultInstance?: WeakRef<Core>\n}\n\nexport const CytoscapeInstanceProvider: React.FC<CytoscapeInstanceProviderProps> = ({ children, defaultInstance }) => {\n const [cy, setCy] = useState<WeakRef<Core> \| undefined>(defaultInstance)\n useEffect(() => {\n setCy(defaultInstance)\n }, [defaultInstance])\n\n return <CytoscapeInstanceContext.Provider value={{ cy, provided: true, setCy }}>{children}</CytoscapeInstanceContext.Provider>\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { CytoscapeInstanceContext } from './Context.js'\n\nexport const useCytoscapeInstance = (required = false) => useContextEx(CytoscapeInstanceContext, 'CytoscapeInstance', required)\n","import { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { EventUnsubscribeFunction } from '@xyo-network/module-events'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { isNodeInstance } from '@xyo-network/node-model'\nimport { ElementDefinition } from 'cytoscape'\nimport { useEffect, useState } from 'react'\n\nimport { CytoscapeElements } from '../../../Cytoscape/index.js'\n\nexport const useCytoscapeElements = (mod?: WeakRef<ModuleInstance> \| null) => {\n const [elements, setElements] = useState<ElementDefinition[]>([])\n\n useAsyncEffect(\n // eslint-disable-next-line react-hooks/exhaustive-deps\n async () => {\n const moduleInstance = mod?.deref()\n if (moduleInstance) {\n const newElements = (await CytoscapeElements.buildElements(moduleInstance)) ?? []\n setElements(newElements)\n }\n },\n [mod],\n )\n\n useEffect(() => {\n let attachedListener: EventUnsubscribeFunction \| undefined\n let detachedListener: EventUnsubscribeFunction \| undefined\n\n if (mod && isNodeInstance(mod)) {\n attachedListener = mod.on('moduleAttached', async () => {\n const newElements = (await CytoscapeElements.buildElements(mod)) ?? []\n setElements(newElements)\n })\n detachedListener = mod.on('moduleDetached', async () => {\n const newElements = (await CytoscapeElements.buildElements(mod)) ?? []\n setElements(newElements)\n })\n }\n\n return () => {\n attachedListener?.()\n detachedListener?.()\n }\n }, [mod])\n\n return elements\n}\n","import { exists } from '@xylabs/exists'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { ElementDefinition } from 'cytoscape'\n\nimport { parseModuleType } from './lib/index.js'\n\ninterface ModuleInfo {\n children: ModuleInfo[]\n depth: number\n mod: ModuleInstance\n}\n\nexport const CytoscapeElements = {\n MaxNameLength: 20,\n\n buildEdge(rootNode: ElementDefinition, newNode: ElementDefinition, properties?: { [key: string]: unknown }) {\n return {\n data: {\n id: `${rootNode.data.id}/${newNode.data.id}`,\n source: rootNode.data.id,\n target: newNode.data.id,\n ...properties,\n },\n }\n },\n\n async buildElements(mod: ModuleInstance): Promise<ElementDefinition[]> {\n const info = await CytoscapeElements.recurseNodes(mod)\n const newElements: ElementDefinition[] = await this.buildElementsFromInfo(info, undefined, ['activeNode'])\n\n return newElements\n },\n\n async buildElementsFromInfo(info: ModuleInfo, root?: ElementDefinition, classes: string[] = []): Promise<ElementDefinition[]> {\n const newNode = CytoscapeElements.buildNode(info.mod, { childCount: info.children.length, depth: info.depth }, classes)\n const newEdge = root ? CytoscapeElements.buildEdge(root, newNode, { depth: info.depth, siblingCount: info.children.length }) : undefined\n const newElements: ElementDefinition[] = [newNode]\n if (newEdge) {\n newElements.push(newEdge)\n }\n\n for (const childInfo of info.children) {\n newElements.push(...(await this.buildElementsFromInfo(childInfo, newNode)))\n }\n\n return newElements\n },\n\n buildNode(mod: ModuleInstance, properties?: { [key: string]: unknown }, classes?: string[]): ElementDefinition {\n const { address, id } = mod\n return {\n classes,\n data: {\n address,\n id: address,\n name: id,\n type: parseModuleType(mod),\n ...properties,\n },\n }\n },\n\n buildRootNode: (mod: ModuleInstance): ElementDefinition => {\n return CytoscapeElements.buildNode(mod, {}, ['activeNode'])\n },\n\n normalizeName(name?: string) {\n if (!name) return\n if (name.length > this.MaxNameLength) return `${name.slice(0, 20)}...`\n return name\n },\n\n async recurseNodes(root: ModuleInstance, maxDepth = 10, depth = 1): Promise<ModuleInfo> {\n const info: ModuleInfo = { children: [], depth, mod: root }\n\n if (maxDepth > 0) {\n const children = await root.resolve('', { direction: 'down', maxDepth: 1 })\n info.children = (\n await Promise.all(\n children.map(async (child) => {\n // don't re add the root module that was passed in\n if (child.address !== root.address) {\n return await this.recurseNodes(child, maxDepth - 1, depth + 1)\n }\n }),\n )\n ).filter(exists)\n }\n\n return info\n },\n}\n","import { ReactElement } from 'react'\n// eslint-disable-next-line import/no-internal-modules\nimport { renderToStaticMarkup } from 'react-dom/server'\n\nconst dataUri = 'data:image/svg+xml,'\n\nexport const encodeSvg = (reactElement: ReactElement, color?: string) => {\n const svgString = renderToStaticMarkup(reactElement)\n\n const doc = new DOMParser().parseFromString(svgString, 'text/html')\n const svgElement = doc.querySelectorAll('svg')[0]\n if (svgElement) {\n svgElement.setAttribute('xmlns', 'http://www.w3.org/2000/svg')\n svgElement.setAttribute('height', '100')\n svgElement.style.fill = color ?? 'black'\n }\n\n return `${dataUri}${window.encodeURIComponent(svgElement.outerHTML)}`\n}\n","import { CyNodeModuleTypes } from './CyNodeModuleTypes.js'\n\nexport const generateIconMap: () => Record<CyNodeModuleTypes, string> = () => ({\n archivist: '',\n bridge: '',\n diviner: '',\n // eslint-disable-next-line id-denylist\n module: '',\n node: '',\n sentinel: '',\n witness: '',\n})\n","export const ColaLayout = {\n centerGraph: false,\n convergenceThreshold: 0.01,\n name: 'cola',\n}\n","import { LayoutOptions } from 'cytoscape'\n\nexport const ConcentricLayout: LayoutOptions = {\n concentric: function (node) {\n return node.degree(false)\n },\n levelWidth: function () {\n return 2\n },\n minNodeSpacing: 75,\n name: 'concentric',\n}\n","import { isArchivistInstance } from '@xyo-network/archivist-model'\nimport { isBridgeInstance } from '@xyo-network/bridge-model'\nimport { isDivinerInstance } from '@xyo-network/diviner-model'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { isNodeInstance } from '@xyo-network/node-model'\nimport { isSentinelInstance } from '@xyo-network/sentinel-model'\nimport { isWitnessModule } from '@xyo-network/witness-model'\n\nimport { CyNodeModuleTypes } from './CyNodeModuleTypes.js'\n\nexport const parseModuleType = (mod?: ModuleInstance): CyNodeModuleTypes => {\n let type: CyNodeModuleTypes = 'module'\n if (mod) {\n if (isArchivistInstance(mod)) {\n type = 'archivist'\n } else if (isBridgeInstance(mod)) {\n type = 'bridge'\n } else if (isDivinerInstance(mod)) {\n type = 'diviner'\n } else if (isNodeInstance(mod)) {\n type = 'node'\n } else if (isSentinelInstance(mod)) {\n type = 'sentinel'\n } else if (isWitnessModule(mod)) {\n type = 'witness'\n } else {\n type = 'module'\n }\n }\n return type\n}\n","import {\n BubbleChartRounded as BubbleChartRoundedIcon,\n Hub as HubIcon,\n InsertLinkRounded as InsertLinkRoundedIcon,\n Inventory2Rounded as Inventory2RoundedIcon,\n QuestionMarkRounded as QuestionMarkRoundedIcon,\n TimerRounded as TimerRoundedIcon,\n VisibilityRounded as VisibilityRoundedIcon,\n} from '@mui/icons-material'\nimport { SvgIconTypeMap } from '@mui/material'\n// eslint-disable-next-line import/no-internal-modules\nimport { OverridableComponent } from '@mui/material/OverridableComponent.js'\n\nimport { CyNodeModuleTypes } from './lib/index.js'\n\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport const CyIconSet: Record<CyNodeModuleTypes, OverridableComponent<SvgIconTypeMap<{}, 'svg'>>> = {\n archivist: Inventory2RoundedIcon,\n bridge: InsertLinkRoundedIcon,\n diviner: BubbleChartRoundedIcon,\n // eslint-disable-next-line id-denylist\n module: QuestionMarkRoundedIcon,\n node: HubIcon,\n sentinel: TimerRoundedIcon,\n witness: VisibilityRoundedIcon,\n}\n","import { Stylesheet } from 'cytoscape'\n\nimport { CyNodeModuleTypes } from './lib/index.js'\n\nexport const NodeWithName = (color?: string, outlineColor?: string): Stylesheet => ({\n selector: 'node[name]',\n style: {\n color,\n 'font-family': 'Lexend Deca, Helvetica, sans-serif',\n 'font-size': 12,\n 'overlay-padding': '6px',\n 'text-halign': 'center',\n 'text-outline-color': outlineColor,\n 'text-outline-width': '1px',\n 'text-valign': 'top',\n },\n})\n\nexport const Node = (icons: Record<CyNodeModuleTypes, string>, bgColor?: string, hideLabels = false): Stylesheet => ({\n selector: 'node',\n style: {\n 'background-color': bgColor,\n 'background-height': '75%',\n 'background-image': (elem) => icons[elem.data('type') as CyNodeModuleTypes],\n 'background-width': '24',\n label: hideLabels ? undefined : 'data(name)',\n shape: 'round-rectangle',\n },\n})\n\nexport const NodeAsRoot = (bgColor?: string) => ({\n selector: '.activeNode',\n style: {\n 'background-color': bgColor,\n },\n})\n\nexport const EdgeStyled = (lineColor?: string, targetArrowColor?: string) => ({\n selector: 'edge',\n style: {\n 'curve-style': 'bezier',\n 'line-color': lineColor,\n 'line-opacity': 0.1,\n 'target-arrow-color': targetArrowColor,\n 'target-arrow-shape': 'triangle',\n width: 3,\n },\n})\n","import { NodeCollection, NodeSingular } from 'cytoscape'\nimport { Dispatch, SetStateAction, useCallback, useEffect, useState } from 'react'\n\nimport { useCytoscapeInstance } from '../../../contexts/index.js'\n\nexport const useHoveredNode = (renderedElements?: NodeCollection): [NodeSingular \| undefined, Dispatch<SetStateAction<NodeSingular \| undefined>>] => {\n const { cy } = useCytoscapeInstance(true)\n const [hoveredNode, setHoveredNode] = useState<NodeSingular>()\n\n const nodeListener = useCallback((node: NodeSingular) => {\n node.on('mouseover tap', () => {\n setHoveredNode(node)\n })\n }, [])\n\n useEffect(() => {\n if (renderedElements) {\n // eslint-disable-next-line unicorn/no-array-for-each\n renderedElements.nodes().forEach(nodeListener)\n }\n }, [nodeListener, renderedElements])\n\n useEffect(() => {\n cy?.deref()?.ready(() => {\n // eslint-disable-next-line unicorn/no-array-for-each\n cy?.deref()?.nodes().forEach(nodeListener)\n })\n }, [cy, nodeListener])\n\n return [hoveredNode, setHoveredNode]\n}\n","import { useWeakModuleFromNode } from '@xyo-network/react-node'\nimport { NodeSingular } from 'cytoscape'\nimport { useMemo } from 'react'\n\nimport { useCytoscapeElements } from './useCytoscapeElements.js'\n\nexport const useNewElements = (selectedElement?: NodeSingular) => {\n const selectedAddress = useMemo(() => {\n const { address: selectedAddress } = selectedElement?.data() ?? {}\n return selectedAddress\n }, [selectedElement])\n\n const [mod] = useWeakModuleFromNode(selectedAddress)\n const newElements = useCytoscapeElements(mod)\n\n return newElements\n}\n","import { CollectionReturnValue, ElementDefinition } from 'cytoscape'\nimport { useEffect, useState } from 'react'\n\nimport { useCytoscapeInstance } from '../../../contexts/index.js'\nimport { ColaLayout } from '../../../Cytoscape/index.js'\n\nexport const useRenderNewElements = (newElements: ElementDefinition[] = [], hideLabels?: boolean) => {\n const { cy } = useCytoscapeInstance(true)\n const [renderedElements, setRenderedElements] = useState<CollectionReturnValue>()\n\n useEffect(() => {\n if (newElements.length > 1) {\n const renderedElements = cy?.deref()?.add(newElements)\n setRenderedElements(renderedElements)\n cy?.deref()?.layout(ColaLayout).run()\n }\n }, [cy, hideLabels, newElements])\n\n return renderedElements\n}\n","import { NodeSingular } from 'cytoscape'\nimport { useState } from 'react'\n\nimport { useCytoscapeInstance } from '../../../contexts/index.js'\n\nexport const useSelectedElement = () => {\n const [selectedElement, setSelectedElement] = useState<NodeSingular>()\n const { cy } = useCytoscapeInstance(true)\n\n const updateStyles = (element: NodeSingular) => {\n const nodes = cy?.deref()?.nodes()\n nodes?.toggleClass('activeNode', false)\n element.toggleClass('activeNode', true)\n }\n\n const toggleSelectedElement = (address?: string) => {\n const selectedNode = cy?.deref()?.nodes(`[id=\"${address}\"]`)?.[0]\n if (selectedNode) {\n setSelectedElement(selectedNode)\n updateStyles(selectedNode)\n }\n }\n\n return { selectedElement, toggleSelectedElement }\n}\n","import { useHoveredNode } from './useHoveredNode.js'\nimport { useNewElements } from './useNewElements.js'\nimport { useRenderNewElements } from './useRenderNewElements.js'\nimport { useSelectedElement } from './useSelectedElement.js'\n\nexport const useElements = (hideLabels: boolean) => {\n const { selectedElement, toggleSelectedElement } = useSelectedElement()\n const newElements = useNewElements(selectedElement)\n const renderedElements = useRenderNewElements(newElements, hideLabels)\n const [hoveredNode, setHoveredNode] = useHoveredNode(renderedElements)\n\n return { hoveredNode, setHoveredNode, toggleSelectedElement }\n}\n","import { CytoscapeOptions } from 'cytoscape'\nimport { useMemo } from 'react'\n\nimport { ConcentricLayout } from '../../Cytoscape/index.js'\nimport { useCytoscapeStyle } from './useCytoscapeStyle.js'\n\nexport const useCytoscapeOptions = (\n elements: CytoscapeOptions['elements'],\n style?: CytoscapeOptions['style'],\n layout?: CytoscapeOptions['layout'],\n) => {\n const defaultStyle = useCytoscapeStyle()\n\n const resolvedLayout = layout ?? ConcentricLayout\n const resolvedStyle = style ?? defaultStyle\n\n const options = useMemo<CytoscapeOptions \| undefined>(() => {\n if (elements && resolvedLayout && resolvedStyle) {\n return {\n elements,\n layout: resolvedLayout,\n style: resolvedStyle,\n }\n }\n }, [elements, layout, style])\n\n return options\n}\n","import { useTheme } from '@mui/material'\nimport { CytoscapeOptions } from 'cytoscape'\nimport { useMemo } from 'react'\n\nimport { EdgeStyled, Node, NodeAsRoot, NodeWithName } from '../../Cytoscape/index.js'\nimport { useIcons } from './useIcons.js'\n\nexport const useCytoscapeStyle = (hideLabels = false) => {\n const theme = useTheme()\n const icons = useIcons()\n\n const style: CytoscapeOptions['style'] = useMemo(\n () => [\n Node(icons, theme.palette.primary.main, hideLabels),\n NodeWithName(theme.palette.text.primary, theme.palette.getContrastText(theme.palette.text.primary)),\n NodeAsRoot(theme.palette.secondary.main),\n EdgeStyled(theme.palette.divider, theme.palette.divider),\n ],\n [icons, hideLabels, theme],\n )\n\n return style\n}\n","import { useTheme } from '@mui/material'\nimport { useMemo } from 'react'\n\nimport { CyIconSet, CyNodeModuleTypes, encodeSvg, generateIconMap } from '../../Cytoscape/index.js'\n\nexport const useIcons = () => {\n const theme = useTheme()\n const icons = useMemo(() => {\n const iconMap = generateIconMap()\n // eslint-disable-next-line unicorn/no-array-reduce\n return Object.entries(CyIconSet).reduce((acc, [name, IconComponent]) => {\n const icon = <IconComponent fontSize=\"small\" />\n acc[name as CyNodeModuleTypes] = encodeSvg(icon, theme.palette.getContrastText(theme.palette.text.primary))\n return acc\n }, iconMap)\n }, [theme.palette])\n\n return icons\n}\n","import { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { useEffect, useState } from 'react'\n\nimport { useCytoscapeInstance } from '../../contexts/index.js'\n\nexport const useModuleDetails = (rootModule?: WeakRef<ModuleInstance> \| null, onFoundModule?: () => void) => {\n const { cy } = useCytoscapeInstance()\n const [moduleAddress, setModuleAddress] = useState<string \| null>()\n\n const [foundModule] = usePromise(async () => {\n if (moduleAddress === null) return null\n const rootModuleInstance = rootModule?.deref()\n if (moduleAddress && rootModuleInstance) {\n const foundModule = await rootModuleInstance.resolve(moduleAddress)\n return foundModule ?? null\n }\n }, [moduleAddress, rootModule])\n\n useEffect(() => {\n const resizeObserver = new ResizeObserver(() => {\n if (moduleAddress === null) {\n // cytoscape tries to center prematurely without it :(\n setTimeout(() => {\n cy?.deref()?.center()\n }, 100)\n } else if (foundModule && cy) {\n const node = cy?.deref()?.nodes(`[id=\"${moduleAddress}\"]`)?.[0]\n // cy.pan(newPan)\n // cytoscape tries to center prematurely without it :(\n setTimeout(() => {\n cy?.deref()?.center(node)\n }, 100)\n }\n })\n\n const container = cy?.deref()?.container()\n if (container) {\n resizeObserver.observe(container)\n }\n\n return () => {\n if (container) resizeObserver.unobserve(container)\n }\n }, [cy, moduleAddress, foundModule, rootModule])\n\n useEffect(() => {\n if (foundModule) {\n onFoundModule?.()\n }\n }, [cy, moduleAddress, foundModule, onFoundModule])\n\n const onModuleDetails = (address?: string \| null) => {\n const moduleNode = cy?.deref()?.nodes(`[id=\"${address}\"]`)\n const rootModuleNode = cy?.deref()?.nodes(`[id=\"${rootModule?.deref()?.address}\"]`)\n const foundModuleNode = cy?.deref()?.nodes(`[id=\"${foundModule?.address}\"]`)\n const notModuleNode = cy?.deref()?.nodes(`[id != \"${address}\"]`)\n\n if (address) {\n // address was passed so we set the node to active styles\n moduleNode?.toggleClass('activeNode', true)\n notModuleNode?.toggleClass('activeNode', false)\n } else {\n // no address was passes so we reset the state\n notModuleNode?.toggleClass('activeNode', false)\n const activeNode = foundModuleNode?.length ? foundModuleNode : rootModuleNode\n activeNode?.toggleClass('activeNode', true)\n }\n setModuleAddress(address)\n }\n\n return { mod: foundModule, onModuleDetails }\n}\n","import { ModuleInstance } from '@xyo-network/module-model'\nimport { useState } from 'react'\n\nimport { ConcentricLayout } from '../../Cytoscape/index.js'\nimport { useCytoscapeElements } from './elements/index.js'\nimport { useCytoscapeOptions } from './useCytoscapeOptions.js'\nimport { useCytoscapeStyle } from './useCytoscapeStyle.js'\n\nexport const useRelationalGraphOptions = (mod?: WeakRef<ModuleInstance>) => {\n const [hideLabels, setHideLabels] = useState(true)\n\n const handleToggleLabels = () => {\n setHideLabels((oldValue) => !oldValue)\n }\n\n const elements = useCytoscapeElements(mod)\n const style = useCytoscapeStyle(hideLabels)\n const options = useCytoscapeOptions(elements, style, ConcentricLayout)\n\n return { handleToggleLabels, hideLabels, options }\n}\n","import cytoscape from 'cytoscape'\nimport cola from 'cytoscape-cola'\nimport coseBilkent from 'cytoscape-cose-bilkent'\nimport dagre from 'cytoscape-dagre'\nimport euler from 'cytoscape-euler'\nimport { PropsWithChildren, useEffect, useState } from 'react'\n\nexport const WithExtensions: React.FC<PropsWithChildren> = ({ children }) => {\n const [initialized, setInitialized] = useState(false)\n useEffect(() => {\n cytoscape.use(cola)\n cytoscape.use(dagre)\n cytoscape.use(coseBilkent)\n cytoscape.use(euler)\n setInitialized(true)\n }, [])\n\n return <>{initialized ? children : undefined}</>\n}\n","import { Box, Button, ButtonGroup, Card, CardHeader, CardProps, Paper, useTheme } from '@mui/material'\nimport { Address, asAddress } from '@xylabs/hex'\nimport { FlexCol, FlexGrowRow, FlexRow } from '@xylabs/react-flexbox'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { useWeakModuleFromNode } from '@xyo-network/react-node'\nimport cytoscape, { Core, NodeSingular } from 'cytoscape'\nimport cola from 'cytoscape-cola'\nimport coseBilkentLayout from 'cytoscape-cose-bilkent'\nimport dagre from 'cytoscape-dagre'\nimport eulerLayout from 'cytoscape-euler'\nimport { forwardRef, useEffect, useRef, useState } from 'react'\n\nimport { NodeRelationalGraphProps } from '../../lib/index.js'\n\nconst applyLayout = (cy?: cytoscape.Core, name = 'cola', options?: object) => {\n cy?.layout({ name, ...options }).run()\n}\n\nconst loadLayout = (layout = 'cola') => {\n switch (layout) {\n case 'dagre': {\n cytoscape.use(dagre)\n break\n }\n case 'euler': {\n cytoscape.use(eulerLayout)\n break\n }\n case 'cose-bilkent': {\n cytoscape.use(coseBilkentLayout)\n break\n }\n case 'cola': {\n cytoscape.use(cola)\n break\n }\n }\n}\n\ntype ModuleHoverDetailsProps = CardProps & {\n address: Address\n name: string\n}\n\nconst ModuleHoverDetails: React.FC<ModuleHoverDetailsProps> = ({ name, address, ...props }) => {\n return (\n <Card elevation={3} {...props}>\n <CardHeader\n avatar={\n <Paper elevation={6} sx={{ bgcolor: '#fff', p: 1 }}>\n <Identicon value={address} size={24} />\n </Paper>\n }\n title={name}\n subheader={address}\n />\n </Card>\n )\n}\n\nexport const NodeRelationalGraphFlexBox = forwardRef<HTMLDivElement, NodeRelationalGraphProps>(\n ({ actions, children, node, layout, layoutOptions, showDetails, detail, options, onHover, ...props }, ref) => {\n const theme = useTheme()\n const [cy, setCy] = useState<Core>()\n const cytoscapeRef = useRef<HTMLDivElement>()\n const [hoverPosition, setHoverBoundingBox] = useState<{ x1: number; x2: number; y1: number; y2: number }>()\n const [hoverAddress, setHoverAddress] = useState<Address>()\n\n const [moduleInstance] = useWeakModuleFromNode(hoverAddress, { node })\n\n useEffect(() => {\n cy?.on('mouseover tap', ({ target }) => {\n const cyNode = target as NodeSingular\n const bb = cyNode?.renderedBoundingBox?.()\n setHoverBoundingBox(bb)\n const id = cyNode.id?.()\n if (id) {\n if (id.includes('/')) {\n setHoverAddress(undefined)\n onHover?.()\n } else {\n setHoverAddress(asAddress(id))\n onHover?.(asAddress(id))\n }\n }\n })\n }, [onHover, cy])\n\n const handleReset = () => {\n cy?.reset()\n applyLayout(cy, layout ?? 'euler', layoutOptions)\n }\n\n useEffect(() => {\n let newCy: Core \| undefined\n const container = cytoscapeRef.current\n if (container) {\n newCy = cytoscape({\n container,\n ...options,\n })\n setCy(newCy)\n }\n return () => {\n newCy?.destroy()\n setCy(undefined)\n }\n }, [options, cytoscapeRef, layoutOptions])\n\n useEffect(() => {\n if (cy) {\n loadLayout(layout)\n applyLayout(cy, layout ?? 'euler', layoutOptions)\n }\n }, [cy, layoutOptions, layout])\n\n return (\n <FlexCol id=\"relational-graph-wrapper\" ref={ref} {...props}>\n {hoverAddress && hoverPosition ?\n <Box position=\"absolute\" top={hoverPosition.y1} left={hoverPosition.x1} zIndex={100}>\n <ModuleHoverDetails address={hoverAddress} name={moduleInstance?.deref()?.id ?? 'Unknown'} />\n </Box>\n : null}\n <FlexRow justifyContent=\"start\" width=\"100%\">\n {actions === null ?\n null\n : actions ?\n <ButtonGroup>\n {actions}\n <Button size={'small'} variant={'contained'} onClick={handleReset}>\n Reset View\n </Button>\n </ButtonGroup>\n : <Button size={'small'} variant={'contained'} onClick={handleReset}>\n Reset\n </Button>\n }\n </FlexRow>\n <FlexGrowRow width=\"100%\" alignItems=\"start\">\n {showDetails ?\n <FlexCol height=\"100%\" width={'85%'}>\n {detail}\n </FlexCol>\n : null}\n <FlexCol\n justifyContent=\"start\"\n classes=\"cytoscape-wrap\"\n width={showDetails ? '15%' : '100%'}\n height={showDetails ? '50%' : '100%'}\n border={showDetails ? `1px solid ${theme.palette.divider}` : undefined}\n >\n {/ Cytoscape Element /}\n <FlexCol alignItems=\"stretch\" position=\"absolute\" width=\"100%\" height=\"100%\" ref={cytoscapeRef} />\n {children}\n </FlexCol>\n </FlexGrowRow>\n </FlexCol>\n )\n },\n)\n\nNodeRelationalGraphFlexBox.displayName = 'NodeRelationalGraph'\n\n/* @deprecated */\nexport const NodeRelationalGraph = NodeRelationalGraphFlexBox\n","import { AccountInstance } from '@xyo-network/account-model'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { useWeakProvidedNode } from '@xyo-network/react-node'\n\nimport { useCytoscapeElements, useCytoscapeOptions } from '../../../hooks/index.js'\nimport { NodeRelationalGraphProps } from '../../lib/index.js'\nimport { NodeRelationalGraphFlexBox } from './Graph.js'\n\nexport interface ProvidedNodeRendererProps extends NodeRelationalGraphProps {\n account?: AccountInstance\n layout?: 'dagre' \| 'euler' \| 'cose-bilkent' \| 'cola'\n layoutOptions?: object\n node?: WeakRef<NodeInstance>\n}\n\nexport const ProvidedNodeRenderer: React.FC<ProvidedNodeRendererProps> = ({ node, ...props }) => {\n const [providedNode] = useWeakProvidedNode()\n const elements = useCytoscapeElements(node ?? providedNode)\n const options = useCytoscapeOptions(elements)\n\n return <NodeRelationalGraphFlexBox alignItems=\"stretch\" flexGrow={1} height=\"100%\" options={options} {...props} />\n}\n","import { CancelRounded } from '@mui/icons-material'\nimport { IconButton } from '@mui/material'\nimport { FlexBoxProps, FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'\n\nexport interface DetailsFlexboxProps extends FlexBoxProps {\n onClose?: () => void\n}\n\nexport const DetailsFlexbox: React.FC<DetailsFlexboxProps> = ({ children, onClose }) => {\n return (\n <FlexGrowCol alignItems=\"end\" justifyContent=\"start\" id=\"module-detail\" width=\"100%\" p={2} gap={2}>\n <FlexRow justifyContent=\"end\">\n <IconButton onClick={onClose} size={'small'}>\n <CancelRounded />\n </IconButton>\n </FlexRow>\n {children}\n </FlexGrowCol>\n )\n}\n","import { PopperProps, styled } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { NodeSingular } from 'cytoscape'\nimport { ReactElement } from 'react'\n\nimport { useNodeElement } from './hooks/index.js'\n\nexport interface ModuleHoverProps {\n children?: (anchorElement?: PopperProps['anchorEl'], container?: PopperProps['container']) => ReactElement\n node?: NodeSingular\n}\n\nexport const ModuleGraphNodeHover: React.FC<ModuleHoverProps> = ({ children, node }) => {\n const { boundingBox, ref, currentElement } = useNodeElement(node)\n\n return (\n <>\n <StyledNodeGhostElementFlexCol ref={ref} left={boundingBox?.x1} height={boundingBox?.h} top={boundingBox?.y1} width={boundingBox?.w} />\n {node ?\n <>{children?.(currentElement)}</>\n : null}\n </>\n )\n}\n\nconst StyledNodeGhostElementFlexCol = styled(FlexCol, { name: 'StyledNodeGhostElementFlexCol' })(() => ({\n // For easier debugging of the 'ghost' element that matches the hovered cytoscape node\n // backgroundColor: '#fff',\n // opacity: 0.25,\n\n // eslint-disable-next-line sort-keys-fix/sort-keys-fix\n cursor: 'pointer',\n pointerEvents: 'none',\n position: 'absolute',\n}))\n","import { PopperProps } from '@mui/material'\nimport { NodeSingular } from 'cytoscape'\nimport { useEffect, useRef, useState } from 'react'\n\nexport const useNodeElement = (node?: NodeSingular) => {\n const ref = useRef<HTMLDivElement>(null)\n const [currentElement, setCurrentElement] = useState<PopperProps['anchorEl'] \| null>(null)\n const [boundingBox, setBoundingBox] = useState(node?.renderedBoundingBox())\n\n // Ensure first render clears the previous element when node changes to avoid flicker\n useEffect(() => {\n setCurrentElement(null)\n }, [node])\n\n useEffect(() => {\n if (node) {\n setBoundingBox(node.renderedBoundingBox())\n }\n\n const listener = () => {\n setBoundingBox(node?.renderedBoundingBox())\n }\n\n node?.on('position', listener)\n\n return () => {\n node?.off('position', undefined, listener)\n }\n }, [node])\n\n // Once boundingBox state is set and applied to the layout, update the ref\n useEffect(() => {\n setCurrentElement(ref.current)\n }, [boundingBox])\n\n return { boundingBox, currentElement, ref }\n}\n","import { CancelRounded } from '@mui/icons-material'\nimport { Button, Card, CardActions, CardHeader, IconButton, Paper, Popper, PopperProps, styled } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { NodeSingular } from 'cytoscape'\n\nexport interface ModuleHoverPopperProps extends PopperProps {\n node?: NodeSingular\n onClose?: () => void\n onModuleDetails?: (address?: string) => void\n onModuleExplore?: (address?: string) => void\n}\n\nexport const ModuleHoverPopper: React.FC<ModuleHoverPopperProps> = ({ anchorEl, onClose, onModuleDetails, onModuleExplore, node, ...props }) => {\n const { address, name } = node?.data() ?? {}\n return (\n <>\n {anchorEl ?\n <Popper anchorEl={anchorEl} {...props}>\n <Card elevation={3}>\n <CardHeader\n action={\n onClose ?\n <IconButton size=\"small\" onClick={onClose}>\n <CancelRounded />\n </IconButton>\n : null\n }\n avatar={\n <Paper elevation={6} sx={{ bgcolor: '#fff', p: 1 }}>\n <Identicon value={address} size={24} />\n </Paper>\n }\n title={name}\n subheader={address}\n />\n <StyledCardActions>\n {onModuleDetails ?\n <Button onClick={() => onModuleDetails?.(address)} size=\"small\" variant=\"contained\">\n Details\n </Button>\n : null}\n {onModuleExplore ?\n <Button onClick={() => onModuleExplore?.(address)} size=\"small\" variant=\"contained\">\n Explore\n </Button>\n : null}\n </StyledCardActions>\n </Card>\n </Popper>\n : null}\n </>\n )\n}\n\nexport const StyledModuleHoverPopper = styled(ModuleHoverPopper, { name: 'StyledComponents' })(() => ({\n zIndex: 2,\n}))\n\nexport const StyledCardActions = styled(CardActions, { name: 'StyledCardActions' })(() => ({\n display: 'flex',\n justifyContent: 'center',\n}))\n"],"mappings":"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","names":["import_material","import_react","import_jsx_runtime","import_react_shared","import_node_model","import_react","import_archivist_model","import_diviner_model","Inventory2RoundedIcon","InsertLinkRoundedIcon","BubbleChartRoundedIcon","QuestionMarkRoundedIcon","HubIcon","TimerRoundedIcon","VisibilityRoundedIcon","import_react","import_react","selectedAddress","import_react","renderedElements","import_react","import_react","import_material","import_react","import_react","import_jsx_runtime","import_react","foundModule","import_react","import_react","import_jsx_runtime","cytoscape","cola","dagre","coseBilkent","euler","import_material","import_react_node","import_cytoscape","import_cytoscape_cola","import_cytoscape_cose_bilkent","import_cytoscape_dagre","import_cytoscape_euler","import_react","import_jsx_runtime","cytoscape","dagre","eulerLayout","coseBilkentLayout","cola","import_react_node","import_jsx_runtime","import_icons_material","import_material","import_react_flexbox","import_jsx_runtime","import_material","import_react_flexbox","import_react","import_jsx_runtime","import_icons_material","import_material","import_react_identicon","import_jsx_runtime","import_jsx_runtime"]}
1	+ {"version":3,"sources":["../../src/index.ts","../../src/components/module/CardParser.tsx","../../src/components/module/graph/GraphFlexBox.tsx","../../src/contexts/CytoscapeInstance/Context.ts","../../src/contexts/CytoscapeInstance/Provider.tsx","../../src/contexts/CytoscapeInstance/use.ts","../../src/hooks/cytoscape/elements/useCytoscapeElements.ts","../../src/Cytoscape/CytoscapeElements.ts","../../src/Cytoscape/lib/encodeSvg.ts","../../src/Cytoscape/lib/iconMap.ts","../../src/Cytoscape/lib/layout/ColaLayout.ts","../../src/Cytoscape/lib/layout/ConcentricLayout.ts","../../src/Cytoscape/lib/parseModuleType.ts","../../src/Cytoscape/CytoscapeIcons.tsx","../../src/Cytoscape/CytoscapeStyles.ts","../../src/hooks/cytoscape/elements/useHoveredNode.tsx","../../src/hooks/cytoscape/elements/useNewElements.tsx","../../src/hooks/cytoscape/elements/useRenderNewElements.tsx","../../src/hooks/cytoscape/elements/useSelectedElement.tsx","../../src/hooks/cytoscape/elements/useElements.tsx","../../src/hooks/cytoscape/useCytoscapeOptions.ts","../../src/hooks/cytoscape/useCytoscapeStyle.tsx","../../src/hooks/cytoscape/useIcons.tsx","../../src/hooks/cytoscape/useModuleDetails.tsx","../../src/hooks/cytoscape/useRelationalGraphOptions.tsx","../../src/components/cytoscape-extensions/WithExtensions.tsx","../../src/components/relational/graph/Graph.tsx","../../src/components/relational/graph/ProvidedNodeRenderer.tsx","../../src/components/module/graph/DetailsFlexbox.tsx","../../src/components/module/graph/node/Hover.tsx","../../src/components/module/graph/node/hooks/useNodeElement.tsx","../../src/components/module/graph/Popper.tsx"],"sourcesContent":["export * from './components/index.ts'\nexport * from './contexts/index.ts'\nexport * from './Cytoscape/index.ts'\nexport * from './hooks/index.ts'\n","import { asArchivistInstance, isArchivistInstance } from '@xyo-network/archivist-model'\nimport { asDivinerInstance, isDivinerInstance } from '@xyo-network/diviner-model'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { ArchivistCard } from '@xyo-network/react-archivist'\nimport { DivinerCard, ModuleCard } from '@xyo-network/react-module'\nimport React from 'react'\n\nexport interface ModuleCardParserProps {\n mod?: ModuleInstance\n}\n\nexport const ModuleCardParser: React.FC<ModuleCardParserProps> = ({ mod }) => {\n switch (true) {\n case isArchivistInstance(mod): {\n return <ArchivistCard mod={asArchivistInstance(mod)} />\n }\n case isDivinerInstance(mod): {\n return <DivinerCard mod={asDivinerInstance(mod)} />\n }\n default: {\n return <ModuleCard mod={mod} />\n }\n }\n}\n","import { Button } from '@mui/material'\nimport { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport React, { useRef } from 'react'\n\nimport { CytoscapeInstanceProvider } from '../../../contexts/index.ts'\nimport { useElements, useModuleDetails, useRelationalGraphOptions } from '../../../hooks/index.ts'\nimport { WithExtensions } from '../../cytoscape-extensions/index.ts'\nimport { NodeRelationalGraphFlexBox } from '../../relational/index.ts'\nimport { DetailsFlexbox } from './DetailsFlexbox.tsx'\nimport { ModuleGraphNodeHover } from './node/index.ts'\nimport { StyledModuleHoverPopper } from './Popper.tsx'\n\nexport interface ModuleGraphFlexBoxProps extends FlexBoxProps {\n disableModuleDetails?: boolean\n hideActions?: boolean\n layout?: 'dagre' \| 'euler' \| 'cose-bilkent' \| 'cola'\n layoutOptions?: object\n rootModule?: WeakRef<ModuleInstance> \| null\n}\n\nexport const ModuleGraphFlexBox: React.FC<ModuleGraphFlexBoxProps> = ({ hideActions, rootModule, disableModuleDetails, ...props }) => {\n const cytoscapeRef = useRef<HTMLDivElement>(null)\n const { handleToggleLabels, hideLabels, options } = useRelationalGraphOptions(rootModule ?? undefined)\n const { hoveredNode, setHoveredNode, toggleSelectedElement } = useElements(hideLabels)\n\n const { mod, onModuleDetails } = useModuleDetails(rootModule, () => setHoveredNode(undefined))\n\n return (\n <WithExtensions>\n <NodeRelationalGraphFlexBox\n actions={\n mod\n ? null\n : hideActions\n ? null\n : (\n <Button size=\"small\" onClick={handleToggleLabels} variant=\"contained\">\n Toggle Labels\n </Button>\n )\n\n }\n showDetails={!!mod}\n detail={<DetailsFlexbox onClose={() => onModuleDetails(null)} />}\n options={options}\n ref={cytoscapeRef}\n width=\"100%\"\n {...props}\n >\n <ModuleGraphNodeHover node={hoveredNode}>\n {element => (\n <StyledModuleHoverPopper\n anchorEl={element}\n container={cytoscapeRef.current}\n node={hoveredNode}\n onClose={() => setHoveredNode(undefined)}\n onModuleExplore={toggleSelectedElement}\n onModuleDetails={disableModuleDetails ? undefined : onModuleDetails}\n placement=\"top\"\n open\n />\n )}\n </ModuleGraphNodeHover>\n </NodeRelationalGraphFlexBox>\n </WithExtensions>\n )\n}\n\nexport const ModuleGraphFlexBoxWithProvider: React.FC<ModuleGraphFlexBoxProps> = (props) => {\n return (\n <CytoscapeInstanceProvider>\n <ModuleGraphFlexBox {...props} />\n </CytoscapeInstanceProvider>\n )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { CytoscapeInstanceState } from './State.ts'\n\nexport const CytoscapeInstanceContext = createContextEx<CytoscapeInstanceState>()\n","import type { WithChildren } from '@xylabs/react-shared'\nimport { Core } from 'cytoscape'\nimport React, { useEffect, useState } from 'react'\n\nimport { CytoscapeInstanceContext } from './Context.ts'\n\nexport interface CytoscapeInstanceProviderProps extends WithChildren {\n defaultInstance?: WeakRef<Core>\n}\n\nexport const CytoscapeInstanceProvider: React.FC<CytoscapeInstanceProviderProps> = ({ children, defaultInstance }) => {\n const [cy, setCy] = useState<WeakRef<Core> \| undefined>(defaultInstance)\n useEffect(() => {\n setCy(defaultInstance)\n }, [defaultInstance])\n\n // eslint-disable-next-line @eslint-react/no-unstable-context-value\n return <CytoscapeInstanceContext.Provider value={{ cy, provided: true, setCy }}>{children}</CytoscapeInstanceContext.Provider>\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { CytoscapeInstanceContext } from './Context.ts'\n\nexport const useCytoscapeInstance = (required = false) => useContextEx(CytoscapeInstanceContext, 'CytoscapeInstance', required)\n","import { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { EventUnsubscribeFunction } from '@xyo-network/module-events'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { isNodeInstance } from '@xyo-network/node-model'\nimport { ElementDefinition } from 'cytoscape'\nimport { useEffect, useState } from 'react'\n\nimport { CytoscapeElements } from '../../../Cytoscape/index.ts'\n\nexport const useCytoscapeElements = (mod?: WeakRef<ModuleInstance> \| null) => {\n const [elements, setElements] = useState<ElementDefinition[]>([])\n\n useAsyncEffect(\n\n async () => {\n const moduleInstance = mod?.deref()\n if (moduleInstance) {\n const newElements = (await CytoscapeElements.buildElements(moduleInstance)) ?? []\n setElements(newElements)\n }\n },\n [mod],\n )\n\n useEffect(() => {\n let attachedListener: EventUnsubscribeFunction \| undefined\n let detachedListener: EventUnsubscribeFunction \| undefined\n\n if (mod && isNodeInstance(mod)) {\n attachedListener = mod.on('moduleAttached', async () => {\n const newElements = (await CytoscapeElements.buildElements(mod)) ?? []\n setElements(newElements)\n })\n detachedListener = mod.on('moduleDetached', async () => {\n const newElements = (await CytoscapeElements.buildElements(mod)) ?? []\n setElements(newElements)\n })\n }\n\n return () => {\n attachedListener?.()\n detachedListener?.()\n }\n }, [mod])\n\n return elements\n}\n","import { exists } from '@xylabs/exists'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { ElementDefinition } from 'cytoscape'\n\nimport { parseModuleType } from './lib/index.ts'\n\ninterface ModuleInfo {\n children: ModuleInfo[]\n depth: number\n mod: ModuleInstance\n}\n\nexport const CytoscapeElements = {\n MaxNameLength: 20,\n\n buildEdge(rootNode: ElementDefinition, newNode: ElementDefinition, properties?: { [key: string]: unknown }) {\n return {\n data: {\n id: `${rootNode.data.id}/${newNode.data.id}`,\n source: rootNode.data.id,\n target: newNode.data.id,\n ...properties,\n },\n }\n },\n\n async buildElements(mod: ModuleInstance): Promise<ElementDefinition[]> {\n const info = await CytoscapeElements.recurseNodes(mod)\n const newElements: ElementDefinition[] = await this.buildElementsFromInfo(info, undefined, ['activeNode'])\n\n return newElements\n },\n\n async buildElementsFromInfo(info: ModuleInfo, root?: ElementDefinition, classes: string[] = []): Promise<ElementDefinition[]> {\n const newNode = CytoscapeElements.buildNode(info.mod, { childCount: info.children.length, depth: info.depth }, classes)\n const newEdge = root ? CytoscapeElements.buildEdge(root, newNode, { depth: info.depth, siblingCount: info.children.length }) : undefined\n const newElements: ElementDefinition[] = [newNode]\n if (newEdge) {\n newElements.push(newEdge)\n }\n\n for (const childInfo of info.children) {\n newElements.push(...(await this.buildElementsFromInfo(childInfo, newNode)))\n }\n\n return newElements\n },\n\n buildNode(mod: ModuleInstance, properties?: { [key: string]: unknown }, classes?: string[]): ElementDefinition {\n const { address, id } = mod\n return {\n classes,\n data: {\n address,\n id: address,\n name: id,\n type: parseModuleType(mod),\n ...properties,\n },\n }\n },\n\n buildRootNode: (mod: ModuleInstance): ElementDefinition => {\n return CytoscapeElements.buildNode(mod, {}, ['activeNode'])\n },\n\n normalizeName(name?: string) {\n if (!name) return\n if (name.length > this.MaxNameLength) return `${name.slice(0, 20)}...`\n return name\n },\n\n async recurseNodes(root: ModuleInstance, maxDepth = 10, depth = 1): Promise<ModuleInfo> {\n const info: ModuleInfo = { children: [], depth, mod: root }\n\n if (maxDepth > 0) {\n const children = await root.resolve('', { direction: 'down', maxDepth: 1 })\n info.children = (\n await Promise.all(\n children.map(async (child) => {\n // don't re add the root module that was passed in\n if (child.address !== root.address) {\n return await this.recurseNodes(child, maxDepth - 1, depth + 1)\n }\n }),\n )\n ).filter(exists)\n }\n\n return info\n },\n}\n","import { ReactElement } from 'react'\n// eslint-disable-next-line import/no-internal-modules\nimport { renderToStaticMarkup } from 'react-dom/server'\n\nconst dataUri = 'data:image/svg+xml,'\n\nexport const encodeSvg = (reactElement: ReactElement, color?: string) => {\n const svgString = renderToStaticMarkup(reactElement)\n\n const doc = new DOMParser().parseFromString(svgString, 'text/html')\n const svgElement = doc.querySelectorAll('svg')[0]\n if (svgElement) {\n svgElement.setAttribute('xmlns', 'http://www.w3.org/2000/svg')\n svgElement.setAttribute('height', '100')\n svgElement.style.fill = color ?? 'black'\n }\n\n return `${dataUri}${window.encodeURIComponent(svgElement.outerHTML)}`\n}\n","import { CyNodeModuleTypes } from './CyNodeModuleTypes.ts'\n\nexport const generateIconMap: () => Record<CyNodeModuleTypes, string> = () => ({\n archivist: '',\n bridge: '',\n diviner: '',\n\n module: '',\n node: '',\n sentinel: '',\n witness: '',\n})\n","export const ColaLayout = {\n centerGraph: false,\n convergenceThreshold: 0.01,\n name: 'cola',\n}\n","import { LayoutOptions } from 'cytoscape'\n\nexport const ConcentricLayout: LayoutOptions = {\n concentric: function (node) {\n return node.degree(false)\n },\n levelWidth: function () {\n return 2\n },\n minNodeSpacing: 75,\n name: 'concentric',\n}\n","import { isArchivistInstance } from '@xyo-network/archivist-model'\nimport { isBridgeInstance } from '@xyo-network/bridge-model'\nimport { isDivinerInstance } from '@xyo-network/diviner-model'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { isNodeInstance } from '@xyo-network/node-model'\nimport { isSentinelInstance } from '@xyo-network/sentinel-model'\nimport { isWitnessModule } from '@xyo-network/witness-model'\n\nimport { CyNodeModuleTypes } from './CyNodeModuleTypes.ts'\n\nexport const parseModuleType = (mod?: ModuleInstance): CyNodeModuleTypes => {\n let type: CyNodeModuleTypes = 'module'\n if (mod) {\n if (isArchivistInstance(mod)) {\n type = 'archivist'\n } else if (isBridgeInstance(mod)) {\n type = 'bridge'\n } else if (isDivinerInstance(mod)) {\n type = 'diviner'\n } else if (isNodeInstance(mod)) {\n type = 'node'\n } else if (isSentinelInstance(mod)) {\n type = 'sentinel'\n } else if (isWitnessModule(mod)) {\n type = 'witness'\n } else {\n type = 'module'\n }\n }\n return type\n}\n","import {\n BubbleChartRounded as BubbleChartRoundedIcon,\n Hub as HubIcon,\n InsertLinkRounded as InsertLinkRoundedIcon,\n Inventory2Rounded as Inventory2RoundedIcon,\n QuestionMarkRounded as QuestionMarkRoundedIcon,\n TimerRounded as TimerRoundedIcon,\n VisibilityRounded as VisibilityRoundedIcon,\n} from '@mui/icons-material'\nimport { SvgIconTypeMap } from '@mui/material'\n// eslint-disable-next-line import/no-internal-modules\nimport { OverridableComponent } from '@mui/material/OverridableComponent.js'\n\nimport { CyNodeModuleTypes } from './lib/index.ts'\n\nexport const CyIconSet: Record<CyNodeModuleTypes, OverridableComponent<SvgIconTypeMap<{}, 'svg'>>> = {\n archivist: Inventory2RoundedIcon,\n bridge: InsertLinkRoundedIcon,\n diviner: BubbleChartRoundedIcon,\n\n module: QuestionMarkRoundedIcon,\n node: HubIcon,\n sentinel: TimerRoundedIcon,\n witness: VisibilityRoundedIcon,\n}\n","import { Stylesheet } from 'cytoscape'\n\nimport { CyNodeModuleTypes } from './lib/index.ts'\n\nexport const NodeWithName = (color?: string, outlineColor?: string): Stylesheet => ({\n selector: 'node[name]',\n style: {\n color,\n 'font-family': 'Lexend Deca, Helvetica, sans-serif',\n 'font-size': 12,\n 'overlay-padding': '6px',\n 'text-halign': 'center',\n 'text-outline-color': outlineColor,\n 'text-outline-width': '1px',\n 'text-valign': 'top',\n },\n})\n\nexport const Node = (icons: Record<CyNodeModuleTypes, string>, bgColor?: string, hideLabels = false): Stylesheet => ({\n selector: 'node',\n style: {\n 'background-color': bgColor,\n 'background-height': '75%',\n 'background-image': elem => icons[elem.data('type') as CyNodeModuleTypes],\n 'background-width': '24',\n 'label': hideLabels ? undefined : 'data(name)',\n 'shape': 'round-rectangle',\n },\n})\n\nexport const NodeAsRoot = (bgColor?: string) => ({\n selector: '.activeNode',\n style: {\n 'background-color': bgColor,\n },\n})\n\nexport const EdgeStyled = (lineColor?: string, targetArrowColor?: string) => ({\n selector: 'edge',\n style: {\n 'curve-style': 'bezier',\n 'line-color': lineColor,\n 'line-opacity': 0.1,\n 'target-arrow-color': targetArrowColor,\n 'target-arrow-shape': 'triangle',\n 'width': 3,\n },\n})\n","import { NodeCollection, NodeSingular } from 'cytoscape'\nimport { Dispatch, SetStateAction, useCallback, useEffect, useState } from 'react'\n\nimport { useCytoscapeInstance } from '../../../contexts/index.ts'\n\nexport const useHoveredNode = (renderedElements?: NodeCollection): [NodeSingular \| undefined, Dispatch<SetStateAction<NodeSingular \| undefined>>] => {\n const { cy } = useCytoscapeInstance(true)\n const [hoveredNode, setHoveredNode] = useState<NodeSingular>()\n\n const nodeListener = useCallback((node: NodeSingular) => {\n node.on('mouseover tap', () => {\n setHoveredNode(node)\n })\n }, [])\n\n useEffect(() => {\n if (renderedElements) {\n // eslint-disable-next-line unicorn/no-array-for-each\n renderedElements.nodes().forEach(nodeListener)\n }\n }, [nodeListener, renderedElements])\n\n useEffect(() => {\n cy?.deref()?.ready(() => {\n // eslint-disable-next-line unicorn/no-array-for-each\n cy?.deref()?.nodes().forEach(nodeListener)\n })\n }, [cy, nodeListener])\n\n return [hoveredNode, setHoveredNode]\n}\n","import { useWeakModuleFromNode } from '@xyo-network/react-node'\nimport { NodeSingular } from 'cytoscape'\nimport { useMemo } from 'react'\n\nimport { useCytoscapeElements } from './useCytoscapeElements.ts'\n\nexport const useNewElements = (selectedElement?: NodeSingular) => {\n const selectedAddress = useMemo(() => {\n const { address: selectedAddress } = selectedElement?.data() ?? {}\n return selectedAddress\n }, [selectedElement])\n\n const [mod] = useWeakModuleFromNode(selectedAddress)\n const newElements = useCytoscapeElements(mod)\n\n return newElements\n}\n","import { CollectionReturnValue, ElementDefinition } from 'cytoscape'\nimport { useEffect, useState } from 'react'\n\nimport { useCytoscapeInstance } from '../../../contexts/index.ts'\nimport { ColaLayout } from '../../../Cytoscape/index.ts'\n\nexport const useRenderNewElements = (newElements: ElementDefinition[] = [], hideLabels?: boolean) => {\n const { cy } = useCytoscapeInstance(true)\n const [renderedElements, setRenderedElements] = useState<CollectionReturnValue>()\n\n useEffect(() => {\n if (newElements.length > 1) {\n const renderedElements = cy?.deref()?.add(newElements)\n setRenderedElements(renderedElements)\n cy?.deref()?.layout(ColaLayout).run()\n }\n }, [cy, hideLabels, newElements])\n\n return renderedElements\n}\n","import { NodeSingular } from 'cytoscape'\nimport { useState } from 'react'\n\nimport { useCytoscapeInstance } from '../../../contexts/index.ts'\n\nexport const useSelectedElement = () => {\n const [selectedElement, setSelectedElement] = useState<NodeSingular>()\n const { cy } = useCytoscapeInstance(true)\n\n const updateStyles = (element: NodeSingular) => {\n const nodes = cy?.deref()?.nodes()\n nodes?.toggleClass('activeNode', false)\n element.toggleClass('activeNode', true)\n }\n\n const toggleSelectedElement = (address?: string) => {\n const selectedNode = cy?.deref()?.nodes(`[id=\"${address}\"]`)?.[0]\n if (selectedNode) {\n setSelectedElement(selectedNode)\n updateStyles(selectedNode)\n }\n }\n\n return { selectedElement, toggleSelectedElement }\n}\n","import { useHoveredNode } from './useHoveredNode.tsx'\nimport { useNewElements } from './useNewElements.tsx'\nimport { useRenderNewElements } from './useRenderNewElements.tsx'\nimport { useSelectedElement } from './useSelectedElement.tsx'\n\nexport const useElements = (hideLabels: boolean) => {\n const { selectedElement, toggleSelectedElement } = useSelectedElement()\n const newElements = useNewElements(selectedElement)\n const renderedElements = useRenderNewElements(newElements, hideLabels)\n const [hoveredNode, setHoveredNode] = useHoveredNode(renderedElements)\n\n return { hoveredNode, setHoveredNode, toggleSelectedElement }\n}\n","import { CytoscapeOptions } from 'cytoscape'\nimport { useMemo } from 'react'\n\nimport { ConcentricLayout } from '../../Cytoscape/index.ts'\nimport { useCytoscapeStyle } from './useCytoscapeStyle.tsx'\n\nexport const useCytoscapeOptions = (\n elements: CytoscapeOptions['elements'],\n style?: CytoscapeOptions['style'],\n layout?: CytoscapeOptions['layout'],\n) => {\n const defaultStyle = useCytoscapeStyle()\n\n const resolvedLayout = layout ?? ConcentricLayout\n const resolvedStyle = style ?? defaultStyle\n\n const options = useMemo<CytoscapeOptions \| undefined>(() => {\n if (elements && resolvedLayout && resolvedStyle) {\n return {\n elements,\n layout: resolvedLayout,\n style: resolvedStyle,\n }\n }\n }, [elements, layout, style])\n\n return options\n}\n","import { useTheme } from '@mui/material'\nimport { CytoscapeOptions } from 'cytoscape'\nimport { useMemo } from 'react'\n\nimport { EdgeStyled, Node, NodeAsRoot, NodeWithName } from '../../Cytoscape/index.ts'\nimport { useIcons } from './useIcons.tsx'\n\nexport const useCytoscapeStyle = (hideLabels = false) => {\n const theme = useTheme()\n const icons = useIcons()\n\n const style: CytoscapeOptions['style'] = useMemo(\n () => [\n Node(icons, theme.palette.primary.main, hideLabels),\n NodeWithName(theme.palette.text.primary, theme.palette.getContrastText(theme.palette.text.primary)),\n NodeAsRoot(theme.palette.secondary.main),\n EdgeStyled(theme.palette.divider, theme.palette.divider),\n ],\n [icons, hideLabels, theme],\n )\n\n return style\n}\n","import { useTheme } from '@mui/material'\nimport React, { useMemo } from 'react'\n\nimport { CyIconSet, CyNodeModuleTypes, encodeSvg, generateIconMap } from '../../Cytoscape/index.ts'\n\nexport const useIcons = () => {\n const theme = useTheme()\n const icons = useMemo(() => {\n const iconMap = generateIconMap()\n // eslint-disable-next-line unicorn/no-array-reduce\n return Object.entries(CyIconSet).reduce((acc, [name, IconComponent]) => {\n const icon = <IconComponent fontSize=\"small\" />\n acc[name as CyNodeModuleTypes] = encodeSvg(icon, theme.palette.getContrastText(theme.palette.text.primary))\n return acc\n }, iconMap)\n }, [theme.palette])\n\n return icons\n}\n","import { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { useEffect, useState } from 'react'\n\nimport { useCytoscapeInstance } from '../../contexts/index.ts'\n\nexport const useModuleDetails = (rootModule?: WeakRef<ModuleInstance> \| null, onFoundModule?: () => void) => {\n const { cy } = useCytoscapeInstance()\n const [moduleAddress, setModuleAddress] = useState<string \| null>()\n\n const [foundModule] = usePromise(async () => {\n if (moduleAddress === null) return null\n const rootModuleInstance = rootModule?.deref()\n if (moduleAddress && rootModuleInstance) {\n const foundModule = await rootModuleInstance.resolve(moduleAddress)\n return foundModule ?? null\n }\n }, [moduleAddress, rootModule])\n\n useEffect(() => {\n const resizeObserver = new ResizeObserver(() => {\n if (moduleAddress === null) {\n // cytoscape tries to center prematurely without it :(\n setTimeout(() => {\n cy?.deref()?.center()\n }, 100)\n } else if (foundModule && cy) {\n const node = cy?.deref()?.nodes(`[id=\"${moduleAddress}\"]`)?.[0]\n // cy.pan(newPan)\n // cytoscape tries to center prematurely without it :(\n setTimeout(() => {\n cy?.deref()?.center(node)\n }, 100)\n }\n })\n\n const container = cy?.deref()?.container()\n if (container) {\n resizeObserver.observe(container)\n }\n\n return () => {\n if (container) resizeObserver.unobserve(container)\n }\n }, [cy, moduleAddress, foundModule, rootModule])\n\n useEffect(() => {\n if (foundModule) {\n onFoundModule?.()\n }\n }, [cy, moduleAddress, foundModule, onFoundModule])\n\n // eslint-disable-next-line complexity\n const onModuleDetails = (address?: string \| null) => {\n const moduleNode = cy?.deref()?.nodes(`[id=\"${address}\"]`)\n const rootModuleNode = cy?.deref()?.nodes(`[id=\"${rootModule?.deref()?.address}\"]`)\n const foundModuleNode = cy?.deref()?.nodes(`[id=\"${foundModule?.address}\"]`)\n const notModuleNode = cy?.deref()?.nodes(`[id != \"${address}\"]`)\n\n if (address) {\n // address was passed so we set the node to active styles\n moduleNode?.toggleClass('activeNode', true)\n notModuleNode?.toggleClass('activeNode', false)\n } else {\n // no address was passes so we reset the state\n notModuleNode?.toggleClass('activeNode', false)\n const activeNode = foundModuleNode?.length ? foundModuleNode : rootModuleNode\n activeNode?.toggleClass('activeNode', true)\n }\n setModuleAddress(address)\n }\n\n return { mod: foundModule, onModuleDetails }\n}\n","import { ModuleInstance } from '@xyo-network/module-model'\nimport { useState } from 'react'\n\nimport { ConcentricLayout } from '../../Cytoscape/index.ts'\nimport { useCytoscapeElements } from './elements/index.ts'\nimport { useCytoscapeOptions } from './useCytoscapeOptions.ts'\nimport { useCytoscapeStyle } from './useCytoscapeStyle.tsx'\n\nexport const useRelationalGraphOptions = (mod?: WeakRef<ModuleInstance>) => {\n const [hideLabels, setHideLabels] = useState(true)\n\n const handleToggleLabels = () => {\n setHideLabels(oldValue => !oldValue)\n }\n\n const elements = useCytoscapeElements(mod)\n const style = useCytoscapeStyle(hideLabels)\n const options = useCytoscapeOptions(elements, style, ConcentricLayout)\n\n return { handleToggleLabels, hideLabels, options }\n}\n","import cytoscape from 'cytoscape'\nimport cola from 'cytoscape-cola'\nimport coseBilkent from 'cytoscape-cose-bilkent'\nimport dagre from 'cytoscape-dagre'\nimport euler from 'cytoscape-euler'\nimport React, { PropsWithChildren, useEffect, useState } from 'react'\n\nexport const WithExtensions: React.FC<PropsWithChildren> = ({ children }) => {\n const [initialized, setInitialized] = useState(false)\n useEffect(() => {\n cytoscape.use(cola)\n cytoscape.use(dagre)\n cytoscape.use(coseBilkent)\n cytoscape.use(euler)\n setInitialized(true)\n }, [])\n\n return <>{initialized ? children : undefined}</>\n}\n","import { Box, Button, ButtonGroup, Card, CardHeader, CardProps, Paper, useTheme } from '@mui/material'\nimport { Address, asAddress } from '@xylabs/hex'\nimport { FlexCol, FlexGrowRow, FlexRow } from '@xylabs/react-flexbox'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { useWeakModuleFromNode } from '@xyo-network/react-node'\nimport cytoscape, { Core, NodeSingular } from 'cytoscape'\nimport cola from 'cytoscape-cola'\nimport coseBilkentLayout from 'cytoscape-cose-bilkent'\nimport dagre from 'cytoscape-dagre'\nimport eulerLayout from 'cytoscape-euler'\nimport React, { forwardRef, useEffect, useRef, useState } from 'react'\n\nimport { NodeRelationalGraphProps } from '../../lib/index.ts'\n\nconst applyLayout = (cy?: cytoscape.Core, name = 'cola', options?: object) => {\n cy?.layout({ name, ...options }).run()\n}\n\nconst loadLayout = (layout = 'cola') => {\n switch (layout) {\n case 'dagre': {\n cytoscape.use(dagre)\n break\n }\n case 'euler': {\n cytoscape.use(eulerLayout)\n break\n }\n case 'cose-bilkent': {\n cytoscape.use(coseBilkentLayout)\n break\n }\n case 'cola': {\n cytoscape.use(cola)\n break\n }\n }\n}\n\ntype ModuleHoverDetailsProps = CardProps & {\n address: Address\n name: string\n}\n\nconst ModuleHoverDetails: React.FC<ModuleHoverDetailsProps> = ({ name, address, ...props }) => {\n return (\n <Card elevation={3} {...props}>\n <CardHeader\n avatar={(\n <Paper elevation={6} sx={{ bgcolor: '#fff', p: 1 }}>\n <Identicon value={address} size={24} />\n </Paper>\n )}\n title={name}\n subheader={address}\n />\n </Card>\n )\n}\n\nexport const NodeRelationalGraphFlexBox = forwardRef<HTMLDivElement, NodeRelationalGraphProps>(\n ({ actions, children, node, layout, layoutOptions, showDetails, detail, options, onHover, ...props }, ref) => {\n const theme = useTheme()\n const [cy, setCy] = useState<Core>()\n const cytoscapeRef = useRef<HTMLDivElement>()\n const [hoverPosition, setHoverBoundingBox] = useState<{ x1: number; x2: number; y1: number; y2: number }>()\n const [hoverAddress, setHoverAddress] = useState<Address>()\n\n const [moduleInstance] = useWeakModuleFromNode(hoverAddress, { node })\n\n useEffect(() => {\n cy?.on('mouseover tap', ({ target }) => {\n const cyNode = target as NodeSingular\n const bb = cyNode?.renderedBoundingBox?.()\n setHoverBoundingBox(bb)\n const id = cyNode.id?.()\n if (id) {\n if (id.includes('/')) {\n setHoverAddress(undefined)\n onHover?.()\n } else {\n setHoverAddress(asAddress(id))\n onHover?.(asAddress(id))\n }\n }\n })\n }, [onHover, cy])\n\n const handleReset = () => {\n cy?.reset()\n applyLayout(cy, layout ?? 'euler', layoutOptions)\n }\n\n useEffect(() => {\n let newCy: Core \| undefined\n const container = cytoscapeRef.current\n if (container) {\n newCy = cytoscape({\n container,\n ...options,\n })\n setCy(newCy)\n }\n return () => {\n newCy?.destroy()\n setCy(undefined)\n }\n }, [options, cytoscapeRef, layoutOptions])\n\n useEffect(() => {\n if (cy) {\n loadLayout(layout)\n applyLayout(cy, layout ?? 'euler', layoutOptions)\n }\n }, [cy, layoutOptions, layout])\n\n return (\n <FlexCol id=\"relational-graph-wrapper\" ref={ref} {...props}>\n {hoverAddress && hoverPosition\n ? (\n <Box position=\"absolute\" top={hoverPosition.y1} left={hoverPosition.x1} zIndex={100}>\n <ModuleHoverDetails address={hoverAddress} name={moduleInstance?.deref()?.id ?? 'Unknown'} />\n </Box>\n )\n : null}\n <FlexRow justifyContent=\"start\" width=\"100%\">\n {actions === null\n ? null\n : actions\n ? (\n <ButtonGroup>\n {actions}\n <Button size=\"small\" variant=\"contained\" onClick={handleReset}>\n Reset View\n </Button>\n </ButtonGroup>\n )\n : (\n <Button size=\"small\" variant=\"contained\" onClick={handleReset}>\n Reset\n </Button>\n )}\n </FlexRow>\n <FlexGrowRow width=\"100%\" alignItems=\"start\">\n {showDetails\n ? (\n <FlexCol height=\"100%\" width=\"85%\">\n {detail}\n </FlexCol>\n )\n : null}\n <FlexCol\n justifyContent=\"start\"\n classes=\"cytoscape-wrap\"\n width={showDetails ? '15%' : '100%'}\n height={showDetails ? '50%' : '100%'}\n border={showDetails ? `1px solid ${theme.palette.divider}` : undefined}\n >\n {/ Cytoscape Element /}\n <FlexCol alignItems=\"stretch\" position=\"absolute\" width=\"100%\" height=\"100%\" ref={cytoscapeRef} />\n {children}\n </FlexCol>\n </FlexGrowRow>\n </FlexCol>\n )\n },\n)\n\nNodeRelationalGraphFlexBox.displayName = 'NodeRelationalGraph'\n\n/* @deprecated */\nexport const NodeRelationalGraph = NodeRelationalGraphFlexBox\n","import { AccountInstance } from '@xyo-network/account-model'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { useWeakProvidedNode } from '@xyo-network/react-node'\nimport React from 'react'\n\nimport { useCytoscapeElements, useCytoscapeOptions } from '../../../hooks/index.ts'\nimport { NodeRelationalGraphProps } from '../../lib/index.ts'\nimport { NodeRelationalGraphFlexBox } from './Graph.tsx'\n\nexport interface ProvidedNodeRendererProps extends NodeRelationalGraphProps {\n account?: AccountInstance\n layout?: 'dagre' \| 'euler' \| 'cose-bilkent' \| 'cola'\n layoutOptions?: object\n node?: WeakRef<NodeInstance>\n}\n\nexport const ProvidedNodeRenderer: React.FC<ProvidedNodeRendererProps> = ({ node, ...props }) => {\n const [providedNode] = useWeakProvidedNode()\n const elements = useCytoscapeElements(node ?? providedNode)\n const options = useCytoscapeOptions(elements)\n\n return <NodeRelationalGraphFlexBox alignItems=\"stretch\" flexGrow={1} height=\"100%\" options={options} {...props} />\n}\n","import { CancelRounded } from '@mui/icons-material'\nimport { IconButton } from '@mui/material'\nimport { FlexBoxProps, FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport interface DetailsFlexboxProps extends FlexBoxProps {\n onClose?: () => void\n}\n\nexport const DetailsFlexbox: React.FC<DetailsFlexboxProps> = ({ children, onClose }) => {\n return (\n <FlexGrowCol alignItems=\"end\" justifyContent=\"start\" id=\"module-detail\" width=\"100%\" p={2} gap={2}>\n <FlexRow justifyContent=\"end\">\n <IconButton onClick={onClose} size=\"small\">\n <CancelRounded />\n </IconButton>\n </FlexRow>\n {children}\n </FlexGrowCol>\n )\n}\n","import { PopperProps, styled } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { NodeSingular } from 'cytoscape'\nimport React, { ReactElement } from 'react'\n\nimport { useNodeElement } from './hooks/index.ts'\n\nexport interface ModuleHoverProps {\n children?: (anchorElement?: PopperProps['anchorEl'], container?: PopperProps['container']) => ReactElement\n node?: NodeSingular\n}\n\nexport const ModuleGraphNodeHover: React.FC<ModuleHoverProps> = ({ children, node }) => {\n const { boundingBox, ref, currentElement } = useNodeElement(node)\n\n return (\n <>\n <StyledNodeGhostElementFlexCol ref={ref} left={boundingBox?.x1} height={boundingBox?.h} top={boundingBox?.y1} width={boundingBox?.w} />\n {node\n ? <>{children?.(currentElement)}</>\n : null}\n </>\n )\n}\n\nconst StyledNodeGhostElementFlexCol = styled(FlexCol, { name: 'StyledNodeGhostElementFlexCol' })(() => ({\n // For easier debugging of the 'ghost' element that matches the hovered cytoscape node\n // backgroundColor: '#fff',\n // opacity: 0.25,\n\n cursor: 'pointer',\n pointerEvents: 'none',\n position: 'absolute',\n}))\n","import { PopperProps } from '@mui/material'\nimport { NodeSingular } from 'cytoscape'\nimport { useEffect, useRef, useState } from 'react'\n\nexport const useNodeElement = (node?: NodeSingular) => {\n const ref = useRef<HTMLDivElement>(null)\n const [currentElement, setCurrentElement] = useState<PopperProps['anchorEl'] \| null>(null)\n const [boundingBox, setBoundingBox] = useState(node?.renderedBoundingBox())\n\n // Ensure first render clears the previous element when node changes to avoid flicker\n useEffect(() => {\n setCurrentElement(null)\n }, [node])\n\n useEffect(() => {\n if (node) {\n setBoundingBox(node.renderedBoundingBox())\n }\n\n const listener = () => {\n setBoundingBox(node?.renderedBoundingBox())\n }\n\n node?.on('position', listener)\n\n return () => {\n node?.off('position', undefined, listener)\n }\n }, [node])\n\n // Once boundingBox state is set and applied to the layout, update the ref\n useEffect(() => {\n setCurrentElement(ref.current)\n }, [boundingBox])\n\n return { boundingBox, currentElement, ref }\n}\n","import { CancelRounded } from '@mui/icons-material'\nimport { Button, Card, CardActions, CardHeader, IconButton, Paper, Popper, PopperProps, styled } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { NodeSingular } from 'cytoscape'\nimport React from 'react'\n\nexport interface ModuleHoverPopperProps extends PopperProps {\n node?: NodeSingular\n onClose?: () => void\n onModuleDetails?: (address?: string) => void\n onModuleExplore?: (address?: string) => void\n}\n\nexport const ModuleHoverPopper: React.FC<ModuleHoverPopperProps> = ({ anchorEl, onClose, onModuleDetails, onModuleExplore, node, ...props }) => {\n const { address, name } = node?.data() ?? {}\n return (\n <>\n {anchorEl\n ? (\n <Popper anchorEl={anchorEl} {...props}>\n <Card elevation={3}>\n <CardHeader\n action={\n onClose\n ? (\n <IconButton size=\"small\" onClick={onClose}>\n <CancelRounded />\n </IconButton>\n )\n : null\n }\n avatar={(\n <Paper elevation={6} sx={{ bgcolor: '#fff', p: 1 }}>\n <Identicon value={address} size={24} />\n </Paper>\n )}\n title={name}\n subheader={address}\n />\n <StyledCardActions>\n {onModuleDetails\n ? (\n <Button onClick={() => onModuleDetails?.(address)} size=\"small\" variant=\"contained\">\n Details\n </Button>\n )\n : null}\n {onModuleExplore\n ? (\n <Button onClick={() => onModuleExplore?.(address)} size=\"small\" variant=\"contained\">\n Explore\n </Button>\n )\n : null}\n </StyledCardActions>\n </Card>\n </Popper>\n )\n : null}\n </>\n )\n}\n\nexport const StyledModuleHoverPopper = styled(ModuleHoverPopper, { name: 'StyledComponents' })(() => ({\n zIndex: 2,\n}))\n\nexport const StyledCardActions = styled(CardActions, { name: 'StyledCardActions' })(() => ({\n display: 'flex',\n justifyContent: 'center',\n}))\n"],"mappings":"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","names":["ModuleCardParser","mod","isArchivistInstance","React","ArchivistCard","asArchivistInstance","isDivinerInstance","DivinerCard","asDivinerInstance","ModuleCard","import_material","import_react","CytoscapeInstanceContext","createContextEx","import_react","CytoscapeInstanceProvider","children","defaultInstance","cy","setCy","useState","useEffect","React","CytoscapeInstanceContext","Provider","value","provided","import_react_shared","useCytoscapeInstance","required","useContextEx","CytoscapeInstanceContext","import_node_model","import_react","dataUri","encodeSvg","reactElement","color","svgString","renderToStaticMarkup","doc","DOMParser","parseFromString","svgElement","querySelectorAll","setAttribute","style","fill","window","encodeURIComponent","outerHTML","generateIconMap","archivist","bridge","diviner","module","node","sentinel","witness","ColaLayout","centerGraph","convergenceThreshold","name","ConcentricLayout","concentric","node","degree","levelWidth","minNodeSpacing","name","import_archivist_model","import_diviner_model","parseModuleType","mod","type","isArchivistInstance","isBridgeInstance","isDivinerInstance","isNodeInstance","isSentinelInstance","isWitnessModule","CytoscapeElements","MaxNameLength","buildEdge","rootNode","newNode","properties","data","id","source","target","buildElements","mod","info","recurseNodes","newElements","buildElementsFromInfo","undefined","root","classes","buildNode","childCount","children","length","depth","newEdge","siblingCount","push","childInfo","address","name","type","parseModuleType","buildRootNode","normalizeName","slice","maxDepth","resolve","direction","Promise","all","map","child","filter","exists","CyIconSet","archivist","Inventory2RoundedIcon","bridge","InsertLinkRoundedIcon","diviner","BubbleChartRoundedIcon","module","QuestionMarkRoundedIcon","node","HubIcon","sentinel","TimerRoundedIcon","witness","VisibilityRoundedIcon","NodeWithName","color","outlineColor","selector","style","Node","icons","bgColor","hideLabels","elem","data","undefined","NodeAsRoot","EdgeStyled","lineColor","targetArrowColor","useCytoscapeElements","mod","elements","setElements","useState","useAsyncEffect","moduleInstance","deref","newElements","CytoscapeElements","buildElements","useEffect","attachedListener","detachedListener","isNodeInstance","on","import_react","useHoveredNode","renderedElements","cy","useCytoscapeInstance","hoveredNode","setHoveredNode","useState","nodeListener","useCallback","node","on","useEffect","nodes","forEach","deref","ready","import_react","useNewElements","selectedElement","selectedAddress","useMemo","address","data","mod","useWeakModuleFromNode","newElements","useCytoscapeElements","import_react","useRenderNewElements","newElements","hideLabels","cy","useCytoscapeInstance","renderedElements","setRenderedElements","useState","useEffect","length","deref","add","layout","ColaLayout","run","import_react","useSelectedElement","selectedElement","setSelectedElement","useState","cy","useCytoscapeInstance","updateStyles","element","nodes","deref","toggleClass","toggleSelectedElement","address","selectedNode","useElements","hideLabels","selectedElement","toggleSelectedElement","useSelectedElement","newElements","useNewElements","renderedElements","useRenderNewElements","hoveredNode","setHoveredNode","useHoveredNode","import_react","import_material","import_react","import_react","useIcons","theme","useTheme","icons","useMemo","iconMap","generateIconMap","Object","entries","CyIconSet","reduce","acc","name","IconComponent","icon","React","fontSize","encodeSvg","palette","getContrastText","text","primary","useCytoscapeStyle","hideLabels","theme","useTheme","icons","useIcons","style","useMemo","Node","palette","primary","main","NodeWithName","text","getContrastText","NodeAsRoot","secondary","EdgeStyled","divider","useCytoscapeOptions","elements","style","layout","defaultStyle","useCytoscapeStyle","resolvedLayout","ConcentricLayout","resolvedStyle","options","useMemo","import_react","useModuleDetails","rootModule","onFoundModule","cy","useCytoscapeInstance","moduleAddress","setModuleAddress","useState","foundModule","usePromise","rootModuleInstance","deref","resolve","useEffect","resizeObserver","ResizeObserver","setTimeout","center","node","nodes","container","observe","unobserve","onModuleDetails","address","moduleNode","rootModuleNode","foundModuleNode","notModuleNode","toggleClass","activeNode","length","mod","import_react","useRelationalGraphOptions","mod","hideLabels","setHideLabels","useState","handleToggleLabels","oldValue","elements","useCytoscapeElements","style","useCytoscapeStyle","options","useCytoscapeOptions","ConcentricLayout","import_react","WithExtensions","children","initialized","setInitialized","useState","useEffect","cytoscape","use","cola","dagre","coseBilkent","euler","React","undefined","import_material","import_react_node","import_cytoscape","import_cytoscape_cola","import_cytoscape_cose_bilkent","import_cytoscape_dagre","import_cytoscape_euler","import_react","applyLayout","cy","name","options","layout","run","loadLayout","cytoscape","use","dagre","eulerLayout","coseBilkentLayout","cola","ModuleHoverDetails","address","props","React","Card","elevation","CardHeader","avatar","Paper","sx","bgcolor","p","Identicon","value","size","title","subheader","NodeRelationalGraphFlexBox","forwardRef","actions","children","node","layoutOptions","showDetails","detail","onHover","ref","theme","useTheme","setCy","useState","cytoscapeRef","useRef","hoverPosition","setHoverBoundingBox","hoverAddress","setHoverAddress","moduleInstance","useWeakModuleFromNode","useEffect","on","target","cyNode","bb","renderedBoundingBox","id","includes","undefined","asAddress","handleReset","reset","newCy","container","current","destroy","FlexCol","Box","position","top","y1","left","x1","zIndex","deref","FlexRow","justifyContent","width","ButtonGroup","Button","variant","onClick","FlexGrowRow","alignItems","height","classes","border","palette","divider","displayName","NodeRelationalGraph","import_react_node","import_react","ProvidedNodeRenderer","node","props","providedNode","useWeakProvidedNode","elements","useCytoscapeElements","options","useCytoscapeOptions","React","NodeRelationalGraphFlexBox","alignItems","flexGrow","height","import_icons_material","import_material","import_react_flexbox","import_react","DetailsFlexbox","children","onClose","React","FlexGrowCol","alignItems","justifyContent","id","width","p","gap","FlexRow","IconButton","onClick","size","CancelRounded","import_material","import_react_flexbox","import_react","import_react","useNodeElement","node","ref","useRef","currentElement","setCurrentElement","useState","boundingBox","setBoundingBox","renderedBoundingBox","useEffect","listener","on","off","undefined","current","ModuleGraphNodeHover","children","node","boundingBox","ref","currentElement","useNodeElement","React","StyledNodeGhostElementFlexCol","left","x1","height","h","top","y1","width","w","styled","FlexCol","name","cursor","pointerEvents","position","import_icons_material","import_material","import_react_identicon","import_react","ModuleHoverPopper","anchorEl","onClose","onModuleDetails","onModuleExplore","node","props","address","name","data","React","Popper","Card","elevation","CardHeader","action","IconButton","size","onClick","CancelRounded","avatar","Paper","sx","bgcolor","p","Identicon","value","title","subheader","StyledCardActions","Button","variant","StyledModuleHoverPopper","styled","zIndex","CardActions","display","justifyContent","ModuleGraphFlexBox","hideActions","rootModule","disableModuleDetails","props","cytoscapeRef","useRef","handleToggleLabels","hideLabels","options","useRelationalGraphOptions","undefined","hoveredNode","setHoveredNode","toggleSelectedElement","useElements","mod","onModuleDetails","useModuleDetails","React","WithExtensions","NodeRelationalGraphFlexBox","actions","Button","size","onClick","variant","showDetails","detail","DetailsFlexbox","onClose","ref","width","ModuleGraphNodeHover","node","element","StyledModuleHoverPopper","anchorEl","container","current","onModuleExplore","placement","open","ModuleGraphFlexBoxWithProvider","CytoscapeInstanceProvider"]}

package/dist/neutral/index.d.cts CHANGED Viewed

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

package/dist/neutral/index.d.mts CHANGED Viewed

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

package/dist/neutral/index.d.ts CHANGED Viewed

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