Fix some types + add start to root

package.json

@@ -9,6 +9,9 @@
     "packages/*"
   ],
   "scripts": {
+    "build:core": "cd packages/core && yarn build",
+    "build:react": "cd packages/react && yarn build",
+    "start": "yarn build:core && yarn build:react && cd packages/react-ui && yarn start",
     "format": "prettier --write \"./src/**/*.{ts,tsx}\""
   }
 }

packages/react/src/contexts/DotsamaWalletsContext.tsx

@@ -1,5 +1,5 @@
 import { createContext, useState, useMemo, useCallback } from 'react';
-import { getExtensions, ExtensionInfo, BasicExtensionInfo } from '@dotsama-wallets/core';
+import { getExtensions, DotsamaWallet, DotsamaWalletBasic, ExtensionEnabler } from '@dotsama-wallets/core';
 import { Injected, InjectedAccount } from '@polkadot/extension-inject/types';
 
 interface DotsamaWalletsContextProviderProps {
@@ -8,31 +8,34 @@ interface DotsamaWalletsContextProviderProps {
 
 interface DotsamaWalletsContextProps {
   setupWallets: () => void;
-  connectToExtension: (appName: string, extension: ExtensionInfo) => Promise<{ injectedExtension: Injected, accounts: InjectedAccount[] }>;
-  extensions: ExtensionInfo[];
-  otherExtensions: BasicExtensionInfo[];
+  connectToExtension: (appName: string, extension: DotsamaWallet<ExtensionEnabler>) => Promise<{ injectedExtension: Injected; accounts: InjectedAccount[] }>;
+  extensions: DotsamaWallet<ExtensionEnabler>[];
+  otherExtensions: DotsamaWalletBasic<ExtensionEnabler>[];
 }
 
 export const DotsamaWalletsContext = createContext<DotsamaWalletsContextProps>({
   setupWallets: () => {},
-  connectToExtension: async () => ({ injectedExtension: {} as Injected, accounts: []}),
+  connectToExtension: async () => ({ injectedExtension: {} as Injected, accounts: [] }),
   extensions: [],
   otherExtensions: [],
 });
 
 export const DotsamaWalletsContextProvider = ({ children }: DotsamaWalletsContextProviderProps) => {
-  const [extensions, setExtensions] = useState<ExtensionInfo[]>([]);
-  const [otherExtensions, setOtherExtensions] = useState<BasicExtensionInfo[]>([]);
-
-  const connectToExtension = useCallback(async (appName: string, extension: ExtensionInfo) => {
-    // TODO extension connection should be separate from getting accounts, but for that will need ping functionality to get isConnected status
-    // currently we don't have that yet
-    // add try catches
-    const injectedExtension = await extension.enable(appName);
-    const accounts = await injectedExtension.accounts.get();
-
-    return { injectedExtension, accounts };
-  }, [extensions, otherExtensions]);
+  const [extensions, setExtensions] = useState<DotsamaWallet<ExtensionEnabler>[]>([]);
+  const [otherExtensions, setOtherExtensions] = useState<DotsamaWalletBasic<ExtensionEnabler>[]>([]);
+
+  const connectToExtension = useCallback(
+    async (appName: string, extension: DotsamaWallet<ExtensionEnabler>) => {
+      // TODO extension connection should be separate from getting accounts, but for that will need ping functionality to get isConnected status
+      // currently we don't have that yet
+      // add try catches
+      const injectedExtension = await extension.enable(appName);
+      const accounts = await injectedExtension.accounts.get();
+
+      return { injectedExtension, accounts };
+    },
+    [extensions, otherExtensions],
+  );
 
   // initializer, gets all the extensions
   const setupWallets = () => {
@@ -41,7 +44,7 @@ export const DotsamaWalletsContextProvider = ({ children }: DotsamaWalletsContex
 
     setExtensions([...knownExtensions]); // TODO: potentially can be [...knownExtensions, walletConnect]
     setOtherExtensions([...otherExtensions]);
-  }
+  };
 
   const contextData = useMemo(
     () => ({