@xyo-network/os-react-runtime 4.2.0-rc.3 → 4.2.0-rc.5

package/dist/browser/modules/Dapp/Page/Row.d.ts

@@ -1,8 +1,9 @@
-import type { InstallationType } from '@xyo-network/os-model';
+import type { DappIntent, InstallationType } from '@xyo-network/os-model';
 import type { RegisteredReactDappSet } from '@xyo-network/os-react-model';
 import React from 'react';
 export interface DappsRowProps {
     chipLabel: string;
+    currentIntent?: DappIntent;
     installType: InstallationType;
     registeredDappsSet?: RegisteredReactDappSet[];
     xnsNetwork: string | undefined;

package/dist/browser/modules/Dapp/Page/Row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Dapp/Page/Row.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACzE,OAAO,KAAkB,MAAM,OAAO,CAAA;AAOtC,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,gBAAgB,CAAA;IAC7B,kBAAkB,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAC7C,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;CAC/B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuC5C,CAAA;AAED,eAAO,MAAM,mBAAmB,ySAQ7B,CAAA"}
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Dapp/Page/Row.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACzE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACzE,OAAO,KAAkB,MAAM,OAAO,CAAA;AAMtC,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B,WAAW,EAAE,gBAAgB,CAAA;IAC7B,kBAAkB,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAC7C,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;CAC/B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsC5C,CAAA;AAED,eAAO,MAAM,mBAAmB,ySAQ7B,CAAA"}

package/dist/browser/modules/Dapp/modules/Window/DappWindow.d.ts

@@ -8,6 +8,7 @@ export interface DappWindowProps {
     dappSet?: RegisteredReactDappSet;
     dappState?: DappState;
     dappWallet?: WalletInstance;
+    errors?: Error[];
     intent?: DappIntent;
     nodeCreateError?: Error;
 }

package/dist/browser/modules/Dapp/modules/Window/DappWindow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DappWindow.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/Dapp/modules/Window/DappWindow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAIzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAkB,MAAM,OAAO,CAAA;AAOtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAOjD,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,eAAe,CAAC,EAAE,KAAK,CAAA;CACxB;AAED,gIAAgI;AAChI,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsHhD,CAAA"}
+{"version":3,"file":"DappWindow.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/Dapp/modules/Window/DappWindow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAIzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAkB,MAAM,OAAO,CAAA;AAOtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAOjD,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAChB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,eAAe,CAAC,EAAE,KAAK,CAAA;CACxB;AAED,gIAAgI;AAChI,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoHhD,CAAA"}

package/dist/browser/modules/Dapp/modules/Window/hooks/index.d.ts

@@ -1,6 +1,7 @@
 export * from './lib/index.ts';
 export * from './menu/index.ts';
 export * from './route/index.ts';
+export * from './useDappMenuResourceValues.tsx';
 export * from './useDecomposeDappSet.js';
 export * from './useSkipLoadingScreen.js';
 export * from './useSyncOsRegisteredAccessInterfaces.js';

package/dist/browser/modules/Dapp/modules/Window/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/modules/Dapp/modules/Window/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0CAA0C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/modules/Dapp/modules/Window/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0CAA0C,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/os-react-runtime",
-  "version": "4.2.0-rc.3",
+  "version": "4.2.0-rc.5",
   "description": "Primary SDK for using XYO Protocol 2.0",
   "homepage": "https://xyo.network",
   "bugs": {
@@ -48,23 +48,23 @@
     "@xylabs/react-shared": "^5.3.14",
     "@xyo-network/archivist-indexeddb": "^3.6.6",
     "@xyo-network/archivist-model": "^3.6.6",
-    "@xyo-network/bios-browser": "^4.2.0-rc.3",
-    "@xyo-network/bios-model": "^4.2.0-rc.3",
+    "@xyo-network/bios-browser": "^4.2.0-rc.5",
+    "@xyo-network/bios-model": "^4.2.0-rc.5",
     "@xyo-network/diviner-boundwitness-indexeddb": "^3.6.6",
     "@xyo-network/diviner-model": "^3.6.6",
     "@xyo-network/diviner-payload-generic": "^3.6.6",
     "@xyo-network/diviner-payload-indexeddb": "^3.6.6",
     "@xyo-network/diviner-payload-model": "^3.6.6",
-    "@xyo-network/kernel": "^4.2.0-rc.3",
-    "@xyo-network/kernel-model": "^4.2.0-rc.3",
+    "@xyo-network/kernel": "^4.2.0-rc.5",
+    "@xyo-network/kernel-model": "^4.2.0-rc.5",
     "@xyo-network/module-event-emitter": "^3.6.6",
     "@xyo-network/module-events": "^3.6.6",
     "@xyo-network/module-factory-locator": "^3.6.6",
     "@xyo-network/node-model": "^3.6.6",
-    "@xyo-network/os-model": "^4.2.0-rc.3",
-    "@xyo-network/os-react-debug": "^4.2.0-rc.3",
-    "@xyo-network/os-react-model": "^4.2.0-rc.3",
-    "@xyo-network/os-runtime": "^4.2.0-rc.3",
+    "@xyo-network/os-model": "^4.2.0-rc.5",
+    "@xyo-network/os-react-debug": "^4.2.0-rc.5",
+    "@xyo-network/os-react-model": "^4.2.0-rc.5",
+    "@xyo-network/os-runtime": "^4.2.0-rc.5",
     "@xyo-network/payload-model": "^3.6.6",
     "@xyo-network/react-archivist": "^4.3.1",
     "@xyo-network/react-card": "^4.3.1",

package/src/modules/Dapp/Page/Row.tsx

@@ -1,17 +1,17 @@
 import {
   Divider, Fade, styled,
 } from '@mui/material'
-import type { InstallationType } from '@xyo-network/os-model'
+import type { DappIntent, InstallationType } from '@xyo-network/os-model'
 import type { RegisteredReactDappSet } from '@xyo-network/os-react-model'
 import React, { useMemo } from 'react'
 
-import { useDappIntentListener } from '../../../hooks/index.ts'
 import { DappInstallTypeFilters } from '../../../utils/index.ts'
 import { DappContainerMemo } from '../Container.tsx'
 import { DividerChip } from './DividerChip.js'
 
 export interface DappsRowProps {
   chipLabel: string
+  currentIntent?: DappIntent
   installType: InstallationType
   registeredDappsSet?: RegisteredReactDappSet[]
   xnsNetwork: string | undefined
@@ -19,10 +19,9 @@ export interface DappsRowProps {
 }
 
 export const DappsRow: React.FC<DappsRowProps> = ({
-  chipLabel, installType, registeredDappsSet, xnsNetwork, xnsNodeUrl,
+  chipLabel, currentIntent, installType, registeredDappsSet, xnsNetwork, xnsNodeUrl,
 }) => {
   const filteredRegisteredDappSets = useMemo(() => DappInstallTypeFilters[installType](registeredDappsSet), [installType, registeredDappsSet])
-  const { intentPayload } = useDappIntentListener(null)
 
   return (
     <>
@@ -43,7 +42,7 @@ export const DappsRow: React.FC<DappsRowProps> = ({
                 {filteredRegisteredDappSets?.map(
                   dappSet => (
                     <DappContainerMemo
-                      currentIntent={intentPayload}
+                      currentIntent={currentIntent}
                       key={dappSet.dapp.config.name}
                       dappSet={dappSet as RegisteredReactDappSet}
                       xnsNodeUrl={xnsNodeUrl}

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

@@ -16,7 +16,7 @@ import { DappBar } from './AppBar.js'
 import { DappChrome } from './Chrome.js'
 import type { DappState } from './hooks/index.ts'
 import {
-  decomposeDappSet, useDappMenu, useManageDappBasedOffRoute, useSyncOsRegisteredAccessInterfaces,
+  decomposeDappSet, useDappMenu, useManageDappInjectableParamsFromRoute, useManageDappPathFromRoute, useSyncOsRegisteredAccessInterfaces,
 } from './hooks/index.ts'
 import { DappLoadingFlexbox } from './LoadingFlexbox.js'
 import { DappBottomNavigation, DappMenuDrawer } from './menu/index.ts'
@@ -26,13 +26,14 @@ export interface DappWindowProps {
   dappSet?: RegisteredReactDappSet
   dappState?: DappState
   dappWallet?: WalletInstance
+  errors?: Error[]
   intent?: DappIntent
   nodeCreateError?: Error
 }
 
 /** A component that can load immediately, but delays node loading and dapp mounting till corresponding launch intent arrives */
 export const DappWindow: React.FC<DappWindowProps> = ({
-  context, dappSet, dappState, dappWallet, intent, nodeCreateError,
+  context, dappSet, dappState, dappWallet, errors, nodeCreateError,
 }) => {
   const {
     DappComponent, name, scrollable = true, version,
@@ -44,15 +45,16 @@ export const DappWindow: React.FC<DappWindowProps> = ({
     name?: string
   }>, [])
 
-  // TODO - see if we can move this outside of the DappWindow component
-  const errors = useManageDappBasedOffRoute(intent, name, context)
   useSyncOsRegisteredAccessInterfaces(context)
+  useManageDappPathFromRoute(context, name)
+  useManageDappInjectableParamsFromRoute(context)
 
   const {
     activePath, error: menuError, menuConfig, menuItemsVisible, onPathChange,
   } = useDappMenu(context, name)
 
-  const resolvedError = nodeCreateError || menuError
+  const resolvedErrors = [nodeCreateError, menuError, ...(errors ?? [])].filter(Boolean)
+  const hasErrors = resolvedErrors.length > 0
 
   return (
     <>
@@ -100,16 +102,13 @@ export const DappWindow: React.FC<DappWindowProps> = ({
             />
           )}
           /* Ensure that loading goes away when error occurs */
-          splashScreen={resolvedError ? null : <DappLoadingFlexbox minimize={!!minimized} name={name} open={!!active} />}
+          splashScreen={hasErrors ? null : <DappLoadingFlexbox minimize={!!minimized} name={name} open={!!active} />}
         >
-          {resolvedError || errors?.length > 0
+          {hasErrors
             ? (
                 <FlexCol padding={2}>
-                  {resolvedError
-                    ? <ErrorRender error={resolvedError} scope="DappWindow" />
-                    : null}
-                  {errors.map((error, index) => (
-                    <ErrorRender key={index} error={error} scope="DappWindowErrors" />
+                  {resolvedErrors?.map((error, index) => (
+                    <ErrorRender key={index} error={error} scope="DappWindow" />
                   ))}
                 </FlexCol>
               )

package/src/modules/Dapp/modules/Window/hooks/index.ts

@@ -1,6 +1,7 @@
 export * from './lib/index.ts'
 export * from './menu/index.ts'
 export * from './route/index.ts'
+export * from './useDappMenuResourceValues.tsx'
 export * from './useDecomposeDappSet.js'
 export * from './useSkipLoadingScreen.js'
 export * from './useSyncOsRegisteredAccessInterfaces.js'

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

@@ -6,7 +6,7 @@ import {
 import { useNavigate, useParams } from 'react-router-dom'
 
 import { DappPathHelpers } from '../lib/index.ts'
-import { useDappMenuDependencies } from '../useDappMenuResourceValues.js'
+import { useDappMenuDependencies } from '../useDappMenuResourceValues.tsx'
 
 /**
  * Use the passed in dapp Node to resolve menu related modules and return the menu related items