From de76b40dc729bedcfafe210b9055ebab20e3d52a Mon Sep 17 00:00:00 2001 From: Jaco Date: Fri, 16 Jun 2023 11:27:19 +0300 Subject: [PATCH] Add asset hub logos (#9593) * Add asset hub logos * Sort common/system parachains --- .../apps-config/src/endpoints/index.spec.ts | 11 +++++-- .../src/endpoints/productionRelayKusama.ts | 32 +++++++++---------- .../src/endpoints/productionRelayPolkadot.ts | 28 ++++++++-------- .../src/endpoints/testingRelayRococo.ts | 28 ++++++++-------- .../src/endpoints/testingRelayWestend.ts | 26 +++++++-------- .../src/ui/logos/nodes/assetHub.svg | 22 +++++++++++++ .../ui/logos/nodes/generated/assetHubSVG.ts | 6 ++++ .../apps-config/src/ui/logos/nodes/index.ts | 1 + 8 files changed, 95 insertions(+), 59 deletions(-) create mode 100644 packages/apps-config/src/ui/logos/nodes/assetHub.svg create mode 100644 packages/apps-config/src/ui/logos/nodes/generated/assetHubSVG.ts diff --git a/packages/apps-config/src/endpoints/index.spec.ts b/packages/apps-config/src/endpoints/index.spec.ts index 11a7ebf45a..0660c979cd 100644 --- a/packages/apps-config/src/endpoints/index.spec.ts +++ b/packages/apps-config/src/endpoints/index.spec.ts @@ -49,7 +49,7 @@ describe('urls are sorted', (): void => { return !hasDevelopment; }); - filtered.forEach(({ isHeader, text, textBy }, index): void => { + filtered.forEach(({ isHeader, paraId, text, textBy }, index): void => { if (isHeader) { lastHeader = text as string; } else { @@ -57,7 +57,14 @@ describe('urls are sorted', (): void => { assert(( filtered[index - 1].isHeader || filtered[index - 1].linked || - (isNumber(filtered[index - 1].paraId) && (filtered[index - 1].paraId as number) < 2000) || + ( + isNumber(filtered[index - 1].paraId) && + ( + (filtered[index - 1].paraId as number) < 2000 + ? isNumber(paraId) && paraId >= 2000 + : false + ) + ) || filtered[index - 1].text === '' || text === filtered[index - 1].text || (text as string).localeCompare(filtered[index - 1].text as string) === 1 diff --git a/packages/apps-config/src/endpoints/productionRelayKusama.ts b/packages/apps-config/src/endpoints/productionRelayKusama.ts index b2e84fab05..d20b36d81b 100644 --- a/packages/apps-config/src/endpoints/productionRelayKusama.ts +++ b/packages/apps-config/src/endpoints/productionRelayKusama.ts @@ -5,7 +5,7 @@ import type { EndpointOption } from './types.js'; import { KUSAMA_GENESIS } from '../api/constants.js'; import { chainsAbandPNG, chainsAltairSVG, chainsAmplitudeSVG, chainsDorafactoryPNG, chainsGenshiroSVG, chainsGmJPEG, chainsKaruraSVG, chainsKicoPNG, chainsKintsugiPNG, chainsKusamaSVG, chainsListenPNG, chainsMangataPNG, chainsRiodefiPNG, chainsShidenPNG, chainsTinkerPNG, chainsTuringPNG, chainsUnorthodoxPNG } from '../ui/logos/chains/index.js'; -import { nodesApronPNG, nodesAresMarsPNG, nodesBajunPNG, nodesBasiliskPNG, nodesBifrostSVG, nodesBitcountryPNG, nodesBridgeHubBlackSVG, nodesCalamariPNG, nodesCrabSVG, nodesDatahighwayPNG, nodesEncointerBlueSVG, nodesImbuePNG, nodesIntegriteeSVG, nodesIpciSVG, nodesKabochaSVG, nodesKhalaSVG, nodesKrestPNG, nodesLitmusPNG, nodesLoomNetworkPNG, nodesMoonriverSVG, nodesParallelSVG, nodesPicassoPNG, nodesPichiuPNG, nodesPolkasmithSVG, nodesQuartzPNG, nodesRobonomicsSVG, nodesSakuraSVG, nodesShadowSVG, nodesSnowPNG, nodesSoraSubstrateSVG, nodesStatemineSVG, nodesSubgameSVG, nodesSubsocialXSVG, nodesTrustbasePNG, nodesZeroSVG } from '../ui/logos/nodes/index.js'; +import { nodesApronPNG, nodesAresMarsPNG, nodesAssetHubSVG, nodesBajunPNG, nodesBasiliskPNG, nodesBifrostSVG, nodesBitcountryPNG, nodesBridgeHubBlackSVG, nodesCalamariPNG, nodesCrabSVG, nodesDatahighwayPNG, nodesEncointerBlueSVG, nodesImbuePNG, nodesIntegriteeSVG, nodesIpciSVG, nodesKabochaSVG, nodesKhalaSVG, nodesKrestPNG, nodesLitmusPNG, nodesLoomNetworkPNG, nodesMoonriverSVG, nodesParallelSVG, nodesPicassoPNG, nodesPichiuPNG, nodesPolkasmithSVG, nodesQuartzPNG, nodesRobonomicsSVG, nodesSakuraSVG, nodesShadowSVG, nodesSnowPNG, nodesSoraSubstrateSVG, nodesSubgameSVG, nodesSubsocialXSVG, nodesTrustbasePNG, nodesZeroSVG } from '../ui/logos/nodes/index.js'; import { getTeleports } from './util.js'; // The available endpoints that will show in the dropdown. For the most part (with the exception of @@ -790,7 +790,21 @@ export const prodParasKusamaCommon: EndpointOption[] = [ text: 'AssetHub', ui: { color: '#113911', - logo: nodesStatemineSVG + logo: nodesAssetHubSVG + } + }, + { + info: 'kusamaBridgeHub', + paraId: 1002, + providers: { + 'IBP-GeoDNS1': 'wss://sys.ibp.network/bridgehub-kusama', + 'IBP-GeoDNS2': 'wss://sys.dotters.network/bridgehub-kusama', + Parity: 'wss://kusama-bridge-hub-rpc.polkadot.io', + Stakeworld: 'wss://ksm-rpc.stakeworld.io/bridgehub' + }, + text: 'BridgeHub', + ui: { + logo: nodesBridgeHubBlackSVG } }, { @@ -809,20 +823,6 @@ export const prodParasKusamaCommon: EndpointOption[] = [ color: '#0000cc', logo: nodesEncointerBlueSVG } - }, - { - info: 'kusamaBridgeHub', - paraId: 1002, - providers: { - 'IBP-GeoDNS1': 'wss://sys.ibp.network/bridgehub-kusama', - 'IBP-GeoDNS2': 'wss://sys.dotters.network/bridgehub-kusama', - Parity: 'wss://kusama-bridge-hub-rpc.polkadot.io', - Stakeworld: 'wss://ksm-rpc.stakeworld.io/bridgehub' - }, - text: 'BridgeHub', - ui: { - logo: nodesBridgeHubBlackSVG - } } ]; diff --git a/packages/apps-config/src/endpoints/productionRelayPolkadot.ts b/packages/apps-config/src/endpoints/productionRelayPolkadot.ts index c3ca6a4f8b..6b90613405 100644 --- a/packages/apps-config/src/endpoints/productionRelayPolkadot.ts +++ b/packages/apps-config/src/endpoints/productionRelayPolkadot.ts @@ -5,7 +5,7 @@ import type { EndpointOption } from './types.js'; import { POLKADOT_GENESIS } from '../api/constants.js'; import { chainsAcalaSVG, chainsBitgreenPNG, chainsComposableFinancePNG, chainsEquilibriumSVG, chainsFrequencySVG, chainsGeminisPNG, chainsInvarchJPEG, chainsOakPNG, chainsOrigintrailPNG, chainsPeaqPNG, chainsPendulumSVG, chainsPolkadotCircleSVG, chainsSnakenetSVG, chainsTotemSVG, chainsWatrPNG } from '../ui/logos/chains/index.js'; -import { nodesAjunaPNG, nodesAresOdysseySVG, nodesAstarPNG, nodesAventusSVG, nodesBifrostSVG, nodesBridgeHubSVG, nodesCentrifugePNG, nodesCloverSVG, nodesCoinversationPNG, nodesCrustParachainSVG, nodesDarwiniaSVG, nodesEfinitySVG, nodesHashedPNG, nodesIntegriteeSVG, nodesInterlaySVG, nodesKiltPNG, nodesKylinPNG, nodesLitentryPNG, nodesMantaPNG, nodesMoonbeamSVG, nodesNodleSVG, nodesOmnibtcSVG, nodesParallelSVG, nodesPhalaSVG, nodesPolkadexSVG, nodesSoraSubstrateSVG, nodesStatemineSVG, nodesSubdaoPNG, nodesSubgameSVG, nodesSubsocialSVG, nodesT3rnPNG, nodesUniqueSVG, nodesZeitgeistPNG } from '../ui/logos/nodes/index.js'; +import { nodesAjunaPNG, nodesAresOdysseySVG, nodesAssetHubSVG, nodesAstarPNG, nodesAventusSVG, nodesBifrostSVG, nodesBridgeHubSVG, nodesCentrifugePNG, nodesCloverSVG, nodesCoinversationPNG, nodesCrustParachainSVG, nodesDarwiniaSVG, nodesEfinitySVG, nodesHashedPNG, nodesIntegriteeSVG, nodesInterlaySVG, nodesKiltPNG, nodesKylinPNG, nodesLitentryPNG, nodesMantaPNG, nodesMoonbeamSVG, nodesNodleSVG, nodesOmnibtcSVG, nodesParallelSVG, nodesPhalaSVG, nodesPolkadexSVG, nodesSoraSubstrateSVG, nodesSubdaoPNG, nodesSubgameSVG, nodesSubsocialSVG, nodesT3rnPNG, nodesUniqueSVG, nodesZeitgeistPNG } from '../ui/logos/nodes/index.js'; import { getTeleports } from './util.js'; // The available endpoints that will show in the dropdown. For the most part (with the exception of @@ -678,7 +678,19 @@ export const prodParasPolkadotCommon: EndpointOption[] = [ text: 'AssetHub', ui: { color: '#86e62a', - logo: nodesStatemineSVG + logo: nodesAssetHubSVG + } + }, + { + info: 'polkadotBridgeHub', + paraId: 1002, + providers: { + Parity: 'wss://polkadot-bridge-hub-rpc.polkadot.io', + Stakeworld: 'wss://dot-rpc.stakeworld.io/bridgehub' + }, + text: 'BridgeHub', + ui: { + logo: nodesBridgeHubSVG } }, { @@ -698,18 +710,6 @@ export const prodParasPolkadotCommon: EndpointOption[] = [ color: '#e6777a', logo: 'fa;people-group' } - }, - { - info: 'polkadotBridgeHub', - paraId: 1002, - providers: { - Parity: 'wss://polkadot-bridge-hub-rpc.polkadot.io', - Stakeworld: 'wss://dot-rpc.stakeworld.io/bridgehub' - }, - text: 'BridgeHub', - ui: { - logo: nodesBridgeHubSVG - } } ]; diff --git a/packages/apps-config/src/endpoints/testingRelayRococo.ts b/packages/apps-config/src/endpoints/testingRelayRococo.ts index deab3c5490..2c85b7e833 100644 --- a/packages/apps-config/src/endpoints/testingRelayRococo.ts +++ b/packages/apps-config/src/endpoints/testingRelayRococo.ts @@ -5,7 +5,7 @@ import type { EndpointOption } from './types.js'; import { ROCOCO_GENESIS } from '../api/constants.js'; import { chainsAcurastPNG, chainsAmplitudeSVG, chainsBitgreenPNG, chainsFrequencySVG, chainsGenshiroSVG, chainsHydratePNG, chainsIdiyanaleLogoWhiteSVG, chainsJurPNG, chainsMangataPNG, chainsMoonsamaPNG, chainsOrigintrailTestnetPNG, chainsRococoSVG, chainsSnowbridgePNG, chainsT0rnPNG, chainsTanglePNG, chainsTinkerPNG, chainsTotemSVG, chainsTuringPNG, chainsVirtoPNG, chainsWatrPNG } from '../ui/logos/chains/index.js'; -import { nodesArcticPNG, nodesAventusSVG, nodesBajunPNG, nodesBasiliskPNG, nodesBasiliskRococoBgPNG, nodesBifrostSVG, nodesBridgeHubBlackSVG, nodesCentrifugePNG, nodesConftiSVG, nodesCrustParachainSVG, nodesDatahighwayPNG, nodesDolphinSVG, nodesEncointerBlueSVG, nodesGiantPNG, nodesHelixstreetPNG, nodesImbuePNG, nodesIntegriteeSVG, nodesKabochaSVG, nodesKiltPNG, nodesLitentryRococoPNG, nodesMd5PNG, nodesNodleSVG, nodesOliSVG, nodesPangolinSVG, nodesPhalaSVG, nodesPicassoPNG, nodesPolkadexSVG, nodesRobonomicsSVG, nodesRocfinitySVG, nodesSocietalSVG, nodesSoonsocialXPNG, nodesSoraSubstrateSVG, nodesStatemineSVG, nodesSubstrateContractsNodePNG, nodesUnitnetworkPNG, nodesZeitgeistPNG, nodesZeroSVG } from '../ui/logos/nodes/index.js'; +import { nodesArcticPNG, nodesAssetHubSVG, nodesAventusSVG, nodesBajunPNG, nodesBasiliskPNG, nodesBasiliskRococoBgPNG, nodesBifrostSVG, nodesBridgeHubBlackSVG, nodesCentrifugePNG, nodesConftiSVG, nodesCrustParachainSVG, nodesDatahighwayPNG, nodesDolphinSVG, nodesEncointerBlueSVG, nodesGiantPNG, nodesHelixstreetPNG, nodesImbuePNG, nodesIntegriteeSVG, nodesKabochaSVG, nodesKiltPNG, nodesLitentryRococoPNG, nodesMd5PNG, nodesNodleSVG, nodesOliSVG, nodesPangolinSVG, nodesPhalaSVG, nodesPicassoPNG, nodesPolkadexSVG, nodesRobonomicsSVG, nodesRocfinitySVG, nodesSocietalSVG, nodesSoonsocialXPNG, nodesSoraSubstrateSVG, nodesSubstrateContractsNodePNG, nodesUnitnetworkPNG, nodesZeitgeistPNG, nodesZeroSVG } from '../ui/logos/nodes/index.js'; import { getTeleports } from './util.js'; // The available endpoints that will show in the dropdown. For the most part (with the exception of @@ -638,7 +638,19 @@ export const testParasRococoCommon: EndpointOption[] = [ text: 'AssetHub', ui: { color: '#77bb77', - logo: nodesStatemineSVG + logo: nodesAssetHubSVG + } + }, + { + info: 'rococoBridgehub', + paraId: 1013, + providers: { + Parity: 'wss://rococo-bridge-hub-rpc.polkadot.io' + }, + teleport: [-1], + text: 'Bridgehub', + ui: { + logo: nodesBridgeHubBlackSVG } }, { @@ -667,18 +679,6 @@ export const testParasRococoCommon: EndpointOption[] = [ color: '#0000cc', logo: nodesEncointerBlueSVG } - }, - { - info: 'rococoBridgehub', - paraId: 1013, - providers: { - Parity: 'wss://rococo-bridge-hub-rpc.polkadot.io' - }, - teleport: [-1], - text: 'Bridgehub', - ui: { - logo: nodesBridgeHubBlackSVG - } } ]; diff --git a/packages/apps-config/src/endpoints/testingRelayWestend.ts b/packages/apps-config/src/endpoints/testingRelayWestend.ts index 41042ee023..b93a24e8f7 100644 --- a/packages/apps-config/src/endpoints/testingRelayWestend.ts +++ b/packages/apps-config/src/endpoints/testingRelayWestend.ts @@ -5,7 +5,7 @@ import type { EndpointOption } from './types.js'; import { WESTEND_GENESIS } from '../api/constants.js'; import { chainsKaruraSVG, chainsStandardPNG } from '../ui/logos/chains/index.js'; -import { nodesBridgeHubSVG, nodesCentrifugePNG, nodesIntegriteeSVG, nodesInterlaySVG, nodesKhalaSVG, nodesKiltPNG, nodesKylinPNG, nodesMoonshadowPNG, nodesStatemineSVG, nodesWestendColourSVG } from '../ui/logos/nodes/index.js'; +import { nodesAssetHubSVG, nodesBridgeHubSVG, nodesCentrifugePNG, nodesIntegriteeSVG, nodesInterlaySVG, nodesKhalaSVG, nodesKiltPNG, nodesKylinPNG, nodesMoonshadowPNG, nodesWestendColourSVG } from '../ui/logos/nodes/index.js'; import { getTeleports } from './util.js'; // The available endpoints that will show in the dropdown. For the most part (with the exception of @@ -139,7 +139,18 @@ export const testParasWestendCommon: EndpointOption[] = [ text: 'AssetHub', ui: { color: '#77bb77', - logo: nodesStatemineSVG + logo: nodesAssetHubSVG + } + }, + { + info: 'westendBridgeHub', + paraId: 1002, + providers: { + // Parity: 'wss://westend-bridge-hub-rpc.polkadot.io' // https://github.com/polkadot-js/apps/issues/9348 + }, + text: 'BridgeHub', + ui: { + logo: nodesBridgeHubSVG } }, { @@ -156,17 +167,6 @@ export const testParasWestendCommon: EndpointOption[] = [ color: '#e6777a', logo: 'fa;people-group' } - }, - { - info: 'westendBridgeHub', - paraId: 1002, - providers: { - // Parity: 'wss://westend-bridge-hub-rpc.polkadot.io' // https://github.com/polkadot-js/apps/issues/9348 - }, - text: 'BridgeHub', - ui: { - logo: nodesBridgeHubSVG - } } ]; diff --git a/packages/apps-config/src/ui/logos/nodes/assetHub.svg b/packages/apps-config/src/ui/logos/nodes/assetHub.svg new file mode 100644 index 0000000000..322c339afc --- /dev/null +++ b/packages/apps-config/src/ui/logos/nodes/assetHub.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + diff --git a/packages/apps-config/src/ui/logos/nodes/generated/assetHubSVG.ts b/packages/apps-config/src/ui/logos/nodes/generated/assetHubSVG.ts new file mode 100644 index 0000000000..0405b4cb76 --- /dev/null +++ b/packages/apps-config/src/ui/logos/nodes/generated/assetHubSVG.ts @@ -0,0 +1,6 @@ +// Copyright 2017-2023 @polkadot/apps authors & contributors +// SPDX-License-Identifier: Apache-2.0 + +// Do not edit. Auto-generated via node scripts/imgConvert.mjs + +export const nodesAssetHubSVG = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2NDAgNjQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NDAgNjQwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzMyMUQ0Nzt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qye2ZpbGw6I0U2MDA3QTt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTYzNy4zLDMxOS4zYzAsMTc1LjItMTQyLDMxNy4zLTMxNy4zLDMxNy4zUzIuNyw0OTQuNiwyLjcsMzE5LjNTMTQ0LjgsMi4xLDMyMCwyLjFTNjM3LjMsMTQ0LjEsNjM3LjMsMzE5LjN6IgoJCS8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDQ0LjIsMzkyLjRoLTY3LjZsLTEyLjctMzFoLTg1LjhsLTEyLjcsMzFoLTY3LjZsODAuOS0xODQuM2g4NC41TDQ0NC4yLDM5Mi40eiBNMzIxLjEsMjU2bC0yMi40LDU1aDQ0LjcKCQlMMzIxLjEsMjU2eiIvPgoJPGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMzIxIiBjeT0iMTIyLjEiIHI9IjQ2LjkiLz4KCTxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjMyMSIgY3k9IjUxNy4xIiByPSI0Ni45Ii8+Cgk8Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSIxNDcuOCIgY3k9IjIxNiIgcj0iNDYuOSIvPgoJPGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iNDk0LjMiIGN5PSIyMTYiIHI9IjQ2LjkiLz4KCTxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjE0Ny44IiBjeT0iNDI0LjgiIHI9IjQ2LjkiLz4KCTxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjQ5NC4zIiBjeT0iNDI0LjgiIHI9IjQ2LjkiLz4KPC9nPgo8L3N2Zz4K'; diff --git a/packages/apps-config/src/ui/logos/nodes/index.ts b/packages/apps-config/src/ui/logos/nodes/index.ts index 360e8ebf47..fc0a90dcde 100644 --- a/packages/apps-config/src/ui/logos/nodes/index.ts +++ b/packages/apps-config/src/ui/logos/nodes/index.ts @@ -10,6 +10,7 @@ export { nodesAresGladiosSVG } from './generated/ares-gladiosSVG.js'; export { nodesAresMarsPNG } from './generated/ares-marsPNG.js'; export { nodesAresOdysseySVG } from './generated/ares-odysseySVG.js'; export { nodesAresPNG } from './generated/aresPNG.js'; +export { nodesAssetHubSVG } from './generated/assetHubSVG.js'; export { nodesAstarPNG } from './generated/astarPNG.js'; export { nodesAutomataPNG } from './generated/automataPNG.js'; export { nodesAventusSVG } from './generated/aventusSVG.js';