enable on cennznet extension

.eslintrc.js

@@ -12,7 +12,8 @@ module.exports = {
     '.yarn/**',
     '**/build/*',
     '**/coverage/*',
-    '**/node_modules/*'
+    '**/node_modules/*',
+    '**/config.ts'
   ],
   parserOptions: {
     ...base.parserOptions,

.github/workflows/publish.yml

@@ -0,0 +1,53 @@
+name: Release Pipeline (develop/2.0)
+
+on:
+  pull_request:
+    branches:
+      - master
+    types:
+      - labeled
+    check_suite:
+      types:
+      - completed
+
+jobs:
+  release-to-github:
+    needs:
+    - merge-release-branch
+    # release to github only when its a prerelease branch and auto merge label is triggered
+    if: ${{ startsWith(github.head_ref, 'useOnlyCENNZnetExtension') }} && ${{ github.event.label.name == 'automerge' }}
+    runs-on: ubuntu-latest
+    steps:
+    # checkout merged branch
+    - uses: actions/checkout@v2
+      with:
+        ref: useOnlyCENNZnetExtension
+    - uses: actions/setup-node@v1
+      with:
+        node-version: '15.3'
+    - name: find release version
+      id: find_version
+      run: |
+        echo ::set-output name=tag_name::$(cat packages/extension/package.json \
+        | grep version \
+        | head -1 \
+        | grep -E -o '[0-9|.]+\-*[a-z]*\.[0-9]+|]+')
+    - name: make release branch
+      uses: peterjgrainger/[email protected]
+      env:
+        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      with:
+        branch: "release/${{steps.find_version.outputs.tag_name}}"
+    - name: package
+      run: |
+        yarn && yarn build
+        npx lerna exec -- 'cp package.json build/'
+        npx lerna exec -- 'cp README.md build/'
+        npx lerna exec -- 'cp ../../LICENSE build/'
+    - name: publish to npm
+      env:
+        NPM_KEY: ${{ secrets.NPM_KEY }}
+      run: |
+        echo "//registry.npmjs.org/:_authToken=${NPM_KEY}" > ~/.npmrc
+        echo 'Publishing to npmjs.org.'
+        npx lerna exec -- 'cd build && npm publish --access public'

packages/extension-base/src/background/handlers/Extension.test.ts

@@ -8,6 +8,7 @@ import type { SignerPayloadJSON } from '@polkadot/types/types';
 
 import { ResponseSigning } from '@cennznet/extension-base/background/types';
 import { MetadataDef } from '@cennznet/extension-inject/types';
+
 import { KeyringPair } from '@polkadot/keyring/types';
 import { TypeRegistry } from '@polkadot/types';
 import keyring from '@polkadot/ui-keyring';

packages/extension-base/src/background/handlers/Extension.ts

@@ -5,8 +5,7 @@ import type { MetadataDef } from '@cennznet/extension-inject/types';
 import type { KeyringPair, KeyringPair$Json, KeyringPair$Meta } from '@polkadot/keyring/types';
 import type { SignerPayloadJSON, SignerPayloadRaw } from '@polkadot/types/types';
 import type { SubjectInfo } from '@polkadot/ui-keyring/observable/types';
-import type {
-  AccountJson,
+import type { AccountJson,
   AllowedPath,
   AuthorizeRequest,
   MessageTypes,
@@ -45,11 +44,11 @@ import type {
   ResponseSeedValidate,
   ResponseSigningIsLocked,
   ResponseType,
-  SigningRequest
-} from '../types';
+  SigningRequest } from '../types';
 
 import { ALLOWED_PATH, PASSWORD_EXPIRY_MS } from '@cennznet/extension-base/defaults';
 import chrome from '@cennznet/extension-inject/chrome';
+
 import { TypeRegistry } from '@polkadot/types';
 import keyring from '@polkadot/ui-keyring';
 import { accounts as accountsObservable } from '@polkadot/ui-keyring/observable/accounts';

packages/extension-base/src/background/handlers/State.ts

@@ -5,10 +5,10 @@ import type { MetadataDef, ProviderMeta } from '@cennznet/extension-inject/types
 import type { JsonRpcResponse, ProviderInterface, ProviderInterfaceCallback } from '@polkadot/rpc-provider/types';
 import type { AccountJson, AuthorizeRequest, MetadataRequest, RequestAuthorizeTab, RequestRpcSend, RequestRpcSubscribe, RequestRpcUnsubscribe, RequestSign, ResponseRpcListProviders, ResponseSigning, SigningRequest } from '../types';
 
-import { BehaviorSubject } from 'rxjs';
-
 import { addMetadata, knownMetadata } from '@cennznet/extension-chains';
 import chrome from '@cennznet/extension-inject/chrome';
+import { BehaviorSubject } from 'rxjs';
+
 import { assert } from '@polkadot/util';
 
 import { MetadataStore } from '../../stores';

packages/extension-base/src/background/handlers/Tabs.ts

@@ -10,6 +10,7 @@ import type { MessageTypes, RequestAccountList, RequestAuthorizeTab, RequestRpcS
 
 import { PHISHING_PAGE_REDIRECT } from '@cennznet/extension-base/defaults';
 import { canDerive } from '@cennznet/extension-base/utils';
+
 import { checkIfDenied } from '@polkadot/phishing';
 import keyring from '@polkadot/ui-keyring';
 import { accounts as accountsObservable } from '@polkadot/ui-keyring/observable/accounts';

packages/extension-chains/src/index.ts

@@ -2,11 +2,13 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import type { MetadataDef } from '@cennznet/extension-inject/types';
+import type { ExtDef } from '@polkadot/types/extrinsic/signedExtensions/types';
 import type { Chain, MetadataFetched, RuntimeTypes } from './types';
 
 import { Metadata } from '@polkadot/metadata';
 import { TypeRegistry } from '@polkadot/types';
 import { base64Decode } from '@polkadot/util-crypto';
+
 import config from './config';
 // imports chain details, generally metadata. For the generation of these,
 // inside the api, run `yarn chain:info --ws <url>`
@@ -20,50 +22,70 @@ const definitions = new Map<string, MetadataDef>(
 /** when metadata definition stored in extension is outdated
  * get the definition for @cennznet/api/extension-releases
  * for cennznet specific chains **/
-export function getLatestMetaFromServer(genesisHashExpected: string): MetadataFetched | null {
+export function getLatestMetaFromServer (genesisHashExpected: string): MetadataFetched | null {
   try {
     const xmlHttp = new XMLHttpRequest();
-    xmlHttp.open("GET", "https://raw.githubusercontent.com/cennznet/api.js/master/extension-releases/metaCalls.json", false);
+
+    xmlHttp.open('GET', 'https://raw.githubusercontent.com/cennznet/api.js/master/extension-releases/metaCalls.json', false);
     xmlHttp.send(null);
-    let response = xmlHttp.responseText;
+    const response: string = xmlHttp.responseText;
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     const metadataDetails = JSON.parse(response);
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-member-access
     const metaCallsList = metadataDetails?.metaCalls;
+
     if (metaCallsList) {
       // metaCalls is { genesisHash-specVersion: metaCalls }
-      const key = Object.keys(metaCallsList).filter(v => v.includes(genesisHashExpected));
+      const key = Object.keys(metaCallsList).filter((v) => v.includes(genesisHashExpected));
+
       if (!key[0]) {
         return null;
       }
+
       const [, specVersion] = key[0].split('-');
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-member-access
       const metaCalls = metaCallsList[key[0]];
-      return {metaCalls, specVersion: parseInt(specVersion)};
+
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+      return { metaCalls, specVersion: parseInt(specVersion) } as MetadataFetched;
     }
+
     return null;
   } catch (e) {
-    console.log('Err:',e);
+    console.log('Err:', e);
+
     return null;
   }
 }
 
 /** when types stored in extension is outdated
  * get the types for @cennznet/api/extension-releases
  * for cennznet specific chains **/
-export function getLatestTypesFromServer(genesisHashExpected: string): RuntimeTypes | null {
+export function getLatestTypesFromServer (genesisHashExpected: string): RuntimeTypes | null {
   try {
     const xmlHttp = new XMLHttpRequest();
-    xmlHttp.open("GET", "https://raw.githubusercontent.com/cennznet/api.js/master/extension-releases/runtimeModuleTypes.json", false);
+
+    xmlHttp.open('GET', 'https://raw.githubusercontent.com/cennznet/api.js/master/extension-releases/runtimeModuleTypes.json', false);
     xmlHttp.send(null);
-    let response = xmlHttp.responseText;
+    const response = xmlHttp.responseText;
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     const additionalTypes = JSON.parse(response);
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-member-access
     const typesForCurrentChain = additionalTypes[genesisHashExpected];
+
     if (typesForCurrentChain) {
-      const types = typesForCurrentChain.types;
-      const userExtensions = typesForCurrentChain.userExtensions;
-      return {types, userExtensions};
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-member-access
+      const types: Record<string, Record<string, string> | string> = typesForCurrentChain.types;
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-assignment
+      const userExtensions: ExtDef = typesForCurrentChain.userExtensions;
+
+      return { types, userExtensions } as RuntimeTypes;
     }
+
     return null;
   } catch (e) {
-    console.log('Err:',e);
+    console.log('Err:', e);
+
     return null;
   }
 }

packages/extension-chains/src/types.ts

@@ -1,7 +1,8 @@
 // Copyright 2019-2021 @polkadot/extension-chains authors & contributors
 // SPDX-License-Identifier: Apache-2.0
-import type { ExtDef } from '@polkadot/types/extrinsic/signedExtensions/types';
+
 import type { MetadataDef } from '@cennznet/extension-inject/types';
+import type { ExtDef } from '@polkadot/types/extrinsic/signedExtensions/types';
 import type { Registry } from '@polkadot/types/types';
 
 export interface Chain {

packages/extension-dapp/src/compat/singleSource.ts

@@ -1,8 +1,8 @@
 // Copyright 2019-2021 @polkadot/extension-dapp authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Signer } from '@polkadot/api/types';
 import type { Injected, InjectedAccount, InjectedWindow } from '@cennznet/extension-inject/types';
+import type { Signer } from '@polkadot/api/types';
 
 // RxJs interface, only the bare-bones of what we need here
 interface Subscriber<T> {

packages/extension-dapp/src/index.ts

@@ -3,6 +3,8 @@
 
 import type { Injected, InjectedAccount, InjectedAccountWithMeta, InjectedExtension, InjectedExtensionInfo, InjectedProviderWithMeta, InjectedWindow, ProviderList, Unsubcall, Web3AccountsOptions } from '@cennznet/extension-inject/types';
 
+import { InjectedWindowProvider } from '@cennznet/extension-inject/types';
+
 import { u8aEq } from '@polkadot/util';
 import { decodeAddress, encodeAddress } from '@polkadot/util-crypto';
 
@@ -44,9 +46,20 @@ let web3EnablePromise: Promise<InjectedExtension[]> | null = null;
 
 export { isWeb3Injected, web3EnablePromise };
 
+const CENNZNET_EXT = 'cennznet-extension';
+
 function getWindowExtensions (originName: string): Promise<[InjectedExtensionInfo, Injected | void][]> {
+  let enableList: Record<string, InjectedWindowProvider>;
+
+  // Use only cennznet extension if its installed
+  if (win.injectedWeb3[CENNZNET_EXT]) {
+    enableList = { [CENNZNET_EXT]: win.injectedWeb3[CENNZNET_EXT] };
+  } else { // Use any other extension (fall back)
+    enableList = win.injectedWeb3;
+  }
+
   return Promise.all(
-    Object.entries(win.injectedWeb3).map(([name, { enable, version }]): Promise<[InjectedExtensionInfo, Injected | void]> =>
+    Object.entries(enableList).map(([name, { enable, version }]): Promise<[InjectedExtensionInfo, Injected | void]> =>
       Promise.all([
         Promise.resolve({ name, version }),
         enable(originName).catch((error: Error): void => {
@@ -55,6 +68,8 @@ function getWindowExtensions (originName: string): Promise<[InjectedExtensionInf
       ])
     )
   );
+
+  return Promise.resolve([]);
 }
 
 // enables all the providers found on the injected window interface
@@ -113,6 +128,7 @@ export async function web3Accounts ({ ss58Format }: Web3AccountsOptions = {}): P
         return mapAccounts(source, list, ss58Format);
       } catch (error) {
         console.error('web3accounts failed:', error);
+
         // cannot handle this one
         return [];
       }

packages/extension-ui/src/Popup/Accounts/Account.test.tsx

@@ -39,11 +39,12 @@ describe('Account component', () => {
     wrapper.find('.settings').first().simulate('click');
     await act(flushAllPromises);
 
-    expect(wrapper.find('a.menuItem').length).toBe(4);
+    expect(wrapper.find('a.menuItem').length).toBe(5);
     expect(wrapper.find('a.menuItem').at(0).text()).toBe('Rename');
     expect(wrapper.find('a.menuItem').at(1).text()).toBe('Derive New Account');
-    expect(wrapper.find('a.menuItem').at(2).text()).toBe('Export Account');
-    expect(wrapper.find('a.menuItem').at(3).text()).toBe('Forget Account');
+    expect(wrapper.find('a.menuItem').at(2).text()).toBe('View on UNcover');
+    expect(wrapper.find('a.menuItem').at(3).text()).toBe('Export Account');
+    expect(wrapper.find('a.menuItem').at(4).text()).toBe('Forget Account');
     expect(wrapper.find('.genesisSelection').exists()).toBe(true);
   });
 
@@ -52,9 +53,10 @@ describe('Account component', () => {
     wrapper.find('.settings').first().simulate('click');
     await act(flushAllPromises);
 
-    expect(wrapper.find('a.menuItem').length).toBe(2);
+    expect(wrapper.find('a.menuItem').length).toBe(3);
     expect(wrapper.find('a.menuItem').at(0).text()).toBe('Rename');
-    expect(wrapper.find('a.menuItem').at(1).text()).toBe('Forget Account');
+    expect(wrapper.find('a.menuItem').at(1).text()).toBe('View on UNcover');
+    expect(wrapper.find('a.menuItem').at(2).text()).toBe('Forget Account');
     expect(wrapper.find('.genesisSelection').exists()).toBe(true);
   });
 
@@ -63,10 +65,11 @@ describe('Account component', () => {
     wrapper.find('.settings').first().simulate('click');
     await act(flushAllPromises);
 
-    expect(wrapper.find('a.menuItem').length).toBe(3);
+    expect(wrapper.find('a.menuItem').length).toBe(4);
     expect(wrapper.find('a.menuItem').at(0).text()).toBe('Rename');
-    expect(wrapper.find('a.menuItem').at(1).text()).toBe('Export Account');
-    expect(wrapper.find('a.menuItem').at(2).text()).toBe('Forget Account');
+    expect(wrapper.find('a.menuItem').at(1).text()).toBe('View on UNcover');
+    expect(wrapper.find('a.menuItem').at(2).text()).toBe('Export Account');
+    expect(wrapper.find('a.menuItem').at(3).text()).toBe('Forget Account');
     expect(wrapper.find('.genesisSelection').exists()).toBe(true);
   });
 
@@ -75,9 +78,10 @@ describe('Account component', () => {
     wrapper.find('.settings').first().simulate('click');
     await act(flushAllPromises);
 
-    expect(wrapper.find('a.menuItem').length).toBe(2);
+    expect(wrapper.find('a.menuItem').length).toBe(3);
     expect(wrapper.find('a.menuItem').at(0).text()).toBe('Rename');
-    expect(wrapper.find('a.menuItem').at(1).text()).toBe('Forget Account');
+    expect(wrapper.find('a.menuItem').at(1).text()).toBe('View on UNcover');
+    expect(wrapper.find('a.menuItem').at(2).text()).toBe('Forget Account');
     expect(wrapper.find('.genesisSelection').exists()).toBe(false);
   });
 });

packages/extension-ui/src/Popup/Accounts/Account.tsx

@@ -3,18 +3,17 @@
 
 import type { AccountJson } from '@cennznet/extension-base/background/types';
 
-import React, { useCallback, useMemo, useState } from 'react';
-import styled from 'styled-components';
-
 import { canDerive } from '@cennznet/extension-base/utils';
+import defaultConfig from '@cennznet/extension-chains/config';
 import { ThemeProps } from '@cennznet/extension-ui/types';
+import React, { useCallback, useMemo, useState } from 'react';
+import styled from 'styled-components';
 
 import { Address, Dropdown, Link, MenuDivider } from '../../components';
 import useGenesisHashOptions from '../../hooks/useGenesisHashOptions';
 import useTranslation from '../../hooks/useTranslation';
 import { editAccount, tieAccount } from '../../messaging';
 import { Name } from '../../partials';
-import defaultConfig from "@cennznet/extension-chains/config";
 
 interface Props extends AccountJson {
   className?: string;
@@ -31,7 +30,7 @@ function Account ({ address, className, genesisHash, isExternal, isHardware, isH
   const [{ isEditing, toggleActions }, setEditing] = useState<EditState>({ isEditing: false, toggleActions: 0 });
   const [editedName, setName] = useState<string | undefined | null>(name);
   const genesisOptions = useGenesisHashOptions();
-  const nikauChain = defaultConfig.CENNZNetChain.find(blkChain => blkChain.chain === 'CENNZnet Nikau');
+  const nikauChain = defaultConfig.CENNZNetChain.find((blkChain) => blkChain.chain === 'CENNZnet Nikau');
 
   const _onChangeGenesis = useCallback(
     (genesisHash?: string | null): void => {
@@ -74,8 +73,9 @@ function Account ({ address, className, genesisHash, isExternal, isHardware, isH
         </Link>
       )}
       <a className='menuItem'
-         href={genesisHash === nikauChain?.genesisHash ? `https://uncoverexplorer.com/account/${address}?network=Nikau` : `https://uncoverexplorer.com/account/${address}`}
-         target="_blank"
+        href={genesisHash === nikauChain?.genesisHash ? `https://uncoverexplorer.com/account/${address}?network=Nikau` : `https://uncoverexplorer.com/account/${address}`}
+        rel='noreferrer'
+        target='_blank'
       >
         {t<string>('View on UNcover')}
       </a>
@@ -111,7 +111,7 @@ function Account ({ address, className, genesisHash, isExternal, isHardware, isH
         </>
       )}
     </>
-  ), [_onChangeGenesis, _toggleEdit, address, genesisHash, genesisOptions, isExternal, isHardware, t, type]);
+  ), [_onChangeGenesis, _toggleEdit, address, genesisHash, genesisOptions, isExternal, isHardware, t, type, nikauChain]);
 
   return (
     <div className={className}>