@xyo-network/react-chain-blockchain 1.20.14 → 1.20.16

package/src/stories/ChainArchivistDelayedInsertDecorator.tsx

@@ -1,71 +0,0 @@
-import { CircularProgress } from '@mui/material'
-import type { Decorator } from '@storybook/react-vite'
-import { usePromise } from '@xylabs/react-promise'
-import { delay } from '@xylabs/sdk-js'
-import { buildRandomBlockChain } from '@xyo-network/react-chain-shared'
-import { ArchivistConfigSchema, MemoryArchivist } from '@xyo-network/sdk-js'
-import type { BlockBoundWitness } from '@xyo-network/xl1-sdk'
-import { flattenHydratedBlock } from '@xyo-network/xl1-sdk'
-import React, { useEffect, useState } from 'react'
-
-import { getChainId } from '../lib/index.ts'
-import type { BlockChainRenderBaseProps } from '../types/index.ts'
-
-let chainArchivistRef: MemoryArchivist | undefined
-
-export const ChainArchivistDelayedInsertDecorator: Decorator = (Story, context) => {
-  const [firstBlock, setFirstBlock] = useState<BlockBoundWitness>()
-
-  const [randomBlockChain] = usePromise(async () => await buildRandomBlockChain(), [])
-  const [chainArchivist] = usePromise(async () => {
-    if (chainArchivistRef) {
-      return chainArchivistRef
-    } else {
-      chainArchivistRef = await MemoryArchivist.create({ config: { schema: ArchivistConfigSchema, name: 'ChainArchivist' } })
-      return chainArchivistRef
-    }
-  }, [])
-
-  const [, delayedInsertError] = usePromise(async () => {
-    if (chainArchivist && randomBlockChain) {
-      // TODO - use buildRandomChain helper
-      for (const hydratedBlock of randomBlockChain) {
-        const flattened = flattenHydratedBlock(hydratedBlock)
-        // insert the block and subsequent payloads
-        await chainArchivist.insert(flattened)
-
-        // confirm the first block was inserted and set state so the story can load
-        setFirstBlock(prev => prev ?? hydratedBlock[0])
-
-        // we know we are gonna get a new block, so simulate the delay
-        await delay(1000)
-      }
-    }
-  }, [chainArchivist, randomBlockChain])
-
-  useEffect(() => {
-    if (delayedInsertError) {
-      console.error(delayedInsertError)
-    }
-  }, [delayedInsertError])
-
-  const [blockChainRenderProps] = usePromise(async () => {
-    const chainId = await getChainId()
-    return { chainArchivist, chainId }
-  }, [chainArchivist])
-  const { args } = context
-
-  const props = {
-    ...context,
-    args: {
-      ...args,
-      blockChainRenderProps: {
-        ...(args.blockChainRenderProps as BlockChainRenderBaseProps),
-        ...blockChainRenderProps,
-        head: randomBlockChain?.[0][0]?._hash,
-      },
-    },
-  }
-
-  return firstBlock ? <Story {...props} /> : <CircularProgress />
-}

package/src/stories/index.ts

@@ -1,2 +0,0 @@
-export * from './ChainArchivistDecorator.tsx'
-export * from './ChainArchivistDelayedInsertDecorator.tsx'

package/src/types/BlockComponentProps.ts

@@ -1,13 +0,0 @@
-import type { Hash } from '@xylabs/sdk-js'
-import type { HydratedBlockWithHashMeta } from '@xyo-network/xl1-sdk'
-
-/** Interface for all components that render a single block */
-export interface BlockComponentProps {
-  block: HydratedBlockWithHashMeta
-  defaultExpanded?: boolean
-}
-
-/** Interface for all components that render a single block with transactions */
-export interface BlockComponentWithTxsProps extends BlockComponentProps {
-  transactions: Hash[]
-}

package/src/types/BlockComponents.ts

@@ -1,7 +0,0 @@
-import type { NodesWithKeys } from '@xylabs/react-animation'
-import type { HydratedBlock } from '@xyo-network/xl1-sdk'
-
-/** Interface for all block components meant to be rendered in a chain */
-export interface BlockChainRenderComponent extends NodesWithKeys {
-  block: HydratedBlock
-}

package/src/types/BlockListComponentProps.ts

