@xyo-network/react-node-renderer 2.47.35 → 2.47.37

package/src/Cytoscape/CytoscapeStyles.ts

@@ -0,0 +1,38 @@
+import { Stylesheet } from 'cytoscape'
+
+import { CyNodeIcons } from './CytoscapeIcons'
+
+export const NodeIdStyles = (color?: string): Stylesheet => ({
+  selector: 'node[id]',
+  style: {
+    color,
+    'font-family': 'Lexend Deca, Helvetica, sans-serif',
+    'font-size': 14,
+    'text-margin-y': -5,
+  },
+})
+
+export const NodeStyled = (icons: Record<CyNodeIcons, string>, bgColor?: string): Stylesheet => ({
+  selector: 'node',
+  style: {
+    'background-color': bgColor,
+    'background-height': '75%',
+    // TODO - make dynamic
+    'background-image': (elem) => icons[elem.data('type') as CyNodeIcons],
+    'background-image-smoothing': 'yes',
+    'background-width': '75%',
+    label: 'data(id)',
+  },
+})
+
+export const EdgeStyled = (lineColor?: string, targetArrowColor?: string) => ({
+  selector: 'edge',
+  style: {
+    'curve-style': 'bezier',
+    'line-color': lineColor,
+    'line-opacity': 0.1,
+    'target-arrow-color': targetArrowColor,
+    'target-arrow-shape': 'triangle',
+    width: 3,
+  },
+})

package/src/Cytoscape/index.ts

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

package/src/components/RelationalGraph.stories.tsx

@@ -3,6 +3,7 @@ import { useAsyncEffect } from '@xylabs/react-shared'
 import { HDWallet } from '@xyo-network/account'
 import { ArchivistConfigSchema, MemoryArchivist } from '@xyo-network/archivist'
 import { HttpBridge, HttpBridgeConfigSchema } from '@xyo-network/bridge'
+import { IdWitness, IdWitnessConfigSchema } from '@xyo-network/id-plugin'
 import { MemoryNode, NodeConfigSchema } from '@xyo-network/node'
 import { NodeProvider } from '@xyo-network/react-node'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
