@xyo-network/react-node 2.60.6 → 2.60.8

package/dist/esm/components/Node.js

@@ -1,16 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useAsyncEffect } from '@xylabs/react-async-effect';
-import { FlexCol } from '@xylabs/react-flexbox';
-import { useState } from 'react';
-import { useProvidedNode } from '../hooks';
-export const NodeBox = (props) => {
-    const [node] = useProvidedNode();
-    const [description, setDescription] = useState();
-    useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async () => {
-        setDescription(JSON.stringify(await node?.describe(), null, 2));
-    }, [node]);
-    return (_jsx(FlexCol, { ...props, children: _jsx("pre", { children: description }) }));
+import { NodeDescriptionBox } from './NodeDescriptionBox';
+export const NodeBox = ({ variant, ...props }) => {
+    switch (variant) {
+        case 'description':
+        default:
+            return _jsx(NodeDescriptionBox, { ...props });
+    }
 };
 //# sourceMappingURL=Node.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Node.js","sourceRoot":"","sources":["../../../src/components/Node.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,CAAC,IAAI,CAAC,GAAG,eAAe,EAAE,CAAA;IAChC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAU,CAAA;IAExD,cAAc;IACZ,uDAAuD;IACvD,KAAK,IAAI,EAAE;QACT,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;IACjE,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAA;IAED,OAAO,CACL,KAAC,OAAO,OAAK,KAAK,YAChB,wBAAM,WAAW,GAAO,GAChB,CACX,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Node.js","sourceRoot":"","sources":["../../../src/components/Node.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAOzD,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvE,QAAQ,OAAO,EAAE;QACf,KAAK,aAAa,CAAC;QACnB;YACE,OAAO,KAAC,kBAAkB,OAAK,KAAK,GAAI,CAAA;KAC3C;AACH,CAAC,CAAA"}

package/dist/esm/components/NodeDescriptionBox.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FlexCol } from '@xylabs/react-flexbox';
+import { useNodeDescription } from '../hooks';
+export const NodeDescriptionBox = ({ node, ...props }) => {
+    const [description, error] = useNodeDescription({ node });
+    return (_jsx(FlexCol, { ...props, children: _jsx("code", { color: error ? 'red' : undefined, children: error ? error.message : JSON.stringify(description, null, 2) }) }));
+};
+//# sourceMappingURL=NodeDescriptionBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NodeDescriptionBox.js","sourceRoot":"","sources":["../../../src/components/NodeDescriptionBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAM7C,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1F,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,kBAAkB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;IAEzD,OAAO,CACL,KAAC,OAAO,OAAK,KAAK,YAChB,eAAM,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,YAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,GAAQ,GACrG,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/NodeModulesBox.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FlexCol } from '@xylabs/react-flexbox';
+import { useModulesFromNode } from '../hooks';
+export const NodeDescriptionBox = ({ node, ...props }) => {
+    const [description, error] = useModulesFromNode(undefined, { node });
+    return (_jsx(FlexCol, { ...props, children: _jsx("code", { color: error ? 'red' : undefined, children: error ? error.message : JSON.stringify(description, null, 2) }) }));
+};
+//# sourceMappingURL=NodeModulesBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NodeModulesBox.js","sourceRoot":"","sources":["../../../src/components/NodeModulesBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAM7C,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1F,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,kBAAkB,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,CAAA;IAEpE,OAAO,CACL,KAAC,OAAO,OAAK,KAAK,YAChB,eAAM,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,YAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,GAAQ,GACrG,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/hooks/index.js

@@ -1,5 +1,9 @@
 export * from './provided';
+export * from './useModuleFilterOptions';
 export * from './useModuleFromNode';
 export * from './useModulesFromNode';
+export * from './useNode';
+export * from './useNodeConfigNodeField';
+export * from './useNodeDescription';
 export * from './useNodeFromNode';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,WAAW,CAAA;AACzB,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA"}

package/dist/esm/hooks/useModuleFilterOptions.js

@@ -0,0 +1,5 @@
+export const useModuleFilterOptions = (config) => {
+    const { direction, identity, maxDepth, visibility } = config ?? {};
+    return { direction, identity, maxDepth, visibility };
+};
+//# sourceMappingURL=useModuleFilterOptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useModuleFilterOptions.js","sourceRoot":"","sources":["../../../src/hooks/useModuleFilterOptions.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,MAA6B,EAAE,EAAE;IACtE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,MAAM,IAAI,EAAE,CAAA;IAClE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAA;AACtD,CAAC,CAAA"}

package/dist/esm/hooks/useModuleFromNode.js

