@xyo-network/react-chain-provider 1.5.37 → 1.6.1

package/dist/browser/index.mjs

@@ -95,13 +95,24 @@ var useCurrentBlock = /* @__PURE__ */ __name((refresh = 1) => {
   ]);
 }, "useCurrentBlock");
 
+// src/hooks/useHostViewer.ts
+import { JsonRpcXyoViewer as JsonRpcXyoViewer2, PostMessageRpcTransport } from "@xyo-network/xl1-rpc";
+import { useMemo as useMemo3 } from "react";
+var useHostViewer = /* @__PURE__ */ __name((_provider) => {
+  const rpcProvider = useMemo3(() => {
+    const transport = new PostMessageRpcTransport();
+    return new JsonRpcXyoViewer2(transport);
+  }, []);
+  return rpcProvider;
+}, "useHostViewer");
+
 // src/hooks/useNetwork.ts
 import { useChainNetwork as useChainNetwork2 } from "@xyo-network/react-chain-network";
 import { MemoryXyoNetwork } from "@xyo-network/xl1-rpc";
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo4 } from "react";
 var useNetwork = /* @__PURE__ */ __name(() => {
   const { activeNetwork } = useChainNetwork2();
-  return useMemo3(() => {
+  return useMemo4(() => {
     if (!activeNetwork) return;
     return new MemoryXyoNetwork(activeNetwork.id);
   }, [
@@ -112,10 +123,10 @@ var useNetwork = /* @__PURE__ */ __name(() => {
 // src/hooks/useRunner.ts
 import { useChainNetwork as useChainNetwork3 } from "@xyo-network/react-chain-network";
 import { AllRpcSchemas as AllRpcSchemas2, HttpRpcTransport as HttpRpcTransport2, JsonRpcXyoRunner } from "@xyo-network/xl1-rpc";
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo5 } from "react";
 var useRunner = /* @__PURE__ */ __name((_provider) => {
   const { activeNetwork } = useChainNetwork3();
-  return useMemo4(() => {
+  return useMemo5(() => {
     if (!activeNetwork) {
       return;
     }
@@ -128,15 +139,16 @@ var useRunner = /* @__PURE__ */ __name((_provider) => {
 
 // src/hooks/useSigner.ts
 import { MemoryXyoSigner } from "@xyo-network/xl1-rpc";
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo6 } from "react";
 var useSigner = /* @__PURE__ */ __name((_provider, account) => {
-  return useMemo5(() => account ? new MemoryXyoSigner(account) : void 0, [
+  return useMemo6(() => account ? new MemoryXyoSigner(account) : void 0, [
     account
   ]);
 }, "useSigner");
 export {
   useAddressBalance,
   useCurrentBlock,
+  useHostViewer,
   useNetwork,
   useRunner,
   useSigner,

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useAddressBalance.ts","../../src/hooks/useCurrentBlock.ts","../../src/hooks/useViewer.ts","../../src/hooks/useNetwork.ts","../../src/hooks/useRunner.ts","../../src/hooks/useSigner.ts"],"sourcesContent":["import type { Address } from '@xylabs/hex'\nimport { usePromise } from '@xylabs/react-promise'\nimport { isUndefined, isUndefinedOrNull } from '@xylabs/typeof'\nimport { ShiftedBigInt } from '@xyo-network/chain-wrappers'\nimport type {\n  AttoXL1, NetworkId, XyoViewer,\n} from '@xyo-network/xl1-protocol'\nimport { useMemo, useState } from 'react'\n\nexport const useAddressBalance = (\n  // address to get balance for\n  address?: Address,\n  // viewer to use for fetching balance\n  viewer?: XyoViewer,\n  // network ID to trigger a balance refresh\n  networkId?: NetworkId,\n  // refresh balance trigger\n  refresh?: number,\n) => {\n  const [balancesResult, setBalancesResult] = useState<AttoXL1 | null>()\n  const [loading, setLoading] = useState(false)\n\n  const [, balancesError] = usePromise(async () => {\n    if (isUndefined(viewer) || isUndefined(address)) return\n    setLoading(true)\n    setBalancesResult(undefined)\n    const balance = await viewer.accountBalance(address)\n    setBalancesResult(balance as AttoXL1)\n    setLoading(false)\n  }, [address, viewer, networkId, refresh])\n\n  useMemo(() => {\n    if (balancesError) {\n      setLoading(false)\n    }\n  }, [balancesError])\n\n  const shiftedBigInt = useMemo(() => {\n    if (typeof balancesResult !== 'bigint') return\n    return new ShiftedBigInt(balancesResult, {\n      places: 18, maxDecimal: 18, maxCharacters: 9, minDecimals: 1, locale: navigator.language,\n    })\n  }, [balancesResult])\n\n  const balanceIntlFriendly = useMemo(() => {\n    return shiftedBigInt?.toFullString()\n  }, [shiftedBigInt])\n\n  const shortBalanceIntlFriendly = useMemo(() => {\n    return isUndefinedOrNull(balancesResult)\n      ? undefined\n      : (balancesResult < 1_000_000_000_000n && balancesResult > 0n) ? '<0.00001' : shiftedBigInt?.toShortString()\n  }, [shiftedBigInt])\n\n  return {\n    address,\n    balanceForAddress: balancesResult,\n    balanceIntlFriendly,\n    shortBalanceIntlFriendly,\n    error: balancesError,\n    loading,\n  }\n}\n","import { usePromise } from '@xylabs/react-promise'\n\nimport { useViewer } from './useViewer.ts'\n\nexport const useCurrentBlock = (refresh = 1) => {\n  const viewer = useViewer()\n  return usePromise(async () => {\n    if (viewer && refresh > 0) {\n      const block = await viewer.currentBlock()\n      return block\n    }\n  }, [viewer, refresh])\n}\n","import { useChainNetwork } from '@xyo-network/react-chain-network'\nimport type { XyoProvider } from '@xyo-network/xl1-protocol'\nimport {\n  AllRpcSchemas, HttpRpcTransport, JsonRpcXyoViewer,\n} from '@xyo-network/xl1-rpc'\nimport { useMemo } from 'react'\n\nexport const useViewer = (_provider?: XyoProvider) => {\n  const { activeNetwork } = useChainNetwork()\n\n  return useMemo(() => {\n    if (!activeNetwork) {\n      return\n    }\n    const transport = new HttpRpcTransport(`${activeNetwork.url}/rpc`, AllRpcSchemas)\n    return new JsonRpcXyoViewer(transport)\n  }, [activeNetwork])\n}\n","import { useChainNetwork } from '@xyo-network/react-chain-network'\nimport { MemoryXyoNetwork } from '@xyo-network/xl1-rpc'\nimport { useMemo } from 'react'\n\nexport const useNetwork = () => {\n  const { activeNetwork } = useChainNetwork()\n\n  return useMemo(() => {\n    if (!activeNetwork) return\n    return new MemoryXyoNetwork(activeNetwork.id)\n  }, [activeNetwork])\n}\n","import { useChainNetwork } from '@xyo-network/react-chain-network'\nimport type { XyoProvider } from '@xyo-network/xl1-protocol'\nimport {\n  AllRpcSchemas, HttpRpcTransport, JsonRpcXyoRunner,\n} from '@xyo-network/xl1-rpc'\nimport { useMemo } from 'react'\n\nexport const useRunner = (_provider?: XyoProvider) => {\n  const { activeNetwork } = useChainNetwork()\n\n  return useMemo(() => {\n    if (!activeNetwork) {\n      return\n    }\n    const transport = new HttpRpcTransport(`${activeNetwork.url}/rpc`, AllRpcSchemas)\n    return new JsonRpcXyoRunner(transport)\n  }, [activeNetwork])\n}\n","import type { AccountInstance } from '@xyo-network/account-model'\nimport type { XyoProvider, XyoSigner } from '@xyo-network/xl1-protocol'\nimport { MemoryXyoSigner } from '@xyo-network/xl1-rpc'\nimport { useMemo } from 'react'\n\nexport const useSigner = (_provider?: XyoProvider, account?: AccountInstance) => {\n  return useMemo<XyoSigner | undefined>(() => account ? new MemoryXyoSigner(account) : undefined, [account])\n}\n"],"mappings":"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","names":["usePromise","isUndefined","isUndefinedOrNull","ShiftedBigInt","useMemo","useState","useAddressBalance","address","viewer","networkId","refresh","balancesResult","setBalancesResult","useState","loading","setLoading","balancesError","usePromise","isUndefined","undefined","balance","accountBalance","useMemo","shiftedBigInt","ShiftedBigInt","places","maxDecimal","maxCharacters","minDecimals","locale","navigator","language","balanceIntlFriendly","toFullString","shortBalanceIntlFriendly","isUndefinedOrNull","toShortString","balanceForAddress","error","usePromise","useChainNetwork","AllRpcSchemas","HttpRpcTransport","JsonRpcXyoViewer","useMemo","useViewer","_provider","activeNetwork","useChainNetwork","useMemo","transport","HttpRpcTransport","url","AllRpcSchemas","JsonRpcXyoViewer","useCurrentBlock","refresh","viewer","useViewer","usePromise","block","currentBlock","useChainNetwork","MemoryXyoNetwork","useMemo","useNetwork","activeNetwork","useChainNetwork","useMemo","MemoryXyoNetwork","id","useChainNetwork","AllRpcSchemas","HttpRpcTransport","JsonRpcXyoRunner","useMemo","useRunner","_provider","activeNetwork","useChainNetwork","useMemo","transport","HttpRpcTransport","url","AllRpcSchemas","JsonRpcXyoRunner","MemoryXyoSigner","useMemo","useSigner","_provider","account","useMemo","MemoryXyoSigner","undefined"]}
+{"version":3,"sources":["../../src/hooks/useAddressBalance.ts","../../src/hooks/useCurrentBlock.ts","../../src/hooks/useViewer.ts","../../src/hooks/useHostViewer.ts","../../src/hooks/useNetwork.ts","../../src/hooks/useRunner.ts","../../src/hooks/useSigner.ts"],"sourcesContent":["import type { Address } from '@xylabs/hex'\nimport { usePromise } from '@xylabs/react-promise'\nimport { isUndefined, isUndefinedOrNull } from '@xylabs/typeof'\nimport { ShiftedBigInt } from '@xyo-network/chain-wrappers'\nimport type {\n  AttoXL1, NetworkId, XyoViewer,\n} from '@xyo-network/xl1-protocol'\nimport { useMemo, useState } from 'react'\n\nexport const useAddressBalance = (\n  // address to get balance for\n  address?: Address,\n  // viewer to use for fetching balance\n  viewer?: XyoViewer,\n  // network ID to trigger a balance refresh\n  networkId?: NetworkId,\n  // refresh balance trigger\n  refresh?: number,\n) => {\n  const [balancesResult, setBalancesResult] = useState<AttoXL1 | null>()\n  const [loading, setLoading] = useState(false)\n\n  const [, balancesError] = usePromise(async () => {\n    if (isUndefined(viewer) || isUndefined(address)) return\n    setLoading(true)\n    setBalancesResult(undefined)\n    const balance = await viewer.accountBalance(address)\n    setBalancesResult(balance as AttoXL1)\n    setLoading(false)\n  }, [address, viewer, networkId, refresh])\n\n  useMemo(() => {\n    if (balancesError) {\n      setLoading(false)\n    }\n  }, [balancesError])\n\n  const shiftedBigInt = useMemo(() => {\n    if (typeof balancesResult !== 'bigint') return\n    return new ShiftedBigInt(balancesResult, {\n      places: 18, maxDecimal: 18, maxCharacters: 9, minDecimals: 1, locale: navigator.language,\n    })\n  }, [balancesResult])\n\n  const balanceIntlFriendly = useMemo(() => {\n    return shiftedBigInt?.toFullString()\n  }, [shiftedBigInt])\n\n  const shortBalanceIntlFriendly = useMemo(() => {\n    return isUndefinedOrNull(balancesResult)\n      ? undefined\n      : (balancesResult < 1_000_000_000_000n && balancesResult > 0n) ? '<0.00001' : shiftedBigInt?.toShortString()\n  }, [shiftedBigInt])\n\n  return {\n    address,\n    balanceForAddress: balancesResult,\n    balanceIntlFriendly,\n    shortBalanceIntlFriendly,\n    error: balancesError,\n    loading,\n  }\n}\n","import { usePromise } from '@xylabs/react-promise'\n\nimport { useViewer } from './useViewer.ts'\n\nexport const useCurrentBlock = (refresh = 1) => {\n  const viewer = useViewer()\n  return usePromise(async () => {\n    if (viewer && refresh > 0) {\n      const block = await viewer.currentBlock()\n      return block\n    }\n  }, [viewer, refresh])\n}\n","import { useChainNetwork } from '@xyo-network/react-chain-network'\nimport type { XyoProvider } from '@xyo-network/xl1-protocol'\nimport {\n  AllRpcSchemas, HttpRpcTransport, JsonRpcXyoViewer,\n} from '@xyo-network/xl1-rpc'\nimport { useMemo } from 'react'\n\nexport const useViewer = (_provider?: XyoProvider) => {\n  const { activeNetwork } = useChainNetwork()\n\n  return useMemo(() => {\n    if (!activeNetwork) {\n      return\n    }\n    const transport = new HttpRpcTransport(`${activeNetwork.url}/rpc`, AllRpcSchemas)\n    return new JsonRpcXyoViewer(transport)\n  }, [activeNetwork])\n}\n","import type { XyoProvider } from '@xyo-network/xl1-protocol'\nimport {\n  JsonRpcXyoViewer,\n  PostMessageRpcTransport,\n} from '@xyo-network/xl1-rpc'\nimport { useMemo } from 'react'\n\nexport const useHostViewer = (_provider?: XyoProvider) => {\n  const rpcProvider = useMemo(() => {\n    const transport = new PostMessageRpcTransport()\n    return new JsonRpcXyoViewer(transport)\n  }, [])\n\n  return rpcProvider\n}\n","import { useChainNetwork } from '@xyo-network/react-chain-network'\nimport { MemoryXyoNetwork } from '@xyo-network/xl1-rpc'\nimport { useMemo } from 'react'\n\nexport const useNetwork = () => {\n  const { activeNetwork } = useChainNetwork()\n\n  return useMemo(() => {\n    if (!activeNetwork) return\n    return new MemoryXyoNetwork(activeNetwork.id)\n  }, [activeNetwork])\n}\n","import { useChainNetwork } from '@xyo-network/react-chain-network'\nimport type { XyoProvider } from '@xyo-network/xl1-protocol'\nimport {\n  AllRpcSchemas, HttpRpcTransport, JsonRpcXyoRunner,\n} from '@xyo-network/xl1-rpc'\nimport { useMemo } from 'react'\n\nexport const useRunner = (_provider?: XyoProvider) => {\n  const { activeNetwork } = useChainNetwork()\n\n  return useMemo(() => {\n    if (!activeNetwork) {\n      return\n    }\n    const transport = new HttpRpcTransport(`${activeNetwork.url}/rpc`, AllRpcSchemas)\n    return new JsonRpcXyoRunner(transport)\n  }, [activeNetwork])\n}\n","import type { AccountInstance } from '@xyo-network/account-model'\nimport type { XyoProvider, XyoSigner } from '@xyo-network/xl1-protocol'\nimport { MemoryXyoSigner } from '@xyo-network/xl1-rpc'\nimport { useMemo } from 'react'\n\nexport const useSigner = (_provider?: XyoProvider, account?: AccountInstance) => {\n  return useMemo<XyoSigner | undefined>(() => account ? new MemoryXyoSigner(account) : undefined, [account])\n}\n"],"mappings":"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","names":["usePromise","isUndefined","isUndefinedOrNull","ShiftedBigInt","useMemo","useState","useAddressBalance","address","viewer","networkId","refresh","balancesResult","setBalancesResult","useState","loading","setLoading","balancesError","usePromise","isUndefined","undefined","balance","accountBalance","useMemo","shiftedBigInt","ShiftedBigInt","places","maxDecimal","maxCharacters","minDecimals","locale","navigator","language","balanceIntlFriendly","toFullString","shortBalanceIntlFriendly","isUndefinedOrNull","toShortString","balanceForAddress","error","usePromise","useChainNetwork","AllRpcSchemas","HttpRpcTransport","JsonRpcXyoViewer","useMemo","useViewer","_provider","activeNetwork","useChainNetwork","useMemo","transport","HttpRpcTransport","url","AllRpcSchemas","JsonRpcXyoViewer","useCurrentBlock","refresh","viewer","useViewer","usePromise","block","currentBlock","JsonRpcXyoViewer","PostMessageRpcTransport","useMemo","useHostViewer","_provider","rpcProvider","useMemo","transport","PostMessageRpcTransport","JsonRpcXyoViewer","useChainNetwork","MemoryXyoNetwork","useMemo","useNetwork","activeNetwork","useChainNetwork","useMemo","MemoryXyoNetwork","id","useChainNetwork","AllRpcSchemas","HttpRpcTransport","JsonRpcXyoRunner","useMemo","useRunner","_provider","activeNetwork","useChainNetwork","useMemo","transport","HttpRpcTransport","url","AllRpcSchemas","JsonRpcXyoRunner","MemoryXyoSigner","useMemo","useSigner","_provider","account","useMemo","MemoryXyoSigner","undefined"]}

package/dist/types/hooks/index.d.ts

@@ -1,5 +1,6 @@
 export * from './useAddressBalance.ts';
 export * from './useCurrentBlock.ts';
+export * from './useHostViewer.ts';
 export * from './useNetwork.ts';
 export * from './useRunner.ts';
 export * from './useSigner.ts';

package/dist/types/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA"}

package/dist/types/hooks/useHostViewer.d.ts

@@ -0,0 +1,4 @@
+import type { XyoProvider } from '@xyo-network/xl1-protocol';
+import { JsonRpcXyoViewer } from '@xyo-network/xl1-rpc';
+export declare const useHostViewer: (_provider?: XyoProvider) => JsonRpcXyoViewer;
+//# sourceMappingURL=useHostViewer.d.ts.map

package/dist/types/hooks/useHostViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHostViewer.d.ts","sourceRoot":"","sources":["../../../src/hooks/useHostViewer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EACL,gBAAgB,EAEjB,MAAM,sBAAsB,CAAA;AAG7B,eAAO,MAAM,aAAa,GAAI,YAAY,WAAW,qBAOpD,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-provider",
-  "version": "1.5.37",
+  "version": "1.6.1",
   "description": "XYO Layer One API",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -34,17 +34,20 @@
   "module": "dist/browser/index.mjs",
   "types": "dist/types/index.d.ts",
   "dependencies": {
-    "@xylabs/hex": "^4.12.29",
+    "@xylabs/hex": "^4.12.40",
     "@xylabs/react-promise": "^6.3.7",
-    "@xylabs/typeof": "^4.12.29",
-    "@xyo-network/account-model": "^3.18.10",
-    "@xyo-network/chain-wrappers": "^1.5.37",
-    "@xyo-network/react-chain-network": "^1.5.37",
-    "@xyo-network/xl1-protocol": "^1.5.16",
-    "@xyo-network/xl1-rpc": "^1.5.37",
+    "@xylabs/typeof": "^4.12.40",
+    "@xyo-network/account-model": "^4.0.2",
+    "@xyo-network/chain-wrappers": "^1.6.1",
+    "@xyo-network/react-chain-network": "^1.6.1",
+    "@xyo-network/xl1-protocol": "^1.6.0",
+    "@xyo-network/xl1-rpc": "^1.6.1",
     "react": "^19.1.0"
   },
   "devDependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/material": "^7.2.0",
     "@types/react": "^19.1.8",
     "@xylabs/ts-scripts-yarn3": "^6.5.12",
     "@xylabs/tsconfig-react": "^6.5.12",

package/src/hooks/index.ts

@@ -1,5 +1,6 @@
 export * from './useAddressBalance.ts'
 export * from './useCurrentBlock.ts'
+export * from './useHostViewer.ts'
 export * from './useNetwork.ts'
 export * from './useRunner.ts'
 export * from './useSigner.ts'

package/src/hooks/useHostViewer.stories.tsx

@@ -0,0 +1,52 @@
+import {
+  Alert, Button, Stack,
+} from '@mui/material'
+import type { StoryFn } from '@storybook/react-vite'
+import { isDefined } from '@xylabs/typeof'
+import type { HydratedBlock } from '@xyo-network/xl1-protocol'
+import React, { useState } from 'react'
+
+import { useHostViewer } from './useHostViewer.ts'
+
+const UseHostViewerStoryTemplate: React.FC = () => {
+  const viewer = useHostViewer()
+  const [error, setError] = useState<Error | null>(null)
+  const [result, setResult] = useState<HydratedBlock | null | undefined>()
+
+  const handleClick = async () => {
+    if (isDefined(viewer)) {
+      try {
+        const block = await viewer.currentBlock()
+        setError(null)
+        setResult(block)
+      } catch (err) {
+        setError(err as Error)
+        setResult(undefined)
+      }
+    }
+  }
+
+  return (
+    <Stack gap={2} alignItems="center">
+      <Button variant="contained" onClick={() => void handleClick()} disabled={!isDefined(viewer)}>
+        Get Current Block
+      </Button>
+      <pre>
+        {JSON.stringify(result, null, 2)}
+      </pre>
+      {error && <Alert severity="error">{error.message}</Alert>}
+    </Stack>
+  )
+}
+
+export default {
+  title: 'provider/useHostViewer',
+  component: UseHostViewerStoryTemplate,
+}
+
+export const Template: StoryFn<typeof UseHostViewerStoryTemplate> = args => <UseHostViewerStoryTemplate {...args} />
+
+const Default = Template.bind({})
+Default.args = {}
+
+export { Default }

package/src/hooks/useHostViewer.ts

@@ -0,0 +1,15 @@
+import type { XyoProvider } from '@xyo-network/xl1-protocol'
+import {
+  JsonRpcXyoViewer,
+  PostMessageRpcTransport,
+} from '@xyo-network/xl1-rpc'
+import { useMemo } from 'react'
+
+export const useHostViewer = (_provider?: XyoProvider) => {
+  const rpcProvider = useMemo(() => {
+    const transport = new PostMessageRpcTransport()
+    return new JsonRpcXyoViewer(transport)
+  }, [])
+
+  return rpcProvider
+}