From b4acd002c136a343748684c4704ec065626286f7 Mon Sep 17 00:00:00 2001 From: Jaco Date: Mon, 6 Feb 2023 13:08:48 +0200 Subject: [PATCH] Apply all chain colors into definitions (#8948) --- .../apps-config/src/endpoints/production.ts | 51 ++-- .../src/endpoints/productionRelayKusama.ts | 68 +++-- .../src/endpoints/productionRelayPolkadot.ts | 52 ++-- packages/apps-config/src/endpoints/testing.ts | 60 ++-- .../src/endpoints/testingRelayRococo.ts | 36 ++- .../src/endpoints/testingRelayWestend.ts | 9 +- packages/apps-config/src/ui/colors.ts | 286 ------------------ packages/apps-config/src/ui/index.ts | 8 - packages/apps/src/Apps.tsx | 7 +- packages/page-settings/src/useChainInfo.ts | 4 +- 10 files changed, 189 insertions(+), 392 deletions(-) delete mode 100644 packages/apps-config/src/ui/colors.ts diff --git a/packages/apps-config/src/endpoints/production.ts b/packages/apps-config/src/endpoints/production.ts index 270059b200..d0b4924d7c 100644 --- a/packages/apps-config/src/endpoints/production.ts +++ b/packages/apps-config/src/endpoints/production.ts @@ -60,7 +60,8 @@ export const prodChains: EndpointOption[] = [ providers: { // Centrifuge: 'wss://fullnode.centrifuge.io' // https://github.com/polkadot-js/apps/issues/8012 }, - text: 'Centrifuge Standalone [Archived]' + text: 'Centrifuge Standalone [Archived]', + uiColor: '#fcc367' }, { info: 'chainx', @@ -100,7 +101,8 @@ export const prodChains: EndpointOption[] = [ 'Crust Network': 'wss://rpc.crust.network', OnFinality: 'wss://crust.api.onfinality.io/public-ws' }, - text: 'Crust Network' + text: 'Crust Network', + uiColor: '#ff8812' }, { info: 'darwinia', @@ -108,7 +110,8 @@ export const prodChains: EndpointOption[] = [ 'Darwinia Network': 'wss://rpc.darwinia.network', Dwellir: 'wss://darwinia-rpc.dwellir.com' }, - text: 'Darwinia' + text: 'Darwinia', + uiColor: '#FF0083' }, { info: 'crab', @@ -117,7 +120,8 @@ export const prodChains: EndpointOption[] = [ Dwellir: 'wss://darwiniacrab-rpc.dwellir.com', OnFinality: 'wss://darwinia-crab.api.onfinality.io/public-ws' }, - text: 'Darwinia Crab' + text: 'Darwinia Crab', + uiColor: '#512DBC' }, { info: 'debio', @@ -157,14 +161,16 @@ export const prodChains: EndpointOption[] = [ providers: { // Equilibrium: 'wss://node.equilibrium.io' // https://github.com/polkadot-js/apps/issues/7219 }, - text: 'Equilibrium' + text: 'Equilibrium', + uiColor: '#1792ff' }, { info: 'genshiro', providers: { Equilibrium: 'wss://node.genshiro.io' }, - text: 'Genshiro' + text: 'Genshiro', + uiColor: '#e8662d' }, { info: 'hanonycash', @@ -179,7 +185,8 @@ export const prodChains: EndpointOption[] = [ providers: { Jsgenesis: 'wss://rpc.joystream.org' }, - text: 'Joystream' + text: 'Joystream', + uiColor: '#4038FF' }, { info: 'kulupu', @@ -194,7 +201,8 @@ export const prodChains: EndpointOption[] = [ providers: { Swapdex: 'wss://ws.kusari.network' }, - text: 'Kusari' + text: 'Kusari', + uiColor: '#b8860b' }, { info: 'logion', @@ -210,7 +218,8 @@ export const prodChains: EndpointOption[] = [ // MathWallet: 'wss://mathchain-asia.maiziqianbao.net/ws', // https://github.com/polkadot-js/apps/issues/8525 // 'MathWallet Backup': 'wss://mathchain-us.maiziqianbao.net/ws' // https://github.com/polkadot-js/apps/issues/8525 }, - text: 'MathChain' + text: 'MathChain', + uiColor: '#000000' }, { info: 'minix', @@ -225,7 +234,8 @@ export const prodChains: EndpointOption[] = [ providers: { Myriad: 'wss://ws-rpc.myriad.social' }, - text: 'Myriad' + text: 'Myriad', + uiColor: '#7342CC' }, { info: 'neatcoin', @@ -264,21 +274,24 @@ export const prodChains: EndpointOption[] = [ providers: { Polymath: 'wss://mainnet-rpc.polymesh.network' }, - text: 'Polymesh Mainnet' + text: 'Polymesh Mainnet', + uiColor: '#1348e4' }, { info: 'riochain', providers: { RioChain: 'wss://node.v1.riochain.io' }, - text: 'RioChain' + text: 'RioChain', + uiColor: 'rgb(77, 135, 246)' }, { info: 'robonomics', providers: { // Airalab: 'wss://kusama.rpc.robonomics.network/' // https://github.com/polkadot-js/apps/pull/6761 }, - text: 'Robonomics' + text: 'Robonomics', + uiColor: '#2949d3' }, { info: 'sherpax', @@ -329,7 +342,8 @@ export const prodChains: EndpointOption[] = [ providers: { // DappForce: 'wss://rpc.subsocial.network' // https://github.com/polkadot-js/apps/issues/8046 }, - text: 'Subsocial' + text: 'Subsocial', + uiColor: '#b9018c' }, { info: 'swapdex', @@ -353,21 +367,24 @@ export const prodChains: EndpointOption[] = [ 'Pilab #1': 'wss://public-01.mainnet.thebifrost.io/wss', 'Pilab #2': 'wss://public-02.mainnet.thebifrost.io/wss' }, - text: 'The Bifrost Mainnet' + text: 'The Bifrost Mainnet', + uiColor: '#5a25f0' }, { info: 'uniarts', providers: { UniArts: 'wss://mainnet.uniarts.vip:9443' }, - text: 'UniArts' + text: 'UniArts', + uiColor: 'linear-gradient(150deg, #333ef7 0%, #55adff 100%)' }, { info: 'unitnetwork', providers: { // UnitNetwork: 'wss://www.unitnode3.info:443' }, - text: 'UnitNetwork' + text: 'UnitNetwork', + uiColor: '#a351ef' }, { info: 'westlake', diff --git a/packages/apps-config/src/endpoints/productionRelayKusama.ts b/packages/apps-config/src/endpoints/productionRelayKusama.ts index 4cd966f509..402c5cb9b0 100644 --- a/packages/apps-config/src/endpoints/productionRelayKusama.ts +++ b/packages/apps-config/src/endpoints/productionRelayKusama.ts @@ -82,7 +82,8 @@ export const prodParasKusama: EndpointOption[] = [ Liebi: 'wss://bifrost-rpc.liebi.com/ws', OnFinality: 'wss://bifrost-parachain.api.onfinality.io/public-ws' }, - text: 'Bifrost' + text: 'Bifrost', + uiColor: '#5a25f0' }, { homepage: 'https://bit.country/?ref=polkadotjs', @@ -140,7 +141,8 @@ export const prodParasKusama: EndpointOption[] = [ providers: { 'Darwinia Network': 'wss://crab-parachain-rpc.darwinia.network/' }, - text: 'Darwinia Crab' + text: 'Darwinia Crab', + uiColor: '#512DBC' }, { homepage: 'https://dorafactory.org/kusama/', @@ -149,7 +151,8 @@ export const prodParasKusama: EndpointOption[] = [ providers: { DORA: 'wss://kusama.dorafactory.org' }, - text: 'Dora Factory' + text: 'Dora Factory', + uiColor: '#FF761C' }, { homepage: 'https://genshiro.equilibrium.io', @@ -159,7 +162,8 @@ export const prodParasKusama: EndpointOption[] = [ providers: { Equilibrium: 'wss://node.genshiro.io' }, - text: 'Genshiro' + text: 'Genshiro', + uiColor: '#e8662d' }, { homepage: 'https://genshiro.equilibrium.io', @@ -169,7 +173,8 @@ export const prodParasKusama: EndpointOption[] = [ providers: { Equilibrium: 'wss://node.genshiro.io' }, - text: 'Genshiro crowdloan 2' + text: 'Genshiro crowdloan 2', + uiColor: '#e8662d' }, { homepage: 'https://gmordie.com', @@ -193,7 +198,8 @@ export const prodParasKusama: EndpointOption[] = [ providers: { 'Imbue Network': 'wss://imbue-kusama.imbue.network' }, - text: 'Imbue Network' + text: 'Imbue Network', + uiColor: '#baff36' }, { homepage: 'https://integritee.network', @@ -203,7 +209,8 @@ export const prodParasKusama: EndpointOption[] = [ Integritee: 'wss://kusama.api.integritee.network', OnFinality: 'wss://integritee-kusama.api.onfinality.io/public-ws' }, - text: 'Integritee Network' + text: 'Integritee Network', + uiColor: '#658ea9' }, { homepage: 'https://invarch.network/tinkernet', @@ -287,7 +294,8 @@ export const prodParasKusama: EndpointOption[] = [ 'Kintsugi Labs': 'wss://api-kusama.interlay.io/parachain', OnFinality: 'wss://kintsugi.api.onfinality.io/public-ws' }, - text: 'Kintsugi BTC' + text: 'Kintsugi BTC', + uiColor: '#1a0a2d' }, { homepage: 'http://apron.network/', @@ -319,7 +327,8 @@ export const prodParasKusama: EndpointOption[] = [ providers: { Litentry: 'wss://rpc.litmus-parachain.litentry.io' }, - text: 'Litmus' + text: 'Litmus', + uiColor: '#6822fb' }, { // https://github.com/polkadot-js/apps/issues/5888 @@ -360,7 +369,8 @@ export const prodParasKusama: EndpointOption[] = [ providers: { // AresProtocol: 'wss://wss.mars.aresprotocol.io' // https://github.com/polkadot-js/apps/issues/8937 }, - text: 'Mars' + text: 'Mars', + uiColor: '#E56239' }, { homepage: 'https://moonbeam.network/networks/moonriver/', @@ -372,7 +382,8 @@ export const prodParasKusama: EndpointOption[] = [ OnFinality: 'wss://moonriver.api.onfinality.io/public-ws', UnitedBloc: 'wss://moonriver.unitedbloc.com:2001' }, - text: 'Moonriver' + text: 'Moonriver', + uiColor: '#0E132E' }, { homepage: 'https://parallel.fi', @@ -383,7 +394,8 @@ export const prodParasKusama: EndpointOption[] = [ // https://github.com/polkadot-js/apps/issues/8355, then enabled in https://github.com/polkadot-js/apps/pull/8413, then broken in https://github.com/polkadot-js/apps/issues/8421, reenabled for PolkadotJS Parallel: 'wss://heiko-rpc.parallel.fi' }, - text: 'Parallel Heiko' + text: 'Parallel Heiko', + uiColor: '#42d5de' }, { homepage: 'https://parallel.fi', @@ -391,7 +403,8 @@ export const prodParasKusama: EndpointOption[] = [ isUnreachable: true, paraId: 2126, providers: {}, - text: 'Parallel Heiko 2' + text: 'Parallel Heiko 2', + uiColor: '#42d5de' }, { homepage: 'https://picasso.composable.finance/', @@ -411,7 +424,8 @@ export const prodParasKusama: EndpointOption[] = [ 'Kylin Network': 'wss://kusama.kylin-node.co.uk', OnFinality: 'wss://pichiu.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/8867, reenabled for PolkadotJS }, - text: 'Pichiu' + text: 'Pichiu', + uiColor: '#ed007e' }, { homepage: 'https://polkasmith.polkafoundry.com/', @@ -420,7 +434,8 @@ export const prodParasKusama: EndpointOption[] = [ providers: { // PolkaSmith: 'wss://wss-polkasmith.polkafoundry.com' // https://github.com/polkadot-js/apps/issues/6595 }, - text: 'PolkaSmith by PolkaFoundry' + text: 'PolkaSmith by PolkaFoundry', + uiColor: '#0DDDFB' }, { homepage: 'https://unique.network/', @@ -455,7 +470,8 @@ export const prodParasKusama: EndpointOption[] = [ OnFinality: 'wss://robonomics.api.onfinality.io/public-ws', Samsara: 'wss://robonomics.0xsamsara.com' }, - text: 'Robonomics' + text: 'Robonomics', + uiColor: '#2949d3' }, { homepage: 'http://robonomics.network/', @@ -468,7 +484,8 @@ export const prodParasKusama: EndpointOption[] = [ OnFinality: 'wss://robonomics.api.onfinality.io/public-ws', Samsara: 'wss://robonomics.0xsamsara.com' }, - text: 'Robonomics 2' + text: 'Robonomics 2', + uiColor: '#2949d3' }, { homepage: 'https://clover.finance/', @@ -493,7 +510,8 @@ export const prodParasKusama: EndpointOption[] = [ StakeTechnologies: 'wss://rpc.shiden.astar.network', 'light client': 'light://substrate-connect/kusama/shiden' }, - text: 'Shiden' + text: 'Shiden', + uiColor: '#5923B2' }, { homepage: 'https://shiden.astar.network/', @@ -504,7 +522,7 @@ export const prodParasKusama: EndpointOption[] = [ StakeTechnologies: 'wss://rpc.shiden.astar.network' }, text: 'Shiden Crowdloan 2', - uiColor: '#1b6dc1d9' + uiColor: '#5923B2' }, { homepage: 'https://icenetwork.io/snow', @@ -544,7 +562,8 @@ export const prodParasKusama: EndpointOption[] = [ providers: { 'Dappforce 1': 'wss://para.subsocial.network' }, - text: 'SubsocialX' + text: 'SubsocialX', + uiColor: '#69058C' }, { homepage: 'https://zero.io', @@ -572,7 +591,8 @@ export const prodParasKusama: EndpointOption[] = [ isUnreachable: true, paraId: 2078, providers: {}, - text: 'TrustBase' + text: 'TrustBase', + uiColor: '#ff43aa' }, { homepage: 'https://oak.tech', @@ -593,7 +613,8 @@ export const prodParasKusama: EndpointOption[] = [ providers: { // 'Standard Protocol': 'wss://rpc.kusama.standard.tech' // https://github.com/polkadot-js/apps/issues/8525 }, - text: 'Unorthodox' + text: 'Unorthodox', + uiColor: 'radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(42,244,187,1) 35%, rgba(10,10,10,1) 100%)' }, { homepage: 'https://zeitgeist.pm', @@ -636,7 +657,8 @@ export const prodParasKusamaCommon: EndpointOption[] = [ OnFinality: 'wss://encointer.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/8553, reenabled for Polkadot JS }, teleport: [-1], - text: 'Encointer Network' + text: 'Encointer Network', + uiColor: '#0000cc' }, { info: 'kusamaBridgeHub', diff --git a/packages/apps-config/src/endpoints/productionRelayPolkadot.ts b/packages/apps-config/src/endpoints/productionRelayPolkadot.ts index 257a0398b9..a0b1f09c0e 100644 --- a/packages/apps-config/src/endpoints/productionRelayPolkadot.ts +++ b/packages/apps-config/src/endpoints/productionRelayPolkadot.ts @@ -87,7 +87,8 @@ export const prodParasPolkadot: EndpointOption[] = [ Liebi: 'wss://hk.p.bifrost-rpc.liebi.com/ws', OnFinality: 'wss://bifrost-polkadot.api.onfinality.io/public-ws' }, - text: 'Bifrost' + text: 'Bifrost', + uiColor: '#5a25f0' }, { homepage: 'https://www.bitgreen.org', @@ -107,7 +108,8 @@ export const prodParasPolkadot: EndpointOption[] = [ Centrifuge: 'wss://fullnode.parachain.centrifuge.io', OnFinality: 'wss://centrifuge-parachain.api.onfinality.io/public-ws' }, - text: 'Centrifuge' + text: 'Centrifuge', + uiColor: '#fcc367' }, { homepage: 'https://clover.finance', @@ -157,7 +159,8 @@ export const prodParasPolkadot: EndpointOption[] = [ providers: { 'Darwinia Network': 'wss://parachain-rpc.darwinia.network' }, - text: 'Darwinia' + text: 'Darwinia', + uiColor: '#FF0083' }, { homepage: 'https://darwinia.network/', @@ -166,7 +169,8 @@ export const prodParasPolkadot: EndpointOption[] = [ providers: { // 'Darwinia Network': 'wss://parachain-rpc.darwinia.network' // https://github.com/polkadot-js/apps/issues/6530 }, - text: 'Darwinia Backup' + text: 'Darwinia Backup', + uiColor: '#FF0083' }, { homepage: 'https://efinity.io', @@ -188,7 +192,8 @@ export const prodParasPolkadot: EndpointOption[] = [ Dwellir: 'wss://equilibrium-rpc.dwellir.com', Equilibrium: 'wss://node.pol.equilibrium.io/' }, - text: 'Equilibrium' + text: 'Equilibrium', + uiColor: '#1792ff' }, { homepage: 'https://frequency.xyz', @@ -230,7 +235,8 @@ export const prodParasPolkadot: EndpointOption[] = [ 'Galactic Council': 'wss://rpc.hydradx.cloud', OnFinality: 'wss://hydradx.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/8623, Renabled for PolkadotJS }, - text: 'HydraDX' + text: 'HydraDX', + uiColor: '#f653a2' }, { homepage: 'https://integritee.network', @@ -239,7 +245,8 @@ export const prodParasPolkadot: EndpointOption[] = [ providers: { Integritee: 'wss://polkadot.api.integritee.network' }, - text: 'Integritee Shell' + text: 'Integritee Shell', + uiColor: '#658ea9' }, { homepage: 'https://interlay.io/', @@ -249,7 +256,8 @@ export const prodParasPolkadot: EndpointOption[] = [ 'Kintsugi Labs': 'wss://api.interlay.io/parachain', OnFinality: 'wss://interlay.api.onfinality.io/public-ws' }, - text: 'Interlay' + text: 'Interlay', + uiColor: '#3E96FF' }, { homepage: 'https://totemaccounting.com/', @@ -258,7 +266,8 @@ export const prodParasPolkadot: EndpointOption[] = [ providers: { Totem: 'wss://k-ui.kapex.network' }, - text: 'Kapex' + text: 'Kapex', + uiColor: 'linear-gradient(158deg, rgba(226,157,0,1) 0%, rgba(234,55,203,1) 100%)' }, { homepage: 'https://www.kilt.io/', @@ -269,7 +278,8 @@ export const prodParasPolkadot: EndpointOption[] = [ 'KILT Protocol': 'wss://spiritnet.kilt.io/', OnFinality: 'wss://spiritnet.api.onfinality.io/public-ws' }, - text: 'KILT Spiritnet' + text: 'KILT Spiritnet', + uiColor: '#8c145a' }, { homepage: 'https://kylin.network/', @@ -278,7 +288,8 @@ export const prodParasPolkadot: EndpointOption[] = [ providers: { 'Kylin Network': 'wss://polkadot.kylin-node.co.uk' }, - text: 'Kylin' + text: 'Kylin', + uiColor: '#ed007e' }, { homepage: 'https://crowdloan.litentry.com', @@ -315,7 +326,8 @@ export const prodParasPolkadot: EndpointOption[] = [ OnFinality: 'wss://moonbeam.api.onfinality.io/public-ws', UnitedBloc: 'wss://moonbeam.unitedbloc.com:3001' }, - text: 'Moonbeam' + text: 'Moonbeam', + uiColor: '#53cbc9' }, { homepage: 'https://nodle.com', @@ -338,6 +350,7 @@ export const prodParasPolkadot: EndpointOption[] = [ OAK: 'wss://rpc.oak.tech' }, text: 'OAK Network', + uiColor: '#A8278C', uiLogo: chainsOakPNG }, { @@ -348,7 +361,8 @@ export const prodParasPolkadot: EndpointOption[] = [ providers: { OmniBTC: 'wss://psc-parachain.coming.chat' }, - text: 'OmniBTC' + text: 'OmniBTC', + uiColor: '#6759E9' }, { homepage: 'https://parachain.origintrail.io', @@ -368,7 +382,8 @@ export const prodParasPolkadot: EndpointOption[] = [ OnFinality: 'wss://parallel.api.onfinality.io/public-ws', // https://github.com/polkadot-js/apps/issues/8355, then enabled in https://github.com/polkadot-js/apps/pull/8413, then broken in https://github.com/polkadot-js/apps/issues/8421, reenabled for PolkadotJS Parallel: 'wss://rpc.parallel.fi' }, - text: 'Parallel' + text: 'Parallel', + uiColor: '#ef18ac' }, { homepage: 'https://pendulumchain.org/', @@ -378,7 +393,8 @@ export const prodParasPolkadot: EndpointOption[] = [ providers: { PendulumChain: 'wss://rpc.pendulumchain.tech' }, - text: 'Pendulum' + text: 'Pendulum', + uiColor: '#49E2FD' }, { homepage: 'https://phala.network', @@ -388,7 +404,8 @@ export const prodParasPolkadot: EndpointOption[] = [ OnFinality: 'wss://phala.api.onfinality.io/public-ws', Phala: 'wss://api.phala.network/ws' }, - text: 'Phala Network' + text: 'Phala Network', + uiColor: '#c6fa4c' }, { // https://github.com/polkadot-js/apps/issues/7620 @@ -434,7 +451,8 @@ export const prodParasPolkadot: EndpointOption[] = [ 'Unique Asia': 'wss://asia-ws.unique.network/', 'Unique Europe': 'wss://eu-ws.unique.network/' }, - text: 'Unique Network' + text: 'Unique Network', + uiColor: '#40BCFF' } ]; diff --git a/packages/apps-config/src/endpoints/testing.ts b/packages/apps-config/src/endpoints/testing.ts index abf9dc7f53..b379f13d82 100644 --- a/packages/apps-config/src/endpoints/testing.ts +++ b/packages/apps-config/src/endpoints/testing.ts @@ -70,7 +70,8 @@ export const testChains: EndpointOption[] = [ providers: { Jaz: 'wss://ws0.jaz.network' }, - text: 'Artio Testnet' + text: 'Artio Testnet', + uiColor: '#121212' }, { info: 'automata-contextfree', @@ -133,7 +134,8 @@ export const testChains: EndpointOption[] = [ // 'DCloud Foundation': 'wss://api.decloudf.com/' // https://github.com/polkadot-js/apps/issues/8060 // Pinknode: 'wss://rpc.pinknode.io/maxwell/explorer' // https://github.com/polkadot-js/apps/issues/7058 }, - text: 'Crust Maxwell' + text: 'Crust Maxwell', + uiColor: '#2E333B' }, { info: 'datahighway', @@ -179,14 +181,16 @@ export const testChains: EndpointOption[] = [ providers: { 'Encointer Association': 'wss://gesell.encointer.org' }, - text: 'Encointer Gesell' + text: 'Encointer Gesell', + uiColor: '#0000cc' }, { info: 'equilibrium', providers: { // Equilibrium: 'wss://testnet.equilibrium.io' // https://github.com/polkadot-js/apps/issues/6250 }, - text: 'Equilibrium' + text: 'Equilibrium', + uiColor: '#1792ff' }, { info: 'fantour', @@ -216,7 +220,8 @@ export const testChains: EndpointOption[] = [ providers: { // StarkleyTech: 'wss://galital-rpc-testnet.starkleytech.com' // https://github.com/polkadot-js/apps/issues/6721 }, - text: 'Galital PC2' + text: 'Galital PC2', + uiColor: '#00063F' }, { info: 'galois', @@ -224,7 +229,8 @@ export const testChains: EndpointOption[] = [ MathWallet: 'wss://galois-hk.maiziqianbao.net/ws', 'MathWallet Backup': 'wss://galois.maiziqianbao.net/ws' }, - text: 'Galois' + text: 'Galois', + uiColor: '#000000' }, { info: 'gamepower', @@ -247,7 +253,8 @@ export const testChains: EndpointOption[] = [ providers: { // Halongbay: 'wss://halongbay.polkafoundry.com' // https://github.com/polkadot-js/apps/issues/6871 }, - text: 'Halongbay Testnet' + text: 'Halongbay Testnet', + uiColor: '#ff527c' }, { info: 'interlay-testnet', @@ -311,7 +318,8 @@ export const testChains: EndpointOption[] = [ providers: { Interlay: 'wss://api-dev-kintsugi.interlay.io/parachain' }, - text: 'Kintsugi Testnet' + text: 'Kintsugi Testnet', + uiColor: '#1a0a2d' }, { info: 'klugdossier', @@ -400,7 +408,8 @@ export const testChains: EndpointOption[] = [ providers: { Myriad: 'wss://ws-rpc.testnet.myriad.social' }, - text: 'Myriad Testnet' + text: 'Myriad Testnet', + uiColor: '#7342CC' }, { info: 'nftmart', @@ -408,7 +417,8 @@ export const testChains: EndpointOption[] = [ NFTMartDev: 'wss://dev-ws.nftmart.io', NFTMartStaging: 'wss://staging-ws.nftmart.io' }, - text: 'NFTMart' + text: 'NFTMart', + uiColor: '#307182' }, { info: 'opal', @@ -426,21 +436,24 @@ export const testChains: EndpointOption[] = [ providers: { // 'Standard Protocol': 'wss://rpc.opportunity.standard.tech' // https://github.com/polkadot-js/apps/issues/7982 }, - text: 'Opportunity' + text: 'Opportunity', + uiColor: '#6143bc' }, { info: 'pangolin', providers: { 'Darwinia Network': 'wss://pangolin-rpc.darwinia.network' }, - text: 'Pangolin' + text: 'Pangolin', + uiColor: '#4B30DD' }, { info: 'pangoro', providers: { 'Darwinia Network': 'wss://pangoro-rpc.darwinia.network' }, - text: 'Pangoro' + text: 'Pangoro', + uiColor: '#4B30DD' }, { info: 'phala', @@ -477,14 +490,16 @@ export const testChains: EndpointOption[] = [ providers: { Polymath: 'wss://testnet-rpc.polymesh.live' }, - text: 'Polymesh Testnet' + text: 'Polymesh Testnet', + uiColor: '#1348e4' }, { info: 'pontem', providers: { // Pontem: 'wss://testnet.pontem.network/ws', // https://github.com/polkadot-js/apps/issues/7652 }, - text: 'Pontem' + text: 'Pontem', + uiColor: '#A92FAC' }, { info: 'prism', @@ -507,7 +522,8 @@ export const testChains: EndpointOption[] = [ providers: { // 'RioChain Staging': 'wss://node.v1.staging.riochain.io' // https://github.com/polkadot-js/apps/issues/6181 }, - text: 'RioChain' + text: 'RioChain', + uiColor: '#4d87f6' }, { info: 'sherpax', @@ -531,7 +547,8 @@ export const testChains: EndpointOption[] = [ providers: { SkyeKiwi: 'wss://staging.rpc.skye.kiwi' }, - text: 'SkyeKiwi Testnet' + text: 'SkyeKiwi Testnet', + uiColor: '#6667ab' }, { info: 'soonsocial', @@ -650,14 +667,16 @@ export const testChains: EndpointOption[] = [ providers: { // Unique: 'wss://testnet2.unique.network' // https://github.com/polkadot-js/apps/issues/7621 }, - text: 'Unique' + text: 'Unique', + uiColor: '#40BCFF' }, { info: 'unitv', providers: { // 'Unit Network': 'wss://unitventures.io/' // https://github.com/polkadot-js/apps/issues/5684 }, - text: 'Unit Network' + text: 'Unit Network', + uiColor: '#1452F0' }, { info: 'vara', @@ -679,7 +698,8 @@ export const testChains: EndpointOption[] = [ providers: { 'Web3Games Foundation': 'wss://devnet.web3games.org' }, - text: 'Web3Games' + text: 'Web3Games', + uiColor: '#000000' }, { info: 'zCloak', diff --git a/packages/apps-config/src/endpoints/testingRelayRococo.ts b/packages/apps-config/src/endpoints/testingRelayRococo.ts index f3582eea6e..b3e9b3f48f 100644 --- a/packages/apps-config/src/endpoints/testingRelayRococo.ts +++ b/packages/apps-config/src/endpoints/testingRelayRococo.ts @@ -74,7 +74,8 @@ export const testParasRococo: EndpointOption[] = [ providers: { Liebi: 'wss://bifrost-rpc.rococo.liebi.com/ws' }, - text: 'Bifrost' + text: 'Bifrost', + uiColor: '#5a25f0' }, { info: 'rococoBitgreen', @@ -150,7 +151,8 @@ export const testParasRococo: EndpointOption[] = [ providers: { Equilibrium: 'wss://parachain-testnet.equilab.io/rococo/collator/node1/wss' }, - text: 'Genshiro Testnet' + text: 'Genshiro Testnet', + uiColor: '#e8662d' }, { info: 'helixstreet', @@ -166,7 +168,8 @@ export const testParasRococo: EndpointOption[] = [ providers: { 'Galactic Council': 'wss://rococo-hydradx-rpc.hydration.dev' }, - text: 'HydraDX' + text: 'HydraDX', + uiColor: '#f653a2' }, { info: 'rococoImbue', @@ -174,7 +177,8 @@ export const testParasRococo: EndpointOption[] = [ providers: { 'Imbue Network': 'wss://rococo.imbue.network' }, - text: 'Imbue Network' + text: 'Imbue Network', + uiColor: '#baff36' }, { info: 'rococoIntegritee', @@ -182,7 +186,8 @@ export const testParasRococo: EndpointOption[] = [ providers: { Integritee: 'wss://rococo.api.integritee.network' }, - text: 'Integritee Network' + text: 'Integritee Network', + uiColor: '#658ea9' }, { info: 'rococoKabocha', @@ -243,7 +248,8 @@ export const testParasRococo: EndpointOption[] = [ info: 'chainoli', paraId: 4023, providers: {}, - text: 'OLI' + text: 'OLI', + uiColor: '#8CC63F' }, { homepage: 'https://parachain.origintrail.io', @@ -261,7 +267,8 @@ export const testParasRococo: EndpointOption[] = [ providers: { 'Darwinia Network': 'wss://pangolin-parachain-rpc.darwinia.network' }, - text: 'Pangolin' + text: 'Pangolin', + uiColor: '#4B30DD' }, { info: 'rococoKilt', @@ -279,7 +286,8 @@ export const testParasRococo: EndpointOption[] = [ providers: { Airalab: 'wss://rococo.rpc.robonomics.network' }, - text: 'Robonomics' + text: 'Robonomics', + uiColor: '#2949d3' }, { info: 'rocfinity', @@ -304,7 +312,8 @@ export const testParasRococo: EndpointOption[] = [ providers: { DappForce: 'wss://rco-para.subsocial.network' }, - text: 'SoonsocialX' + text: 'SoonsocialX', + uiColor: '#b9018c' }, { info: 'rococoSora', @@ -331,7 +340,8 @@ export const testParasRococo: EndpointOption[] = [ providers: { Totem: 'wss://s-ui.kapex.network' }, - text: 'Stagex' + text: 'Stagex', + uiColor: 'linear-gradient(158deg, rgba(226,157,0,1) 0%, rgba(234,55,203,1) 100%)' }, { info: 'rococoSubzero', @@ -386,7 +396,8 @@ export const testParasRococo: EndpointOption[] = [ providers: { UnitNetwork: 'wss://www.unitnode3.info:443' }, - text: 'Unit Network' + text: 'Unit Network', + uiColor: '#a351ef' }, { info: 'rococoVirto', @@ -450,7 +461,8 @@ export const testParasRococoCommon: EndpointOption[] = [ 'Encointer Association': 'wss://rococo.api.encointer.org' }, teleport: [-1], - text: 'Encointer Lietaer' + text: 'Encointer Lietaer', + uiColor: '#0000cc' }, { info: 'rococoBridgehub', diff --git a/packages/apps-config/src/endpoints/testingRelayWestend.ts b/packages/apps-config/src/endpoints/testingRelayWestend.ts index 6d5b825272..eae1e47c81 100644 --- a/packages/apps-config/src/endpoints/testingRelayWestend.ts +++ b/packages/apps-config/src/endpoints/testingRelayWestend.ts @@ -29,7 +29,8 @@ export const testParasWestend: EndpointOption[] = [ providers: { // Integritee: 'wss://teerw1.integritee.network' // https://github.com/polkadot-js/apps/issues/8937 }, - text: 'Integritee Network' + text: 'Integritee Network', + uiColor: '#658ea9' }, { info: 'interlay', @@ -45,7 +46,8 @@ export const testParasWestend: EndpointOption[] = [ providers: { // PureStake: 'wss://wss.moonshadow.testnet.moonbeam.network' // https://github.com/polkadot-js/apps/issues/6181 }, - text: 'Moonshadow' + text: 'Moonshadow', + uiColor: '#53cbc9' }, { homepage: 'https://darwinia.network/', @@ -54,7 +56,8 @@ export const testParasWestend: EndpointOption[] = [ providers: { // Darwinia: 'wss://pangoro-parachain-rpc.darwinia.network' // https://github.com/polkadot-js/apps/issues/6530 }, - text: 'Pangoro' + text: 'Pangoro', + uiColor: '#4B30DD' }, { homepage: 'https://kylin.network/', diff --git a/packages/apps-config/src/ui/colors.ts b/packages/apps-config/src/ui/colors.ts deleted file mode 100644 index 9a693c16e8..0000000000 --- a/packages/apps-config/src/ui/colors.ts +++ /dev/null @@ -1,286 +0,0 @@ -// Copyright 2017-2023 @polkadot/apps-config authors & contributors -// SPDX-License-Identifier: Apache-2.0 - -/* eslint sort-keys: ["error", "asc", { caseSensitive: false }] */ - -import { sanitize } from './util'; - -// The mapping here is done on the actual chain name (system.chain RPC) or -// the actual RPC node it is corrected to (system.name RPC) - -// based on chain name -// alphabetical -const chainCrab = '#512DBC'; -const chainCrust = '#ff8812'; -const chainCrustMaxwell = '#2E333B'; -const chainDarwinia = '#FF0083'; -const chainDorafactory = '#FF761C'; -const chainEquilibrium = '#1792ff'; -const chainGalital = '#00063F'; -const chainGalois = '#000000'; -const chainGenshiro = '#e8662d'; -const chainHeiko = '#42d5de'; -const chainHydrate = '#000000'; -const chainIdavoll = '#ff43ff'; -const chainImbue = '#baff36'; -const chainInterbtc = '#1a0a2d'; -const chainInterlay = '#3E96FF'; -const chainKintsugi = '#1a0a2d'; -const chainKilt = '#8c145a'; -const chainKiltDev = '#f05a27'; -const chainKonomi = '#007aff'; -const chainKusari = '#b8860b'; -const chainKylin = '#ed007e'; -const chainLitmus = '#6822fb'; -const chainMoonrock = '#3d1d5a'; -const chainMyriad = '#7342CC'; -const chainNFTMart = '#815287'; -const chainOAK = '#A8278C'; -const chainOLI = '#8CC63F'; -const chainOmniBTC = '#6759E9'; -const chainPangolin = '#4B30DD'; -const chainPangoro = '#4B30DD'; -const chainParallel = '#ef18ac'; -const chainParami = '#ee06e2'; -const chainPendulum = '#49E2FD'; -const chainPichiu = '#ed007e'; -const chainPhala = '#c6fa4c'; -const chainPolkaFoundry = '#ff527c'; -const chainPolkaSmith = '#0DDDFB'; -const chainPontem = '#A92FAC'; -const chainRoccoBifrost = '#5a25f0'; -const chainRoccoDarwinia = '#FF0083'; -const chainRococoEave = '#900048'; -const chainRiochain = '#4d87f6'; -const chainShadow = '#ffa940'; -const chainShiden = '#5923B2'; -const chainSkyeKiwi = '#6667ab'; -const chainSnakenet = '#f653a2'; -const chainStandard = 'background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(42,170,244,1) 35%, rgba(10,10,10,1) 100%)'; -const chainTotem = 'linear-gradient(158deg, rgba(226,157,0,1) 0%, rgba(234,55,203,1) 100%)'; -const chainTrustBase = '#ff43aa'; -const chainUniarts = 'linear-gradient(150deg, #333ef7 0%, #55adff 100%)'; -const chainUnique = '#40BCFF'; -const chainUnitNetwork = '#a351ef'; -const chainUnitv = '#1452F0'; -const chainUnorthodox = 'radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(42,244,187,1) 35%, rgba(10,10,10,1) 100%)'; -const chainVln = '#33cc33'; -const chainWeb3games = '#000000'; -const chainZenlink = 'linear-gradient(45deg, #F20082 0%, #FF4D4D 100%)'; -// based on node name -// alphabetical -const nodeAres = '#E56239'; -const nodeBajun = '#161212'; -const nodeBitCountry = '#191a2e'; -const nodeBifrost = '#5a25f0'; -const nodeCentrifuge = '#fcc367'; -const nodeEncointer = '#0000cc'; -const nodeFantour = '#5a189a'; -const nodeGalital = '#00063F;'; -const nodeGamePower = '#5d21a5'; -const nodeHashed = '#59EAF6'; -const nodeHeiko = '#42d5de'; -const nodeImbue = '#baff36'; -const nodeIntegritee = '#658ea9'; -const nodeIpse = '#08a1e8'; -const nodeJaz = '#121212'; -const nodeJoystream = '#4038FF'; -const nodeJupiter = '#7143ff'; -const nodeKonomi = '#007aff'; -const nodeKpron = 'linear-gradient(45deg, #0099F7 0%, #2E49EB 100%)'; -const nodeKylin = '#ed007e'; -const nodeKusari = '#b8860b'; -const nodeLuhn = '#2DCE89'; -const nodeManta = '#2070a6'; -const nodeMathChain = '#000000'; -const nodeMoonbeam = '#53cbc9'; -const nodeMoonriver = '#0E132E'; -const nodeMybank = '#282736'; -const nodeNFTMart = '#307182'; -const nodeNodle = '#1ab394'; -const nodeOmniBTC = '#6759E9'; -const nodeOpportunity = '#6143bc'; -const nodePangolin = '#4B30DD'; -const nodePangoro = '#4B30DD'; -const nodeParallel = '#ef18ac'; -const nodeParami = '#ee06e2'; -const nodePichiu = '#ed007e'; -const nodePolymesh = '#1348e4'; -const nodePontem = '#A92FAC'; -const nodeRiochain = '#1A3BB3'; -const nodeRobonomics = '#2949d3'; -const nodeSubsocial = '#b9018c'; -const nodeSubsocialX = '#69058C'; -const nodeUniarts = chainUniarts; -const nodeUnitNetwork = '#a351ef'; -const nodeUnique = chainUnique; -const nodeWeb3games = '#000000'; -const nodeZenlink = 'linear-gradient(45deg, #F20082 0%, #FF4D4D 100%)'; - -// Alphabetical overrides based on the actual matched chain name -// NOTE: This is as retrieved via the system.chain RPC -export const chainColors: Record = Object.entries({ - bifrost: chainRoccoBifrost, - 'Bifrost Asgard CC4': chainRoccoBifrost, - 'Bifrost K Rococo': chainRoccoBifrost, - 'Bifrost Kusama': chainRoccoBifrost, - 'Bifrost PC1': chainRoccoBifrost, - 'Bifrost Polkadot': chainRoccoBifrost, - 'Bifrost Stage Testnet': chainRoccoBifrost, - Centrifuge: nodeCentrifuge, - ChainOLI: chainOLI, - 'Crab Parachain': chainCrab, - crust: chainCrust, - 'crust maxwell': chainCrustMaxwell, - 'Crust PC1': chainCrust, - 'Crust Testnet': chainCrust, - Darwinia: chainDarwinia, - 'darwinia cc1': chainDarwinia, - 'Darwinia Crab': chainCrab, - 'Darwinia Crab Redirect': chainCrab, - 'Darwinia Parachain': chainDarwinia, - 'Darwinia PC2': chainRoccoDarwinia, - 'Dora Factory': chainDorafactory, - Equilibrium: chainEquilibrium, - 'Equilibrium parachain': chainEquilibrium, - EquilibriumTestnet: chainGenshiro, - Galital: chainGalital, - 'Galois-PoC-1': chainGalois, - Genshiro: chainGenshiro, - 'Genshiro Rococo Testnet': chainGenshiro, - 'Halongbay PC1': chainPolkaFoundry, - HydraDX: chainSnakenet, - 'HydraDX testnet': chainHydrate, - Idavoll: chainIdavoll, - 'Imbue Testnet': chainImbue, - InterBTC: chainInterbtc, - 'InterBTC Staging': chainInterbtc, - Interlay: chainInterlay, - Kapex: chainTotem, - KILT: chainKilt, - 'KILT Local': chainKiltDev, - 'KILT Peregrine Stagenet': chainKiltDev, - 'KILT Spiritnet': chainKilt, - 'KILT Spiritnet Development': chainKiltDev, - 'KILT Testnet': chainKiltDev, - Kintsugi: chainKintsugi, - Konomi: chainKonomi, - Kpron: nodeKpron, - kusari: chainKusari, - 'Kylin Testnet': chainKylin, - Litmus: chainLitmus, - Mars: nodeAres, - MathChain: nodeMathChain, - 'MathChain PC1': chainGalois, - Moonbeam: nodeMoonbeam, - Moonriver: nodeMoonriver, - Moonrock: chainMoonrock, - Moonshadow: nodeMoonbeam, - Myriad: chainMyriad, - 'Myriad Testnet': chainMyriad, - 'NFTMart Staging': chainNFTMart, - 'NFTMart Testnet': chainNFTMart, - 'OAK Network': chainOAK, - 'OLI Parachain': chainOLI, - OmniBTC: chainOmniBTC, - Pangolin: chainPangolin, - 'Pangolin Parachain': chainPangolin, - Pangoro: chainPangoro, - Parallel: chainParallel, - 'Parallel Heiko': chainHeiko, - 'Parami PC2': chainParami, - Pendulum: chainPendulum, - Phala: chainPhala, - 'Pichiu Testnet': chainPichiu, - PolkaBTC: chainInterbtc, - PolkaSmith: chainPolkaSmith, - 'Pontem Testnet': chainPontem, - 'RioChain CC-1': chainRiochain, - 'Riochain Staging': chainRiochain, - Robonomics: nodeRobonomics, - Shadow: chainShadow, - Shiden: chainShiden, - 'SkyeKiwi Testnet Alpha': chainSkyeKiwi, - Stagex: chainTotem, - Standard: chainStandard, - 'Standard Kusama Parachain': chainUnorthodox, - 'Steam PC': chainRococoEave, - 'TrustBase PC1': chainTrustBase, - 'uni arts staging network': chainUniarts, - 'UniArts Mainnet': chainUniarts, - 'Unique Node': chainUnique, - UNIT: chainUnitv, - UnitNetwork: chainUnitNetwork, - 'VLN PC': chainVln, - Wapex: chainTotem, - 'Web3Games Plum': chainWeb3games, - 'Zenlink PC1': chainZenlink -}).reduce>((colors, [chain, color]) => ({ - ...colors, - [sanitize(chain)]: color -}), {}); - -// Alphabetical overrides based on the actual software node type -// NOTE: This is as retrieved via the system.name RPC -export const nodeColors = Object.entries({ - 'Bajun Node': nodeBajun, - 'Bifrost Node': nodeBifrost, - 'Bifrost Stage Testnet': nodeBifrost, - 'Bit.Country Node': nodeBitCountry, - centrifuge: nodeCentrifuge, - 'centrifuge chain': nodeCentrifuge, - 'Centrifuge Chain Node': nodeCentrifuge, - 'Dora Factory': chainDorafactory, - 'Encointer collator': nodeEncointer, - 'Encointer Node noTEE': nodeEncointer, - 'Fantour Development': nodeFantour, - Galital: nodeGalital, - 'Galital Parachain Collator': nodeGalital, - 'GamePower Node': nodeGamePower, - 'Hashed Network': nodeHashed, - 'Imbue Parachain Collator': nodeImbue, - 'Integritee Collator': nodeIntegritee, - 'Integritee Node': nodeIntegritee, - IpseTestnet: nodeIpse, - 'Jaz Node': nodeJaz, - 'Joystream Node': nodeJoystream, - 'Konomi Collator': nodeKonomi, - 'Kpron Collator': nodeKpron, - kusari: nodeKusari, - 'Kylin Parachain Collator': nodeKylin, - 'Luhn Collator': nodeLuhn, - 'Manta Collator': nodeManta, - 'Manta Node': nodeManta, - MathChain: nodeMathChain, - 'mybank.network node': nodeMybank, - Myriad: chainMyriad, - 'NFTMart Staging': nodeNFTMart, - 'NFTMart Testnet': nodeNFTMart, - 'nodle chain node': nodeNodle, - OmniBTC: nodeOmniBTC, - 'Opportunity Standalone Testnet': nodeOpportunity, - Pangolin: nodePangolin, - 'Pangolin Parachain': nodePangolin, - Pangoro: nodePangoro, - Parallel: nodeParallel, - 'Parallel Heiko': nodeHeiko, - 'Parami Collator': nodeParami, - 'Patract Node': nodeJupiter, - 'Pichiu Parachain Collator': nodePichiu, - 'Polymesh Node': nodePolymesh, - 'Pontem Node': nodePontem, - 'Rio Defi Chain Node': nodeRiochain, - 'Riochain Staging': nodeRiochain, - 'Shiden Collator': chainShiden, - 'Subsocial Collator': nodeSubsocialX, - 'subsocial node': nodeSubsocial, - 'uni arts node': nodeUniarts, - 'UniArts Node': nodeUniarts, - 'Unique Node': nodeUnique, - 'UnitNetwork Node': nodeUnitNetwork, - 'Web3Games Node': nodeWeb3games, - 'Zenlink Collator': nodeZenlink -}).reduce>((colors, [node, color]) => ({ - ...colors, - [sanitize(node)]: color -}), {}); diff --git a/packages/apps-config/src/ui/index.ts b/packages/apps-config/src/ui/index.ts index 4a4d7497b9..e74506d764 100644 --- a/packages/apps-config/src/ui/index.ts +++ b/packages/apps-config/src/ui/index.ts @@ -1,7 +1,6 @@ // Copyright 2017-2023 @polkadot/apps-config authors & contributors // SPDX-License-Identifier: Apache-2.0 -import { chainColors, nodeColors } from './colors'; import { identityNodes, identitySpec } from './identityIcons'; import { sanitize } from './util'; @@ -14,10 +13,3 @@ export function getSystemIcon (systemName: string, specName: string): 'beachball 'substrate' ) as 'substrate'; } - -export function getSystemColor (systemChain: string, systemName: string): string | undefined { - return ( - chainColors[sanitize(systemChain)] || - nodeColors[sanitize(systemName)] - ); -} diff --git a/packages/apps/src/Apps.tsx b/packages/apps/src/Apps.tsx index 49043db527..4bf33fba41 100644 --- a/packages/apps/src/Apps.tsx +++ b/packages/apps/src/Apps.tsx @@ -7,7 +7,6 @@ import React, { useMemo } from 'react'; import styled from 'styled-components'; import AccountSidebar from '@polkadot/app-accounts/Sidebar'; -import { getSystemColor } from '@polkadot/apps-config'; import GlobalStyle from '@polkadot/react-components/styles'; import { useApi, useTheme } from '@polkadot/react-hooks'; import Signer from '@polkadot/react-signer'; @@ -21,13 +20,13 @@ export const PORTAL_ID = 'portals'; function Apps ({ className = '' }: Props): React.ReactElement { const { themeClassName } = useTheme(); - const { apiEndpoint, isDevelopment, systemChain, systemName } = useApi(); + const { apiEndpoint, isDevelopment } = useApi(); const uiHighlight = useMemo( () => isDevelopment ? undefined - : apiEndpoint?.uiColor || getSystemColor(systemChain, systemName), - [apiEndpoint, isDevelopment, systemChain, systemName] + : apiEndpoint?.uiColor, + [apiEndpoint, isDevelopment] ); return ( diff --git a/packages/page-settings/src/useChainInfo.ts b/packages/page-settings/src/useChainInfo.ts index be062de9d8..84e0c43dfd 100644 --- a/packages/page-settings/src/useChainInfo.ts +++ b/packages/page-settings/src/useChainInfo.ts @@ -5,7 +5,7 @@ import type { ChainInfo } from './types'; import { useMemo } from 'react'; -import { getSystemColor, getSystemIcon } from '@polkadot/apps-config'; +import { getSystemIcon } from '@polkadot/apps-config'; import { DEFAULT_DECIMALS, DEFAULT_SS58 } from '@polkadot/react-api'; import { createNamedHook, useApi } from '@polkadot/react-hooks'; import { getSpecTypes } from '@polkadot/types-known'; @@ -22,7 +22,7 @@ function useChainInfoImpl (): ChainInfo | null { chainType: isEthereum ? 'ethereum' : 'substrate', - color: apiEndpoint?.uiColor || getSystemColor(systemChain, systemName), + color: apiEndpoint?.uiColor, genesisHash: api.genesisHash.toHex(), icon: getSystemIcon(systemName, specName), metaCalls: base64Encode(api.runtimeMetadata.asCallsOnly.toU8a()),