@xyo-network/os-react-runtime 4.2.0-rc.1 → 4.2.0-rc.2

package/dist/browser/modules/Dapp/Container.d.ts

@@ -8,4 +8,5 @@ export interface DappContainerProps {
     xnsNodeUrl: string | undefined;
 }
 export declare const DappContainer: React.FC<DappContainerProps>;
+export declare const DappContainerMemo: React.NamedExoticComponent<DappContainerProps>;
 //# sourceMappingURL=Container.d.ts.map

package/dist/browser/modules/Dapp/Container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/modules/Dapp/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACzE,OAAO,KAAkB,MAAM,OAAO,CAAA;AAMtC,MAAM,WAAW,kBAAkB;IACjC,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B,OAAO,EAAE,sBAAsB,CAAA;IAC/B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;CAC/B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgCtD,CAAA"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/modules/Dapp/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACzE,OAAO,KAAwB,MAAM,OAAO,CAAA;AAM5C,MAAM,WAAW,kBAAkB;IACjC,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B,OAAO,EAAE,sBAAsB,CAAA;IAC/B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;CAC/B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgCtD,CAAA;AAED,eAAO,MAAM,iBAAiB,gDAAsB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/os-react-runtime",
-  "version": "4.2.0-rc.1",
+  "version": "4.2.0-rc.2",
   "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.1",
-    "@xyo-network/bios-model": "^4.2.0-rc.1",
+    "@xyo-network/bios-browser": "^4.2.0-rc.2",
+    "@xyo-network/bios-model": "^4.2.0-rc.2",
     "@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.1",
-    "@xyo-network/kernel-model": "^4.2.0-rc.1",
+    "@xyo-network/kernel": "^4.2.0-rc.2",
+    "@xyo-network/kernel-model": "^4.2.0-rc.2",
     "@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.1",
-    "@xyo-network/os-react-debug": "^4.2.0-rc.1",
-    "@xyo-network/os-react-model": "^4.2.0-rc.1",
-    "@xyo-network/os-runtime": "^4.2.0-rc.1",
+    "@xyo-network/os-model": "^4.2.0-rc.2",
+    "@xyo-network/os-react-debug": "^4.2.0-rc.2",
+    "@xyo-network/os-react-model": "^4.2.0-rc.2",
+    "@xyo-network/os-runtime": "^4.2.0-rc.2",
     "@xyo-network/payload-model": "^3.6.6",
     "@xyo-network/react-archivist": "^4.3.1",
     "@xyo-network/react-card": "^4.3.1",

package/src/hooks/os/useDappContextCreator.tsx

@@ -28,6 +28,8 @@ export const useDappContextCreator = (
   const context = useXyOsUiContext()
   const [windowDappNodeSet, setWindowDappNodeSet] = useState<WindowDappNodeSet>({ context: undefined, dappWallet: undefined })
   const [dappWindowNodeError, setDappWindowNodeError] = useState<Error>()
+  // ensure the dapp is targeted by the current intent
+  const targetedDapp = !!(dapp && context && currentIntent?.targetDappId === dapp?.config.name)
 
   // Keep a ref of the windowDappNodeSet to use in effect hooks without needing it as a dependency
   const windowDappNodeSetRef = useRef<WindowDappNodeSet>(windowDappNodeSet)
@@ -36,7 +38,7 @@ export const useDappContextCreator = (
   }, [windowDappNodeSet])
 
   const createNode = useCallback(async () => {
-    if (dapp && context) {
+    if (targetedDapp) {
       try {
         const windowDappNodeSet = await RunningDappCache.findOrCreate(dapp, context, allowedNames ?? [], xnsNodeUrl, xnsNetwork)
         setWindowDappNodeSet(windowDappNodeSet)
@@ -44,7 +46,7 @@ export const useDappContextCreator = (
         setDappWindowNodeError(e as Error)
       }
     }
-  }, [dapp, context, allowedNames])
+  }, [dapp, currentIntent, context, allowedNames])
 
   useEffect(() => {
     if (createOnMount) {
@@ -58,21 +60,24 @@ export const useDappContextCreator = (
   useAsyncEffect(
 
     async () => {
-      switch (currentIntent?.intent) {
-        case DappIntentTypes.Launch: {
-          await createNode()
-          break
-        }
-        case DappIntentTypes.Close: {
-          if (windowDappNodeSetRef.current.context) {
-            // In case a cached dapp was closed, clear its Dapp Archivist to allow for a fresh start upon next launch
-            await DappContextCreator.resetDappArchivist(windowDappNodeSetRef.current.context)
-            setWindowDappNodeSet({ context: null, dappWallet: undefined })
+      // unless the dapp was passed, do nothing
+      if (targetedDapp) {
+        switch (currentIntent?.intent) {
+          case DappIntentTypes.Launch: {
+            await createNode()
+            break
+          }
+          case DappIntentTypes.Close: {
+            if (windowDappNodeSetRef.current.context) {
+              // In case a cached dapp was closed, clear its Dapp Archivist to allow for a fresh start upon next launch
+              await DappContextCreator.resetDappArchivist(windowDappNodeSetRef.current.context)
+              setWindowDappNodeSet({ context: null, dappWallet: undefined })
+            }
+            break
           }
-          break
+          case DappIntentTypes.Minimize:
+          // do nothing
         }
-        case DappIntentTypes.Minimize:
-        // do nothing
       }
     },
     [createNode, currentIntent],

package/src/modules/Dapp/Container.tsx

@@ -1,6 +1,6 @@
 import type { DappIntent } from '@xyo-network/os-model'
 import type { RegisteredReactDappSet } from '@xyo-network/os-react-model'
-import React, { useMemo } from 'react'
+import React, { memo, useMemo } from 'react'
 
 import { useDappContextCreator } from '../../hooks/index.ts'
 import { DappIconButton } from './Button/index.ts'
@@ -46,3 +46,5 @@ export const DappContainer: React.FC<DappContainerProps> = ({
     </DappIconButton>
   )
 }
+
+export const DappContainerMemo = memo(DappContainer)

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

@@ -8,7 +8,7 @@ import React, { useMemo } from 'react'
 
 import { useDappIntentListener } from '../../../hooks/index.ts'
 import { DappInstallTypeFilters } from '../../../utils/index.ts'
-import { DappContainer } from '../Container.js'
+import { DappContainerMemo } from '../Container.tsx'
 import { DividerChip } from './DividerChip.js'
 
 export interface DappsRowProps {
@@ -43,7 +43,7 @@ export const DappsRow: React.FC<DappsRowProps> = ({
               <StyledGridContainer>
                 {filteredRegisteredDappSets?.map(
                   (dappSet, index) => (
-                    <DappContainer
+                    <DappContainerMemo
                       currentIntent={intentPayload}
                       key={index}
                       dappSet={dappSet as RegisteredReactDappSet}