@xyo-network/react-chain-network 1.20.4 → 1.20.8

package/src/story/NetworkGatewayDecorators.tsx

@@ -0,0 +1,44 @@
+import type { Decorator } from '@storybook/react-vite'
+import {
+  LocalNetwork, MainNetwork, SequenceNetwork,
+} from '@xyo-network/xl1-sdk'
+import React from 'react'
+
+import type { ChainNetworkSettings } from '../context/index.ts'
+import { ActiveGatewayProvider, ChainNetworkProvider } from '../context/index.ts'
+
+const AvailableNetworks = [MainNetwork, SequenceNetwork, LocalNetwork]
+const networkSettings: ChainNetworkSettings = { [LocalNetwork.id]: { proxy: true } }
+
+const getActiveMainnetNetwork = async () => await Promise.resolve(AvailableNetworks[0])
+export const MainnetNetworkGatewayDecorator: Decorator = (Story, args) => {
+  return (
+    <ChainNetworkProvider networks={AvailableNetworks} networkSettings={networkSettings} getActiveNetwork={getActiveMainnetNetwork}>
+      <ActiveGatewayProvider>
+        <Story {...args} />
+      </ActiveGatewayProvider>
+    </ChainNetworkProvider>
+  )
+}
+
+const getActiveSequenceNetwork = async () => await Promise.resolve(AvailableNetworks[1])
+export const SequenceNetworkGatewayDecorator: Decorator = (Story, args) => {
+  return (
+    <ChainNetworkProvider networks={AvailableNetworks} networkSettings={networkSettings} getActiveNetwork={getActiveSequenceNetwork}>
+      <ActiveGatewayProvider>
+        <Story {...args} />
+      </ActiveGatewayProvider>
+    </ChainNetworkProvider>
+  )
+}
+
+const getActiveLocalNetwork = async () => await Promise.resolve(AvailableNetworks[2])
+export const LocalNetworkGatewayDecorator: Decorator = (Story, args) => {
+  return (
+    <ChainNetworkProvider networks={AvailableNetworks} networkSettings={networkSettings} getActiveNetwork={getActiveLocalNetwork}>
+      <ActiveGatewayProvider>
+        <Story {...args} />
+      </ActiveGatewayProvider>
+    </ChainNetworkProvider>
+  )
+}

package/src/story/index.ts

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

package/dist/browser/hooks/provider/useActiveNetworkCurrentBlock.d.ts

