@xyo-network/react-chain-network 1.6.0 → 1.6.2

package/dist/browser/index.mjs

@@ -3,7 +3,7 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 
 // src/components/menu/Avatar.tsx
 import { Avatar } from "@mui/material";
-import React6 from "react";
+import React3 from "react";
 
 // src/context/network/context.ts
 import { createContextEx } from "@xylabs/react-shared";
@@ -12,120 +12,8 @@ var ChainNetworkContext = createContextEx();
 // src/context/network/Provider.tsx
 import { ErrorRender } from "@xylabs/react-error";
 import { usePromise } from "@xylabs/react-promise";
-import React4, { useCallback, useMemo, useState } from "react";
-
-// src/helpers/getNetworkNodes.ts
-var networkNodeMap = /* @__PURE__ */ new Map();
-var getNetworkNodes = /* @__PURE__ */ __name(() => {
-  return networkNodeMap;
-}, "getNetworkNodes");
-
-// src/helpers/getNetworkNode.ts
-import { ManifestWrapper } from "@xyo-network/manifest-wrapper";
-import { ModuleFactoryLocator } from "@xyo-network/module-factory-locator";
-import { HDWallet } from "@xyo-network/wallet";
-
-// src/helpers/manifest/network.json
-var network_default = {
-  $schema: "https://raw.githubusercontent.com/XYOracleNetwork/sdk-xyo-client-js/main/packages/manifest/src/schema.json",
-  nodes: [
-    {
-      config: {
-        accountPath: "44'/60'/1",
-        name: "Network",
-        schema: "network.xyo.node.config"
-      },
-      modules: {
-        private: [],
-        public: []
-      }
-    }
-  ],
-  schema: "network.xyo.manifest"
-};
-
-// src/helpers/manifest/networkManifest.ts
-var NetworkNodeManifest = network_default;
-
-// src/helpers/getNetworkNode.ts
-var getNetworkNode = /* @__PURE__ */ __name(async () => {
-  const wrapper = new ManifestWrapper(NetworkNodeManifest, await HDWallet.random(), new ModuleFactoryLocator());
-  const [node] = await wrapper.loadNodes();
-  return node;
-}, "getNetworkNode");
-
-// src/helpers/initNetworkNode.ts
-var initNetworkNode = /* @__PURE__ */ __name(async (activeNetwork) => {
-  const networkNodeMap2 = getNetworkNodes();
-  if (networkNodeMap2.has(activeNetwork.url)) return networkNodeMap2.get(activeNetwork.url);
-  const activeNetworkNode = await getNetworkNode();
-  networkNodeMap2.set(activeNetwork.url, activeNetworkNode);
-  return activeNetworkNode;
-}, "initNetworkNode");
-
-// src/images/icons/local/index.tsx
-import { SvgIcon } from "@mui/material";
-import React from "react";
-import LocalNetworkSvg from "./XL1_Logo_Icon_Localhost-2ZA6P5DV.svg?react";
-import { default as default2 } from "./XL1_Logo_Icon_Localhost-2ZA6P5DV.svg?raw";
-
-// src/images/icons/mainnet/index.tsx
-import { SvgIcon as SvgIcon2 } from "@mui/material";
-import React2 from "react";
-import MainNetworkSvg from "./XL1_Logo_Icon_Mainnet-OLUPYV7Q.svg?react";
-import { default as default3 } from "./XL1_Logo_Icon_Mainnet-OLUPYV7Q.svg?raw";
-
-// src/images/icons/sequence/index.tsx
-import { SvgIcon as SvgIcon3 } from "@mui/material";
-import React3 from "react";
-import SequenceNetworkSvg from "./XL1_Logo_Icon_Testnet-HCQCTXVQ.svg?react";
-import { default as default4 } from "./XL1_Logo_Icon_Testnet-HCQCTXVQ.svg?raw";
-
-// src/models/Bootstrap.ts
-import { AsObjectFactory } from "@xylabs/object";
-import { isPayloadOfSchemaType } from "@xyo-network/payload-model";
-var NetworkBootstrapSchema = "network.xyo.network.bootstrap";
-var isNetworkBootstrap = isPayloadOfSchemaType(NetworkBootstrapSchema);
-var asOptionalNetwork = AsObjectFactory.createOptional(isNetworkBootstrap);
-
-// src/helpers/Networks.ts
-var MainNetwork = {
-  description: "Main Network for XYO Layer 1",
-  icon: default3,
-  id: "mainnet",
-  name: "Mainnet",
-  schema: NetworkBootstrapSchema,
-  symbol: "XL1",
-  url: "https://api.chain.xyo.network",
-  explorerUrl: "https://explore.xyo.network"
-};
-var SequenceNetwork = {
-  description: "Test Network for XYO Layer 1",
-  icon: default4,
-  id: "sequence",
-  name: "Sequence",
-  schema: NetworkBootstrapSchema,
-  symbol: "XL1",
-  url: "https://beta.api.chain.xyo.network",
-  explorerUrl: "https://beta.explore.xyo.network"
-};
-var LocalNetwork = {
-  description: "Local Node",
-  icon: default2,
-  id: "local",
-  name: "Local",
-  schema: NetworkBootstrapSchema,
-  symbol: "XL1",
-  url: "http://localhost:8080",
-  explorerUrl: "http://localhost:3000"
-};
-var DefaultNetworks = [
-  MainNetwork,
-  SequenceNetwork,
-  LocalNetwork
-];
-
-// src/context/network/Provider.tsx
+import { SequenceNetwork } from "@xyo-network/chain-network-model";
+import React, { useCallback, useMemo, useState } from "react";
 var ChainNetworkProvider = /* @__PURE__ */ __name(({ children, getActiveNetwork, networks, setActiveNetwork: setActiveNetworkExternal }) => {
   const [activeNetwork, setActiveNetwork] = useState();
   const [error, setError] = useState();
@@ -166,29 +54,29 @@ var ChainNetworkProvider = /* @__PURE__ */ __name(({ children, getActiveNetwork,
     networks,
     provided: true,
     updateActiveNetwork,
-    walletNetworkError: error ?? activeNetworkError
+    chainNetworkError: error ?? activeNetworkError
   }), [
     activeNetwork,
     networks,
     updateActiveNetwork
   ]);
-  return /* @__PURE__ */ React4.createElement(ChainNetworkContext, {
+  return /* @__PURE__ */ React.createElement(ChainNetworkContext, {
     value
-  }, /* @__PURE__ */ React4.createElement(ErrorRender, {
+  }, /* @__PURE__ */ React.createElement(ErrorRender, {
     error: error ?? activeNetworkError,
-    scope: "WalletNetworkProvider"
+    scope: "ChainNetworkProvider"
   }), children);
 }, "ChainNetworkProvider");
 
 // src/context/network/use.ts
 import { useContextEx } from "@xylabs/react-shared";
-var useChainNetwork = /* @__PURE__ */ __name((required = true) => useContextEx(ChainNetworkContext, "WalletNetwork", required), "useChainNetwork");
+var useChainNetwork = /* @__PURE__ */ __name((required = true) => useContextEx(ChainNetworkContext, "ChainNetwork", required), "useChainNetwork");
 
 // src/components/menu/Icon.tsx
 import { Icon } from "@mui/material";
-import React5 from "react";
+import React2 from "react";
 var NetworkIcon = /* @__PURE__ */ __name(({ icon, ...props }) => {
-  return /* @__PURE__ */ React5.createElement(Icon, {
+  return /* @__PURE__ */ React2.createElement(Icon, {
     sx: {
       display: "inline-flex",
       alignItems: "center",
@@ -205,7 +93,7 @@ var NetworkIcon = /* @__PURE__ */ __name(({ icon, ...props }) => {
 
 // src/components/menu/Avatar.tsx
 var NetworkAvatar = /* @__PURE__ */ __name(({ icon, name, ...props }) => {
-  return /* @__PURE__ */ React6.createElement(Avatar, {
+  return /* @__PURE__ */ React3.createElement(Avatar, {
     sx: {
       backgroundColor: "white",
       height: 30,
@@ -213,13 +101,13 @@ var NetworkAvatar = /* @__PURE__ */ __name(({ icon, name, ...props }) => {
     },
     alt: name,
     ...props
-  }, /* @__PURE__ */ React6.createElement(NetworkIcon, {
+  }, /* @__PURE__ */ React3.createElement(NetworkIcon, {
     icon
   }));
 }, "NetworkAvatar");
 var ActiveNetworkAvatar = /* @__PURE__ */ __name((props) => {
   const { activeNetwork } = useChainNetwork();
-  return /* @__PURE__ */ React6.createElement(NetworkAvatar, {
+  return /* @__PURE__ */ React3.createElement(NetworkAvatar, {
     icon: activeNetwork?.icon,
     name: activeNetwork?.name,
     ...props
@@ -229,47 +117,47 @@ var ActiveNetworkAvatar = /* @__PURE__ */ __name((props) => {
 // src/components/menu/MenuItem.tsx
 import { ListItemText } from "@mui/material";
 import { ActiveMenuItem } from "@xyo-network/react-chain-shared";
-import React7 from "react";
+import React4 from "react";
 var NetworkMenuItem = /* @__PURE__ */ __name(({ active, network, onClick, updateActiveNetwork, ...props }) => {
   const handleClick = /* @__PURE__ */ __name((event) => {
     if (network === void 0) throw new Error("Network is undefined");
     updateActiveNetwork?.(network.id);
     onClick?.(event);
   }, "handleClick");
-  return /* @__PURE__ */ React7.createElement(ActiveMenuItem, {
+  return /* @__PURE__ */ React4.createElement(ActiveMenuItem, {
     title: network?.name,
     disableRipple: true,
     onClick: handleClick,
     active,
     ...props
-  }, /* @__PURE__ */ React7.createElement(NetworkAvatar, {
+  }, /* @__PURE__ */ React4.createElement(NetworkAvatar, {
     icon: network?.icon,
     name: network?.name
-  }), /* @__PURE__ */ React7.createElement(ListItemText, null, network?.name));
+  }), /* @__PURE__ */ React4.createElement(ListItemText, null, network?.name));
 }, "NetworkMenuItem");
 
 // src/components/status/Alert.tsx
 import { Alert, AlertTitle, Button as Button2 } from "@mui/material";
-import React9, { useMemo as useMemo2, useState as useState2 } from "react";
+import React6, { useMemo as useMemo2, useState as useState2 } from "react";
 
 // src/components/status/Dialog.tsx
 import { Button, Dialog, DialogActions, DialogContent, DialogTitle, List, ListItem, Typography } from "@mui/material";
-import React8 from "react";
+import React5 from "react";
 var NetworkStatusDialog = /* @__PURE__ */ __name(({ updates, ...props }) => {
-  return /* @__PURE__ */ React8.createElement(Dialog, props, /* @__PURE__ */ React8.createElement(DialogTitle, null, "Recent Status Updates"), /* @__PURE__ */ React8.createElement(DialogContent, null, /* @__PURE__ */ React8.createElement(List, null, updates.map(({ start, end, update }) => /* @__PURE__ */ React8.createElement(ListItem, {
+  return /* @__PURE__ */ React5.createElement(Dialog, props, /* @__PURE__ */ React5.createElement(DialogTitle, null, "Recent Status Updates"), /* @__PURE__ */ React5.createElement(DialogContent, null, /* @__PURE__ */ React5.createElement(List, null, updates.map(({ start, end, update }) => /* @__PURE__ */ React5.createElement(ListItem, {
     key: start + update,
     sx: {
       flexDirection: "column",
       alignItems: "start",
       pl: 0
     }
-  }, /* @__PURE__ */ React8.createElement(Typography, null, update), /* @__PURE__ */ React8.createElement(Typography, {
+  }, /* @__PURE__ */ React5.createElement(Typography, null, update), /* @__PURE__ */ React5.createElement(Typography, {
     gutterBottom: true,
     sx: {
       opacity: 0.75,
       fontSize: ".8333rem"
     }
-  }, "Start:", " ", new Date(start).toLocaleString(), " ", /* @__PURE__ */ React8.createElement("br", null), "End:", " ", new Date(end).toLocaleString()))))), /* @__PURE__ */ React8.createElement(DialogActions, null, /* @__PURE__ */ React8.createElement(Button, {
+  }, "Start:", " ", new Date(start).toLocaleString(), " ", /* @__PURE__ */ React5.createElement("br", null), "End:", " ", new Date(end).toLocaleString()))))), /* @__PURE__ */ React5.createElement(DialogActions, null, /* @__PURE__ */ React5.createElement(Button, {
     onClick: /* @__PURE__ */ __name((e) => props.onClose?.(e, "backdropClick"), "onClick"),
     color: "primary",
     variant: "outlined"
@@ -299,158 +187,130 @@ var NetworkStatusAlert = /* @__PURE__ */ __name(({ status, ...props }) => {
   }, [
     status
   ]);
-  return /* @__PURE__ */ React9.createElement(Alert, {
+  return /* @__PURE__ */ React6.createElement(Alert, {
     severity,
     ...props
-  }, /* @__PURE__ */ React9.createElement(AlertTitle, null, status?.description), status?.updates && status.updates.length > 0 && /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(Button2, {
+  }, /* @__PURE__ */ React6.createElement(AlertTitle, null, status?.description), status?.updates && status.updates.length > 0 && /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(Button2, {
     color: severity,
     variant: "outlined",
     size: "small",
     onClick: /* @__PURE__ */ __name(() => setOpen(true), "onClick")
-  }, "Updates"), /* @__PURE__ */ React9.createElement(NetworkStatusDialog, {
+  }, "Updates"), /* @__PURE__ */ React6.createElement(NetworkStatusDialog, {
     open,
     onClose: handleClose,
     updates: status.updates
   })));
 }, "NetworkStatusAlert");
 
-// src/provider/NetworkProvider.ts
-import { assertEx } from "@xylabs/assert";
-import { asArchivistInstance } from "@xyo-network/archivist-model";
-import { initBridge } from "@xyo-network/chain-orchestration";
-import { findMostRecentBlock } from "@xyo-network/chain-protocol";
-import { ChainBlockNumberIterationService } from "@xyo-network/chain-services";
-import { PayloadBuilder } from "@xyo-network/payload-builder";
-import { hydrateBlock } from "@xyo-network/xl1-protocol-sdk";
-var FINALIZED_ARCHIVIST = "XYOChain:Chain:Finalized";
-var NetworkProvider = class _NetworkProvider {
-  static {
-    __name(this, "NetworkProvider");
-  }
-  _bridge;
-  constructor(bridge) {
-    this._bridge = bridge;
-  }
-  get bridge() {
-    return assertEx(this._bridge, () => "Bridge not set");
-  }
-  static async create({ network }) {
-    const bridge = await initBridge(network);
-    return new _NetworkProvider(bridge);
-  }
-  accountBalance(_address) {
-    throw new Error("Method not implemented.");
-  }
-  accountHistory(_address) {
-    throw new Error("Method not implemented.");
-  }
-  accounts() {
-    throw new Error("Method not implemented.");
-  }
-  addChain(_chain, _name) {
-    throw new Error("Method not implemented.");
-  }
-  address() {
-    throw new Error("Method not implemented.");
-  }
-  blockByHash(_hash) {
-    throw new Error("Method not implemented.");
-  }
-  blockByNumber(_blockNumber) {
-    throw new Error("Method not implemented.");
-  }
-  blocksByHash(_hash, _limit) {
-    throw new Error("Method not implemented.");
-  }
-  broadcastTransaction(_transaction) {
-    throw new Error("Method not implemented.");
-  }
-  chain() {
-    throw new Error("Method not implemented.");
-  }
-  chainId() {
-    throw new Error("Method not implemented.");
-  }
-  chains() {
-    throw new Error("Method not implemented.");
-  }
-  createSignedTransaction(_chain, _elevatedPayloads, _additionalPayloads, _nbf, _exp, _fees, _from) {
-    throw new Error("Method not implemented.");
-  }
-  currentBlock() {
-    throw new Error("Method not implemented.");
-  }
-  currentBlockHash() {
-    throw new Error("Method not implemented.");
-  }
-  currentBlockNumber() {
-    throw new Error("Method not implemented.");
-  }
-  permissions() {
-    throw new Error("Method not implemented.");
-  }
-  async previousBlocks(startingBlock, count = 25) {
-    const chainArchivist = await this.getFinalizedArchivist();
-    const head = assertEx(await findMostRecentBlock(chainArchivist, {
-      cursor: startingBlock
-    }), () => "Unable to find most recent block");
-    const iterator = await ChainBlockNumberIterationService.create({
-      chainArchivist,
-      head
-    });
-    const blocks = await iterator.previous(head.block, count);
-    let hydratedBlocks = [];
-    for (const block of blocks) {
-      hydratedBlocks.push(await hydrateBlock(chainArchivist, await PayloadBuilder.hash(block)));
-    }
-    return hydratedBlocks;
-  }
-  requestPermissions(_permissions) {
-    throw new Error("Method not implemented.");
-  }
-  revokePermissions(_permissions) {
-    throw new Error("Method not implemented.");
-  }
-  signTransaction(_transaction) {
-    throw new Error("Method not implemented.");
-  }
-  switchChain(_chain) {
-    throw new Error("Method not implemented.");
-  }
-  transactionByBlockHashAndIndex(_blockHash, _transactionIndex) {
-    throw new Error("Method not implemented.");
-  }
-  transactionByBlockNumberAndIndex(_blockNumber, _transactionIndex) {
-    throw new Error("Method not implemented.");
-  }
-  transactionByHash(_transactionHash) {
-    throw new Error("Method not implemented.");
-  }
-  async getFinalizedArchivist() {
-    const bridge = this.bridge;
-    const mod = assertEx(await bridge.resolve(FINALIZED_ARCHIVIST), () => `${FINALIZED_ARCHIVIST} not found`);
-    return assertEx(asArchivistInstance(mod), () => `${FINALIZED_ARCHIVIST} is not an archivist`);
-  }
-};
+// src/components/status/NetworkStatus.tsx
+import React7 from "react";
+
+// src/hooks/provider/useActiveNetworkCurrentBlock.ts
+import { useCurrentBlockBase } from "@xyo-network/react-chain-provider";
+var useActiveNetworkCurrentBlock = /* @__PURE__ */ __name((refresh = 1) => {
+  const { activeNetwork } = useChainNetwork();
+  const currentBlock = useCurrentBlockBase(refresh, activeNetwork?.id, activeNetwork?.url);
+  return currentBlock;
+}, "useActiveNetworkCurrentBlock");
+
+// src/hooks/provider/useActiveNetworkHostViewer.ts
+import { useHostViewerBase } from "@xyo-network/react-chain-provider";
+var useActiveNetworkHostViewer = /* @__PURE__ */ __name(() => {
+  const { activeNetwork } = useChainNetwork();
+  const hostViewer = useHostViewerBase(activeNetwork?.id);
+  return hostViewer;
+}, "useActiveNetworkHostViewer");
+
+// src/hooks/provider/useActiveNetworkNetwork.ts
+import { useNetworkBase } from "@xyo-network/react-chain-provider";
+var useActiveNetworkNetwork = /* @__PURE__ */ __name(() => {
+  const { activeNetwork } = useChainNetwork();
+  const network = useNetworkBase(activeNetwork?.id);
+  return network;
+}, "useActiveNetworkNetwork");
+
+// src/hooks/provider/useActiveNetworkRunner.ts
+import { useRunnerBase } from "@xyo-network/react-chain-provider";
+var useActiveNetworkRunner = /* @__PURE__ */ __name(() => {
+  const { activeNetwork } = useChainNetwork();
+  const runner = useRunnerBase(activeNetwork?.url);
+  return runner;
+}, "useActiveNetworkRunner");
+
+// src/hooks/provider/useActiveNetworkViewer.ts
+import { useViewerBase } from "@xyo-network/react-chain-provider";
+var useActiveNetworkViewer = /* @__PURE__ */ __name(() => {
+  const { activeNetwork } = useChainNetwork();
+  const viewer = useViewerBase(activeNetwork?.id, activeNetwork?.url);
+  return viewer;
+}, "useActiveNetworkViewer");
+
+// src/hooks/status/usePollNetworkStatus.ts
+import { delay } from "@xylabs/delay";
+import { isUndefined } from "@xylabs/typeof";
+import { useEffect, useState as useState3 } from "react";
+var STATUS_CHECK_INTERVAL = 1e4;
+var usePollNetworkStatus = /* @__PURE__ */ __name(() => {
+  const network = useActiveNetworkNetwork();
+  const [networkStatus, setNetworkStatus] = useState3();
+  const [networkStatusError, setNetworkStatusError] = useState3();
+  useEffect(() => {
+    let checkNetwork = true;
+    void (async () => {
+      if (isUndefined(network)) return;
+      while (checkNetwork) {
+        try {
+          const response = await network.status();
+          setNetworkStatus(response);
+          setNetworkStatusError(void 0);
+        } catch (error) {
+          console.error("Error fetching network status:", error);
+          setNetworkStatus(void 0);
+          setNetworkStatusError(error);
+        }
+        await delay(STATUS_CHECK_INTERVAL);
+      }
+    })();
+    return () => {
+      checkNetwork = false;
+    };
+  }, [
+    network
+  ]);
+  return [
+    networkStatus,
+    networkStatusError
+  ];
+}, "usePollNetworkStatus");
+
+// src/components/status/NetworkStatus.tsx
+var validNetworkStates = /* @__PURE__ */ new Set([
+  "online",
+  "unknown"
+]);
+var NetworkStatus = /* @__PURE__ */ __name(({ children, ...props }) => {
+  const [networkStatus] = usePollNetworkStatus();
+  const showStatus = networkStatus && !validNetworkStates.has(networkStatus.state);
+  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, showStatus && /* @__PURE__ */ React7.createElement(NetworkStatusAlert, {
+    status: networkStatus,
+    ...props
+  }), children);
+}, "NetworkStatus");
 export {
   ActiveNetworkAvatar,
   ChainNetworkContext,
   ChainNetworkProvider,
-  DefaultNetworks,
-  FINALIZED_ARCHIVIST,
-  LocalNetwork,
-  MainNetwork,
   NetworkAvatar,
-  NetworkBootstrapSchema,
   NetworkIcon,
   NetworkMenuItem,
-  NetworkProvider,
+  NetworkStatus,
   NetworkStatusAlert,
-  SequenceNetwork,
-  asOptionalNetwork,
-  getNetworkNodes,
-  initNetworkNode,
-  isNetworkBootstrap,
-  useChainNetwork
+  useActiveNetworkCurrentBlock,
+  useActiveNetworkHostViewer,
+  useActiveNetworkNetwork,
+  useActiveNetworkRunner,
+  useActiveNetworkViewer,
+  useChainNetwork,
+  usePollNetworkStatus
 };
 //# sourceMappingURL=index.mjs.map