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

package/src/components/transactions/submit/Network.tsx

@@ -1,36 +0,0 @@
-import type { StandardTextFieldProps } from '@mui/material'
-import {
-  FormControl, FormHelperText,
-  TextField,
-} from '@mui/material'
-import type { ChangeEventHandler } from 'react'
-import React, { useState } from 'react'
-
-export interface ChainTransactionNetworkProps extends StandardTextFieldProps {
-  network?: URL
-  onNetworkChange?: (url: URL) => void
-}
-
-export const ChainTransactionNetwork: React.FC<ChainTransactionNetworkProps> = ({
-  network, onNetworkChange, ...props
-}) => {
-  const [error, setError] = useState<Error>()
-
-  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {
-    try {
-      const url = new URL(event.target.value)
-      setError(undefined)
-      onNetworkChange?.(url)
-    } catch (error) {
-      console.error(error)
-      setError(error as Error)
-    }
-  }
-
-  return (
-    <FormControl fullWidth>
-      <TextField label="Network" name="network" onChange={handleChange} required value={network} {...props} />
-      <FormHelperText sx={{ color: error ? 'red' : undefined }}>{error ? 'Not a valid url' : 'Enter full url of archivist'}</FormHelperText>
-    </FormControl>
-  )
-}

package/src/components/transactions/submit/SubmitChain.stories.tsx

@@ -1,14 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import React from 'react'
-
-import { SubmitChainTransaction } from './SubmitChain.tsx'
-
-export default {
-  title: 'Transaction/Submit',
-  component: SubmitChainTransaction,
-} as Meta
-
-const Template: StoryFn<typeof SubmitChainTransaction> = args => <SubmitChainTransaction {...args} />
-
-export const Default = Template.bind({})
-Default.args = {}

package/src/components/transactions/submit/SubmitChain.tsx

@@ -1,91 +0,0 @@
-import {
-  Alert, Grid, Typography,
-} from '@mui/material'
-import { ErrorRender } from '@xylabs/react-error'
-import { FlexGrowCol } from '@xylabs/react-flexbox'
-import { axiosJsonConfig } from '@xylabs/sdk-js'
-import type {
-  ApiEnvelope, ModuleQueryResult, Payload,
-} from '@xyo-network/sdk-js'
-import {
-  Account, ArchivistInsertQuerySchema,
-  PayloadBuilder, QueryBoundWitnessBuilder,
-} from '@xyo-network/sdk-js'
-import type { TransactionBoundWitnessFields } from '@xyo-network/xl1-sdk'
-import { buildTransaction } from '@xyo-network/xl1-sdk'
-import { Axios } from 'axios'
-import React, { useState } from 'react'
-
-import { ChainTransactionBuilder } from './Builder.tsx'
-import { ChainTransactionNetwork } from './Network.tsx'
-
-const BETA_PENDING_TRANSACTIONS_ARCHIVIST = 'https://beta.api.chain.xyo.network/8050fee682a2762f504d5449d8269a6f17f0b693'
-const defaultNetwork = new URL(BETA_PENDING_TRANSACTIONS_ARCHIVIST)
-
-export const SubmitChainTransaction: React.FC = () => {
-  const [network, setNetwork] = useState<URL | undefined>(defaultNetwork)
-  const [result, setResult] = useState<ModuleQueryResult>()
-  const [error, setError] = useState<Error>()
-
-  const onSubmitTx = async (chainTx: Omit<TransactionBoundWitnessFields, 'from'>) => {
-    if (network) {
-      const randomAccount = await Account.random()
-      const [transactionBoundWitness] = await buildTransaction(
-        chainTx.chain,
-        [],
-        [],
-        randomAccount,
-        chainTx.nbf,
-        chainTx.exp,
-      )
-
-      const insertQuery = new PayloadBuilder({ schema: ArchivistInsertQuerySchema }).build()
-      const [queryBoundWitness] = await new QueryBoundWitnessBuilder()
-        .payloads([transactionBoundWitness as Payload])
-        .query(insertQuery)
-        .signer(randomAccount)
-        .build()
-
-      const response = await new Axios(axiosJsonConfig()).post<ApiEnvelope<ModuleQueryResult>>(
-        network.href,
-        [queryBoundWitness, [insertQuery, transactionBoundWitness, chainTx]],
-      )
-      if (response.data.errors.length > 0) {
-        setError(new Error(response.data.errors.map(e => e.message).join('\n')))
-      } else {
-        setResult(response.data.data)
-      }
-    }
-  }
-
-  const onNetworkChange = (url: URL) => {
-    setNetwork(url)
-  }
-
-  return (
-    <Grid container>
-      <Grid size={{
-        xs: 12, sm: 6, md: 4,
-      }}
-      >
-        <FlexGrowCol alignItems="start" gap={2}>
-          <ChainTransactionNetwork network={network} onNetworkChange={onNetworkChange} />
-          {network ? <ChainTransactionBuilder onSubmitTx={onSubmitTx} /> : null}
-          {result?.[2].length === 0 ? <Alert severity="success">Success</Alert> : null}
-
-          {error ? <ErrorRender error={error} /> : null}
-          {result?.[2] && result?.[2].length > 0 ? <ErrorRender error={new Error('Failed insert...see result below')} /> : null}
-
-          {result
-            ? (
-                <>
-                  <Typography variant="h6">Result:</Typography>
-                  <pre>{JSON.stringify(result, null, 2)}</pre>
-                </>
-              )
-            : null}
-        </FlexGrowCol>
-      </Grid>
-    </Grid>
-  )
-}