@@ -38,6 +39,10 @@ export const MemoryNodeDecorator: DecoratorFn = (Story, args) => {
       await node1.register(archivist1)
       await node1.attach(archivist1.address, true)
 
+      const witnessModule = await IdWitness.create({ config: { name: 'IdWitness', salt: 'test', schema: IdWitnessConfigSchema } })
+      await node1.register(witnessModule)
+      await node1.attach(witnessModule.address, true)
+
       await node.register(node1)
       await node.attach(node1.address, true)
 

package/src/components/RelationalGraph.tsx

@@ -1,17 +1,15 @@
+import { Button, styled } from '@mui/material'
 import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
-import { WithChildren } from '@xylabs/react-shared'
 import { useShareForwardedRef } from '@xyo-network/react-shared'
 import cytoscape, { Core, CytoscapeOptions } from 'cytoscape'
 import { forwardRef, useEffect, useState } from 'react'
 
-export interface NodeRelationalGraph extends WithChildren<FlexBoxProps> {
+export interface NodeRelationalGraph extends FlexBoxProps {
   options?: CytoscapeOptions
 }
 
-export const NodeRelationalGraph = forwardRef<HTMLDivElement, NodeRelationalGraph>(({ children, options, ...props }, ref) => {
+export const NodeRelationalGraph = forwardRef<HTMLDivElement, NodeRelationalGraph>(({ options, ...props }, ref) => {
   const sharedRef = useShareForwardedRef(ref)
-  // TODO - likely a value to stick in context
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [cy, setCy] = useState<Core>()
 
   useEffect(() => {
@@ -26,10 +24,20 @@ export const NodeRelationalGraph = forwardRef<HTMLDivElement, NodeRelationalGrap
   }, [options, sharedRef])
 
   return (
-    <FlexCol ref={sharedRef} {...props}>
-      {children}
+    <FlexCol {...props}>
+      <ResetButton size={'small'} variant={'contained'} onClick={() => cy?.reset()}>
+        Reset
+      </ResetButton>
+      <FlexCol alignItems="stretch" height="100%" position="absolute" ref={sharedRef} width="100%"></FlexCol>
     </FlexCol>
   )
 })
 
 NodeRelationalGraph.displayName = 'NodeRelationalGraph'
+
+const ResetButton = styled(Button, { name: 'ResetButton' })(() => ({
+  position: 'absolute',
+  right: '10px',
+  top: '10px',
+  zIndex: 2,
+}))

package/src/hooks/cytoscape/index.ts

@@ -0,0 +1,2 @@
+export * from './useCytoscapeElements'
+export * from './useCytoscapeOptions'

package/src/hooks/cytoscape/useCytoscapeElements.ts

@@ -0,0 +1,59 @@
+import { useAsyncEffect } from '@xylabs/react-shared'
+import { EventUnsubscribeFunction } from '@xyo-network/module'
+import { useProvidedWrappedNode } from '@xyo-network/react-node'
+import { ElementDefinition } from 'cytoscape'
+import { useEffect, useState } from 'react'
+
+import { CytoscapeElements } from '../../Cytoscape'
+
+/**
+ * Note: Relies on describe but could eventually be converted to a discover call
+ * Logic would be similar to what the bridge does
+ */
+export const useCytoscapeElements = () => {
+  const [node] = useProvidedWrappedNode()
+  const [elements, setElements] = useState<ElementDefinition[]>([])
+  const [refresh, setRefresh] = useState(1)
+
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      if (node && refresh) {
+        try {
+          const [description, newRootNode] = await CytoscapeElements.buildRootNode(node)
+          if (mounted()) setElements(() => [newRootNode])
+
+          const children = description.children
+          await Promise.allSettled(
+            (children ?? [])?.map(async (address) => {
+              try {
+                const newNode = await CytoscapeElements.buildChild(node, address)
+                if (mounted()) setElements((previous) => [...previous, newNode])
+
+                const newEdge = CytoscapeElements.buildEdge(newRootNode, newNode)
+                if (mounted()) setElements((previous) => [...previous, newEdge])
+              } catch (e) {
+                console.error('Error parsing children', e)
+              }
+            }),
+          )
+        } catch (e) {
+          console.error('Error Getting initial description', e)
+        }
+      }
+    },
+    [node, refresh],
+  )
+
+  useEffect(() => {
+    let listener: EventUnsubscribeFunction
+    if (node) {
+      listener = node.onAny((eventName) => {
+        if (eventName === 'moduleAttached') setRefresh((previous) => previous + 1)
+      })
+    }
+    return () => listener?.()
+  }, [node])
+
+  return elements
+}

package/src/hooks/cytoscape/useCytoscapeLayout.ts

@@ -0,0 +1,14 @@
+import { CytoscapeOptions } from 'cytoscape'
+import { useMemo } from 'react'
+
+export const useCytoscapeLayout = () => {
+  const layout: CytoscapeOptions['layout'] = useMemo(
+    () => ({
+      minNodeSpacing: 75,
+      name: 'concentric',
+    }),
+    [],
+  )
+
+  return layout
+}

package/src/hooks/cytoscape/useCytoscapeOptions.ts

@@ -0,0 +1,25 @@
+import { CytoscapeOptions } from 'cytoscape'
+import { useMemo } from 'react'
+
+import { useCytoscapeLayout } from './useCytoscapeLayout'
+import { useCytoscapeStyle } from './useCytoscapeStyle'
+
+export const useCytoscapeOptions = (
+  elements: CytoscapeOptions['elements'],
+  style?: CytoscapeOptions['style'],
+  layout?: CytoscapeOptions['layout'],
+) => {
+  const defaultStyle = useCytoscapeStyle()
+  const defaultLayout = useCytoscapeLayout()
+
+  const options = useMemo<CytoscapeOptions>(
+    () => ({
+      elements,
+      layout: layout ?? defaultLayout,
+      style: style ?? defaultStyle,
+    }),
+    [defaultLayout, defaultStyle, elements, layout, style],
+  )
+
+  return options
+}

package/src/hooks/cytoscape/useCytoscapeStyle.ts

@@ -0,0 +1,22 @@
+import { useTheme } from '@mui/material'
+import { CytoscapeOptions } from 'cytoscape'
+import { useMemo } from 'react'
+
+import { EdgeStyled, NodeIdStyles, NodeStyled } from '../../Cytoscape'
+import { useIcons } from './useIcons'
+
+export const useCytoscapeStyle = () => {
+  const theme = useTheme()
+  const icons = useIcons()
+
+  const style: CytoscapeOptions['style'] = useMemo(
+    () => [
+      NodeIdStyles(theme.palette.text.primary),
+      NodeStyled(icons, theme.palette.primary.main),
+      EdgeStyled(theme.palette.divider, theme.palette.divider),
+    ],
+    [icons, theme.palette.divider, theme.palette.primary.main, theme.palette.text.primary],
+  )
+
+  return style
+}

package/src/hooks/cytoscape/useIcons.tsx

@@ -0,0 +1,19 @@
+import { useTheme } from '@mui/material'
+import { useMemo } from 'react'
+
+import { CyIconSet, CyNodeIcons } from '../../Cytoscape'
+import { encodeSvg } from '../../lib'
+
+export const useIcons = () => {
+  const theme = useTheme()
+  const icons = useMemo(() => {
+    const iconMap: Record<CyNodeIcons, string> = { archivist: '', diviner: '', module: '', node: '', witness: '' }
+    return Object.entries(CyIconSet).reduce((acc, [name, IconComponent]) => {
+      const icon = <IconComponent fontSize="small" />
+      acc[name as CyNodeIcons] = encodeSvg(icon, theme.palette.getContrastText(theme.palette.text.primary))
+      return acc
+    }, iconMap)
+  }, [theme.palette])
+
+  return icons
+}

package/src/hooks/index.ts

@@ -1,2 +1 @@
-export * from './useCytoscapeElements'
-export * from './useCytoscapeOptions'
+export * from './cytoscape'

package/src/lib/utils.ts

@@ -34,6 +34,10 @@ export const parseModuleType = (queries?: string[]) => {
         type = 'node'
         break
       }
+      if (queries[i].includes('witness')) {
+        type = 'witness'
+        break
+      }
       type = 'module'
     }
     return type

package/dist/cjs/hooks/useCytoscapeElements.js

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCytoscapeElements = void 0;
-const tslib_1 = require("tslib");
-const react_shared_1 = require("@xylabs/react-shared");
-const module_1 = require("@xyo-network/module");
-const node_1 = require("@xyo-network/node");
-const react_node_1 = require("@xyo-network/react-node");
-const react_1 = require("react");
-const lib_1 = require("../lib");
-/**
- * Note: Relies on describe but could eventually be converted to a discover call
- * Logic would be similar to what the bridge does
- */
-const useCytoscapeElements = () => {
-    const [node] = (0, react_node_1.useProvidedWrappedNode)();
-    const [elements, setElements] = (0, react_1.useState)();
-    (0, react_shared_1.useAsyncEffect)(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
-        if (node) {
-            try {
-                const newElements = [];
-                const wrapper = node_1.NodeWrapper.wrap(node);
-                const description = yield (wrapper === null || wrapper === void 0 ? void 0 : wrapper.describe());
-                const rootNodeId = (_a = description.name) !== null && _a !== void 0 ? _a : description.address.substring(0, 6);
-                newElements.push({
-                    data: { id: rootNodeId, type: (0, lib_1.parseModuleType)(description.queries) },
-                });
-                const children = description.children;
-                yield Promise.all((_b = (children !== null && children !== void 0 ? children : [])) === null || _b === void 0 ? void 0 : _b.map((address) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-                    var _c;
-                    const [result] = yield wrapper.resolveWrapped(module_1.ModuleWrapper, { address: [address] });
-                    try {
-                        const description = yield result.describe();
-                        const newNodeId = (_c = description.name) !== null && _c !== void 0 ? _c : description.address.substring(0, 6);
-                        const newNode = {
-                            data: {
-                                id: newNodeId,
-                                type: (0, lib_1.parseModuleType)(description.queries),
-                            },
-                        };
-                        newElements.push(newNode);
-                        const newEdge = {
-                            data: {
-                                id: `${rootNodeId}/${newNodeId}`,
-                                source: rootNodeId,
-                                target: newNodeId,
-                            },
-                        };
-                        newElements.push(newEdge);
-                    }
-                    catch (e) {
-                        console.error(e, result);
-                    }
-                })));
-                setElements(newElements);
-            }
-            catch (e) {
-                console.error(e);
-            }
-        }
-    }), [node]);
-    return elements;
-};
-exports.useCytoscapeElements = useCytoscapeElements;
-//# sourceMappingURL=useCytoscapeElements.js.map