@@ -1,101 +0,0 @@
-import type { XyoViewer } from '@xyo-network/xl1-sdk';
-export declare const useActiveNetworkCurrentBlock: (refresh?: number, viewer?: XyoViewer) => [[{
-    $epoch: number;
-    block: import("@xyo-network/xl1-sdk").XL1BlockNumber;
-    chain: import("@xylabs/hex").BrandedHex;
-    previous: import("@xylabs/hex").BrandedHash | null;
-    schema: "network.xyo.boundwitness" & {
-        readonly __schema: true;
-    };
-    addresses: (Lowercase<string> & {
-        readonly __hex: true;
-    } & {
-        readonly __address: true;
-    })[];
-    payload_hashes: import("@xylabs/hex").BrandedHash[];
-    payload_schemas: import("@xyo-network/payload-model").BrandedSchema<string>[];
-    previous_hashes: (import("@xylabs/hex").BrandedHash | null)[];
-    $signatures: (import("@xylabs/hex").BrandedHex | null)[];
-    _hash: import("@xylabs/hex").BrandedHash;
-    _dataHash: import("@xylabs/hex").BrandedHash;
-    protocol?: number | undefined;
-    step_hashes?: import("@xylabs/hex").BrandedHash[] | undefined;
-    $destination?: (Lowercase<string> & {
-        readonly __hex: true;
-    } & {
-        readonly __address: true;
-    }) | undefined;
-    $sourceQuery?: import("@xylabs/hex").BrandedHash | undefined;
-}, {
-    [x: string]: unknown;
-    schema: import("@xyo-network/payload-model").BrandedSchema<string>;
-    _hash: import("@xylabs/hex").BrandedHash;
-    _dataHash: import("@xylabs/hex").BrandedHash;
-}[]] | undefined, Error | undefined, import("@xylabs/react-promise").UsePromiseState | undefined];
-export declare const useActiveNetworkCurrentBlockInPage: (refresh?: number) => [[{
-    $epoch: number;
-    block: import("@xyo-network/xl1-sdk").XL1BlockNumber;
-    chain: import("@xylabs/hex").BrandedHex;
-    previous: import("@xylabs/hex").BrandedHash | null;
-    schema: "network.xyo.boundwitness" & {
-        readonly __schema: true;
-    };
-    addresses: (Lowercase<string> & {
-        readonly __hex: true;
-    } & {
-        readonly __address: true;
-    })[];
-    payload_hashes: import("@xylabs/hex").BrandedHash[];
-    payload_schemas: import("@xyo-network/payload-model").BrandedSchema<string>[];
-    previous_hashes: (import("@xylabs/hex").BrandedHash | null)[];
-    $signatures: (import("@xylabs/hex").BrandedHex | null)[];
-    _hash: import("@xylabs/hex").BrandedHash;
-    _dataHash: import("@xylabs/hex").BrandedHash;
-    protocol?: number | undefined;
-    step_hashes?: import("@xylabs/hex").BrandedHash[] | undefined;
-    $destination?: (Lowercase<string> & {
-        readonly __hex: true;
-    } & {
-        readonly __address: true;
-    }) | undefined;
-    $sourceQuery?: import("@xylabs/hex").BrandedHash | undefined;
-}, {
-    [x: string]: unknown;
-    schema: import("@xyo-network/payload-model").BrandedSchema<string>;
-    _hash: import("@xylabs/hex").BrandedHash;
-    _dataHash: import("@xylabs/hex").BrandedHash;
-}[]] | undefined, Error | undefined, import("@xylabs/react-promise").UsePromiseState | undefined];
-export declare const useActiveNetworkCurrentBlockInWallet: (refresh?: number) => [[{
-    $epoch: number;
-    block: import("@xyo-network/xl1-sdk").XL1BlockNumber;
-    chain: import("@xylabs/hex").BrandedHex;
-    previous: import("@xylabs/hex").BrandedHash | null;
-    schema: "network.xyo.boundwitness" & {
-        readonly __schema: true;
-    };
-    addresses: (Lowercase<string> & {
-        readonly __hex: true;
-    } & {
-        readonly __address: true;
-    })[];
-    payload_hashes: import("@xylabs/hex").BrandedHash[];
-    payload_schemas: import("@xyo-network/payload-model").BrandedSchema<string>[];
-    previous_hashes: (import("@xylabs/hex").BrandedHash | null)[];
-    $signatures: (import("@xylabs/hex").BrandedHex | null)[];
-    _hash: import("@xylabs/hex").BrandedHash;
-    _dataHash: import("@xylabs/hex").BrandedHash;
-    protocol?: number | undefined;
-    step_hashes?: import("@xylabs/hex").BrandedHash[] | undefined;
-    $destination?: (Lowercase<string> & {
-        readonly __hex: true;
-    } & {
-        readonly __address: true;
-    }) | undefined;
-    $sourceQuery?: import("@xylabs/hex").BrandedHash | undefined;
-}, {
-    [x: string]: unknown;
-    schema: import("@xyo-network/payload-model").BrandedSchema<string>;
-    _hash: import("@xylabs/hex").BrandedHash;
-    _dataHash: import("@xylabs/hex").BrandedHash;
-}[]] | undefined, Error | undefined, import("@xylabs/react-promise").UsePromiseState | undefined];
-//# sourceMappingURL=useActiveNetworkCurrentBlock.d.ts.map

package/dist/browser/hooks/provider/useActiveNetworkCurrentBlock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useActiveNetworkCurrentBlock.d.ts","sourceRoot":"","sources":["../../../../src/hooks/provider/useActiveNetworkCurrentBlock.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAKrD,eAAO,MAAM,4BAA4B,GAAI,gBAAW,EAAE,SAAS,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iGAI3E,CAAA;AAGD,eAAO,MAAM,kCAAkC,GAAI,gBAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iGAK7D,CAAA;AAED,eAAO,MAAM,oCAAoC,GAAI,gBAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iGAK/D,CAAA"}

package/dist/browser/hooks/provider/useActiveNetworkNetwork.d.ts

@@ -1,2 +0,0 @@
-export declare const useActiveNetworkNetwork: () => import("@xyo-network/xl1-protocol-sdk").SimpleXyoNetwork | undefined;
-//# sourceMappingURL=useActiveNetworkNetwork.d.ts.map

package/dist/browser/hooks/provider/useActiveNetworkNetwork.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useActiveNetworkNetwork.d.ts","sourceRoot":"","sources":["../../../../src/hooks/provider/useActiveNetworkNetwork.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,uBAAuB,4EAInC,CAAA"}

package/dist/browser/hooks/provider/useActiveNetworkRunner.d.ts

@@ -1,2 +0,0 @@
-export declare const useActiveNetworkRunner: () => [import("@xyo-network/xl1-protocol-sdk").CreatableProviderInstance<import("@xyo-network/xl1-rpc").JsonRpcXyoRunner, string[], import("@xyo-network/xl1-protocol-sdk").CreatableProviderParams<import("@xyo-network/xl1-protocol-sdk").CreatableProviderContextType>, import("@xyo-network/xl1-protocol-sdk").CreatableProviderEventData> | undefined, Error | undefined, import("@xylabs/react-promise").UsePromiseState | undefined];
-//# sourceMappingURL=useActiveNetworkRunner.d.ts.map