package/src/components/transactions/submit/index.ts

@@ -1,3 +0,0 @@
-export * from './Builder.tsx'
-export * from './Network.tsx'
-export * from './SubmitChain.tsx'

package/src/context/analyzer/Provider.tsx

@@ -1,41 +0,0 @@
-import { isUndefined } from '@xylabs/sdk-js'
-import type { HydratedBlock } from '@xyo-network/xl1-sdk'
-import type { PropsWithChildren } from 'react'
-import React, {
-  useCallback, useMemo, useState,
-} from 'react'
-
-import { ChainAnalyzersContext } from './context.ts'
-import type { ChainAnalyzers, ChainAnalyzersState } from './state.ts'
-
-export interface ChainAnalyzersProviderProps extends PropsWithChildren {
-  analyzers?: ChainAnalyzers
-}
-
-export const ChainAnalyzersProvider: React.FC<ChainAnalyzersProviderProps> = ({ analyzers: analyzersProp, children }) => {
-  const [analyzersState, setAnalyzersState] = useState<ChainAnalyzers>(analyzersProp ?? {} as ChainAnalyzers)
-  const [statsUpdated, setStatsUpdated] = useState(1)
-
-  const analyzers = useMemo(() => ({ ...analyzersProp, ...analyzersState }), [analyzersProp, analyzersState])
-
-  const addAnalyzers: ChainAnalyzersState['addAnalyzers'] = useCallback((analyzers: ChainAnalyzersState['analyzers']) => {
-    if (isUndefined(analyzers)) return
-    setAnalyzersState(prev => ({ ...prev, ...analyzers }))
-  }, [])
-
-  const onBlock = useCallback(async (hydratedBlock: HydratedBlock) => {
-    await Promise.resolve()
-    for (const analyzer of Object.values(analyzers)) {
-      void analyzer.onBlock(hydratedBlock)
-      setStatsUpdated(Date.now())
-    }
-  }, [analyzers])
-
-  const value: ChainAnalyzersState = useMemo(() => ({
-    analyzers, addAnalyzers, onBlock, statsUpdated, provided: true,
-  }), [analyzers, addAnalyzers, onBlock, statsUpdated])
-
-  return (
-    <ChainAnalyzersContext value={value}>{children}</ChainAnalyzersContext>
-  )
-}

package/src/context/analyzer/context.ts

@@ -1,5 +0,0 @@
-import { createContextEx } from '@xylabs/react-shared'
-
-import type { ChainAnalyzersState } from './state.ts'
-
-export const ChainAnalyzersContext = createContextEx<ChainAnalyzersState>()

package/src/context/analyzer/index.ts

