@xyo-network/react-node 2.82.0 → 2.83.1

package/dist/browser/index.cjs

@@ -1,611 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-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/Node.tsx
-var import_react10 = __toESM(require("react"), 1);
-
-// src/components/NodeDescriptionBox.tsx
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react9 = __toESM(require("react"), 1);
-
-// src/hooks/ModuleFromNodeConfig.ts
-var useModuleFromNodeConfigLogger = /* @__PURE__ */ __name((config) => {
-  return config?.logger;
-}, "useModuleFromNodeConfigLogger");
-
-// src/hooks/provided/useProvidedNode.tsx
-var import_react_node_context = require("@xyo-network/react-node-context");
-var import_react = require("react");
-var useProvidedNode = /* @__PURE__ */ __name(() => {
-  const { node } = (0, import_react.useContext)(import_react_node_context.NodeContext);
-  return [
-    node
-  ];
-}, "useProvidedNode");
-
-// src/hooks/provided/useWeakProvidedNode.tsx
-var import_react_node_context2 = require("@xyo-network/react-node-context");
-var import_react2 = require("react");
-var useWeakProvidedNode = /* @__PURE__ */ __name(() => {
-  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
-  ];
-}, "useWeakProvidedNode");
-
-// src/hooks/useModuleFilterOptions.ts
-var useModuleFilterOptions = /* @__PURE__ */ __name((config) => {
-  const { direction, identity, maxDepth } = config ?? {};
-  return {
-    direction,
-    identity,
-    maxDepth
-  };
-}, "useModuleFilterOptions");
-
-// 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 = /* @__PURE__ */ __name((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
-  ];
-}, "useNodeConfigNodeField");
-
-// src/hooks/useNode.ts
-var useNode = /* @__PURE__ */ __name((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
-  ];
-}, "useNode");
-
-// src/hooks/useModuleFromNode.ts
-var useModuleFromNode = /* @__PURE__ */ __name((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", ({ 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", ({ 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
-  ];
-}, "useModuleFromNode");
-
-// src/hooks/useModulesFromNode.ts
-var import_react_promise3 = require("@xylabs/react-promise");
-var import_react5 = require("react");
-var useModulesFromNode = /* @__PURE__ */ __name((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 ({ 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 ({ 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
-  ];
-}, "useModulesFromNode");
-
-// 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 = /* @__PURE__ */ __name((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
-  ];
-}, "useNodeDescription");
-
-// src/hooks/useNodeFromNode.tsx
-var import_node_model2 = require("@xyo-network/node-model");
-var useNodeFromNode = /* @__PURE__ */ __name((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
-  ];
-}, "useNodeFromNode");
-
-// src/hooks/useNodesFromNode.tsx
-var import_node_model3 = require("@xyo-network/node-model");
-var useNodesFromNode = /* @__PURE__ */ __name((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
-  ];
-}, "useNodesFromNode");
-
-// src/hooks/useWeakModuleFilterOptions.ts
-var useWeakModuleFilterOptions = /* @__PURE__ */ __name((config) => {
-  const { direction, identity, maxDepth } = config ?? {};
-  return {
-    direction,
-    identity,
-    maxDepth
-  };
-}, "useWeakModuleFilterOptions");
-
-// 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 = /* @__PURE__ */ __name((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
-  ];
-}, "useWeakNodeConfigNodeField");
-
-// src/hooks/useWeakNode.ts
-var useWeakNode = /* @__PURE__ */ __name((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
-  ];
-}, "useWeakNode");
-
-// src/hooks/WeakModuleFromNodeConfig.ts
-var useWeakModuleFromNodeConfigLogger = /* @__PURE__ */ __name((config) => {
-  return config?.logger;
-}, "useWeakModuleFromNodeConfigLogger");
-
-// src/hooks/useWeakModuleFromNode.ts
-var useWeakModuleFromNode = /* @__PURE__ */ __name((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", ({ 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", ({ 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
-  ];
-}, "useWeakModuleFromNode");
-
-// src/hooks/useWeakModulesFromNode.ts
-var import_react_promise7 = require("@xylabs/react-promise");
-var import_react8 = require("react");
-var useWeakModulesFromNode = /* @__PURE__ */ __name((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 ({ 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 ({ 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
-  ];
-}, "useWeakModulesFromNode");
-
-// 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 = /* @__PURE__ */ __name((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
-  ];
-}, "useWeakNodeDescription");
-
-// src/hooks/useWeakNodeFromNode.tsx
-var import_node_model5 = require("@xyo-network/node-model");
-var useWeakNodeFromNode = /* @__PURE__ */ __name((nameOrAddressOrInstance, config) => {
-  return useWeakModuleFromNode(nameOrAddressOrInstance, {
-    identity: import_node_model5.isNodeInstance,
-    ...config
-  });
-}, "useWeakNodeFromNode");
-
-// src/components/NodeDescriptionBox.tsx
-var NodeDescriptionBox = /* @__PURE__ */ __name(({ node, ...props }) => {
-  const [description, error] = useWeakNodeDescription({
-    node
-  });
-  return /* @__PURE__ */ import_react9.default.createElement(import_react_flexbox.FlexCol, props, /* @__PURE__ */ import_react9.default.createElement("code", {
-    color: error ? "red" : void 0
-  }, error ? error.message : JSON.stringify(description, null, 2)));
-}, "NodeDescriptionBox");
-
-// src/components/Node.tsx
-var NodeBox = /* @__PURE__ */ __name(({ variant, ...props }) => {
-  switch (variant) {
-    case "description":
-    default: {
-      return /* @__PURE__ */ import_react10.default.createElement(NodeDescriptionBox, props);
-    }
-  }
-}, "NodeBox");
-
-// 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");
-var import_react13 = __toESM(require("react"), 1);
-
-// 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_react12 = __toESM(require("react"), 1);
-
-// 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_react11 = __toESM(require("react"), 1);
-var RenderModule = /* @__PURE__ */ __name(({ mod, idRef }) => {
-  const [childModules, setChildModules] = (0, import_react11.useState)();
-  (0, import_react_async_effect.useAsyncEffect)(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 = /* @__PURE__ */ __name(() => {
-    const newId = (idRef.current.idIncrementor++).toString();
-    idRef.current.ids.push(newId);
-    return newId;
-  }, "increment");
-  const moduleInstance = mod.deref();
-  const { queries, address } = moduleInstance ?? {};
-  return /* @__PURE__ */ import_react11.default.createElement(StyledAddressTreeItem, {
-    nodeId: increment(),
-    label: `address: ${address}`
-  }, queries?.map((query, index) => {
-    return /* @__PURE__ */ import_react11.default.createElement(import_x_tree_view.TreeItem, {
-      key: query,
-      nodeId: increment(),
-      label: `query : ${query}`,
-      sx: {
-        mb: index === queries.length - 1 ? 1.5 : 0.5
-      }
-    });
-  }), childModules && childModules.length > 0 ? /* @__PURE__ */ import_react11.default.createElement(import_x_tree_view.TreeItem, {
-    nodeId: increment(),
-    label: "children",
-    sx: {
-      mb: 0.5
-    }
-  }, childModules.map((childModuleRef) => {
-    const childModule = childModuleRef.deref();
-    return childModule ? /* @__PURE__ */ import_react11.default.createElement(RenderModule, {
-      key: childModule?.address,
-      mod: childModuleRef,
-      idRef
-    }) : null;
-  })) : null);
-}, "RenderModule");
-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 ModuleDescriptionBox = /* @__PURE__ */ __name(({ mod }) => {
-  const idRef = (0, import_react12.useRef)({
-    idIncrementor: 0,
-    ids: []
-  });
-  return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, mod ? /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(import_material2.Typography, {
-    variant: "h4"
-  }, "Node Configuration"), /* @__PURE__ */ import_react12.default.createElement(StyledTreeView, {
-    "aria-label": "file system navigator",
-    defaultCollapseIcon: /* @__PURE__ */ import_react12.default.createElement(import_icons_material.ExpandMore, null),
-    defaultExpandIcon: /* @__PURE__ */ import_react12.default.createElement(import_icons_material.ChevronRight, null),
-    sx: {
-      flexGrow: 1
-    }
-  }, /* @__PURE__ */ import_react12.default.createElement(RenderModule, {
-    mod,
-    idRef
-  }))) : mod === null ? /* @__PURE__ */ import_react12.default.createElement(import_material2.Typography, {
-    variant: "h4"
-  }, "Node loading...") : /* @__PURE__ */ import_react12.default.createElement(import_material2.Typography, {
-    variant: "h4"
-  }, "Node not found"));
-}, "ModuleDescriptionBox");
-var StyledTreeView = (0, import_material2.styled)(import_x_tree_view2.TreeView, {
-  name: "StyledTreeView"
-})(() => ({
-  height: "auto",
-  maxWidth: "auto"
-}));
-
-// src/components/NodeDrawer.tsx
-var NodeDrawer = /* @__PURE__ */ __name(({ children, ...props }) => {
-  const { open, setOpen } = (0, import_react_node_provider.useNodeDrawer)();
-  const [node] = useWeakProvidedNode();
-  return /* @__PURE__ */ import_react13.default.createElement(import_material3.Drawer, {
-    open: open ?? false,
-    anchor: "right",
-    ...props
-  }, /* @__PURE__ */ import_react13.default.createElement(import_material3.ClickAwayListener, {
-    onClickAway: /* @__PURE__ */ __name(() => setOpen?.(false), "onClickAway")
-  }, /* @__PURE__ */ import_react13.default.createElement(import_react_flexbox2.FlexGrowCol, {
-    role: "presentation",
-    justifyContent: "start",
-    p: 2,
-    rowGap: 2,
-    minWidth: "33vw"
-  }, /* @__PURE__ */ import_react13.default.createElement(import_react_flexbox2.FlexRow, {
-    alignContent: "start",
-    justifyContent: "start",
-    width: "100%"
-  }, /* @__PURE__ */ import_react13.default.createElement(import_material3.IconButton, {
-    onClick: /* @__PURE__ */ __name(() => setOpen?.(false), "onClick")
-  }, /* @__PURE__ */ import_react13.default.createElement(import_icons_material2.Close, null))), /* @__PURE__ */ import_react13.default.createElement(ModuleDescriptionBox, {
-    mod: node
-  }), children)));
-}, "NodeDrawer");
-
-// 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