package/dist/browser/hooks/provider/useActiveNetworkRunner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useActiveNetworkRunner.d.ts","sourceRoot":"","sources":["../../../../src/hooks/provider/useActiveNetworkRunner.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,6aAKlC,CAAA"}

package/dist/browser/hooks/provider/useViewerInWallet.d.ts

@@ -1,7 +0,0 @@
-/**
- * Get the viewer directly from the active network
- * @returns - The viewer for the active network
- */
-/** @deprecated use useViewerFromGateway in \@xyo-network/react-chain-provider */
-export declare const useViewerInWallet: () => import("@xyo-network/xl1-protocol").XyoViewer | undefined;
-//# sourceMappingURL=useViewerInWallet.d.ts.map

package/dist/browser/hooks/provider/useViewerInWallet.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useViewerInWallet.d.ts","sourceRoot":"","sources":["../../../../src/hooks/provider/useViewerInWallet.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,iFAAiF;AACjF,eAAO,MAAM,iBAAiB,iEAI7B,CAAA"}

package/src/hooks/provider/UseViewerInPage.stories.tsx

@@ -1,129 +0,0 @@
-import {
-  MenuItem, Select, Stack, Typography,
-} from '@mui/material'
-import type { Decorator, StoryFn } from '@storybook/react-vite'
-import { ButtonEx } from '@xylabs/react-button'
-import { ErrorRender } from '@xylabs/react-error'
-import {
-  isDefined, isDefinedNotNull, isUndefined, isUndefinedOrNull,
-} from '@xylabs/sdk-js'
-import { IframeWalletWarningDecorator } from '@xyo-network/react-chain-shared'
-import type { HydratedBlock, NetworkId } from '@xyo-network/xl1-sdk'
-import {
-  LocalNetwork, MainNetwork, SequenceNetwork,
-} from '@xyo-network/xl1-sdk'
-import React, { useCallback, useState } from 'react'
-
-import { BroadcastedRpcCallsDrawer } from '../../components/index.ts'
-import type { ChainNetworkSettings } from '../../context/index.ts'
-import { ChainNetworkProvider, useChainNetwork } from '../../context/index.ts'
-import { useRpcBroadcastListener } from './useRpcBroadcastListener.ts'
-import { useViewerInPage } from './useViewerInPage.ts'
-
-const UseViewerInPageStoryDecorator: Decorator = (Story, args) => {
-  return (
-    <ChainNetworkProvider networkSettings={networkSettings}>
-      <Story {...args} />
-    </ChainNetworkProvider>
-  )
-}
-
-const AvailableNetworks = [MainNetwork, SequenceNetwork, LocalNetwork]
-const networkSettings: ChainNetworkSettings = { [LocalNetwork.id]: { proxy: true } }
-const getActiveNetwork = async () => await Promise.resolve(AvailableNetworks[2])
-const UseViewerInPageStoryProxyDecorator: Decorator = (Story, args) => {
-  return (
-    <ChainNetworkProvider networks={AvailableNetworks} networkSettings={networkSettings} getActiveNetwork={getActiveNetwork}>
-      <StubNetworkSelector />
-      <Story {...args} />
-    </ChainNetworkProvider>
-  )
-}
-
-const StubNetworkSelector: React.FC = () => {
-  const { updateActiveNetwork } = useChainNetwork()
-  return (
-    <Select size="small" defaultValue={LocalNetwork.id} onChange={event => updateActiveNetwork?.(event.target.value as NetworkId)}>
-      {AvailableNetworks.map(network => (
-        <MenuItem key={network.id} value={network.id}>{network.name}</MenuItem>
-      ))}
-    </Select>
-  )
-}
-
-const UseViewerInPageStoryTemplate: React.FC = () => {
-  const { activeNetwork } = useChainNetwork()
-  const viewer = useViewerInPage(activeNetwork)
-  const [error, setError] = useState<Error | null>(null)
-  const [result, setResult] = useState<HydratedBlock | null | undefined>()
-  const [loading, setLoading] = useState(false)
-  const [drawerOpen, setDrawerOpen] = useState(false)
-  const { clearEvents, events } = useRpcBroadcastListener()
-
-  const handleClick = useCallback(async () => {
-    if (isDefinedNotNull(viewer)) {
-      try {
-        setError(null)
-        setResult(undefined)
-        setLoading(true)
-        const block = await viewer.currentBlock()
-        setError(null)
-        setResult(block)
-        setLoading(false)
-      } catch (err) {
-        setError(err as Error)
-        setResult(undefined)
-        setLoading(false)
-      }
-    }
-  }, [viewer])
-
-  if (isDefined(viewer) && isUndefined(result) && isUndefinedOrNull(error) && !loading) {
-    void handleClick()
-  }
-
-  return (
-    <Stack gap={2} alignItems="center">
-      <BroadcastedRpcCallsDrawer
-        open={drawerOpen}
-        events={events}
-        onClearEvents={clearEvents}
-        onClose={() => setDrawerOpen(false)}
-      />
-      <ButtonEx disabled={Object.keys(events).length === 0} variant="contained" onClick={() => setDrawerOpen(true)}>
-        Show Broadcasted RPC Calls
-      </ButtonEx>
-      <ButtonEx loading={loading} variant="contained" onClick={() => void handleClick()} disabled={!isDefined(viewer)}>
-        Get Current Block
-      </ButtonEx>
-      {isDefined(result)
-        ? (
-            <Typography variant="h4">
-              Block:
-              {result?.[0].block}
-            </Typography>
-          )
-        : null}
-      <pre>
-        {JSON.stringify(result, null, 2)}
-      </pre>
-      <ErrorRender error={error} />
-    </Stack>
-  )
-}
-
-export default {
-  title: 'provider/useViewerInPage',
-  component: UseViewerInPageStoryTemplate,
-}
-
-const Template: StoryFn<typeof UseViewerInPageStoryTemplate> = args => <UseViewerInPageStoryTemplate {...args} />
-
-const Default = Template.bind({})
-Default.decorators = [IframeWalletWarningDecorator, UseViewerInPageStoryDecorator]
-Default.args = {}
-const Proxy = Template.bind({})
-Proxy.decorators = [IframeWalletWarningDecorator, UseViewerInPageStoryProxyDecorator]
-Proxy.args = {}
-
-export { Default, Proxy }