@@ -1,5 +0,0 @@
-export * from './context.ts'
-export * from './Provider.tsx'
-export * from './Provider.tsx'
-export * from './state.ts'
-export * from './use.ts'

package/src/context/analyzer/state.ts

@@ -1,13 +0,0 @@
-import type { ContextExState } from '@xylabs/react-shared'
-import type { ChainAnalyzer, HydratedBlock } from '@xyo-network/xl1-sdk'
-
-export type ChainAnalyzerIds = 'producers'
-
-export type ChainAnalyzers = Record<ChainAnalyzerIds, ChainAnalyzer>
-
-export type ChainAnalyzersState = ContextExState<{
-  addAnalyzers: (analyzers: ChainAnalyzers) => void
-  analyzers: ChainAnalyzers
-  onBlock: (block: HydratedBlock) => Promise<void>
-  statsUpdated: number
-}>

package/src/context/analyzer/use.ts

@@ -1,6 +0,0 @@
-import { useContextEx } from '@xylabs/react-shared'
-
-import { ChainAnalyzersContext } from './context.ts'
-import type { ChainAnalyzersState } from './state.ts'
-
-export const useChainAnalyzersContext = (required = false) => useContextEx<ChainAnalyzersState>(ChainAnalyzersContext, 'ChainAnalyzers', required)

package/src/context/chain/Context.ts

@@ -1,5 +0,0 @@
-import { createContextEx } from '@xylabs/react-shared'
-
-import type { ChainInfoState } from './State.ts'
-
-export const ChainInfoContext = createContextEx<ChainInfoState>()

package/src/context/chain/Provider.tsx

@@ -1,49 +0,0 @@
-import { isDefined } from '@xylabs/sdk-js'
-import type { PropsWithChildren } from 'react'
-import React, {
-  useCallback, useMemo, useState,
-} from 'react'
-
-import { ChainInfoContext } from './Context.ts'
-import type { ChainInfoState } from './State.ts'
-
-interface ChainInfoProviderProps extends PropsWithChildren, Omit<ChainInfoState, 'provided'> {}
-
-export const ChainInfoProvider: React.FC<ChainInfoProviderProps> = ({
-  children, chainArchivist: chainArchivistProp, chainId: chainIdProp,
-}) => {
-  const [chainArchivist, setChainArchivist] = useState<ChainInfoState['chainArchivist']>(chainArchivistProp)
-  const [previousChainArchivist, setPreviousChainArchivist] = useState<ChainInfoState['chainArchivist']>(chainArchivistProp)
-  if (isDefined(chainArchivistProp) && chainArchivistProp !== previousChainArchivist) {
-    setChainArchivist(chainArchivistProp)
-    setPreviousChainArchivist(chainArchivistProp)
-  }
-
-  const [chainId, setChainId] = useState<ChainInfoState['chainId']>(chainIdProp)
-  const [previousChainId, setPreviousChainId] = useState<ChainInfoState['chainId']>(chainIdProp)
-  if (isDefined(chainIdProp) && chainIdProp !== previousChainId) {
-    setChainId(chainIdProp)
-    setPreviousChainId(chainIdProp)
-  }
-
-  const updateChainArchivist = useCallback((chainArchivist: ChainInfoState['chainArchivist']) => {
-    setChainArchivist(chainArchivist)
-  }, [])
-  const updateChainId = useCallback((chainId: ChainInfoState['chainId']) => {
-    setChainId(chainId)
-  }, [])
-
-  const chainState: ChainInfoState = useMemo(() => ({
-    chainArchivist,
-    chainId,
-    updateChainArchivist,
-    updateChainId,
-    provided: true,
-  }), [chainArchivist, chainId, updateChainArchivist, updateChainId])
-
-  return (
-    <ChainInfoContext value={chainState}>
-      {children}
-    </ChainInfoContext>
-  )
-}

package/src/context/chain/State.ts

@@ -1,8 +0,0 @@
-import type { ContextExState } from '@xylabs/react-shared'
-import type { ArchivistInstance } from '@xyo-network/sdk-js'
-import type { ChainId } from '@xyo-network/xl1-sdk'
-
-export type ChainInfoState = ContextExState<{
-  chainArchivist?: ArchivistInstance
-  chainId?: ChainId
-}>

