@xyo-network/react-node 2.78.0 → 2.78.1

package/dist/browser/index.cjs

@@ -1,2 +1,465 @@
-"use strict";var P=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var De=Object.getOwnPropertyNames;var Pe=Object.prototype.hasOwnProperty;var be=(e,o)=>{for(var n in o)P(e,n,{get:o[n],enumerable:!0})},D=(e,o,n,d)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of De(o))!Pe.call(e,r)&&r!==n&&P(e,r,{get:()=>o[r],enumerable:!(d=ve(o,r))||d.enumerable});return e},p=(e,o,n)=>(D(e,o,"default"),n&&D(n,o,"default"));var Ee=e=>D(P({},"__esModule",{value:!0}),e);var f={};be(f,{NodeBox:()=>Ge,NodeDrawer:()=>qe,useModuleFilterOptions:()=>I,useModuleFromNode:()=>$,useModuleFromNodeConfigLogger:()=>b,useModulesFromNode:()=>L,useNode:()=>M,useNodeConfigNodeField:()=>S,useNodeDescription:()=>Be,useNodeFromNode:()=>Se,useNodesFromNode:()=>$e,useProvidedNode:()=>E,useWeakModuleFilterOptions:()=>A,useWeakModuleFromNode:()=>q,useWeakModuleFromNodeConfigLogger:()=>j,useWeakModulesFromNode:()=>Le,useWeakNodeConfigNodeField:()=>V,useWeakNodeDescription:()=>J,useWeakNodeFromNode:()=>Ae,useWeakProvidedNode:()=>k});module.exports=Ee(f);var Ie=require("@xylabs/react-flexbox");var b=e=>e?.logger;var K=require("@xyo-network/react-node-context"),Q=require("react"),E=()=>{let{node:e}=(0,Q.useContext)(K.NodeContext);return[e]};var U=require("@xyo-network/react-node-context"),y=require("react"),k=()=>{let{node:e}=(0,y.useContext)(U.NodeContext);return[(0,y.useMemo)(()=>e?new WeakRef(e):null,[e])]};var I=e=>{let{direction:o,identity:n,maxDepth:d}=e??{};return{direction:o,identity:n,maxDepth:d}};var Z=require("@xylabs/react-promise"),_=require("@xyo-network/module-model"),O=require("react");var X=require("@xylabs/react-promise"),Y=require("@xyo-network/node-model");var B=require("react"),S=e=>{let o=(0,B.useMemo)(()=>typeof e?.node=="string"?e?.node:void 0,[e?.node]),n=(0,B.useMemo)(()=>typeof e?.node=="object"?e?.node:void 0,[e?.node]);return[o,n]};var M=e=>{let[o,n]=S(e),[d]=E(),[r,t]=(0,X.usePromise)(async()=>{if(d&&o)return(0,Y.asNodeInstance)(await d.resolve(o),"Module is not a node")},[d,o]);return[r??n??d??void 0,t]};var $=(e=void 0,o)=>{let[n,d]=M(o),r=b(o),t=I(o),[m,a]=(0,O.useState)(),[,l]=(0,Z.usePromise)(async()=>{r?.debug("useModuleFromNode: resolving");let u=o?.identity??_.isModuleInstance;if(n&&e){if(n.on("moduleAttached",({module:s})=>{r?.debug(`useModuleFromNode: moduleAttached [${s.config.name??s.address}]`),(s.address===e||s.config?.name===e)&&a(u(s)?s:void 0)}),n.on("moduleDetached",({module:s})=>{r?.debug(`useModuleFromNode: moduleDetached [${s.config.name??s.address}]`),(s.address===e||s.config?.name===e)&&a(void 0)}),u(e))a(e);else{let s=await n.resolve(e,t);r?.debug(`Result: ${s?.address}`),a(u(s)?s:void 0)}return m}r?.debug("Result: No Node")},[n,e]);return[m,d??l]};var ee=require("@xylabs/react-promise"),oe=require("react");var L=(e,o)=>{let[n,d]=M(o),r=o?.logger,t=I(),[m,a]=(0,oe.useState)(),[,l]=(0,ee.usePromise)(async()=>{if(r?.debug("useModuleFromNode: resolving"),n){n.on("moduleAttached",async({module:s})=>{r?.debug(`useModuleFromNode: moduleAttached [${s.config.name??s.address}]`);let i=e?await n.resolve(e,t):await n.resolve("*",t);a(i)}),n.on("moduleDetached",async({module:s})=>{r?.debug(`useModuleFromNode: moduleDetached [${s.config.name??s.address}]`);let i=e?await n.resolve(e,t):await n.resolve("*",t);a(i)});let u=e?await n.resolve(e,t):await n.resolve("*",t);return a(u),u}console.log("Result: No Node")},[n,e]);return[m,d??l]};var ne=require("@xylabs/react-promise"),re=require("@xyo-network/module-model"),de=require("@xyo-network/payload-model");var Be=e=>{let[o,n]=M(e),[d,r]=(0,ne.usePromise)(async()=>(await o?.state())?.find((0,de.isPayloadOfSchemaType)(re.ModuleDescriptionSchema)),[o]);return[d,n??r]};var te=require("@xyo-network/node-model");var Se=(e,o)=>{let[n,d]=$(e,o),r=(0,te.asNodeInstance)(n);if(n&&!r){let t=new Error(`Resolved module is not a NodeInstance [${n.config?.schema}:${n.config?.name}:${n.address}]`);return console.error(t.message),[void 0,t]}return[r,d]};var se=require("@xyo-network/node-model");var $e=(e,o)=>{let[n,d]=L(e,o);return d?[null,d]:n?[n.reduce((r,t)=>((0,se.isNodeInstance)(t)&&r.push(t),r),[]),void 0]:[n,d]};var A=e=>{let{direction:o,identity:n,maxDepth:d}=e??{};return{direction:o,identity:n,maxDepth:d}};var ae=require("@xylabs/react-promise"),le=require("@xyo-network/module-model"),me=require("react");var ie=require("@xylabs/react-promise"),ue=require("@xyo-network/node-model");var G=require("react"),V=e=>{let o=(0,G.useMemo)(()=>typeof e?.node=="string"?e?.node:void 0,[e?.node]),n=(0,G.useMemo)(()=>typeof e?.node=="object"?e?.node:void 0,[e?.node]);return[o,n]};var h=e=>{let[o,n]=V(e),[d]=k(),[r,t]=(0,ie.usePromise)(async()=>{let m=d?.deref();if(m&&o)return new WeakRef((0,ue.asNodeInstance)(await m.resolve(o),"Module is not a node"))},[d,o]);return[r??n??d??void 0,t]};var j=e=>e?.logger;var q=(e=void 0,o)=>{let[n,d]=h(o),r=j(o),t=A(o),[m,a]=(0,me.useState)(),[,l]=(0,ae.usePromise)(async()=>{r?.debug("useModuleFromNode: resolving");let u=o?.identity??le.isModuleInstance,s=n?.deref();if(s&&e){if(s.on("moduleAttached",({module:i})=>{r?.debug(`useModuleFromNode: moduleAttached [${i.config.name??i.address}]`),(i.address===e||i.config?.name===e)&&a(u(i)?new WeakRef(i):void 0)}),s.on("moduleDetached",({module:i})=>{r?.debug(`useModuleFromNode: moduleDetached [${i.config.name??i.address}]`),(i.address===e||i.config?.name===e)&&a(void 0)}),u(e))a(new WeakRef(e));else{let i=await s.resolve(e,t);r?.debug(`Result: ${i?.address}`),a(u(i)?new WeakRef(i):void 0)}return m}r?.debug("Result: No Node")},[n,e]);return[m,d??l]};var ce=require("@xylabs/react-promise"),fe=require("react");var Le=(e,o)=>{let[n,d]=M(o),r=o?.logger,t=I(),[m,a]=(0,fe.useState)(),[,l]=(0,ce.usePromise)(async()=>{r?.debug("useModuleFromNode: resolving");let u=n;if(u){u.on("moduleAttached",async({module:i})=>{let N=n;r?.debug(`useModuleFromNode: moduleAttached [${i.config.name??i.address}]`);let R=e?await N?.resolve(e,t):await N?.resolve("*",t);a(R?.map(v=>new WeakRef(v)))}),u.on("moduleDetached",async({module:i})=>{let N=n;r?.debug(`useModuleFromNode: moduleDetached [${i.config.name??i.address}]`);let R=e?await N?.resolve(e,t):await N?.resolve("*",t);a(R?.map(v=>new WeakRef(v)))});let s=e?await u.resolve(e,t):await u.resolve("*",t);return a(s?.map(i=>new WeakRef(i))),s}console.log("Result: No Node")},[n,e]);return[m,d??l]};var pe=require("@xylabs/react-promise"),Ne=require("@xyo-network/module-model"),Me=require("@xyo-network/payload-model");var J=e=>{let[o,n]=h(e),[d,r]=(0,pe.usePromise)(async()=>(await o?.deref()?.state())?.find((0,Me.isPayloadOfSchemaType)(Ne.ModuleDescriptionSchema)),[o]);return[d,n??r]};var ge=require("@xyo-network/node-model");var Ae=(e,o)=>q(e,{identity:ge.isNodeInstance,...o});var z=require("react/jsx-runtime"),Fe=({node:e,...o})=>{let[n,d]=J({node:e});return(0,z.jsx)(Ie.FlexCol,{...o,children:(0,z.jsx)("code",{color:d?"red":void 0,children:d?d.message:JSON.stringify(n,null,2)})})};var xe=require("react/jsx-runtime"),Ge=({variant:e,...o})=>{switch(e){case"description":default:return(0,xe.jsx)(Fe,{...o})}};var we=require("@mui/icons-material"),C=require("@mui/material"),w=require("@xylabs/react-flexbox"),Re=require("@xyo-network/react-node-provider");var T=require("@mui/icons-material"),x=require("@mui/material"),he=require("@mui/x-tree-view"),We=require("react");var Ce=require("@mui/material"),W=require("@mui/x-tree-view"),ke=require("@xylabs/react-async-effect"),ye=require("react"),F=require("react/jsx-runtime"),H=({mod:e,idRef:o})=>{let[n,d]=(0,ye.useState)();(0,ke.useAsyncEffect)(async l=>{let u=e.deref(),{address:s}=u??{};if(u){let i=(await u.resolve("*")).filter(N=>N.address!==s);l()&&d(i.map(N=>new WeakRef(N)))}},[e]);let r=()=>{let l=(o.current.idIncrementor++).toString();return o.current.ids.push(l),l},t=e.deref(),{queries:m,address:a}=t??{};return(0,F.jsxs)(Ve,{nodeId:r(),label:`address: ${a}`,children:[m?.map((l,u)=>(0,F.jsx)(W.TreeItem,{nodeId:r(),label:`query : ${l}`,sx:{mb:u===m.length-1?1.5:.5}},l)),n&&n.length>0?(0,F.jsx)(W.TreeItem,{nodeId:r(),label:"children",sx:{mb:.5},children:n.map(l=>{let u=l.deref();return u?(0,F.jsx)(H,{mod:l,idRef:o},u?.address):null})}):null]})},Ve=(0,Ce.styled)(W.TreeItem,{name:"StyledAddressTreeItem"})(({theme:e})=>({"& .MuiTreeItem-content":{marginBottom:e.spacing(.25)}}));var c=require("react/jsx-runtime"),Te=({mod:e})=>{let o=(0,We.useRef)({idIncrementor:0,ids:[]});return(0,c.jsx)(c.Fragment,{children:e?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(x.Typography,{variant:"h4",children:"Node Configuration"}),(0,c.jsx)(je,{"aria-label":"file system navigator",defaultCollapseIcon:(0,c.jsx)(T.ExpandMore,{}),defaultExpandIcon:(0,c.jsx)(T.ChevronRight,{}),sx:{flexGrow:1},children:(0,c.jsx)(H,{mod:e,idRef:o})})]}):e===null?(0,c.jsx)(x.Typography,{variant:"h4",children:"Node loading..."}):(0,c.jsx)(x.Typography,{variant:"h4",children:"Node not found"})})},je=(0,x.styled)(he.TreeView,{name:"StyledTreeView"})(()=>({height:"auto",maxWidth:"auto"}));var g=require("react/jsx-runtime"),qe=({children:e,...o})=>{let{open:n,setOpen:d}=(0,Re.useNodeDrawer)(),[r]=k();return(0,g.jsx)(C.Drawer,{open:n??!1,anchor:"right",...o,children:(0,g.jsx)(C.ClickAwayListener,{onClickAway:()=>d?.(!1),children:(0,g.jsxs)(w.FlexGrowCol,{role:"presentation",justifyContent:"start",p:2,rowGap:2,minWidth:"33vw",children:[(0,g.jsx)(w.FlexRow,{alignContent:"start",justifyContent:"start",width:"100%",children:(0,g.jsx)(C.IconButton,{onClick:()=>d?.(!1),children:(0,g.jsx)(we.Close,{})})}),(0,g.jsx)(Te,{mod:r}),e]})})})};p(f,require("@xyo-network/react-node-context"),module.exports);p(f,require("@xyo-network/react-node-provider"),module.exports);
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  NodeBox: () => NodeBox,
+  NodeDrawer: () => NodeDrawer,
+  useModuleFilterOptions: () => useModuleFilterOptions,
+  useModuleFromNode: () => useModuleFromNode,
+  useModuleFromNodeConfigLogger: () => useModuleFromNodeConfigLogger,
+  useModulesFromNode: () => useModulesFromNode,
+  useNode: () => useNode,
+  useNodeConfigNodeField: () => useNodeConfigNodeField,
+  useNodeDescription: () => useNodeDescription,
+  useNodeFromNode: () => useNodeFromNode,
+  useNodesFromNode: () => useNodesFromNode,
+  useProvidedNode: () => useProvidedNode,
+  useWeakModuleFilterOptions: () => useWeakModuleFilterOptions,
+  useWeakModuleFromNode: () => useWeakModuleFromNode,
+  useWeakModuleFromNodeConfigLogger: () => useWeakModuleFromNodeConfigLogger,
+  useWeakModulesFromNode: () => useWeakModulesFromNode,
+  useWeakNodeConfigNodeField: () => useWeakNodeConfigNodeField,
+  useWeakNodeDescription: () => useWeakNodeDescription,
+  useWeakNodeFromNode: () => useWeakNodeFromNode,
+  useWeakProvidedNode: () => useWeakProvidedNode
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/NodeDescriptionBox.tsx
+var import_react_flexbox = require("@xylabs/react-flexbox");
+
+// src/hooks/ModuleFromNodeConfig.ts
+var useModuleFromNodeConfigLogger = (config) => {
+  return config?.logger;
+};
+
+// src/hooks/provided/useProvidedNode.tsx
+var import_react_node_context = require("@xyo-network/react-node-context");
+var import_react = require("react");
+var useProvidedNode = () => {
+  const { node } = (0, import_react.useContext)(import_react_node_context.NodeContext);
+  return [node];
+};
+
+// src/hooks/provided/useWeakProvidedNode.tsx
+var import_react_node_context2 = require("@xyo-network/react-node-context");
+var import_react2 = require("react");
+var useWeakProvidedNode = () => {
+  const { node } = (0, import_react2.useContext)(import_react_node_context2.NodeContext);
+  const weakNode = (0, import_react2.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
+var import_react_promise2 = require("@xylabs/react-promise");
+var import_module_model = require("@xyo-network/module-model");
+var import_react4 = require("react");
+
+// src/hooks/useNode.ts
+var import_react_promise = require("@xylabs/react-promise");
+var import_node_model = require("@xyo-network/node-model");
+
+// src/hooks/useNodeConfigNodeField.ts
+var import_react3 = require("react");
+var useNodeConfigNodeField = (config) => {
+  const nodeAddress = (0, import_react3.useMemo)(() => typeof config?.node === "string" ? config?.node : void 0, [config?.node]);
+  const nodeInstance = (0, import_react3.useMemo)(() => typeof config?.node === "object" ? config?.node : 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] = (0, import_react_promise.usePromise)(async () => {
+    if (providedNode && nodeAddress) {
+      return (0, import_node_model.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] = (0, import_react4.useState)();
+  const [, error] = (0, import_react_promise2.usePromise)(async () => {
+    logger?.debug("useModuleFromNode: resolving");
+    const identity = config?.identity ?? import_module_model.isModuleInstance;
+    if (node && nameOrAddressOrInstance) {
+      node.on("moduleAttached", ({ module: mod }) => {
+        logger?.debug(`useModuleFromNode: moduleAttached [${mod.config.name ?? mod.address}]`);
+        if (mod.address === nameOrAddressOrInstance || mod.config?.name === nameOrAddressOrInstance) {
+          setResult(identity(mod) ? mod : void 0);
+        }
+      });
+      node.on("moduleDetached", ({ module: mod }) => {
+        logger?.debug(`useModuleFromNode: moduleDetached [${mod.config.name ?? mod.address}]`);
+        if (mod.address === nameOrAddressOrInstance || mod.config?.name === nameOrAddressOrInstance) {
+          setResult(void 0);
+        }
+      });
+      if (identity(nameOrAddressOrInstance)) {
+        setResult(nameOrAddressOrInstance);
+      } else {
+        const result2 = await node.resolve(nameOrAddressOrInstance, filterOptions);
+        logger?.debug(`Result: ${result2?.address}`);
+        setResult(identity(result2) ? result2 : void 0);
+      }
+      return result;
+    }
+    logger?.debug("Result: No Node");
+    return;
+  }, [node, nameOrAddressOrInstance]);
+  return [result, nodeError ?? error];
+};
+
+// src/hooks/useModulesFromNode.ts
+var import_react_promise3 = require("@xylabs/react-promise");
+var import_react5 = require("react");
+var useModulesFromNode = (filter, config) => {
+  const [node, nodeError] = useNode(config);
+  const logger = config?.logger;
+  const filterOptions = useModuleFilterOptions();
+  const [result, setResult] = (0, import_react5.useState)();
+  const [, error] = (0, import_react_promise3.usePromise)(async () => {
+    logger?.debug("useModuleFromNode: resolving");
+    if (node) {
+      node.on("moduleAttached", async ({ module: mod }) => {
+        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?.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
+var import_react_promise4 = require("@xylabs/react-promise");
+var import_module_model2 = require("@xyo-network/module-model");
+var import_payload_model = require("@xyo-network/payload-model");
+var useNodeDescription = (config) => {
+  const [activeNode, nodeError] = useNode(config);
+  const [description, error] = (0, import_react_promise4.usePromise)(async () => {
+    const state = await activeNode?.state();
+    return state?.find((0, import_payload_model.isPayloadOfSchemaType)(import_module_model2.ModuleDescriptionSchema));
+  }, [activeNode]);
+  return [description, nodeError ?? error];
+};
+
+// src/hooks/useNodeFromNode.tsx
+var import_node_model2 = require("@xyo-network/node-model");
+var useNodeFromNode = (nameOrAddressOrInstance, config) => {
+  const [mod, error] = useModuleFromNode(nameOrAddressOrInstance, config);
+  const instance = (0, import_node_model2.asNodeInstance)(mod);
+  if (mod && !instance) {
+    const error2 = new Error(`Resolved module is not a NodeInstance [${mod.config?.schema}:${mod.config?.name}:${mod.address}]`);
+    console.error(error2.message);
+    return [void 0, error2];
+  }
+  return [instance, error];
+};
+
+// src/hooks/useNodesFromNode.tsx
+var import_node_model3 = require("@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 ((0, import_node_model3.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
+var import_react_promise6 = require("@xylabs/react-promise");
+var import_module_model3 = require("@xyo-network/module-model");
+var import_react7 = require("react");
+
+// src/hooks/useWeakNode.ts
+var import_react_promise5 = require("@xylabs/react-promise");
+var import_node_model4 = require("@xyo-network/node-model");
+
+// src/hooks/useWeakNodeConfigNodeField.ts
+var import_react6 = require("react");
+var useWeakNodeConfigNodeField = (config) => {
+  const nodeAddress = (0, import_react6.useMemo)(() => typeof config?.node === "string" ? config?.node : void 0, [config?.node]);
+  const nodeInstance = (0, import_react6.useMemo)(() => typeof config?.node === "object" ? config?.node : 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] = (0, import_react_promise5.usePromise)(async () => {
+    const providedNodeInstance = providedNode?.deref();
+    if (providedNodeInstance && nodeAddress) {
+      return new WeakRef((0, import_node_model4.asNodeInstance)(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?.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] = (0, import_react7.useState)();
+  const [, error] = (0, import_react_promise6.usePromise)(async () => {
+    logger?.debug("useModuleFromNode: resolving");
+    const identity = config?.identity ?? import_module_model3.isModuleInstance;
+    const nodeInstance = node?.deref();
+    if (nodeInstance && nameOrAddressOrInstance) {
+      nodeInstance.on("moduleAttached", ({ module: mod }) => {
+        logger?.debug(`useModuleFromNode: moduleAttached [${mod.config.name ?? mod.address}]`);
+        if (mod.address === nameOrAddressOrInstance || mod.config?.name === nameOrAddressOrInstance) {
+          setResult(identity(mod) ? new WeakRef(mod) : void 0);
+        }
+      });
+      nodeInstance.on("moduleDetached", ({ module: mod }) => {
+        logger?.debug(`useModuleFromNode: moduleDetached [${mod.config.name ?? mod.address}]`);
+        if (mod.address === nameOrAddressOrInstance || mod.config?.name === nameOrAddressOrInstance) {
+          setResult(void 0);
+        }
+      });
+      if (identity(nameOrAddressOrInstance)) {
+        setResult(new WeakRef(nameOrAddressOrInstance));
+      } else {
+        const result2 = await nodeInstance.resolve(nameOrAddressOrInstance, filterOptions);
+        logger?.debug(`Result: ${result2?.address}`);
+        setResult(identity(result2) ? new WeakRef(result2) : void 0);
+      }
+      return result;
+    }
+    logger?.debug("Result: No Node");
+    return;
+  }, [node, nameOrAddressOrInstance]);
+  return [result, nodeError ?? error];
+};
+
+// src/hooks/useWeakModulesFromNode.ts
+var import_react_promise7 = require("@xylabs/react-promise");
+var import_react8 = require("react");
+var useWeakModulesFromNode = (filter, config) => {
+  const [node, nodeError] = useNode(config);
+  const logger = config?.logger;
+  const filterOptions = useModuleFilterOptions();
+  const [result, setResult] = (0, import_react8.useState)();
+  const [, error] = (0, import_react_promise7.usePromise)(async () => {
+    logger?.debug("useModuleFromNode: resolving");
+    const nodeInstance = node;
+    if (nodeInstance) {
+      nodeInstance.on("moduleAttached", async ({ module: mod }) => {
+        const nodeInstance2 = node;
+        logger?.debug(`useModuleFromNode: moduleAttached [${mod.config.name ?? mod.address}]`);
+        const moduleInstances2 = filter ? await nodeInstance2?.resolve(filter, filterOptions) : await nodeInstance2?.resolve("*", filterOptions);
+        setResult(moduleInstances2?.map((mod2) => new WeakRef(mod2)));
+      });
+      nodeInstance.on("moduleDetached", async ({ module: mod }) => {
+        const nodeInstance2 = node;
+        logger?.debug(`useModuleFromNode: moduleDetached [${mod.config.name ?? mod.address}]`);
+        const moduleInstances2 = filter ? await nodeInstance2?.resolve(filter, filterOptions) : await nodeInstance2?.resolve("*", filterOptions);
+        setResult(moduleInstances2?.map((mod2) => new WeakRef(mod2)));
+      });
+      const moduleInstances = filter ? await nodeInstance.resolve(filter, filterOptions) : await nodeInstance.resolve("*", filterOptions);
+      setResult(moduleInstances?.map((mod) => new WeakRef(mod)));
+      return moduleInstances;
+    }
+    console.log("Result: No Node");
+    return;
+  }, [node, filter]);
+  return [result, nodeError ?? error];
+};
+
+// src/hooks/useWeakNodeDescription.ts
+var import_react_promise8 = require("@xylabs/react-promise");
+var import_module_model4 = require("@xyo-network/module-model");
+var import_payload_model2 = require("@xyo-network/payload-model");
+var useWeakNodeDescription = (config) => {
+  const [activeNode, nodeError] = useWeakNode(config);
+  const [description, error] = (0, import_react_promise8.usePromise)(async () => {
+    const state = await activeNode?.deref()?.state();
+    return state?.find((0, import_payload_model2.isPayloadOfSchemaType)(import_module_model4.ModuleDescriptionSchema));
+  }, [activeNode]);
+  return [description, nodeError ?? error];
+};
+
+// src/hooks/useWeakNodeFromNode.tsx
+var import_node_model5 = require("@xyo-network/node-model");
+var useWeakNodeFromNode = (nameOrAddressOrInstance, config) => {
+  return useWeakModuleFromNode(nameOrAddressOrInstance, { identity: import_node_model5.isNodeInstance, ...config });
+};
+
+// src/components/NodeDescriptionBox.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var NodeDescriptionBox = ({ node, ...props }) => {
+  const [description, error] = useWeakNodeDescription({ node });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { color: error ? "red" : void 0, children: error ? error.message : JSON.stringify(description, null, 2) }) });
+};
+
+// src/components/Node.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var NodeBox = ({ variant, ...props }) => {
+  switch (variant) {
+    case "description":
+    default: {
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(NodeDescriptionBox, { ...props });
+    }
+  }
+};
+
+// src/components/NodeDrawer.tsx
+var import_icons_material2 = require("@mui/icons-material");
+var import_material3 = require("@mui/material");
+var import_react_flexbox2 = require("@xylabs/react-flexbox");
+var import_react_node_provider = require("@xyo-network/react-node-provider");
+
+// src/components/render/ModuleDescriptionBox.tsx
+var import_icons_material = require("@mui/icons-material");
+var import_material2 = require("@mui/material");
+var import_x_tree_view2 = require("@mui/x-tree-view");
+var import_react10 = require("react");
+
+// src/components/render/RenderModule.tsx
+var import_material = require("@mui/material");
+var import_x_tree_view = require("@mui/x-tree-view");
+var import_react_async_effect = require("@xylabs/react-async-effect");
+var import_react9 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var RenderModule = ({ mod, idRef }) => {
+  const [childModules, setChildModules] = (0, import_react9.useState)();
+  (0, import_react_async_effect.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__ */ (0, import_jsx_runtime3.jsxs)(StyledAddressTreeItem, { nodeId: increment(), label: `address: ${address}`, children: [
+    queries?.map((query, index) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_x_tree_view.TreeItem, { nodeId: increment(), label: `query : ${query}`, sx: { mb: index === queries.length - 1 ? 1.5 : 0.5 } }, query);
+    }),
+    childModules && childModules.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_x_tree_view.TreeItem, { nodeId: increment(), label: "children", sx: { mb: 0.5 }, children: childModules.map((childModuleRef) => {
+      const childModule = childModuleRef.deref();
+      return childModule ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RenderModule, { mod: childModuleRef, idRef }, childModule?.address) : null;
+    }) }) : null
+  ] });
+};
+var StyledAddressTreeItem = (0, import_material.styled)(import_x_tree_view.TreeItem, { name: "StyledAddressTreeItem" })(({ theme }) => ({
+  "& .MuiTreeItem-content": {
+    marginBottom: theme.spacing(0.25)
+  }
+}));
+
+// src/components/render/ModuleDescriptionBox.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ModuleDescriptionBox = ({ mod }) => {
+  const idRef = (0, import_react10.useRef)({ idIncrementor: 0, ids: [] });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: mod ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material2.Typography, { variant: "h4", children: "Node Configuration" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      StyledTreeView,
+      {
+        "aria-label": "file system navigator",
+        defaultCollapseIcon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons_material.ExpandMore, {}),
+        defaultExpandIcon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons_material.ChevronRight, {}),
+        sx: { flexGrow: 1 },
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RenderModule, { mod, idRef })
+      }
+    )
+  ] }) : mod === null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material2.Typography, { variant: "h4", children: "Node loading..." }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material2.Typography, { variant: "h4", children: "Node not found" }) });
+};
+var StyledTreeView = (0, import_material2.styled)(import_x_tree_view2.TreeView, { name: "StyledTreeView" })(() => ({
+  height: "auto",
+  maxWidth: "auto"
+}));
+
+// src/components/NodeDrawer.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var NodeDrawer = ({ children, ...props }) => {
+  const { open, setOpen } = (0, import_react_node_provider.useNodeDrawer)();
+  const [node] = useWeakProvidedNode();
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material3.Drawer, { open: open ?? false, anchor: "right", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material3.ClickAwayListener, { onClickAway: () => setOpen?.(false), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_flexbox2.FlexGrowCol, { role: "presentation", justifyContent: "start", p: 2, rowGap: 2, minWidth: "33vw", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_flexbox2.FlexRow, { alignContent: "start", justifyContent: "start", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material3.IconButton, { onClick: () => setOpen?.(false), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons_material2.Close, {}) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleDescriptionBox, { mod: node }),
+    children
+  ] }) }) });
+};
+
+// src/index.ts
+__reExport(src_exports, require("@xyo-network/react-node-context"), module.exports);
+__reExport(src_exports, require("@xyo-network/react-node-provider"), module.exports);
 //# sourceMappingURL=index.cjs.map