@xyo-network/react-archivist 2.38.0-rc.1 → 2.38.0-rc.3

package/src/contexts/Provider/RemoteArchivistProvider.tsx

@@ -1,41 +1,57 @@
+import { useAsyncEffect } from '@xylabs/react-shared'
 import { XyoRemoteArchivist, XyoRemoteArchivistConfig } from '@xyo-network/api'
 import { XyoArchivistWrapper } from '@xyo-network/archivist'
 import { XyoModuleResolver } from '@xyo-network/module'
 import { ContextExProviderProps } from '@xyo-network/react-shared'
 import merge from 'lodash/merge'
+import { useMemo, useState } from 'react'
 
 import { useArchivist } from '../use'
 import { ArchivistProvider } from './Provider'
 
 export type RemoteArchivistProviderProps = ContextExProviderProps<{
-  config: XyoRemoteArchivistConfig
+  config?: XyoRemoteArchivistConfig
   resolver?: XyoModuleResolver
 }>
 
 export const RemoteArchivistProvider: React.FC<RemoteArchivistProviderProps> = ({ config, resolver, ...props }) => {
   const { archivist } = useArchivist()
-  const activeResolver = resolver ?? new XyoModuleResolver().add(archivist ? new XyoArchivistWrapper({ module: archivist }) : undefined)
-  return (
-    <ArchivistProvider
-      archivist={
-        new XyoRemoteArchivist({
-          config: merge(
-            {},
-            config,
-            archivist
-              ? {
-                  parents: {
-                    commit: [archivist.address],
-                    read: [archivist.address],
-                    write: [archivist.address],
-                  },
-                }
-              : undefined,
-          ),
-          resolver: activeResolver,
-        })
+  const wrapper = useMemo(() => (archivist ? new XyoArchivistWrapper({ module: archivist }) : undefined), [archivist])
+  const activeResolver: XyoModuleResolver | undefined = useMemo(
+    () => (resolver ?? wrapper ? new XyoModuleResolver() : undefined),
+    [resolver, wrapper],
+  )
+  if (archivist) {
+    activeResolver?.add(new XyoArchivistWrapper({ module: archivist }))
+  }
+
+  const [activeArchivist, setActiveArchivist] = useState<XyoRemoteArchivist>()
+
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      const activeArchivist = await XyoRemoteArchivist.create({
+        config: merge(
+          {},
+          config,
+          archivist
+            ? {
+                parents: {
+                  commit: [archivist.address],
+                  read: [archivist.address],
+                  write: [archivist.address],
+                },
+              }
+            : undefined,
+        ),
+        resolver: activeResolver,
+      })
+      if (mounted()) {
+        setActiveArchivist(activeArchivist)
       }
-      {...props}
-    />
+    },
+    [activeResolver, archivist, config],
   )
+
+  return <ArchivistProvider archivist={activeArchivist} {...props} />
 }

package/src/contexts/Provider/StorageArchivistProvider.tsx

@@ -11,31 +11,47 @@ export type StorageArchivistProviderProps = ContextExProviderProps<{
   resolver?: XyoModuleResolver
 }>
 
+import { useAsyncEffect } from '@xylabs/react-shared'
+import { useMemo, useState } from 'react'
+
 export const StorageArchivistProvider: React.FC<StorageArchivistProviderProps> = ({ config, resolver, ...props }) => {
   const { archivist } = useArchivist()
-  const activeResolver = resolver ?? new XyoModuleResolver().add(archivist ? new XyoArchivistWrapper({ module: archivist }) : undefined)
+  const wrapper = useMemo(() => (archivist ? new XyoArchivistWrapper({ module: archivist }) : undefined), [archivist])
+  const activeResolver: XyoModuleResolver | undefined = useMemo(
+    () => (resolver ?? wrapper ? new XyoModuleResolver() : undefined),
+    [resolver, wrapper],
+  )
+  if (archivist) {
+    activeResolver?.add(new XyoArchivistWrapper({ module: archivist }))
+  }
 
-  return (
-    <ArchivistProvider
-      archivist={
-        new XyoStorageArchivist({
-          config: merge(
-            {},
-            config,
-            archivist
-              ? {
-                  parents: {
-                    commit: [archivist.address],
-                    read: [archivist.address],
-                    write: [archivist.address],
-                  },
-                }
-              : undefined,
-          ),
-          resolver: activeResolver,
-        })
+  const [activeArchivist, setActiveArchivist] = useState<XyoStorageArchivist>()
+
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      const activeArchivist = await new XyoStorageArchivist({
+        config: merge(
+          {},
+          config,
+          archivist
+            ? {
+                parents: {
+                  commit: [archivist.address],
+                  read: [archivist.address],
+                  write: [archivist.address],
+                },
+              }
+            : undefined,
+        ),
+        resolver: activeResolver,
+      }).start()
+      if (mounted()) {
+        setActiveArchivist(activeArchivist)
       }
-      {...props}
-    />
+    },
+    [activeResolver, archivist, config],
   )
+
+  return <ArchivistProvider archivist={activeArchivist} {...props} />
 }