package/src/context/chain/index.ts

@@ -1,4 +0,0 @@
-export * from './Context.ts'
-export * from './Provider.tsx'
-export * from './State.ts'
-export * from './use.ts'

package/src/context/chain/use.ts

@@ -1,6 +0,0 @@
-import { useContextEx } from '@xylabs/react-shared'
-
-import { ChainInfoContext } from './Context.ts'
-import type { ChainInfoState } from './State.ts'
-
-export const useChainInfo = (required = false) => useContextEx<ChainInfoState>(ChainInfoContext, 'ChainState', required)

package/src/context/index.ts

@@ -1,3 +0,0 @@
-export * from './analyzer/index.ts'
-export * from './chain/index.ts'
-export * from './polling/index.ts'

package/src/context/polling/Provider.tsx

@@ -1,27 +0,0 @@
-import type { PropsWithChildren } from 'react'
-import React, {
-  useCallback, useMemo, useState,
-} from 'react'
-
-import { ChainPollingContext } from './context.ts'
-import type { ChainPollingState, PollingState } from './state.ts'
-
-export interface ChainPollingProviderProps extends PropsWithChildren {
-  pollingState?: PollingState
-}
-
-export const ChainPollingProvider: React.FC<ChainPollingProviderProps> = ({ children, pollingState: pollingStateProp = 'running' }) => {
-  const [pollingState, setPollingState] = useState<PollingState>(pollingStateProp)
-
-  const updatePollingState = useCallback((newPollingState: PollingState) => {
-    setPollingState(newPollingState)
-  }, [])
-
-  const value: ChainPollingState = useMemo(() => ({
-    pollingState,
-    provided: true,
-    updatePollingState,
-  }), [pollingState, updatePollingState])
-
-  return <ChainPollingContext value={value}>{children}</ChainPollingContext>
-}

package/src/context/polling/context.ts

@@ -1,5 +0,0 @@
-import { createContextEx } from '@xylabs/react-shared'
-
-import type { ChainPollingState } from './state.ts'
-
-export const ChainPollingContext = createContextEx<ChainPollingState>()

package/src/context/polling/index.ts

@@ -1,4 +0,0 @@
-export * from './context.ts'
-export * from './Provider.tsx'
-export * from './state.ts'
-export * from './use.ts'

package/src/context/polling/state.ts

@@ -1,8 +0,0 @@
-import type { ContextExState } from '@xylabs/react-shared'
-
-export type PollingState = 'paused' | 'running'
-
-export type ChainPollingState = ContextExState<{
-  pollingState?: PollingState
-  updatePollingState?: (newState: PollingState) => void
-}>

package/src/context/polling/use.ts

@@ -1,5 +0,0 @@
-import { useContextEx } from '@xylabs/react-shared'
-
-import { ChainPollingContext } from './context.ts'
-
-export const useChainPollingContext = (required = false) => useContextEx(ChainPollingContext, 'ChainPolling', required)

package/src/helpers/index.ts

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

package/src/helpers/rate/index.ts

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

package/src/helpers/rate/rateUnitToLabel.ts

@@ -1,27 +0,0 @@
-import type { TimeDurations } from '@xyo-network/xl1-sdk'
-
-export const rateUnitToLabel = (rateUnit: keyof TimeDurations) => {
-  switch (rateUnit) {
-    case 'millis': {
-      return 'b/ms'
-    }
-    case 'seconds': {
-      return 'b/s'
-    }
-    case 'minutes': {
-      return 'b/m'
-    }
-    case 'hours': {
-      return 'b/h'
-    }
-    case 'days': {
-      return 'b/d'
-    }
-    case 'weeks': {
-      return 'b/w'
-    }
-    default: {
-      return rateUnit
-    }
-  }
-}

package/src/helpers/txsFromBlock.ts