package/dist/cjs/hooks/useCytoscapeElements.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCytoscapeElements.js","sourceRoot":"","sources":["../../../src/hooks/useCytoscapeElements.ts"],"names":[],"mappings":";;;;AAAA,uDAAqD;AACrD,gDAAmD;AACnD,4CAA+C;AAC/C,wDAAgE;AAEhE,iCAAgC;AAEhC,gCAAwC;AAExC;;;GAGG;AACI,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,CAAC,IAAI,CAAC,GAAG,IAAA,mCAAsB,GAAE,CAAA;IACvC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,GAAgC,CAAA;IAExE,IAAA,6BAAc;IACZ,uDAAuD;IACvD,GAAS,EAAE;;QACT,IAAI,IAAI,EAAE;YACR,IAAI;gBACF,MAAM,WAAW,GAAG,EAAE,CAAA;gBACtB,MAAM,OAAO,GAAG,kBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;gBACtC,MAAM,WAAW,GAAG,MAAM,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE,CAAA,CAAA;gBAC7C,MAAM,UAAU,GAAG,MAAA,WAAW,CAAC,IAAI,mCAAI,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;gBAC1E,WAAW,CAAC,IAAI,CAAC;oBACf,IAAI,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,IAAA,qBAAe,EAAC,WAAW,CAAC,OAAO,CAAC,EAAE;iBACrE,CAAC,CAAA;gBACF,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAA;gBACrC,MAAM,OAAO,CAAC,GAAG,CACf,MAAA,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAC,0CAAE,GAAG,CAAC,CAAO,OAAO,EAAE,EAAE;;oBACtC,MAAM,CAAC,MAAM,CAAC,GAAG,MAAM,OAAO,CAAC,cAAc,CAAC,sBAAa,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;oBACpF,IAAI;wBACF,MAAM,WAAW,GAAG,MAAM,MAAM,CAAC,QAAQ,EAAE,CAAA;wBAC3C,MAAM,SAAS,GAAG,MAAA,WAAW,CAAC,IAAI,mCAAI,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;wBACzE,MAAM,OAAO,GAAG;4BACd,IAAI,EAAE;gCACJ,EAAE,EAAE,SAAS;gCACb,IAAI,EAAE,IAAA,qBAAe,EAAC,WAAW,CAAC,OAAO,CAAC;6BAC3C;yBACF,CAAA;wBACD,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;wBACzB,MAAM,OAAO,GAAG;4BACd,IAAI,EAAE;gCACJ,EAAE,EAAE,GAAG,UAAU,IAAI,SAAS,EAAE;gCAChC,MAAM,EAAE,UAAU;gCAClB,MAAM,EAAE,SAAS;6BAClB;yBACF,CAAA;wBACD,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;qBAC1B;oBAAC,OAAO,CAAC,EAAE;wBACV,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;qBACzB;gBACH,CAAC,CAAA,CAAC,CACH,CAAA;gBACD,WAAW,CAAC,WAAW,CAAC,CAAA;aACzB;YAAC,OAAO,CAAC,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;aACjB;SACF;IACH,CAAC,CAAA,EACD,CAAC,IAAI,CAAC,CACP,CAAA;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AArDY,QAAA,oBAAoB,wBAqDhC"}

