@xyo-network/react-node 2.73.0 → 2.75.0

package/dist/node/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/NodeDescriptionBox.tsx","../../src/hooks/ModuleFromNodeConfig.ts","../../src/hooks/provided/useProvidedNode.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/components/Node.tsx","../../src/components/NodeDrawer.tsx","../../src/components/render/ModuleDescriptionBox.tsx","../../src/components/render/RenderModule.tsx","../../src/index.ts"],"sourcesContent":["import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { NodeInstance } from '@xyo-network/node-model'\n\nimport { useNodeDescription } from '../hooks'\n\nexport interface NodeDescriptionBoxProps extends FlexBoxProps {\n  node?: string | NodeInstance\n}\n\nexport const NodeDescriptionBox: React.FC<NodeDescriptionBoxProps> = ({ node, ...props }) => {\n  const [description, error] = useNodeDescription({ 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 } from '@xyo-network/module-model'\nimport { NodeInstance } from '@xyo-network/node-model'\n\nexport type ModuleFromNodeConfig = ModuleFilterOptions & {\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 { ModuleFromNodeConfig } from './ModuleFromNodeConfig'\n\nexport const useModuleFilterOptions = (config?: ModuleFromNodeConfig) => {\n  const { direction, identity, maxDepth } = config ?? {}\n  return { direction, identity, maxDepth }\n}\n","import { usePromise } from '@xylabs/react-promise'\nimport { asModuleInstance, 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 useModuleFromNode = (\n  nameOrAddressOrInstance?: string | ModuleInstance,\n  config?: ModuleFromNodeConfig,\n): [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<ModuleInstance | undefined>()\n  const [, error] = usePromise(async () => {\n    logger?.debug('useModuleFromNode: resolving')\n    if (node && nameOrAddressOrInstance) {\n      node.on('moduleAttached', ({ module }) => {\n        logger?.debug(`useModuleFromNode: moduleAttached [${module.config.name ?? module.address}]`)\n        if (module.address === nameOrAddressOrInstance || module.config?.name === nameOrAddressOrInstance) {\n          setResult(asModuleInstance(module))\n        }\n      })\n      node.on('moduleDetached', ({ module }) => {\n        logger?.debug(`useModuleFromNode: moduleDetached [${module.config.name ?? module.address}]`)\n        if (module.address === nameOrAddressOrInstance || module.config?.name === nameOrAddressOrInstance) {\n          setResult(undefined)\n        }\n      })\n      if (isModuleInstance(nameOrAddressOrInstance)) {\n        setResult(nameOrAddressOrInstance)\n      } else {\n        const result = await node.resolve(nameOrAddressOrInstance, filterOptions)\n        logger?.debug(`Result: ${result?.address}`)\n        setResult(result)\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","import { 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","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 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 }) => {\n        logger?.debug(`useModuleFromNode: moduleAttached [${module.config.name ?? module.address}]`)\n        const moduleInstances = filter ? await node.resolve(filter, filterOptions) : await node.resolve('*', filterOptions)\n        setResult(moduleInstances)\n      })\n      node.on('moduleDetached', async ({ module }) => {\n        logger?.debug(`useModuleFromNode: moduleDetached [${module.config.name ?? module.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      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'\nimport { useModuleFromNode } from './useModuleFromNode'\n\nexport const useNodeFromNode = (\n  nameOrAddressOrInstance?: string | NodeInstance,\n  config?: ModuleFromNodeConfig,\n): [NodeInstance | undefined, Error | undefined] => {\n  const [module, error] = useModuleFromNode(nameOrAddressOrInstance, config)\n  const instance = asNodeInstance(module)\n  if (module && !instance) {\n    const error = new Error(`Resolved module is not a NodeInstance [${module.config?.schema}:${module.config?.name}:${module.address}]`)\n    console.error(error.message)\n    return [undefined, error]\n  }\n  return [instance, error]\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 | 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 { useProvidedNode } 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] = useProvidedNode()\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 module={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  module?: ModuleInstance | null\n}\nexport const ModuleDescriptionBox: React.FC<ModuleDescriptionProps> = ({ module }) => {\n  const idRef = useRef<{ idIncrementor: number; ids: string[] }>({ idIncrementor: 0, ids: [] })\n\n  return (\n    <>\n      {module ?\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 module={module} idRef={idRef} />\n          </StyledTreeView>\n        </>\n      : module === 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  module: ModuleInstance\n}\n\nexport const RenderModule: React.FC<RenderModuleProps> = ({ module, idRef }) => {\n  const { address, queries } = module ?? {}\n  const [childModules, setChildModules] = useState<ModuleInstance[]>()\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      const children = (await module.resolve('*')).filter((childModule) => childModule.address !== address)\n      if (mounted()) {\n        setChildModules(children)\n      }\n    },\n    [module, address],\n  )\n\n  const increment = () => {\n    const newId = (idRef.current.idIncrementor++).toString()\n    idRef.current.ids.push(newId)\n    return newId\n  }\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((childModule) => (\n            <RenderModule key={childModule.address} module={childModule} idRef={idRef} />\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","export * from './components'\nexport * from './hooks'\nexport * from '@xyo-network/react-node-context'\nexport * from '@xyo-network/react-node-provider'\n"],"mappings":";AAAA,SAAuB,eAAe;;;ACS/B,IAAM,gCAAgC,CAAC,WAAkC;AAC9E,SAAO,iCAAQ;AACjB;;;ACVA,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAEpB,IAAM,kBAAkB,MAAyC;AACtE,QAAM,EAAE,KAAK,IAAI,WAAW,WAAW;AACvC,SAAO,CAAC,IAAI;AACd;;;ACLO,IAAM,yBAAyB,CAAC,WAAkC;AACvE,QAAM,EAAE,WAAW,UAAU,SAAS,IAAI,UAAU,CAAC;AACrD,SAAO,EAAE,WAAW,UAAU,SAAS;AACzC;;;ACLA,SAAS,cAAAA,mBAAkB;AAC3B,SAAS,kBAAkB,wBAAwC;AACnE,SAAS,gBAAgB;;;ACFzB,SAAS,kBAAkB;AAC3B,SAAS,sBAAoC;;;ACA7C,SAAS,eAAe;AAIjB,IAAM,yBAAyB,CAAC,WAA8F;AACnI,QAAM,cAAc,QAAQ,MAAO,QAAO,iCAAQ,UAAS,WAAW,iCAAQ,OAAO,QAAY,CAAC,iCAAQ,IAAI,CAAC;AAC/G,QAAM,eAAe,QAAQ,MAAO,QAAO,iCAAQ,UAAS,WAAW,iCAAQ,OAAO,QAAY,CAAC,iCAAQ,IAAI,CAAC;AAChH,SAAO,CAAC,aAAa,YAAY;AACnC;;;ADFO,IAAM,UAAU,CAAC,WAA6F;AACnH,QAAM,CAAC,aAAa,YAAY,IAAI,uBAAuB,MAAM;AACjE,QAAM,CAAC,YAAY,IAAI,gBAAgB;AACvC,QAAM,CAAC,iBAAiB,KAAK,IAAI,WAAW,YAAY;AACtD,QAAI,gBAAgB,aAAa;AAC/B,aAAO,eAAe,MAAM,aAAa,QAAQ,WAAW,GAAG,sBAAsB;AAAA,IACvF;AAAA,EACF,GAAG,CAAC,cAAc,WAAW,CAAC;AAC9B,SAAO,CAAC,mBAAmB,gBAAgB,gBAAgB,QAAW,KAAK;AAC7E;;;ADRO,IAAM,oBAAoB,CAC/B,yBACA,WACoD;AACpD,QAAM,CAAC,MAAM,SAAS,IAAI,QAAQ,MAAM;AACxC,QAAM,SAAS,8BAA8B,MAAM;AACnD,QAAM,gBAAgB,uBAAuB,MAAM;AACnD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAqC;AACjE,QAAM,CAAC,EAAE,KAAK,IAAIC,YAAW,YAAY;AACvC,qCAAQ,MAAM;AACd,QAAI,QAAQ,yBAAyB;AACnC,WAAK,GAAG,kBAAkB,CAAC,EAAE,OAAO,MAAM;AAnBhD;AAoBQ,yCAAQ,MAAM,sCAAsC,OAAO,OAAO,QAAQ,OAAO,OAAO;AACxF,YAAI,OAAO,YAAY,6BAA2B,YAAO,WAAP,mBAAe,UAAS,yBAAyB;AACjG,oBAAU,iBAAiB,MAAM,CAAC;AAAA,QACpC;AAAA,MACF,CAAC;AACD,WAAK,GAAG,kBAAkB,CAAC,EAAE,OAAO,MAAM;AAzBhD;AA0BQ,yCAAQ,MAAM,sCAAsC,OAAO,OAAO,QAAQ,OAAO,OAAO;AACxF,YAAI,OAAO,YAAY,6BAA2B,YAAO,WAAP,mBAAe,UAAS,yBAAyB;AACjG,oBAAU,MAAS;AAAA,QACrB;AAAA,MACF,CAAC;AACD,UAAI,iBAAiB,uBAAuB,GAAG;AAC7C,kBAAU,uBAAuB;AAAA,MACnC,OAAO;AACL,cAAMC,UAAS,MAAM,KAAK,QAAQ,yBAAyB,aAAa;AACxE,yCAAQ,MAAM,WAAWA,WAAA,gBAAAA,QAAQ,OAAO;AACxC,kBAAUA,OAAM;AAAA,MAClB;AACA,aAAO;AAAA,IACT;AACA,qCAAQ,MAAM;AACd;AAAA,EAEF,GAAG,CAAC,MAAM,uBAAuB,CAAC;AAClC,SAAO,CAAC,QAAQ,aAAa,KAAK;AACpC;;;AG7CA,SAAS,cAAAC,mBAAkB;AAE3B,SAAS,YAAAC,iBAAgB;AAMlB,IAAM,qBAAqB,CAAC,QAAuB,WAAqF;AAC7I,QAAM,CAAC,MAAM,SAAS,IAAI,QAAQ,MAAM;AACxC,QAAM,SAAS,iCAAQ;AACvB,QAAM,gBAAgB,uBAAuB;AAC7C,QAAM,CAAC,QAAQ,SAAS,IAAIC,UAAuC;AACnE,QAAM,CAAC,EAAE,KAAK,IAAIC,YAAW,YAAY;AACvC,qCAAQ,MAAM;AACd,QAAI,MAAM;AACR,WAAK,GAAG,kBAAkB,OAAO,EAAE,OAAO,MAAM;AAC9C,yCAAQ,MAAM,sCAAsC,OAAO,OAAO,QAAQ,OAAO,OAAO;AACxF,cAAMC,mBAAkB,SAAS,MAAM,KAAK,QAAQ,QAAQ,aAAa,IAAI,MAAM,KAAK,QAAQ,KAAK,aAAa;AAClH,kBAAUA,gBAAe;AAAA,MAC3B,CAAC;AACD,WAAK,GAAG,kBAAkB,OAAO,EAAE,OAAO,MAAM;AAC9C,yCAAQ,MAAM,sCAAsC,OAAO,OAAO,QAAQ,OAAO,OAAO;AACxF,cAAMA,mBAAkB,SAAS,MAAM,KAAK,QAAQ,QAAQ,aAAa,IAAI,MAAM,KAAK,QAAQ,KAAK,aAAa;AAClH,kBAAUA,gBAAe;AAAA,MAC3B,CAAC;AACD,YAAM,kBAAkB,SAAS,MAAM,KAAK,QAAQ,QAAQ,aAAa,IAAI,MAAM,KAAK,QAAQ,KAAK,aAAa;AAClH,gBAAU,eAAe;AACzB,gBAAU,eAAe;AACzB,aAAO;AAAA,IACT;AACA,YAAQ,IAAI,iBAAiB;AAC7B;AAAA,EACF,GAAG,CAAC,MAAM,MAAM,CAAC;AACjB,SAAO,CAAC,QAAQ,aAAa,KAAK;AACpC;;;ACnCA,SAAS,cAAAC,mBAAkB;AAC3B,SAAsD,+BAA+B;AACrF,SAAS,6BAA6B;AAK/B,IAAM,qBAAqB,CAAC,WAAkG;AACnI,QAAM,CAAC,YAAY,SAAS,IAAI,QAAQ,MAAM;AAC9C,QAAM,CAAC,aAAa,KAAK,IAAIC,YAAW,YAAY;AAClD,UAAM,QAAQ,OAAM,yCAAY;AAChC,WAAO,+BAAO,KAA+B,sBAAsB,uBAAuB;AAAA,EAC5F,GAAG,CAAC,UAAU,CAAC;AACf,SAAO,CAAC,aAAa,aAAa,KAAK;AACzC;;;ACdA,SAAS,kBAAAC,uBAAoC;AAKtC,IAAM,kBAAkB,CAC7B,yBACA,WACkD;AARpD;AASE,QAAM,CAAC,QAAQ,KAAK,IAAI,kBAAkB,yBAAyB,MAAM;AACzE,QAAM,WAAWC,gBAAe,MAAM;AACtC,MAAI,UAAU,CAAC,UAAU;AACvB,UAAMC,SAAQ,IAAI,MAAM,2CAA0C,YAAO,WAAP,mBAAe,MAAM,KAAI,YAAO,WAAP,mBAAe,IAAI,IAAI,OAAO,OAAO,GAAG;AACnI,YAAQ,MAAMA,OAAM,OAAO;AAC3B,WAAO,CAAC,QAAWA,MAAK;AAAA,EAC1B;AACA,SAAO,CAAC,UAAU,KAAK;AACzB;;;ATHM;AALC,IAAM,qBAAwD,CAAC,EAAE,MAAM,GAAG,MAAM,MAAM;AAC3F,QAAM,CAAC,aAAa,KAAK,IAAI,mBAAmB,EAAE,KAAK,CAAC;AAExD,SACE,oBAAC,WAAS,GAAG,OACX,8BAAC,UAAK,OAAO,QAAQ,QAAQ,QAAY,kBAAQ,MAAM,UAAU,KAAK,UAAU,aAAa,MAAM,CAAC,GAAE,GACxG;AAEJ;;;AUFa,gBAAAC,YAAA;AALN,IAAM,UAAkC,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxE,UAAQ,SAAS;AAAA,IAEf,KAAK;AAAA,IACL,SAAS;AACP,aAAO,gBAAAA,KAAC,sBAAoB,GAAG,OAAO;AAAA,IACxC;AAAA,EACF;AACF;;;AClBA,SAAS,SAAS,iBAAiB;AACnC,SAAS,mBAAmB,QAAqB,kBAAkB;AACnE,SAAS,aAAa,eAAe;AAErC,SAAS,qBAAqB;;;ACJ9B,SAAS,gBAAgB,kBAAkB,cAAc,sBAAsB;AAC/E,SAAS,UAAAC,SAAQ,kBAAkB;AACnC,SAAS,gBAAgB;AAGzB,SAAS,cAAc;;;ACLvB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAE/B,SAA2B,YAAAC,iBAAgB;AAgCvC,SAEW,OAAAC,MAFX;AAtBG,IAAM,eAA4C,CAAC,EAAE,QAAQ,MAAM,MAAM;AAC9E,QAAM,EAAE,SAAS,QAAQ,IAAI,UAAU,CAAC;AACxC,QAAM,CAAC,cAAc,eAAe,IAAID,UAA2B;AAEnE;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,YAAM,YAAY,MAAM,OAAO,QAAQ,GAAG,GAAG,OAAO,CAAC,gBAAgB,YAAY,YAAY,OAAO;AACpG,UAAI,QAAQ,GAAG;AACb,wBAAgB,QAAQ;AAAA,MAC1B;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,EAClB;AAEA,QAAM,YAAY,MAAM;AACtB,UAAM,SAAS,MAAM,QAAQ,iBAAiB,SAAS;AACvD,UAAM,QAAQ,IAAI,KAAK,KAAK;AAC5B,WAAO;AAAA,EACT;AAEA,SACE,qBAAC,yBAAsB,QAAQ,UAAU,GAAG,OAAO,YAAY,OAAO,IACnE;AAAA,YAAQ,IAAI,CAAC,OAAO,UAAU;AAC7B,aAAO,gBAAAC,KAAC,YAAqB,QAAQ,UAAU,GAAG,OAAO,WAAW,KAAK,IAAI,IAAI,EAAE,IAAI,UAAU,QAAQ,SAAS,IAAI,MAAM,IAAI,KAA1G,KAA6G;AAAA,IACrI,CAAC;AAAA,IACA,gBAAgB,aAAa,SAAS,IACrC,gBAAAA,KAAC,YAAS,QAAQ,UAAU,GAAG,OAAO,YAAY,IAAI,EAAE,IAAI,IAAI,GAC7D,uBAAa,IAAI,CAAC,gBACjB,gBAAAA,KAAC,gBAAuC,QAAQ,aAAa,SAA1C,YAAY,OAA4C,CAC5E,GACH,IACA;AAAA,KACJ;AAEJ;AAEA,IAAM,wBAAwB,OAAO,UAAU,EAAE,MAAM,wBAAwB,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAChG,0BAA0B;AAAA,IACxB,cAAc,MAAM,QAAQ,IAAI;AAAA,EAClC;AACF,EAAE;;;ADrCM,mBACE,OAAAC,MADF,QAAAC,aAAA;AAND,IAAM,uBAAyD,CAAC,EAAE,OAAO,MAAM;AACpF,QAAM,QAAQ,OAAiD,EAAE,eAAe,GAAG,KAAK,CAAC,EAAE,CAAC;AAE5F,SACE,gBAAAD,KAAA,YACG,mBACC,gBAAAC,MAAA,YACE;AAAA,oBAAAD,KAAC,cAAW,SAAQ,MAAK,gCAAkB;AAAA,IAC3C,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAW;AAAA,QACX,qBAAqB,gBAAAA,KAAC,kBAAe;AAAA,QACrC,mBAAmB,gBAAAA,KAAC,oBAAiB;AAAA,QACrC,IAAI,EAAE,UAAU,EAAE;AAAA,QAElB,0BAAAA,KAAC,gBAAa,QAAgB,OAAc;AAAA;AAAA,IAC9C;AAAA,KACF,IACA,WAAW,OACX,gBAAAA,KAAC,cAAW,SAAQ,MAAK,6BAAe,IACxC,gBAAAA,KAAC,cAAW,SAAQ,MAAK,4BAAc,GAC3C;AAEJ;AAEA,IAAM,iBAAiBE,QAAO,UAAU,EAAE,MAAM,iBAAiB,CAAC,EAAE,OAAO;AAAA,EACzE,QAAQ;AAAA,EACR,UAAU;AACZ,EAAE;;;ADrBM,SAGM,OAAAC,MAHN,QAAAC,aAAA;AAPD,IAAM,aAAwC,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AAC/E,QAAM,EAAE,MAAM,QAAQ,IAAI,cAAc;AACxC,QAAM,CAAC,IAAI,IAAI,gBAAgB;AAE/B,SACE,gBAAAD,KAAC,UAAO,MAAM,QAAQ,OAAO,QAAO,SAAS,GAAG,OAC9C,0BAAAA,KAAC,qBAAkB,aAAa,MAAM,mCAAU,QAC9C,0BAAAC,MAAC,eAAY,MAAK,gBAAe,gBAAe,SAAQ,GAAG,GAAG,QAAQ,GAAG,UAAS,QAChF;AAAA,oBAAAD,KAAC,WAAQ,cAAa,SAAQ,gBAAe,SAAQ,OAAM,QACzD,0BAAAA,KAAC,cAAW,SAAS,MAAM,mCAAU,QACnC,0BAAAA,KAAC,aAAU,GACb,GACF;AAAA,IACA,gBAAAA,KAAC,wBAAqB,QAAQ,MAAM;AAAA,IACnC;AAAA,KACH,GACF,GACF;AAEJ;;;AG5BA,cAAc;AACd,cAAc;","names":["usePromise","usePromise","result","usePromise","useState","useState","usePromise","moduleInstances","usePromise","usePromise","asNodeInstance","asNodeInstance","error","jsx","styled","useState","jsx","jsx","jsxs","styled","jsx","jsxs"]}
+{"version":3,"sources":["../../src/components/NodeDescriptionBox.tsx","../../src/hooks/ModuleFromNodeConfig.ts","../../src/hooks/provided/useProvidedNode.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/useWeakModuleFromNode.ts","../../src/hooks/useWeakModulesFromNode.ts","../../src/hooks/useWeakNodeConfigNodeField.ts","../../src/hooks/WeakModuleFromNodeConfig.ts","../../src/components/Node.tsx","../../src/components/NodeDrawer.tsx","../../src/components/render/ModuleDescriptionBox.tsx","../../src/components/render/RenderModule.tsx","../../src/index.ts"],"sourcesContent":["import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { NodeInstance } from '@xyo-network/node-model'\n\nimport { useNodeDescription } from '../hooks'\n\nexport interface NodeDescriptionBoxProps extends FlexBoxProps {\n  node?: string | NodeInstance\n}\n\nexport const NodeDescriptionBox: React.FC<NodeDescriptionBoxProps> = ({ node, ...props }) => {\n  const [description, error] = useNodeDescription({ 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 } from '@xyo-network/module-model'\nimport { NodeInstance } from '@xyo-network/node-model'\n\nexport type ModuleFromNodeConfig = ModuleFilterOptions & {\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","/* 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 { usePromise } from '@xylabs/react-promise'\nimport { asModuleInstance, 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 = (\n  nameOrAddressOrInstance?: string | ModuleInstance,\n  config?: ModuleFromNodeConfig,\n): [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<ModuleInstance | undefined>()\n  const [, error] = usePromise(async () => {\n    logger?.debug('useModuleFromNode: resolving')\n    if (node && nameOrAddressOrInstance) {\n      node.on('moduleAttached', ({ module }) => {\n        logger?.debug(`useModuleFromNode: moduleAttached [${module.config.name ?? module.address}]`)\n        if (module.address === nameOrAddressOrInstance || module.config?.name === nameOrAddressOrInstance) {\n          setResult(asModuleInstance(module))\n        }\n      })\n      node.on('moduleDetached', ({ module }) => {\n        logger?.debug(`useModuleFromNode: moduleDetached [${module.config.name ?? module.address}]`)\n        if (module.address === nameOrAddressOrInstance || module.config?.name === nameOrAddressOrInstance) {\n          setResult(undefined)\n        }\n      })\n      if (isModuleInstance(nameOrAddressOrInstance)) {\n        setResult(nameOrAddressOrInstance)\n      } else {\n        const result = await node.resolve(nameOrAddressOrInstance, filterOptions)\n        logger?.debug(`Result: ${result?.address}`)\n        setResult(result)\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 }) => {\n        logger?.debug(`useModuleFromNode: moduleAttached [${module.config.name ?? module.address}]`)\n        const moduleInstances = filter ? await node.resolve(filter, filterOptions) : await node.resolve('*', filterOptions)\n        setResult(moduleInstances)\n      })\n      node.on('moduleDetached', async ({ module }) => {\n        logger?.debug(`useModuleFromNode: moduleDetached [${module.config.name ?? module.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'\nimport { useModuleFromNode } from './useModuleFromNode'\n\nexport const useNodeFromNode = (\n  nameOrAddressOrInstance?: string | NodeInstance,\n  config?: ModuleFromNodeConfig,\n): [NodeInstance | undefined, Error | undefined] => {\n  const [module, error] = useModuleFromNode(nameOrAddressOrInstance, config)\n  const instance = asNodeInstance(module)\n  if (module && !instance) {\n    const error = new Error(`Resolved module is not a NodeInstance [${module.config?.schema}:${module.config?.name}:${module.address}]`)\n    console.error(error.message)\n    return [undefined, error]\n  }\n  return [instance, error]\n}\n","import { usePromise } from '@xylabs/react-promise'\nimport { asModuleInstance, 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 = (\n  nameOrAddressOrInstance?: string | ModuleInstance,\n  config?: ModuleFromNodeConfig,\n): [WeakRef<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<ModuleInstance> | undefined>()\n  const [, error] = usePromise(async () => {\n    logger?.debug('useModuleFromNode: resolving')\n    const nodeInstance = node\n    if (nodeInstance && nameOrAddressOrInstance) {\n      nodeInstance.on('moduleAttached', ({ module }) => {\n        logger?.debug(`useModuleFromNode: moduleAttached [${module.config.name ?? module.address}]`)\n        if (module.address === nameOrAddressOrInstance || module.config?.name === nameOrAddressOrInstance) {\n          const instance = asModuleInstance(module)\n          setResult(instance ? new WeakRef(instance) : undefined)\n        }\n      })\n      nodeInstance.on('moduleDetached', ({ module }) => {\n        logger?.debug(`useModuleFromNode: moduleDetached [${module.config.name ?? module.address}]`)\n        if (module.address === nameOrAddressOrInstance || module.config?.name === nameOrAddressOrInstance) {\n          setResult(undefined)\n        }\n      })\n      if (isModuleInstance(nameOrAddressOrInstance)) {\n        setResult(new WeakRef(nameOrAddressOrInstance))\n      } else {\n        const result = await nodeInstance.resolve(nameOrAddressOrInstance, filterOptions)\n        logger?.debug(`Result: ${result?.address}`)\n        setResult(result ? new WeakRef(result) : 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 }) => {\n        const nodeInstance = node\n        logger?.debug(`useModuleFromNode: moduleAttached [${module.config.name ?? module.address}]`)\n        const moduleInstances = filter ? await nodeInstance?.resolve(filter, filterOptions) : await nodeInstance?.resolve('*', filterOptions)\n        setResult(moduleInstances?.map((module) => new WeakRef(module)))\n      })\n      nodeInstance.on('moduleDetached', async ({ module }) => {\n        const nodeInstance = node\n        logger?.debug(`useModuleFromNode: moduleDetached [${module.config.name ?? module.address}]`)\n        const moduleInstances = filter ? await nodeInstance?.resolve(filter, filterOptions) : await nodeInstance?.resolve('*', filterOptions)\n        setResult(moduleInstances?.map((module) => new WeakRef(module)))\n      })\n      const moduleInstances = filter ? await nodeInstance.resolve(filter, filterOptions) : await nodeInstance.resolve('*', filterOptions)\n      setResult(moduleInstances?.map((module) => new WeakRef(module)))\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 { 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 | 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 { useProvidedNode } 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] = useProvidedNode()\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 module={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  module?: ModuleInstance | null\n}\nexport const ModuleDescriptionBox: React.FC<ModuleDescriptionProps> = ({ module }) => {\n  const idRef = useRef<{ idIncrementor: number; ids: string[] }>({ idIncrementor: 0, ids: [] })\n\n  return (\n    <>\n      {module ?\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 module={module} idRef={idRef} />\n          </StyledTreeView>\n        </>\n      : module === 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  module: ModuleInstance\n}\n\nexport const RenderModule: React.FC<RenderModuleProps> = ({ module, idRef }) => {\n  const { address, queries } = module ?? {}\n  const [childModules, setChildModules] = useState<WeakRef<ModuleInstance>[]>()\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      const children = (await module.resolve('*')).filter((childModule) => childModule.address !== address)\n      if (mounted()) {\n        setChildModules(children.map((childModule) => new WeakRef(childModule)))\n      }\n    },\n    [module, address],\n  )\n\n  const increment = () => {\n    const newId = (idRef.current.idIncrementor++).toString()\n    idRef.current.ids.push(newId)\n    return newId\n  }\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} module={childModule} 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","export * from './components'\nexport * from './hooks'\nexport * from '@xyo-network/react-node-context'\nexport * from '@xyo-network/react-node-provider'\n"],"mappings":";AAAA,SAAuB,eAAe;;;ACS/B,IAAM,gCAAgC,CAAC,WAAkC;AAC9E,SAAO,iCAAQ;AACjB;;;ACVA,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAEpB,IAAM,kBAAkB,MAAyC;AACtE,QAAM,EAAE,KAAK,IAAI,WAAW,WAAW;AACvC,SAAO,CAAC,IAAI;AACd;;;ACHO,IAAM,yBAAyB,CAAC,WAAkC;AACvE,QAAM,EAAE,WAAW,UAAU,SAAS,IAAI,UAAU,CAAC;AACrD,SAAO,EAAE,WAAW,UAAU,SAAS;AACzC;;;ACLA,SAAS,cAAAA,mBAAkB;AAC3B,SAAS,kBAAkB,wBAAwC;AACnE,SAAS,gBAAgB;;;ACJzB,SAAS,kBAAkB;AAC3B,SAAS,sBAAoC;;;ACE7C,SAAS,eAAe;AAIjB,IAAM,yBAAyB,CAAC,WAA8F;AACnI,QAAM,cAAc,QAAQ,MAAO,QAAO,iCAAQ,UAAS,WAAW,iCAAQ,OAAO,QAAY,CAAC,iCAAQ,IAAI,CAAC;AAC/G,QAAM,eAAe,QAAQ,MAAO,QAAO,iCAAQ,UAAS,WAAW,iCAAQ,OAAO,QAAY,CAAC,iCAAQ,IAAI,CAAC;AAChH,SAAO,CAAC,aAAa,YAAY;AACnC;;;ADJO,IAAM,UAAU,CAAC,WAA6F;AACnH,QAAM,CAAC,aAAa,YAAY,IAAI,uBAAuB,MAAM;AACjE,QAAM,CAAC,YAAY,IAAI,gBAAgB;AACvC,QAAM,CAAC,iBAAiB,KAAK,IAAI,WAAW,YAAY;AACtD,QAAI,gBAAgB,aAAa;AAC/B,aAAO,eAAe,MAAM,aAAa,QAAQ,WAAW,GAAG,sBAAsB;AAAA,IACvF;AAAA,EACF,GAAG,CAAC,cAAc,WAAW,CAAC;AAC9B,SAAO,CAAC,mBAAmB,gBAAgB,gBAAgB,QAAW,KAAK;AAC7E;;;ADLO,IAAM,oBAAoB,CAC/B,yBACA,WACoD;AACpD,QAAM,CAAC,MAAM,SAAS,IAAI,QAAQ,MAAM;AACxC,QAAM,SAAS,8BAA8B,MAAM;AACnD,QAAM,gBAAgB,uBAAuB,MAAM;AACnD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAqC;AACjE,QAAM,CAAC,EAAE,KAAK,IAAIC,YAAW,YAAY;AACvC,qCAAQ,MAAM;AACd,QAAI,QAAQ,yBAAyB;AACnC,WAAK,GAAG,kBAAkB,CAAC,EAAE,OAAO,MAAM;AAtBhD;AAuBQ,yCAAQ,MAAM,sCAAsC,OAAO,OAAO,QAAQ,OAAO,OAAO;AACxF,YAAI,OAAO,YAAY,6BAA2B,YAAO,WAAP,mBAAe,UAAS,yBAAyB;AACjG,oBAAU,iBAAiB,MAAM,CAAC;AAAA,QACpC;AAAA,MACF,CAAC;AACD,WAAK,GAAG,kBAAkB,CAAC,EAAE,OAAO,MAAM;AA5BhD;AA6BQ,yCAAQ,MAAM,sCAAsC,OAAO,OAAO,QAAQ,OAAO,OAAO;AACxF,YAAI,OAAO,YAAY,6BAA2B,YAAO,WAAP,mBAAe,UAAS,yBAAyB;AACjG,oBAAU,MAAS;AAAA,QACrB;AAAA,MACF,CAAC;AACD,UAAI,iBAAiB,uBAAuB,GAAG;AAC7C,kBAAU,uBAAuB;AAAA,MACnC,OAAO;AACL,cAAMC,UAAS,MAAM,KAAK,QAAQ,yBAAyB,aAAa;AACxE,yCAAQ,MAAM,WAAWA,WAAA,gBAAAA,QAAQ,OAAO;AACxC,kBAAUA,OAAM;AAAA,MAClB;AACA,aAAO;AAAA,IACT;AACA,qCAAQ,MAAM;AACd;AAAA,EAEF,GAAG,CAAC,MAAM,uBAAuB,CAAC;AAClC,SAAO,CAAC,QAAQ,aAAa,KAAK;AACpC;;;AG9CA,SAAS,cAAAC,mBAAkB;AAE3B,SAAS,YAAAC,iBAAgB;AAOlB,IAAM,qBAAqB,CAAC,QAAuB,WAAqF;AAC7I,QAAM,CAAC,MAAM,SAAS,IAAI,QAAQ,MAAM;AACxC,QAAM,SAAS,iCAAQ;AACvB,QAAM,gBAAgB,uBAAuB;AAC7C,QAAM,CAAC,QAAQ,SAAS,IAAIC,UAAuC;AACnE,QAAM,CAAC,EAAE,KAAK,IAAIC,YAAW,YAAY;AACvC,qCAAQ,MAAM;AACd,QAAI,MAAM;AACR,WAAK,GAAG,kBAAkB,OAAO,EAAE,OAAO,MAAM;AAC9C,yCAAQ,MAAM,sCAAsC,OAAO,OAAO,QAAQ,OAAO,OAAO;AACxF,cAAMC,mBAAkB,SAAS,MAAM,KAAK,QAAQ,QAAQ,aAAa,IAAI,MAAM,KAAK,QAAQ,KAAK,aAAa;AAClH,kBAAUA,gBAAe;AAAA,MAC3B,CAAC;AACD,WAAK,GAAG,kBAAkB,OAAO,EAAE,OAAO,MAAM;AAC9C,yCAAQ,MAAM,sCAAsC,OAAO,OAAO,QAAQ,OAAO,OAAO;AACxF,cAAMA,mBAAkB,SAAS,MAAM,KAAK,QAAQ,QAAQ,aAAa,IAAI,MAAM,KAAK,QAAQ,KAAK,aAAa;AAClH,kBAAUA,gBAAe;AAAA,MAC3B,CAAC;AACD,YAAM,kBAAkB,SAAS,MAAM,KAAK,QAAQ,QAAQ,aAAa,IAAI,MAAM,KAAK,QAAQ,KAAK,aAAa;AAClH,gBAAU,eAAe;AACzB,aAAO;AAAA,IACT;AACA,YAAQ,IAAI,iBAAiB;AAC7B;AAAA,EACF,GAAG,CAAC,MAAM,MAAM,CAAC;AACjB,SAAO,CAAC,QAAQ,aAAa,KAAK;AACpC;;;ACrCA,SAAS,cAAAC,mBAAkB;AAC3B,SAAsD,+BAA+B;AACrF,SAAS,6BAA6B;AAK/B,IAAM,qBAAqB,CAAC,WAAkG;AACnI,QAAM,CAAC,YAAY,SAAS,IAAI,QAAQ,MAAM;AAC9C,QAAM,CAAC,aAAa,KAAK,IAAIC,YAAW,YAAY;AAClD,UAAM,QAAQ,OAAM,yCAAY;AAChC,WAAO,+BAAO,KAA+B,sBAAsB,uBAAuB;AAAA,EAC5F,GAAG,CAAC,UAAU,CAAC;AACf,SAAO,CAAC,aAAa,aAAa,KAAK;AACzC;;;ACdA,SAAS,kBAAAC,uBAAoC;AAKtC,IAAM,kBAAkB,CAC7B,yBACA,WACkD;AARpD;AASE,QAAM,CAAC,QAAQ,KAAK,IAAI,kBAAkB,yBAAyB,MAAM;AACzE,QAAM,WAAWC,gBAAe,MAAM;AACtC,MAAI,UAAU,CAAC,UAAU;AACvB,UAAMC,SAAQ,IAAI,MAAM,2CAA0C,YAAO,WAAP,mBAAe,MAAM,KAAI,YAAO,WAAP,mBAAe,IAAI,IAAI,OAAO,OAAO,GAAG;AACnI,YAAQ,MAAMA,OAAM,OAAO;AAC3B,WAAO,CAAC,QAAWA,MAAK;AAAA,EAC1B;AACA,SAAO,CAAC,UAAU,KAAK;AACzB;;;ACjBA,SAAS,cAAAC,mBAAkB;AAC3B,SAAS,oBAAAC,mBAAkB,oBAAAC,yBAAwC;AACnE,SAAS,YAAAC,iBAAgB;AAMlB,IAAM,wBAAwB,CACnC,yBACA,WAC6D;AAC7D,QAAM,CAAC,MAAM,SAAS,IAAI,QAAQ,MAAM;AACxC,QAAM,SAAS,8BAA8B,MAAM;AACnD,QAAM,gBAAgB,uBAAuB,MAAM;AACnD,QAAM,CAAC,QAAQ,SAAS,IAAIC,UAA8C;AAC1E,QAAM,CAAC,EAAE,KAAK,IAAIC,YAAW,YAAY;AACvC,qCAAQ,MAAM;AACd,UAAM,eAAe;AACrB,QAAI,gBAAgB,yBAAyB;AAC3C,mBAAa,GAAG,kBAAkB,CAAC,EAAE,OAAO,MAAM;AApBxD;AAqBQ,yCAAQ,MAAM,sCAAsC,OAAO,OAAO,QAAQ,OAAO,OAAO;AACxF,YAAI,OAAO,YAAY,6BAA2B,YAAO,WAAP,mBAAe,UAAS,yBAAyB;AACjG,gBAAM,WAAWC,kBAAiB,MAAM;AACxC,oBAAU,WAAW,IAAI,QAAQ,QAAQ,IAAI,MAAS;AAAA,QACxD;AAAA,MACF,CAAC;AACD,mBAAa,GAAG,kBAAkB,CAAC,EAAE,OAAO,MAAM;AA3BxD;AA4BQ,yCAAQ,MAAM,sCAAsC,OAAO,OAAO,QAAQ,OAAO,OAAO;AACxF,YAAI,OAAO,YAAY,6BAA2B,YAAO,WAAP,mBAAe,UAAS,yBAAyB;AACjG,oBAAU,MAAS;AAAA,QACrB;AAAA,MACF,CAAC;AACD,UAAIC,kBAAiB,uBAAuB,GAAG;AAC7C,kBAAU,IAAI,QAAQ,uBAAuB,CAAC;AAAA,MAChD,OAAO;AACL,cAAMC,UAAS,MAAM,aAAa,QAAQ,yBAAyB,aAAa;AAChF,yCAAQ,MAAM,WAAWA,WAAA,gBAAAA,QAAQ,OAAO;AACxC,kBAAUA,UAAS,IAAI,QAAQA,OAAM,IAAI,MAAS;AAAA,MACpD;AACA,aAAO;AAAA,IACT;AACA,qCAAQ,MAAM;AACd;AAAA,EAEF,GAAG,CAAC,MAAM,uBAAuB,CAAC;AAClC,SAAO,CAAC,QAAQ,aAAa,KAAK;AACpC;;;AC/CA,SAAS,cAAAC,mBAAkB;AAE3B,SAAS,YAAAC,iBAAgB;AAMlB,IAAM,yBAAyB,CACpC,QACA,WAC+D;AAC/D,QAAM,CAAC,MAAM,SAAS,IAAI,QAAQ,MAAM;AACxC,QAAM,SAAS,iCAAQ;AACvB,QAAM,gBAAgB,uBAAuB;AAC7C,QAAM,CAAC,QAAQ,SAAS,IAAIC,UAAgD;AAC5E,QAAM,CAAC,EAAE,KAAK,IAAIC,YAAW,YAAY;AACvC,qCAAQ,MAAM;AACd,UAAM,eAAe;AACrB,QAAI,cAAc;AAChB,mBAAa,GAAG,kBAAkB,OAAO,EAAE,OAAO,MAAM;AACtD,cAAMC,gBAAe;AACrB,yCAAQ,MAAM,sCAAsC,OAAO,OAAO,QAAQ,OAAO,OAAO;AACxF,cAAMC,mBAAkB,SAAS,OAAMD,iBAAA,gBAAAA,cAAc,QAAQ,QAAQ,kBAAiB,OAAMA,iBAAA,gBAAAA,cAAc,QAAQ,KAAK;AACvH,kBAAUC,oBAAA,gBAAAA,iBAAiB,IAAI,CAACC,YAAW,IAAI,QAAQA,OAAM,EAAE;AAAA,MACjE,CAAC;AACD,mBAAa,GAAG,kBAAkB,OAAO,EAAE,OAAO,MAAM;AACtD,cAAMF,gBAAe;AACrB,yCAAQ,MAAM,sCAAsC,OAAO,OAAO,QAAQ,OAAO,OAAO;AACxF,cAAMC,mBAAkB,SAAS,OAAMD,iBAAA,gBAAAA,cAAc,QAAQ,QAAQ,kBAAiB,OAAMA,iBAAA,gBAAAA,cAAc,QAAQ,KAAK;AACvH,kBAAUC,oBAAA,gBAAAA,iBAAiB,IAAI,CAACC,YAAW,IAAI,QAAQA,OAAM,EAAE;AAAA,MACjE,CAAC;AACD,YAAM,kBAAkB,SAAS,MAAM,aAAa,QAAQ,QAAQ,aAAa,IAAI,MAAM,aAAa,QAAQ,KAAK,aAAa;AAClI,gBAAU,mDAAiB,IAAI,CAAC,WAAW,IAAI,QAAQ,MAAM,EAAE;AAC/D,aAAO;AAAA,IACT;AACA,YAAQ,IAAI,iBAAiB;AAC7B;AAAA,EACF,GAAG,CAAC,MAAM,MAAM,CAAC;AACjB,SAAO,CAAC,QAAQ,aAAa,KAAK;AACpC;;;ACvCA,SAAS,WAAAC,gBAAe;AAIjB,IAAM,6BAA6B,CACxC,WAC4D;AAC5D,QAAM,cAAcA,SAAQ,MAAO,QAAO,iCAAQ,UAAS,WAAW,iCAAQ,OAAO,QAAY,CAAC,iCAAQ,IAAI,CAAC;AAC/G,QAAM,eAAeA,SAAQ,MAAO,QAAO,iCAAQ,UAAS,WAAW,iCAAQ,OAAO,QAAY,CAAC,iCAAQ,IAAI,CAAC;AAChH,SAAO,CAAC,aAAa,YAAY;AACnC;;;ACFO,IAAM,oCAAoC,CAAC,WAAsC;AACtF,SAAO,iCAAQ;AACjB;;;AbGM;AALC,IAAM,qBAAwD,CAAC,EAAE,MAAM,GAAG,MAAM,MAAM;AAC3F,QAAM,CAAC,aAAa,KAAK,IAAI,mBAAmB,EAAE,KAAK,CAAC;AAExD,SACE,oBAAC,WAAS,GAAG,OACX,8BAAC,UAAK,OAAO,QAAQ,QAAQ,QAAY,kBAAQ,MAAM,UAAU,KAAK,UAAU,aAAa,MAAM,CAAC,GAAE,GACxG;AAEJ;;;AcFa,gBAAAC,YAAA;AALN,IAAM,UAAkC,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxE,UAAQ,SAAS;AAAA,IAEf,KAAK;AAAA,IACL,SAAS;AACP,aAAO,gBAAAA,KAAC,sBAAoB,GAAG,OAAO;AAAA,IACxC;AAAA,EACF;AACF;;;AClBA,SAAS,SAAS,iBAAiB;AACnC,SAAS,mBAAmB,QAAqB,kBAAkB;AACnE,SAAS,aAAa,eAAe;AAErC,SAAS,qBAAqB;;;ACJ9B,SAAS,gBAAgB,kBAAkB,cAAc,sBAAsB;AAC/E,SAAS,UAAAC,SAAQ,kBAAkB;AACnC,SAAS,gBAAgB;AAGzB,SAAS,cAAc;;;ACLvB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAE/B,SAA2B,YAAAC,iBAAgB;AAgCvC,SAEW,OAAAC,MAFX;AAtBG,IAAM,eAA4C,CAAC,EAAE,QAAQ,MAAM,MAAM;AAC9E,QAAM,EAAE,SAAS,QAAQ,IAAI,UAAU,CAAC;AACxC,QAAM,CAAC,cAAc,eAAe,IAAID,UAAoC;AAE5E;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,YAAM,YAAY,MAAM,OAAO,QAAQ,GAAG,GAAG,OAAO,CAAC,gBAAgB,YAAY,YAAY,OAAO;AACpG,UAAI,QAAQ,GAAG;AACb,wBAAgB,SAAS,IAAI,CAAC,gBAAgB,IAAI,QAAQ,WAAW,CAAC,CAAC;AAAA,MACzE;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,EAClB;AAEA,QAAM,YAAY,MAAM;AACtB,UAAM,SAAS,MAAM,QAAQ,iBAAiB,SAAS;AACvD,UAAM,QAAQ,IAAI,KAAK,KAAK;AAC5B,WAAO;AAAA,EACT;AAEA,SACE,qBAAC,yBAAsB,QAAQ,UAAU,GAAG,OAAO,YAAY,OAAO,IACnE;AAAA,YAAQ,IAAI,CAAC,OAAO,UAAU;AAC7B,aAAO,gBAAAC,KAAC,YAAqB,QAAQ,UAAU,GAAG,OAAO,WAAW,KAAK,IAAI,IAAI,EAAE,IAAI,UAAU,QAAQ,SAAS,IAAI,MAAM,IAAI,KAA1G,KAA6G;AAAA,IACrI,CAAC;AAAA,IACA,gBAAgB,aAAa,SAAS,IACrC,gBAAAA,KAAC,YAAS,QAAQ,UAAU,GAAG,OAAO,YAAY,IAAI,EAAE,IAAI,IAAI,GAC7D,uBAAa,IAAI,CAAC,mBAAmB;AACpC,YAAM,cAAc,eAAe,MAAM;AACzC,aAAO,cAAc,gBAAAA,KAAC,gBAAwC,QAAQ,aAAa,SAA3C,2CAAa,OAA4C,IAAK;AAAA,IACxG,CAAC,GACH,IACA;AAAA,KACJ;AAEJ;AAEA,IAAM,wBAAwB,OAAO,UAAU,EAAE,MAAM,wBAAwB,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAChG,0BAA0B;AAAA,IACxB,cAAc,MAAM,QAAQ,IAAI;AAAA,EAClC;AACF,EAAE;;;ADtCM,mBACE,OAAAC,MADF,QAAAC,aAAA;AAND,IAAM,uBAAyD,CAAC,EAAE,OAAO,MAAM;AACpF,QAAM,QAAQ,OAAiD,EAAE,eAAe,GAAG,KAAK,CAAC,EAAE,CAAC;AAE5F,SACE,gBAAAD,KAAA,YACG,mBACC,gBAAAC,MAAA,YACE;AAAA,oBAAAD,KAAC,cAAW,SAAQ,MAAK,gCAAkB;AAAA,IAC3C,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAW;AAAA,QACX,qBAAqB,gBAAAA,KAAC,kBAAe;AAAA,QACrC,mBAAmB,gBAAAA,KAAC,oBAAiB;AAAA,QACrC,IAAI,EAAE,UAAU,EAAE;AAAA,QAElB,0BAAAA,KAAC,gBAAa,QAAgB,OAAc;AAAA;AAAA,IAC9C;AAAA,KACF,IACA,WAAW,OACX,gBAAAA,KAAC,cAAW,SAAQ,MAAK,6BAAe,IACxC,gBAAAA,KAAC,cAAW,SAAQ,MAAK,4BAAc,GAC3C;AAEJ;AAEA,IAAM,iBAAiBE,QAAO,UAAU,EAAE,MAAM,iBAAiB,CAAC,EAAE,OAAO;AAAA,EACzE,QAAQ;AAAA,EACR,UAAU;AACZ,EAAE;;;ADrBM,SAGM,OAAAC,MAHN,QAAAC,aAAA;AAPD,IAAM,aAAwC,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AAC/E,QAAM,EAAE,MAAM,QAAQ,IAAI,cAAc;AACxC,QAAM,CAAC,IAAI,IAAI,gBAAgB;AAE/B,SACE,gBAAAD,KAAC,UAAO,MAAM,QAAQ,OAAO,QAAO,SAAS,GAAG,OAC9C,0BAAAA,KAAC,qBAAkB,aAAa,MAAM,mCAAU,QAC9C,0BAAAC,MAAC,eAAY,MAAK,gBAAe,gBAAe,SAAQ,GAAG,GAAG,QAAQ,GAAG,UAAS,QAChF;AAAA,oBAAAD,KAAC,WAAQ,cAAa,SAAQ,gBAAe,SAAQ,OAAM,QACzD,0BAAAA,KAAC,cAAW,SAAS,MAAM,mCAAU,QACnC,0BAAAA,KAAC,aAAU,GACb,GACF;AAAA,IACA,gBAAAA,KAAC,wBAAqB,QAAQ,MAAM;AAAA,IACnC;AAAA,KACH,GACF,GACF;AAEJ;;;AG5BA,cAAc;AACd,cAAc;","names":["usePromise","usePromise","result","usePromise","useState","useState","usePromise","moduleInstances","usePromise","usePromise","asNodeInstance","asNodeInstance","error","usePromise","asModuleInstance","isModuleInstance","useState","useState","usePromise","asModuleInstance","isModuleInstance","result","usePromise","useState","useState","usePromise","nodeInstance","moduleInstances","module","useMemo","jsx","styled","useState","jsx","jsx","jsxs","styled","jsx","jsxs"]}

package/package.json

@@ -14,26 +14,26 @@
     "@emotion/styled": "^11.11.5",
     "@mui/system": "^5.15.15",
     "@mui/x-tree-view": "^6.17.0",
-    "@xylabs/logger": "^3.1.8",
+    "@xylabs/logger": "^3.1.11",
     "@xylabs/react-async-effect": "^3.1.6",
     "@xylabs/react-flexbox": "^3.1.6",
     "@xylabs/react-promise": "^3.1.6",
     "@xylabs/react-shared": "^3.1.6",
-    "@xyo-network/module-abstract": "^2.97.1",
-    "@xyo-network/module-model": "^2.97.1",
-    "@xyo-network/node-model": "^2.97.1",
-    "@xyo-network/payload-model": "^2.97.1",
-    "@xyo-network/react-node-context": "~2.73.0",
-    "@xyo-network/react-node-provider": "~2.73.0"
+    "@xyo-network/module-abstract": "^2.99.0",
+    "@xyo-network/module-model": "^2.99.0",
+    "@xyo-network/node-model": "^2.99.0",
+    "@xyo-network/payload-model": "^2.99.0",
+    "@xyo-network/react-node-context": "~2.75.0",
+    "@xyo-network/react-node-provider": "~2.75.0"
   },
   "devDependencies": {
-    "@storybook/react": "^7.6.17",
+    "@storybook/react": "^7.6.18",
     "@xylabs/ts-scripts-yarn3": "^3.9.1",
     "@xylabs/tsconfig-react": "^3.9.1",
-    "@xyo-network/node-memory": "^2.97.1",
-    "@xyo-network/payload-model": "^2.97.1",
-    "@xyo-network/react-storybook": "~2.73.0",
-    "@xyo-network/react-wallet": "~2.73.0",
+    "@xyo-network/node-memory": "^2.99.0",
+    "@xyo-network/payload-model": "^2.99.0",
+    "@xyo-network/react-storybook": "~2.75.0",
+    "@xyo-network/react-wallet": "~2.75.0",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
@@ -94,6 +94,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.73.0",
+  "version": "2.75.0",
   "type": "module"
 }

package/src/components/render/RenderModule.tsx

@@ -14,14 +14,14 @@ interface RenderModuleProps {
 
 export const RenderModule: React.FC<RenderModuleProps> = ({ module, idRef }) => {
   const { address, queries } = module ?? {}
-  const [childModules, setChildModules] = useState<ModuleInstance[]>()
+  const [childModules, setChildModules] = useState<WeakRef<ModuleInstance>[]>()
 
   useAsyncEffect(
     // eslint-disable-next-line react-hooks/exhaustive-deps
     async (mounted) => {
       const children = (await module.resolve('*')).filter((childModule) => childModule.address !== address)
       if (mounted()) {
-        setChildModules(children)
+        setChildModules(children.map((childModule) => new WeakRef(childModule)))
       }
     },
     [module, address],
@@ -40,9 +40,10 @@ export const RenderModule: React.FC<RenderModuleProps> = ({ module, idRef }) =>
       })}
       {childModules && childModules.length > 0 ?
         <TreeItem nodeId={increment()} label={'children'} sx={{ mb: 0.5 }}>
-          {childModules.map((childModule) => (
-            <RenderModule key={childModule.address} module={childModule} idRef={idRef} />
-          ))}
+          {childModules.map((childModuleRef) => {
+            const childModule = childModuleRef.deref()
+            return childModule ? <RenderModule key={childModule?.address} module={childModule} idRef={idRef} /> : null
+          })}
         </TreeItem>
       : null}
     </StyledAddressTreeItem>

package/src/hooks/WeakModuleFromNodeConfig.ts

@@ -0,0 +1,12 @@
+import { Logger } from '@xylabs/logger'
+import { ModuleFilterOptions } from '@xyo-network/module-model'
+import { NodeInstance } from '@xyo-network/node-model'
+
+export type WeakModuleFromNodeConfig = ModuleFilterOptions & {
+  logger?: Logger
+  node?: WeakRef<NodeInstance> | string
+}
+
+export const useWeakModuleFromNodeConfigLogger = (config?: WeakModuleFromNodeConfig) => {
+  return config?.logger
+}

package/src/hooks/index.ts

@@ -7,3 +7,7 @@ export * from './useNode'
 export * from './useNodeConfigNodeField'
 export * from './useNodeDescription'
 export * from './useNodeFromNode'
+export * from './useWeakModuleFromNode'
+export * from './useWeakModulesFromNode'
+export * from './useWeakNodeConfigNodeField'
+export * from './WeakModuleFromNodeConfig'

package/src/hooks/useModuleFilterOptions.ts

@@ -1,3 +1,5 @@
+/* eslint-disable deprecation/deprecation */
+/* eslint-disable import/no-deprecated */
 import { ModuleFromNodeConfig } from './ModuleFromNodeConfig'
 
 export const useModuleFilterOptions = (config?: ModuleFromNodeConfig) => {

package/src/hooks/useModuleFromNode.ts

@@ -1,3 +1,5 @@
+/* eslint-disable import/no-deprecated */
+/* eslint-disable deprecation/deprecation */
 import { usePromise } from '@xylabs/react-promise'
 import { asModuleInstance, isModuleInstance, ModuleInstance } from '@xyo-network/module-model'
 import { useState } from 'react'
@@ -6,6 +8,7 @@ import { ModuleFromNodeConfig, useModuleFromNodeConfigLogger } from './ModuleFro
 import { useModuleFilterOptions } from './useModuleFilterOptions'
 import { useNode } from './useNode'
 
+/** @deprecated use useWeakModuleFromNode */
 export const useModuleFromNode = (
   nameOrAddressOrInstance?: string | ModuleInstance,
   config?: ModuleFromNodeConfig,

package/src/hooks/useModulesFromNode.ts

@@ -1,3 +1,5 @@
+/* eslint-disable deprecation/deprecation */
+/* eslint-disable import/no-deprecated */
 import { usePromise } from '@xylabs/react-promise'
 import { ModuleFilter, ModuleInstance } from '@xyo-network/module-model'
 import { useState } from 'react'
@@ -6,6 +8,7 @@ import { ModuleFromNodeConfig } from './ModuleFromNodeConfig'
 import { useModuleFilterOptions } from './useModuleFilterOptions'
 import { useNode } from './useNode'
 
+/** @deprecated use useModulesFromNode */
 export const useModulesFromNode = (filter?: ModuleFilter, config?: ModuleFromNodeConfig): [ModuleInstance[] | undefined, Error | undefined] => {
   const [node, nodeError] = useNode(config)
   const logger = config?.logger
@@ -26,7 +29,6 @@ export const useModulesFromNode = (filter?: ModuleFilter, config?: ModuleFromNod
       })
       const moduleInstances = filter ? await node.resolve(filter, filterOptions) : await node.resolve('*', filterOptions)
       setResult(moduleInstances)
-      setResult(moduleInstances)
       return moduleInstances
     }
     console.log('Result: No Node')

package/src/hooks/useNodeConfigNodeField.ts

@@ -1,3 +1,5 @@
+/* eslint-disable deprecation/deprecation */
+/* eslint-disable import/no-deprecated */
 import { NodeInstance } from '@xyo-network/node-model'
 import { useMemo } from 'react'
 

package/src/hooks/useWeakModuleFromNode.ts

@@ -0,0 +1,48 @@
+import { usePromise } from '@xylabs/react-promise'
+import { asModuleInstance, isModuleInstance, ModuleInstance } from '@xyo-network/module-model'
+import { useState } from 'react'
+
+import { ModuleFromNodeConfig, useModuleFromNodeConfigLogger } from './ModuleFromNodeConfig'
+import { useModuleFilterOptions } from './useModuleFilterOptions'
+import { useNode } from './useNode'
+
+export const useWeakModuleFromNode = (
+  nameOrAddressOrInstance?: string | ModuleInstance,
+  config?: ModuleFromNodeConfig,
+): [WeakRef<ModuleInstance> | undefined, Error | undefined] => {
+  const [node, nodeError] = useNode(config)
+  const logger = useModuleFromNodeConfigLogger(config)
+  const filterOptions = useModuleFilterOptions(config)
+  const [result, setResult] = useState<WeakRef<ModuleInstance> | undefined>()
+  const [, error] = usePromise(async () => {
+    logger?.debug('useModuleFromNode: resolving')
+    const nodeInstance = node
+    if (nodeInstance && nameOrAddressOrInstance) {
+      nodeInstance.on('moduleAttached', ({ module }) => {
+        logger?.debug(`useModuleFromNode: moduleAttached [${module.config.name ?? module.address}]`)
+        if (module.address === nameOrAddressOrInstance || module.config?.name === nameOrAddressOrInstance) {
+          const instance = asModuleInstance(module)
+          setResult(instance ? new WeakRef(instance) : undefined)
+        }
+      })
+      nodeInstance.on('moduleDetached', ({ module }) => {
+        logger?.debug(`useModuleFromNode: moduleDetached [${module.config.name ?? module.address}]`)
+        if (module.address === nameOrAddressOrInstance || module.config?.name === nameOrAddressOrInstance) {
+          setResult(undefined)
+        }
+      })
+      if (isModuleInstance(nameOrAddressOrInstance)) {
+        setResult(new WeakRef(nameOrAddressOrInstance))
+      } else {
+        const result = await nodeInstance.resolve(nameOrAddressOrInstance, filterOptions)
+        logger?.debug(`Result: ${result?.address}`)
+        setResult(result ? new WeakRef(result) : undefined)
+      }
+      return result
+    }
+    logger?.debug('Result: No Node')
+    return
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [node, nameOrAddressOrInstance])
+  return [result, nodeError ?? error]
+}

package/src/hooks/useWeakModulesFromNode.ts

@@ -0,0 +1,41 @@
+import { usePromise } from '@xylabs/react-promise'
+import { ModuleFilter, ModuleInstance } from '@xyo-network/module-model'
+import { useState } from 'react'
+
+import { ModuleFromNodeConfig } from './ModuleFromNodeConfig'
+import { useModuleFilterOptions } from './useModuleFilterOptions'
+import { useNode } from './useNode'
+
+export const useWeakModulesFromNode = (
+  filter?: ModuleFilter,
+  config?: ModuleFromNodeConfig,
+): [WeakRef<ModuleInstance>[] | undefined, Error | undefined] => {
+  const [node, nodeError] = useNode(config)
+  const logger = config?.logger
+  const filterOptions = useModuleFilterOptions()
+  const [result, setResult] = useState<WeakRef<ModuleInstance>[] | undefined>()
+  const [, error] = usePromise(async () => {
+    logger?.debug('useModuleFromNode: resolving')
+    const nodeInstance = node
+    if (nodeInstance) {
+      nodeInstance.on('moduleAttached', async ({ module }) => {
+        const nodeInstance = node
+        logger?.debug(`useModuleFromNode: moduleAttached [${module.config.name ?? module.address}]`)
+        const moduleInstances = filter ? await nodeInstance?.resolve(filter, filterOptions) : await nodeInstance?.resolve('*', filterOptions)
+        setResult(moduleInstances?.map((module) => new WeakRef(module)))
+      })
+      nodeInstance.on('moduleDetached', async ({ module }) => {
+        const nodeInstance = node
+        logger?.debug(`useModuleFromNode: moduleDetached [${module.config.name ?? module.address}]`)
+        const moduleInstances = filter ? await nodeInstance?.resolve(filter, filterOptions) : await nodeInstance?.resolve('*', filterOptions)
+        setResult(moduleInstances?.map((module) => new WeakRef(module)))
+      })
+      const moduleInstances = filter ? await nodeInstance.resolve(filter, filterOptions) : await nodeInstance.resolve('*', filterOptions)
+      setResult(moduleInstances?.map((module) => new WeakRef(module)))
+      return moduleInstances
+    }
+    console.log('Result: No Node')
+    return
+  }, [node, filter])
+  return [result, nodeError ?? error]
+}

package/src/hooks/useWeakNodeConfigNodeField.ts

@@ -0,0 +1,12 @@
+import { NodeInstance } from '@xyo-network/node-model'
+import { useMemo } from 'react'
+
+import { WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig'
+
+export const useWeakNodeConfigNodeField = (
+  config?: WeakModuleFromNodeConfig | undefined,
+): [string | undefined, WeakRef<NodeInstance> | undefined] => {
+  const nodeAddress = useMemo(() => (typeof config?.node === 'string' ? config?.node : undefined), [config?.node])
+  const nodeInstance = useMemo(() => (typeof config?.node === 'object' ? config?.node : undefined), [config?.node])
+  return [nodeAddress, nodeInstance]
+}