@xyo-network/react-chain-blockchain 1.15.2 → 1.15.3

package/src/components/chain/render/dynamic/flexbox/index.ts

@@ -1 +0,0 @@
-export * from './Flexbox.tsx'

package/src/components/chain/render/dynamic/flexbox/variants/Base.tsx

@@ -1,27 +0,0 @@
-import { ErrorRender } from '@xylabs/react-error'
-import { FlexCol } from '@xylabs/react-flexbox'
-import React from 'react'
-
-import type { BlockChainRenderFlexboxProps } from '../../../../../../types/index.ts'
-import { BlockHeadingFlexbox } from '../../../../../block/index.ts'
-import { MemoizedPollingControlsFlexbox } from '../../../../controls/index.ts'
-import { BlockListAnimated } from '../../../../list/index.ts'
-import { useDynamicBlockRenderComponents } from '../../hooks/index.ts'
-
-export const DynamicListBase: React.FC<BlockChainRenderFlexboxProps> = ({ blockChainRenderProps, ...props }) => {
-  const {
-    errors, blockChainRenderComponents, blocksWhilePaused, pollingState, updatePollingState,
-  } = useDynamicBlockRenderComponents(BlockHeadingFlexbox, blockChainRenderProps)
-
-  return (
-    <FlexCol alignItems="start" {...props}>
-      {errors?.map(error => <ErrorRender error={error} key={error?.name} scope="DynamicBlockchainRenderFlexboxInner" />)}
-      <MemoizedPollingControlsFlexbox
-        blocksBehind={blocksWhilePaused?.length}
-        pollingState={pollingState}
-        setPollingState={updatePollingState}
-      />
-      <BlockListAnimated blockChainRenderComponents={blockChainRenderComponents} />
-    </FlexCol>
-  )
-}

package/src/components/chain/render/dynamic/flexbox/variants/WithAnalysis.tsx

@@ -1,26 +0,0 @@
-import { isAddress } from '@xylabs/hex'
-import { ChainProducersAnalyzer } from '@xyo-network/chain-analyze'
-import React, { useMemo } from 'react'
-
-import type { ChainAnalyzers } from '../../../../../../context/index.ts'
-import { ChainAnalyzersProvider, ChainPollingProvider } from '../../../../../../context/index.ts'
-import type { BlockChainRenderFlexboxProps } from '../../../../../../types/index.ts'
-import { DynamicListBase } from './Base.tsx'
-
-export const WithAnalysis: React.FC<BlockChainRenderFlexboxProps> = ({ blockChainRenderProps, ...props }) => {
-  const { chainId } = blockChainRenderProps ?? {}
-
-  const analyzers = useMemo(() => {
-    if (isAddress(chainId)) {
-      return { producers: new ChainProducersAnalyzer() } as ChainAnalyzers
-    }
-  }, [chainId])
-
-  return (
-    <ChainAnalyzersProvider analyzers={analyzers}>
-      <ChainPollingProvider>
-        <DynamicListBase blockChainRenderProps={blockChainRenderProps} {...props} />
-      </ChainPollingProvider>
-    </ChainAnalyzersProvider>
-  )
-}

package/src/components/chain/render/dynamic/flexbox/variants/WithRemote.tsx

@@ -1,19 +0,0 @@
-import { ErrorRender } from '@xylabs/react-error'
-import React from 'react'
-
-import type { RemoteBlockChainRenderFlexboxProps } from '../../../../../../types/index.ts'
-import { useRemoteBlockChainRenderProps } from '../../hooks/index.ts'
-import { WithAnalysis } from './WithAnalysis.tsx'
-
-export const WithRemote: React.FC<RemoteBlockChainRenderFlexboxProps> = ({
-  url, chainArchivistModuleId, blockChainRenderProps: blockChainRenderPropsArg, ...props
-}) => {
-  const { error, blockChainRenderProps } = useRemoteBlockChainRenderProps(chainArchivistModuleId, url, blockChainRenderPropsArg)
-
-  return (
-    <>
-      <ErrorRender error={error} scope="RemoteChainProviderFlexbox" />
-      <WithAnalysis blockChainRenderProps={blockChainRenderProps} {...props} />
-    </>
-  )
-}

package/src/components/chain/render/dynamic/flexbox/variants/index.ts

@@ -1,3 +0,0 @@
-export * from './Base.tsx'
-export * from './WithAnalysis.tsx'
-export * from './WithRemote.tsx'

package/src/components/chain/render/dynamic/hooks/index.ts

@@ -1,2 +0,0 @@
-export * from './useDynamicBlockRenderComponents.ts'
-export * from './useRemoteBlockChainRenderProps.ts'

package/src/components/chain/render/dynamic/hooks/useDynamicBlockRenderComponents.ts

