@xyo-network/react-chain-network 1.0.5 → 1.0.7

package/dist/browser/index.mjs

@@ -50,6 +50,60 @@ import { ErrorRender } from "@xylabs/react-error";
 import { usePromise } from "@xylabs/react-promise";
 import React5, { useCallback, useMemo, useState } from "react";
 
+// src/helpers/getBridgedNodes.ts
+var bridgedNodeMap = /* @__PURE__ */ new Map();
+var getBridgedNodes = /* @__PURE__ */ __name(() => {
+  return bridgedNodeMap;
+}, "getBridgedNodes");
+
+// src/helpers/initNetworkNode.ts
+import { initBridge } from "@xyo-network/chain-sdk";
+
+// src/helpers/getNetworkNode.ts
+import { HDWallet } from "@xyo-network/account";
+import { ManifestWrapper } from "@xyo-network/manifest-wrapper";
+
+// 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());
+  const [node] = await wrapper.loadNodes();
+  return node;
+}, "getNetworkNode");
+
+// src/helpers/initNetworkNode.ts
+var initNetworkNode = /* @__PURE__ */ __name(async (activeNetwork) => {
+  const bridgedNodeMap2 = getBridgedNodes();
+  if (bridgedNodeMap2.has(activeNetwork.url)) return bridgedNodeMap2.get(activeNetwork.url);
+  const bridge = await initBridge(activeNetwork.url);
+  const activeNetworkNode = await getNetworkNode();
+  await activeNetworkNode.register?.(bridge);
+  await activeNetworkNode.attach?.(bridge.address, true);
+  bridgedNodeMap2.set(activeNetwork.url, activeNetworkNode);
+  return activeNetworkNode;
+}, "initNetworkNode");
+
 // src/images/icons/LocalNetwork.tsx
 import { createSvgIcon } from "@mui/material";
 import React3 from "react";