@@ -1,6 +0,0 @@
-import type { BlockChainRenderComponent } from './BlockComponents.ts'
-
-/** Props for components that can render a list of blocks, i.e. Table, Animated */
-export interface BlockListComponentProps {
-  blockChainRenderComponents?: BlockChainRenderComponent[]
-}

package/src/types/global.d.ts

@@ -1 +0,0 @@
-import '@mui/material/themeCssVarsAugmentation'

package/src/types/index.ts

@@ -1,4 +0,0 @@
-export * from './BlockComponentProps.ts'
-export * from './BlockComponents.ts'
-export * from './BlockListComponentProps.ts'
-export * from './render/index.ts'

package/src/types/render/BlockChainRenderProps.ts

@@ -1,28 +0,0 @@
-import type { CreatableName, Hash } from '@xylabs/sdk-js'
-import type { Payload, WithStorageMeta } from '@xyo-network/sdk-js'
-import type { ChainId, PayloadMapRead } from '@xyo-network/xl1-sdk'
-
-/** Props that control the rendering (not blockchain specific) */
-export interface RenderProps {
-  maxBlocks?: number
-  pageSize?: number
-}
-
-/** Fields needed to talk to a block chain iterator */
-export interface BlockChainIterator {
-  chainId?: ChainId
-  chainMap?: PayloadMapRead<WithStorageMeta<Payload>>
-  head?: Hash
-  name: CreatableName
-}
-
-/** Props for rendering a blockchain */
-export interface BlockChainRenderProps extends BlockChainIterator, RenderProps {
-
-}
-
-/** Base interface for encapsulating blockChainRenderProps for easy extension */
-export interface BlockChainRenderBaseProps {
-  blockChainRenderProps?: BlockChainRenderProps
-  error?: Error
-}

package/src/types/render/RemoteArchivistProps.ts

@@ -1,5 +0,0 @@
-/** Props needed to resolve remote Archivist for renderer */
-export interface RemoteArchivistProps {
-  chainArchivistModuleId?: string
-  url?: string
-}

package/src/types/render/flexbox/BlockChainRenderFlexboxProps.ts

@@ -1,8 +0,0 @@
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-
-import type { BlockChainRenderBaseProps } from '../BlockChainRenderProps.ts'
-import type { RemoteArchivistProps } from '../RemoteArchivistProps.ts'
-
-export interface BlockChainRenderFlexboxProps extends BlockChainRenderBaseProps, FlexBoxProps {}
-
-export interface RemoteBlockChainRenderFlexboxProps extends BlockChainRenderBaseProps, RemoteArchivistProps, FlexBoxProps {}

package/src/types/render/flexbox/RenderFlexboxProps.ts

@@ -1,5 +0,0 @@
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-
-import type { RenderProps } from '../BlockChainRenderProps.ts'
-
-export interface RenderFlexboxProps extends RenderProps, FlexBoxProps {}

package/src/types/render/flexbox/index.ts

@@ -1,2 +0,0 @@
-export * from './BlockChainRenderFlexboxProps.ts'
-export * from './RenderFlexboxProps.ts'

package/src/types/render/index.ts

@@ -1,4 +0,0 @@
-export * from './BlockChainRenderProps.ts'
-export * from './flexbox/index.ts'
-export * from './RemoteArchivistProps.ts'
-export * from './table/index.ts'

package/src/types/render/table/BlockChainRenderTableExProps.ts

@@ -1,8 +0,0 @@
-import type { TableExProps } from '@xyo-network/react-table'
-
-import type { BlockChainRenderBaseProps } from '../BlockChainRenderProps.ts'
-import type { RemoteArchivistProps } from '../RemoteArchivistProps.ts'
-
-export interface BlockChainRenderTableExProps extends BlockChainRenderBaseProps, TableExProps {}
-
-export interface RemoteBlockChainRenderTableExProps extends BlockChainRenderBaseProps, RemoteArchivistProps, TableExProps {}

package/src/types/render/table/RenderTableProps.ts

@@ -1,5 +0,0 @@
-import type { TableProps } from '@mui/material'
-
-import type { RenderProps } from '../BlockChainRenderProps.ts'
-
-export interface RenderTableProps extends RenderProps, TableProps {}

package/src/types/render/table/index.ts

@@ -1,2 +0,0 @@
-export * from './BlockChainRenderTableExProps.ts'
-export * from './RenderTableProps.ts'