@@ -1,37 +0,0 @@
-import type { CreatableName } from '@xylabs/creatable'
-import type { ComponentType } from 'react'
-import { useMemo } from 'react'
-
-import { useChainPollingContext } from '../../../../../context/index.ts'
-import { useChainIteratorParams, useChainIteratorStore } from '../../../../../hooks/index.ts'
-import type { BlockChainRenderProps, BlockComponentWithTxsProps } from '../../../../../types/index.ts'
-import { useDynamicBlockComponents } from '../../../../block/index.ts'
-import { useOnBlock } from '../../../hooks/index.ts'
-
-// Note: This is a hook but could easily be bundled up in a class with callbacks
-export const useDynamicBlockRenderComponents = (
-  BlockComponent: ComponentType<BlockComponentWithTxsProps>,
-  blockChainRenderProps?: BlockChainRenderProps,
-) => {
-  const { maxBlocks } = blockChainRenderProps ?? {}
-
-  const chainIteratorParams = useMemo(() => blockChainRenderProps ?? { name: 'unknown' as CreatableName }, [blockChainRenderProps])
-
-  const [params, paramsError] = useChainIteratorParams(chainIteratorParams)
-
-  const { blockChainRenderComponents, onAddBlock } = useDynamicBlockComponents(BlockComponent, params, maxBlocks)
-
-  const { head: liveHead } = useChainIteratorStore(params)
-
-  const { pollingState, updatePollingState } = useChainPollingContext()
-
-  const blocksWhilePaused = useOnBlock(blockChainRenderComponents[0]?.block?.[0].block, onAddBlock, liveHead, pollingState)
-
-  return {
-    errors: [paramsError],
-    blockChainRenderComponents,
-    blocksWhilePaused,
-    updatePollingState,
-    pollingState,
-  }
-}

package/src/components/chain/render/dynamic/hooks/useRemoteBlockChainRenderProps.ts

@@ -1,31 +0,0 @@
-import type { CreatableName } from '@xylabs/creatable'
-import { usePromise } from '@xylabs/react-promise'
-import type { ModuleIdentifier } from '@xyo-network/module-model'
-import { useMemo } from 'react'
-
-import { getChainArchivistFromBridge } from '../../../../../lib/index.ts'
-import type { BlockChainRenderBaseProps, BlockChainRenderProps } from '../../../../../types/index.ts'
-
-/** take blockChainRenderProps and remote archivist props and return with resolved chainArchivist */
-export const useRemoteBlockChainRenderProps = (
-  chainArchivistModuleId?: ModuleIdentifier,
-  url?: string,
-  blockChainRenderPropsArg?: BlockChainRenderProps,
-): BlockChainRenderBaseProps => {
-  const [chainArchivist, chainArchivistError] = usePromise(async () => {
-    if (url !== undefined && chainArchivistModuleId !== undefined) {
-      return await getChainArchivistFromBridge({ url, chainArchivistModuleId })
-    }
-  }, [url, chainArchivistModuleId])
-
-  const blockChainRenderProps: BlockChainRenderProps = useMemo(() => ({
-    ...blockChainRenderPropsArg,
-    chainArchivist,
-    name: 'blockChainRenderProps' as CreatableName,
-  }), [blockChainRenderPropsArg, chainArchivist])
-
-  return {
-    blockChainRenderProps,
-    error: chainArchivistError,
-  }
-}

package/src/components/chain/render/dynamic/index.ts

@@ -1 +0,0 @@
-export * from './flexbox/index.ts'

package/src/hooks/chain-iterator/useChainIteratorStore.ts

@@ -1,66 +0,0 @@
-import { usePromise } from '@xylabs/react-promise'
-import type { XyoChainIteratorParams } from '@xyo-network/chain-services'
-import {
-  useEffect,
-  useMemo, useRef, useSyncExternalStore,
-} from 'react'
-
-import type { ChainIteratorStoreValues } from './ChainIteratorStore.ts'
-import { ChainIteratorStore } from './ChainIteratorStore.ts'
-import { useChainIteratorUpdatingHead } from './useChainIteratorUpdatingHead.ts'
-
-const stub = {} as Partial<ChainIteratorStoreValues>
-
-// Returns the latest head every time it changes
-export const useChainIteratorStore = (chainIteratorParams?: XyoChainIteratorParams) => {
-  const [chainIteratorStore] = usePromise(async () => {
-    return chainIteratorParams ? await ChainIteratorStore.create(chainIteratorParams) : undefined
-  }, [chainIteratorParams])
-
-  const { chainIterator } = chainIteratorStore || {}
-  const chainArchivist = chainIteratorParams?.chainArchivist
-
-  // Update the head of the chain iterator
-  const error = useChainIteratorUpdatingHead({ chainIterator, chainArchivist })
-
-  useEffect(() => {
-    return () => {
-      if (chainIteratorStore) {
-        chainIteratorStore.cleanup()
-      }
-    }
-  }, [chainIteratorStore])
-
-  const cachedSnapshot = useRef<Partial<ChainIteratorStoreValues>>({})
-
-  const { getSnapShot, subscribe } = useMemo(() => {
-    if (chainIteratorStore) {
-      return {
-        getSnapShot: () => {
-          const snapshot = chainIteratorStore.getSnapshot()
-          const newValues = {
-            ...snapshot,
-            error,
-          }
-          // Only update the cached snapshot if there is no cached iterator or the head has changed
-          const noCachedValue = cachedSnapshot.current.chainIterator === undefined
-          const cachedBlock = cachedSnapshot.current?.head?.[0]?.block
-          const newBlock = cachedBlock !== newValues.head?.[0]?.block
-          if (noCachedValue || newBlock) {
-            cachedSnapshot.current = newValues
-            return newValues
-          }
-          return cachedSnapshot.current
-        },
-        subscribe: chainIteratorStore.subscribe.bind(chainIteratorStore),
-      }
-    }
-    // Return a default implementation to satisfy the hook interface
-    return {
-      getSnapShot: () => stub,
-      subscribe: () => () => {},
-    }
-  }, [chainIteratorStore])
-
-  return useSyncExternalStore(subscribe, getSnapShot)
-}