@@ -207,6 +261,8 @@ export {
   NetworkMenuItem,
   SequenceNetwork,
   asOptionalNetwork,
+  getBridgedNodes,
+  initNetworkNode,
   isNetworkBootstrap,
   useChainNetwork
 };

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/menu/Icon.tsx","../../src/components/menu/MenuItem.tsx","../../src/context/network/context.ts","../../src/context/network/Provider.tsx","../../src/images/icons/LocalNetwork.tsx","../../src/images/icons/xyoColorLogo.tsx","../../src/models/Bootstrap.ts","../../src/helpers/Networks.ts","../../src/context/network/use.ts"],"sourcesContent":["import type { IconProps } from '@mui/material'\nimport { Icon } from '@mui/material'\nimport React from 'react'\n\nexport const NetworkIcon: React.FC<IconProps & { icon?: string }> = ({ icon, ...props }) => {\n  return (\n    <Icon\n      sx={{\n        display: 'inline-flex', alignItems: 'center', justifyContent: 'center',\n      }}\n      ref={(ref) => {\n        if (ref && icon) {\n          ref.innerHTML = icon\n        }\n      }}\n      {...props}\n    />\n  )\n}\n","import type { MenuItemProps } from '@mui/material'\nimport { ListItemText } from '@mui/material'\nimport { ActiveMenuItem } from '@xyo-network/react-chain-shared'\nimport type { MouseEvent as ReactMouseEvent } from 'react'\nimport React from 'react'\n\nimport type { NetworkBootstrap } from '../../models/index.ts'\nimport { NetworkIcon } from './Icon.tsx'\n\nexport interface NetworkMenuItemProps extends MenuItemProps {\n  active?: boolean\n  network?: NetworkBootstrap\n  updateActiveNetwork?: (networkId: string) => void\n}\n\nexport const NetworkMenuItem: React.FC<NetworkMenuItemProps> = ({\n  active, network, onClick, updateActiveNetwork, ...props\n}) => {\n  const handleClick = (event: ReactMouseEvent<HTMLLIElement, MouseEvent>) => {\n    if (network === undefined) throw new Error('Network is undefined')\n    updateActiveNetwork?.(network.id)\n    onClick?.(event)\n  }\n\n  return (\n    <ActiveMenuItem\n      title={network?.name}\n      disableRipple\n      onClick={handleClick}\n      active={active}\n      {...props}\n    >\n      <NetworkIcon icon={network?.icon} />\n      <ListItemText>{network?.name}</ListItemText>\n    </ActiveMenuItem>\n  )\n}\n","import { createContextEx } from '@xylabs/react-shared'\n\nimport type { ChainNetworkState } from './state.ts'\n\nexport const ChainNetworkContext = createContextEx<ChainNetworkState>()\n","import { ErrorRender } from '@xylabs/react-error'\nimport { usePromise } from '@xylabs/react-promise'\nimport type { PropsWithChildren } from 'react'\nimport React, {\n  useCallback, useMemo, useState,\n} from 'react'\n\nimport { MainNetwork } from '../../helpers/index.ts'\nimport type { NetworkBootstrap } from '../../models/index.ts'\nimport { ChainNetworkContext } from './context.ts'\nimport type { ChainNetworkState } from './state.ts'\n\nexport interface ChainNetworkProviderProps extends PropsWithChildren {\n  getActiveNetwork?: () => Promise<NetworkBootstrap | undefined>\n  networks?: NetworkBootstrap[]\n  setActiveNetwork?: (networkId: NetworkBootstrap['id']) => Promise<NetworkBootstrap>\n}\n\nexport const ChainNetworkProvider: React.FC<ChainNetworkProviderProps> = ({\n  children, getActiveNetwork, networks, setActiveNetwork: setActiveNetworkExternal,\n}) => {\n  const [activeNetwork, setActiveNetwork] = useState<NetworkBootstrap>()\n  const [error, setError] = useState<Error>()\n\n  // Set the active network upon initialization\n  const [, activeNetworkError] = usePromise(async () => {\n    // ensure networks are loaded\n    if (!networks) return\n    // get last saved active network\n    const activeNetwork = await getActiveNetwork?.()\n    // ensure the active network saved is found in the list of networks\n    if (activeNetwork && networks?.find(network => network.id === activeNetwork.id)) {\n      // Set the active network if it exists\n      setActiveNetwork(activeNetwork)\n    } else {\n      // Set the default network if no active network exists\n      const defaultNetwork = networks.find(network => network.id === MainNetwork.id) ?? networks[0]\n      await setActiveNetworkExternal?.(defaultNetwork.id)\n\n      // Set the active network in the context\n      setActiveNetwork(defaultNetwork)\n    }\n  }, [networks])\n\n  const updateActiveNetwork = useCallback((networkId: NetworkBootstrap['id']) => {\n    setError(undefined)\n    const network = networks?.find(network => network.id === networkId)\n    // set internally\n    setActiveNetwork(network)\n    // set externally\n    void setActiveNetworkExternal?.(networkId)\n  }, [networks])\n\n  const value = useMemo<ChainNetworkState>(() => ({\n    activeNetwork,\n    networks,\n    provided: true,\n    updateActiveNetwork,\n    walletNetworkError: error ?? activeNetworkError,\n  }), [activeNetwork, networks, updateActiveNetwork])\n\n  return (\n    <ChainNetworkContext value={value}>\n      <ErrorRender error={error ?? activeNetworkError} scope=\"WalletNetworkProvider\" />\n      {children}\n    </ChainNetworkContext>\n  )\n}\n","/* eslint-disable @stylistic/max-len */\nimport { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const LocalNetworkIcon = createSvgIcon(\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\">\n    <path fill=\"currentColor\" d=\"M40-120v-80h880v80H40Zm120-120q-33 0-56.5-23.5T80-320v-440q0-33 23.5-56.5T160-840h640q33 0 56.5 23.5T880-760v440q0 33-23.5 56.5T800-240H160Zm0-80h640v-440H160v440Zm0 0v-440 440Z\" />\n  </svg>,\n  'LocalNetworkIcon',\n)\n\nexport const LocalNetworkIconString = `\n  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"18\" width=\"18\" viewBox=\"0 -960 960 960\">\n    <path fill=\"currentColor\" d=\"M40-120v-80h880v80H40Zm120-120q-33 0-56.5-23.5T80-320v-440q0-33 23.5-56.5T160-840h640q33 0 56.5 23.5T880-760v440q0 33-23.5 56.5T800-240H160Zm0-80h640v-440H160v440Zm0 0v-440 440Z\" />\n  </svg>\n`\n","/* eslint-disable @stylistic/max-len */\nimport { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const XyoColorLogo = createSvgIcon(\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 238\">\n    <path\n      className=\"cls-1\"\n      d=\"M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z\"\n      fill=\"#8d8fc6\"\n    />\n    <path\n      className=\"cls-2\"\n      d=\"M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z\"\n      fill=\"#579fd6\"\n    />\n    <path\n      className=\"cls-3\"\n      d=\"M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z\"\n      fill=\"#f27046\"\n    />\n    <path\n      className=\"cls-4\"\n      d=\"M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z\"\n      fill=\"#eb407a\"\n    />\n  </svg>,\n  'XyoColorLogo',\n)\n\nexport const XyoColorLogoString = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 238\">\n    <path\n      className=\"cls-1\"\n      d=\"M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z\"\n      fill=\"#8d8fc6\"\n    />\n    <path\n      className=\"cls-2\"\n      d=\"M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z\"\n      fill=\"#579fd6\"\n    />\n    <path\n      className=\"cls-3\"\n      d=\"M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z\"\n      fill=\"#f27046\"\n    />\n    <path\n      className=\"cls-4\"\n      d=\"M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z\"\n      fill=\"#eb407a\"\n    />\n  </svg>\n`\n","import type { Address } from '@xylabs/hex'\nimport { AsObjectFactory } from '@xylabs/object'\nimport type { ChainInformation } from '@xyo-network/chain-model'\nimport type { Payload } from '@xyo-network/payload-model'\nimport { isPayloadOfSchemaType } from '@xyo-network/payload-model'\n\nexport const NetworkBootstrapSchema = 'network.xyo.network.bootstrap' as const\nexport type NetworkBootstrapSchema = typeof NetworkBootstrapSchema\n\nexport interface ChainForkFields {\n  /** Block Number at which the chain was forked from */\n  forkedAtLastBlockNumber?: string\n  /** Hash in the last block the chain was forked from */\n  forkedAtLastHash?: string\n  /** Address of the forked chain */\n  forkedChainId?: Address\n}\n\nexport interface NetworkFields {\n  /** Description of the network */\n  description: string\n  /** string representation of the icon (svg) */\n  icon?: string\n  /** Machine-readable identifier */\n  id: string\n  /** Human-readable identifier */\n  name: string\n  schema: NetworkBootstrapSchema\n  /** Symbol of the network */\n  symbol?: string\n  /** Url for accessing the network */\n  url: string\n}\n\n/** Note: Optional Properties can be found walking the chain to the genesis block */\nexport interface NetworkBootstrapFields extends NetworkFields, ChainForkFields {\n  /** Address of the chain, i.e. smart contract address */\n  chainInfo?: ChainInformation\n}\n\nexport interface Network extends NetworkBootstrap {\n  custom: boolean\n}\n\nexport type NetworkBootstrap = Payload<NetworkBootstrapFields, NetworkBootstrapSchema>\n\nexport const isNetworkBootstrap = isPayloadOfSchemaType<NetworkBootstrap>(NetworkBootstrapSchema)\n\nexport const asOptionalNetwork = AsObjectFactory.createOptional(isNetworkBootstrap)\n","import { LocalNetworkIconString, XyoColorLogoString } from '../images/index.ts'\nimport type { NetworkBootstrap } from '../models/index.ts'\nimport { NetworkBootstrapSchema } from '../models/index.ts'\n\nexport const MainNetwork: NetworkBootstrap = {\n  description: 'Main Node for the XYO Network',\n  icon: XyoColorLogoString,\n  id: 'mainnet',\n  name: 'Mainnet',\n  schema: NetworkBootstrapSchema,\n  symbol: 'XYOG',\n  url: 'https://api.chain.xyo.network',\n}\n\nexport const SequenceNetwork: NetworkBootstrap = {\n  description: 'Test Node for the XYO Network',\n  icon: XyoColorLogoString,\n  id: 'sequence',\n  name: 'Sequence',\n  schema: NetworkBootstrapSchema,\n  symbol: 'XYOG',\n  url: 'https://beta.api.chain.xyo.network/',\n}\n\nexport const LocalNetwork: NetworkBootstrap = {\n  description: 'Local Node',\n  icon: LocalNetworkIconString,\n  id: 'local',\n  name: 'Local',\n  schema: NetworkBootstrapSchema,\n  symbol: 'XYOG',\n  url: 'http://localhost:8080',\n}\n","import { useContextEx } from '@xylabs/react-shared'\n\nimport { ChainNetworkContext } from './context.ts'\n\nexport const useChainNetwork = (required = true) => useContextEx(ChainNetworkContext, 'WalletNetwork', required)\n"],"mappings":";;;;AACA,SAASA,YAAY;AACrB,OAAOC,WAAW;AAEX,IAAMC,cAAuD,wBAAC,EAAEC,MAAM,GAAGC,MAAAA,MAAO;AACrF,SACE,sBAAA,cAACC,MAAAA;IACCC,IAAI;MACFC,SAAS;MAAeC,YAAY;MAAUC,gBAAgB;IAChE;IACAC,KAAK,wBAACA,QAAAA;AACJ,UAAIA,OAAOP,MAAM;AACfO,YAAIC,YAAYR;MAClB;IACF,GAJK;IAKJ,GAAGC;;AAGV,GAdoE;;;ACHpE,SAASQ,oBAAoB;AAC7B,SAASC,sBAAsB;AAE/B,OAAOC,YAAW;AAWX,IAAMC,kBAAkD,wBAAC,EAC9DC,QAAQC,SAASC,SAASC,qBAAqB,GAAGC,MAAAA,MACnD;AACC,QAAMC,cAAc,wBAACC,UAAAA;AACnB,QAAIL,YAAYM,OAAW,OAAM,IAAIC,MAAM,sBAAA;AAC3CL,0BAAsBF,QAAQQ,EAAE;AAChCP,cAAUI,KAAAA;EACZ,GAJoB;AAMpB,SACE,gBAAAI,OAAA,cAACC,gBAAAA;IACCC,OAAOX,SAASY;IAChBC,eAAAA;IACAZ,SAASG;IACTL;IACC,GAAGI;KAEJ,gBAAAM,OAAA,cAACK,aAAAA;IAAYC,MAAMf,SAASe;MAC5B,gBAAAN,OAAA,cAACO,cAAAA,MAAchB,SAASY,IAAAA,CAAAA;AAG9B,GArB+D;;;ACf/D,SAASK,uBAAuB;AAIzB,IAAMC,sBAAsBD,gBAAAA;;;ACJnC,SAASE,mBAAmB;AAC5B,SAASC,kBAAkB;AAE3B,OAAOC,UACLC,aAAaC,SAASC,gBACjB;;;ACJP,SAASC,qBAAqB;AAC9B,OAAOC,YAAW;AAEX,IAAMC,mBAAmBF,cAC9B,gBAAAC,OAAA,cAACE,OAAAA;EAAIC,OAAM;EAA6BC,SAAQ;GAC9C,gBAAAJ,OAAA,cAACK,QAAAA;EAAKC,MAAK;EAAeC,GAAE;KAE9B,kBAAA;AAGK,IAAMC,yBAAyB;;;;;;;ACVtC,SAASC,iBAAAA,sBAAqB;AAC9B,OAAOC,YAAW;AAEX,IAAMC,eAAeF,eAC1B,gBAAAC,OAAA,cAACE,OAAAA;EAAIC,OAAM;EAA6BC,SAAQ;GAC9C,gBAAAJ,OAAA,cAACK,QAAAA;EACCC,WAAU;EACVC,GAAE;EACFC,MAAK;IAEP,gBAAAR,OAAA,cAACK,QAAAA;EACCC,WAAU;EACVC,GAAE;EACFC,MAAK;IAEP,gBAAAR,OAAA,cAACK,QAAAA;EACCC,WAAU;EACVC,GAAE;EACFC,MAAK;IAEP,gBAAAR,OAAA,cAACK,QAAAA;EACCC,WAAU;EACVC,GAAE;EACFC,MAAK;KAGT,cAAA;AAGK,IAAMC,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;AC7BlC,SAASC,uBAAuB;AAGhC,SAASC,6BAA6B;AAE/B,IAAMC,yBAAyB;AAwC/B,IAAMC,qBAAqBF,sBAAwCC,sBAAAA;AAEnE,IAAME,oBAAoBJ,gBAAgBK,eAAeF,kBAAAA;;;AC5CzD,IAAMG,cAAgC;EAC3CC,aAAa;EACbC,MAAMC;EACNC,IAAI;EACJC,MAAM;EACNC,QAAQC;EACRC,QAAQ;EACRC,KAAK;AACP;AAEO,IAAMC,kBAAoC;EAC/CT,aAAa;EACbC,MAAMC;EACNC,IAAI;EACJC,MAAM;EACNC,QAAQC;EACRC,QAAQ;EACRC,KAAK;AACP;AAEO,IAAME,eAAiC;EAC5CV,aAAa;EACbC,MAAMU;EACNR,IAAI;EACJC,MAAM;EACNC,QAAQC;EACRC,QAAQ;EACRC,KAAK;AACP;;;AJdO,IAAMI,uBAA4D,wBAAC,EACxEC,UAAUC,kBAAkBC,UAAUC,kBAAkBC,yBAAwB,MACjF;AACC,QAAM,CAACC,eAAeF,gBAAAA,IAAoBG,SAAAA;AAC1C,QAAM,CAACC,OAAOC,QAAAA,IAAYF,SAAAA;AAG1B,QAAM,CAAA,EAAGG,kBAAAA,IAAsBC,WAAW,YAAA;AAExC,QAAI,CAACR,SAAU;AAEf,UAAMG,iBAAgB,MAAMJ,mBAAAA;AAE5B,QAAII,kBAAiBH,UAAUS,KAAKC,CAAAA,YAAWA,QAAQC,OAAOR,eAAcQ,EAAE,GAAG;AAE/EV,uBAAiBE,cAAAA;IACnB,OAAO;AAEL,YAAMS,iBAAiBZ,SAASS,KAAKC,CAAAA,YAAWA,QAAQC,OAAOE,YAAYF,EAAE,KAAKX,SAAS,CAAA;AAC3F,YAAME,2BAA2BU,eAAeD,EAAE;AAGlDV,uBAAiBW,cAAAA;IACnB;EACF,GAAG;IAACZ;GAAS;AAEb,QAAMc,sBAAsBC,YAAY,CAACC,cAAAA;AACvCV,aAASW,MAAAA;AACT,UAAMP,UAAUV,UAAUS,KAAKC,CAAAA,aAAWA,SAAQC,OAAOK,SAAAA;AAEzDf,qBAAiBS,OAAAA;AAEjB,SAAKR,2BAA2Bc,SAAAA;EAClC,GAAG;IAAChB;GAAS;AAEb,QAAMkB,QAAQC,QAA2B,OAAO;IAC9ChB;IACAH;IACAoB,UAAU;IACVN;IACAO,oBAAoBhB,SAASE;EAC/B,IAAI;IAACJ;IAAeH;IAAUc;GAAoB;AAElD,SACE,gBAAAQ,OAAA,cAACC,qBAAAA;IAAoBL;KACnB,gBAAAI,OAAA,cAACE,aAAAA;IAAYnB,OAAOA,SAASE;IAAoBkB,OAAM;MACtD3B,QAAAA;AAGP,GAjDyE;;;AKlBzE,SAAS4B,oBAAoB;AAItB,IAAMC,kBAAkB,wBAACC,WAAW,SAASC,aAAaC,qBAAqB,iBAAiBF,QAAAA,GAAxE;","names":["Icon","React","NetworkIcon","icon","props","Icon","sx","display","alignItems","justifyContent","ref","innerHTML","ListItemText","ActiveMenuItem","React","NetworkMenuItem","active","network","onClick","updateActiveNetwork","props","handleClick","event","undefined","Error","id","React","ActiveMenuItem","title","name","disableRipple","NetworkIcon","icon","ListItemText","createContextEx","ChainNetworkContext","ErrorRender","usePromise","React","useCallback","useMemo","useState","createSvgIcon","React","LocalNetworkIcon","svg","xmlns","viewBox","path","fill","d","LocalNetworkIconString","createSvgIcon","React","XyoColorLogo","svg","xmlns","viewBox","path","className","d","fill","XyoColorLogoString","AsObjectFactory","isPayloadOfSchemaType","NetworkBootstrapSchema","isNetworkBootstrap","asOptionalNetwork","createOptional","MainNetwork","description","icon","XyoColorLogoString","id","name","schema","NetworkBootstrapSchema","symbol","url","SequenceNetwork","LocalNetwork","LocalNetworkIconString","ChainNetworkProvider","children","getActiveNetwork","networks","setActiveNetwork","setActiveNetworkExternal","activeNetwork","useState","error","setError","activeNetworkError","usePromise","find","network","id","defaultNetwork","MainNetwork","updateActiveNetwork","useCallback","networkId","undefined","value","useMemo","provided","walletNetworkError","React","ChainNetworkContext","ErrorRender","scope","useContextEx","useChainNetwork","required","useContextEx","ChainNetworkContext"]}
+{"version":3,"sources":["../../src/components/menu/Icon.tsx","../../src/components/menu/MenuItem.tsx","../../src/context/network/context.ts","../../src/context/network/Provider.tsx","../../src/helpers/getBridgedNodes.ts","../../src/helpers/initNetworkNode.ts","../../src/helpers/getNetworkNode.ts","../../src/helpers/manifest/network.json","../../src/helpers/manifest/networkManifest.ts","../../src/images/icons/LocalNetwork.tsx","../../src/images/icons/xyoColorLogo.tsx","../../src/models/Bootstrap.ts","../../src/helpers/Networks.ts","../../src/context/network/use.ts"],"sourcesContent":["import type { IconProps } from '@mui/material'\nimport { Icon } from '@mui/material'\nimport React from 'react'\n\nexport const NetworkIcon: React.FC<IconProps & { icon?: string }> = ({ icon, ...props }) => {\n  return (\n    <Icon\n      sx={{\n        display: 'inline-flex', alignItems: 'center', justifyContent: 'center',\n      }}\n      ref={(ref) => {\n        if (ref && icon) {\n          ref.innerHTML = icon\n        }\n      }}\n      {...props}\n    />\n  )\n}\n","import type { MenuItemProps } from '@mui/material'\nimport { ListItemText } from '@mui/material'\nimport { ActiveMenuItem } from '@xyo-network/react-chain-shared'\nimport type { MouseEvent as ReactMouseEvent } from 'react'\nimport React from 'react'\n\nimport type { NetworkBootstrap } from '../../models/index.ts'\nimport { NetworkIcon } from './Icon.tsx'\n\nexport interface NetworkMenuItemProps extends MenuItemProps {\n  active?: boolean\n  network?: NetworkBootstrap\n  updateActiveNetwork?: (networkId: string) => void\n}\n\nexport const NetworkMenuItem: React.FC<NetworkMenuItemProps> = ({\n  active, network, onClick, updateActiveNetwork, ...props\n}) => {\n  const handleClick = (event: ReactMouseEvent<HTMLLIElement, MouseEvent>) => {\n    if (network === undefined) throw new Error('Network is undefined')\n    updateActiveNetwork?.(network.id)\n    onClick?.(event)\n  }\n\n  return (\n    <ActiveMenuItem\n      title={network?.name}\n      disableRipple\n      onClick={handleClick}\n      active={active}\n      {...props}\n    >\n      <NetworkIcon icon={network?.icon} />\n      <ListItemText>{network?.name}</ListItemText>\n    </ActiveMenuItem>\n  )\n}\n","import { createContextEx } from '@xylabs/react-shared'\n\nimport type { ChainNetworkState } from './state.ts'\n\nexport const ChainNetworkContext = createContextEx<ChainNetworkState>()\n","import { ErrorRender } from '@xylabs/react-error'\nimport { usePromise } from '@xylabs/react-promise'\nimport type { PropsWithChildren } from 'react'\nimport React, {\n  useCallback, useMemo, useState,\n} from 'react'\n\nimport { MainNetwork } from '../../helpers/index.ts'\nimport type { NetworkBootstrap } from '../../models/index.ts'\nimport { ChainNetworkContext } from './context.ts'\nimport type { ChainNetworkState } from './state.ts'\n\nexport interface ChainNetworkProviderProps extends PropsWithChildren {\n  getActiveNetwork?: () => Promise<NetworkBootstrap | undefined>\n  networks?: NetworkBootstrap[]\n  setActiveNetwork?: (networkId: NetworkBootstrap['id']) => Promise<NetworkBootstrap>\n}\n\nexport const ChainNetworkProvider: React.FC<ChainNetworkProviderProps> = ({\n  children, getActiveNetwork, networks, setActiveNetwork: setActiveNetworkExternal,\n}) => {\n  const [activeNetwork, setActiveNetwork] = useState<NetworkBootstrap>()\n  const [error, setError] = useState<Error>()\n\n  // Set the active network upon initialization\n  const [, activeNetworkError] = usePromise(async () => {\n    // ensure networks are loaded\n    if (!networks) return\n    // get last saved active network\n    const activeNetwork = await getActiveNetwork?.()\n    // ensure the active network saved is found in the list of networks\n    if (activeNetwork && networks?.find(network => network.id === activeNetwork.id)) {\n      // Set the active network if it exists\n      setActiveNetwork(activeNetwork)\n    } else {\n      // Set the default network if no active network exists\n      const defaultNetwork = networks.find(network => network.id === MainNetwork.id) ?? networks[0]\n      await setActiveNetworkExternal?.(defaultNetwork.id)\n\n      // Set the active network in the context\n      setActiveNetwork(defaultNetwork)\n    }\n  }, [networks])\n\n  const updateActiveNetwork = useCallback((networkId: NetworkBootstrap['id']) => {\n    setError(undefined)\n    const network = networks?.find(network => network.id === networkId)\n    // set internally\n    setActiveNetwork(network)\n    // set externally\n    void setActiveNetworkExternal?.(networkId)\n  }, [networks])\n\n  const value = useMemo<ChainNetworkState>(() => ({\n    activeNetwork,\n    networks,\n    provided: true,\n    updateActiveNetwork,\n    walletNetworkError: error ?? activeNetworkError,\n  }), [activeNetwork, networks, updateActiveNetwork])\n\n  return (\n    <ChainNetworkContext value={value}>\n      <ErrorRender error={error ?? activeNetworkError} scope=\"WalletNetworkProvider\" />\n      {children}\n    </ChainNetworkContext>\n  )\n}\n","import type { AttachableNodeInstance } from '@xyo-network/node-model'\n\nconst bridgedNodeMap = new Map<string, AttachableNodeInstance>()\n\nexport const getBridgedNodes = () => {\n  return bridgedNodeMap\n}\n","import { initBridge } from '@xyo-network/chain-sdk'\nimport type { AttachableNodeInstance } from '@xyo-network/node-model'\n\nimport type { NetworkBootstrap } from '../models/index.ts'\nimport { getBridgedNodes } from './getBridgedNodes.ts'\nimport { getNetworkNode } from './getNetworkNode.ts'\n\nexport const initNetworkNode = async (activeNetwork: NetworkBootstrap): Promise<AttachableNodeInstance> => {\n  const bridgedNodeMap = getBridgedNodes()\n  if (bridgedNodeMap.has(activeNetwork.url)) return bridgedNodeMap.get(activeNetwork.url)!\n\n  const bridge = await initBridge(activeNetwork.url)\n  const activeNetworkNode = await getNetworkNode()\n  await activeNetworkNode.register?.(bridge)\n  await activeNetworkNode.attach?.(bridge.address, true)\n  bridgedNodeMap.set(activeNetwork.url, activeNetworkNode)\n\n  return activeNetworkNode\n}\n","import { HDWallet } from '@xyo-network/account'\nimport { ManifestWrapper } from '@xyo-network/manifest-wrapper'\n\nimport { NetworkNodeManifest } from './manifest/index.ts'\n\nexport const getNetworkNode = async () => {\n  const wrapper = new ManifestWrapper(NetworkNodeManifest, await HDWallet.random())\n  const [node] = await wrapper.loadNodes()\n  return node\n}\n","{\n  \"$schema\": \"https://raw.githubusercontent.com/XYOracleNetwork/sdk-xyo-client-js/main/packages/manifest/src/schema.json\",\n  \"nodes\": [\n    {\n      \"config\": {\n        \"accountPath\": \"44'/60'/1\",\n        \"name\": \"Network\",\n        \"schema\": \"network.xyo.node.config\"\n      },\n      \"modules\": {\n        \"private\": [],\n        \"public\": []\n      }\n    }\n  ],\n  \"schema\": \"network.xyo.manifest\"\n}","import type { PackageManifestPayload } from '@xyo-network/manifest-model'\n\nimport node from './network.json' with { type: 'json' }\n\n/**\n * Root Node Manifest\n */\nexport const NetworkNodeManifest = node as PackageManifestPayload\n","/* eslint-disable @stylistic/max-len */\nimport { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const LocalNetworkIcon = createSvgIcon(\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\">\n    <path fill=\"currentColor\" d=\"M40-120v-80h880v80H40Zm120-120q-33 0-56.5-23.5T80-320v-440q0-33 23.5-56.5T160-840h640q33 0 56.5 23.5T880-760v440q0 33-23.5 56.5T800-240H160Zm0-80h640v-440H160v440Zm0 0v-440 440Z\" />\n  </svg>,\n  'LocalNetworkIcon',\n)\n\nexport const LocalNetworkIconString = `\n  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"18\" width=\"18\" viewBox=\"0 -960 960 960\">\n    <path fill=\"currentColor\" d=\"M40-120v-80h880v80H40Zm120-120q-33 0-56.5-23.5T80-320v-440q0-33 23.5-56.5T160-840h640q33 0 56.5 23.5T880-760v440q0 33-23.5 56.5T800-240H160Zm0-80h640v-440H160v440Zm0 0v-440 440Z\" />\n  </svg>\n`\n","/* eslint-disable @stylistic/max-len */\nimport { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const XyoColorLogo = createSvgIcon(\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 238\">\n    <path\n      className=\"cls-1\"\n      d=\"M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z\"\n      fill=\"#8d8fc6\"\n    />\n    <path\n      className=\"cls-2\"\n      d=\"M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z\"\n      fill=\"#579fd6\"\n    />\n    <path\n      className=\"cls-3\"\n      d=\"M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z\"\n      fill=\"#f27046\"\n    />\n    <path\n      className=\"cls-4\"\n      d=\"M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z\"\n      fill=\"#eb407a\"\n    />\n  </svg>,\n  'XyoColorLogo',\n)\n\nexport const XyoColorLogoString = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 238\">\n    <path\n      className=\"cls-1\"\n      d=\"M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z\"\n      fill=\"#8d8fc6\"\n    />\n    <path\n      className=\"cls-2\"\n      d=\"M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z\"\n      fill=\"#579fd6\"\n    />\n    <path\n      className=\"cls-3\"\n      d=\"M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z\"\n      fill=\"#f27046\"\n    />\n    <path\n      className=\"cls-4\"\n      d=\"M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z\"\n      fill=\"#eb407a\"\n    />\n  </svg>\n`\n","import type { Address } from '@xylabs/hex'\nimport { AsObjectFactory } from '@xylabs/object'\nimport type { ChainInformation } from '@xyo-network/chain-model'\nimport type { Payload } from '@xyo-network/payload-model'\nimport { isPayloadOfSchemaType } from '@xyo-network/payload-model'\n\nexport const NetworkBootstrapSchema = 'network.xyo.network.bootstrap' as const\nexport type NetworkBootstrapSchema = typeof NetworkBootstrapSchema\n\nexport interface ChainForkFields {\n  /** Block Number at which the chain was forked from */\n  forkedAtLastBlockNumber?: string\n  /** Hash in the last block the chain was forked from */\n  forkedAtLastHash?: string\n  /** Address of the forked chain */\n  forkedChainId?: Address\n}\n\nexport interface NetworkFields {\n  /** Description of the network */\n  description: string\n  /** string representation of the icon (svg) */\n  icon?: string\n  /** Machine-readable identifier */\n  id: string\n  /** Human-readable identifier */\n  name: string\n  schema: NetworkBootstrapSchema\n  /** Symbol of the network */\n  symbol?: string\n  /** Url for accessing the network */\n  url: string\n}\n\n/** Note: Optional Properties can be found walking the chain to the genesis block */\nexport interface NetworkBootstrapFields extends NetworkFields, ChainForkFields {\n  /** Address of the chain, i.e. smart contract address */\n  chainInfo?: ChainInformation\n}\n\nexport interface Network extends NetworkBootstrap {\n  custom: boolean\n}\n\nexport type NetworkBootstrap = Payload<NetworkBootstrapFields, NetworkBootstrapSchema>\n\nexport const isNetworkBootstrap = isPayloadOfSchemaType<NetworkBootstrap>(NetworkBootstrapSchema)\n\nexport const asOptionalNetwork = AsObjectFactory.createOptional(isNetworkBootstrap)\n","import { LocalNetworkIconString, XyoColorLogoString } from '../images/index.ts'\nimport type { NetworkBootstrap } from '../models/index.ts'\nimport { NetworkBootstrapSchema } from '../models/index.ts'\n\nexport const MainNetwork: NetworkBootstrap = {\n  description: 'Main Node for the XYO Network',\n  icon: XyoColorLogoString,\n  id: 'mainnet',\n  name: 'Mainnet',\n  schema: NetworkBootstrapSchema,\n  symbol: 'XYOG',\n  url: 'https://api.chain.xyo.network',\n}\n\nexport const SequenceNetwork: NetworkBootstrap = {\n  description: 'Test Node for the XYO Network',\n  icon: XyoColorLogoString,\n  id: 'sequence',\n  name: 'Sequence',\n  schema: NetworkBootstrapSchema,\n  symbol: 'XYOG',\n  url: 'https://beta.api.chain.xyo.network/',\n}\n\nexport const LocalNetwork: NetworkBootstrap = {\n  description: 'Local Node',\n  icon: LocalNetworkIconString,\n  id: 'local',\n  name: 'Local',\n  schema: NetworkBootstrapSchema,\n  symbol: 'XYOG',\n  url: 'http://localhost:8080',\n}\n","import { useContextEx } from '@xylabs/react-shared'\n\nimport { ChainNetworkContext } from './context.ts'\n\nexport const useChainNetwork = (required = true) => useContextEx(ChainNetworkContext, 'WalletNetwork', required)\n"],"mappings":"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","names":["Icon","React","NetworkIcon","icon","props","Icon","sx","display","alignItems","justifyContent","ref","innerHTML","ListItemText","ActiveMenuItem","React","NetworkMenuItem","active","network","onClick","updateActiveNetwork","props","handleClick","event","undefined","Error","id","React","ActiveMenuItem","title","name","disableRipple","NetworkIcon","icon","ListItemText","createContextEx","ChainNetworkContext","ErrorRender","usePromise","React","useCallback","useMemo","useState","bridgedNodeMap","Map","getBridgedNodes","initBridge","HDWallet","ManifestWrapper","NetworkNodeManifest","node","getNetworkNode","wrapper","ManifestWrapper","NetworkNodeManifest","HDWallet","random","node","loadNodes","initNetworkNode","activeNetwork","bridgedNodeMap","getBridgedNodes","has","url","get","bridge","initBridge","activeNetworkNode","getNetworkNode","register","attach","address","set","createSvgIcon","React","LocalNetworkIcon","svg","xmlns","viewBox","path","fill","d","LocalNetworkIconString","createSvgIcon","React","XyoColorLogo","svg","xmlns","viewBox","path","className","d","fill","XyoColorLogoString","AsObjectFactory","isPayloadOfSchemaType","NetworkBootstrapSchema","isNetworkBootstrap","asOptionalNetwork","createOptional","MainNetwork","description","icon","XyoColorLogoString","id","name","schema","NetworkBootstrapSchema","symbol","url","SequenceNetwork","LocalNetwork","LocalNetworkIconString","ChainNetworkProvider","children","getActiveNetwork","networks","setActiveNetwork","setActiveNetworkExternal","activeNetwork","useState","error","setError","activeNetworkError","usePromise","find","network","id","defaultNetwork","MainNetwork","updateActiveNetwork","useCallback","networkId","undefined","value","useMemo","provided","walletNetworkError","React","ChainNetworkContext","ErrorRender","scope","useContextEx","useChainNetwork","required","useContextEx","ChainNetworkContext"]}

package/dist/types/helpers/getBridgedNodes.d.ts

@@ -0,0 +1,13 @@
+import type { AttachableNodeInstance } from '@xyo-network/node-model';
+export declare const getBridgedNodes: () => Map<string, AttachableNodeInstance<import("@xylabs/object").BaseParamsFields & {
+    account?: import("@xyo-network/account-model").AccountInstance | "random";
+    addToResolvers?: boolean;
+    additionalSigners?: import("@xyo-network/account-model").AccountInstance[];
+    allowNameResolution?: boolean;
+    config: import("@xyo-network/module-model").AnyConfigSchema<import("@xyo-network/node-model").NodeConfig>;
+    ephemeralQueryAccountEnabled?: boolean;
+    moduleIdentifierTransformers?: import("@xyo-network/module-model").ModuleIdentifierTransformer[];
+    privateChildren?: import("@xyo-network/module-model").ModuleInstance[];
+    publicChildren?: import("@xyo-network/module-model").ModuleInstance[];
+}, import("@xyo-network/node-model").NodeModuleEventData>>;
+//# sourceMappingURL=getBridgedNodes.d.ts.map

package/dist/types/helpers/getBridgedNodes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getBridgedNodes.d.ts","sourceRoot":"","sources":["../../../src/helpers/getBridgedNodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAIrE,eAAO,MAAM,eAAe;;;;;;;;;;0DAE3B,CAAA"}

package/dist/types/helpers/getNetworkNode.d.ts

@@ -0,0 +1,12 @@
+export declare const getNetworkNode: () => Promise<import("@xyo-network/node-memory").MemoryNode<import("@xylabs/object").BaseParamsFields & {
+    account?: import("@xyo-network/account").AccountInstance | "random";
+    addToResolvers?: boolean;
+    additionalSigners?: import("@xyo-network/account").AccountInstance[];
+    allowNameResolution?: boolean;
+    config: import("@xyo-network/module-model").AnyConfigSchema<import("@xyo-network/node-model").NodeConfig>;
+    ephemeralQueryAccountEnabled?: boolean;
+    moduleIdentifierTransformers?: import("@xyo-network/module-model").ModuleIdentifierTransformer[];
+    privateChildren?: import("@xyo-network/module-model").ModuleInstance[];
+    publicChildren?: import("@xyo-network/module-model").ModuleInstance[];
+}, import("@xyo-network/node-model").NodeModuleEventData>>;
+//# sourceMappingURL=getNetworkNode.d.ts.map

package/dist/types/helpers/getNetworkNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getNetworkNode.d.ts","sourceRoot":"","sources":["../../../src/helpers/getNetworkNode.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc;;;;;;;;;;0DAI1B,CAAA"}

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

@@ -1,2 +1,4 @@
+export * from './getBridgedNodes.ts';
+export * from './initNetworkNode.ts';
 export * from './Networks.ts';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA"}

package/dist/types/helpers/initNetworkNode.d.ts

@@ -0,0 +1,4 @@
+import type { AttachableNodeInstance } from '@xyo-network/node-model';
+import type { NetworkBootstrap } from '../models/index.ts';
+export declare const initNetworkNode: (activeNetwork: NetworkBootstrap) => Promise<AttachableNodeInstance>;
+//# sourceMappingURL=initNetworkNode.d.ts.map

package/dist/types/helpers/initNetworkNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"initNetworkNode.d.ts","sourceRoot":"","sources":["../../../src/helpers/initNetworkNode.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAErE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAI1D,eAAO,MAAM,eAAe,GAAU,eAAe,gBAAgB,KAAG,OAAO,CAAC,sBAAsB,CAWrG,CAAA"}

package/dist/types/helpers/manifest/index.d.ts

@@ -0,0 +1,2 @@
+export * from './networkManifest.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/helpers/manifest/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/helpers/manifest/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}

package/dist/types/helpers/manifest/networkManifest.d.ts

@@ -0,0 +1,6 @@
+import type { PackageManifestPayload } from '@xyo-network/manifest-model';
+/**
+ * Root Node Manifest
+ */
+export declare const NetworkNodeManifest: PackageManifestPayload;
+//# sourceMappingURL=networkManifest.d.ts.map

package/dist/types/helpers/manifest/networkManifest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"networkManifest.d.ts","sourceRoot":"","sources":["../../../../src/helpers/manifest/networkManifest.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAIzE;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAW,sBAAsB,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-network",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "XYO Layer One React SDK",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -38,15 +38,19 @@
     "start": "storybook dev -p 6006"
   },
   "dependencies": {
-    "@xylabs/array": "^4.7.5",
     "@xylabs/eslint-config-flat": "^6.1.4",
-    "@xylabs/hex": "^4.7.5",
-    "@xylabs/promise": "^4.7.5",
+    "@xylabs/hex": "^4.7.11",
     "@xylabs/react-error": "^6.0.9",
     "@xylabs/react-promise": "^6.0.9",
     "@xylabs/react-shared": "^6.0.9",
-    "@xyo-network/chain-model": "^1.0.5",
-    "@xyo-network/payload-model": "^3.10.1"
+    "@xyo-network/chain-model": "^1.0.7",
+    "@xyo-network/chain-sdk": "^1.0.7",
+    "@xyo-network/manifest-model": "^3.10.3",
+    "@xyo-network/manifest-wrapper": "^3.10.3",
+    "@xyo-network/node-model": "^3.10.3",
+    "@xyo-network/payload-model": "^3.10.3",
+    "@xyo-network/react-chain-shared": "^1.0.7",
+    "@xyo-network/react-shared": "^5.0.7"
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
@@ -54,12 +58,15 @@
     "@mui/icons-material": "^6.4.8",
     "@mui/material": "^6.4.8",
     "@mui/styles": "^6.4.8",
+    "@types/react": "^19.0.12",
     "@xylabs/ts-scripts-yarn3": "^6.1.4",
     "@xylabs/tsconfig-react": "^6.1.4",
     "eslint": "^9.22.0",
     "ethers": "^6.13.5",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "react-router-dom": "^7.4.0",
+    "typescript": "^5.8.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11",
@@ -69,7 +76,8 @@
     "@mui/styles": "^6",
     "ethers": "^6",
     "react": "^19",
-    "react-dom": "^19"
+    "react-dom": "^19",
+    "react-router-dom": "^7"
   },
   "volta": {
     "node": "22.3.0",

package/src/helpers/getBridgedNodes.ts

@@ -0,0 +1,7 @@
+import type { AttachableNodeInstance } from '@xyo-network/node-model'
+
+const bridgedNodeMap = new Map<string, AttachableNodeInstance>()
+
+export const getBridgedNodes = () => {
+  return bridgedNodeMap
+}

package/src/helpers/getNetworkNode.ts

@@ -0,0 +1,10 @@
+import { HDWallet } from '@xyo-network/account'
+import { ManifestWrapper } from '@xyo-network/manifest-wrapper'
+
+import { NetworkNodeManifest } from './manifest/index.ts'
+
+export const getNetworkNode = async () => {
+  const wrapper = new ManifestWrapper(NetworkNodeManifest, await HDWallet.random())
+  const [node] = await wrapper.loadNodes()
+  return node
+}

package/src/helpers/index.ts

@@ -1 +1,3 @@
+export * from './getBridgedNodes.ts'
+export * from './initNetworkNode.ts'
 export * from './Networks.ts'

package/src/helpers/initNetworkNode.ts

@@ -0,0 +1,19 @@
+import { initBridge } from '@xyo-network/chain-sdk'
+import type { AttachableNodeInstance } from '@xyo-network/node-model'
+
+import type { NetworkBootstrap } from '../models/index.ts'
+import { getBridgedNodes } from './getBridgedNodes.ts'
+import { getNetworkNode } from './getNetworkNode.ts'
+
+export const initNetworkNode = async (activeNetwork: NetworkBootstrap): Promise<AttachableNodeInstance> => {
+  const bridgedNodeMap = getBridgedNodes()
+  if (bridgedNodeMap.has(activeNetwork.url)) return bridgedNodeMap.get(activeNetwork.url)!
+
+  const bridge = await initBridge(activeNetwork.url)
+  const activeNetworkNode = await getNetworkNode()
+  await activeNetworkNode.register?.(bridge)
+  await activeNetworkNode.attach?.(bridge.address, true)
+  bridgedNodeMap.set(activeNetwork.url, activeNetworkNode)
+
+  return activeNetworkNode
+}

package/src/helpers/manifest/index.ts

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

package/src/helpers/manifest/network.json

@@ -0,0 +1,17 @@
+{
+  "$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"
+}

package/src/helpers/manifest/networkManifest.ts

@@ -0,0 +1,8 @@
+import type { PackageManifestPayload } from '@xyo-network/manifest-model'
+
+import node from './network.json' with { type: 'json' }
+
+/**
+ * Root Node Manifest
+ */
+export const NetworkNodeManifest = node as PackageManifestPayload