package/dist/cjs/hooks/useCytoscapeOptions.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCytoscapeOptions = void 0;
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const useIcons_1 = require("./useIcons");
-const useCytoscapeOptions = (elements) => {
-    const theme = (0, material_1.useTheme)();
-    const icons = (0, useIcons_1.useIcons)();
-    const options = (0, react_1.useMemo)(() => ({
-        elements,
-        layout: {
-            minNodeSpacing: 75,
-            name: 'concentric',
-        },
-        style: [
-            {
-                selector: 'node[id]',
-                style: {
-                    color: theme.palette.text.primary,
-                    'font-family': 'Lexend Deca, Helvetica, sans-serif',
-                    'font-size': 14,
-                    'text-margin-y': -5,
-                },
-            },
-            {
-                selector: 'node',
-                style: {
-                    'background-color': theme.palette.primary.main,
-                    'background-height': '75%',
-                    // TODO - make dynamic
-                    'background-image': (elem) => icons[elem.data('type')],
-                    'background-image-smoothing': 'yes',
-                    'background-width': '75%',
-                    label: 'data(id)',
-                },
-            },
-            {
-                selector: 'edge',
-                style: {
-                    'curve-style': 'bezier',
-                    'line-color': theme.palette.divider,
-                    'line-opacity': 0.1,
-                    'target-arrow-color': theme.palette.divider,
-                    'target-arrow-shape': 'triangle',
-                    width: 3,
-                },
-            },
-        ],
-    }), [elements, icons, theme.palette.divider, theme.palette.primary.main, theme.palette.text.primary]);
-    return options;
-};
-exports.useCytoscapeOptions = useCytoscapeOptions;
-//# sourceMappingURL=useCytoscapeOptions.js.map