@@ -1,12 +0,0 @@
-import type { Hash } from '@xylabs/sdk-js'
-import { HydratedBlockWrapper } from '@xyo-network/chain-wrappers'
-import type { Payload } from '@xyo-network/sdk-js'
-import { PayloadBuilder } from '@xyo-network/sdk-js'
-import type { HydratedBlockWithHashMeta } from '@xyo-network/xl1-sdk'
-
-export const txsFromBlock = async (block: HydratedBlockWithHashMeta): Promise<[Payload, Hash][]> => {
-  const wrapper = await HydratedBlockWrapper.parse(block)
-  const txs = wrapper.transactions
-  const txPayloads = txs.map(tx => tx.boundWitness)
-  return await PayloadBuilder.hashPairs(txPayloads)
-}

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

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

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

@@ -1,55 +0,0 @@
-import type { UsePromiseState } from '@xylabs/react-promise'
-import { usePromise } from '@xylabs/react-promise'
-import { type Hash, isHash } from '@xylabs/sdk-js'
-import { assertEx, isDefined } from '@xylabs/sdk-js'
-import type {
-  Payload, ReadArchivist, WithHashMeta, WithStorageMeta,
-} from '@xyo-network/sdk-js'
-import { BoundWitnessBuilder } from '@xyo-network/sdk-js'
-import type {
-  BlockBoundWitness, ChainId, Config, PayloadMapRead,
-} from '@xyo-network/xl1-sdk'
-import { ConfigZod, isBlockBoundWitness } from '@xyo-network/xl1-sdk'
-
-import type { BlockChainIterator } from '../../types/index.ts'
-
-export const resolveDefinedHead = async (head: Hash, chainArchivist: ReadArchivist) => {
-  // get the head from the chain archivist
-  const [headPayload] = await chainArchivist.get([head])
-  // if the head is undefined, we need to create a new one
-  if (headPayload === undefined) {
-    const [currentHead] = await new BoundWitnessBuilder<BlockBoundWitness>().build()
-    return currentHead
-  } else {
-    // if the head is a block bound witness, we can use it
-    return assertEx(isBlockBoundWitness(headPayload)
-      ? headPayload
-      : undefined, () => `Expected a block bound witness: ${JSON.stringify(headPayload)}`)
-  }
-}
-
-export const useChainIteratorParams = ({
-  chainMap, chainId, head, name,
-}: BlockChainIterator): [{
-  chainId: ChainId
-  chainMap: PayloadMapRead<WithStorageMeta<Payload>>
-  config: Config
-  head: WithHashMeta<BlockBoundWitness>
-  name: string
-} | undefined, Error | undefined, UsePromiseState | undefined] => {
-  return usePromise(async () => {
-    if (isDefined(chainMap) && isDefined(chainId) && isHash(head)) {
-      const result = await chainMap.get(head)
-      const foundResult = assertEx(result, () => `Head not found: ${head}`)
-      const resolvedHead = assertEx(
-        isBlockBoundWitness(foundResult) ? foundResult : undefined,
-        () => `Head is not a boundwitness: ${JSON.stringify(foundResult)}`,
-      )
-      const config = ConfigZod.parse({})
-      config.chain.id = chainId
-      return {
-        chainMap, chainId, config, head: resolvedHead, name,
-      }
-    }
-  }, [chainMap, chainId, head])
-}

package/src/hooks/index.ts

@@ -1,3 +0,0 @@
-export * from './chain-iterator/index.ts'
-export * from './useBaseContext.ts'
-export * from './useTxsFromBlock.ts'

package/src/hooks/useBaseContext.ts

@@ -1,8 +0,0 @@
-import type { BaseContext } from '@xyo-network/xl1-sdk'
-import { useState } from 'react'
-
-export const useBaseContext = () => {
-  const [context] = useState<BaseContext>({ caches: {}, singletons: {} })
-  // TODO: Update to use actual rect context when available
-  return context
-}

package/src/hooks/useTxsFromBlock.ts

@@ -1,12 +0,0 @@
-import { usePromise } from '@xylabs/react-promise'
-import type { HydratedBlockWithHashMeta } from '@xyo-network/xl1-sdk'
-
-import { txsFromBlock } from '../helpers/index.ts'
-
-export const useTxsFromBlock = (block?: HydratedBlockWithHashMeta) => {
-  return usePromise(async () => {
-    if (block) {
-      return await txsFromBlock(block)
-    }
-  }, [block])
-}