package/src/hooks/provider/useActiveNetworkCurrentBlock.ts

@@ -1,26 +0,0 @@
-import { useCurrentBlock, useViewerFromWallet } from '@xyo-network/react-chain-provider'
-import type { XyoViewer } from '@xyo-network/xl1-sdk'
-
-import { useViewerInPage } from './useViewerInPage.ts'
-
-/* @deprecated - use useCurrentBlock from @xyo-network/react-chain-provider instead */
-export const useActiveNetworkCurrentBlock = (refresh = 1, viewer?: XyoViewer) => {
-  const currentBlock = useCurrentBlock(refresh, viewer)
-
-  return currentBlock
-}
-
-/* @deprecated - use useCurrentBlock from @xyo-network/react-chain-provider instead */
-export const useActiveNetworkCurrentBlockInPage = (refresh = 1) => {
-  const viewer = useViewerInPage()
-  const currentBlock = useCurrentBlock(refresh, viewer)
-
-  return currentBlock
-}
-
-export const useActiveNetworkCurrentBlockInWallet = (refresh = 1) => {
-  const [viewer] = useViewerFromWallet()
-  const currentBlock = useCurrentBlock(refresh, viewer)
-
-  return currentBlock
-}

package/src/hooks/provider/useActiveNetworkNetwork.ts

@@ -1,10 +0,0 @@
-import { useNetwork } from '@xyo-network/react-chain-provider'
-
-import { useChainNetwork } from '../../context/index.ts'
-
-/* @deprecated - use useNetworkFromGateway from @xyo-network/react-chain-provider instead */
-export const useActiveNetworkNetwork = () => {
-  const { activeNetwork } = useChainNetwork()
-  const network = useNetwork(activeNetwork?.id)
-  return network
-}

package/src/hooks/provider/useActiveNetworkRunner.ts

@@ -1,11 +0,0 @@
-import { useHttpRpcRunner } from '@xyo-network/react-chain-provider'
-
-import { useChainNetwork } from '../../context/index.ts'
-
-/* @deprecated use useRunnerFromGateway in @xyo-network/react-chain-provider */
-export const useActiveNetworkRunner = () => {
-  const { activeNetwork } = useChainNetwork()
-  const runner = useHttpRpcRunner(activeNetwork?.url)
-
-  return runner
-}

package/src/hooks/provider/useViewerInWallet.ts

@@ -1,14 +0,0 @@
-import { useHttpRpcViewer } from '@xyo-network/react-chain-provider'
-
-import { useChainNetwork } from '../../context/index.ts'
-
-/**
- * Get the viewer directly from the active network
- * @returns - The viewer for the active network
- */
-/** @deprecated use useViewerFromGateway in \@xyo-network/react-chain-provider */
-export const useViewerInWallet = () => {
-  const { activeNetwork } = useChainNetwork()
-  const walletViewer = useHttpRpcViewer(activeNetwork?.url)
-  return walletViewer
-}