@@ -1,28 +1,32 @@
 import { usePromise } from '@xylabs/react-promise';
 import { asModuleInstance } from '@xyo-network/module';
 import { useState } from 'react';
-import { useProvidedNode } from './provided';
+import { useModuleFilterOptions } from './useModuleFilterOptions';
+import { useNode } from './useNode';
+export const useModuleFromNodeConfigLogger = (config) => {
+    return config?.logger;
+};
 export const useModuleFromNode = (nameOrAddress, config) => {
-    const [providedNode] = useProvidedNode();
-    const { logger, node: paramNode, ...resolveConfig } = config ?? {};
+    const [node, nodeError] = useNode(config);
+    const logger = useModuleFromNodeConfigLogger(config);
+    const filterOptions = useModuleFilterOptions(config);
     const [result, setResult] = useState();
     const [, error] = usePromise(async () => {
         logger?.debug('useModuleFromNode: resolving');
-        const activeNode = paramNode ?? providedNode;
-        if (activeNode && nameOrAddress) {
-            activeNode.on('moduleAttached', ({ module }) => {
+        if (node && nameOrAddress) {
+            node.on('moduleAttached', ({ module }) => {
                 logger?.debug(`useModuleFromNode: moduleAttached [${module.config.name ?? module.address}]`);
                 if (module.address === nameOrAddress || module.config?.name === nameOrAddress) {
                     setResult(asModuleInstance(module));
                 }
             });
-            activeNode.on('moduleDetached', ({ module }) => {
+            node.on('moduleDetached', ({ module }) => {
                 logger?.debug(`useModuleFromNode: moduleDetached [${module.config.name ?? module.address}]`);
                 if (module.address === nameOrAddress || module.config?.name === nameOrAddress) {
                     setResult(undefined);
                 }
             });
-            const result = await activeNode.resolve(nameOrAddress, resolveConfig);
+            const result = await node.resolve(nameOrAddress, filterOptions);
             logger?.debug(`Result: ${result?.address}`);
             setResult(result);
             return result;
@@ -30,7 +34,7 @@ export const useModuleFromNode = (nameOrAddress, config) => {
         logger?.debug('Result: No Node');
         return undefined;
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [paramNode, providedNode, nameOrAddress]);
-    return [result, error];
+    }, [node, nameOrAddress]);
+    return [result, nodeError ?? error];
 };
 //# sourceMappingURL=useModuleFromNode.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useModuleFromNode.js","sourceRoot":"","sources":["../../../src/hooks/useModuleFromNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAGtD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAO5C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,aAAsB,EAAE,MAA6B,EAAmD,EAAE;IAC1I,MAAM,CAAC,YAAY,CAAC,GAAG,eAAe,EAAE,CAAA;IACxC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,aAAa,EAAE,GAAG,MAAM,IAAI,EAAE,CAAA;IAClE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAA8B,CAAA;IAClE,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,IAAI,EAAE;QACtC,MAAM,EAAE,KAAK,CAAC,8BAA8B,CAAC,CAAA;QAC7C,MAAM,UAAU,GAAG,SAAS,IAAI,YAAY,CAAA;QAC5C,IAAI,UAAU,IAAI,aAAa,EAAE;YAC/B,UAAU,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;gBAC7C,MAAM,EAAE,KAAK,CAAC,sCAAsC,MAAM,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,GAAG,CAAC,CAAA;gBAC5F,IAAI,MAAM,CAAC,OAAO,KAAK,aAAa,IAAI,MAAM,CAAC,MAAM,EAAE,IAAI,KAAK,aAAa,EAAE;oBAC7E,SAAS,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAA;iBACpC;YACH,CAAC,CAAC,CAAA;YACF,UAAU,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;gBAC7C,MAAM,EAAE,KAAK,CAAC,sCAAsC,MAAM,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,GAAG,CAAC,CAAA;gBAC5F,IAAI,MAAM,CAAC,OAAO,KAAK,aAAa,IAAI,MAAM,CAAC,MAAM,EAAE,IAAI,KAAK,aAAa,EAAE;oBAC7E,SAAS,CAAC,SAAS,CAAC,CAAA;iBACrB;YACH,CAAC,CAAC,CAAA;YACF,MAAM,MAAM,GAAG,MAAM,UAAU,CAAC,OAAO,CAAC,aAAa,EAAE,aAAa,CAAC,CAAA;YACrE,MAAM,EAAE,KAAK,CAAC,WAAW,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;YAC3C,SAAS,CAAC,MAAM,CAAC,CAAA;YACjB,OAAO,MAAM,CAAA;SACd;QACD,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAA;QAChC,OAAO,SAAS,CAAA;QAChB,uDAAuD;IACzD,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,aAAa,CAAC,CAAC,CAAA;IAC5C,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AACxB,CAAC,CAAA"}
+{"version":3,"file":"useModuleFromNode.js","sourceRoot":"","sources":["../../../src/hooks/useModuleFromNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAGtD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAOnC,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,MAA6B,EAAE,EAAE;IAC7E,OAAO,MAAM,EAAE,MAAM,CAAA;AACvB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,aAAsB,EAAE,MAA6B,EAAmD,EAAE;IAC1I,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzC,MAAM,MAAM,GAAG,6BAA6B,CAAC,MAAM,CAAC,CAAA;IACpD,MAAM,aAAa,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAA;IACpD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAA8B,CAAA;IAClE,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,IAAI,EAAE;QACtC,MAAM,EAAE,KAAK,CAAC,8BAA8B,CAAC,CAAA;QAC7C,IAAI,IAAI,IAAI,aAAa,EAAE;YACzB,IAAI,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;gBACvC,MAAM,EAAE,KAAK,CAAC,sCAAsC,MAAM,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,GAAG,CAAC,CAAA;gBAC5F,IAAI,MAAM,CAAC,OAAO,KAAK,aAAa,IAAI,MAAM,CAAC,MAAM,EAAE,IAAI,KAAK,aAAa,EAAE;oBAC7E,SAAS,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAA;iBACpC;YACH,CAAC,CAAC,CAAA;YACF,IAAI,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;gBACvC,MAAM,EAAE,KAAK,CAAC,sCAAsC,MAAM,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,GAAG,CAAC,CAAA;gBAC5F,IAAI,MAAM,CAAC,OAAO,KAAK,aAAa,IAAI,MAAM,CAAC,MAAM,EAAE,IAAI,KAAK,aAAa,EAAE;oBAC7E,SAAS,CAAC,SAAS,CAAC,CAAA;iBACrB;YACH,CAAC,CAAC,CAAA;YACF,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,aAAa,CAAC,CAAA;YAC/D,MAAM,EAAE,KAAK,CAAC,WAAW,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;YAC3C,SAAS,CAAC,MAAM,CAAC,CAAA;YACjB,OAAO,MAAM,CAAA;SACd;QACD,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAA;QAChC,OAAO,SAAS,CAAA;QAChB,uDAAuD;IACzD,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAA;IACzB,OAAO,CAAC,MAAM,EAAE,SAAS,IAAI,KAAK,CAAC,CAAA;AACrC,CAAC,CAAA"}

package/dist/esm/hooks/useModulesFromNode.js

@@ -1,32 +1,33 @@
 import { usePromise } from '@xylabs/react-promise';
 import { useState } from 'react';
-import { useProvidedNode } from './provided';
+import { useModuleFilterOptions } from './useModuleFilterOptions';
+import { useNode } from './useNode';
 export const useModulesFromNode = (filter, config) => {
-    const [providedNode] = useProvidedNode();
-    const { logger, node: paramNode, ...resolveConfig } = config ?? {};
+    const [node, nodeError] = useNode(config);
+    const logger = config?.logger;
+    const filterOptions = useModuleFilterOptions();
     const [result, setResult] = useState();
     const [, error] = usePromise(async () => {
         logger?.debug('useModuleFromNode: resolving');
-        const activeNode = paramNode ?? providedNode;
-        if (activeNode) {
-            activeNode.on('moduleAttached', async ({ module }) => {
+        if (node) {
+            node.on('moduleAttached', async ({ module }) => {
                 logger?.debug(`useModuleFromNode: moduleAttached [${module.config.name ?? module.address}]`);
-                const moduleInstances = await activeNode.resolve(filter, resolveConfig);
+                const moduleInstances = await node.resolve(filter, filterOptions);
                 setResult(moduleInstances);
             });
-            activeNode.on('moduleDetached', async ({ module }) => {
+            node.on('moduleDetached', async ({ module }) => {
                 logger?.debug(`useModuleFromNode: moduleDetached [${module.config.name ?? module.address}]`);
-                const moduleInstances = await activeNode.resolve(filter, resolveConfig);
+                const moduleInstances = await node.resolve(filter, filterOptions);
                 setResult(moduleInstances);
             });
-            const moduleInstances = await activeNode.resolve(filter, resolveConfig);
+            const moduleInstances = await node.resolve(filter, filterOptions);
             setResult(moduleInstances);
             setResult(moduleInstances);
             return moduleInstances;
         }
         console.log('Result: No Node');
         return undefined;
-    }, [paramNode, providedNode, filter]);
-    return [result, error];
+    }, [node, filter]);
+    return [result, nodeError ?? error];
 };
 //# sourceMappingURL=useModulesFromNode.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useModulesFromNode.js","sourceRoot":"","sources":["../../../src/hooks/useModulesFromNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAGlD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAG5C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAqB,EAAE,MAA6B,EAAqD,EAAE;IAC5I,MAAM,CAAC,YAAY,CAAC,GAAG,eAAe,EAAE,CAAA;IACxC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,aAAa,EAAE,GAAG,MAAM,IAAI,EAAE,CAAA;IAClE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAgC,CAAA;IACpE,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,IAAI,EAAE;QACtC,MAAM,EAAE,KAAK,CAAC,8BAA8B,CAAC,CAAA;QAC7C,MAAM,UAAU,GAAG,SAAS,IAAI,YAAY,CAAA;QAC5C,IAAI,UAAU,EAAE;YACd,UAAU,CAAC,EAAE,CAAC,gBAAgB,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;gBACnD,MAAM,EAAE,KAAK,CAAC,sCAAsC,MAAM,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,GAAG,CAAC,CAAA;gBAC5F,MAAM,eAAe,GAAG,MAAM,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;gBACvE,SAAS,CAAC,eAAe,CAAC,CAAA;YAC5B,CAAC,CAAC,CAAA;YACF,UAAU,CAAC,EAAE,CAAC,gBAAgB,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;gBACnD,MAAM,EAAE,KAAK,CAAC,sCAAsC,MAAM,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,GAAG,CAAC,CAAA;gBAC5F,MAAM,eAAe,GAAG,MAAM,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;gBACvE,SAAS,CAAC,eAAe,CAAC,CAAA;YAC5B,CAAC,CAAC,CAAA;YACF,MAAM,eAAe,GAAG,MAAM,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;YACvE,SAAS,CAAC,eAAe,CAAC,CAAA;YAC1B,SAAS,CAAC,eAAe,CAAC,CAAA;YAC1B,OAAO,eAAe,CAAA;SACvB;QACD,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;QAC9B,OAAO,SAAS,CAAA;IAClB,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC,CAAA;IACrC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AACxB,CAAC,CAAA"}
+{"version":3,"file":"useModulesFromNode.js","sourceRoot":"","sources":["../../../src/hooks/useModulesFromNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAGlD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAqB,EAAE,MAA6B,EAAqD,EAAE;IAC5I,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzC,MAAM,MAAM,GAAG,MAAM,EAAE,MAAM,CAAA;IAC7B,MAAM,aAAa,GAAG,sBAAsB,EAAE,CAAA;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAgC,CAAA;IACpE,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,IAAI,EAAE;QACtC,MAAM,EAAE,KAAK,CAAC,8BAA8B,CAAC,CAAA;QAC7C,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,EAAE,CAAC,gBAAgB,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;gBAC7C,MAAM,EAAE,KAAK,CAAC,sCAAsC,MAAM,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,GAAG,CAAC,CAAA;gBAC5F,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;gBACjE,SAAS,CAAC,eAAe,CAAC,CAAA;YAC5B,CAAC,CAAC,CAAA;YACF,IAAI,CAAC,EAAE,CAAC,gBAAgB,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;gBAC7C,MAAM,EAAE,KAAK,CAAC,sCAAsC,MAAM,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,GAAG,CAAC,CAAA;gBAC5F,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;gBACjE,SAAS,CAAC,eAAe,CAAC,CAAA;YAC5B,CAAC,CAAC,CAAA;YACF,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;YACjE,SAAS,CAAC,eAAe,CAAC,CAAA;YAC1B,SAAS,CAAC,eAAe,CAAC,CAAA;YAC1B,OAAO,eAAe,CAAA;SACvB;QACD,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;QAC9B,OAAO,SAAS,CAAA;IAClB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAA;IAClB,OAAO,CAAC,MAAM,EAAE,SAAS,IAAI,KAAK,CAAC,CAAA;AACrC,CAAC,CAAA"}

package/dist/esm/hooks/useNode.js

@@ -0,0 +1,15 @@
+import { usePromise } from '@xylabs/react-promise';
+import { asNodeInstance } from '@xyo-network/node-model';
+import { useProvidedNode } from './provided';
+import { useNodeConfigNodeField } from './useNodeConfigNodeField';
+export const useNode = (config) => {
+    const [nodeAddress, nodeInstance] = useNodeConfigNodeField(config);
+    const [providedNode] = useProvidedNode();
+    const [nodeAddressNode, error] = usePromise(async () => {
+        if (providedNode && nodeAddress) {
+            return asNodeInstance(await providedNode.resolve(nodeAddress), 'Module is not a node');
+        }
+    }, [providedNode, nodeAddress]);
+    return [nodeAddressNode ?? nodeInstance ?? providedNode ?? undefined, error];
+};
+//# sourceMappingURL=useNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNode.js","sourceRoot":"","sources":["../../../src/hooks/useNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,cAAc,EAAgB,MAAM,yBAAyB,CAAA;AAEtE,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAE5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,MAAyC,EAAiD,EAAE;IAClH,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAA;IAClE,MAAM,CAAC,YAAY,CAAC,GAAG,eAAe,EAAE,CAAA;IACxC,MAAM,CAAC,eAAe,EAAE,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,IAAI,EAAE;QACrD,IAAI,YAAY,IAAI,WAAW,EAAE;YAC/B,OAAO,cAAc,CAAC,MAAM,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,sBAAsB,CAAC,CAAA;SACvF;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAA;IAC/B,OAAO,CAAC,eAAe,IAAI,YAAY,IAAI,YAAY,IAAI,SAAS,EAAE,KAAK,CAAC,CAAA;AAC9E,CAAC,CAAA"}

package/dist/esm/hooks/useNodeConfigNodeField.js

@@ -0,0 +1,7 @@
+import { useMemo } from 'react';
+export const useNodeConfigNodeField = (config) => {
+    const nodeAddress = useMemo(() => (typeof config?.node === 'string' ? config?.node : undefined), [config?.node]);
+    const nodeInstance = useMemo(() => (typeof config?.node === 'object' ? config?.node : undefined), [config?.node]);
+    return [nodeAddress, nodeInstance];
+};
+//# sourceMappingURL=useNodeConfigNodeField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNodeConfigNodeField.js","sourceRoot":"","sources":["../../../src/hooks/useNodeConfigNodeField.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAI/B,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,MAAyC,EAAkD,EAAE;IAClI,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,MAAM,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IAChH,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,MAAM,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IACjH,OAAO,CAAC,WAAW,EAAE,YAAY,CAAC,CAAA;AACpC,CAAC,CAAA"}

package/dist/esm/hooks/useNodeDescription.js

@@ -0,0 +1,10 @@
+import { usePromise } from '@xylabs/react-promise';
+import { useNode } from './useNode';
+export const useNodeDescription = (config) => {
+    const [activeNode, nodeError] = useNode(config);
+    const [description, error] = usePromise(async () => {
+        return await activeNode?.describe();
+    }, [activeNode]);
+    return [description, nodeError ?? error];
+};
+//# sourceMappingURL=useNodeDescription.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNodeDescription.js","sourceRoot":"","sources":["../../../src/hooks/useNodeDescription.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAIlD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAyC,EAAsD,EAAE;IAClI,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IAC/C,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,IAAI,EAAE;QACjD,OAAO,MAAM,UAAU,EAAE,QAAQ,EAAE,CAAA;IACrC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAChB,OAAO,CAAC,WAAW,EAAE,SAAS,IAAI,KAAK,CAAC,CAAA;AAC1C,CAAC,CAAA"}

package/dist/types/components/Node.d.ts

@@ -1,4 +1,9 @@
 /// <reference types="react" />
 import { FlexBoxProps } from '@xylabs/react-flexbox';
-export declare const NodeBox: React.FC<FlexBoxProps>;
+import { NodeInstance } from '@xyo-network/node-model';
+export interface NodeBoxProps extends FlexBoxProps {
+    node?: string | NodeInstance;
+    variant?: 'description';
+}
+export declare const NodeBox: React.FC<NodeBoxProps>;
 //# sourceMappingURL=Node.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../../src/components/Node.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAK7D,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAiB1C,CAAA"}
+{"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../../src/components/Node.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAM1C,CAAA"}

package/dist/types/components/NodeDescriptionBox.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { NodeInstance } from '@xyo-network/node-model';
+export interface NodeDescriptionBoxProps extends FlexBoxProps {
+    node?: string | NodeInstance;
+}
+export declare const NodeDescriptionBox: React.FC<NodeDescriptionBoxProps>;
+//# sourceMappingURL=NodeDescriptionBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NodeDescriptionBox.d.ts","sourceRoot":"","sources":["../../../src/components/NodeDescriptionBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;CAC7B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQhE,CAAA"}

package/dist/types/components/NodeModulesBox.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { NodeInstance } from '@xyo-network/node-model';
+export interface NodeDescriptionBoxProps extends FlexBoxProps {
+    node?: string | NodeInstance;
+}
+export declare const NodeDescriptionBox: React.FC<NodeDescriptionBoxProps>;
+//# sourceMappingURL=NodeModulesBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NodeModulesBox.d.ts","sourceRoot":"","sources":["../../../src/components/NodeModulesBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;CAC7B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQhE,CAAA"}

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

@@ -1,5 +1,9 @@
 export * from './provided';
+export * from './useModuleFilterOptions';
 export * from './useModuleFromNode';
 export * from './useModulesFromNode';
+export * from './useNode';
+export * from './useNodeConfigNodeField';
+export * from './useNodeDescription';
 export * from './useNodeFromNode';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,WAAW,CAAA;AACzB,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA"}

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

@@ -0,0 +1,49 @@
+import { ModuleFromNodeConfig } from './useModuleFromNode';
+export declare const useModuleFilterOptions: (config?: ModuleFromNodeConfig) => {
+    direction: "up" | "down" | "all" | undefined;
+    identity: import("@xyo-network/module-model").InstanceTypeCheck<import("@xyo-network/module-model").ModuleInstance<import("@xyo-network/core").BaseParamsFields & {
+        account?: import("@xyo-network/account-model").AccountInstance | "random" | undefined;
+        config: import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
+            accountDerivationPath?: string | undefined;
+            readonly archivist?: import("@xyo-network/module-model").ArchivistModuleConfig | undefined;
+            readonly name?: string | undefined;
+            readonly paging?: Record<string, {
+                size?: number | undefined;
+            }> | undefined;
+            readonly schema: string;
+            readonly security?: {
+                readonly allowAnonymous?: boolean | undefined;
+                readonly allowed?: Record<string, (string | import("@xyo-network/module-model").CosigningAddressSet)[]> | undefined;
+                readonly disallowed?: Record<string, string[]> | undefined;
+            } | undefined;
+            readonly sign?: boolean | undefined;
+            readonly storeQueries?: boolean | undefined;
+        } & Omit<Omit<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
+            accountDerivationPath?: string | undefined;
+            readonly archivist?: import("@xyo-network/module-model").ArchivistModuleConfig | undefined;
+            readonly name?: string | undefined;
+            readonly paging?: Record<string, {
+                size?: number | undefined;
+            }> | undefined;
+            readonly schema: "network.xyo.module.config";
+            readonly security?: {
+                readonly allowAnonymous?: boolean | undefined;
+                readonly allowed?: Record<string, (string | import("@xyo-network/module-model").CosigningAddressSet)[]> | undefined;
+                readonly disallowed?: Record<string, string[]> | undefined;
+            } | undefined;
+            readonly sign?: boolean | undefined;
+            readonly storeQueries?: boolean | undefined;
+        } & Omit<undefined, "schema"> & {
+            schema: "network.xyo.module.config";
+        }, "schema"> & {
+            schema: string;
+        }, "schema"> & {
+            schema: string;
+        };
+        ephemeralQueryAccountEnabled?: boolean | undefined;
+        wallet?: import("@xyo-network/wallet-model").WalletInstance | undefined;
+    }, import("@xyo-network/module-model").ModuleEventData<object>>> | undefined;
+    maxDepth: number | undefined;
+    visibility: "all" | "public" | "private" | undefined;
+};
+//# sourceMappingURL=useModuleFilterOptions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useModuleFilterOptions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useModuleFilterOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAE1D,eAAO,MAAM,sBAAsB,YAAa,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGnE,CAAA"}

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

@@ -3,7 +3,8 @@ import { ModuleFilterOptions, ModuleInstance } from '@xyo-network/module-model';
 import { NodeInstance } from '@xyo-network/node-model';
 export type ModuleFromNodeConfig = ModuleFilterOptions & {
     logger?: Logger;
-    node?: NodeInstance;
+    node?: NodeInstance | string;
 };
+export declare const useModuleFromNodeConfigLogger: (config?: ModuleFromNodeConfig) => Logger | undefined;
 export declare const useModuleFromNode: (nameOrAddress?: string, config?: ModuleFromNodeConfig) => [ModuleInstance | undefined, Error | undefined];
 //# sourceMappingURL=useModuleFromNode.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useModuleFromNode.d.ts","sourceRoot":"","sources":["../../../src/hooks/useModuleFromNode.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAKtD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,iBAAiB,mBAAoB,MAAM,WAAW,oBAAoB,KAAG,CAAC,cAAc,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,CA8BvI,CAAA"}
+{"version":3,"file":"useModuleFromNode.d.ts","sourceRoot":"","sources":["../../../src/hooks/useModuleFromNode.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAMtD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,6BAA6B,YAAa,oBAAoB,uBAE1E,CAAA;AAED,eAAO,MAAM,iBAAiB,mBAAoB,MAAM,WAAW,oBAAoB,KAAG,CAAC,cAAc,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,CA8BvI,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"useModulesFromNode.d.ts","sourceRoot":"","sources":["../../../src/hooks/useModulesFromNode.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAI1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAE1D,eAAO,MAAM,kBAAkB,YAAa,YAAY,WAAW,oBAAoB,KAAG,CAAC,cAAc,EAAE,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,CA2BzI,CAAA"}
+{"version":3,"file":"useModulesFromNode.d.ts","sourceRoot":"","sources":["../../../src/hooks/useModulesFromNode.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAI1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAG1D,eAAO,MAAM,kBAAkB,YAAa,YAAY,WAAW,oBAAoB,KAAG,CAAC,cAAc,EAAE,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,CA2BzI,CAAA"}

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

@@ -0,0 +1,4 @@
+import { NodeInstance } from '@xyo-network/node-model';
+import { ModuleFromNodeConfig } from './useModuleFromNode';
+export declare const useNode: (config?: ModuleFromNodeConfig | undefined) => [NodeInstance | undefined, Error | undefined];
+//# sourceMappingURL=useNode.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNode.d.ts","sourceRoot":"","sources":["../../../src/hooks/useNode.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAGtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAG1D,eAAO,MAAM,OAAO,YAAa,oBAAoB,GAAG,SAAS,KAAG,CAAC,YAAY,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,CAS/G,CAAA"}

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

@@ -0,0 +1,4 @@
+import { NodeInstance } from '@xyo-network/node-model';
+import { ModuleFromNodeConfig } from './useModuleFromNode';
+export declare const useNodeConfigNodeField: (config?: ModuleFromNodeConfig | undefined) => [string | undefined, NodeInstance | undefined];
+//# sourceMappingURL=useNodeConfigNodeField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNodeConfigNodeField.d.ts","sourceRoot":"","sources":["../../../src/hooks/useNodeConfigNodeField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAGtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAE1D,eAAO,MAAM,sBAAsB,YAAa,oBAAoB,GAAG,SAAS,KAAG,CAAC,MAAM,GAAG,SAAS,EAAE,YAAY,GAAG,SAAS,CAI/H,CAAA"}

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

@@ -0,0 +1,4 @@
+import { ModuleDescription } from '@xyo-network/module-model';
+import { ModuleFromNodeConfig } from './useModuleFromNode';
+export declare const useNodeDescription: (config?: ModuleFromNodeConfig | undefined) => [ModuleDescription | undefined, Error | undefined];
+//# sourceMappingURL=useNodeDescription.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNodeDescription.d.ts","sourceRoot":"","sources":["../../../src/hooks/useNodeDescription.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAE7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAG1D,eAAO,MAAM,kBAAkB,YAAa,oBAAoB,GAAG,SAAS,KAAG,CAAC,iBAAiB,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,CAM/H,CAAA"}

package/package.json

@@ -10,27 +10,27 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@mui/lab": "^5.0.0-alpha.139",
-    "@xylabs/react-async-effect": "~2.17.12",
-    "@xylabs/react-flexbox": "~2.17.12",
-    "@xylabs/react-promise": "~2.17.12",
-    "@xylabs/react-shared": "~2.17.12",
-    "@xyo-network/logger": "^2.71.4",
-    "@xyo-network/module": "^2.71.4",
-    "@xyo-network/module-model": "^2.71.4",
-    "@xyo-network/node-model": "^2.71.4",
-    "@xyo-network/react-node-context": "~2.60.6",
-    "@xyo-network/react-node-provider": "~2.60.6"
+    "@mui/lab": "^5.0.0-alpha.142",
+    "@xylabs/react-async-effect": "~2.17.15",
+    "@xylabs/react-flexbox": "~2.17.15",
+    "@xylabs/react-promise": "~2.17.15",
+    "@xylabs/react-shared": "~2.17.15",
+    "@xyo-network/logger": "^2.72.5",
+    "@xyo-network/module": "^2.72.5",
+    "@xyo-network/module-model": "^2.72.5",
+    "@xyo-network/node-model": "^2.72.5",
+    "@xyo-network/react-node-context": "~2.60.8",
+    "@xyo-network/react-node-provider": "~2.60.8"
   },
   "devDependencies": {
-    "@storybook/react": "^7.2.2",
-    "@xylabs/ts-scripts-yarn3": "^2.19.0",
-    "@xylabs/tsconfig-react": "^2.19.0",
-    "@xyo-network/node-memory": "^2.71.4",
-    "@xyo-network/payload-model": "^2.71.4",
-    "@xyo-network/react-storybook": "~2.60.6",
-    "@xyo-network/react-wallet": "~2.60.6",
-    "typescript": "^5.1.6"
+    "@storybook/react": "^7.4.0",
+    "@xylabs/ts-scripts-yarn3": "^2.19.3",
+    "@xylabs/tsconfig-react": "^2.19.3",
+    "@xyo-network/node-memory": "^2.72.5",
+    "@xyo-network/payload-model": "^2.72.5",
+    "@xyo-network/react-storybook": "~2.60.8",
+    "@xyo-network/react-wallet": "~2.60.8",
+    "typescript": "^5.2.2"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -84,5 +84,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.60.6"
+  "version": "2.60.8"
 }

package/src/components/Node.stories.tsx

@@ -1,14 +1,13 @@
 import { Decorator, Meta, StoryFn } from '@storybook/react'
 import { useAsyncEffect } from '@xylabs/react-async-effect'
-import { WithChildren } from '@xylabs/react-shared'
 import { MemoryNode } from '@xyo-network/node-memory'
 import { NodeConfigSchema } from '@xyo-network/node-model'
 import { MemoryNodeProvider } from '@xyo-network/react-node-provider'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
 import { useWallet, WalletProvider } from '@xyo-network/react-wallet'
-import { useEffect, useState } from 'react'
 
-import { useModuleFromNode, useProvidedNode } from '../hooks'
+import { useProvidedNode } from '../hooks'
+import { NodeBox } from './Node'
 import { TestModule, TestModuleConfigSchema } from './TestModule'
 
 const TestModuleName = 'TestModule'
@@ -25,42 +24,24 @@ const MemoryNodeDecorator: Decorator = (Story, args) => {
   )
 }
 
-const UseModuleTest: React.FC<WithChildren> = ({ children }) => {
-  const [testModule] = useModuleFromNode(TestModuleName)
-
-  useEffect(() => {
-    if (testModule) {
-      // Should be called but isn't
-      console.log('*****test module*****', testModule)
-    }
-  }, [testModule])
-
-  return <>{children}</>
-}
-
 // eslint-disable-next-line import/no-default-export
 export default {
   title: 'modules/node/NodeBox',
 } as Meta
 
-const Template: StoryFn<React.FC> = (props) => {
+const Template: StoryFn<React.FC> = () => {
   const [node] = useProvidedNode() as [MemoryNode]
-  const [description, setDescription] = useState<string>()
 
   const [account] = useWallet({ mnemonic: DefaultSeedPhrase, path: '0' })
 
   useAsyncEffect(
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
+    async () => {
       if (node && account) {
         try {
           const mod = await TestModule.create({ account, config: { name: TestModuleName, schema: TestModuleConfigSchema } })
           await node?.register(mod)
           await node?.attach(mod.address, true)
-          const description = await node?.describe()
-          if (mounted()) {
-            setDescription(JSON.stringify(description, null, 2))
-          }
         } catch (e) {
           console.error(e)
         }
@@ -69,13 +50,7 @@ const Template: StoryFn<React.FC> = (props) => {
     [node, account],
   )
 
-  return (
-    <div {...props}>
-      <UseModuleTest>
-        <pre>{description}</pre>
-      </UseModuleTest>
-    </div>
-  )
+  return <NodeBox node={node} variant="description" maxWidth={640} />
 }
 
 const Default = Template.bind({})

package/src/components/Node.tsx

@@ -1,24 +1,17 @@
-import { useAsyncEffect } from '@xylabs/react-async-effect'
-import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
-import { useState } from 'react'
+import { FlexBoxProps } from '@xylabs/react-flexbox'
+import { NodeInstance } from '@xyo-network/node-model'
 
-import { useProvidedNode } from '../hooks'
+import { NodeDescriptionBox } from './NodeDescriptionBox'
 
-export const NodeBox: React.FC<FlexBoxProps> = (props) => {
-  const [node] = useProvidedNode()
-  const [description, setDescription] = useState<string>()
-
-  useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async () => {
-      setDescription(JSON.stringify(await node?.describe(), null, 2))
-    },
-    [node],
-  )
+export interface NodeBoxProps extends FlexBoxProps {
+  node?: string | NodeInstance
+  variant?: 'description'
+}
 
-  return (
-    <FlexCol {...props}>
-      <pre>{description}</pre>
-    </FlexCol>
-  )
+export const NodeBox: React.FC<NodeBoxProps> = ({ variant, ...props }) => {
+  switch (variant) {
+    case 'description':
+    default:
+      return <NodeDescriptionBox {...props} />
+  }
 }