package/dist/cjs/hooks/useCytoscapeOptions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCytoscapeOptions.js","sourceRoot":"","sources":["../../../src/hooks/useCytoscapeOptions.ts"],"names":[],"mappings":";;;AAAA,4CAAwC;AAExC,iCAA+B;AAE/B,yCAAkD;AAE3C,MAAM,mBAAmB,GAAG,CAAC,QAAsC,EAAE,EAAE;IAC5E,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,OAAO,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ;QACR,MAAM,EAAE;YACN,cAAc,EAAE,EAAE;YAClB,IAAI,EAAE,YAAY;SACnB;QACD,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE;oBACL,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;oBACjC,aAAa,EAAE,oCAAoC;oBACnD,WAAW,EAAE,EAAE;oBACf,eAAe,EAAE,CAAC,CAAC;iBACpB;aACF;YACD;gBACE,QAAQ,EAAE,MAAM;gBAChB,KAAK,EAAE;oBACL,kBAAkB,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;oBAC9C,mBAAmB,EAAE,KAAK;oBAC1B,sBAAsB;oBACtB,kBAAkB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAgB,CAAC;oBACrE,4BAA4B,EAAE,KAAK;oBACnC,kBAAkB,EAAE,KAAK;oBACzB,KAAK,EAAE,UAAU;iBAClB;aACF;YACD;gBACE,QAAQ,EAAE,MAAM;gBAChB,KAAK,EAAE;oBACL,aAAa,EAAE,QAAQ;oBACvB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO;oBACnC,cAAc,EAAE,GAAG;oBACnB,oBAAoB,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO;oBAC3C,oBAAoB,EAAE,UAAU;oBAChC,KAAK,EAAE,CAAC;iBACT;aACF;SACF;KACF,CAAC,EACF,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CACjG,CAAA;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAlDY,QAAA,mBAAmB,uBAkD/B"}

package/dist/cjs/hooks/useIcons.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIcons = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const GridViewRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/GridViewRounded"));
-const Hub_1 = tslib_1.__importDefault(require("@mui/icons-material/Hub"));
-const QuestionMarkRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/QuestionMarkRounded"));
-const VisibilityRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/VisibilityRounded"));
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const lib_1 = require("../lib");
-// eslint-disable-next-line @typescript-eslint/ban-types
-const CyIconSet = {
-    archivist: GridViewRounded_1.default,
-    diviner: VisibilityRounded_1.default,
-    module: QuestionMarkRounded_1.default,
-    node: Hub_1.default,
-};
-const useIcons = () => {
-    const theme = (0, material_1.useTheme)();
-    const icons = (0, react_1.useMemo)(() => {
-        const iconMap = { archivist: '', diviner: '', module: '', node: '' };
-        return Object.entries(CyIconSet).reduce((acc, [name, IconComponent]) => {
-            const icon = (0, jsx_runtime_1.jsx)(IconComponent, { fontSize: "small" });
-            acc[name] = (0, lib_1.encodeSvg)(icon, theme.palette.getContrastText(theme.palette.text.primary));
-            return acc;
-        }, iconMap);
-    }, [theme.palette]);
-    return icons;
-};
-exports.useIcons = useIcons;
-//# sourceMappingURL=useIcons.js.map

