@xyo-network/react-chain-blockchain 1.17.7 → 1.18.0

package/dist/browser/stories/index.d.ts

@@ -1,4 +1,3 @@
 export * from './ChainArchivistDecorator.tsx';
 export * from './ChainArchivistDelayedInsertDecorator.tsx';
-export * from './ChainInfoContextDecorator.tsx';
 //# sourceMappingURL=index.d.ts.map

package/dist/browser/stories/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stories/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAA;AAC7C,cAAc,4CAA4C,CAAA;AAC1D,cAAc,iCAAiC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stories/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAA;AAC7C,cAAc,4CAA4C,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-blockchain",
-  "version": "1.17.7",
+  "version": "1.18.0",
   "description": "XYO Layer One React SDK Blockchain",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -47,7 +47,7 @@
     "package-cycle": "echo Nothing to do"
   },
   "dependencies": {
-    "@storybook/react-vite": "~10.1.8",
+    "@storybook/react-vite": "~10.1.9",
     "@xylabs/axios": "~5.0.51",
     "@xylabs/react-animation": "~7.1.9",
     "@xylabs/react-error": "~7.1.9",
@@ -62,19 +62,16 @@
     "@xyo-network/archivist-model": "~5.2.17",
     "@xyo-network/boundwitness-builder": "~5.2.17",
     "@xyo-network/boundwitness-model": "~5.2.17",
-    "@xyo-network/bridge-http": "~5.2.17",
-    "@xyo-network/chain-analyze": "~1.17.7",
-    "@xyo-network/chain-protocol": "~1.17.7",
-    "@xyo-network/chain-services": "~1.17.7",
-    "@xyo-network/chain-utils": "~1.17.7",
-    "@xyo-network/chain-wrappers": "~1.17.7",
+    "@xyo-network/chain-analyze": "~1.18.0",
+    "@xyo-network/chain-protocol": "~1.18.0",
+    "@xyo-network/chain-wrappers": "~1.18.0",
     "@xyo-network/module-model": "~5.2.17",
     "@xyo-network/payload-builder": "~5.2.17",
     "@xyo-network/payload-model": "~5.2.17",
     "@xyo-network/react-boundwitness-plugin": "~7.4.2",
-    "@xyo-network/react-chain-blockies": "~1.17.7",
-    "@xyo-network/react-chain-provider": "~1.17.7",
-    "@xyo-network/react-chain-shared": "~1.17.7",
+    "@xyo-network/react-chain-blockies": "~1.18.0",
+    "@xyo-network/react-chain-provider": "~1.18.0",
+    "@xyo-network/react-chain-shared": "~1.18.0",
     "@xyo-network/react-error": "~7.4.2",
     "@xyo-network/react-event": "~7.4.2",
     "@xyo-network/react-payload-raw-info": "~7.4.2",
@@ -82,7 +79,7 @@
     "@xyo-network/react-shared": "~7.4.2",
     "@xyo-network/react-table": "~7.4.2",
     "@xyo-network/xl1-protocol": "~1.14.17",
-    "@xyo-network/xl1-protocol-sdk": "~1.17.7"
+    "@xyo-network/xl1-protocol-sdk": "~1.18.0"
   },
   "devDependencies": {
     "@emotion/react": "~11.14.0",
@@ -92,19 +89,20 @@
     "@types/react": "~19.2.7",
     "@xylabs/react-button": "~7.1.9",
     "@xylabs/sdk-js": "~5.0.51",
-    "@xylabs/ts-scripts-yarn3": "~7.2.30",
-    "@xylabs/tsconfig": "~7.2.30",
-    "@xylabs/tsconfig-dom": "~7.2.30",
-    "@xylabs/tsconfig-react": "~7.2.30",
+    "@xylabs/ts-scripts-yarn3": "~7.2.32",
+    "@xylabs/tsconfig": "~7.2.32",
+    "@xylabs/tsconfig-dom": "~7.2.32",
+    "@xylabs/tsconfig-react": "~7.2.32",
     "@xyo-network/api-models": "~5.2.17",
-    "@xyo-network/xl1-network-model": "~1.17.7",
-    "@xyo-network/xl1-rpc": "~1.17.7",
+    "@xyo-network/bridge-http": "~5.2.17",
+    "@xyo-network/xl1-network-model": "~1.18.0",
+    "@xyo-network/xl1-rpc": "~1.18.0",
     "axios": "^1.13.2",
-    "eslint": "^9.39.1",
+    "eslint": "^9.39.2",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
     "react-router-dom": "^7.10.1",
-    "storybook": "~10.1.8",
+    "storybook": "~10.1.9",
     "typescript": "~5.9.3"
   },
   "peerDependencies": {

package/src/components/block/hooks/index.ts

@@ -1,6 +1,4 @@
 export * from './useAnchorElement.ts'
 export * from './useBlockHeadingEvents.ts'
 export * from './useBlockProducer.ts'
-export * from './useDynamicBlockComponents.ts'
 export * from './usePayloadCountsFromBlock.ts'
-export * from './useStaticBlockComponents.ts'

package/src/hooks/index.ts

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

package/src/stories/index.ts

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

package/dist/browser/components/block/hooks/useDynamicBlockComponents.d.ts

@@ -1,9 +0,0 @@
-import type { XyoChainIteratorParams } from '@xyo-network/chain-services';
-import type { HydratedBlockWithHashMeta } from '@xyo-network/xl1-protocol';
-import type { ComponentType } from 'react';
-import type { BlockChainRenderComponent, BlockComponentWithTxsProps } from '../../../types/index.ts';
-export declare const useDynamicBlockComponents: (BlockComponent: ComponentType<BlockComponentWithTxsProps>, params?: XyoChainIteratorParams, maxBlocks?: number) => {
-    blockChainRenderComponents: BlockChainRenderComponent[];
-    onAddBlock: (block: HydratedBlockWithHashMeta | undefined) => Promise<void>;
-};
-//# sourceMappingURL=useDynamicBlockComponents.d.ts.map

package/dist/browser/components/block/hooks/useDynamicBlockComponents.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDynamicBlockComponents.d.ts","sourceRoot":"","sources":["../../../../../src/components/block/hooks/useDynamicBlockComponents.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACzE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAI1C,OAAO,KAAK,EACV,yBAAyB,EACJ,0BAA0B,EAChD,MAAM,yBAAyB,CAAA;AAGhC,eAAO,MAAM,yBAAyB,GAAI,gBAAgB,aAAa,CAAC,0BAA0B,CAAC,EAAE,SAAS,sBAAsB,EAAE,YAAY,MAAM;;wBAMrH,yBAAyB,GAAG,SAAS;CAuBvE,CAAA"}

package/dist/browser/components/block/hooks/useStaticBlockComponents.d.ts

@@ -1,9 +0,0 @@
-import type { XyoChainIteratorParams } from '@xyo-network/chain-services';
-import type { HydratedBlockWithHashMeta } from '@xyo-network/xl1-protocol';
-import type { ComponentType } from 'react';
-import type { BlockComponentWithTxsProps } from '../../../types/index.ts';
-export declare const useStaticBlockComponents: (BlockComponent: ComponentType<BlockComponentWithTxsProps>, params?: XyoChainIteratorParams, blocks?: HydratedBlockWithHashMeta[]) => {
-    blockComponents: import("../../../types/BlockComponents.ts").BlockChainRenderComponent[] | undefined;
-    errors: Error | undefined;
-};
-//# sourceMappingURL=useStaticBlockComponents.d.ts.map

package/dist/browser/components/block/hooks/useStaticBlockComponents.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStaticBlockComponents.d.ts","sourceRoot":"","sources":["../../../../../src/components/block/hooks/useStaticBlockComponents.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACzE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAuB,0BAA0B,EAAE,MAAM,yBAAyB,CAAA;AAG9F,eAAO,MAAM,wBAAwB,GACnC,gBAAgB,aAAa,CAAC,0BAA0B,CAAC,EACzD,SAAS,sBAAsB,EAC/B,SAAS,yBAAyB,EAAE;;;CAoBrC,CAAA"}

package/dist/browser/hooks/useIterateChain.d.ts

@@ -1,24 +0,0 @@
-import type { XyoChainIteratorParams } from '@xyo-network/chain-services';
-export declare const useIterateChain: (chainIteratorParams?: XyoChainIteratorParams, maxDepth?: number) => [[{
-    schema: "network.xyo.boundwitness";
-    addresses: import("@xylabs/sdk-js").Address[];
-    payload_hashes: import("@xylabs/sdk-js").Hash[];
-    payload_schemas: string[];
-    previous_hashes: (import("@xylabs/sdk-js").Hash | null)[];
-    $signatures: (import("@xylabs/sdk-js").Hex | null)[];
-    block: import("@xyo-network/xl1-protocol").XL1BlockNumber;
-    chain: import("@xylabs/sdk-js").Hex;
-    previous: import("@xylabs/sdk-js").Hash | null;
-    $epoch: number;
-    _hash: import("@xylabs/sdk-js").Hash;
-    _dataHash: import("@xylabs/sdk-js").Hash;
-    $destination?: import("@xylabs/sdk-js").Address | undefined;
-    $sourceQuery?: import("@xylabs/sdk-js").Hash | undefined;
-    protocol?: number | undefined;
-    step_hashes?: import("@xylabs/sdk-js").Hash[] | undefined;
-}, {
-    schema: string;
-    _hash: import("@xylabs/sdk-js").Hash;
-    _dataHash: import("@xylabs/sdk-js").Hash;
-}[]][] | undefined, Error | undefined, import("@xylabs/react-promise").UsePromiseState | undefined];
-//# sourceMappingURL=useIterateChain.d.ts.map

package/dist/browser/hooks/useIterateChain.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIterateChain.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIterateChain.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAiDzE,eAAO,MAAM,eAAe,GAC1B,sBAAsB,sBAAsB,EAC5C,WAAW,MAAM;;;;;;;;;;;;;;;;;;;;;mGAKlB,CAAA"}

package/dist/browser/stories/ChainInfoContextDecorator.d.ts

@@ -1,3 +0,0 @@
-import type { Decorator } from '@storybook/react-vite';
-export declare const ChainInfoContextDecorator: Decorator;
-//# sourceMappingURL=ChainInfoContextDecorator.d.ts.map

package/dist/browser/stories/ChainInfoContextDecorator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChainInfoContextDecorator.d.ts","sourceRoot":"","sources":["../../../src/stories/ChainInfoContextDecorator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAoBtD,eAAO,MAAM,yBAAyB,EAAE,SA2BvC,CAAA"}

package/src/components/block/hooks/useDynamicBlockComponents.ts

@@ -1,42 +0,0 @@
-import type { XyoChainIteratorParams } from '@xyo-network/chain-services'
-import type { HydratedBlockWithHashMeta } from '@xyo-network/xl1-protocol'
-import type { ComponentType } from 'react'
-import { useState } from 'react'
-
-import { useChainAnalyzersContext } from '../../../context/index.ts'
-import type {
-  BlockChainRenderComponent,
-  BlockComponentProps, BlockComponentWithTxsProps,
-} from '../../../types/index.ts'
-import { buildBlockChainRenderComponent } from '../helpers/index.ts'
-
-export const useDynamicBlockComponents = (BlockComponent: ComponentType<BlockComponentWithTxsProps>, params?: XyoChainIteratorParams, maxBlocks?: number) => {
-  const { chainMap } = params ?? {}
-  const [blockChainRenderComponents, setBlockChainRenderComponents] = useState<BlockChainRenderComponent[]>([])
-
-  const { onBlock } = useChainAnalyzersContext()
-
-  const onAddBlock = async (block: HydratedBlockWithHashMeta | undefined) => {
-    if (!block || !chainMap) return
-
-    const blockComponentProps: BlockComponentProps = { block }
-    const newBlockComponent = await buildBlockChainRenderComponent(BlockComponent, blockComponentProps)
-
-    if (block?.[0].block !== blockChainRenderComponents[0]?.block?.[0].block) {
-      void onBlock?.(block)
-
-      setBlockChainRenderComponents((blockComponents) => {
-        const newBlockComponents = [newBlockComponent, ...blockComponents]
-
-        if (maxBlocks !== undefined && newBlockComponents.length > maxBlocks) {
-          // trim the last block if we exceed the max
-          newBlockComponents.pop()
-        }
-
-        return newBlockComponents
-      })
-    }
-  }
-
-  return { blockChainRenderComponents, onAddBlock }
-}

package/src/components/block/hooks/useStaticBlockComponents.ts

@@ -1,34 +0,0 @@
-import { usePromise } from '@xylabs/react-promise'
-import { isDefined } from '@xylabs/sdk-js'
-import type { XyoChainIteratorParams } from '@xyo-network/chain-services'
-import type { HydratedBlockWithHashMeta } from '@xyo-network/xl1-protocol'
-import type { ComponentType } from 'react'
-
-import { useChainAnalyzersContext } from '../../../context/index.ts'
-import type { BlockComponentProps, BlockComponentWithTxsProps } from '../../../types/index.ts'
-import { buildBlockChainRenderComponent } from '../helpers/index.ts'
-
-export const useStaticBlockComponents = (
-  BlockComponent: ComponentType<BlockComponentWithTxsProps>,
-  params?: XyoChainIteratorParams,
-  blocks?: HydratedBlockWithHashMeta[],
-) => {
-  const { onBlock } = useChainAnalyzersContext()
-
-  const [blockComponents, blockComponentsError] = usePromise(async () => {
-    const resolvedBlockWithStorage = blocks ?? []
-    if (!params?.chainMap) return []
-
-    return await Promise.all(resolvedBlockWithStorage?.map(async (block) => {
-      // TODO: Figure out why this onBlock is always defined (per TS), even though the context is optional?
-      if (isDefined(onBlock)) {
-        await onBlock(block)
-      }
-
-      const blockComponentProps: BlockComponentProps = { block, defaultExpanded: true }
-      return await buildBlockChainRenderComponent(BlockComponent, blockComponentProps)
-    }))
-  }, [blocks, params, BlockComponent])
-
-  return { blockComponents, errors: blockComponentsError }
-}

package/src/hooks/useIterateChain.ts

@@ -1,59 +0,0 @@
-import { usePromise } from '@xylabs/react-promise'
-import { assertEx } from '@xylabs/sdk-js'
-import type { XyoChainIteratorParams } from '@xyo-network/chain-services'
-import { ChainBlockNumberIterationService } from '@xyo-network/chain-services'
-import { PayloadBuilder } from '@xyo-network/payload-builder'
-import type { Payload, WithStorageMeta } from '@xyo-network/payload-model'
-import type { BlockBoundWitness, HydratedBlockWithHashMeta } from '@xyo-network/xl1-protocol'
-import { isBlockBoundWitness } from '@xyo-network/xl1-protocol'
-import type { PayloadMapRead } from '@xyo-network/xl1-protocol-sdk'
-import { hydrateBlock } from '@xyo-network/xl1-protocol-sdk'
-
-const getHydratedBlock = async (chainMap: PayloadMapRead<WithStorageMeta<Payload>>, head: BlockBoundWitness) => {
-  const headHash = await PayloadBuilder.hash(head)
-  return await hydrateBlock({ chainMap }, headHash)
-}
-
-const iterateChain = async (chainIteratorParams?: XyoChainIteratorParams, maxDepth?: number) => {
-  const { chainMap, head } = chainIteratorParams ?? {} as XyoChainIteratorParams
-  const headPayload = assertEx(isBlockBoundWitness(head) ? head : null, () => 'Head is not a Block Bound Witness')
-  // confirm the head is a block
-  const headBlockBoundWitness = assertEx(isBlockBoundWitness(headPayload) ? headPayload : null, () => 'Invalid head block')
-  // create the chain iterator
-  const chainIterator = await ChainBlockNumberIterationService.create({ head: headBlockBoundWitness, chainMap })
-
-  // get head of the chain
-  const chainHead = await chainIterator.head()
-  let block = await getHydratedBlock(chainMap, chainHead)
-
-  // create the blocks array
-  const blocks: HydratedBlockWithHashMeta[] = [block]
-
-  // track the depth
-  let depth = 1
-  // iterate the chain
-  while (true) {
-    // get the next block
-    const [, next] = await chainIterator.previous(block[0].block, 2)
-
-    const nextHydratedBlock = await getHydratedBlock(chainMap, next)
-    // push the next block
-    blocks.push(nextHydratedBlock)
-    // set the next block as the current block
-    block = nextHydratedBlock
-    // increment the depth
-    depth++
-    // if max depth is set and we have reached it, break
-    if ((maxDepth !== undefined && depth >= maxDepth) || block?.[0].block === 0) break
-  }
-  return blocks
-}
-
-export const useIterateChain = (
-  chainIteratorParams?: XyoChainIteratorParams,
-  maxDepth?: number,
-) => {
-  return usePromise(async () => {
-    return await iterateChain(chainIteratorParams, maxDepth)
-  }, [chainIteratorParams, maxDepth])
-}

package/src/stories/ChainInfoContextDecorator.tsx

@@ -1,48 +0,0 @@
-import type { Decorator } from '@storybook/react-vite'
-import { usePromise } from '@xylabs/react-promise'
-import { assertEx, isDefined } from '@xylabs/sdk-js'
-import { ChainBlockNumberIterationService } from '@xyo-network/chain-services'
-import { findFirstMatching } from '@xyo-network/chain-utils'
-import type { Payload, WithStorageMeta } from '@xyo-network/payload-model'
-import type { BlockBoundWitness } from '@xyo-network/xl1-protocol'
-import { isBlockBoundWitness } from '@xyo-network/xl1-protocol'
-import { readPayloadMapFromStore } from '@xyo-network/xl1-protocol-sdk'
-import React from 'react'
-
-import { ChainInfoProvider } from '../context/index.ts'
-import type { BridgedChainArchivistParams } from '../lib/index.ts'
-import { getChainArchivistFromBridge, getChainId } from '../lib/index.ts'
-
-const archivistConfig: BridgedChainArchivistParams = {
-  url: 'http://localhost:8080',
-  chainArchivistModuleId: 'XYOPublic:XYOChain:Chain',
-}
-
-export const ChainInfoContextDecorator: Decorator = (Story, context) => {
-  const [chainIdResponse] = usePromise(async () => {
-    return await getChainId()
-  }, [])
-
-  const chainId = chainIdResponse
-
-  const [chainArchivist] = usePromise(async () => {
-    return await getChainArchivistFromBridge(archivistConfig)
-  }, [])
-
-  const [chainIterator] = usePromise(async () => {
-    if (isDefined(chainArchivist) && isDefined(chainId)) {
-      const firstMatch = assertEx(await findFirstMatching(chainArchivist), () => `No head found in archivist: ${chainArchivist.id} `)
-      const head: BlockBoundWitness = assertEx(isBlockBoundWitness(firstMatch)
-        ? firstMatch
-        : undefined, () => `Expected a block bound witness: ${JSON.stringify(firstMatch)}`)
-      const chainMap = readPayloadMapFromStore<WithStorageMeta<Payload>>(chainArchivist)
-      return await ChainBlockNumberIterationService.create({ chainMap, head })
-    }
-  }, [chainArchivist, chainId])
-
-  return (
-    <ChainInfoProvider chainArchivist={chainArchivist} chainId={chainId} chainIterator={chainIterator}>
-      <Story {...context} />
-    </ChainInfoProvider>
-  )
-}