@xyo-network/react-node 2.42.6 → 2.42.8

package/dist/esm/components/NodeDrawer.js

@@ -2,24 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import CloseIcon from '@mui/icons-material/Close';
 import { ClickAwayListener, Drawer, IconButton } from '@mui/material';
 import { FlexGrowCol, FlexRow } from '@xylabs/react-flexbox';
-import { useAsyncEffect } from '@xylabs/react-shared';
-import { NodeWrapper } from '@xyo-network/node';
-import { useState } from 'react';
 import { useNode, useNodeDrawer } from '../contexts';
 import { ModuleDescriptionBox } from './render';
 export const NodeDrawer = ({ children, ...props }) => {
     const { open, setOpen } = useNodeDrawer();
     const [node] = useNode();
-    const [moduleDescription, setModuleDescription] = useState();
-    useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async () => {
-        if (node) {
-            const wrapper = node ? NodeWrapper.wrap(node) : undefined;
-            const nodeDescription = await wrapper?.describe();
-            setModuleDescription(nodeDescription);
-        }
-    }, [node]);
-    return (_jsx(Drawer, { open: open ?? false, anchor: "right", ...props, children: _jsx(ClickAwayListener, { onClickAway: () => setOpen?.(false), children: _jsxs(FlexGrowCol, { role: "presentation", justifyContent: "start", p: 2, rowGap: 2, minWidth: "33vw", children: [_jsx(FlexRow, { alignContent: "start", justifyContent: "start", width: "100%", children: _jsx(IconButton, { onClick: () => setOpen?.(false), children: _jsx(CloseIcon, {}) }) }), _jsx(ModuleDescriptionBox, { moduleDescription: moduleDescription }), children] }) }) }));
+    return (_jsx(Drawer, { open: open ?? false, anchor: "right", ...props, children: _jsx(ClickAwayListener, { onClickAway: () => setOpen?.(false), children: _jsxs(FlexGrowCol, { role: "presentation", justifyContent: "start", p: 2, rowGap: 2, minWidth: "33vw", children: [_jsx(FlexRow, { alignContent: "start", justifyContent: "start", width: "100%", children: _jsx(IconButton, { onClick: () => setOpen?.(false), children: _jsx(CloseIcon, {}) }) }), _jsx(ModuleDescriptionBox, { module: node }), children] }) }) }));
 };
 //# sourceMappingURL=NodeDrawer.js.map

