@xyo-network/os-react-runtime 4.0.4 → 4.0.6

package/src/hooks/ResourceHooks.ts

@@ -1,4 +1,4 @@
-import type { State } from '@xylabs/react-promise'
+import type { UsePromiseState } from '@xylabs/react-promise'
 import type { XyOsContext } from '@xyo-network/os-model'
 import type { ResourceStore } from '@xyo-network/os-runtime'
 
@@ -6,7 +6,7 @@ import { useXyOsUiContext } from '../modules/index.ts'
 
 export class ResourceHooks<Views extends string, T extends ResourceStore<Views>> {
   constructor(
-    private buildResource: (context?: XyOsContext | null, pathPrefix?: string) => [T | undefined, Error | undefined, State | undefined],
+    private buildResource: (context?: XyOsContext | null, pathPrefix?: string) => [T | undefined, Error | undefined, UsePromiseState | undefined],
     private buildViews: (resource?: T) => { [K in Views]: ReturnType<T['views'][K]> | undefined } | (undefined & Record<'resource', T | undefined>),
   ) {}
 

package/src/hooks/intent/useNavigateIntent.tsx

@@ -29,16 +29,16 @@ export const useNavigateIntent = () => {
             if (dappNameDeSlugged !== dappName) {
               // navigating from the root to allow overwriting duplicate slugs
               const slugFromRoot = `${rootRoute}${slug}${intentParams ? `/${intentParams}` : ''}`
-              if (!skipNavigate) navigate(slugFromRoot)
+              if (!skipNavigate) void navigate(slugFromRoot)
             }
             break
           }
           case DappIntentTypes.Minimize: {
-            if (!skipNavigate)navigate(rootRoute)
+            if (!skipNavigate) void navigate(rootRoute)
             break
           }
           case DappIntentTypes.Close: {
-            if (!skipNavigate) navigate(rootRoute)
+            if (!skipNavigate) void navigate(rootRoute)
             break
           }
         }

package/src/hooks/os/useWidgetDapps.tsx

@@ -1,4 +1,4 @@
-import type { State } from '@xylabs/react-promise'
+import type { UsePromiseState } from '@xylabs/react-promise'
 import { usePromise } from '@xylabs/react-promise'
 import type { WidgetTrayLayout } from '@xyo-network/os-model'
 import type { RegisteredReactDappSet } from '@xyo-network/os-react-model'