package/dist/cjs/hooks/useIcons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIcons.js","sourceRoot":"","sources":["../../../src/hooks/useIcons.tsx"],"names":[],"mappings":";;;;;AAAA,kGAAqE;AACrE,0EAA6C;AAC7C,0GAA6E;AAC7E,sGAAyE;AACzE,4CAAwD;AAExD,iCAA+B;AAE/B,gCAAkC;AAIlC,wDAAwD;AACxD,MAAM,SAAS,GAAyE;IACtF,SAAS,EAAE,yBAAmB;IAC9B,OAAO,EAAE,2BAAqB;IAC9B,MAAM,EAAE,6BAAuB;IAC/B,IAAI,EAAE,aAAO;CACd,CAAA;AAEM,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,MAAM,OAAO,GAAgC,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAA;QACjG,OAAO,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE,EAAE;YACrE,MAAM,IAAI,GAAG,uBAAC,aAAa,IAAC,QAAQ,EAAC,OAAO,GAAG,CAAA;YAC/C,GAAG,CAAC,IAAmB,CAAC,GAAG,IAAA,eAAS,EAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA;YACrG,OAAO,GAAG,CAAA;QACZ,CAAC,EAAE,OAAO,CAAC,CAAA;IACb,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;IAEnB,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAZY,QAAA,QAAQ,YAYpB"}

package/dist/esm/hooks/useCytoscapeElements.js

@@ -1,61 +0,0 @@
-import { useAsyncEffect } from '@xylabs/react-shared';
-import { ModuleWrapper } from '@xyo-network/module';
-import { NodeWrapper } from '@xyo-network/node';
-import { useProvidedWrappedNode } from '@xyo-network/react-node';
-import { useState } from 'react';
-import { parseModuleType } from '../lib';
-/**
- * Note: Relies on describe but could eventually be converted to a discover call
- * Logic would be similar to what the bridge does
- */
-export const useCytoscapeElements = () => {
-    const [node] = useProvidedWrappedNode();
-    const [elements, setElements] = useState();
-    useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async () => {
-        if (node) {
-            try {
-                const newElements = [];
-                const wrapper = NodeWrapper.wrap(node);
-                const description = await wrapper?.describe();
-                const rootNodeId = description.name ?? description.address.substring(0, 6);
-                newElements.push({
-                    data: { id: rootNodeId, type: parseModuleType(description.queries) },
-                });
-                const children = description.children;
-                await Promise.all((children ?? [])?.map(async (address) => {
-                    const [result] = await wrapper.resolveWrapped(ModuleWrapper, { address: [address] });
-                    try {
-                        const description = await result.describe();
-                        const newNodeId = description.name ?? description.address.substring(0, 6);
-                        const newNode = {
-                            data: {
-                                id: newNodeId,
-                                type: parseModuleType(description.queries),
-                            },
-                        };
-                        newElements.push(newNode);
-                        const newEdge = {
-                            data: {
-                                id: `${rootNodeId}/${newNodeId}`,
-                                source: rootNodeId,
-                                target: newNodeId,
-                            },
-                        };
-                        newElements.push(newEdge);
-                    }
-                    catch (e) {
-                        console.error(e, result);
-                    }
-                }));
-                setElements(newElements);
-            }
-            catch (e) {
-                console.error(e);
-            }
-        }
-    }, [node]);
-    return elements;
-};
-//# sourceMappingURL=useCytoscapeElements.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useCytoscapeElements.js","sourceRoot":"","sources":["../../../src/hooks/useCytoscapeElements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAExC;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,CAAC,IAAI,CAAC,GAAG,sBAAsB,EAAE,CAAA;IACvC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAgC,CAAA;IAExE,cAAc;IACZ,uDAAuD;IACvD,KAAK,IAAI,EAAE;QACT,IAAI,IAAI,EAAE;YACR,IAAI;gBACF,MAAM,WAAW,GAAG,EAAE,CAAA;gBACtB,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;gBACtC,MAAM,WAAW,GAAG,MAAM,OAAO,EAAE,QAAQ,EAAE,CAAA;gBAC7C,MAAM,UAAU,GAAG,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;gBAC1E,WAAW,CAAC,IAAI,CAAC;oBACf,IAAI,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE;iBACrE,CAAC,CAAA;gBACF,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAA;gBACrC,MAAM,OAAO,CAAC,GAAG,CACf,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;oBACtC,MAAM,CAAC,MAAM,CAAC,GAAG,MAAM,OAAO,CAAC,cAAc,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;oBACpF,IAAI;wBACF,MAAM,WAAW,GAAG,MAAM,MAAM,CAAC,QAAQ,EAAE,CAAA;wBAC3C,MAAM,SAAS,GAAG,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;wBACzE,MAAM,OAAO,GAAG;4BACd,IAAI,EAAE;gCACJ,EAAE,EAAE,SAAS;gCACb,IAAI,EAAE,eAAe,CAAC,WAAW,CAAC,OAAO,CAAC;6BAC3C;yBACF,CAAA;wBACD,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;wBACzB,MAAM,OAAO,GAAG;4BACd,IAAI,EAAE;gCACJ,EAAE,EAAE,GAAG,UAAU,IAAI,SAAS,EAAE;gCAChC,MAAM,EAAE,UAAU;gCAClB,MAAM,EAAE,SAAS;6BAClB;yBACF,CAAA;wBACD,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;qBAC1B;oBAAC,OAAO,CAAC,EAAE;wBACV,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;qBACzB;gBACH,CAAC,CAAC,CACH,CAAA;gBACD,WAAW,CAAC,WAAW,CAAC,CAAA;aACzB;YAAC,OAAO,CAAC,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;aACjB;SACF;IACH,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAA;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA"}

