MyCrypto/common/features/config/selectors.ts

292 lines
8.8 KiB
TypeScript
Raw Normal View History

Refactor redux pattern from top-level to ducks (#1936) * Add a new route for AddressBook * Further templating of the AddressBook view * Add initial functionality to handle a table of existing address labels * Make the linter happy * Adjust paths * Factor out TableRow and add common functionality * Add initial Redux boilerplate for addressBook | fix minor linting issues * Swap out terminology and types * Connect up to Redux * Connect data for AddressBookTable to Redux * Use temporary fields for addition * Remove alignment and index column * Stopping point * Adjust the sizing of rows to be consistent * Initial implementation of a dropdown for the address field * Minor styling to dropdown * Stopping point * Apply a focus concept onto the factory * Add keyboard controls for the address field dropdown * Adjust label of address field when it matches an addressBook entry * Properly handle attempting to blur a non-existent component * Minor styling changes on dropdown box * Standardize address casing, add accessibility to dropdown * Create an addressLabel component * Pass refs correctly and fix some typings * Exact version * Add module name mapping for shared/keycodes * addressBook reducer tests * Add functionality to DeterministicModal * Minor changes / Add test for addressBook selectors * Move out AddressBookTable to a component * Typing, translation and restructuring * More typing and translation fixes * More linting fixes * More type changes * Variable name for dropdown background * Fix TS type errors, lint errors, remove unused props * Used a different selector and removed method: AddressBookTable * Linter was mad * Linter mad again :( * Add a translation and adjust styling of AddressBookTable * Move the onBlur to a class method * Prevent the default behavior of up/down/enter for dropdown * Let's do it this way instead * Adjust the styling on DeterministicWalletModal labels * Change `AddressBookTable` into a pseudo-table using section and div * Use readable keys vs. keycodes * Put the dropdown in InputFactory and position it correctly * Sanitation of label adding and changing * Prevent duplicate labels in AddressBook and Row * Add a box shadow and use `invalid` class insted of custom * Use emphasis vs strong for address in dropdown * Display the label undernearth the input vs. changing it * Isolate AccountAddress into its own component * Introduce interactivity to AccountAddress * Fully incorporate with Redux * Validation for AccountAddress * Add validation notifications for address field on AddressBookTable * Minor formatting * Adjust wrappage for optimal flexboxxing * Make AddressBookTable responsive * Show an invalid input in "real time" instead of only on submit * Real time input validation for AddressBookTableRow * Responsive-ize the To address dropdown * Hide identicons instead at small enough screen sizes * Fix repsonsiveness of dropdown further * Fix responsiveness of table rows and inputs * Truncate account info and switch identicons to the right for consistency * Use classnames instead of targetting element directly for DWM * Display a notice if the entered query doesnt match a label and isnt an addr * Don't show an error on the To address if its a label entry * Display an error under AddressBookTableRow in real time * Display errors in real time for AddressBookTable temp inputs * Add realtime validation to AccountAddress * Ensure toChecksumAddress is used when entering labels to address manager * Show errors even after blurring. * Create a ducks/ implementation for addressBook * Duck-ize notifications * Duck-ize customTokens * Duck-ize deterministicWallets * Only show errors on address/label entry if they have been blurred * On certain inputs, show an invalid input immediately * spec files in same directory * Rename top-level redux directory * Duck-ize gas * Add displayed errors for labels with 0x and labels containing ens * Move ENS checking validation out * Add a saga for addLabelForAddress * Completely revamp the redux side of Address Manager and test it all * Adjust components to use new redux addressBook * Incorporate new redux into AddressBookTableRow and clean up for linter * Make linter and tests happy * Another reduxy overhaul * Still fixing it * More redux updates * Finalize redux stuff. * Incorporate new reduxy way into AddressBookTable & Row * Incorporate redux changes into Account Address * Small tests fix * Add and fix some selector tests * Addressing Will's comments * Shortened visibility class for line length reasons. * Incorporate ducks pattern on updates addressBook * Fix typeerror * Migrate messages to ducks * For Henry * Duckify onboardStatus * Duckify paritySigner * Duckify rates * Duckify transactions * Duckerize wallet * Reduckerate config * Adjust exports and tests of every duck so far * Duckify ENS * Duckerificate schedule * Duckificate swap * Actually use the new sagas; fix a circular dependency problem. * Duckify transaction (phew) * Add basics to redux/ directory * Remove non-ducked redux stuff * First sweep of redux/ directory * Combine redundant imports * Fix more linting stuff. * A few more type fixes * Welp... now I know not to use index. * Sweep components/ * Sweep through containers/ * Im really starting to get frustrated * The dawn of a new age. * Linter fixes. * De-flatten config/ reducers * Do my thang on config selectors * Adjust all references to config * Split up ens reducers * Wrap up de-nesting ENS * Big boy refactor * Split transaction into its reducers * Fix reducers in transaction/ * Stopping point * Adjust references to transaction from components * Fix references to selectors * Nest broadcast actions * Nest field actions * Nest meta actions * Nest network actions * Nest sign actions * Nest broadcast types * Nested fields types * Nest meta types * Nested network types * Nested sign types * Implement transaction saga changes * Huh? No prepush problems? * Update snappshot * Reintroduce deleted tests * A few missing tests found * Found three missing transaction tests * Found more tests * Found the rest of the tests, woohoo. * Renamed TypeKeys in TRANSACTION * Specify TRANSACTION_BROADCAST * Pretty up these imports * Specify TRANSACTION_FIELDS * Specify TRANSACTION_META * Specify TRANSACTION_NETWORK * Specify TRANSACTION_SIGN * Adjust imports and add translations * Update config snapshot * Post-merge * Temporary fix for DW/Config sagas so Daniel can continue smoke testing * Remove first circulat dependency * Fix more circular dependencies * Properly structure config indices * Further restructure config * Prepare for idea * Target directly from within features/ * Remove that circular dependency -- woohoo * Remove the circular dependency from Web3Wallet, temporarily comment some tests pending assistance * Un-comment the component-in-redux phenomenon * Move onLoad to the store file * Adjust addressBook imports/exports * Adjusted imports/exports for customTokens * Adjust imports/exports of deterministicWallets * Adjust imports/exports of ens * Restructure imports/exports of gas * Restructure imports/exports for message * Adjust imports/exports of notifications * Restructure onboardStatus imports/exports * Restructure paritySigner imports/exports * Restructure rates imports/exports * Restructure schedule imports/exports * Fix broadcastweb3handler test * Restructure swap imports/exports/ * Restructure transactionS imports/exports * Restructured wallet imports and exports * Hoist all necessary selectors aside from config/**/* and transaction/**/* * Hoist all top-level selectors from transaction * [Fix] Estimate Gas on Value Field Change (#1942) @ skubakdj * Implement right-click context menu (#1780) @ bryanwb * No Private Keys Online (#1466) @ wbobeirne * Fix Stuck Node on Metamask Logout (#1951) @ wbobeirne * [Fix] Make ENS Value Consistent (#1956) @ skubakdj * Auto token add (#1808) @ HenryNguyen5 * Electron Ledger + Trezor Support (#1836) @ wbobeirne * Fix Context Menu Popup Parameters (#1957) * Add RSK network w/ network agnostic refactors (#1939) @ wbobeirne * Change displayed notification back in helpers.tsx * Remove newline on shell files * Re-add newlines * Remove newling on .travis.yml * Prettier two files * Re-add index.scss import in OnboardModal * Restructure transaction subdirectories * Everything in transaction/ except for sagas * Restructure transaction imports/exports * Nest broadcast sagas * Nest fields * Nest meta * Nest network * Nest sign * Use generic names for reduxy stuff in the same directory to save space * Do everything every in the whole wide world
2018-06-18 01:53:00 +00:00
import difference from 'lodash/difference';
import { InsecureWalletName, SecureWalletName, WalletName, walletNames } from 'config';
import { SHAPESHIFT_TOKEN_WHITELIST } from 'api/shapeshift';
import { stripWeb3Network, isAutoNodeConfig } from 'libs/nodes';
import { getIsValidAddressFunction } from 'libs/validators';
import { CustomNodeConfig, StaticNodeConfig, StaticNodeId, NodeConfig } from 'types/node';
import {
CustomNetworkConfig,
StaticNetworkConfig,
StaticNetworkIds,
NetworkContract,
Token
} from 'types/network';
import { getChecksumAddressFunction } from 'utils/formatters';
import { AppState } from 'features/reducers';
import { getNetworks } from './networks/selectors';
import { getCustomNetworkConfigs } from './networks/custom/selectors';
import { getStaticNetworkConfigs, isStaticNetworkId } from './networks/static/selectors';
import { getNodeConfig } from './nodes/selectors';
import { getCustomNodeConfigs } from './nodes/custom/selectors';
import { getStaticNodes, getStaticNodeConfigs } from './nodes/static/selectors';
import { DPathFormat } from './types';
export interface NodeOption {
isCustom: false;
value: string;
label: { network: string; service: string };
color?: string;
hidden?: boolean;
}
export interface CustomNodeOption {
isCustom: true;
id: string;
value: string;
label: {
network: string;
nodeName: string;
};
color?: string;
hidden?: boolean;
}
export const getConfig = (state: AppState) => state.config;
//#region Network
export const getSelectedNetwork = (state: AppState) =>
stripWeb3Network(getNodeConfig(state).network);
export const getNetworkConfig = (state: AppState): StaticNetworkConfig | CustomNetworkConfig => {
const config = getStaticNetworkConfig(state) || getCustomNetworkConfig(state);
if (!config) {
const selectedNetwork = getSelectedNetwork(state);
throw Error(
`No network config found for ${selectedNetwork} in either static or custom networks`
);
}
return config;
};
export const getStaticNetworkConfig = (state: AppState): StaticNetworkConfig | undefined => {
const selectedNetwork = getSelectedNetwork(state);
const { staticNetworks } = getNetworks(state);
const defaultNetwork = isStaticNetworkId(state, selectedNetwork)
? staticNetworks[selectedNetwork]
: undefined;
return defaultNetwork;
};
export const getCustomNetworkConfig = (state: AppState): CustomNetworkConfig | undefined => {
const selectedNetwork = getSelectedNetwork(state);
const { customNetworks } = getNetworks(state);
const customNetwork = customNetworks[selectedNetwork];
return customNetwork;
};
export const getNetworkUnit = (state: AppState): string => {
return getNetworkConfig(state).unit;
};
export const getNetworkChainId = (state: AppState) => {
return getNetworkConfig(state).chainId;
};
export const getIsValidAddressFn = (state: AppState) => {
const chainId = getNetworkChainId(state);
return getIsValidAddressFunction(chainId);
};
export const getChecksumAddressFn = (state: AppState) => {
const chainId = getNetworkChainId(state);
return getChecksumAddressFunction(chainId);
};
export const getNetworkContracts = (state: AppState): NetworkContract[] | null => {
const network = getStaticNetworkConfig(state);
return network ? network.contracts : [];
};
export function getSingleDPath(state: AppState, format: DPathFormat): DPath | undefined {
const network = getStaticNetworkConfig(state);
if (!network) {
throw Error('No static network config loaded');
}
const dPathFormats = network.dPathFormats;
return dPathFormats[format];
}
export const isNetworkUnit = (state: AppState, unit: string) => {
return unit === getNetworkUnit(state);
};
export function getNetworkTokens(state: AppState): Token[] {
const network = getStaticNetworkConfig(state);
return network ? network.tokens : [];
}
export function getAllTokens(state: AppState): Token[] {
const networkTokens = getNetworkTokens(state);
return networkTokens.concat(state.customTokens);
}
export function tokenExists(state: AppState, token: string): boolean {
const existInWhitelist = SHAPESHIFT_TOKEN_WHITELIST.includes(token);
const existsInNetwork = !!getAllTokens(state).find(t => t.symbol === token);
return existsInNetwork || existInWhitelist;
}
export function isSupportedUnit(state: AppState, unit: string) {
const isToken: boolean = tokenExists(state, unit);
const isEther: boolean = isNetworkUnit(state, unit);
if (!isToken && !isEther) {
return false;
}
return true;
}
export function isANetworkUnit(state: AppState, unit: string) {
const currentNetwork = getStaticNetworkConfig(state);
//TODO: logic check
if (!currentNetwork) {
return false;
}
const networks = getStaticNetworkConfigs(state);
const validNetworks = Object.values(networks).filter((n: StaticNetworkConfig) => n.unit === unit);
return validNetworks.includes(currentNetwork);
}
export function isWalletFormatSupportedOnNetwork(state: AppState, format: WalletName): boolean {
const network = getStaticNetworkConfig(state);
const chainId = network ? network.chainId : 0;
const CHECK_FORMATS: DPathFormat[] = [
SecureWalletName.LEDGER_NANO_S,
SecureWalletName.TREZOR,
InsecureWalletName.MNEMONIC_PHRASE
];
const isHDFormat = (f: string): f is DPathFormat => CHECK_FORMATS.includes(f as DPathFormat);
// Ensure DPath's are found
if (isHDFormat(format)) {
if (!network) {
return false;
}
const dPath = network.dPathFormats && network.dPathFormats[format];
return !!dPath;
}
// Parity signer on RSK
if (chainId === 30 || (chainId === 31 && format === SecureWalletName.PARITY_SIGNER)) {
return false;
}
// All other wallet formats are supported
return true;
}
export function unSupportedWalletFormatsOnNetwork(state: AppState): WalletName[] {
const supportedFormats = walletNames.filter((walletName: WalletName) =>
isWalletFormatSupportedOnNetwork(state, walletName)
);
return difference(walletNames, supportedFormats);
}
export const getAllNetworkConfigs = (state: AppState) => ({
...getStaticNetworkConfigs(state),
...getCustomNetworkConfigs(state)
});
//#endregion Networks
//#region Nodes
export const getStaticNodeFromId = (state: AppState, nodeId: StaticNodeId) =>
getStaticNodeConfigs(state)[nodeId];
export function getStaticNodeOptions(state: AppState): NodeOption[] {
const staticNetworkConfigs = getStaticNetworkConfigs(state);
return Object.entries(getStaticNodes(state)).map(([nodeId, node]: [string, StaticNodeConfig]) => {
const associatedNetwork =
staticNetworkConfigs[stripWeb3Network(node.network) as StaticNetworkIds];
const opt: NodeOption = {
isCustom: node.isCustom,
value: nodeId,
label: {
network: stripWeb3Network(node.network),
service: node.service
},
color: associatedNetwork.color,
hidden: node.hidden
};
return opt;
});
}
export function getCustomNodeOptions(state: AppState): CustomNodeOption[] {
const staticNetworkConfigs = getStaticNetworkConfigs(state);
const customNetworkConfigs = getCustomNetworkConfigs(state);
return Object.entries(getCustomNodeConfigs(state)).map(
([_, node]: [string, CustomNodeConfig]) => {
const chainId = node.network;
const associatedNetwork = isStaticNetworkId(state, chainId)
? staticNetworkConfigs[chainId]
: customNetworkConfigs[chainId];
const opt: CustomNodeOption = {
isCustom: node.isCustom,
value: node.id,
label: {
network: associatedNetwork.unit,
nodeName: node.name
},
color: associatedNetwork.isCustom ? undefined : associatedNetwork.color,
hidden: false,
id: node.id
};
return opt;
}
);
}
export function getNodeOptions(state: AppState) {
return [...getStaticNodeOptions(state), ...getCustomNodeOptions(state)];
}
export function getAllNodes(state: AppState): { [key: string]: NodeConfig } {
return {
...getStaticNodes(state),
...getCustomNodeConfigs(state)
};
}
export interface INodeLabel {
network: string;
info: string;
}
export function getSelectedNodeLabel(state: AppState): INodeLabel {
const allNodes = getAllNodes(state);
const node = getNodeConfig(state);
const network = getNetworkConfig(state);
let info;
if (node.isCustom) {
// Custom nodes have names
info = node.name;
} else if (node.isAuto) {
// Auto nodes should show the count of all nodes it uses. If only one,
// show the service name of the node.
const networkNodes = Object.values(allNodes).filter(
n => !isAutoNodeConfig(n) && n.network === node.network
);
if (networkNodes.length > 1) {
info = 'AUTO';
} else {
info = networkNodes[0].service;
}
} else {
info = node.service;
}
return {
network: network.name,
info
};
}
//#endregion Nodes