@xyo-network/react-node 2.80.0 → 2.81.1

package/src/components/Node.tsx

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

package/src/components/NodeDescriptionBox.tsx

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

package/src/components/NodeDrawer.tsx

@@ -4,8 +4,8 @@ import { FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'
 import type { WithChildren } from '@xylabs/react-shared'
 import { useNodeDrawer } from '@xyo-network/react-node-provider'
 
-import { useWeakProvidedNode } from '../hooks'
-import { ModuleDescriptionBox } from './render'
+import { useWeakProvidedNode } from '../hooks/index.js'
+import { ModuleDescriptionBox } from './render/index.js'
 
 export interface NodeDrawerProps extends WithChildren, Omit<DrawerProps, 'open'> {}
 

package/src/components/NodeModulesBox.tsx

@@ -2,7 +2,7 @@ import { exists } from '@xylabs/exists'
 import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
 import { NodeInstance } from '@xyo-network/node-model'
 
-import { useWeakModulesFromNode } from '../hooks'
+import { useWeakModulesFromNode } from '../hooks/index.js'
 
 export interface NodeDescriptionBoxProps extends FlexBoxProps {
   node?: string | NodeInstance

package/src/components/index.ts

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

package/src/components/render/ModuleDescriptionBox.tsx

@@ -5,7 +5,7 @@ import { FlexBoxProps } from '@xylabs/react-flexbox'
 import { ModuleInstance } from '@xyo-network/module-model'
 import { useRef } from 'react'
 
-import { RenderModule } from './RenderModule'
+import { RenderModule } from './RenderModule.js'
 
 export interface ModuleDescriptionProps extends FlexBoxProps {
   mod?: WeakRef<ModuleInstance> | null

package/src/components/render/index.ts

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

package/src/hooks/index.ts

@@ -1,17 +1,17 @@
-export * from './ModuleFromNodeConfig'
-export * from './provided'
-export * from './useModuleFilterOptions'
-export * from './useModuleFromNode'
-export * from './useModulesFromNode'
-export * from './useNode'
-export * from './useNodeConfigNodeField'
-export * from './useNodeDescription'
-export * from './useNodeFromNode'
-export * from './useNodesFromNode'
-export * from './useWeakModuleFilterOptions'
-export * from './useWeakModuleFromNode'
-export * from './useWeakModulesFromNode'
-export * from './useWeakNodeConfigNodeField'
-export * from './useWeakNodeDescription'
-export * from './useWeakNodeFromNode'
-export * from './WeakModuleFromNodeConfig'
+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'

package/src/hooks/provided/index.ts

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

package/src/hooks/useModuleFilterOptions.ts

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

package/src/hooks/useModuleFromNode.ts

@@ -5,9 +5,9 @@ import { usePromise } from '@xylabs/react-promise'
 import { isModuleInstance, ModuleInstance } from '@xyo-network/module-model'
 import { useState } from 'react'
 
-import { ModuleFromNodeConfig, useModuleFromNodeConfigLogger } from './ModuleFromNodeConfig'
-import { useModuleFilterOptions } from './useModuleFilterOptions'
-import { useNode } from './useNode'
+import { ModuleFromNodeConfig, useModuleFromNodeConfigLogger } from './ModuleFromNodeConfig.js'
+import { useModuleFilterOptions } from './useModuleFilterOptions.js'
+import { useNode } from './useNode.js'
 
 /** @deprecated use useWeakModuleFromNode */
 export const useModuleFromNode = <T extends ModuleInstance | void = void>(

package/src/hooks/useModulesFromNode.ts

@@ -4,9 +4,9 @@ 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'
+import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.js'
+import { useModuleFilterOptions } from './useModuleFilterOptions.js'
+import { useNode } from './useNode.js'
 
 /** @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'
-import { useProvidedNode } from './provided'
-import { useNodeConfigNodeField } from './useNodeConfigNodeField'
+import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.js'
+import { useProvidedNode } from './provided/index.js'
+import { useNodeConfigNodeField } from './useNodeConfigNodeField.js'
 
 export const useNode = (config?: ModuleFromNodeConfig | undefined): [NodeInstance | undefined, Error | undefined] => {
   const [nodeAddress, nodeInstance] = useNodeConfigNodeField(config)

package/src/hooks/useNodeConfigNodeField.ts

@@ -3,7 +3,7 @@
 import { NodeInstance } from '@xyo-network/node-model'
 import { useMemo } from 'react'
 
-import { ModuleFromNodeConfig } from './ModuleFromNodeConfig'
+import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.js'
 
 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'
-import { useNode } from './useNode'
+import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.js'
+import { useNode } from './useNode.js'
 
 export const useNodeDescription = (config?: ModuleFromNodeConfig | undefined): [ModuleDescription | undefined, Error | undefined] => {
   const [activeNode, nodeError] = useNode(config)

package/src/hooks/useNodeFromNode.tsx

@@ -1,8 +1,8 @@
 import { asNodeInstance, NodeInstance } from '@xyo-network/node-model'
 
-import { ModuleFromNodeConfig } from './ModuleFromNodeConfig'
+import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.js'
 // eslint-disable-next-line import/no-deprecated
-import { useModuleFromNode } from './useModuleFromNode'
+import { useModuleFromNode } from './useModuleFromNode.js'
 
 /** @deprecated use useWeakNodeFromNode instead */
 export const useNodeFromNode = (

package/src/hooks/useNodesFromNode.tsx

@@ -1,9 +1,9 @@
 import { ModuleFilter } from '@xyo-network/module-model'
 import { isNodeInstance, NodeInstance } from '@xyo-network/node-model'
 
-import { ModuleFromNodeConfig } from './ModuleFromNodeConfig'
+import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.js'
 // eslint-disable-next-line import/no-deprecated
-import { useModulesFromNode } from './useModulesFromNode'
+import { useModulesFromNode } from './useModulesFromNode.js'
 
 /** @deprecated use useWeakNodesFromNode */
 export const useNodesFromNode = (filter?: ModuleFilter, config?: ModuleFromNodeConfig): [NodeInstance[] | null | undefined, Error | undefined] => {

package/src/hooks/useWeakModuleFilterOptions.ts

@@ -1,4 +1,4 @@
-import { WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig'
+import { WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig.js'
 
 export const useWeakModuleFilterOptions = (config?: WeakModuleFromNodeConfig) => {
   const { direction, identity, maxDepth } = config ?? {}

package/src/hooks/useWeakModuleFromNode.ts

@@ -3,9 +3,9 @@ import { usePromise } from '@xylabs/react-promise'
 import { isModuleInstance, ModuleInstance } from '@xyo-network/module-model'
 import { useState } from 'react'
 
-import { useWeakModuleFilterOptions } from './useWeakModuleFilterOptions'
-import { useWeakNode } from './useWeakNode'
-import { useWeakModuleFromNodeConfigLogger, WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig'
+import { useWeakModuleFilterOptions } from './useWeakModuleFilterOptions.js'
+import { useWeakNode } from './useWeakNode.js'
+import { useWeakModuleFromNodeConfigLogger, WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig.js'
 
 export const useWeakModuleFromNode = <T extends ModuleInstance | void = void>(
   nameOrAddressOrInstance: string | (T extends ModuleInstance ? T : ModuleInstance) | undefined = undefined,

package/src/hooks/useWeakModulesFromNode.ts

@@ -2,9 +2,9 @@ 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'
+import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.js'
+import { useModuleFilterOptions } from './useModuleFilterOptions.js'
+import { useNode } from './useNode.js'
 
 export const useWeakModulesFromNode = (
   filter?: ModuleFilter,

package/src/hooks/useWeakNode.ts

@@ -1,9 +1,9 @@
 import { usePromise } from '@xylabs/react-promise'
 import { asNodeInstance, NodeInstance } from '@xyo-network/node-model'
 
-import { useWeakProvidedNode } from './provided'
-import { useWeakNodeConfigNodeField } from './useWeakNodeConfigNodeField'
-import { WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig'
+import { useWeakProvidedNode } from './provided/index.js'
+import { useWeakNodeConfigNodeField } from './useWeakNodeConfigNodeField.js'
+import { WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig.js'
 
 export const useWeakNode = (config?: WeakModuleFromNodeConfig | undefined): [WeakRef<NodeInstance> | undefined, Error | undefined] => {
   const [nodeAddress, nodeInstance] = useWeakNodeConfigNodeField(config)

package/src/hooks/useWeakNodeConfigNodeField.ts

@@ -1,7 +1,7 @@
 import { NodeInstance } from '@xyo-network/node-model'
 import { useMemo } from 'react'
 
-import { WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig'
+import { WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig.js'
 
 export const useWeakNodeConfigNodeField = (
   config?: WeakModuleFromNodeConfig | undefined,

package/src/hooks/useWeakNodeDescription.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 { useWeakNode } from './useWeakNode'
-import { WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig'
+import { useWeakNode } from './useWeakNode.js'
+import { WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig.js'
 
 export const useWeakNodeDescription = (config?: WeakModuleFromNodeConfig | undefined): [ModuleDescription | undefined, Error | undefined] => {
   const [activeNode, nodeError] = useWeakNode(config)

package/src/hooks/useWeakNodeFromNode.tsx

@@ -1,7 +1,7 @@
 import { isNodeInstance, NodeInstance } from '@xyo-network/node-model'
 
-import { useWeakModuleFromNode } from './useWeakModuleFromNode'
-import { WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig'
+import { useWeakModuleFromNode } from './useWeakModuleFromNode.js'
+import { WeakModuleFromNodeConfig } from './WeakModuleFromNodeConfig.js'
 
 export const useWeakNodeFromNode = (
   nameOrAddressOrInstance?: string | NodeInstance,

package/src/hooks/useWeakNodesFromNode.tsx

@@ -2,8 +2,8 @@ import { exists } from '@xylabs/exists'
 import { ModuleFilter } from '@xyo-network/module-model'
 import { asNodeInstance, NodeInstance } from '@xyo-network/node-model'
 
-import { ModuleFromNodeConfig } from './ModuleFromNodeConfig'
-import { useWeakModulesFromNode } from './useWeakModulesFromNode'
+import { ModuleFromNodeConfig } from './ModuleFromNodeConfig.js'
+import { useWeakModulesFromNode } from './useWeakModulesFromNode.js'
 
 export const useWeakNodesFromNode = (
   filter?: ModuleFilter,

package/src/index.ts

@@ -1,4 +1,4 @@
-export * from './components'
-export * from './hooks'
+export * from './components/index.js'
+export * from './hooks/index.js'
 export * from '@xyo-network/react-node-context'
 export * from '@xyo-network/react-node-provider'