@xyo-network/react-node 2.78.0 → 2.78.2

package/dist/node/index.js

@@ -1,2 +1,447 @@
-import{FlexCol as Me}from"@xylabs/react-flexbox";var T=e=>e==null?void 0:e.logger;import{NodeContext as J}from"@xyo-network/react-node-context";import{useContext as z}from"react";var w=()=>{let{node:e}=z(J);return[e]};import{NodeContext as H}from"@xyo-network/react-node-context";import{useContext as K,useMemo as Q}from"react";var I=()=>{let{node:e}=K(H);return[Q(()=>e?new WeakRef(e):null,[e])]};var N=e=>{let{direction:r,identity:d,maxDepth:n}=e??{};return{direction:r,identity:d,maxDepth:n}};import{usePromise as Y}from"@xylabs/react-promise";import{isModuleInstance as Z}from"@xyo-network/module-model";import{useState as _}from"react";import{usePromise as U}from"@xylabs/react-promise";import{asNodeInstance as X}from"@xyo-network/node-model";import{useMemo as R}from"react";var D=e=>{let r=R(()=>typeof(e==null?void 0:e.node)=="string"?e==null?void 0:e.node:void 0,[e==null?void 0:e.node]),d=R(()=>typeof(e==null?void 0:e.node)=="object"?e==null?void 0:e.node:void 0,[e==null?void 0:e.node]);return[r,d]};var c=e=>{let[r,d]=D(e),[n]=w(),[o,t]=U(async()=>{if(n&&r)return X(await n.resolve(r),"Module is not a node")},[n,r]);return[o??d??n??void 0,t]};var v=(e=void 0,r)=>{let[d,n]=c(r),o=T(r),t=N(r),[a,l]=_(),[,p]=Y(async()=>{o==null||o.debug("useModuleFromNode: resolving");let i=(r==null?void 0:r.identity)??Z;if(d&&e){if(d.on("moduleAttached",({module:u})=>{var s;o==null||o.debug(`useModuleFromNode: moduleAttached [${u.config.name??u.address}]`),(u.address===e||((s=u.config)==null?void 0:s.name)===e)&&l(i(u)?u:void 0)}),d.on("moduleDetached",({module:u})=>{var s;o==null||o.debug(`useModuleFromNode: moduleDetached [${u.config.name??u.address}]`),(u.address===e||((s=u.config)==null?void 0:s.name)===e)&&l(void 0)}),i(e))l(e);else{let u=await d.resolve(e,t);o==null||o.debug(`Result: ${u==null?void 0:u.address}`),l(i(u)?u:void 0)}return a}o==null||o.debug("Result: No Node")},[d,e]);return[a,n??p]};import{usePromise as q}from"@xylabs/react-promise";import{useState as g}from"react";var P=(e,r)=>{let[d,n]=c(r),o=r==null?void 0:r.logger,t=N(),[a,l]=g(),[,p]=q(async()=>{if(o==null||o.debug("useModuleFromNode: resolving"),d){d.on("moduleAttached",async({module:u})=>{o==null||o.debug(`useModuleFromNode: moduleAttached [${u.config.name??u.address}]`);let s=e?await d.resolve(e,t):await d.resolve("*",t);l(s)}),d.on("moduleDetached",async({module:u})=>{o==null||o.debug(`useModuleFromNode: moduleDetached [${u.config.name??u.address}]`);let s=e?await d.resolve(e,t):await d.resolve("*",t);l(s)});let i=e?await d.resolve(e,t):await d.resolve("*",t);return l(i),i}console.log("Result: No Node")},[d,e]);return[a,n??p]};import{usePromise as O}from"@xylabs/react-promise";import{ModuleDescriptionSchema as ee}from"@xyo-network/module-model";import{isPayloadOfSchemaType as oe}from"@xyo-network/payload-model";var Co=e=>{let[r,d]=c(e),[n,o]=O(async()=>{let t=await(r==null?void 0:r.state());return t==null?void 0:t.find(oe(ee))},[r]);return[n,d??o]};import{asNodeInstance as re}from"@xyo-network/node-model";var To=(e,r)=>{var t,a;let[d,n]=v(e,r),o=re(d);if(d&&!o){let l=new Error(`Resolved module is not a NodeInstance [${(t=d.config)==null?void 0:t.schema}:${(a=d.config)==null?void 0:a.name}:${d.address}]`);return console.error(l.message),[void 0,l]}return[o,n]};import{isNodeInstance as de}from"@xyo-network/node-model";var Po=(e,r)=>{let[d,n]=P(e,r);return n?[null,n]:d?[d.reduce((o,t)=>(de(t)&&o.push(t),o),[]),void 0]:[d,n]};var b=e=>{let{direction:r,identity:d,maxDepth:n}=e??{};return{direction:r,identity:d,maxDepth:n}};import{usePromise as se}from"@xylabs/react-promise";import{isModuleInstance as ue}from"@xyo-network/module-model";import{useState as ie}from"react";import{usePromise as ne}from"@xylabs/react-promise";import{asNodeInstance as te}from"@xyo-network/node-model";import{useMemo as E}from"react";var B=e=>{let r=E(()=>typeof(e==null?void 0:e.node)=="string"?e==null?void 0:e.node:void 0,[e==null?void 0:e.node]),d=E(()=>typeof(e==null?void 0:e.node)=="object"?e==null?void 0:e.node:void 0,[e==null?void 0:e.node]);return[r,d]};var x=e=>{let[r,d]=B(e),[n]=I(),[o,t]=ne(async()=>{let a=n==null?void 0:n.deref();if(a&&r)return new WeakRef(te(await a.resolve(r),"Module is not a node"))},[n,r]);return[o??d??n??void 0,t]};var S=e=>e==null?void 0:e.logger;var $=(e=void 0,r)=>{let[d,n]=x(r),o=S(r),t=b(r),[a,l]=ie(),[,p]=se(async()=>{o==null||o.debug("useModuleFromNode: resolving");let i=(r==null?void 0:r.identity)??ue,u=d==null?void 0:d.deref();if(u&&e){if(u.on("moduleAttached",({module:s})=>{var m;o==null||o.debug(`useModuleFromNode: moduleAttached [${s.config.name??s.address}]`),(s.address===e||((m=s.config)==null?void 0:m.name)===e)&&l(i(s)?new WeakRef(s):void 0)}),u.on("moduleDetached",({module:s})=>{var m;o==null||o.debug(`useModuleFromNode: moduleDetached [${s.config.name??s.address}]`),(s.address===e||((m=s.config)==null?void 0:m.name)===e)&&l(void 0)}),i(e))l(new WeakRef(e));else{let s=await u.resolve(e,t);o==null||o.debug(`Result: ${s==null?void 0:s.address}`),l(i(s)?new WeakRef(s):void 0)}return a}o==null||o.debug("Result: No Node")},[d,e]);return[a,n??p]};import{usePromise as ae}from"@xylabs/react-promise";import{useState as me}from"react";var or=(e,r)=>{let[d,n]=c(r),o=r==null?void 0:r.logger,t=N(),[a,l]=me(),[,p]=ae(async()=>{o==null||o.debug("useModuleFromNode: resolving");let i=d;if(i){i.on("moduleAttached",async({module:s})=>{let m=d;o==null||o.debug(`useModuleFromNode: moduleAttached [${s.config.name??s.address}]`);let M=e?await(m==null?void 0:m.resolve(e,t)):await(m==null?void 0:m.resolve("*",t));l(M==null?void 0:M.map(C=>new WeakRef(C)))}),i.on("moduleDetached",async({module:s})=>{let m=d;o==null||o.debug(`useModuleFromNode: moduleDetached [${s.config.name??s.address}]`);let M=e?await(m==null?void 0:m.resolve(e,t)):await(m==null?void 0:m.resolve("*",t));l(M==null?void 0:M.map(C=>new WeakRef(C)))});let u=e?await i.resolve(e,t):await i.resolve("*",t);return l(u==null?void 0:u.map(s=>new WeakRef(s))),u}console.log("Result: No Node")},[d,e]);return[a,n??p]};import{usePromise as le}from"@xylabs/react-promise";import{ModuleDescriptionSchema as pe}from"@xyo-network/module-model";import{isPayloadOfSchemaType as ce}from"@xyo-network/payload-model";var L=e=>{let[r,d]=x(e),[n,o]=le(async()=>{var a;let t=await((a=r==null?void 0:r.deref())==null?void 0:a.state());return t==null?void 0:t.find(ce(pe))},[r]);return[n,d??o]};import{isNodeInstance as fe}from"@xyo-network/node-model";var cr=(e,r)=>$(e,{identity:fe,...r});import{jsx as A}from"react/jsx-runtime";var G=({node:e,...r})=>{let[d,n]=L({node:e});return A(Me,{...r,children:A("code",{color:n?"red":void 0,children:n?n.message:JSON.stringify(d,null,2)})})};import{jsx as Ne}from"react/jsx-runtime";var kr=({variant:e,...r})=>{switch(e){case"description":default:return Ne(G,{...r})}};import{Close as ve}from"@mui/icons-material";import{ClickAwayListener as Pe,Drawer as be,IconButton as Ee}from"@mui/material";import{FlexGrowCol as Be,FlexRow as Se}from"@xylabs/react-flexbox";import{useNodeDrawer as $e}from"@xyo-network/react-node-provider";import{ChevronRight as ye,ExpandMore as he}from"@mui/icons-material";import{styled as We,Typography as W}from"@mui/material";import{TreeView as Te}from"@mui/x-tree-view";import{useRef as we}from"react";import{styled as Fe}from"@mui/material";import{TreeItem as y}from"@mui/x-tree-view";import{useAsyncEffect as Ie}from"@xylabs/react-async-effect";import{useState as xe}from"react";import{jsx as k,jsxs as ke}from"react/jsx-runtime";var h=({mod:e,idRef:r})=>{let[d,n]=xe();Ie(async p=>{let i=e.deref(),{address:u}=i??{};if(i){let s=(await i.resolve("*")).filter(m=>m.address!==u);p()&&n(s.map(m=>new WeakRef(m)))}},[e]);let o=()=>{let p=(r.current.idIncrementor++).toString();return r.current.ids.push(p),p},t=e.deref(),{queries:a,address:l}=t??{};return ke(Ce,{nodeId:o(),label:`address: ${l}`,children:[a==null?void 0:a.map((p,i)=>k(y,{nodeId:o(),label:`query : ${p}`,sx:{mb:i===a.length-1?1.5:.5}},p)),d&&d.length>0?k(y,{nodeId:o(),label:"children",sx:{mb:.5},children:d.map(p=>{let i=p.deref();return i?k(h,{mod:p,idRef:r},i==null?void 0:i.address):null})}):null]})},Ce=Fe(y,{name:"StyledAddressTreeItem"})(({theme:e})=>({"& .MuiTreeItem-content":{marginBottom:e.spacing(.25)}}));import{Fragment as V,jsx as f,jsxs as De}from"react/jsx-runtime";var j=({mod:e})=>{let r=we({idIncrementor:0,ids:[]});return f(V,{children:e?De(V,{children:[f(W,{variant:"h4",children:"Node Configuration"}),f(Re,{"aria-label":"file system navigator",defaultCollapseIcon:f(he,{}),defaultExpandIcon:f(ye,{}),sx:{flexGrow:1},children:f(h,{mod:e,idRef:r})})]}):e===null?f(W,{variant:"h4",children:"Node loading..."}):f(W,{variant:"h4",children:"Node not found"})})},Re=We(Te,{name:"StyledTreeView"})(()=>({height:"auto",maxWidth:"auto"}));import{jsx as F,jsxs as Le}from"react/jsx-runtime";var Qr=({children:e,...r})=>{let{open:d,setOpen:n}=$e(),[o]=I();return F(be,{open:d??!1,anchor:"right",...r,children:F(Pe,{onClickAway:()=>n==null?void 0:n(!1),children:Le(Be,{role:"presentation",justifyContent:"start",p:2,rowGap:2,minWidth:"33vw",children:[F(Se,{alignContent:"start",justifyContent:"start",width:"100%",children:F(Ee,{onClick:()=>n==null?void 0:n(!1),children:F(ve,{})})}),F(j,{mod:o}),e]})})})};export*from"@xyo-network/react-node-context";export*from"@xyo-network/react-node-provider";export{kr as NodeBox,Qr as NodeDrawer,N as useModuleFilterOptions,v as useModuleFromNode,T as useModuleFromNodeConfigLogger,P as useModulesFromNode,c as useNode,D as useNodeConfigNodeField,Co as useNodeDescription,To as useNodeFromNode,Po as useNodesFromNode,w as useProvidedNode,b as useWeakModuleFilterOptions,$ as useWeakModuleFromNode,S as useWeakModuleFromNodeConfigLogger,or as useWeakModulesFromNode,B as useWeakNodeConfigNodeField,L as useWeakNodeDescription,cr as useWeakNodeFromNode,I as useWeakProvidedNode};
+// src/components/NodeDescriptionBox.tsx
+import { FlexCol } from "@xylabs/react-flexbox";
+
+// src/hooks/ModuleFromNodeConfig.ts
+var useModuleFromNodeConfigLogger = (config) => {
+  return config == null ? void 0 : config.logger;
+};
+
+// src/hooks/provided/useProvidedNode.tsx
+import { NodeContext } from "@xyo-network/react-node-context";
+import { useContext } from "react";
+var useProvidedNode = () => {
+  const { node } = useContext(NodeContext);
+  return [node];
+};
+
+// src/hooks/provided/useWeakProvidedNode.tsx
+import { NodeContext as NodeContext2 } from "@xyo-network/react-node-context";
+import { useContext as useContext2, useMemo } from "react";
+var useWeakProvidedNode = () => {
+  const { node } = useContext2(NodeContext2);
+  const weakNode = useMemo(() => node ? new WeakRef(node) : null, [node]);
+  return [weakNode];
+};
+
+// src/hooks/useModuleFilterOptions.ts
+var useModuleFilterOptions = (config) => {
+  const { direction, identity, maxDepth } = config ?? {};
+  return { direction, identity, maxDepth };
+};
+
+// src/hooks/useModuleFromNode.ts
+import { usePromise as usePromise2 } from "@xylabs/react-promise";
+import { isModuleInstance } from "@xyo-network/module-model";
+import { useState } from "react";
+
+// src/hooks/useNode.ts
+import { usePromise } from "@xylabs/react-promise";
+import { asNodeInstance } from "@xyo-network/node-model";
+
+// src/hooks/useNodeConfigNodeField.ts
+import { useMemo as useMemo2 } from "react";
+var useNodeConfigNodeField = (config) => {
+  const nodeAddress = useMemo2(() => typeof (config == null ? void 0 : config.node) === "string" ? config == null ? void 0 : config.node : void 0, [config == null ? void 0 : config.node]);
+  const nodeInstance = useMemo2(() => typeof (config == null ? void 0 : config.node) === "object" ? config == null ? void 0 : config.node : void 0, [config == null ? void 0 : config.node]);
+  return [nodeAddress, nodeInstance];
+};
+
+// src/hooks/useNode.ts
+var 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 ?? void 0, error];
+};
+
+// src/hooks/useModuleFromNode.ts
+var useModuleFromNode = (nameOrAddressOrInstance = void 0, config) => {
+  const [node, nodeError] = useNode(config);
+  const logger = useModuleFromNodeConfigLogger(config);
+  const filterOptions = useModuleFilterOptions(config);
+  const [result, setResult] = useState();
+  const [, error] = usePromise2(async () => {
+    logger == null ? void 0 : logger.debug("useModuleFromNode: resolving");
+    const identity = (config == null ? void 0 : config.identity) ?? isModuleInstance;
+    if (node && nameOrAddressOrInstance) {
+      node.on("moduleAttached", ({ module: mod }) => {
+        var _a;
+        logger == null ? void 0 : logger.debug(`useModuleFromNode: moduleAttached [${mod.config.name ?? mod.address}]`);
+        if (mod.address === nameOrAddressOrInstance || ((_a = mod.config) == null ? void 0 : _a.name) === nameOrAddressOrInstance) {
+          setResult(identity(mod) ? mod : void 0);
+        }
+      });
+      node.on("moduleDetached", ({ module: mod }) => {
+        var _a;
+        logger == null ? void 0 : logger.debug(`useModuleFromNode: moduleDetached [${mod.config.name ?? mod.address}]`);
+        if (mod.address === nameOrAddressOrInstance || ((_a = mod.config) == null ? void 0 : _a.name) === nameOrAddressOrInstance) {
+          setResult(void 0);
+        }
+      });
+      if (identity(nameOrAddressOrInstance)) {
+        setResult(nameOrAddressOrInstance);
+      } else {
+        const result2 = await node.resolve(nameOrAddressOrInstance, filterOptions);
+        logger == null ? void 0 : logger.debug(`Result: ${result2 == null ? void 0 : result2.address}`);
+        setResult(identity(result2) ? result2 : void 0);
+      }
+      return result;
+    }
+    logger == null ? void 0 : logger.debug("Result: No Node");
+    return;
+  }, [node, nameOrAddressOrInstance]);
+  return [result, nodeError ?? error];
+};
+
+// src/hooks/useModulesFromNode.ts
+import { usePromise as usePromise3 } from "@xylabs/react-promise";
+import { useState as useState2 } from "react";
+var useModulesFromNode = (filter, config) => {
+  const [node, nodeError] = useNode(config);
+  const logger = config == null ? void 0 : config.logger;
+  const filterOptions = useModuleFilterOptions();
+  const [result, setResult] = useState2();
+  const [, error] = usePromise3(async () => {
+    logger == null ? void 0 : logger.debug("useModuleFromNode: resolving");
+    if (node) {
+      node.on("moduleAttached", async ({ module: mod }) => {
+        logger == null ? void 0 : logger.debug(`useModuleFromNode: moduleAttached [${mod.config.name ?? mod.address}]`);
+        const moduleInstances2 = filter ? await node.resolve(filter, filterOptions) : await node.resolve("*", filterOptions);
+        setResult(moduleInstances2);
+      });
+      node.on("moduleDetached", async ({ module: mod }) => {
+        logger == null ? void 0 : logger.debug(`useModuleFromNode: moduleDetached [${mod.config.name ?? mod.address}]`);
+        const moduleInstances2 = filter ? await node.resolve(filter, filterOptions) : await node.resolve("*", filterOptions);
+        setResult(moduleInstances2);
+      });
+      const moduleInstances = filter ? await node.resolve(filter, filterOptions) : await node.resolve("*", filterOptions);
+      setResult(moduleInstances);
+      return moduleInstances;
+    }
+    console.log("Result: No Node");
+    return;
+  }, [node, filter]);
+  return [result, nodeError ?? error];
+};
+
+// src/hooks/useNodeDescription.ts
+import { usePromise as usePromise4 } from "@xylabs/react-promise";
+import { ModuleDescriptionSchema } from "@xyo-network/module-model";
+import { isPayloadOfSchemaType } from "@xyo-network/payload-model";
+var useNodeDescription = (config) => {
+  const [activeNode, nodeError] = useNode(config);
+  const [description, error] = usePromise4(async () => {
+    const state = await (activeNode == null ? void 0 : activeNode.state());
+    return state == null ? void 0 : state.find(isPayloadOfSchemaType(ModuleDescriptionSchema));
+  }, [activeNode]);
+  return [description, nodeError ?? error];
+};
+
+// src/hooks/useNodeFromNode.tsx
+import { asNodeInstance as asNodeInstance2 } from "@xyo-network/node-model";
+var useNodeFromNode = (nameOrAddressOrInstance, config) => {
+  var _a, _b;
+  const [mod, error] = useModuleFromNode(nameOrAddressOrInstance, config);
+  const instance = asNodeInstance2(mod);
+  if (mod && !instance) {
+    const error2 = new Error(`Resolved module is not a NodeInstance [${(_a = mod.config) == null ? void 0 : _a.schema}:${(_b = mod.config) == null ? void 0 : _b.name}:${mod.address}]`);
+    console.error(error2.message);
+    return [void 0, error2];
+  }
+  return [instance, error];
+};
+
+// src/hooks/useNodesFromNode.tsx
+import { isNodeInstance } from "@xyo-network/node-model";
+var useNodesFromNode = (filter, config) => {
+  const [modules, error] = useModulesFromNode(filter, config);
+  if (error) {
+    return [null, error];
+  }
+  return modules ? [
+    // eslint-disable-next-line unicorn/no-array-reduce
+    modules.reduce((prev, mod) => {
+      if (isNodeInstance(mod)) {
+        prev.push(mod);
+      }
+      return prev;
+    }, []),
+    void 0
+  ] : [modules, error];
+};
+
+// src/hooks/useWeakModuleFilterOptions.ts
+var useWeakModuleFilterOptions = (config) => {
+  const { direction, identity, maxDepth } = config ?? {};
+  return { direction, identity, maxDepth };
+};
+
+// src/hooks/useWeakModuleFromNode.ts
+import { usePromise as usePromise6 } from "@xylabs/react-promise";
+import { isModuleInstance as isModuleInstance2 } from "@xyo-network/module-model";
+import { useState as useState3 } from "react";
+
+// src/hooks/useWeakNode.ts
+import { usePromise as usePromise5 } from "@xylabs/react-promise";
+import { asNodeInstance as asNodeInstance3 } from "@xyo-network/node-model";
+
+// src/hooks/useWeakNodeConfigNodeField.ts
+import { useMemo as useMemo3 } from "react";
+var useWeakNodeConfigNodeField = (config) => {
+  const nodeAddress = useMemo3(() => typeof (config == null ? void 0 : config.node) === "string" ? config == null ? void 0 : config.node : void 0, [config == null ? void 0 : config.node]);
+  const nodeInstance = useMemo3(() => typeof (config == null ? void 0 : config.node) === "object" ? config == null ? void 0 : config.node : void 0, [config == null ? void 0 : config.node]);
+  return [nodeAddress, nodeInstance];
+};
+
+// src/hooks/useWeakNode.ts
+var useWeakNode = (config) => {
+  const [nodeAddress, nodeInstance] = useWeakNodeConfigNodeField(config);
+  const [providedNode] = useWeakProvidedNode();
+  const [nodeAddressNode, error] = usePromise5(async () => {
+    const providedNodeInstance = providedNode == null ? void 0 : providedNode.deref();
+    if (providedNodeInstance && nodeAddress) {
+      return new WeakRef(asNodeInstance3(await providedNodeInstance.resolve(nodeAddress), "Module is not a node"));
+    }
+  }, [providedNode, nodeAddress]);
+  return [nodeAddressNode ?? nodeInstance ?? providedNode ?? void 0, error];
+};
+
+// src/hooks/WeakModuleFromNodeConfig.ts
+var useWeakModuleFromNodeConfigLogger = (config) => {
+  return config == null ? void 0 : config.logger;
+};
+
+// src/hooks/useWeakModuleFromNode.ts
+var useWeakModuleFromNode = (nameOrAddressOrInstance = void 0, config) => {
+  const [node, nodeError] = useWeakNode(config);
+  const logger = useWeakModuleFromNodeConfigLogger(config);
+  const filterOptions = useWeakModuleFilterOptions(config);
+  const [result, setResult] = useState3();
+  const [, error] = usePromise6(async () => {
+    logger == null ? void 0 : logger.debug("useModuleFromNode: resolving");
+    const identity = (config == null ? void 0 : config.identity) ?? isModuleInstance2;
+    const nodeInstance = node == null ? void 0 : node.deref();
+    if (nodeInstance && nameOrAddressOrInstance) {
+      nodeInstance.on("moduleAttached", ({ module: mod }) => {
+        var _a;
+        logger == null ? void 0 : logger.debug(`useModuleFromNode: moduleAttached [${mod.config.name ?? mod.address}]`);
+        if (mod.address === nameOrAddressOrInstance || ((_a = mod.config) == null ? void 0 : _a.name) === nameOrAddressOrInstance) {
+          setResult(identity(mod) ? new WeakRef(mod) : void 0);
+        }
+      });
+      nodeInstance.on("moduleDetached", ({ module: mod }) => {
+        var _a;
+        logger == null ? void 0 : logger.debug(`useModuleFromNode: moduleDetached [${mod.config.name ?? mod.address}]`);
+        if (mod.address === nameOrAddressOrInstance || ((_a = mod.config) == null ? void 0 : _a.name) === nameOrAddressOrInstance) {
+          setResult(void 0);
+        }
+      });
+      if (identity(nameOrAddressOrInstance)) {
+        setResult(new WeakRef(nameOrAddressOrInstance));
+      } else {
+        const result2 = await nodeInstance.resolve(nameOrAddressOrInstance, filterOptions);
+        logger == null ? void 0 : logger.debug(`Result: ${result2 == null ? void 0 : result2.address}`);
+        setResult(identity(result2) ? new WeakRef(result2) : void 0);
+      }
+      return result;
+    }
+    logger == null ? void 0 : logger.debug("Result: No Node");
+    return;
+  }, [node, nameOrAddressOrInstance]);
+  return [result, nodeError ?? error];
+};
+
+// src/hooks/useWeakModulesFromNode.ts
+import { usePromise as usePromise7 } from "@xylabs/react-promise";
+import { useState as useState4 } from "react";
+var useWeakModulesFromNode = (filter, config) => {
+  const [node, nodeError] = useNode(config);
+  const logger = config == null ? void 0 : config.logger;
+  const filterOptions = useModuleFilterOptions();
+  const [result, setResult] = useState4();
+  const [, error] = usePromise7(async () => {
+    logger == null ? void 0 : logger.debug("useModuleFromNode: resolving");
+    const nodeInstance = node;
+    if (nodeInstance) {
+      nodeInstance.on("moduleAttached", async ({ module: mod }) => {
+        const nodeInstance2 = node;
+        logger == null ? void 0 : logger.debug(`useModuleFromNode: moduleAttached [${mod.config.name ?? mod.address}]`);
+        const moduleInstances2 = filter ? await (nodeInstance2 == null ? void 0 : nodeInstance2.resolve(filter, filterOptions)) : await (nodeInstance2 == null ? void 0 : nodeInstance2.resolve("*", filterOptions));
+        setResult(moduleInstances2 == null ? void 0 : moduleInstances2.map((mod2) => new WeakRef(mod2)));
+      });
+      nodeInstance.on("moduleDetached", async ({ module: mod }) => {
+        const nodeInstance2 = node;
+        logger == null ? void 0 : logger.debug(`useModuleFromNode: moduleDetached [${mod.config.name ?? mod.address}]`);
+        const moduleInstances2 = filter ? await (nodeInstance2 == null ? void 0 : nodeInstance2.resolve(filter, filterOptions)) : await (nodeInstance2 == null ? void 0 : nodeInstance2.resolve("*", filterOptions));
+        setResult(moduleInstances2 == null ? void 0 : moduleInstances2.map((mod2) => new WeakRef(mod2)));
+      });
+      const moduleInstances = filter ? await nodeInstance.resolve(filter, filterOptions) : await nodeInstance.resolve("*", filterOptions);
+      setResult(moduleInstances == null ? void 0 : moduleInstances.map((mod) => new WeakRef(mod)));
+      return moduleInstances;
+    }
+    console.log("Result: No Node");
+    return;
+  }, [node, filter]);
+  return [result, nodeError ?? error];
+};
+
+// src/hooks/useWeakNodeDescription.ts
+import { usePromise as usePromise8 } from "@xylabs/react-promise";
+import { ModuleDescriptionSchema as ModuleDescriptionSchema2 } from "@xyo-network/module-model";
+import { isPayloadOfSchemaType as isPayloadOfSchemaType2 } from "@xyo-network/payload-model";
+var useWeakNodeDescription = (config) => {
+  const [activeNode, nodeError] = useWeakNode(config);
+  const [description, error] = usePromise8(async () => {
+    var _a;
+    const state = await ((_a = activeNode == null ? void 0 : activeNode.deref()) == null ? void 0 : _a.state());
+    return state == null ? void 0 : state.find(isPayloadOfSchemaType2(ModuleDescriptionSchema2));
+  }, [activeNode]);
+  return [description, nodeError ?? error];
+};
+
+// src/hooks/useWeakNodeFromNode.tsx
+import { isNodeInstance as isNodeInstance2 } from "@xyo-network/node-model";
+var useWeakNodeFromNode = (nameOrAddressOrInstance, config) => {
+  return useWeakModuleFromNode(nameOrAddressOrInstance, { identity: isNodeInstance2, ...config });
+};
+
+// src/components/NodeDescriptionBox.tsx
+import { jsx } from "react/jsx-runtime";
+var NodeDescriptionBox = ({ node, ...props }) => {
+  const [description, error] = useWeakNodeDescription({ node });
+  return /* @__PURE__ */ jsx(FlexCol, { ...props, children: /* @__PURE__ */ jsx("code", { color: error ? "red" : void 0, children: error ? error.message : JSON.stringify(description, null, 2) }) });
+};
+
+// src/components/Node.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var NodeBox = ({ variant, ...props }) => {
+  switch (variant) {
+    case "description":
+    default: {
+      return /* @__PURE__ */ jsx2(NodeDescriptionBox, { ...props });
+    }
+  }
+};
+
+// src/components/NodeDrawer.tsx
+import { Close as CloseIcon } from "@mui/icons-material";
+import { ClickAwayListener, Drawer, IconButton } from "@mui/material";
+import { FlexGrowCol, FlexRow } from "@xylabs/react-flexbox";
+import { useNodeDrawer } from "@xyo-network/react-node-provider";
+
+// src/components/render/ModuleDescriptionBox.tsx
+import { ChevronRight as ChevronRightIcon, ExpandMore as ExpandMoreIcon } from "@mui/icons-material";
+import { styled as styled2, Typography } from "@mui/material";
+import { TreeView } from "@mui/x-tree-view";
+import { useRef } from "react";
+
+// src/components/render/RenderModule.tsx
+import { styled } from "@mui/material";
+import { TreeItem } from "@mui/x-tree-view";
+import { useAsyncEffect } from "@xylabs/react-async-effect";
+import { useState as useState5 } from "react";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var RenderModule = ({ mod, idRef }) => {
+  const [childModules, setChildModules] = useState5();
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      const moduleInstance2 = mod.deref();
+      const { address: address2 } = moduleInstance2 ?? {};
+      if (moduleInstance2) {
+        const children = (await moduleInstance2.resolve("*")).filter((childModule) => childModule.address !== address2);
+        if (mounted()) {
+          setChildModules(children.map((childModule) => new WeakRef(childModule)));
+        }
+      }
+    },
+    [mod]
+  );
+  const increment = () => {
+    const newId = (idRef.current.idIncrementor++).toString();
+    idRef.current.ids.push(newId);
+    return newId;
+  };
+  const moduleInstance = mod.deref();
+  const { queries, address } = moduleInstance ?? {};
+  return /* @__PURE__ */ jsxs(StyledAddressTreeItem, { nodeId: increment(), label: `address: ${address}`, children: [
+    queries == null ? void 0 : queries.map((query, index) => {
+      return /* @__PURE__ */ jsx3(TreeItem, { nodeId: increment(), label: `query : ${query}`, sx: { mb: index === queries.length - 1 ? 1.5 : 0.5 } }, query);
+    }),
+    childModules && childModules.length > 0 ? /* @__PURE__ */ jsx3(TreeItem, { nodeId: increment(), label: "children", sx: { mb: 0.5 }, children: childModules.map((childModuleRef) => {
+      const childModule = childModuleRef.deref();
+      return childModule ? /* @__PURE__ */ jsx3(RenderModule, { mod: childModuleRef, idRef }, childModule == null ? void 0 : childModule.address) : null;
+    }) }) : null
+  ] });
+};
+var StyledAddressTreeItem = styled(TreeItem, { name: "StyledAddressTreeItem" })(({ theme }) => ({
+  "& .MuiTreeItem-content": {
+    marginBottom: theme.spacing(0.25)
+  }
+}));
+
+// src/components/render/ModuleDescriptionBox.tsx
+import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var ModuleDescriptionBox = ({ mod }) => {
+  const idRef = useRef({ idIncrementor: 0, ids: [] });
+  return /* @__PURE__ */ jsx4(Fragment, { children: mod ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx4(Typography, { variant: "h4", children: "Node Configuration" }),
+    /* @__PURE__ */ jsx4(
+      StyledTreeView,
+      {
+        "aria-label": "file system navigator",
+        defaultCollapseIcon: /* @__PURE__ */ jsx4(ExpandMoreIcon, {}),
+        defaultExpandIcon: /* @__PURE__ */ jsx4(ChevronRightIcon, {}),
+        sx: { flexGrow: 1 },
+        children: /* @__PURE__ */ jsx4(RenderModule, { mod, idRef })
+      }
+    )
+  ] }) : mod === null ? /* @__PURE__ */ jsx4(Typography, { variant: "h4", children: "Node loading..." }) : /* @__PURE__ */ jsx4(Typography, { variant: "h4", children: "Node not found" }) });
+};
+var StyledTreeView = styled2(TreeView, { name: "StyledTreeView" })(() => ({
+  height: "auto",
+  maxWidth: "auto"
+}));
+
+// src/components/NodeDrawer.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var NodeDrawer = ({ children, ...props }) => {
+  const { open, setOpen } = useNodeDrawer();
+  const [node] = useWeakProvidedNode();
+  return /* @__PURE__ */ jsx5(Drawer, { open: open ?? false, anchor: "right", ...props, children: /* @__PURE__ */ jsx5(ClickAwayListener, { onClickAway: () => setOpen == null ? void 0 : setOpen(false), children: /* @__PURE__ */ jsxs3(FlexGrowCol, { role: "presentation", justifyContent: "start", p: 2, rowGap: 2, minWidth: "33vw", children: [
+    /* @__PURE__ */ jsx5(FlexRow, { alignContent: "start", justifyContent: "start", width: "100%", children: /* @__PURE__ */ jsx5(IconButton, { onClick: () => setOpen == null ? void 0 : setOpen(false), children: /* @__PURE__ */ jsx5(CloseIcon, {}) }) }),
+    /* @__PURE__ */ jsx5(ModuleDescriptionBox, { mod: node }),
+    children
+  ] }) }) });
+};
+
+// src/index.ts
+export * from "@xyo-network/react-node-context";
+export * from "@xyo-network/react-node-provider";
+export {
+  NodeBox,
+  NodeDrawer,
+  useModuleFilterOptions,
+  useModuleFromNode,
+  useModuleFromNodeConfigLogger,
+  useModulesFromNode,
+  useNode,
+  useNodeConfigNodeField,
+  useNodeDescription,
+  useNodeFromNode,
+  useNodesFromNode,
+  useProvidedNode,
+  useWeakModuleFilterOptions,
+  useWeakModuleFromNode,
+  useWeakModuleFromNodeConfigLogger,
+  useWeakModulesFromNode,
+  useWeakNodeConfigNodeField,
+  useWeakNodeDescription,
+  useWeakNodeFromNode,
+  useWeakProvidedNode
+};
 //# sourceMappingURL=index.js.map