@xyo-network/react-node 2.75.6 → 2.76.0

package/dist/neutral/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts","../../src/components/NodeDescriptionBox.tsx","../../src/hooks/ModuleFromNodeConfig.ts","../../src/hooks/provided/useProvidedNode.tsx","../../src/hooks/provided/useWeakProvidedNode.tsx","../../src/hooks/useModuleFilterOptions.ts","../../src/hooks/useModuleFromNode.ts","../../src/hooks/useNode.ts","../../src/hooks/useNodeConfigNodeField.ts","../../src/hooks/useModulesFromNode.ts","../../src/hooks/useNodeDescription.ts","../../src/hooks/useNodeFromNode.tsx","../../src/hooks/useNodesFromNode.tsx","../../src/hooks/useWeakModuleFromNode.ts","../../src/hooks/useWeakModulesFromNode.ts","../../src/hooks/useWeakNodeConfigNodeField.ts","../../src/hooks/useWeakNodeDescription.ts","../../src/hooks/useWeakNode.ts","../../src/hooks/useWeakNodeFromNode.tsx","../../src/hooks/WeakModuleFromNodeConfig.ts","../../src/components/Node.tsx","../../src/components/NodeDrawer.tsx","../../src/components/render/ModuleDescriptionBox.tsx","../../src/components/render/RenderModule.tsx"],"sourcesContent":["export * from './components'\nexport * from './hooks'\nexport * from '@xyo-network/react-node-context'\nexport * from '@xyo-network/react-node-provider'\n","import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { NodeInstance } from '@xyo-network/node-model'\n\nimport { useWeakNodeDescription } from '../hooks'\n\nexport interface NodeDescriptionBoxProps extends FlexBoxProps {\n  node?: string | WeakRef<NodeInstance>\n}\n\nexport const NodeDescriptionBox: React.FC<NodeDescriptionBoxProps> = ({ node, ...props }) => {\n  const [description, error] = useWeakNodeDescription({ node })\n\n  return (\n    <FlexCol {...props}>\n      <code color={error ? 'red' : undefined}>{error ? error.message : JSON.stringify(description, null, 2)}</code>\n    </FlexCol>\n  )\n}\n","import { Logger } from '@xylabs/logger'\nimport { ModuleFilterOptions, ModuleInstance } from '@xyo-network/module-model'\nimport { NodeInstance } from '@xyo-network/node-model'\n\nexport type ModuleFromNodeConfig<T extends ModuleInstance = ModuleInstance> = ModuleFilterOptions<T> & {\n  logger?: Logger\n  node?: NodeInstance | string\n}\n\nexport const useModuleFromNodeConfigLogger = (config?: ModuleFromNodeConfig) => {\n  return config?.logger\n}\n","import { NodeInstance } from '@xyo-network/node-model'\nimport { NodeContext } from '@xyo-network/react-node-context'\nimport { useContext } from 'react'\n\nexport const useProvidedNode = (): [NodeInstance | null | undefined] => {\n  const { node } = useContext(NodeContext)\n  return [node]\n}\n","import { NodeInstance } from '@xyo-network/node-model'\nimport { NodeContext } from '@xyo-network/react-node-context'\nimport { useContext, useMemo } from 'react'\n\nexport const useWeakProvidedNode = (): [WeakRef<NodeInstance> | null | undefined] => {\n  const { node } = useContext(NodeContext)\n  const weakNode = useMemo(() => (node ? new WeakRef(node) : null), [node])\n  return [weakNode]\n}\n","/* eslint-disable deprecation/deprecation */\n/* eslint-disable import/no-deprecated */\nimport { ModuleFromNodeConfig } from './ModuleFromNodeConfig'\n\nexport const useModuleFilterOptions = (config?: ModuleFromNodeConfig) => {\n  const { direction, identity, maxDepth } = config ?? {}\n  return { direction, identity, maxDepth }\n}\n","/* eslint-disable import/no-deprecated */\n/* eslint-disable deprecation/deprecation */\nimport { TypeCheck } from '@xylabs/object'\nimport { usePromise } from '@xylabs/react-promise'\nimport { isModuleInstance, ModuleInstance } from '@xyo-network/module-model'\nimport { useState } from 'react'\n\nimport { ModuleFromNodeConfig, useModuleFromNodeConfigLogger } from './ModuleFromNodeConfig'\nimport { useModuleFilterOptions } from './useModuleFilterOptions'\nimport { useNode } from './useNode'\n\n/** @deprecated use useWeakModuleFromNode */\nexport const useModuleFromNode = <T extends ModuleInstance | void = void>(\n  nameOrAddressOrInstance: string | (T extends ModuleInstance ? T : ModuleInstance) | undefined = undefined,\n  config?: T extends ModuleInstance ? ModuleFromNodeConfig<T> : ModuleFromNodeConfig | undefined,\n): [(T extends ModuleInstance ? T : ModuleInstance) | undefined, Error | undefined] => {\n  const [node, nodeError] = useNode(config)\n  const logger = useModuleFromNodeConfigLogger(config)\n  const filterOptions = useModuleFilterOptions(config)\n  const [result, setResult] = useState<(T extends ModuleInstance ? T : ModuleInstance) | undefined>()\n  const [, error] = usePromise(async () => {\n    logger?.debug('useModuleFromNode: resolving')\n    const identity: TypeCheck<T extends ModuleInstance ? T : ModuleInstance> = (config?.identity ?? isModuleInstance) as TypeCheck<\n      T extends ModuleInstance ? T : ModuleInstance\n    >\n    if (node && nameOrAddressOrInstance) {\n      node.on('moduleAttached', ({ module: mod }) => {\n        logger?.debug(`useModuleFromNode: moduleAttached [${mod.config.name ?? mod.address}]`)\n        if (mod.address === nameOrAddressOrInstance || mod.config?.name === nameOrAddressOrInstance) {\n          setResult(identity(mod) ? (mod as T extends ModuleInstance ? T : ModuleInstance) : undefined)\n        }\n      })\n      node.on('moduleDetached', ({ module: mod }) => {\n        logger?.debug(`useModuleFromNode: moduleDetached [${mod.config.name ?? mod.address}]`)\n        if (mod.address === nameOrAddressOrInstance || mod.config?.name === nameOrAddressOrInstance) {\n          setResult(undefined)\n        }\n      })\n      if (identity(nameOrAddressOrInstance)) {\n        setResult(nameOrAddressOrInstance)\n      } else {\n        const result = await node.resolve(nameOrAddressOrInstance, filterOptions)\n        logger?.debug(`Result: ${result?.address}`)\n        setResult(identity(result) ? (result as T extends ModuleInstance ? T : ModuleInstance) : undefined)\n      }\n      return result\n    }\n    logger?.debug('Result: No Node')\n    return\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [node, nameOrAddressOrInstance])\n  return [result, nodeError ?? error]\n}\n","import { usePromise } from '@xylabs/react-promise'\nimport { asNodeInstance, NodeInstance } from '@xyo-network/node-model'\n\nimport { ModuleFromNodeConfig } from './ModuleFromNodeConfig'\nimport { useProvidedNode } from './provided'\nimport { useNodeConfigNodeField } from './useNodeConfigNodeField'\n\nexport const useNode = (config?: ModuleFromNodeConfig | undefined): [NodeInstance | undefined, Error | undefined] => {\n  const [nodeAddress, nodeInstance] = useNodeConfigNodeField(config)\n  const [providedNode] = useProvidedNode()\n  const [nodeAddressNode, error] = usePromise(async () => {\n    if (providedNode && nodeAddress) {\n      return asNodeInstance(await providedNode.resolve(nodeAddress), 'Module is not a node')\n    }\n  }, [providedNode, nodeAddress])\n  return [nodeAddressNode ?? nodeInstance ?? providedNode ?? undefined, error]\n}\n","/* eslint-disable deprecation/deprecation */\n/* eslint-disable import/no-deprecated */\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { useMemo } from 'react'\n\nimport { ModuleFromNodeConfig } from './ModuleFromNodeConfig'\n\nexport const useNodeConfigNodeField = (config?: ModuleFromNodeConfig | undefined): [string | undefined, NodeInstance | undefined] => {\n  const nodeAddress = useMemo(() => (typeof config?.node === 'string' ? config?.node : undefined), [config?.node])\n  const nodeInstance = useMemo(() => (typeof config?.node === 'object' ? config?.node : undefined), [config?.node])\n  return [nodeAddress, nodeInstance]\n}\n","/* eslint-disable deprecation/deprecation */\n/* eslint-disable import/no-deprecated */\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleFilter, ModuleInstance } from '@xyo-network/module-model'\nimport { useState } from 'react'\n\nimport { ModuleFromNodeConfig } from './ModuleFromNodeConfig'\nimport { useModuleFilterOptions } from './useModuleFilterOptions'\nimport { useNode } from './useNode'\n\n/** @deprecated use useModulesFromNode */\nexport const useModulesFromNode = (filter?: ModuleFilter, config?: ModuleFromNodeConfig): [ModuleInstance[] | undefined, Error | undefined] => {\n  const [node, nodeError] = useNode(config)\n  const logger = config?.logger\n  const filterOptions = useModuleFilterOptions()\n  const [result, setResult] = useState<ModuleInstance[] | undefined>()\n  const [, error] = usePromise(async () => {\n    logger?.debug('useModuleFromNode: resolving')\n    if (node) {\n      node.on('moduleAttached', async ({ module: mod }) => {\n        logger?.debug(`useModuleFromNode: moduleAttached [${mod.config.name ?? mod.address}]`)\n        const moduleInstances = filter ? await node.resolve(filter, filterOptions) : await node.resolve('*', filterOptions)\n        setResult(moduleInstances)\n      })\n      node.on('moduleDetached', async ({ module: mod }) => {\n        logger?.debug(`useModuleFromNode: moduleDetached [${mod.config.name ?? mod.address}]`)\n        const moduleInstances = filter ? await node.resolve(filter, filterOptions) : await node.resolve('*', filterOptions)\n        setResult(moduleInstances)\n      })\n      const moduleInstances = filter ? await node.resolve(filter, filterOptions) : await node.resolve('*', filterOptions)\n      setResult(moduleInstances)\n      return moduleInstances\n    }\n    console.log('Result: No Node')\n    return\n  }, [node, filter])\n  return [result, nodeError ?? error]\n}\n","import { usePromise } from '@xylabs/react-promise'\nimport { ModuleDescription, ModuleDescriptionPayload, ModuleDescriptionSchema } from '@xyo-network/module-model'\nimport { isPayloadOfSchemaType } from '@xyo-network/payload-model'\n\nimport { ModuleFromNodeConfig } from './ModuleFromNodeConfig'\nimport { useNode } from './useNode'\n\nexport const useNodeDescription = (config?: ModuleFromNodeConfig | undefined): [ModuleDescription | undefined, Error | undefined] => {\n  const [activeNode, nodeError] = useNode(config)\n  const [description, error] = usePromise(async () => {\n    const state = await activeNode?.state()\n    return state?.find<ModuleDescriptionPayload>(isPayloadOfSchemaType(ModuleDescriptionSchema))\n  }, [activeNode])\n  return [description, nodeError ?? error]\n}\n","import { asNodeInstance, NodeInstance } from '@xyo-network/node-model'\n\nimport { ModuleFromNodeConfig } from './ModuleFromNodeConfig'\n// eslint-disable-next-line import/no-deprecated\nimport { useModuleFromNode } from './useModuleFromNode'\n\n/** @deprecated use useWeakNodeFromNode instead */\nexport const useNodeFromNode = (\n  nameOrAddressOrInstance?: string | NodeInstance,\n  config?: ModuleFromNodeConfig,\n): [NodeInstance | undefined, Error | undefined] => {\n  // eslint-disable-next-line import/no-deprecated, deprecation/deprecation\n  const [mod, error] = useModuleFromNode(nameOrAddressOrInstance, config)\n  const instance = asNodeInstance(mod)\n  if (mod && !instance) {\n    const error = new Error(`Resolved module is not a NodeInstance [${mod.config?.schema}:${mod.config?.name}:${mod.address}]`)\n    console.error(error.message)\n    return [undefined, error]\n  }\n  return [instance, error]\n}\n","import { ModuleFilter } from '@xyo-network/module-model'\nimport { isNodeInstance, NodeInstance } from '@xyo-network/node-model'\n\nimport { ModuleFromNodeConfig } from './ModuleFromNodeConfig'\n// eslint-disable-next-line import/no-deprecated\nimport { useModulesFromNode } from './useModulesFromNode'\n\n/** @deprecated use useWeakNodesFromNode */\nexport const useNodesFromNode = (filter?: ModuleFilter, config?: ModuleFromNodeConfig): [NodeInstance[] | null | undefined, Error | undefined] => {\n  // eslint-disable-next-line import/no-deprecated, deprecation/deprecation\n  const [modules, error] = useModulesFromNode(filter, config)\n  if (error) {\n    return [null, error]\n  }\n  return modules ?\n      [\n        // eslint-disable-next-line unicorn/no-array-reduce\n        modules.reduce<NodeInstance[]>((prev, mod) => {\n          if (isNodeInstance(mod)) {\n            prev.push(mod)\n          }\n          return prev\n        }, []),\n        undefined,\n      ]\n    : [modules, error]\n}\n","import { TypeCheck } from '@xylabs/object'\nimport { usePromise } from '@xylabs/react-promise'\nimport { isModuleInstance, ModuleInstance } from '@xyo-network/module-model'\nimport { useState } from 'react'\n\nimport { ModuleFromNodeConfig, useModuleFromNodeConfigLogger } from './ModuleFromNodeConfig'\nimport { useModuleFilterOptions } from './useModuleFilterOptions'\nimport { useNode } from './useNode'\n\nexport const useWeakModuleFromNode = <T extends ModuleInstance | void = void>(\n  nameOrAddressOrInstance: string | (T extends ModuleInstance ? T : ModuleInstance) | undefined = undefined,\n  config?: ModuleFromNodeConfig,\n): [WeakRef<T extends ModuleInstance ? T : ModuleInstance> | undefined, Error | undefined] => {\n  const [node, nodeError] = useNode(config)\n  const logger = useModuleFromNodeConfigLogger(config)\n  const filterOptions = useModuleFilterOptions(config)\n  const [result, setResult] = useState<WeakRef<T extends ModuleInstance ? T : ModuleInstance> | undefined>()\n  const [, error] = usePromise(async () => {\n    logger?.debug('useModuleFromNode: resolving')\n    const identity: TypeCheck<T extends ModuleInstance ? T : ModuleInstance> = (config?.identity ?? isModuleInstance) as TypeCheck<\n      T extends ModuleInstance ? T : ModuleInstance\n    >\n    const nodeInstance = node\n    if (nodeInstance && nameOrAddressOrInstance) {\n      nodeInstance.on('moduleAttached', ({ module: mod }) => {\n        logger?.debug(`useModuleFromNode: moduleAttached [${mod.config.name ?? mod.address}]`)\n        if (mod.address === nameOrAddressOrInstance || mod.config?.name === nameOrAddressOrInstance) {\n          setResult(identity(mod) ? new WeakRef(mod as T extends ModuleInstance ? T : ModuleInstance) : undefined)\n        }\n      })\n      nodeInstance.on('moduleDetached', ({ module: mod }) => {\n        logger?.debug(`useModuleFromNode: moduleDetached [${mod.config.name ?? mod.address}]`)\n        if (mod.address === nameOrAddressOrInstance || mod.config?.name === nameOrAddressOrInstance) {\n          setResult(undefined)\n        }\n      })\n      if (identity(nameOrAddressOrInstance)) {\n        setResult(new WeakRef(nameOrAddressOrInstance as T extends ModuleInstance ? T : ModuleInstance))\n      } else {\n        const result = await nodeInstance.resolve(nameOrAddressOrInstance, filterOptions)\n        logger?.debug(`Result: ${result?.address}`)\n        setResult(identity(result) ? new WeakRef(result as T extends ModuleInstance ? T : ModuleInstance) : undefined)\n      }\n      return result\n    }\n    logger?.debug('Result: No Node')\n    return\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [node, nameOrAddressOrInstance])\n  return [result, nodeError ?? error]\n}\n","import { usePromise } from '@xylabs/react-promise'\nimport { ModuleFilter, ModuleInstance } from '@xyo-network/module-model'\nimport { useState } from 'react'\n\nimport { ModuleFromNodeConfig } from './ModuleFromNodeConfig'\nimport { useModuleFilterOptions } from './useModuleFilterOptions'\nimport { useNode } from './useNode'\n\nexport const useWeakModulesFromNode = (\n  filter?: ModuleFilter,\n  config?: ModuleFromNodeConfig,\n): [WeakRef<ModuleInstance>[] | undefined, Error | undefined] => {\n  const [node, nodeError] = useNode(config)\n  const logger = config?.logger\n  const filterOptions = useModuleFilterOptions()\n  const [result, setResult] = useState<WeakRef<ModuleInstance>[] | undefined>()\n  const [, error] = usePromise(async () => {\n    logger?.debug('useModuleFromNode: resolving')\n    const nodeInstance = node\n    if (nodeInstance) {\n      nodeInstance.on('moduleAttached', async ({ module: mod }) => {\n        const nodeInstance = node\n        logger?.debug(`useModuleFromNode: moduleAttached [${mod.config.name ?? mod.address}]`)\n        const moduleInstances = filter ? await nodeInstance?.resolve(filter, filterOptions) : await nodeInstance?.resolve('*', filterOptions)\n        setResult(moduleInstances?.map((mod) => new WeakRef(mod)))\n      })\n      nodeInstance.on('moduleDetached', async ({ module: mod }) => {\n        const nodeInstance = node\n        logger?.debug(`useModuleFromNode: moduleDetached [${mod.config.name ?? mod.address}]`)\n        const moduleInstances = filter ? await nodeInstance?.resolve(filter, filterOptions) : await nodeInstance?.resolve('*', filterOptions)\n        setResult(moduleInstances?.map((mod) => new WeakRef(mod)))\n      })\n      const moduleInstances = filter ? await nodeInstance.resolve(filter, filterOptions) : await nodeInstance.resolve('*', filterOptions)\n      setResult(moduleInstances?.map((mod) => new WeakRef(mod)))\n      return moduleInstances\n    }\n    console.log('Result: No Node')\n    return\n  }, [node, filter])\n  return [result, nodeError ?? error]\n}\n","import { NodeInstance } from '@xyo-network/node-model'\nimport { useMemo } from 'react'\n\nimport { WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig'\n\nexport const useWeakNodeConfigNodeField = (\n  config?: WeakModuleFromNodeConfig | undefined,\n): [string | undefined, WeakRef<NodeInstance> | undefined] => {\n  const nodeAddress = useMemo(() => (typeof config?.node === 'string' ? config?.node : undefined), [config?.node])\n  const nodeInstance = useMemo(() => (typeof config?.node === 'object' ? config?.node : undefined), [config?.node])\n  return [nodeAddress, nodeInstance]\n}\n","import { usePromise } from '@xylabs/react-promise'\nimport { ModuleDescription, ModuleDescriptionPayload, ModuleDescriptionSchema } from '@xyo-network/module-model'\nimport { isPayloadOfSchemaType } from '@xyo-network/payload-model'\n\nimport { useWeakNode } from './useWeakNode'\nimport { WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig'\n\nexport const useWeakNodeDescription = (config?: WeakModuleFromNodeConfig | undefined): [ModuleDescription | undefined, Error | undefined] => {\n  const [activeNode, nodeError] = useWeakNode(config)\n  const [description, error] = usePromise(async () => {\n    const state = await activeNode?.deref()?.state()\n    return state?.find<ModuleDescriptionPayload>(isPayloadOfSchemaType(ModuleDescriptionSchema))\n  }, [activeNode])\n  return [description, nodeError ?? error]\n}\n","import { usePromise } from '@xylabs/react-promise'\nimport { asNodeInstance, NodeInstance } from '@xyo-network/node-model'\n\nimport { useWeakProvidedNode } from './provided'\nimport { useWeakNodeConfigNodeField } from './useWeakNodeConfigNodeField'\nimport { WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig'\n\nexport const useWeakNode = (config?: WeakModuleFromNodeConfig | undefined): [WeakRef<NodeInstance> | undefined, Error | undefined] => {\n  const [nodeAddress, nodeInstance] = useWeakNodeConfigNodeField(config)\n  const [providedNode] = useWeakProvidedNode()\n  const [nodeAddressNode, error] = usePromise(async () => {\n    const providedNodeInstance = providedNode?.deref()\n    if (providedNodeInstance && nodeAddress) {\n      return new WeakRef(asNodeInstance(await providedNodeInstance.resolve(nodeAddress), 'Module is not a node'))\n    }\n  }, [providedNode, nodeAddress])\n  return [nodeAddressNode ?? nodeInstance ?? providedNode ?? undefined, error]\n}\n","import { isNodeInstance, NodeInstance } from '@xyo-network/node-model'\n\nimport { ModuleFromNodeConfig } from './ModuleFromNodeConfig'\nimport { useWeakModuleFromNode } from './useWeakModuleFromNode'\n\nexport const useWeakNodeFromNode = (\n  nameOrAddressOrInstance?: string | NodeInstance,\n  config?: ModuleFromNodeConfig,\n): [WeakRef<NodeInstance> | undefined, Error | undefined] => {\n  return useWeakModuleFromNode<NodeInstance>(nameOrAddressOrInstance, { identity: isNodeInstance, ...config })\n}\n","import { Logger } from '@xylabs/logger'\nimport { ModuleFilterOptions } from '@xyo-network/module-model'\nimport { NodeInstance } from '@xyo-network/node-model'\n\nexport type WeakModuleFromNodeConfig = ModuleFilterOptions & {\n  logger?: Logger\n  node?: WeakRef<NodeInstance> | string\n}\n\nexport const useWeakModuleFromNodeConfigLogger = (config?: WeakModuleFromNodeConfig) => {\n  return config?.logger\n}\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { NodeInstance } from '@xyo-network/node-model'\n\nimport { NodeDescriptionBox } from './NodeDescriptionBox'\n\nexport interface NodeBoxProps extends FlexBoxProps {\n  node?: string | WeakRef<NodeInstance>\n  variant?: 'description'\n}\n\nexport const NodeBox: React.FC<NodeBoxProps> = ({ variant, ...props }) => {\n  switch (variant) {\n    // eslint-disable-next-line unicorn/no-useless-switch-case\n    case 'description':\n    default: {\n      return <NodeDescriptionBox {...props} />\n    }\n  }\n}\n","import { Close as CloseIcon } from '@mui/icons-material'\nimport { ClickAwayListener, Drawer, DrawerProps, IconButton } from '@mui/material'\nimport { FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'\nimport type { WithChildren } from '@xylabs/react-shared'\nimport { useNodeDrawer } from '@xyo-network/react-node-provider'\n\nimport { useWeakProvidedNode } from '../hooks'\nimport { ModuleDescriptionBox } from './render'\n\nexport interface NodeDrawerProps extends WithChildren, Omit<DrawerProps, 'open'> {}\n\nexport const NodeDrawer: React.FC<NodeDrawerProps> = ({ children, ...props }) => {\n  const { open, setOpen } = useNodeDrawer()\n  const [node] = useWeakProvidedNode()\n\n  return (\n    <Drawer open={open ?? false} anchor=\"right\" {...props}>\n      <ClickAwayListener onClickAway={() => setOpen?.(false)}>\n        <FlexGrowCol role=\"presentation\" justifyContent=\"start\" p={2} rowGap={2} minWidth=\"33vw\">\n          <FlexRow alignContent=\"start\" justifyContent=\"start\" width=\"100%\">\n            <IconButton onClick={() => setOpen?.(false)}>\n              <CloseIcon />\n            </IconButton>\n          </FlexRow>\n          <ModuleDescriptionBox mod={node} />\n          {children}\n        </FlexGrowCol>\n      </ClickAwayListener>\n    </Drawer>\n  )\n}\n","import { ChevronRight as ChevronRightIcon, ExpandMore as ExpandMoreIcon } from '@mui/icons-material'\nimport { styled, Typography } from '@mui/material'\nimport { TreeView } from '@mui/x-tree-view'\nimport { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { useRef } from 'react'\n\nimport { RenderModule } from './RenderModule'\n\nexport interface ModuleDescriptionProps extends FlexBoxProps {\n  mod?: WeakRef<ModuleInstance> | null\n}\nexport const ModuleDescriptionBox: React.FC<ModuleDescriptionProps> = ({ mod }) => {\n  const idRef = useRef<{ idIncrementor: number; ids: string[] }>({ idIncrementor: 0, ids: [] })\n\n  return (\n    <>\n      {mod ?\n        <>\n          <Typography variant=\"h4\">Node Configuration</Typography>\n          <StyledTreeView\n            aria-label=\"file system navigator\"\n            defaultCollapseIcon={<ExpandMoreIcon />}\n            defaultExpandIcon={<ChevronRightIcon />}\n            sx={{ flexGrow: 1 }}\n          >\n            <RenderModule mod={mod} idRef={idRef} />\n          </StyledTreeView>\n        </>\n      : mod === null ?\n        <Typography variant=\"h4\">Node loading...</Typography>\n      : <Typography variant=\"h4\">Node not found</Typography>}\n    </>\n  )\n}\n\nconst StyledTreeView = styled(TreeView, { name: 'StyledTreeView' })(() => ({\n  height: 'auto',\n  maxWidth: 'auto',\n}))\n","import { styled } from '@mui/material'\nimport { TreeItem } from '@mui/x-tree-view'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { MutableRefObject, useState } from 'react'\n\ninterface RenderModuleProps {\n  idRef: MutableRefObject<{\n    idIncrementor: number\n    ids: string[]\n  }>\n  mod: WeakRef<ModuleInstance>\n}\n\nexport const RenderModule: React.FC<RenderModuleProps> = ({ mod, idRef }) => {\n  const [childModules, setChildModules] = useState<WeakRef<ModuleInstance>[]>()\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      const moduleInstance = mod.deref()\n      const { address } = moduleInstance ?? {}\n      if (moduleInstance) {\n        const children = (await moduleInstance.resolve('*')).filter((childModule) => childModule.address !== address)\n        if (mounted()) {\n          setChildModules(children.map((childModule) => new WeakRef(childModule)))\n        }\n      }\n    },\n    [mod],\n  )\n\n  const increment = () => {\n    const newId = (idRef.current.idIncrementor++).toString()\n    idRef.current.ids.push(newId)\n    return newId\n  }\n\n  const moduleInstance = mod.deref()\n  const { queries, address } = moduleInstance ?? {}\n\n  return (\n    <StyledAddressTreeItem nodeId={increment()} label={`address: ${address}`}>\n      {queries?.map((query, index) => {\n        return <TreeItem key={query} nodeId={increment()} label={`query : ${query}`} sx={{ mb: index === queries.length - 1 ? 1.5 : 0.5 }} />\n      })}\n      {childModules && childModules.length > 0 ?\n        <TreeItem nodeId={increment()} label={'children'} sx={{ mb: 0.5 }}>\n          {childModules.map((childModuleRef) => {\n            const childModule = childModuleRef.deref()\n            return childModule ? <RenderModule key={childModule?.address} mod={childModuleRef} idRef={idRef} /> : null\n          })}\n        </TreeItem>\n      : null}\n    </StyledAddressTreeItem>\n  )\n}\n\nconst StyledAddressTreeItem = styled(TreeItem, { name: 'StyledAddressTreeItem' })(({ theme }) => ({\n  '& .MuiTreeItem-content': {\n    marginBottom: theme.spacing(0.25),\n  },\n}))\n"],"mappings":"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","names":["import_react_node_context","import_react","import_react_promise","import_react","import_react","result","import_react_promise","import_react","moduleInstances","import_react_promise","import_module_model","import_node_model","error","import_node_model","import_react_promise","import_module_model","import_react","result","import_react_promise","import_react","nodeInstance","moduleInstances","mod","import_react","import_react_promise","import_module_model","import_payload_model","import_react_promise","import_node_model","import_node_model","import_jsx_runtime","import_icons_material","import_material","import_react_flexbox","import_material","import_x_tree_view","import_react","import_react","import_jsx_runtime","moduleInstance","address","import_jsx_runtime","ExpandMoreIcon","ChevronRightIcon","import_jsx_runtime","CloseIcon"]}