@@ -12,7 +12,7 @@ type WidgetResults = [(JSX.Element | undefined)[] | undefined, (Error | undefine
 export const useWidgetDapps = (
   registeredDapps?: RegisteredReactDappSet[],
   widgetTrayLayout?: WidgetTrayLayout,
-): [WidgetResults, Error | undefined, State | undefined] => {
+): [WidgetResults, Error | undefined, UsePromiseState | undefined] => {
   const context = useXyOsUiContext()
   return usePromise(async () => {
     if (registeredDapps && context && widgetTrayLayout) {

package/src/hooks/useDebugClick.tsx

@@ -25,7 +25,7 @@ export const useDebugClick = () => {
     openFromClick.current = false
     closeFromClick.current = true
     initialized.current = false
-    navigate(-1)
+    void navigate(-1)
     // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect
     setDebugOpen(false)
   }, [navigate])

package/src/hooks/useTabs.ts

@@ -8,7 +8,7 @@ export const useTabs = (): [string, Dispatch<string>] => {
   const rootFolder = location.pathname.split('/')[1]
   const tab = rootFolder?.length > 0 ? rootFolder : 'node'
   const setTab = (tab: string) => {
-    navigate(`/${tab}`)
+    void navigate(`/${tab}`)
   }
   return [tab, setTab]
 }

package/src/modules/Dapp/modules/Window/DappWindow.tsx

@@ -1,8 +1,8 @@
 /* eslint-disable @eslint-react/no-array-index-key */
+import { ErrorBoundary, ErrorRender } from '@xylabs/react-error'
 import { FlexCol } from '@xylabs/react-flexbox'
 import type { RegisteredReactDappSet } from '@xyo-network/os-react-model'
 import { NameTransforms } from '@xyo-network/os-runtime'
-import { ErrorBoundary, ErrorRender } from '@xyo-network/react-error'
 import { NodeProvider } from '@xyo-network/react-node'
 import { WalletProvider } from '@xyo-network/react-wallet'
 import React, { useMemo } from 'react'

package/src/modules/Dapp/modules/Window/hooks/menu/useDappMenu.tsx

@@ -57,7 +57,7 @@ export const useDappMenu = (context?: XyOsContext | null, dappName?: DappName) =
 
     // navigate to the new path so listeners on the route can react
     const destinationPath = DappPathHelpers.deriveDestinationPath(path, defaultPath, dappName)
-    navigate(destinationPath)
+    void navigate(destinationPath)
     currentPathRef.current = path
   }
 

package/src/modules/Dapp/modules/Window/hooks/route/helpers/useManageDappInjectableParamsFromRoute.tsx

@@ -31,7 +31,7 @@ export const useManageDappInjectableParamsFromRoute = (context?: XyOsContext | n
       if (injectableParams && context) {
         const pathname = globalThis.location.pathname
         if (pathname !== injectableParams.path) {
-          navigate(injectableParams.path)
+          void navigate(injectableParams.path)
         }
       }
     }

package/src/modules/Dapp/modules/Window/hooks/route/helpers/useManageDappIntentRequest.tsx

@@ -5,7 +5,6 @@ import type {
 } from '@xyo-network/os-model'
 import { DappIntentTypes, isDappIntent } from '@xyo-network/os-model'
 import { DappIntentCaller } from '@xyo-network/os-runtime'
-import type { WithMeta } from '@xyo-network/payload-model'
 import { useEffect, useState } from 'react'
 
 import { useDappCaller, useSendDappIntent } from '../../../../../../../hooks/index.ts'
@@ -48,7 +47,7 @@ export const useManageDappIntentRequest = (context?: XyOsContext | null, dappId?
     const listener = ({ payloads }: ArchivistModuleEventData['inserted']) => {
       // only dapps with an active context should react to the new intents
       if (context) {
-        const intentPayload = payloads.find(isDappIntent) as WithMeta<DappIntent>
+        const intentPayload = payloads.find(isDappIntent) as DappIntent
         if (intentPayload) {
           setIntentPayload(intentPayload)
         }

package/src/modules/Dapp/modules/Window/hooks/route/helpers/useManageDappPathFromRoute.tsx

@@ -55,7 +55,7 @@ export const useManageDappPathFromRoute = (context?: XyOsContext | null, dappNam
 
       // navigate to the new path so listeners on the route can react
       const destinationPath = DappPathHelpers.deriveDestinationPath(menuSelection, defaultPath, dappName)
-      navigate(destinationPath)
+      void navigate(destinationPath)
       currentPathRef.current = menuSelection === defaultPath ? undefined : menuSelection
     }
     // disabling because navigate reference changes unnecessarily for this use case

package/src/modules/Dapp/modules/Window/menu/BottomMenuArea.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @eslint-react/no-array-index-key */
 import {
   BugReport, KeyboardArrowDownRounded, KeyboardArrowUpRounded,
 } from '@mui/icons-material'
@@ -82,8 +81,8 @@ export const BottomMenuArea: React.FC<BottomMenuAreaProps> = ({ openDebug, backg
             </Tooltip>
           </Toolbar>
           <FlexRow flexWrap="wrap">
-            {socialLinksData.map((social, index) => (
-              <RotationAnimation key={index} rotation={20}>
+            {socialLinksData.map(social => (
+              <RotationAnimation key={social.link} rotation={20}>
                 <IconButton
                   sx={{ color: '#fff' }}
                   href={social.link}

package/src/modules/Dapp/modules/access-interface/components/Dialog.tsx

@@ -1,17 +1,16 @@
-/* eslint-disable @typescript-eslint/no-misused-promises */
 import { ArrowForward } from '@mui/icons-material'
 import type { DialogProps } from '@mui/material'
 import {
   Alert,
   Button, Dialog, DialogActions, DialogContent, DialogTitle, Typography,
 } from '@mui/material'
+import { ErrorRender } from '@xylabs/react-error'
 import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
 import type {
   DappAccessRequest, RegisteredDappAccess, XyOsContext,
 } from '@xyo-network/os-model'
 import { RegisteredNames } from '@xyo-network/os-model'
 import { AccessNodeQueries } from '@xyo-network/os-runtime'
-import { ErrorRender } from '@xyo-network/react-error'
 import React, { useState } from 'react'
 
 export interface AccessDialogProps extends DialogProps {
@@ -31,19 +30,22 @@ export const DappAccessDialog: React.FC<AccessDialogProps> = ({
     props.onClose?.({}, 'escapeKeyDown')
   }
 
-  const handleAllow = async () => {
+  const handleAllow = () => {
     if (accessRequest && registeredDappAccess && dappNode) {
       try {
         switch (registeredDappAccess.name) {
           case RegisteredNames: {
             const accessNodeQueries = new AccessNodeQueries(dappNode, accessRequest, registeredDappAccess)
-            const payloads = await accessNodeQueries.run()
-            if (payloads.length === 0) {
-              setNoPayloadsInserted(true)
-            } else {
-              onClose()
-            }
-            return
+            accessNodeQueries.run().then((payloads) => {
+              if (payloads.length === 0) {
+                setNoPayloadsInserted(true)
+              } else {
+                onClose()
+              }
+              return
+            }).catch((e) => {
+              setError(e as Error)
+            })
           }
           default: {
             const message = `no helper for interface ${registeredDappAccess.name} found`

package/src/modules/Dapp/modules/access-interface/components/Flexbox.tsx

@@ -1,5 +1,5 @@
+import { ErrorRender } from '@xylabs/react-error'
 import type { XyOsContext } from '@xyo-network/os-model'
-import { ErrorRender } from '@xyo-network/react-error'
 import React from 'react'
 
 import { useDialogState } from '../hooks/index.ts'

package/src/modules/Dapp/modules/access-interface/hooks/useDialogState.tsx

@@ -1,7 +1,6 @@
 import { usePromise } from '@xylabs/react-promise'
 import type { RegisteredDappAccess, XyOsContext } from '@xyo-network/os-model'
 import { isRegisteredDappAccess, RegisteredNames } from '@xyo-network/os-model'
-import type { WithMeta } from '@xyo-network/payload-model'
 import { useState } from 'react'
 
 import { DappAccessRequestResourceHooks, useDappCaller } from '../../../../../hooks/index.ts'
@@ -10,7 +9,7 @@ export const useDialogState = (context?: XyOsContext | null) => {
   const dappCaller = useDappCaller()
   const { accessRequests } = DappAccessRequestResourceHooks.useResourceViewsFromContext(context)
   const [openAccessDialog, setOpenAccessDialog] = useState(false)
-  const [registeredInterface, setRegisteredInterface] = useState<WithMeta<RegisteredDappAccess>>()
+  const [registeredInterface, setRegisteredInterface] = useState<RegisteredDappAccess>()
 
   const [, allowAccessDialogError] = usePromise(async () => {
     const accessRequest = accessRequests?.[0]