package/dist/esm/hooks/useCytoscapeOptions.js

@@ -1,50 +0,0 @@
-import { useTheme } from '@mui/material';
-import { useMemo } from 'react';
-import { useIcons } from './useIcons';
-export const useCytoscapeOptions = (elements) => {
-    const theme = useTheme();
-    const icons = useIcons();
-    const options = useMemo(() => ({
-        elements,
-        layout: {
-            minNodeSpacing: 75,
-            name: 'concentric',
-        },
-        style: [
-            {
-                selector: 'node[id]',
-                style: {
-                    color: theme.palette.text.primary,
-                    'font-family': 'Lexend Deca, Helvetica, sans-serif',
-                    'font-size': 14,
-                    'text-margin-y': -5,
-                },
-            },
-            {
-                selector: 'node',
-                style: {
-                    'background-color': theme.palette.primary.main,
-                    'background-height': '75%',
-                    // TODO - make dynamic
-                    'background-image': (elem) => icons[elem.data('type')],
-                    'background-image-smoothing': 'yes',
-                    'background-width': '75%',
-                    label: 'data(id)',
-                },
-            },
-            {
-                selector: 'edge',
-                style: {
-                    'curve-style': 'bezier',
-                    'line-color': theme.palette.divider,
-                    'line-opacity': 0.1,
-                    'target-arrow-color': theme.palette.divider,
-                    'target-arrow-shape': 'triangle',
-                    width: 3,
-                },
-            },
-        ],
-    }), [elements, icons, theme.palette.divider, theme.palette.primary.main, theme.palette.text.primary]);
-    return options;
-};
-//# sourceMappingURL=useCytoscapeOptions.js.map