package/dist/neutral/index.d.cts

@@ -0,0 +1,5 @@
+export * from './components';
+export * from './hooks';
+export * from '@xyo-network/react-node-context';
+export * from '@xyo-network/react-node-provider';
+//# sourceMappingURL=index.d.ts.map

package/dist/neutral/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,iCAAiC,CAAA;AAC/C,cAAc,kCAAkC,CAAA"}

package/dist/neutral/index.d.mts

@@ -0,0 +1,5 @@
+export * from './components';
+export * from './hooks';
+export * from '@xyo-network/react-node-context';
+export * from '@xyo-network/react-node-provider';
+//# sourceMappingURL=index.d.ts.map

package/dist/neutral/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,iCAAiC,CAAA;AAC/C,cAAc,kCAAkC,CAAA"}

package/dist/neutral/index.d.ts

@@ -0,0 +1,5 @@
+export * from './components';
+export * from './hooks';
+export * from '@xyo-network/react-node-context';
+export * from '@xyo-network/react-node-provider';
+//# sourceMappingURL=index.d.ts.map

package/dist/neutral/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,iCAAiC,CAAA;AAC/C,cAAc,kCAAkC,CAAA"}

package/dist/neutral/index.js

@@ -0,0 +1,432 @@
+// src/components/NodeDescriptionBox.tsx
+import { FlexCol } from "@xylabs/react-flexbox";
+
+// src/hooks/ModuleFromNodeConfig.ts
+var useModuleFromNodeConfigLogger = (config) => {
+  return 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?.node === "string" ? config?.node : void 0, [config?.node]);
+  const nodeInstance = useMemo2(() => 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] = 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?.debug("useModuleFromNode: resolving");
+    const identity = config?.identity ?? 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
+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?.logger;
+  const filterOptions = useModuleFilterOptions();
+  const [result, setResult] = useState2();
+  const [, error] = usePromise3(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
+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?.state();
+    return 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) => {
+  const [mod, error] = useModuleFromNode(nameOrAddressOrInstance, config);
+  const instance = asNodeInstance2(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
+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/useWeakModuleFromNode.ts
+import { usePromise as usePromise5 } from "@xylabs/react-promise";
+import { isModuleInstance as isModuleInstance2 } from "@xyo-network/module-model";
+import { useState as useState3 } from "react";
+var useWeakModuleFromNode = (nameOrAddressOrInstance = void 0, config) => {
+  const [node, nodeError] = useNode(config);
+  const logger = useModuleFromNodeConfigLogger(config);
+  const filterOptions = useModuleFilterOptions(config);
+  const [result, setResult] = useState3();
+  const [, error] = usePromise5(async () => {
+    logger?.debug("useModuleFromNode: resolving");
+    const identity = config?.identity ?? isModuleInstance2;
+    const nodeInstance = node;
+    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
+import { usePromise as usePromise6 } from "@xylabs/react-promise";
+import { useState as useState4 } from "react";
+var useWeakModulesFromNode = (filter, config) => {
+  const [node, nodeError] = useNode(config);
+  const logger = config?.logger;
+  const filterOptions = useModuleFilterOptions();
+  const [result, setResult] = useState4();
+  const [, error] = usePromise6(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/useWeakNodeConfigNodeField.ts
+import { useMemo as useMemo3 } from "react";
+var useWeakNodeConfigNodeField = (config) => {
+  const nodeAddress = useMemo3(() => typeof config?.node === "string" ? config?.node : void 0, [config?.node]);
+  const nodeInstance = useMemo3(() => typeof config?.node === "object" ? config?.node : void 0, [config?.node]);
+  return [nodeAddress, nodeInstance];
+};
+
+// 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";
+
+// src/hooks/useWeakNode.ts
+import { usePromise as usePromise7 } from "@xylabs/react-promise";
+import { asNodeInstance as asNodeInstance3 } from "@xyo-network/node-model";
+var useWeakNode = (config) => {
+  const [nodeAddress, nodeInstance] = useWeakNodeConfigNodeField(config);
+  const [providedNode] = useWeakProvidedNode();
+  const [nodeAddressNode, error] = usePromise7(async () => {
+    const providedNodeInstance = 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/useWeakNodeDescription.ts
+var useWeakNodeDescription = (config) => {
+  const [activeNode, nodeError] = useWeakNode(config);
+  const [description, error] = usePromise8(async () => {
+    const state = await activeNode?.deref()?.state();
+    return 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/hooks/WeakModuleFromNodeConfig.ts
+var useWeakModuleFromNodeConfigLogger = (config) => {
+  return config?.logger;
+};
+
+// 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?.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?.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?.(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?.(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,
+  useWeakModuleFromNode,
+  useWeakModuleFromNodeConfigLogger,
+  useWeakModulesFromNode,
+  useWeakNodeConfigNodeField,
+  useWeakNodeDescription,
+  useWeakNodeFromNode,
+  useWeakProvidedNode
+};
+//# sourceMappingURL=index.js.map