package/dist/esm/components/NodeDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NodeDrawer.js","sourceRoot":"","sources":["../../../src/components/NodeDrawer.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAe,UAAU,EAAE,MAAM,eAAe,CAAA;AAClF,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAgB,MAAM,sBAAsB,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAI/C,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9E,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IACzC,MAAM,CAAC,IAAI,CAAC,GAAG,OAAO,EAAE,CAAA;IACxB,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,EAAqB,CAAA;IAE/E,cAAc;IACZ,uDAAuD;IACvD,KAAK,IAAI,EAAE;QACT,IAAI,IAAI,EAAE;YACR,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;YACzD,MAAM,eAAe,GAAG,MAAM,OAAO,EAAE,QAAQ,EAAE,CAAA;YACjD,oBAAoB,CAAC,eAAe,CAAC,CAAA;SACtC;IACH,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAA;IAED,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,MAAM,EAAC,OAAO,KAAK,KAAK,YACnD,KAAC,iBAAiB,IAAC,WAAW,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,YACpD,MAAC,WAAW,IAAC,IAAI,EAAC,cAAc,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAC,MAAM,aACtF,KAAC,OAAO,IAAC,YAAY,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,YAC/D,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,YACzC,KAAC,SAAS,KAAG,GACF,GACL,EACV,KAAC,oBAAoB,IAAC,iBAAiB,EAAE,iBAAiB,GAAI,EAC7D,QAAQ,IACG,GACI,GACb,CACV,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"NodeDrawer.js","sourceRoot":"","sources":["../../../src/components/NodeDrawer.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAe,UAAU,EAAE,MAAM,eAAe,CAAA;AAClF,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG5D,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAI/C,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9E,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IACzC,MAAM,CAAC,IAAI,CAAC,GAAG,OAAO,EAAE,CAAA;IAExB,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,MAAM,EAAC,OAAO,KAAK,KAAK,YACnD,KAAC,iBAAiB,IAAC,WAAW,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,YACpD,MAAC,WAAW,IAAC,IAAI,EAAC,cAAc,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAC,MAAM,aACtF,KAAC,OAAO,IAAC,YAAY,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,YAC/D,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,YACzC,KAAC,SAAS,KAAG,GACF,GACL,EACV,KAAC,oBAAoB,IAAC,MAAM,EAAE,IAAI,GAAI,EACrC,QAAQ,IACG,GACI,GACb,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/render/ModuleDescriptionBox.js

@@ -3,12 +3,11 @@ import ChevronRightIcon from '@mui/icons-material/ChevronRight';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import { TreeView } from '@mui/lab';
 import { styled, Typography } from '@mui/material';
-import isEmpty from 'lodash/isEmpty';
 import { useRef } from 'react';
 import { RenderModule } from './RenderModule';
-export const ModuleDescriptionBox = ({ moduleDescription }) => {
+export const ModuleDescriptionBox = ({ module }) => {
     const idRef = useRef({ idIncrementor: 0, ids: [] });
-    return (_jsxs(_Fragment, { children: [moduleDescription === undefined ? _jsx(Typography, { variant: "h4", children: "Node not found" }) : null, isEmpty(moduleDescription) ? _jsx(Typography, { children: "Node has no modules" }) : null, !isEmpty(moduleDescription) ? (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "h4", children: "Node Configuration" }), _jsx(StyledTreeView, { "aria-label": "file system navigator", defaultCollapseIcon: _jsx(ExpandMoreIcon, {}), defaultExpandIcon: _jsx(ChevronRightIcon, {}), sx: { flexGrow: 1 }, children: _jsx(RenderModule, { module: moduleDescription, idRef: idRef }) })] })) : null] }));
+    return (_jsx(_Fragment, { children: module === undefined ? (_jsx(Typography, { variant: "h4", children: "Node not found" })) : (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "h4", children: "Node Configuration" }), _jsx(StyledTreeView, { "aria-label": "file system navigator", defaultCollapseIcon: _jsx(ExpandMoreIcon, {}), defaultExpandIcon: _jsx(ChevronRightIcon, {}), sx: { flexGrow: 1 }, children: _jsx(RenderModule, { module: module, idRef: idRef }) })] })) }));
 };
 const StyledTreeView = styled(TreeView, { name: 'StyledTreeView' })(() => ({
     height: 'auto',

package/dist/esm/components/render/ModuleDescriptionBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModuleDescriptionBox.js","sourceRoot":"","sources":["../../../../src/components/render/ModuleDescriptionBox.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,MAAM,kCAAkC,CAAA;AAC/D,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAGlD,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAK7C,MAAM,CAAC,MAAM,oBAAoB,GAAqC,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE;IAC9F,MAAM,KAAK,GAAG,MAAM,CAA2C,EAAE,aAAa,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAA;IAE7F,OAAO,CACL,8BACG,iBAAiB,KAAK,SAAS,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,+BAA4B,CAAC,CAAC,CAAC,IAAI,EAC7F,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,KAAC,UAAU,sCAAiC,CAAC,CAAC,CAAC,IAAI,EAChF,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAC7B,8BACE,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,mCAAgC,EACxD,KAAC,cAAc,kBACF,uBAAuB,EAClC,mBAAmB,EAAE,KAAC,cAAc,KAAG,EACvC,iBAAiB,EAAE,KAAC,gBAAgB,KAAG,EACvC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,YAEnB,KAAC,YAAY,IAAC,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,GAAI,GAC1C,IAChB,CACJ,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACzE,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC,CAAA"}
+{"version":3,"file":"ModuleDescriptionBox.js","sourceRoot":"","sources":["../../../../src/components/render/ModuleDescriptionBox.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,MAAM,kCAAkC,CAAA;AAC/D,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAGlD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAK7C,MAAM,CAAC,MAAM,oBAAoB,GAAqC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACnF,MAAM,KAAK,GAAG,MAAM,CAA2C,EAAE,aAAa,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAA;IAE7F,OAAO,CACL,4BACG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,+BAA4B,CACrD,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,mCAAgC,EACxD,KAAC,cAAc,kBACF,uBAAuB,EAClC,mBAAmB,EAAE,KAAC,cAAc,KAAG,EACvC,iBAAiB,EAAE,KAAC,gBAAgB,KAAG,EACvC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,YAEnB,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI,GAC/B,IAChB,CACJ,GACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACzE,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC,CAAA"}

package/dist/esm/components/render/RenderModule.js

@@ -1,8 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TreeItem } from '@mui/lab';
 import { styled } from '@mui/material';
+import { useAsyncEffect } from '@xylabs/react-shared';
+import { ModuleWrapper } from '@xyo-network/module';
+import { useState } from 'react';
 export const RenderModule = ({ module, idRef }) => {
-    const { address, queries, children: moduleChildren } = module;
+    const { address, queries } = module;
+    const [childModules, setChildModules] = useState();
+    useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+        const wrapper = ModuleWrapper.wrap(module);
+        const children = (await wrapper.resolve()).filter((childModule) => childModule.address !== address);
+        if (mounted()) {
+            setChildModules(children);
+        }
+    }, [module, address]);
     const increment = () => {
         const newId = (idRef.current.idIncrementor++).toString();
         idRef.current.ids.push(newId);
@@ -10,7 +23,7 @@ export const RenderModule = ({ module, idRef }) => {
     };
     return (_jsxs(StyledAddressTreeItem, { nodeId: increment(), label: `address: ${address}`, children: [queries.map((query, index) => {
                 return _jsx(TreeItem, { nodeId: increment(), label: `query : ${query}`, sx: { mb: index === queries.length - 1 ? 1.5 : 0.5 } }, query);
-            }), moduleChildren && moduleChildren.length > 0 ? (_jsx(TreeItem, { nodeId: increment(), label: 'children', sx: { mb: 0.5 }, children: moduleChildren.map((module) => (_jsx(RenderModule, { module: module, idRef: idRef }, module.address))) })) : null] }));
+            }), childModules && childModules.length > 0 ? (_jsx(TreeItem, { nodeId: increment(), label: 'children', sx: { mb: 0.5 }, children: childModules.map((childModule) => (_jsx(RenderModule, { module: childModule, idRef: idRef }, childModule.address))) })) : null] }));
 };
 const StyledAddressTreeItem = styled(TreeItem, { name: 'StyledAddressTreeItem' })(({ theme }) => ({
     '& .MuiTreeItem-content': {

package/dist/esm/components/render/RenderModule.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderModule.js","sourceRoot":"","sources":["../../../../src/components/render/RenderModule.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAYtC,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7E,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,MAAM,CAAA;IAE7D,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,KAAK,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAA;QACxD,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC7B,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;IAED,OAAO,CACL,MAAC,qBAAqB,IAAC,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,YAAY,OAAO,EAAE,aACrE,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAC5B,OAAO,KAAC,QAAQ,IAAa,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAA3G,KAAK,CAA0G,CAAA;YACvI,CAAC,CAAC,EACD,cAAc,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC7C,KAAC,QAAQ,IAAC,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,YAC9D,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC9B,KAAC,YAAY,IAAsB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAA5C,MAAM,CAAC,OAAO,CAAkC,CACpE,CAAC,GACO,CACZ,CAAC,CAAC,CAAC,IAAI,IACc,CACzB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,qBAAqB,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,uBAAuB,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChG,wBAAwB,EAAE;QACxB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;KAClC;CACF,CAAC,CAAC,CAAA"}
+{"version":3,"file":"RenderModule.js","sourceRoot":"","sources":["../../../../src/components/render/RenderModule.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAU,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAoB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAUlD,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7E,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,MAAM,CAAA;IACnC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAY,CAAA;IAE5D,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAC1C,MAAM,QAAQ,GAAG,CAAC,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,KAAK,OAAO,CAAC,CAAA;QACnG,IAAI,OAAO,EAAE,EAAE;YACb,eAAe,CAAC,QAAQ,CAAC,CAAA;SAC1B;IACH,CAAC,EACD,CAAC,MAAM,EAAE,OAAO,CAAC,CAClB,CAAA;IAED,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,KAAK,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAA;QACxD,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC7B,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;IAED,OAAO,CACL,MAAC,qBAAqB,IAAC,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,YAAY,OAAO,EAAE,aACrE,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAC5B,OAAO,KAAC,QAAQ,IAAa,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAA3G,KAAK,CAA0G,CAAA;YACvI,CAAC,CAAC,EACD,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACzC,KAAC,QAAQ,IAAC,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,YAC9D,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CACjC,KAAC,YAAY,IAA2B,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,IAAtD,WAAW,CAAC,OAAO,CAAuC,CAC9E,CAAC,GACO,CACZ,CAAC,CAAC,CAAC,IAAI,IACc,CACzB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,qBAAqB,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,uBAAuB,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChG,wBAAwB,EAAE;QACxB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;KAClC;CACF,CAAC,CAAC,CAAA"}

package/dist/types/components/NodeDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/NodeDrawer.tsx"],"names":[],"mappings":";AACA,OAAO,EAA6B,WAAW,EAAc,MAAM,eAAe,CAAA;AAElF,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAQnE,MAAM,WAAW,eAAgB,SAAQ,YAAY,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;CAAG;AAEnF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgChD,CAAA"}
+{"version":3,"file":"NodeDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/NodeDrawer.tsx"],"names":[],"mappings":";AACA,OAAO,EAA6B,WAAW,EAAc,MAAM,eAAe,CAAA;AAElF,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKnD,MAAM,WAAW,eAAgB,SAAQ,YAAY,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;CAAG;AAEnF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmBhD,CAAA"}

package/dist/types/components/render/ModuleDescriptionBox.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { FlexBoxProps } from '@xylabs/react-flexbox';
-import { ModuleDescription } from '@xyo-network/module';
+import { Module } from '@xyo-network/module';
 export interface ModuleDescriptionProps extends FlexBoxProps {
-    moduleDescription?: ModuleDescription;
+    module?: Module;
 }
 export declare const ModuleDescriptionBox: React.FC<ModuleDescriptionProps>;
 //# sourceMappingURL=ModuleDescriptionBox.d.ts.map

package/dist/types/components/render/ModuleDescriptionBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModuleDescriptionBox.d.ts","sourceRoot":"","sources":["../../../../src/components/render/ModuleDescriptionBox.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAMvD,MAAM,WAAW,sBAAuB,SAAQ,YAAY;IAC1D,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;CACtC;AACD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAsBjE,CAAA"}
+{"version":3,"file":"ModuleDescriptionBox.d.ts","sourceRoot":"","sources":["../../../../src/components/render/ModuleDescriptionBox.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAK5C,MAAM,WAAW,sBAAuB,SAAQ,YAAY;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AACD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAsBjE,CAAA"}

package/dist/types/components/render/RenderModule.d.ts

@@ -1,11 +1,11 @@
-import { ModuleDescription } from '@xyo-network/module';
+import { Module } from '@xyo-network/module';
 import { MutableRefObject } from 'react';
 interface RenderModuleProps {
     idRef: MutableRefObject<{
         idIncrementor: number;
         ids: string[];
     }>;
-    module: ModuleDescription;
+    module: Module;
 }
 export declare const RenderModule: React.FC<RenderModuleProps>;
 export {};

package/dist/types/components/render/RenderModule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderModule.d.ts","sourceRoot":"","sources":["../../../../src/components/render/RenderModule.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAA;AAExC,UAAU,iBAAiB;IACzB,KAAK,EAAE,gBAAgB,CAAC;QACtB,aAAa,EAAE,MAAM,CAAA;QACrB,GAAG,EAAE,MAAM,EAAE,CAAA;KACd,CAAC,CAAA;IACF,MAAM,EAAE,iBAAiB,CAAA;CAC1B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuBpD,CAAA"}
+{"version":3,"file":"RenderModule.d.ts","sourceRoot":"","sources":["../../../../src/components/render/RenderModule.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAiB,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAY,MAAM,OAAO,CAAA;AAElD,UAAU,iBAAiB;IACzB,KAAK,EAAE,gBAAgB,CAAC;QACtB,aAAa,EAAE,MAAM,CAAA;QACrB,GAAG,EAAE,MAAM,EAAE,CAAA;KACd,CAAC,CAAA;IACF,MAAM,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoCpD,CAAA"}

package/dist/types/contexts/useNode.d.ts

@@ -1,31 +1,4 @@
 import { NodeModule } from '@xyo-network/node';
 import { Dispatch } from 'react';
-export declare const useNode: <T extends NodeModule<import("@xyo-network/module-model").Module<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
-    name?: string | undefined;
-    security?: {
-        allowAnonymous?: boolean | undefined;
-        allowed?: Record<string, (string | import("@xyo-network/module-model").CosigningAddressSet)[]> | undefined;
-        disallowed?: Record<string, string[]> | undefined;
-    } | undefined;
-} & {
-    schema: string;
-}>> = NodeModule<import("@xyo-network/module-model").Module<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
-    name?: string | undefined;
-    security?: {
-        allowAnonymous?: boolean | undefined;
-        allowed?: Record<string, (string | import("@xyo-network/module-model").CosigningAddressSet)[]> | undefined;
-        disallowed?: Record<string, string[]> | undefined;
-    } | undefined;
-} & {
-    schema: string;
-}>>>(required?: boolean) => [T | undefined, Dispatch<NodeModule<import("@xyo-network/module-model").Module<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
-    name?: string | undefined;
-    security?: {
-        allowAnonymous?: boolean | undefined;
-        allowed?: Record<string, (string | import("@xyo-network/module-model").CosigningAddressSet)[]> | undefined;
-        disallowed?: Record<string, string[]> | undefined;
-    } | undefined;
-} & {
-    schema: string;
-}>>> | undefined];
+export declare const useNode: <T extends NodeModule = NodeModule>(required?: boolean) => [T | undefined, Dispatch<NodeModule> | undefined];
 //# sourceMappingURL=useNode.d.ts.map

package/dist/types/contexts/useNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNode.d.ts","sourceRoot":"","sources":["../../../src/contexts/useNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIhC,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAInB,CAAA"}
+{"version":3,"file":"useNode.d.ts","sourceRoot":"","sources":["../../../src/contexts/useNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIhC,eAAO,MAAM,OAAO,8GAInB,CAAA"}

package/package.json

@@ -13,16 +13,15 @@
     "@mui/lab": "^5.0.0-alpha.120",
     "@xylabs/react-flexbox": "^2.16.8",
     "@xylabs/react-shared": "^2.16.8",
-    "@xyo-network/archivist": "^2.47.0",
-    "@xyo-network/diviner-model": "^2.47.0",
-    "@xyo-network/diviner-wrapper": "^2.47.0",
-    "@xyo-network/module": "^2.47.0",
-    "@xyo-network/module-model": "^2.47.0",
-    "@xyo-network/node": "^2.47.0",
-    "@xyo-network/payload-model": "^2.47.0",
-    "@xyo-network/react-shared": "^2.42.6",
-    "@xyo-network/witness": "^2.47.0",
-    "lodash": "^4.17.21"
+    "@xyo-network/archivist": "^2.47.1",
+    "@xyo-network/diviner-model": "^2.47.1",
+    "@xyo-network/diviner-wrapper": "^2.47.1",
+    "@xyo-network/module": "^2.47.1",
+    "@xyo-network/module-model": "^2.47.1",
+    "@xyo-network/node": "^2.47.1",
+    "@xyo-network/payload-model": "^2.47.1",
+    "@xyo-network/react-shared": "^2.42.8",
+    "@xyo-network/witness": "^2.47.1"
   },
   "devDependencies": {
     "@storybook/react": "^6.5.16",
@@ -83,5 +82,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.42.6"
+  "version": "2.42.8"
 }

package/src/components/NodeDrawer.tsx

@@ -1,10 +1,7 @@
 import CloseIcon from '@mui/icons-material/Close'
 import { ClickAwayListener, Drawer, DrawerProps, IconButton } from '@mui/material'
 import { FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'
-import { useAsyncEffect, WithChildren } from '@xylabs/react-shared'
-import { ModuleDescription } from '@xyo-network/module'
-import { NodeWrapper } from '@xyo-network/node'
-import { useState } from 'react'
+import { WithChildren } from '@xylabs/react-shared'
 
 import { useNode, useNodeDrawer } from '../contexts'
 import { ModuleDescriptionBox } from './render'
@@ -14,19 +11,6 @@ export interface NodeDrawerProps extends WithChildren, Omit<DrawerProps, 'open'>
 export const NodeDrawer: React.FC<NodeDrawerProps> = ({ children, ...props }) => {
   const { open, setOpen } = useNodeDrawer()
   const [node] = useNode()
-  const [moduleDescription, setModuleDescription] = useState<ModuleDescription>()
-
-  useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async () => {
-      if (node) {
-        const wrapper = node ? NodeWrapper.wrap(node) : undefined
-        const nodeDescription = await wrapper?.describe()
-        setModuleDescription(nodeDescription)
-      }
-    },
-    [node],
-  )
 
   return (
     <Drawer open={open ?? false} anchor="right" {...props}>
@@ -37,7 +21,7 @@ export const NodeDrawer: React.FC<NodeDrawerProps> = ({ children, ...props }) =>
               <CloseIcon />
             </IconButton>
           </FlexRow>
-          <ModuleDescriptionBox moduleDescription={moduleDescription} />
+          <ModuleDescriptionBox module={node} />
           {children}
         </FlexGrowCol>
       </ClickAwayListener>

package/src/components/render/ModuleDescriptionBox.tsx

@@ -3,23 +3,22 @@ import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
 import { TreeView } from '@mui/lab'
 import { styled, Typography } from '@mui/material'
 import { FlexBoxProps } from '@xylabs/react-flexbox'
-import { ModuleDescription } from '@xyo-network/module'
-import isEmpty from 'lodash/isEmpty'
+import { Module } from '@xyo-network/module'
 import { useRef } from 'react'
 
 import { RenderModule } from './RenderModule'
 
 export interface ModuleDescriptionProps extends FlexBoxProps {
-  moduleDescription?: ModuleDescription
+  module?: Module
 }
-export const ModuleDescriptionBox: React.FC<ModuleDescriptionProps> = ({ moduleDescription }) => {
+export const ModuleDescriptionBox: React.FC<ModuleDescriptionProps> = ({ module }) => {
   const idRef = useRef<{ idIncrementor: number; ids: string[] }>({ idIncrementor: 0, ids: [] })
 
   return (
     <>
-      {moduleDescription === undefined ? <Typography variant="h4">Node not found</Typography> : null}
-      {isEmpty(moduleDescription) ? <Typography>Node has no modules</Typography> : null}
-      {!isEmpty(moduleDescription) ? (
+      {module === undefined ? (
+        <Typography variant="h4">Node not found</Typography>
+      ) : (
         <>
           <Typography variant="h4">Node Configuration</Typography>
           <StyledTreeView
@@ -28,10 +27,10 @@ export const ModuleDescriptionBox: React.FC<ModuleDescriptionProps> = ({ moduleD
             defaultExpandIcon={<ChevronRightIcon />}
             sx={{ flexGrow: 1 }}
           >
-            <RenderModule module={moduleDescription} idRef={idRef} />
+            <RenderModule module={module} idRef={idRef} />
           </StyledTreeView>
         </>
-      ) : null}
+      )}
     </>
   )
 }

package/src/components/render/RenderModule.tsx

@@ -1,18 +1,32 @@
 import { TreeItem } from '@mui/lab'
 import { styled } from '@mui/material'
-import { ModuleDescription } from '@xyo-network/module'
-import { MutableRefObject } from 'react'
+import { useAsyncEffect } from '@xylabs/react-shared'
+import { Module, ModuleWrapper } from '@xyo-network/module'
+import { MutableRefObject, useState } from 'react'
 
 interface RenderModuleProps {
   idRef: MutableRefObject<{
     idIncrementor: number
     ids: string[]
   }>
-  module: ModuleDescription
+  module: Module
 }
 
 export const RenderModule: React.FC<RenderModuleProps> = ({ module, idRef }) => {
-  const { address, queries, children: moduleChildren } = module
+  const { address, queries } = module
+  const [childModules, setChildModules] = useState<Module[]>()
+
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      const wrapper = ModuleWrapper.wrap(module)
+      const children = (await wrapper.resolve()).filter((childModule) => childModule.address !== address)
+      if (mounted()) {
+        setChildModules(children)
+      }
+    },
+    [module, address],
+  )
 
   const increment = () => {
     const newId = (idRef.current.idIncrementor++).toString()
@@ -25,10 +39,10 @@ export const RenderModule: React.FC<RenderModuleProps> = ({ module, idRef }) =>
       {queries.map((query, index) => {
         return <TreeItem key={query} nodeId={increment()} label={`query : ${query}`} sx={{ mb: index === queries.length - 1 ? 1.5 : 0.5 }} />
       })}
-      {moduleChildren && moduleChildren.length > 0 ? (
+      {childModules && childModules.length > 0 ? (
         <TreeItem nodeId={increment()} label={'children'} sx={{ mb: 0.5 }}>
-          {moduleChildren.map((module) => (
-            <RenderModule key={module.address} module={module} idRef={idRef} />
+          {childModules.map((childModule) => (
+            <RenderModule key={childModule.address} module={childModule} idRef={idRef} />
           ))}
         </TreeItem>
       ) : null}