package/dist/esm/hooks/useCytoscapeOptions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCytoscapeOptions.js","sourceRoot":"","sources":["../../../src/hooks/useCytoscapeOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAe,QAAQ,EAAE,MAAM,YAAY,CAAA;AAElD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,QAAsC,EAAE,EAAE;IAC5E,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ;QACR,MAAM,EAAE;YACN,cAAc,EAAE,EAAE;YAClB,IAAI,EAAE,YAAY;SACnB;QACD,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE;oBACL,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;oBACjC,aAAa,EAAE,oCAAoC;oBACnD,WAAW,EAAE,EAAE;oBACf,eAAe,EAAE,CAAC,CAAC;iBACpB;aACF;YACD;gBACE,QAAQ,EAAE,MAAM;gBAChB,KAAK,EAAE;oBACL,kBAAkB,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;oBAC9C,mBAAmB,EAAE,KAAK;oBAC1B,sBAAsB;oBACtB,kBAAkB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAgB,CAAC;oBACrE,4BAA4B,EAAE,KAAK;oBACnC,kBAAkB,EAAE,KAAK;oBACzB,KAAK,EAAE,UAAU;iBAClB;aACF;YACD;gBACE,QAAQ,EAAE,MAAM;gBAChB,KAAK,EAAE;oBACL,aAAa,EAAE,QAAQ;oBACvB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO;oBACnC,cAAc,EAAE,GAAG;oBACnB,oBAAoB,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO;oBAC3C,oBAAoB,EAAE,UAAU;oBAChC,KAAK,EAAE,CAAC;iBACT;aACF;SACF;KACF,CAAC,EACF,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CACjG,CAAA;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"useIcons.js","sourceRoot":"","sources":["../../../src/hooks/useIcons.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,MAAM,qCAAqC,CAAA;AACrE,OAAO,OAAO,MAAM,yBAAyB,CAAA;AAC7C,OAAO,uBAAuB,MAAM,yCAAyC,CAAA;AAC7E,OAAO,qBAAqB,MAAM,uCAAuC,CAAA;AACzE,OAAO,EAAkB,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAIlC,wDAAwD;AACxD,MAAM,SAAS,GAAyE;IACtF,SAAS,EAAE,mBAAmB;IAC9B,OAAO,EAAE,qBAAqB;IAC9B,MAAM,EAAE,uBAAuB;IAC/B,IAAI,EAAE,OAAO;CACd,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,OAAO,GAAgC,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAA;QACjG,OAAO,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE,EAAE;YACrE,MAAM,IAAI,GAAG,KAAC,aAAa,IAAC,QAAQ,EAAC,OAAO,GAAG,CAAA;YAC/C,GAAG,CAAC,IAAmB,CAAC,GAAG,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA;YACrG,OAAO,GAAG,CAAA;QACZ,CAAC,EAAE,OAAO,CAAC,CAAA;IACb,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;IAEnB,OAAO,KAAK,CAAA;AACd,CAAC,CAAA"}

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

@@ -1,6 +0,0 @@
-/**
- * Note: Relies on describe but could eventually be converted to a discover call
- * Logic would be similar to what the bridge does
- */
-export declare const useCytoscapeElements: () => import("cytoscape").ElementsDefinition | import("cytoscape").ElementDefinition[] | Promise<import("cytoscape").ElementsDefinition> | Promise<import("cytoscape").ElementDefinition[]> | undefined;
-//# sourceMappingURL=useCytoscapeElements.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useCytoscapeElements.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCytoscapeElements.ts"],"names":[],"mappings":"AASA;;;GAGG;AACH,eAAO,MAAM,oBAAoB,yMAqDhC,CAAA"}

package/dist/types/hooks/useCytoscapeOptions.d.ts

@@ -1,3 +0,0 @@
-import { CytoscapeOptions } from 'cytoscape';
-export declare const useCytoscapeOptions: (elements: CytoscapeOptions['elements']) => CytoscapeOptions;
-//# sourceMappingURL=useCytoscapeOptions.d.ts.map

package/dist/types/hooks/useCytoscapeOptions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCytoscapeOptions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCytoscapeOptions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAK5C,eAAO,MAAM,mBAAmB,aAAc,gBAAgB,CAAC,UAAU,CAAC,qBAkDzE,CAAA"}

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

@@ -1,3 +0,0 @@
-export type CyNodeIcons = 'node' | 'archivist' | 'diviner' | 'module';
-export declare const useIcons: () => Record<CyNodeIcons, string>;
-//# sourceMappingURL=useIcons.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useIcons.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIcons.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAA;AAUrE,eAAO,MAAM,QAAQ,mCAYpB,CAAA"}