feat: add light-client example

packages/useink/package.json

@@ -90,6 +90,8 @@
     }
   },
   "dependencies": {
+    "@polkadot/rpc-provider": "^10.9.1",
+    "@substrate/connect": "^0.7.30",
     "nanoid": "3"
   }
 }

packages/useink/src/core/types/index.ts

@@ -2,6 +2,7 @@ export * from './api-contract.ts';
 export * from './array.ts';
 export * from './contracts.ts';
 export * from './result.ts';
+export * from './substrate-connect.ts';
 export * from './substrate.ts';
 export * from './talisman-connect-wallets.ts';
 export * from './unsub.ts';

packages/useink/src/core/types/substrate-connect.ts

@@ -0,0 +1,2 @@
+export { ScProvider } from '@polkadot/rpc-provider';
+export * as Sc from '@substrate/connect';

packages/useink/src/react/providers/config/model.ts

@@ -1,17 +1,25 @@
 import { Chain, ChainId, RococoContractsTestnet } from '../../../chains/index';
 import { ArrayOneOrMore } from '../../../core/index';
 import { FIVE_SECONDS, HALF_A_SECOND } from '../../constants.ts';
+import { ConnectionType } from '../../providers/api/model.ts';
 
 export type ChainRPCs = Partial<Record<ChainId, string>>;
 
 export type CallerAddress = string;
 
+export type ProviderConnectionConfig = Partial<
+  Record<ChainId, ConnectionType>
+> & { default?: ConnectionType };
+
+export type DefaultCallerConfig = Partial<Record<ChainId, CallerAddress>> & {
+  default?: CallerAddress;
+};
+
 export type ConfigProps = {
   dappName?: string;
   chains: ArrayOneOrMore<Chain>;
-  caller?: {
-    default?: CallerAddress;
-  } & Partial<Record<ChainId, CallerAddress>>;
+  api?: ProviderConnectionConfig;
+  caller?: DefaultCallerConfig;
   events?: {
     expiration?: number;
     checkInterval?: number;

react/providers/api/model.ts

@@ -0,0 +1,28 @@
+import { ChainId } from '../../../chains/mod.ts';
+import { ApiPromise, ScProvider, WsProvider } from '../../../core/mod.ts';
+
+interface TrustedConnection {
+  connection: 'trusted';
+  provider: WsProvider;
+}
+
+interface LightClientConnection {
+  connection: 'light-client';
+  provider: ScProvider;
+}
+
+export type ProviderConnection = TrustedConnection | LightClientConnection;
+
+export type IApiProvider = {
+  api: ApiPromise;
+} & ProviderConnection;
+
+export type IApiProviders = Partial<
+  Record<ChainId, IApiProvider>
+>;
+
+export interface API {
+  apis?: IApiProviders;
+}
+
+export type ConnectionType = 'trusted' | 'light-client';

react/providers/api/provider.tsx

@@ -0,0 +1,46 @@
+import React, { useEffect, useReducer } from 'react'
+import { useChains } from '../../hooks/mod.ts'
+import { APIContext } from './context.ts'
+import { apiProvidersReducer } from './reducer.ts'
+import { ProviderConnection, useConfig } from '../../mod.ts'
+import { ApiPromise, Sc, ScProvider, WsProvider } from "../../../core/mod.ts";
+import { ChainId } from '../../../chains/types.ts'
+import { ProviderConnectionConfig } from '../config/mod.ts'
+
+const isTrusted = (chainId: ChainId, apiConfig?: ProviderConnectionConfig): boolean => {
+  if (!apiConfig) return true;
+  if (apiConfig?.[chainId] === 'light-client') return false;
+  if (!apiConfig?.[chainId] && apiConfig.default === 'light-client') return false;
+
+  return true
+}
+
+export const APIProvider: React.FC<React.PropsWithChildren<any>> = ({
+  children,
+}) => {
+  const chains = useChains()
+  const c = useConfig()
+  const [apis, dispatch] = useReducer(apiProvidersReducer, {})
+
+  useEffect(() => {
+    chains.forEach((chain) => {
+      const connection: ProviderConnection = isTrusted(chain.id, c.api) ? ({
+        connection: 'trusted',
+        provider: new WsProvider(c.chainRpcs[chain.id] || chain.rpcs[0]),
+      }) : ({
+          connection: 'light-client',
+          provider: new ScProvider(Sc, "all"),
+      })
+
+      ApiPromise.create({ provider: connection.provider }).then((api) => {
+        dispatch({
+          type: 'ADD_API_PROVIDER',
+          chainId: chain.id,
+          apiProvider: { api, ...connection },
+        })
+      })
+    })
+  }, [chains, c.chainRpcs, c.api])
+
+  return <APIContext.Provider value={{ apis }} children={children} />
+}