@xyo-network/react-node 2.81.9 → 2.82.0

package/dist/node/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Node.tsx","../../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/useWeakModuleFilterOptions.ts","../../src/hooks/useWeakModuleFromNode.ts","../../src/hooks/useWeakNode.ts","../../src/hooks/useWeakNodeConfigNodeField.ts","../../src/hooks/WeakModuleFromNodeConfig.ts","../../src/hooks/useWeakModulesFromNode.ts","../../src/hooks/useWeakNodeDescription.ts","../../src/hooks/useWeakNodeFromNode.tsx","../../src/components/NodeDrawer.tsx","../../src/components/render/ModuleDescriptionBox.tsx","../../src/components/render/RenderModule.tsx","../../src/index.ts"],"sourcesContent":["import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport React from 'react'\n\nimport { NodeDescriptionBox } from './NodeDescriptionBox.tsx'\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 { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport React from 'react'\n\nimport { useWeakNodeDescription } from '../hooks/index.ts'\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","import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.ts'\n\nexport const useModuleFilterOptions = (config?: ModuleFromNodeConfig) => {\n  const { direction, identity, maxDepth } = config ?? {}\n  return { direction, identity, maxDepth }\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.ts'\nimport { useModuleFilterOptions } from './useModuleFilterOptions.ts'\nimport { useNode } from './useNode.ts'\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', ({ 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', ({ 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  }, [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.ts'\nimport { useProvidedNode } from './provided/index.ts'\nimport { useNodeConfigNodeField } from './useNodeConfigNodeField.ts'\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.ts'\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.ts'\nimport { useModuleFilterOptions } from './useModuleFilterOptions.ts'\nimport { useNode } from './useNode.ts'\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 ({ 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 ({ 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.ts'\nimport { useNode } from './useNode.ts'\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.ts'\nimport { useModuleFromNode } from './useModuleFromNode.ts'\n\n/** @deprecated use useWeakNodeFromNode instead */\nexport const useNodeFromNode = (\n  nameOrAddressOrInstance?: string | NodeInstance,\n  config?: ModuleFromNodeConfig,\n): [NodeInstance | undefined, Error | undefined] => {\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.ts'\nimport { useModulesFromNode } from './useModulesFromNode.ts'\n\n/** @deprecated use useWeakNodesFromNode */\nexport const useNodesFromNode = (filter?: ModuleFilter, config?: ModuleFromNodeConfig): [NodeInstance[] | null | undefined, Error | undefined] => {\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 { WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig.ts'\n\nexport const useWeakModuleFilterOptions = (config?: WeakModuleFromNodeConfig) => {\n  const { direction, identity, maxDepth } = config ?? {}\n  return { direction, identity, maxDepth }\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 { useWeakModuleFilterOptions } from './useWeakModuleFilterOptions.ts'\nimport { useWeakNode } from './useWeakNode.ts'\nimport { useWeakModuleFromNodeConfigLogger, WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig.ts'\n\nexport const useWeakModuleFromNode = <T extends ModuleInstance | void = void>(\n  nameOrAddressOrInstance: string | (T extends ModuleInstance ? T : ModuleInstance) | undefined = undefined,\n  config?: WeakModuleFromNodeConfig,\n): [WeakRef<T extends ModuleInstance ? T : ModuleInstance> | undefined, Error | undefined] => {\n  const [node, nodeError] = useWeakNode(config)\n  const logger = useWeakModuleFromNodeConfigLogger(config)\n  const filterOptions = useWeakModuleFilterOptions(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?.deref()\n    if (nodeInstance && nameOrAddressOrInstance) {\n      nodeInstance.on('moduleAttached', ({ 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', ({ 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  }, [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 { useWeakProvidedNode } from './provided/index.ts'\nimport { useWeakNodeConfigNodeField } from './useWeakNodeConfigNodeField.ts'\nimport { WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig.ts'\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 { NodeInstance } from '@xyo-network/node-model'\nimport { useMemo } from 'react'\n\nimport { WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig.ts'\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 { usePromise } from '@xylabs/react-promise'\nimport { ModuleFilter, ModuleInstance } from '@xyo-network/module-model'\nimport { useState } from 'react'\n\nimport { ModuleFromNodeConfig } from './ModuleFromNodeConfig.ts'\nimport { useModuleFilterOptions } from './useModuleFilterOptions.ts'\nimport { useNode } from './useNode.ts'\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 ({ 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 ({ 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 { 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.ts'\nimport { WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig.ts'\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 { isNodeInstance, NodeInstance } from '@xyo-network/node-model'\n\nimport { useWeakModuleFromNode } from './useWeakModuleFromNode.ts'\nimport { WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig.ts'\n\nexport const useWeakNodeFromNode = (\n  nameOrAddressOrInstance?: string | NodeInstance,\n  config?: WeakModuleFromNodeConfig,\n): [WeakRef<NodeInstance> | undefined, Error | undefined] => {\n  return useWeakModuleFromNode<NodeInstance>(nameOrAddressOrInstance, { identity: isNodeInstance, ...config })\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'\nimport React from 'react'\n\nimport { useWeakProvidedNode } from '../hooks/index.ts'\nimport { ModuleDescriptionBox } from './render/index.ts'\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 React, { useRef } from 'react'\n\nimport { RenderModule } from './RenderModule.tsx'\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            <>\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          )\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 React, { 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\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        ? (\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          )\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/index.ts'\nexport * from './hooks/index.ts'\nexport * from '@xyo-network/react-node-context'\nexport * from '@xyo-network/react-node-provider'\n"],"mappings":"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","names":["React","FlexCol","React","useModuleFromNodeConfigLogger","config","logger","NodeContext","useContext","useProvidedNode","node","useContext","NodeContext","NodeContext","useContext","useMemo","useWeakProvidedNode","node","useContext","NodeContext","weakNode","useMemo","WeakRef","useModuleFilterOptions","config","direction","identity","maxDepth","usePromise","isModuleInstance","useState","usePromise","asNodeInstance","useMemo","useNodeConfigNodeField","config","nodeAddress","useMemo","node","undefined","nodeInstance","useNode","config","nodeAddress","nodeInstance","useNodeConfigNodeField","providedNode","useProvidedNode","nodeAddressNode","error","usePromise","asNodeInstance","resolve","undefined","useModuleFromNode","nameOrAddressOrInstance","undefined","config","node","nodeError","useNode","logger","useModuleFromNodeConfigLogger","filterOptions","useModuleFilterOptions","result","setResult","useState","error","usePromise","debug","identity","isModuleInstance","on","mod","name","address","resolve","usePromise","useState","useModulesFromNode","filter","config","node","nodeError","useNode","logger","filterOptions","useModuleFilterOptions","result","setResult","useState","error","usePromise","debug","on","mod","name","address","moduleInstances","resolve","console","log","usePromise","ModuleDescriptionSchema","isPayloadOfSchemaType","useNodeDescription","config","activeNode","nodeError","useNode","description","error","usePromise","state","find","isPayloadOfSchemaType","ModuleDescriptionSchema","asNodeInstance","useNodeFromNode","nameOrAddressOrInstance","config","mod","error","useModuleFromNode","instance","asNodeInstance","Error","schema","name","address","console","message","undefined","isNodeInstance","useNodesFromNode","filter","config","modules","error","useModulesFromNode","reduce","prev","mod","isNodeInstance","push","undefined","useWeakModuleFilterOptions","config","direction","identity","maxDepth","usePromise","isModuleInstance","useState","usePromise","asNodeInstance","useMemo","useWeakNodeConfigNodeField","config","nodeAddress","useMemo","node","undefined","nodeInstance","useWeakNode","config","nodeAddress","nodeInstance","useWeakNodeConfigNodeField","providedNode","useWeakProvidedNode","nodeAddressNode","error","usePromise","providedNodeInstance","deref","WeakRef","asNodeInstance","resolve","undefined","useWeakModuleFromNodeConfigLogger","config","logger","useWeakModuleFromNode","nameOrAddressOrInstance","undefined","config","node","nodeError","useWeakNode","logger","useWeakModuleFromNodeConfigLogger","filterOptions","useWeakModuleFilterOptions","result","setResult","useState","error","usePromise","debug","identity","isModuleInstance","nodeInstance","deref","on","mod","name","address","WeakRef","resolve","usePromise","useState","useWeakModulesFromNode","filter","config","node","nodeError","useNode","logger","filterOptions","useModuleFilterOptions","result","setResult","useState","error","usePromise","debug","nodeInstance","on","mod","name","address","moduleInstances","resolve","map","WeakRef","console","log","usePromise","ModuleDescriptionSchema","isPayloadOfSchemaType","useWeakNodeDescription","config","activeNode","nodeError","useWeakNode","description","error","usePromise","state","deref","find","isPayloadOfSchemaType","ModuleDescriptionSchema","isNodeInstance","useWeakNodeFromNode","nameOrAddressOrInstance","config","useWeakModuleFromNode","identity","isNodeInstance","NodeDescriptionBox","node","props","description","error","useWeakNodeDescription","FlexCol","code","color","undefined","message","JSON","stringify","NodeBox","variant","props","React","NodeDescriptionBox","Close","CloseIcon","ClickAwayListener","Drawer","IconButton","FlexGrowCol","FlexRow","useNodeDrawer","React","ChevronRight","ChevronRightIcon","ExpandMore","ExpandMoreIcon","styled","Typography","TreeView","React","useRef","styled","TreeItem","useAsyncEffect","React","useState","RenderModule","mod","idRef","childModules","setChildModules","useState","useAsyncEffect","mounted","moduleInstance","deref","address","children","resolve","filter","childModule","map","WeakRef","increment","newId","current","idIncrementor","toString","ids","push","queries","React","StyledAddressTreeItem","nodeId","label","query","index","TreeItem","key","sx","mb","length","childModuleRef","styled","name","theme","marginBottom","spacing","ModuleDescriptionBox","mod","idRef","useRef","idIncrementor","ids","React","Typography","variant","StyledTreeView","aria-label","defaultCollapseIcon","ExpandMoreIcon","defaultExpandIcon","ChevronRightIcon","sx","flexGrow","RenderModule","styled","TreeView","name","height","maxWidth","NodeDrawer","children","props","open","setOpen","useNodeDrawer","node","useWeakProvidedNode","React","Drawer","anchor","ClickAwayListener","onClickAway","FlexGrowCol","role","justifyContent","p","rowGap","minWidth","FlexRow","alignContent","width","IconButton","onClick","CloseIcon","ModuleDescriptionBox","mod"]}

package/package.json

@@ -12,33 +12,33 @@
   "dependencies": {
     "@emotion/react": "^11.13.0",
     "@emotion/styled": "^11.13.0",
-    "@mui/icons-material": "^5.16.5",
-    "@mui/material": "^5.16.5",
-    "@mui/styles": "^5.16.5",
-    "@mui/system": "^5.16.5",
-    "@mui/x-tree-view": "^7.11.0",
-    "@xylabs/exists": "^3.6.4",
-    "@xylabs/logger": "^3.6.4",
-    "@xylabs/object": "^3.6.4",
-    "@xylabs/react-async-effect": "^3.4.1",
-    "@xylabs/react-flexbox": "^3.4.1",
-    "@xylabs/react-promise": "^3.4.1",
-    "@xylabs/react-shared": "^3.4.1",
-    "@xyo-network/module-abstract": "^2.110.9",
-    "@xyo-network/module-model": "^2.110.9",
-    "@xyo-network/node-model": "^2.110.9",
-    "@xyo-network/payload-model": "^2.110.9",
-    "@xyo-network/react-node-context": "^2.81.9",
-    "@xyo-network/react-node-provider": "^2.81.9"
+    "@mui/icons-material": "^5.16.6",
+    "@mui/material": "^5.16.6",
+    "@mui/styles": "^5.16.6",
+    "@mui/system": "^5.16.6",
+    "@mui/x-tree-view": "^7.12.0",
+    "@xylabs/exists": "^3.6.12",
+    "@xylabs/logger": "^3.6.12",
+    "@xylabs/object": "^3.6.12",
+    "@xylabs/react-async-effect": "^3.4.2",
+    "@xylabs/react-flexbox": "^3.4.2",
+    "@xylabs/react-promise": "^3.4.2",
+    "@xylabs/react-shared": "^3.4.2",
+    "@xyo-network/module-abstract": "^2.111.3",
+    "@xyo-network/module-model": "^2.111.3",
+    "@xyo-network/node-model": "^2.111.3",
+    "@xyo-network/payload-model": "^2.111.3",
+    "@xyo-network/react-node-context": "^2.82.0",
+    "@xyo-network/react-node-provider": "^2.82.0"
   },
   "devDependencies": {
-    "@storybook/react": "^7.6.20",
-    "@xylabs/ts-scripts-yarn3": "^3.12.4",
-    "@xylabs/tsconfig-react": "^3.12.4",
-    "@xyo-network/node-memory": "^2.110.9",
-    "@xyo-network/payload-model": "^2.110.9",
-    "@xyo-network/react-storybook": "^2.81.9",
-    "@xyo-network/react-wallet": "^2.81.9",
+    "@storybook/react": "^8.2.7",
+    "@xylabs/ts-scripts-yarn3": "^3.15.16",
+    "@xylabs/tsconfig-react": "^3.15.16",
+    "@xyo-network/node-memory": "^2.111.3",
+    "@xyo-network/payload-model": "^2.111.3",
+    "@xyo-network/react-storybook": "^2.82.0",
+    "@xyo-network/react-wallet": "^2.82.0",
     "typescript": "^5.5.4"
   },
   "peerDependencies": {
@@ -52,7 +52,7 @@
       "node": {
         "import": {
           "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.js"
+          "default": "./dist/node/index.mjs"
         },
         "require": {
           "types": "./dist/node/index.d.cts",
@@ -62,19 +62,19 @@
       "browser": {
         "import": {
           "types": "./dist/browser/index.d.mts",
-          "default": "./dist/browser/index.js"
+          "default": "./dist/browser/index.mjs"
         },
         "require": {
           "types": "./dist/browser/index.d.cts",
           "default": "./dist/browser/index.cjs"
         }
       },
-      "default": "./dist/browser/index.js"
+      "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
   "main": "dist/browser/index.cjs",
-  "module": "dist/browser/index.js",
+  "module": "dist/browser/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -96,6 +96,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.81.9",
+  "version": "2.82.0",
   "type": "module"
 }

package/src/components/Node.stories.tsx

@@ -5,10 +5,11 @@ import { NodeConfigSchema } from '@xyo-network/node-model'
 import { MemoryNodeProvider } from '@xyo-network/react-node-provider'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
 import { useWallet, WalletProvider } from '@xyo-network/react-wallet'
+import React from 'react'
 
-import { useWeakProvidedNode } from '../hooks/index.js'
-import { NodeBox } from './Node.js'
-import { TestModule, TestModuleConfigSchema } from './TestModule.js'
+import { useWeakProvidedNode } from '../hooks/index.ts'
+import { NodeBox } from './Node.tsx'
+import { TestModule, TestModuleConfigSchema } from './TestModule.ts'
 
 const TestModuleName = 'TestModule'
 
@@ -24,7 +25,6 @@ const MemoryNodeDecorator: Decorator = (Story, args) => {
   )
 }
 
-// eslint-disable-next-line import/no-default-export
 export default {
   title: 'modules/node/NodeBox',
 } as Meta
@@ -35,7 +35,7 @@ const Template: StoryFn<React.FC> = () => {
   const [account] = useWallet({ mnemonic: DefaultSeedPhrase, path: '0' })
 
   useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+
     async () => {
       const nodeInstance = node?.deref()
       if (nodeInstance && account) {

package/src/components/Node.tsx

@@ -1,7 +1,8 @@
 import { FlexBoxProps } from '@xylabs/react-flexbox'
 import { NodeInstance } from '@xyo-network/node-model'
+import React from 'react'
 
-import { NodeDescriptionBox } from './NodeDescriptionBox.js'
+import { NodeDescriptionBox } from './NodeDescriptionBox.tsx'
 
 export interface NodeBoxProps extends FlexBoxProps {
   node?: string | WeakRef<NodeInstance>

package/src/components/NodeDescriptionBox.tsx

@@ -1,7 +1,8 @@
 import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
 import { NodeInstance } from '@xyo-network/node-model'
+import React from 'react'
 
-import { useWeakNodeDescription } from '../hooks/index.js'
+import { useWeakNodeDescription } from '../hooks/index.ts'
 
 export interface NodeDescriptionBoxProps extends FlexBoxProps {
   node?: string | WeakRef<NodeInstance>

package/src/components/NodeDrawer.stories.tsx

@@ -3,8 +3,9 @@ import { Decorator, Meta, StoryFn } from '@storybook/react'
 import { FlexCol } from '@xylabs/react-flexbox'
 import { NodeConfigSchema } from '@xyo-network/node-model'
 import { MemoryNodeProvider, NodeDrawerProvider, useNodeDrawer } from '@xyo-network/react-node-provider'
+import React from 'react'
 
-import { NodeDrawer } from './NodeDrawer.js'
+import { NodeDrawer } from './NodeDrawer.tsx'
 
 const ProviderDecorator: Decorator = (Story, args) => (
   <MemoryNodeProvider config={{ schema: NodeConfigSchema }}>
@@ -24,7 +25,7 @@ const Template: StoryFn<typeof NodeDrawer> = (args) => {
   const { setOpen } = useNodeDrawer()
   return (
     <FlexCol>
-      <Button onClick={() => setOpen?.((previous) => !previous)} variant="contained">
+      <Button onClick={() => setOpen?.(previous => !previous)} variant="contained">
         Toggle Drawer
       </Button>
       <NodeDrawer {...args}></NodeDrawer>
@@ -37,5 +38,4 @@ Default.args = {}
 
 export { Default }
 
-// eslint-disable-next-line import/no-default-export
 export default StorybookEntry

package/src/components/NodeDrawer.tsx

@@ -3,9 +3,10 @@ import { ClickAwayListener, Drawer, DrawerProps, IconButton } from '@mui/materia
 import { FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'
 import type { WithChildren } from '@xylabs/react-shared'
 import { useNodeDrawer } from '@xyo-network/react-node-provider'
+import React from 'react'
 
-import { useWeakProvidedNode } from '../hooks/index.js'
-import { ModuleDescriptionBox } from './render/index.js'
+import { useWeakProvidedNode } from '../hooks/index.ts'
+import { ModuleDescriptionBox } from './render/index.ts'
 
 export interface NodeDrawerProps extends WithChildren, Omit<DrawerProps, 'open'> {}
 

package/src/components/NodeModulesBox.tsx

@@ -1,8 +1,9 @@
 import { exists } from '@xylabs/exists'
 import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
 import { NodeInstance } from '@xyo-network/node-model'
+import React from 'react'
 
-import { useWeakModulesFromNode } from '../hooks/index.js'
+import { useWeakModulesFromNode } from '../hooks/index.ts'
 
 export interface NodeDescriptionBoxProps extends FlexBoxProps {
   node?: string | NodeInstance
@@ -14,7 +15,7 @@ export const NodeDescriptionBox: React.FC<NodeDescriptionBoxProps> = ({ node, ..
   return (
     <FlexCol {...props}>
       <code color={error ? 'red' : undefined}>
-        {error ? error.message : JSON.stringify(description?.map((desc) => desc.deref()).filter(exists), null, 2)}
+        {error ? error.message : JSON.stringify(description?.map(desc => desc.deref()).filter(exists), null, 2)}
       </code>
     </FlexCol>
   )

package/src/components/index.ts

@@ -1,2 +1,2 @@
-export * from './Node.js'
-export * from './NodeDrawer.js'
+export * from './Node.tsx'
+export * from './NodeDrawer.tsx'

package/src/components/render/ModuleDescriptionBox.tsx

@@ -3,9 +3,9 @@ import { styled, Typography } from '@mui/material'
 import { TreeView } from '@mui/x-tree-view'
 import { FlexBoxProps } from '@xylabs/react-flexbox'
 import { ModuleInstance } from '@xyo-network/module-model'
-import { useRef } from 'react'
+import React, { useRef } from 'react'
 
-import { RenderModule } from './RenderModule.js'
+import { RenderModule } from './RenderModule.tsx'
 
 export interface ModuleDescriptionProps extends FlexBoxProps {
   mod?: WeakRef<ModuleInstance> | null
@@ -15,21 +15,23 @@ export const ModuleDescriptionBox: React.FC<ModuleDescriptionProps> = ({ mod })
 
   return (
     <>
-      {mod ?
-        <>
-          <Typography variant="h4">Node Configuration</Typography>
-          <StyledTreeView
-            aria-label="file system navigator"
-            defaultCollapseIcon={<ExpandMoreIcon />}
-            defaultExpandIcon={<ChevronRightIcon />}
-            sx={{ flexGrow: 1 }}
-          >
-            <RenderModule mod={mod} idRef={idRef} />
-          </StyledTreeView>
-        </>
-      : mod === null ?
-        <Typography variant="h4">Node loading...</Typography>
-      : <Typography variant="h4">Node not found</Typography>}
+      {mod
+        ? (
+            <>
+              <Typography variant="h4">Node Configuration</Typography>
+              <StyledTreeView
+                aria-label="file system navigator"
+                defaultCollapseIcon={<ExpandMoreIcon />}
+                defaultExpandIcon={<ChevronRightIcon />}
+                sx={{ flexGrow: 1 }}
+              >
+                <RenderModule mod={mod} idRef={idRef} />
+              </StyledTreeView>
+            </>
+          )
+        : mod === null
+          ? <Typography variant="h4">Node loading...</Typography>
+          : <Typography variant="h4">Node not found</Typography>}
     </>
   )
 }

package/src/components/render/RenderModule.tsx

@@ -2,7 +2,7 @@ import { styled } from '@mui/material'
 import { TreeItem } from '@mui/x-tree-view'
 import { useAsyncEffect } from '@xylabs/react-async-effect'
 import { ModuleInstance } from '@xyo-network/module-model'
-import { MutableRefObject, useState } from 'react'
+import React, { MutableRefObject, useState } from 'react'
 
 interface RenderModuleProps {
   idRef: MutableRefObject<{
@@ -16,14 +16,14 @@ export const RenderModule: React.FC<RenderModuleProps> = ({ mod, idRef }) => {
   const [childModules, setChildModules] = useState<WeakRef<ModuleInstance>[]>()
 
   useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+
     async (mounted) => {
       const moduleInstance = mod.deref()
       const { address } = moduleInstance ?? {}
       if (moduleInstance) {
-        const children = (await moduleInstance.resolve('*')).filter((childModule) => childModule.address !== address)
+        const children = (await moduleInstance.resolve('*')).filter(childModule => childModule.address !== address)
         if (mounted()) {
-          setChildModules(children.map((childModule) => new WeakRef(childModule)))
+          setChildModules(children.map(childModule => new WeakRef(childModule)))
         }
       }
     },
@@ -44,14 +44,16 @@ export const RenderModule: React.FC<RenderModuleProps> = ({ mod, idRef }) => {
       {queries?.map((query, index) => {
         return <TreeItem key={query} nodeId={increment()} label={`query : ${query}`} sx={{ mb: index === queries.length - 1 ? 1.5 : 0.5 }} />
       })}
-      {childModules && childModules.length > 0 ?
-        <TreeItem nodeId={increment()} label={'children'} sx={{ mb: 0.5 }}>
-          {childModules.map((childModuleRef) => {
-            const childModule = childModuleRef.deref()
-            return childModule ? <RenderModule key={childModule?.address} mod={childModuleRef} idRef={idRef} /> : null
-          })}
-        </TreeItem>
-      : null}
+      {childModules && childModules.length > 0
+        ? (
+            <TreeItem nodeId={increment()} label="children" sx={{ mb: 0.5 }}>
+              {childModules.map((childModuleRef) => {
+                const childModule = childModuleRef.deref()
+                return childModule ? <RenderModule key={childModule?.address} mod={childModuleRef} idRef={idRef} /> : null
+              })}
+            </TreeItem>
+          )
+        : null}
     </StyledAddressTreeItem>
   )
 }

package/src/components/render/index.ts

@@ -1,2 +1,2 @@
-export * from './ModuleDescriptionBox.js'
-export * from './RenderModule.js'
+export * from './ModuleDescriptionBox.tsx'
+export * from './RenderModule.tsx'

package/src/hooks/index.ts

@@ -1,17 +1,17 @@
-export * from './ModuleFromNodeConfig.js'
-export * from './provided/index.js'
-export * from './useModuleFilterOptions.js'
-export * from './useModuleFromNode.js'
-export * from './useModulesFromNode.js'
-export * from './useNode.js'
-export * from './useNodeConfigNodeField.js'
-export * from './useNodeDescription.js'
-export * from './useNodeFromNode.js'
-export * from './useNodesFromNode.js'
-export * from './useWeakModuleFilterOptions.js'
-export * from './useWeakModuleFromNode.js'
-export * from './useWeakModulesFromNode.js'
-export * from './useWeakNodeConfigNodeField.js'
-export * from './useWeakNodeDescription.js'
-export * from './useWeakNodeFromNode.js'
-export * from './WeakModuleFromNodeConfig.js'
+export * from './ModuleFromNodeConfig.ts'
+export * from './provided/index.ts'
+export * from './useModuleFilterOptions.ts'
+export * from './useModuleFromNode.ts'
+export * from './useModulesFromNode.ts'
+export * from './useNode.ts'
+export * from './useNodeConfigNodeField.ts'
+export * from './useNodeDescription.ts'
+export * from './useNodeFromNode.tsx'
+export * from './useNodesFromNode.tsx'
+export * from './useWeakModuleFilterOptions.ts'
+export * from './useWeakModuleFromNode.ts'
+export * from './useWeakModulesFromNode.ts'
+export * from './useWeakNodeConfigNodeField.ts'
+export * from './useWeakNodeDescription.ts'
+export * from './useWeakNodeFromNode.tsx'
+export * from './WeakModuleFromNodeConfig.ts'

package/src/hooks/provided/index.ts

@@ -1,2 +1,2 @@
-export * from './useProvidedNode.js'
-export * from './useWeakProvidedNode.js'
+export * from './useProvidedNode.tsx'
+export * from './useWeakProvidedNode.tsx'

package/src/hooks/useModuleFilterOptions.ts

@@ -1,6 +1,4 @@
-/* eslint-disable deprecation/deprecation */
-/* eslint-disable import/no-deprecated */
-import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.js'
+import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.ts'
 
 export const useModuleFilterOptions = (config?: ModuleFromNodeConfig) => {
   const { direction, identity, maxDepth } = config ?? {}

package/src/hooks/useModuleFromNode.ts

@@ -1,13 +1,11 @@
-/* eslint-disable import/no-deprecated */
-/* eslint-disable deprecation/deprecation */
 import { TypeCheck } from '@xylabs/object'
 import { usePromise } from '@xylabs/react-promise'
 import { isModuleInstance, ModuleInstance } from '@xyo-network/module-model'
 import { useState } from 'react'
 
-import { ModuleFromNodeConfig, useModuleFromNodeConfigLogger } from './ModuleFromNodeConfig.js'
-import { useModuleFilterOptions } from './useModuleFilterOptions.js'
-import { useNode } from './useNode.js'
+import { ModuleFromNodeConfig, useModuleFromNodeConfigLogger } from './ModuleFromNodeConfig.ts'
+import { useModuleFilterOptions } from './useModuleFilterOptions.ts'
+import { useNode } from './useNode.ts'
 
 /** @deprecated use useWeakModuleFromNode */
 export const useModuleFromNode = <T extends ModuleInstance | void = void>(
@@ -47,7 +45,6 @@ export const useModuleFromNode = <T extends ModuleInstance | void = void>(
     }
     logger?.debug('Result: No Node')
     return
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [node, nameOrAddressOrInstance])
   return [result, nodeError ?? error]
 }

package/src/hooks/useModulesFromNode.ts

@@ -1,12 +1,10 @@
-/* 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'
 
-import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.js'
-import { useModuleFilterOptions } from './useModuleFilterOptions.js'
-import { useNode } from './useNode.js'
+import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.ts'
+import { useModuleFilterOptions } from './useModuleFilterOptions.ts'
+import { useNode } from './useNode.ts'
 
 /** @deprecated use useModulesFromNode */
 export const useModulesFromNode = (filter?: ModuleFilter, config?: ModuleFromNodeConfig): [ModuleInstance[] | undefined, Error | undefined] => {

package/src/hooks/useNode.ts

@@ -1,9 +1,9 @@
 import { usePromise } from '@xylabs/react-promise'
 import { asNodeInstance, NodeInstance } from '@xyo-network/node-model'
 
-import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.js'
-import { useProvidedNode } from './provided/index.js'
-import { useNodeConfigNodeField } from './useNodeConfigNodeField.js'
+import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.ts'
+import { useProvidedNode } from './provided/index.ts'
+import { useNodeConfigNodeField } from './useNodeConfigNodeField.ts'
 
 export const useNode = (config?: ModuleFromNodeConfig | undefined): [NodeInstance | undefined, Error | undefined] => {
   const [nodeAddress, nodeInstance] = useNodeConfigNodeField(config)

package/src/hooks/useNodeConfigNodeField.ts

@@ -1,9 +1,7 @@
-/* eslint-disable deprecation/deprecation */
-/* eslint-disable import/no-deprecated */
 import { NodeInstance } from '@xyo-network/node-model'
 import { useMemo } from 'react'
 
-import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.js'
+import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.ts'
 
 export const useNodeConfigNodeField = (config?: ModuleFromNodeConfig | undefined): [string | undefined, NodeInstance | undefined] => {
   const nodeAddress = useMemo(() => (typeof config?.node === 'string' ? config?.node : undefined), [config?.node])

package/src/hooks/useNodeDescription.ts

@@ -2,8 +2,8 @@ import { usePromise } from '@xylabs/react-promise'
 import { ModuleDescription, ModuleDescriptionPayload, ModuleDescriptionSchema } from '@xyo-network/module-model'
 import { isPayloadOfSchemaType } from '@xyo-network/payload-model'
 
-import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.js'
-import { useNode } from './useNode.js'
+import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.ts'
+import { useNode } from './useNode.ts'
 
 export const useNodeDescription = (config?: ModuleFromNodeConfig | undefined): [ModuleDescription | undefined, Error | undefined] => {
   const [activeNode, nodeError] = useNode(config)

package/src/hooks/useNodeFromNode.tsx

@@ -1,15 +1,13 @@
 import { asNodeInstance, NodeInstance } from '@xyo-network/node-model'
 
-import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.js'
-// eslint-disable-next-line import/no-deprecated
-import { useModuleFromNode } from './useModuleFromNode.js'
+import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.ts'
+import { useModuleFromNode } from './useModuleFromNode.ts'
 
 /** @deprecated use useWeakNodeFromNode instead */
 export const useNodeFromNode = (
   nameOrAddressOrInstance?: string | NodeInstance,
   config?: ModuleFromNodeConfig,
 ): [NodeInstance | undefined, Error | undefined] => {
-  // eslint-disable-next-line import/no-deprecated, deprecation/deprecation
   const [mod, error] = useModuleFromNode(nameOrAddressOrInstance, config)
   const instance = asNodeInstance(mod)
   if (mod && !instance) {

package/src/hooks/useNodesFromNode.tsx

@@ -1,19 +1,17 @@
 import { ModuleFilter } from '@xyo-network/module-model'
 import { isNodeInstance, NodeInstance } from '@xyo-network/node-model'
 
-import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.js'
-// eslint-disable-next-line import/no-deprecated
-import { useModulesFromNode } from './useModulesFromNode.js'
+import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.ts'
+import { useModulesFromNode } from './useModulesFromNode.ts'
 
 /** @deprecated use useWeakNodesFromNode */
 export const useNodesFromNode = (filter?: ModuleFilter, config?: ModuleFromNodeConfig): [NodeInstance[] | null | undefined, Error | undefined] => {
-  // eslint-disable-next-line import/no-deprecated, deprecation/deprecation
   const [modules, error] = useModulesFromNode(filter, config)
   if (error) {
     return [null, error]
   }
-  return modules ?
-      [
+  return modules
+    ? [
         // eslint-disable-next-line unicorn/no-array-reduce
         modules.reduce<NodeInstance[]>((prev, mod) => {
           if (isNodeInstance(mod)) {