add getTabApi

src/contexts/Api/defaults.ts

@@ -1,8 +1,10 @@
 // Copyright 2024 @rossbulat/console authors & contributors
 // SPDX-License-Identifier: GPL-3.0-only
+/* eslint-disable @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function */
 
 import type { ApiContextInterface } from './types';
 
 export const defaultApiContext: ApiContextInterface = {
   isReady: false,
+  getTabApi: () => undefined,
 };

src/contexts/Api/index.tsx

@@ -5,17 +5,34 @@ import type { ReactNode } from 'react';
 import { createContext, useContext } from 'react';
 import { defaultApiContext } from './defaults';
 import type { ApiContextInterface } from './types';
+import { ApiController } from 'controllers/ApiController';
+import { useTabs } from 'contexts/Tabs';
 
 export const Api = createContext<ApiContextInterface>(defaultApiContext);
 
 export const useApi = () => useContext(Api);
 
-export const ApiProvider = ({ children }: { children: ReactNode }) => (
-  <Api.Provider
-    value={{
-      isReady: false,
-    }}
-  >
-    {children}
-  </Api.Provider>
-);
+export const ApiProvider = ({ children }: { children: ReactNode }) => {
+  const { getActiveTab } = useTabs();
+
+  // Gets the Api instance of the active tab, if present.
+  const getTabApi = () => {
+    const chainId = getActiveTab()?.chainId;
+    if (chainId) {
+      return ApiController.instances[chainId];
+    }
+  };
+
+  return (
+    <Api.Provider
+      value={{
+        isReady: false,
+        // TODO: apiStatus,
+        // TODO: setRpcEndpoint,
+        getTabApi,
+      }}
+    >
+      {children}
+    </Api.Provider>
+  );
+};

src/contexts/Api/types.ts

@@ -1,6 +1,9 @@
 // Copyright 2024 @rossbulat/console authors & contributors
 // SPDX-License-Identifier: GPL-3.0-only
 
+import type { Api } from 'model/Api';
+
 export interface ApiContextInterface {
   isReady: boolean;
+  getTabApi: () => Api | undefined;
 }

src/contexts/Tabs/defaults.ts

@@ -33,27 +33,27 @@ export const TAB_TRANSITION_DURATION_MS = 300;
 export const defaultTabs: Tabs = [
   {
     id: 1,
-    chain: 'polkadot-relay-chain',
+    chainId: 'polkadot-relay-chain',
     name: 'Polkadot Relay',
     autoConnect: true,
   },
   {
     id: 2,
-    chain: 'kusama-relay-chain',
+    chainId: 'kusama-relay-chain',
     name: 'Kusama Relay',
     autoConnect: true,
   },
   {
     id: 3,
-    chain: 'westend-relay-chain',
+    chainId: 'westend-relay-chain',
     name: 'Westend Relay Long Name',
     autoConnect: true,
   },
 ];
 
 export const defaultEemptyTab: Tab = {
   id: -1,
-  chain: undefined,
+  chainId: undefined,
   name: '',
   autoConnect: true,
 };

src/contexts/Tabs/index.tsx

@@ -91,7 +91,7 @@ export const TabsProvider = ({ children }: { children: ReactNode }) => {
       ...tabs,
       {
         id: newTabId,
-        chain: undefined,
+        chainId: undefined,
         name: 'New Tab',
         autoConnect,
       },

src/contexts/Tabs/types.ts

@@ -8,7 +8,7 @@ export type Tabs = Tab[];
 
 export interface Tab {
   id: number;
-  chain: ChainId | undefined;
+  chainId: ChainId | undefined;
   name: string;
   autoConnect: boolean;
 }