package/src/index.ts

@@ -1,3 +0,0 @@
-export * from './components/index.ts'
-export * from './hooks/index.ts'
-export * from './stories/index.ts'

package/src/lib/getChainArchivist.ts

@@ -1,20 +0,0 @@
-import { assertEx } from '@xylabs/sdk-js'
-import type { HttpBridgeConfig } from '@xyo-network/bridge-http'
-import { HttpBridge, HttpBridgeConfigSchema } from '@xyo-network/bridge-http'
-import type { ArchivistInstance, ModuleIdentifier } from '@xyo-network/sdk-js'
-import { asArchivistInstance } from '@xyo-network/sdk-js'
-
-export interface BridgedChainArchivistParams {
-  chainArchivistModuleId: ModuleIdentifier
-  url: string
-}
-
-export const getChainArchivistFromBridge = async (params: BridgedChainArchivistParams): Promise<ArchivistInstance> => {
-  const { url, chainArchivistModuleId } = params
-  const config: HttpBridgeConfig = { schema: HttpBridgeConfigSchema, client: { url } }
-  const bridge = await HttpBridge.create({ config })
-
-  const resolved = await bridge.resolve(chainArchivistModuleId)
-  const mod = assertEx(resolved, () => `Module ${chainArchivistModuleId} not found`)
-  return assertEx(asArchivistInstance(mod), () => `Module ${chainArchivistModuleId} is not an archivist`)
-}

package/src/lib/getChainId.ts

@@ -1,8 +0,0 @@
-import type { Address, Promisable } from '@xylabs/sdk-js'
-import { toAddress } from '@xylabs/sdk-js'
-
-const id = toAddress('ce080bf3043a40c6c8838c7e813c00ab53df1684')
-
-export const getChainId = (): Promisable<Address> => {
-  return id
-}

package/src/lib/index.ts

@@ -1,2 +0,0 @@
-export * from './getChainArchivist.ts'
-export * from './getChainId.ts'

package/src/stories/ChainArchivistDecorator.tsx

@@ -1,43 +0,0 @@
-import { CircularProgress } from '@mui/material'
-import type { Decorator } from '@storybook/react-vite'
-import { usePromise } from '@xylabs/react-promise'
-import { buildRandomBlockChain } from '@xyo-network/react-chain-shared'
-import { ArchivistConfigSchema, MemoryArchivist } from '@xyo-network/sdk-js'
-import { flattenHydratedBlocks } from '@xyo-network/xl1-sdk'
-import React, { useEffect } from 'react'
-
-import { getChainId } from '../lib/index.ts'
-import type { BlockChainRenderBaseProps } from '../types/index.ts'
-
-export const ChainArchivistDecorator: Decorator = (Story, { args, ...context }) => {
-  const [randomBlockChain] = usePromise(async () => await buildRandomBlockChain(), [])
-  const [blockChainRenderProps, blockChainRenderPropsError] = usePromise(async () => {
-    if (randomBlockChain) {
-      const chainArchivist = await MemoryArchivist.create({ config: { schema: ArchivistConfigSchema, name: 'ChainArchivist' } })
-      const flattened = flattenHydratedBlocks(randomBlockChain)
-      await chainArchivist.insert(flattened)
-      const chainId = await getChainId()
-      return { chainArchivist, chainId }
-    }
-  }, [randomBlockChain])
-
-  useEffect(() => {
-    if (blockChainRenderPropsError) {
-      console.error(blockChainRenderPropsError)
-    }
-  }, [blockChainRenderPropsError])
-
-  const props = {
-    ...context,
-    args: {
-      ...args,
-      blockChainRenderProps: {
-        ...(args.blockChainRenderProps as BlockChainRenderBaseProps),
-        ...blockChainRenderProps,
-        head: randomBlockChain?.toReversed()[0][0]._hash,
-      },
-    },
-  }
-
-  return blockChainRenderProps?.chainArchivist ? <Story {...props} /> : <CircularProgress />
-}