Merge branch 'polkadot-new-apps' into pioneer-upgrade

pioneer/.env-example

@@ -0,0 +1,4 @@
+# You can define all your ENV in such a file and run docker as:
+# docker run ... --env-file .env ...
+WS_URL=ws://localhost:9944
+POLKADOT_UI_SAMPLE=42

pioneer/.github/workflows/pr-any.yml

@@ -0,0 +1,16 @@
+name: PR
+on: [pull_request]
+
+jobs:
+  pr:
+    strategy:
+      matrix:
+        step: ['lint', 'lint:css', 'test', 'build:code', 'build:i18n', 'build:electron']
+    name: ${{ matrix.step }}
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v1
+    - name: ${{ matrix.step }}
+      run: |
+        yarn install --immutable | grep -v 'YN0013'
+        yarn ${{ matrix.step }}

pioneer/.github/workflows/push-master.yml

@@ -0,0 +1,94 @@
+name: Master
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  # publish to gh-pages (& IPFS when a release is detected)
+  www:
+    strategy:
+      matrix:
+        step: ['build:release:www']
+    name: ${{ matrix.step }}
+    if: "! startsWith(github.event.head_commit.message, '[CI Skip]') && github.repository == 'polkadot-js/apps'"
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v1
+      with:
+        token: ${{ secrets.GH_PAT }}
+    - name: ${{ matrix.step }}
+      env:
+        CC_TEST_REPORTER_ID: ${{ secrets.CC_TEST_REPORTER_ID }}
+        CF_API_TOKEN: ${{ secrets.CF_API_TOKEN }}
+        GH_PAGES_SRC: packages/apps/build
+        GH_PAT: ${{ secrets.GH_PAT }}
+        GH_RELEASE_GITHUB_API_TOKEN: ${{ secrets.GH_PAT }}
+        NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+        PINATA_API_KEY: ${{ secrets.PINATA_API_KEY }}
+        PINATA_SECRET_KEY: ${{ secrets.PINATA_SECRET_KEY }}
+      run: |
+        yarn install --immutable | grep -v 'YN0013'
+        yarn ${{ matrix.step }}
+
+  # only run on "CI skip", i.e. when the actual version has been bumped to release/stable
+  docker:
+    name: docker
+    if: "startsWith(github.event.head_commit.message, '[CI Skip] release/stable') && github.repository == 'polkadot-js/apps'"
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v1
+    - name: docker
+      env:
+        DOCKER_PASS: ${{ secrets.DOCKER_PASS }}
+      run: |
+        ./scripts/docker.sh
+
+  # only run on "CI skip", i.e. when the actual version has been bumped to release/stable
+  electron:
+    strategy:
+      matrix:
+        os: [macos-latest, ubuntu-latest, windows-latest]
+    runs-on: ${{ matrix.os }}
+    if: "startsWith(github.event.head_commit.message, '[CI Skip] release/stable') && github.repository == 'polkadot-js/apps'"
+    name: ${{ matrix.os }}
+    steps:
+      - uses: actions/checkout@v1
+        with:
+          token: ${{ secrets.GH_PAT }}
+      - name: Prepare for app notarization (macOS)
+        if: startsWith(matrix.os, 'macos')
+        # Import Apple API key for app notarization on macOS
+        run: |
+          mkdir -p ~/private_keys/
+          echo '${{ secrets.API_KEY }}' > ~/private_keys/AuthKey_${{ secrets.API_KEY_ID }}.p8
+      - name: Build/release Electron app
+        uses: samuelmeuli/action-electron-builder@v1
+        with:
+          # Base64-encoded code signing certificate for macOS
+          mac_certs: ${{ secrets.MAC_CERTS }}
+          # Password for decrypting `mac_certs`
+          mac_certs_password: ${{ secrets.MAC_CERTS_PASSWORD }}
+          # Base64-encoded code signing certificate for Windows
+          windows_certs: ${{ secrets.WINDOWS_CERTS }}
+          # Password for decrypting `windows_certs`
+          windows_certs_password: ${{ secrets.WINDOWS_CERTS_PASSWORD }}
+          # GitHub token, automatically provided to the action
+          # (No need to define this secret in the repo settings)
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          build_script_name: build:release:electron
+          # If the commit is tagged with a version (e.g. "v1.0.0"),
+          # release the app after building
+          release: ${{ startsWith(github.ref, 'refs/tags/v') }}
+        env:
+          # macOS notarization API key
+          API_KEY_ID: ${{ secrets.API_KEY_ID }}
+          API_KEY_ISSUER_ID: ${{ secrets.API_KEY_ISSUER_ID }}
+
+  # dummy, GH actions fails outright when all steps are skipped (like it can be above)
+  dummy:
+    runs-on: ubuntu-latest
+    steps:
+    - name: dummy
+      run: |
+        echo "Dummy skip step"

pioneer/.stylelintrc

@@ -0,0 +1,7 @@
+{
+  "extends": [
+    "stylelint-config-recommended",
+    "stylelint-config-styled-components"
+  ],
+  "defaultSeverity": "warning"
+}

pioneer/.vscode/settings.json

@@ -0,0 +1,11 @@
+{
+  "editor.tabSize": 2,
+  "files.eol": "\n",
+  "npm.packageManager": "yarn",
+  "eslint.enable": true,
+  "eslint.validate": [
+    "javascript",
+    "typescript",
+    "typescriptreact"
+  ]
+}

pioneer/.yarnrc.yml

@@ -0,0 +1,11 @@
+enableImmutableInstalls: false
+
+enableProgressBars: false
+
+nodeLinker: node-modules
+
+plugins:
+  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.js
+    spec: "@yarnpkg/plugin-interactive-tools"
+
+yarnPath: .yarn/releases/yarn-rc.js

pioneer/I18N.md

@@ -0,0 +1,22 @@
+# I18N
+
+The apps UI allows all strings to be translated. Additionally it has a basic UI that allows for the creation of the required translation files, which will give an overview on the progress for a specific language.
+
+## Updating translations
+
+To update translations, the following process is required.
+
+- launch the apps UI, either locally or via https://polkadot.js.org/apps
+- explicitly navigate to the i18n page, https://polkadot.js.org/apps/#/settings/i18n
+
+Here you will find a dropdown of all the available languages and all the modules that maps to the UI. On a single screen you will be able to see all the available strings for a specific module.
+
+- adjust any strings as required
+- once completed with the changes, click the `Generate translation.json` button to download the translation file
+- this file can now be added to the repo with a PR to https://github.com/polkadot-js/apps/tree/master/packages/apps/public/locales
+
+## Adding a new language (if not in dropdown above)
+
+The process is similar for the above, but does require a new folder with the language identifier to be added. Create [packages/apps/public/locales/<id>](https://github.com/polkadot-js/apps/tree/master/packages/apps/public/locales) folder with an empty `translation.json` (containing only `{}`). After addition of the folder, run `yarn build:i18n` and then the new language will be available for update as per the process in the previous section.
+
+In addition to the language folder, the language also needs to be added to the dropdown for available languages, this can be found in [packages/apps-config/src/settings.languages.ts](https://github.com/polkadot-js/apps/blob/master/packages/apps-config/src/settings/languages.ts)

pioneer/docker/nginx.conf

@@ -0,0 +1,27 @@
+user  nginx;
+worker_processes  1;
+
+error_log  /var/log/nginx/error.log warn;
+pid        /var/run/nginx.pid;
+
+events {
+    worker_connections  1024;
+}
+
+http {
+    include       /etc/nginx/mime.types;
+    default_type  application/octet-stream;
+
+    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
+                      '$status $body_bytes_sent "$http_referer" '
+                      '"$http_user_agent" "$http_x_forwarded_for"';
+
+    access_log  /var/log/nginx/access.log  main;
+
+    sendfile        on;
+    #tcp_nopush     on;
+
+    keepalive_timeout  65;
+    gzip  on;
+    include /etc/nginx/conf.d/*.conf;
+}

pioneer/env.sh

@@ -0,0 +1,20 @@
+#!/bin/bash
+
+# This script is used when the docker container starts and does the magic to
+# bring the ENV variables to the generated static UI.
+
+TARGET=./env-config.js
+
+# Recreate config file
+echo -n > $TARGET
+
+declare -a vars=(
+  "WS_URL"
+  "SAMPLE"
+)
+
+echo "window.process_env = {" >> $TARGET
+for VAR in ${vars[@]}; do
+  echo "  $VAR: \"${!VAR}\"," >> $TARGET
+done
+echo "}" >> $TARGET

pioneer/packages/apps-config/LICENSE

@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

pioneer/packages/apps-config/README.md

@@ -0,0 +1,43 @@
+# @polkadot/apps-config
+
+General config for various services, including settings, external links & types. This is a central source of all the configuration settings that can be tweaked. This also means that it can be customized (via PR) to support any additional chains. The internals are split into a number of settings -
+
+- [api](./src/api) - Here you can add any chain or node-type specific types configuration. When added, it means that when the UI connects to either a runtime with a spec name, or a chain with a specific name, the types will be automatically added to the API as used in the app.
+- [links](./src/links) - These are all links to external providers such as explorers. This information is used anywhere where there is an external link to determine the providers for these links.
+- [settings](./src/settings) - These are used in dropdowns, specifically under the settings page.
+- [ui](./src/ui) - Logos & color settings for chain and node spec specific overrides. This means that when the runtime/chain is detected, the specific logo would be used.
+
+Customization for each of these are discussed next.
+
+## Api
+
+The API config can be done in one of two ways -
+
+- [chain](./src/api/chain) - Here we are mapping to a specific chain name. Generally the next type would be preferred, however if you are supporting multiple chains with individual configs, you would probably want to add the chain-specific information in here.
+- [spec](./src/api/spec) - Here we are mapping from the runtime spec name of the chain to specific types. This means that when connected to a specific spec, these types will be injected.
+
+The actual type definitions you should be familiar with, it is exactly the same as you would upload via the settings page in JSON, or as detailed in the [API types pages](https://polkadot.js.org/api/start/types.extend.html#extending-types).
+
+## Links
+
+We are not going to spend too much time here, since it is generally applicable to explorers and like services. However, should you run one of these services, you can take a look at the existing configs and customize for your setup.
+
+## Settings
+
+There are 2 general areas of interest here -
+
+- [endpoints](./src/settings) - This is where we can add additional endpoints to appear in the dropdowns. We would like to keep this to mostly live networks, although based on demand can probably extend to a testing-only section as well.
+- [ss58](./src/settings) - Should you wish to add your ss58Format to the settings dropdown, this is where the configuration take place
+
+## UI
+
+These are self-explanatory and config here actually does get used in other parts as well. Basically the information here is broken down into a couple of categories -
+
+- [general](./src/ui/general)
+  - color configuration based on chain
+- [identityIcon](./src/ui/identityIcons)
+  - specific identityIcon to use based on node name
+- [logos](./src/ui/logos)
+  - chains - Specific logos when connecting to a specific chain
+  - nodes - Logos that are used when connecting to a specific runtime spec type (catch-all)
+  - named - These logos are used as overrides when we pass an explicit logo name 

pioneer/packages/apps-config/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@polkadot/apps-config",
+  "private": true,
+  "version": "0.51.1",
+  "main": "index.js",
+  "repository": "https://github.com/polkadot-js/apps.git",
+  "author": "Jaco Greeff <jacogr@gmail.com>",
+  "maintainers": [
+    "Jaco Greeff <jacogr@gmail.com>"
+  ],
+  "contributors": [],
+  "license": "Apache-2.0",
+  "dependencies": {
+    "@acala-network/type-definitions": "0.3.1",
+    "@babel/runtime": "^7.10.5",
+    "edgeware-node-types": "^2.3.4"
+  }
+}

pioneer/packages/apps-config/src/api/chain/arcadia.ts

@@ -0,0 +1,30 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+export default {
+  Amendment: 'Call',
+  Application: {
+    candidate: 'AccountId',
+    candidate_deposit: 'Balance',
+    challenged_block: 'BlockNumber',
+    challenger: 'Option<AccountId>',
+    challenger_deposit: 'Option<Balance>',
+    created_block: 'BlockNumber',
+    metadata: 'Vec<u8>',
+    voters_against: 'Vec<(AccountId, Balance)>',
+    voters_for: 'Vec<(AccountId, Balance)>',
+    votes_against: 'Option<Balance>',
+    votes_for: 'Option<Balance>'
+  },
+  CertificateId: 'AccountId',
+  RootCertificate: {
+    child_revocations: 'Vec<CertificateId>',
+    created: 'BlockNumber',
+    key: 'CertificateId',
+    owner: 'AccountId',
+    renewed: 'BlockNumber',
+    revoked: 'bool',
+    validity: 'BlockNumber'
+  }
+};

pioneer/packages/apps-config/src/api/chain/berlin.ts

@@ -0,0 +1,27 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+import * as edgewareDefinitions from 'edgeware-node-types/interfaces/definitions';
+
+const edgTypes = Object
+  .values(edgewareDefinitions)
+  .reduce((res, { types }) => ({ ...res, ...types }), {});
+
+export default {
+  ...edgTypes,
+  // aliases that don't do well as part of interfaces
+  'voting::VoteType': 'VoteType',
+  'voting::TallyType': 'TallyType',
+  'voting::Tally': 'VotingTally',
+  // chain-specific overrides
+  Address: 'GenericAddress',
+  Keys: 'SessionKeys4',
+  StakingLedger: 'StakingLedgerTo223',
+  Votes: 'VotesTo230',
+  ReferendumInfo: 'ReferendumInfoTo239',
+  Weight: 'u32'
+};

pioneer/packages/apps-config/src/api/chain/index.ts

@@ -0,0 +1,11 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import Arcadia from './arcadia';
+import Berlin from './berlin';
+
+export default {
+  'Arcadia Nodle Network': Arcadia,
+  Berlin
+};

pioneer/packages/apps-config/src/api/index.ts

@@ -0,0 +1,18 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import typesChain from './chain';
+import typesSpec from './spec';
+
+export function getChainTypes (specName: string, chainName: string): Record<string, string | Record<string, unknown>> {
+  return {
+    ...(typesSpec[specName as 'edgeware'] || {}),
+    ...(typesChain[chainName as 'Berlin'] || {})
+  };
+}
+
+export {
+  typesChain,
+  typesSpec
+};

pioneer/packages/apps-config/src/api/spec/acala.ts

@@ -0,0 +1,10 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import * as acalaDefinitions from '@acala-network/type-definitions';
+import { typesFromDefs } from '../util';
+
+const acaTypes = typesFromDefs(acalaDefinitions);
+
+export default acaTypes;

pioneer/packages/apps-config/src/api/spec/centrifuge-chain.ts

@@ -0,0 +1,28 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+export default {
+  // chain-specific
+  AnchorData: {
+    id: 'H256',
+    docRoot: 'H256',
+    anchoredBlock: 'u64'
+  },
+  Fee: {
+    key: 'Hash',
+    price: 'Balance'
+  },
+  PreCommitData: {
+    signingRoot: 'H256',
+    identity: 'H256',
+    expirationBlock: 'u64'
+  },
+  Proof: {
+    leafHash: 'H256',
+    sortedHashes: 'H256'
+  }
+};

pioneer/packages/apps-config/src/api/spec/edgeware.ts

@@ -0,0 +1,27 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+import * as edgewareDefinitions from 'edgeware-node-types/interfaces/definitions';
+
+const edgTypes = Object
+  .values(edgewareDefinitions)
+  .reduce((res, { types }) => ({ ...res, ...types }), {});
+
+export default {
+  ...edgTypes,
+  // aliases that don't do well as part of interfaces
+  'voting::VoteType': 'VoteType',
+  'voting::TallyType': 'TallyType',
+  'voting::Tally': 'VotingTally',
+  // chain-specific overrides
+  Address: 'GenericAddress',
+  Keys: 'SessionKeys4',
+  StakingLedger: 'StakingLedgerTo223',
+  Votes: 'VotesTo230',
+  ReferendumInfo: 'ReferendumInfoTo239',
+  Weight: 'u32'
+};

pioneer/packages/apps-config/src/api/spec/encointer-node-notee.ts

@@ -0,0 +1,72 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+/* eslint-disable camelcase */
+
+export default {
+  Address: 'AccountId',
+  LookupSource: 'AccountId',
+  CeremonyPhaseType: {
+    _enum: [
+      'Registering',
+      'Assigning',
+      'Attesting'
+    ]
+  },
+  CeremonyIndexType: 'u32',
+  ParticipantIndexType: 'u64',
+  MeetupIndexType: 'u64',
+  AttestationIndexType: 'u64',
+  CurrencyIdentifier: 'Hash',
+  BalanceType: 'i128',
+  BalanceEntry: {
+    principal: 'i128',
+    last_update: 'BlockNumber'
+  },
+  CurrencyCeremony: {
+    cid: 'CurrencyIdentifier',
+    cindex: 'CeremonyIndexType'
+  },
+  Location: {
+    lat: 'i64',
+    lon: 'i64'
+  },
+  Reputation: {
+    _enum: [
+      'Unverified',
+      'UnverifiedReputable',
+      'VerifiedUnlinked',
+      'VerifiedLinked'
+    ]
+  },
+  CurrencyPropertiesType: {
+    name_utf8: 'Text',
+    demurrage_per_block: 'i128'
+  },
+  ClaimOfAttendance: {
+    claimant_public: 'AccountId',
+    ceremony_index: 'CeremonyIndexType',
+    currency_identifier: 'CurrencyIdentifier',
+    meetup_index: 'MeetupIndexType',
+    location: 'Location',
+    timestamp: 'Moment',
+    number_of_participants_confirmed: 'u32'
+  },
+  Attestation: {
+    claim: 'ClaimOfAttendance',
+    signature: 'Signature',
+    public: 'AccountId'
+  },
+  ProofOfAttendance: {
+    prover_public: 'AccountId',
+    ceremony_index: 'CeremonyIndexType',
+    currency_identifier: 'CurrencyIdentifier',
+    attendee_public: 'AccountId',
+    attendee_signature: 'Signature'
+  },
+  // weight changed to u64 since 2.0.0-rc1 (commit 2051ecbf79e April 16th 2020
+  Weight: 'u32'
+};

pioneer/packages/apps-config/src/api/spec/encointer-node-teeproxy.ts

@@ -0,0 +1,46 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+/* eslint-disable camelcase */
+
+export default {
+  Address: 'AccountId',
+  LookupSource: 'AccountId',
+  CeremonyPhaseType: {
+    _enum: [
+      'Registering',
+      'Assigning',
+      'Attesting'
+    ]
+  },
+  CeremonyIndexType: 'u32',
+  CurrencyIdentifier: 'Hash',
+  CurrencyCeremony: {
+    cid: 'CurrencyIdentifier',
+    cindex: 'CeremonyIndexType'
+  },
+  Location: {
+    lat: 'i64',
+    lon: 'i64'
+  },
+  CurrencyPropertiesType: {
+    name_utf8: 'Text',
+    demurrage_per_block: 'i128'
+  },
+  ShardIdentifier: 'Hash',
+  Request: {
+    shard: 'ShardIdentifier',
+    cyphertext: 'Vec<u8>'
+  },
+  Enclave: {
+    pubkey: 'AccountId',
+    mrenclave: 'Hash',
+    timestamp: 'u64',
+    url: 'Text'
+  },
+  // weight changed to u64 since 2.0.0-rc1 (commit 2051ecbf79e April 16th 2020
+  Weight: 'u32'
+};

pioneer/packages/apps-config/src/api/spec/index.ts

@@ -0,0 +1,25 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import acala from './acala';
+import centrifugeChain from './centrifuge-chain';
+import edgeware from './edgeware';
+import encointerNodeNotee from './encointer-node-notee';
+import encointerNodeTeeproxy from './encointer-node-teeproxy';
+import kulupu from './kulupu';
+import nodeTemplate from './node-template';
+import stablePoc from './stable-poc';
+
+export default {
+  acala,
+  'centrifuge-chain': centrifugeChain,
+  edgeware,
+  'encointer-node': encointerNodeNotee,
+  'encointer-node-notee': encointerNodeNotee,
+  'encointer-node-teeproxy': encointerNodeTeeproxy,
+  kulupu,
+  'node-template': nodeTemplate,
+  'stable-poc': stablePoc,
+  stable_poc: stablePoc
+};

pioneer/packages/apps-config/src/api/spec/kulupu.ts

@@ -0,0 +1,19 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+export default {
+  Difficulty: 'U256',
+  DifficultyAndTimestamp: {
+    difficulty: 'Difficulty',
+    timestamp: 'Moment'
+  },
+  Era: {
+    genesisBlockHash: 'H256',
+    finalBlockHash: 'H256',
+    finalStateRoot: 'H256'
+  }
+};

pioneer/packages/apps-config/src/api/spec/node-template.ts

@@ -0,0 +1,11 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+export default {
+  Address: 'AccountId',
+  LookupSource: 'AccountId'
+};

pioneer/packages/apps-config/src/api/spec/stable-poc.ts

@@ -0,0 +1,22 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+export default {
+  AccountData: {
+    free: 'Balance',
+    reserved: 'Balance',
+    miscFrozen: 'Balance',
+    feeFrozen: 'Balance',
+    txCount: 'u32',
+    sessionIndex: 'u32'
+  },
+  TemplateAccountData: {
+    txCount: 'u32',
+    sessionIndex: 'u32'
+  },
+  TxCount: 'u32'
+};

pioneer/packages/apps-config/src/api/util.ts

@@ -0,0 +1,12 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+export function typesFromDefs (definitions: Record<string, { types: Record<string, any> }>): Record<string, any> {
+  return Object
+    .values(definitions)
+    .reduce((res: Record<string, any>, { types }): Record<string, any> => ({
+      ...res,
+      ...types
+    }), {});
+}

pioneer/packages/apps-config/src/extensions/index.ts

@@ -0,0 +1,31 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+// it would have been really good to import this from detect, however... not exported
+type Browser = 'chrome' | 'firefox';
+
+interface Extension {
+  desc: string;
+  link: string;
+  name: string;
+}
+
+const availableExtensions: Record<Browser, Extension[]> = [
+  {
+    browsers: {
+      chrome: 'https://chrome.google.com/webstore/detail/polkadot%7Bjs%7D-extension/mopnmbcafieddcagagdcbnhejhlodfdd',
+      firefox: 'https://addons.mozilla.org/en-US/firefox/addon/polkadot-js-extension/'
+    },
+    desc: 'Basic account injection and signer',
+    name: 'polkadot-js extension'
+  }
+].reduce((available: Record<Browser, Extension[]>, { browsers, desc, name }): Record<Browser, Extension[]> => {
+  Object.entries(browsers).forEach(([browser, link]): void => {
+    available[browser as 'chrome'].push({ desc, link, name });
+  });
+
+  return available;
+}, { chrome: [], firefox: [] });
+
+export { availableExtensions };

pioneer/packages/apps-config/src/links/commonwealth.ts

@@ -0,0 +1,25 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import BN from 'bn.js';
+
+const HASH_PATHS = ['proposal/councilmotion'];
+
+export default {
+  chains: {
+    Edgeware: 'edgeware',
+    Kusama: 'kusama',
+    'Kusama CC3': 'kusama'
+  },
+  create: (chain: string, path: string, data: BN | number | string, hash?: string): string =>
+    `https://commonwealth.im/${chain}/${path}/${HASH_PATHS.includes(path) ? (hash || '') : data.toString()}`,
+  isActive: true,
+  paths: {
+    council: 'proposal/councilmotion',
+    proposal: 'proposal/democracyproposal',
+    referendum: 'proposal/referendum',
+    treasury: 'proposal/treasuryproposal'
+  },
+  url: 'https://commonwealth.im/'
+};

pioneer/packages/apps-config/src/links/index.ts

@@ -0,0 +1,19 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { ExternalDef } from './types';
+
+import Commonwealth from './commonwealth';
+import Polkascan from './polkascan';
+import Polkassembly from './polkassembly';
+import Subscan from './subscan';
+
+const externals: Record<string, ExternalDef> = {
+  Commonwealth,
+  Polkascan,
+  Polkassembly,
+  Subscan
+};
+
+export default externals;

pioneer/packages/apps-config/src/links/polkascan.ts

@@ -0,0 +1,30 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import BN from 'bn.js';
+
+export default {
+  chains: {
+    // 'Centrifuge Mainnet': 'centrifuge',
+    // Edgeware: 'edgeware',
+    // Kulupu: 'kulupu',
+    Kusama: 'kusama',
+    Polkadot: 'polkadot',
+    'Polkadot CC1': 'polkadot-cc1'
+  },
+  create: (chain: string, path: string, data: BN | number | string): string =>
+    `https://polkascan.io/${chain}/${path}/${data.toString()}`,
+  isActive: true,
+  paths: {
+    address: 'account',
+    block: 'block',
+    council: 'council/motion',
+    extrinsic: 'transaction',
+    proposal: 'democracy/proposal',
+    referendum: 'democracy/referendum',
+    techcomm: 'techcomm/proposal',
+    treasury: 'treasury/proposal'
+  },
+  url: 'https://polkascan.io/'
+};

pioneer/packages/apps-config/src/links/polkassembly.ts

@@ -0,0 +1,22 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import BN from 'bn.js';
+
+export default {
+  chains: {
+    Kusama: 'kusama',
+    'Kusama CC3': 'kusama'
+  },
+  create: (chain: string, path: string, data: BN | number | string): string =>
+    `https://${chain}.polkassembly.io/${path}/${data.toString()}`,
+  isActive: true,
+  paths: {
+    council: 'motion',
+    proposal: 'proposal',
+    referendum: 'referendum',
+    treasury: 'treasury'
+  },
+  url: 'https://polkassembly.io/'
+};

pioneer/packages/apps-config/src/links/subscan.ts

@@ -0,0 +1,31 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import BN from 'bn.js';
+
+export default {
+  chains: {
+    Edgeware: 'edgeware',
+    Kulupu: 'kulupu',
+    Kusama: 'kusama',
+    'Kusama CC3': 'kusama',
+    Polkadot: 'polkadot',
+    'Polkadot CC1': 'polkadot-cc1',
+    Westend: 'westend'
+  },
+  create: (chain: string, path: string, data: BN | number | string): string =>
+    `https://${chain}.subscan.io/${path}/${data.toString()}`,
+  isActive: true,
+  paths: {
+    address: 'account',
+    block: 'block',
+    council: 'council',
+    extrinsic: 'extrinsic',
+    proposal: 'democracy_proposal',
+    referendum: 'referenda',
+    techcomm: 'tech',
+    treasury: 'treasury'
+  },
+  url: 'https://subscan.io/'
+};

pioneer/packages/apps-config/src/links/types.ts

@@ -0,0 +1,15 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import BN from 'bn.js';
+
+export type LinkTypes = 'address' | 'block' | 'council' | 'extrinsic' | 'proposal' | 'referendum' | 'techcomm' | 'treasury';
+
+export interface ExternalDef {
+  chains: Record<string, string>;
+  isActive: boolean;
+  paths: Partial<Record<LinkTypes, string>>;
+  url: string;
+  create: (chain: string, path: string, data: BN | number | string, hash?: string) => string;
+}

pioneer/packages/apps-config/src/settings/endpoints.ts

@@ -0,0 +1,169 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { TFunction } from 'i18next';
+import { Option } from './types';
+
+interface LinkOption extends Option {
+  dnslink?: string;
+}
+
+interface EnvWindow {
+  // eslint-disable-next-line camelcase
+  process_env?: {
+    WS_URL: string;
+  }
+}
+
+function createDev (t: TFunction): LinkOption[] {
+  return [
+    {
+      dnslink: 'local',
+      info: 'local',
+      text: t<string>('rpc.local', 'Local Node (Own, 127.0.0.1:9944)', { ns: 'apps-config' }),
+      value: 'ws://127.0.0.1:9944/'
+    }
+  ];
+}
+
+function createLive (t: TFunction): LinkOption[] {
+  return [
+    {
+      dnslink: 'polkadot',
+      info: 'polkadot',
+      text: t<string>('rpc.polkadot.parity', 'Polkadot (Live, hosted by Parity)', { ns: 'apps-config' }),
+      value: 'wss://rpc.polkadot.io'
+    },
+    {
+      dnslink: 'polkadot',
+      info: 'polkadot',
+      text: t<string>('rpc.polkadot.w3f', 'Polkadot (Live, hosted by Web3 Foundation)', { ns: 'apps-config' }),
+      value: 'wss://cc1-1.polkadot.network'
+    },
+    {
+      dnslink: 'kusama',
+      info: 'kusama',
+      text: t<string>('rpc.kusama.parity', 'Kusama (Polkadot Canary, hosted by Parity)', { ns: 'apps-config' }),
+      value: 'wss://kusama-rpc.polkadot.io/'
+    },
+    {
+      dnslink: 'kusama',
+      info: 'kusama',
+      text: t<string>('rpc.kusama.w3f', 'Kusama (Polkadot Canary, hosted by Web3 Foundation)', { ns: 'apps-config' }),
+      value: 'wss://cc3-5.kusama.network/'
+    },
+    {
+      dnslink: 'kusama',
+      info: 'kusama',
+      text: t<string>('rpc.kusama.ava', 'Kusama (Polkadot Canary, user-run public nodes; see https://status.cloud.ava.do/)', { ns: 'apps-config' }),
+      value: 'wss://kusama.polkadot.cloud.ava.do/'
+    },
+    {
+      dnslink: 'centrifuge',
+      info: 'centrifuge',
+      text: t<string>('rpc.centrifuge', 'Centrifuge (Mainnet, hosted by Centrifuge)', { ns: 'apps-config' }),
+      value: 'wss://fullnode.centrifuge.io'
+    },
+    {
+      dnslink: 'edgeware',
+      info: 'edgeware',
+      text: t<string>('rpc.edgeware', 'Edgeware (Mainnet, hosted by Commonwealth Labs)', { ns: 'apps-config' }),
+      value: 'wss://mainnet1.edgewa.re'
+    },
+    {
+      dnslink: 'kulupu',
+      info: 'substrate',
+      text: t<string>('rpc.kulupu', 'Kulupu (Kulupu Mainnet, hosted by Kulupu)', { ns: 'apps-config' }),
+      value: 'wss://rpc.kulupu.network/ws'
+    }
+  ];
+}
+
+function createTest (t: TFunction): LinkOption[] {
+  return [
+    {
+      dnslink: 'westend',
+      info: 'westend',
+      text: t<string>('rpc.westend', 'Westend (Polkadot Testnet, hosted by Parity)', { ns: 'apps-config' }),
+      value: 'wss://westend-rpc.polkadot.io'
+    },
+    {
+      info: 'acala',
+      text: t<string>('rpc.mandala', 'Mandala (Acala Testnet, hosted by Acala)', { ns: 'apps-config' }),
+      value: 'wss://node-6684611762228215808.jm.onfinality.io/ws'
+    },
+    {
+      info: 'edgeware',
+      text: t<string>('rpc.berlin', 'Berlin (Edgeware Testnet, hosted by Commonwealth Labs)', { ns: 'apps-config' }),
+      value: 'wss://berlin1.edgewa.re'
+    },
+    {
+      info: 'substrate',
+      text: t<string>('rpc.flamingfir', 'Flaming Fir (Substrate Testnet, hosted by Parity)', { ns: 'apps-config' }),
+      value: 'wss://substrate-rpc.parity.io/'
+    },
+    {
+      info: 'nodle',
+      text: t<string>('rpc.arcadia', 'Arcadia (Nodle Testnet, hosted by Nodle)', { ns: 'apps-config' }),
+      value: 'wss://arcadia1.nodleprotocol.io/'
+    },
+    {
+      info: 'datahighway',
+      isDisabled: true,
+      text: t<string>('rpc.datahighway.harbour', 'Harbour (DataHighway Testnet, hosted by MXC)', { ns: 'apps-config' }),
+      value: 'wss://testnet-harbour.datahighway.com'
+    }
+  ];
+}
+
+function createCustom (t: TFunction): LinkOption[] {
+  const WS_URL = (
+    (typeof process !== 'undefined' ? process.env?.WS_URL : undefined) ||
+    (typeof window !== 'undefined' ? (window as EnvWindow).process_env?.WS_URL : undefined)
+  );
+
+  return WS_URL
+    ? [
+      {
+        isHeader: true,
+        text: t<string>('rpc.custom', 'Custom environment', { ns: 'apps-config' }),
+        value: ''
+      },
+      {
+        info: 'WS_URL',
+        text: t<string>('rpc.custom.entry', 'Custom {{WS_URL}}', { ns: 'apps-config', replace: { WS_URL } }),
+        value: WS_URL
+      }
+    ]
+    : [];
+}
+
+// The available endpoints that will show in the dropdown. For the most part (with the exception of
+// Polkadot) we try to keep this to live chains only, with RPCs hosted by the community/chain vendor
+//   info: The chain logo name as defined in ../logos, specifically in namedLogos
+//   text: The text to display on teh dropdown
+//   value: The actual hosted secure websocket endpoint
+export default function create (t: TFunction): LinkOption[] {
+  return [
+    ...createCustom(t),
+    {
+      isHeader: true,
+      text: t<string>('rpc.header.live', 'Live networks', { ns: 'apps-config' }),
+      value: ''
+    },
+    ...createLive(t),
+    {
+      isHeader: true,
+      text: t<string>('rpc.header.test', 'Test networks', { ns: 'apps-config' }),
+      value: ''
+    },
+    ...createTest(t),
+    {
+      isHeader: true,
+      text: t<string>('rpc.header.dev', 'Development', { ns: 'apps-config' }),
+      value: ''
+    },
+    ...createDev(t)
+  ].filter(({ isDisabled }) => !isDisabled);
+}

pioneer/packages/apps-config/src/settings/index.ts

@@ -0,0 +1,13 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import createEndpoints from './endpoints';
+import createLanguages from './languages';
+import createSs58 from './ss58';
+
+export {
+  createEndpoints,
+  createLanguages,
+  createSs58
+};

pioneer/packages/apps-config/src/settings/languages.ts

@@ -0,0 +1,45 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { TFunction } from 'i18next';
+import { Option } from './types';
+
+export default function create (t: TFunction): Option[] {
+  return [
+    {
+      text: t<string>('lng.detect', 'Default browser language (auto-detect)', { ns: 'apps-config' }),
+      value: 'default'
+    },
+    // default/native
+    {
+      text: 'English',
+      value: 'en'
+    },
+    // translations (sorted by language code)
+    {
+      text: 'عربى',
+      value: 'ar'
+    },
+    {
+      text: 'Español',
+      value: 'es'
+    },
+    {
+      text: '日本語',
+      value: 'ja'
+    },
+    {
+      text: 'Português',
+      value: 'pt'
+    },
+    {
+      text: 'русский',
+      value: 'ru'
+    },
+    {
+      text: '汉语',
+      value: 'zh'
+    }
+  ];
+}

pioneer/packages/apps-config/src/settings/ss58.ts

@@ -0,0 +1,45 @@
+// Copyright 2017-2020 @polkadot/ui-settings authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { TFunction } from 'i18next';
+import { Option } from './types';
+
+// Definitions here are with the following values -
+//   info: the name of a logo as defined in ../logos, specifically in namedLogos
+//   text: The text you wish to display in the dropdown
+//   value: The actual ss5Format value (as registered)
+export default function create (t: TFunction): Option[] {
+  return [
+    {
+      info: 'default',
+      text: t<string>('ss58.default', 'Default for the connected node', { ns: 'apps-config' }),
+      value: -1
+    },
+    {
+      info: 'substrate',
+      text: t<string>('ss58.substrate', 'Substrate (generic)', { ns: 'apps-config' }),
+      value: 42
+    },
+    {
+      info: 'polkadot',
+      text: t<string>('ss58.polkadot', 'Polkadot (live)', { ns: 'apps-config' }),
+      value: 0
+    },
+    {
+      info: 'kusama',
+      text: t<string>('ss58.kusama', 'Kusama (canary)', { ns: 'apps-config' }),
+      value: 2
+    },
+    {
+      info: 'edgeware',
+      text: t<string>('ss58.edgeware', 'Edgeware (live)', { ns: 'apps-config' }),
+      value: 7
+    },
+    {
+      info: 'centrifuge',
+      text: t<string>('ss58.centrifuge', 'Centrifuge (live)', { ns: 'apps-config' }),
+      value: 36
+    }
+  ];
+}

pioneer/packages/apps-config/src/settings/types.ts

@@ -0,0 +1,11 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+export interface Option {
+  info?: string;
+  isDisabled?: boolean;
+  isHeader?: boolean;
+  text: React.ReactNode;
+  value: string | number;
+}

pioneer/packages/apps-config/src/ui/general/index.ts

@@ -0,0 +1,50 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+const defaultColor = undefined; // '#f19135'
+const emptyColor = '#999';
+
+const chainKulupu = '#003366';
+const chainPolkadot = '#e6007a';
+const chainKusama = '#000'; // '#d32e79';
+const chainWestend = '#da68a7';
+
+const nodeCentrifuge = '#fcc367';
+const nodeEdgeware = '#0a95df';
+const nodeNodle = '#1ab394';
+
+// overrides based on the actual matched chain name
+const chainColors: Record<string, any> = [
+  ['Kulupu', chainKulupu],
+  ['Kusama', chainKusama],
+  ['Kusama CC1', chainKusama],
+  ['Kusama CC2', chainKusama],
+  ['Kusama CC3', chainKusama],
+  ['Polkadot', chainPolkadot],
+  ['Polkadot CC1', chainPolkadot],
+  ['Westend', chainWestend]
+].reduce((colors, [chain, color]): Record<string, any> => ({
+  ...colors,
+  [chain.toLowerCase()]: color
+}), {});
+
+// overrides based on the actual software node type (all '-' converted to ' ')
+const nodeColors: Record<string, any> = [
+  ['centrifuge chain', nodeCentrifuge],
+  ['edgeware node', nodeEdgeware],
+  ['nodle chain node', nodeNodle]
+  // ['node template', emptyColor],
+  // ['parity polkadot', emptyColor],
+  // ['substrate node', emptyColor]
+].reduce((colors, [node, color]): Record<string, any> => ({
+  ...colors,
+  [node.toLowerCase().replace(/-/g, ' ')]: color
+}), {});
+
+export {
+  defaultColor,
+  chainColors,
+  emptyColor,
+  nodeColors
+};

pioneer/packages/apps-config/src/ui/identityIcons/index.ts

@@ -0,0 +1,21 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+// overrides based on the actual software node type
+const identityNodes: Record<string, string> = [
+  ['centrifuge chain', 'polkadot'],
+  ['edgeware-node', 'substrate'],
+  ['joystream-node', 'beachball'],
+  ['node-template', 'substrate'],
+  ['parity-polkadot', 'polkadot'],
+  ['polkadot-js', 'polkadot'],
+  ['substrate-node', 'substrate']
+].reduce((icons, [spec, icon]): Record<string, string> => ({
+  ...icons,
+  [spec.toLowerCase().replace(/-/g, ' ')]: icon
+}), {});
+
+export {
+  identityNodes
+};

pioneer/packages/apps-config/src/ui/index.ts

@@ -0,0 +1,19 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { chainColors, nodeColors } from './general';
+import { identityNodes } from './identityIcons';
+
+function sanitize (value?: string): string {
+  return value?.toLowerCase().replace('-', ' ') || '';
+}
+
+export function getSystemIcon (systemName: string): 'beachball' | 'polkadot' | 'substrate' {
+  return (identityNodes[systemName.toLowerCase().replace(/-/g, ' ')] || 'substrate') as 'substrate';
+}
+
+export const getSystemChainColor = (systemChain: string, systemName: string): string | undefined => {
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+  return chainColors[sanitize(systemChain)] || nodeColors[sanitize(systemName)];
+};

pioneer/packages/apps-config/src/ui/logos/empty.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="15 15 140 140" style="enable-background:new 0 0 170 170;" xml:space="preserve">
+<style type="text/css">
+	.bg0{fill:#888;}
+</style>
+<g><circle class="bg0" cx="85" cy="85" r="70"/></g>
+</svg>

pioneer/packages/apps-config/src/ui/logos/extensions/polkadot-js.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="15 15 140 140" style="enable-background:new 0 0 170 170;zoom: 1;" xml:space="preserve">
+<style type="text/css">
+	.bg0{fill:#FF8C00}
+	.st0{fill:#FFFFFF;}
+</style>
+<g>
+	<circle class="bg0" cx="85" cy="85" r="70"/>
+	<g>
+		<path class="st0" d="M85,34.7c-20.8,0-37.8,16.9-37.8,37.8c0,4.2,0.7,8.3,2,12.3c0.9,2.7,3.9,4.2,6.7,3.3c2.7-0.9,4.2-3.9,3.3-6.7 c-1.1-3.1-1.6-6.4-1.5-9.7C58.1,57.6,69.5,46,83.6,45.3c15.7-0.8,28.7,11.7,28.7,27.2c0,14.5-11.4,26.4-25.7,27.2 c0,0-5.3,0.3-7.9,0.7c-1.3,0.2-2.3,0.4-3,0.5c-0.3,0.1-0.6-0.2-0.5-0.5l0.9-4.4L81,73.4c0.6-2.8-1.2-5.6-4-6.2 c-2.8-0.6-5.6,1.2-6.2,4c0,0-11.8,55-11.9,55.6c-0.6,2.8,1.2,5.6,4,6.2c2.8,0.6,5.6-1.2,6.2-4c0.1-0.6,1.7-7.9,1.7-7.9 c1.2-5.6,5.8-9.7,11.2-10.4c1.2-0.2,5.9-0.5,5.9-0.5c19.5-1.5,34.9-17.8,34.9-37.7C122.8,51.6,105.8,34.7,85,34.7z M87.7,121.7 c-3.4-0.7-6.8,1.4-7.5,4.9c-0.7,3.4,1.4,6.8,4.9,7.5c3.4,0.7,6.8-1.4,7.5-4.9C93.3,125.7,91.2,122.4,87.7,121.7z"/>
+	</g>
+</g>
+</svg>

pioneer/packages/apps-config/src/ui/logos/index.ts

@@ -0,0 +1,82 @@
+// Copyright 2017-2020 @polkadot/apps-config authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+
+// anything for a specific chain, most would probably fit into the node category (but allow for chain-specific)
+import chainKusama from './chains/kusama-128.gif';
+
+// defaults for the node type, assuming we don't have a specific chain, but rather match on the implementation
+import nodeAcala from './nodes/acala-circle.svg';
+import nodeCentrifuge from './nodes/centrifuge.png';
+import nodeEdgeware from './nodes/edgeware-circle.svg';
+import nodeEncointerNotee from './nodes/encointer-notee.svg';
+import nodeEncointerTeeproxy from './nodes/encointer-teeproxy.svg';
+import nodeNodle from './nodes/nodle.svg';
+import nodePolkadot from './nodes/polkadot-circle.svg';
+import nodePolkadotJs from './nodes/polkadot-js.svg';
+import nodeSubstrate from './nodes/substrate-hexagon.svg';
+
+// extensions
+import extensionPolkadotJs from './extensions/polkadot-js.svg';
+
+// last-resort fallback, just something empty
+import emptyLogo from './empty.svg';
+
+// overrides based on the actual matched chain name
+const chainLogos: Record<string, any> = [
+  ['Kusama', chainKusama], // new name after CC3
+  ['Kusama CC1', chainKusama],
+  ['Kusama CC2', chainKusama],
+  ['Kusama CC3', chainKusama]
+].reduce((logos, [chain, logo]): Record<string, any> => ({
+  ...logos,
+  [(chain as string).toLowerCase()]: logo
+}), {});
+
+// overrides based on the actual software node type (all '-' converted to ' ')
+const nodeLogos: Record<string, any> = [
+  ['centrifuge chain', nodeCentrifuge],
+  ['Centrifuge Chain Node', nodeCentrifuge],
+  ['Edgeware Node', nodeEdgeware],
+  ['Encointer Node', nodeEncointerNotee],
+  ['Encointer Node noTEE', nodeEncointerNotee],
+  ['Encointer Node TEE proxy', nodeEncointerTeeproxy],
+  ['kulupu', nodeSubstrate],
+  ['node-template', nodeSubstrate],
+  ['Nodle Chain Node', nodeNodle],
+  ['parity-polkadot', nodePolkadot],
+  ['polkadot-js', nodePolkadotJs],
+  ['substrate-node', nodeSubstrate]
+].reduce((logos, [node, logo]): Record<string, any> => ({
+  ...logos,
+  [(node as string).toLowerCase().replace(/-/g, ' ')]: logo
+}), {});
+
+// overrides when we pass an explicit logo name
+const namedLogos: Record<string, any> = {
+  acala: nodeAcala,
+  alexander: nodePolkadot,
+  centrifuge: nodeCentrifuge,
+  edgeware: nodeEdgeware,
+  empty: emptyLogo,
+  kusama: chainKusama,
+  nodle: nodeNodle,
+  polkadot: nodePolkadot,
+  substrate: nodeSubstrate,
+  westend: nodePolkadot
+};
+
+// extension logos
+const extensionLogos: Record<string, any> = {
+  'polkadot-js': extensionPolkadotJs
+};
+
+export {
+  chainLogos,
+  emptyLogo,
+  extensionLogos,
+  namedLogos,
+  nodeLogos
+};

pioneer/packages/apps-config/src/ui/logos/nodes/acala-circle.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="120px" height="120px" viewBox="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>Group 73</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="27.5324675%" y1="23.6757554%" x2="55.5380334%" y2="101.284926%" id="linearGradient-1">
+            <stop stop-color="#FF9373" offset="39%"></stop>
+            <stop stop-color="#FE8F73" offset="51%"></stop>
+            <stop stop-color="#FB8373" offset="62%"></stop>
+            <stop stop-color="#F77073" offset="73%"></stop>
+            <stop stop-color="#F15472" offset="83%"></stop>
+            <stop stop-color="#E93172" offset="94%"></stop>
+            <stop stop-color="#E41A72" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="100.02885%" y1="49.9879295%" x2="8.647674%" y2="49.9879295%" id="linearGradient-2">
+            <stop stop-color="#FF9373" offset="9%"></stop>
+            <stop stop-color="#FD8A73" offset="15%"></stop>
+            <stop stop-color="#F04E72" offset="55%"></stop>
+            <stop stop-color="#E72872" offset="85%"></stop>
+            <stop stop-color="#E41A72" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="89.1975677%" y1="49.9959778%" x2="28.4010969%" y2="49.9959778%" id="linearGradient-3">
+            <stop stop-color="#FF9373" offset="0%"></stop>
+            <stop stop-color="#E41A72" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="ACALA-Copy-4" transform="translate(-327.000000, -2913.000000)">
+            <g id="Group-73" transform="translate(327.000000, 2913.000000)">
+                <circle id="Oval" fill="#FFFFFF" cx="60" cy="60" r="60"></circle>
+                <g id="logo.98c8c4e9" transform="translate(15.000000, 22.000000)" fill-rule="nonzero">
+                    <path d="M60.1768349,56.0053828 C56.0567465,54.8038893 51.7843496,54.2055087 47.4927101,54.2288777 C40.4502811,54.2121816 33.5112993,55.9235057 27.2842073,59.2127929 L31.3162068,52.385678 L34.8934695,46.3225208 L44.5520789,29.8549859 L53.6468147,45.0128788 L38.6708164,20.0084187 L22.5488815,47.4927101 L6.4269466,75.3832331 L18.0863978,75.3832331 C25.3785067,68.9172276 34.7581871,65.2983975 44.5035736,65.1910659 C55.1868566,65.1486238 64.845466,69.0290444 71.7877809,75.3711068 L60.1768349,56.0053828 Z" id="Path" fill="url(#linearGradient-1)"></path>
+                    <path d="M38.9557848,0.0424421002 L19.4748608,33.0563329 L0,66.0884132 L3.2134733,70.5387705 L6.4269466,75.3892963 L22.5488815,47.4987733 L38.6708164,20.0084187 L53.6164989,45.0250052 C51.4839073,44.7427234 49.3346678,44.6049776 47.1834891,44.6127105 C43.0299455,44.623487 38.8965455,45.1903766 34.8934695,46.2982682 L31.3162068,52.3614253 L27.2842073,59.2127929 C33.504048,55.9273559 40.4342302,54.2161484 47.4684575,54.2288777 C51.760097,54.2055087 56.0324939,54.8038893 60.1525823,56.0053828 L71.7392757,75.3711068 L84.0656742,75.3711068 L38.9557848,0.0424421002 Z" id="Path" fill="url(#linearGradient-2)"></path>
+                    <polygon id="Path" fill="url(#linearGradient-3)" points="38.9557848 0.0424421002 84.0899268 75.3711068 89.807484 65.7306869 50.2878256 0"></polygon>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

pioneer/packages/apps-config/src/ui/logos/nodes/edgeware-circle.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512px" height="512px" viewBox="0 0 512 512" version="1.1" style="zoom: 1;"><!-- Generator: Sketch 57.1 (83088) - https://sketch.com --><title>logo-white-with-bg</title><desc>Created with Sketch.</desc><g id="logo-white-with-bg" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect fill="#111111" x="0" y="0" width="512" height="512" visibility="hidden"></rect><circle stroke="#000000" id="circle1" stroke-width="3px" cy="256px" fill="#111111" r="250px" cx="256px" transform=""></circle><path d="M160.5,199.5 L160.5,319.5" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square"></path><path d="M160.5,199.5 L160.5,319.5" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(160.500000, 259.500000) rotate(60.000000) translate(-160.500000, -259.500000)"></path><path d="M160.5,199.5 L160.5,319.5" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(160.500000, 259.500000) rotate(-60.000000) translate(-160.500000, -259.500000)"></path><path d="M348.5,206.5 L348.5,256.5" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(348.500000, 231.500000) scale(1, -1) translate(-348.500000, -231.500000)"></path><path d="M385.739092,271 L385.739092,321" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(385.739092, 296.000000) scale(-1, 1) rotate(60.000000) translate(-385.739092, -296.000000)"></path><path d="M311.260908,271 L311.260908,321" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(311.260908, 296.000000) scale(-1, 1) rotate(-60.000000) translate(-311.260908, -296.000000)"></path></g></svg>

pioneer/packages/apps-config/src/ui/logos/nodes/edgeware.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512px" height="512px" viewBox="0 0 512 512" version="1.1" style="zoom: 1;"><!-- Generator: Sketch 57.1 (83088) - https://sketch.com --><title>logo-white-with-bg</title><desc>Created with Sketch.</desc><g id="logo-white-with-bg" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect fill="#111111" x="0" y="0" width="512" height="512"></rect><path d="M160.5,199.5 L160.5,319.5" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square"></path><path d="M160.5,199.5 L160.5,319.5" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(160.500000, 259.500000) rotate(60.000000) translate(-160.500000, -259.500000)"></path><path d="M160.5,199.5 L160.5,319.5" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(160.500000, 259.500000) rotate(-60.000000) translate(-160.500000, -259.500000)"></path><path d="M348.5,206.5 L348.5,256.5" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(348.500000, 231.500000) scale(1, -1) translate(-348.500000, -231.500000)"></path><path d="M385.739092,271 L385.739092,321" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(385.739092, 296.000000) scale(-1, 1) rotate(60.000000) translate(-385.739092, -296.000000)"></path><path d="M311.260908,271 L311.260908,321" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(311.260908, 296.000000) scale(-1, 1) rotate(-60.000000) translate(-311.260908, -296.000000)"></path></g></svg>

pioneer/packages/apps-config/src/ui/logos/nodes/encointer-notee.svg

@@ -0,0 +1,366 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="33.513325mm"
+   height="33.513321mm"
+   viewBox="0 0 33.513325 33.513321"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="encointer.svg">
+  <defs
+     id="defs2">
+    <clipPath
+       id="clipPath833"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path831"
+         d="M 0,0 H 283.465 V 283.465 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath839"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path837"
+         d="M 61,82 H 226 V 210 H 61 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath843"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path841"
+         d="M 0,0 H 283.465 V 283.465 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath847"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path845"
+         d="m 117.923,209.071 -24.478,-41.3 21.157,-35.698 c 0.091,0.001 8.566,0.078 8.991,0.132 v 0 c 1.368,0.169 2.661,0.622 3.832,1.588 v 0 c 2.48,2.045 2.762,4.859 2.076,7.7 v 0 c -0.461,1.908 -0.21,3.349 0.992,4.78 v 0 c 0.934,1.115 0.335,2.182 -0.448,3.353 v 0 c 2.264,1.203 2.32,2.961 1.614,5.057 v 0 c -0.575,1.709 -0.218,2.111 1.387,2.65 v 0 c 0.982,0.33 1.959,0.81 2.799,1.424 v 0 c 1.378,1.006 1.709,2.685 0.795,4.159 v 0 c -2.021,3.255 -4.008,6.545 -6.256,9.631 v 0 c -1.49,2.045 -1.954,3.931 -0.763,6.226 v 0 c 1.045,2.016 0.791,4.2 0.212,6.233 v 0 c -1.166,4.11 -2.511,8.17 -3.867,12.22 v 0 c -0.682,2.035 -2.679,6.236 -4.207,8.469 v 0 c -1.409,2.06 -3.481,3.21 -3.793,3.376 v 0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath851"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path849"
+         d="M 0,0 H 284 V 284 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath855"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path853"
+         d="m 164.324,209.071 c -0.312,-0.166 -2.383,-1.316 -3.794,-3.376 v 0 c -1.527,-2.233 -3.524,-6.434 -4.205,-8.469 v 0 c -1.358,-4.05 -2.701,-8.11 -3.869,-12.22 v 0 c -0.577,-2.033 -0.832,-4.217 0.213,-6.233 v 0 c 1.19,-2.295 0.727,-4.181 -0.763,-6.226 v 0 c -2.249,-3.086 -4.236,-6.376 -6.255,-9.631 v 0 c -0.916,-1.474 -0.584,-3.153 0.794,-4.159 v 0 c 0.84,-0.614 1.817,-1.094 2.799,-1.424 v 0 c 1.604,-0.539 1.962,-0.941 1.387,-2.65 v 0 c -0.706,-2.096 -0.65,-3.854 1.615,-5.057 v 0 c -0.785,-1.171 -1.383,-2.238 -0.448,-3.353 v 0 c 1.201,-1.431 1.451,-2.872 0.991,-4.78 v 0 c -0.685,-2.841 -0.405,-5.655 2.076,-7.7 v 0 c 1.172,-0.966 2.465,-1.419 3.833,-1.588 v 0 c 0.426,-0.054 8.898,-0.131 8.991,-0.132 v 0 l 21.155,35.698 -24.476,41.3 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath859"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path857"
+         d="M 0,0 H 284 V 284 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath863"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path861"
+         d="M 0,0 H 283.465 V 283.465 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath867"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path865"
+         d="M 0,0 H 284 V 284 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath871"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path869"
+         d="M 0,0 H 283.465 V 283.465 H 0 Z" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#5f5757"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.8"
+     inkscape:cx="-72.543499"
+     inkscape:cy="89.008626"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="2.7755576e-17"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1110"
+     inkscape:window-x="0"
+     inkscape:window-y="31"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-66.349684,-31.202942)">
+    <g
+       id="g825"
+       transform="matrix(0.35277777,0,0,-0.35277777,33.313599,111.30868)" />
+    <g
+       id="g835"
+       transform="matrix(0.35277777,0,0,-0.35277777,33.313599,111.30868)" />
+    <g
+       id="g873"
+       transform="matrix(0.35277777,0,0,-0.35277777,33.313599,111.30868)" />
+    <g
+       id="g1551"
+       transform="translate(0,-3.1750678)"
+       style="fill:none;stroke:#ffffff;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none">
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,33.313599,111.30868)"
+         id="g929"
+         style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+        <g
+           id="g927"
+           clip-path="url(#clipPath847)"
+           style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+          <g
+             id="g925"
+             clip-path="url(#clipPath851)"
+             style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+            <g
+               id="g891"
+               transform="translate(113.3987,132.0237)"
+               style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path889"
+                 style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 0,0 c 0.09,0 8.344,0.078 8.759,0.131 1.332,0.17 2.593,0.623 3.733,1.589 2.417,2.045 2.691,4.859 2.023,7.7 -0.449,1.908 -0.204,3.349 0.965,4.78 0.912,1.114 0.329,2.181 -0.436,3.352 2.206,1.204 2.261,2.961 1.573,5.057 -0.56,1.708 -0.212,2.111 1.351,2.65 0.957,0.33 1.909,0.81 2.727,1.425 1.342,1.006 1.665,2.684 0.774,4.159 -1.967,3.254 -3.904,6.545 -6.093,9.63 -1.452,2.046 -1.904,3.932 -0.745,6.226 1.018,2.017 0.77,4.199 0.208,6.234 -1.138,4.11 -2.446,8.17 -3.769,12.219 -0.664,2.036 -2.609,6.237 -4.096,8.469 -1.374,2.061 -3.393,3.21 -3.697,3.376" />
+            </g>
+            <g
+               id="g895"
+               transform="translate(110.9046,131.2434)"
+               style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path893"
+                 style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 0,0 c 0.071,0.001 4.772,0.407 6.174,0.959 0.554,0.063 1.021,0.155 1.275,0.233 1.121,0.345 2.324,0.784 3.237,1.581 3.175,2.776 2.601,6.124 2.645,8.232 0.027,1.281 0.262,2.744 1.07,4.306 0.531,1.023 0.361,2.037 0.079,3.117 1.171,1.295 1.421,2.832 1.335,4.405 -0.006,0.129 -0.469,1.774 -0.53,1.896 -1.677,3.35 5.437,3.335 -1.752,16.234 -1.979,3.552 -1.64,2.412 0.07,6.276 0.024,0.054 1.279,1.697 -0.337,6.664 -1.28,3.935 -2.076,7.601 -3.448,11.457 -0.723,2.027 -2.461,5.985 -3.78,8.231 -0.046,0.077 -0.092,0.153 -0.138,0.228 -1.18,1.916 -2.771,3.039 -3.032,3.333" />
+            </g>
+            <g
+               id="g899"
+               transform="translate(108.4104,130.4631)"
+               style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path897"
+                 style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 0,0 c 0.074,0.001 4.768,0.77 5.079,1.829 0.999,0.38 2.978,0.963 3.8,1.998 2.354,2.962 2.86,7.185 3.269,8.763 1.045,4.031 1.327,12.426 1.327,12.426 3.128,9.522 -2.422,16.34 -2.539,18.971 -0.131,2.934 1.479,5.381 1.057,7.336 -0.851,3.922 -2.005,10.582 -3.427,14.245 -0.81,2.087 -2.419,5.988 -3.579,8.218 -0.997,1.917 -2.299,3.093 -2.529,3.522" />
+            </g>
+            <g
+               id="g903"
+               transform="translate(105.9163,129.6838)"
+               style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path901"
+                 style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 0,0 c 0.065,0 3.729,1.114 3.989,2.678 0.833,0.483 1.608,1.182 2.333,2.202 1.218,1.71 3.168,4.706 4.263,9.31 0.713,3.001 1.055,8.285 1.307,10.915 1.287,13.418 -3.546,15.282 -1.996,23.738 0.634,3.461 -1.971,13.345 -2.957,16.931 -0.608,2.213 -1.579,5.857 -2.57,8.094 -0.815,1.838 -2.127,3.034 -2.32,3.594" />
+            </g>
+            <g
+               id="g907"
+               transform="translate(103.4221,128.9035)"
+               style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path905"
+                 style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="M 0,0 C 0.058,0.001 2.69,1.46 2.899,3.526 3.565,4.115 4.221,4.87 4.766,5.934 12.337,20.693 10.012,33.246 9.738,34.137 8.937,36.751 6.159,62.294 5.562,65.982 5.186,68.307 4.318,71.703 3.501,73.95 2.862,75.706 1.797,76.926 1.639,77.617" />
+            </g>
+            <g
+               id="g911"
+               transform="translate(100.928,128.1233)"
+               style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path909"
+                 style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="M 0,0 C 0.05,0.001 2.151,1.806 2.309,4.376 2.809,5.069 3.265,5.923 3.71,6.987 4.583,9.078 11.529,26.86 5.789,44.172 5.199,45.951 5.46,53.446 5.25,55.283 4.825,58.923 4.623,62.598 4.186,66.19 3.893,68.59 3.269,71.771 2.633,74.033 2.164,75.703 1.351,76.95 1.229,77.772" />
+            </g>
+            <g
+               id="g915"
+               transform="translate(98.4339,127.344)"
+               style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path913"
+                 style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 0,0 c 0.041,0 1.363,2.151 1.469,5.225 0.334,0.797 7.867,23.674 2.403,39.685 -0.575,1.687 -0.47,3.544 -0.178,5.502 0.257,1.729 0.198,3.543 0.058,5.34 -0.282,3.546 -0.657,7.149 -0.944,10.644 -0.204,2.477 -0.601,5.44 -1.043,7.718 -0.307,1.583 -0.861,2.859 -0.946,3.813" />
+            </g>
+            <g
+               id="g919"
+               transform="translate(95.9397,126.5637)"
+               style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path917"
+                 style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="M 0,0 C 0.033,0 0.775,2.514 1.129,6.073 1.22,6.987 1.444,7.981 1.597,9.094 1.881,11.186 5.421,33.13 1.954,45.65 1.5,47.293 1.724,49.129 1.872,51.031 c 0.13,1.681 0.101,3.434 0.032,5.192 -0.139,3.451 -0.33,6.982 -0.473,10.381 -0.108,2.553 -0.298,5.297 -0.535,7.593 -0.153,1.496 -0.438,2.8 -0.486,3.885" />
+            </g>
+            <g
+               id="g923"
+               transform="translate(94.1956,125.7834)"
+               style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path921"
+                 style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 0,0 c 0.089,0.001 0,35.697 0,35.697 0,0 0.131,28.6 0,42.541" />
+            </g>
+          </g>
+        </g>
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,33.313599,111.30868)"
+         id="g971"
+         style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+        <g
+           id="g969"
+           clip-path="url(#clipPath855)"
+           style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+          <g
+             id="g967"
+             clip-path="url(#clipPath859)"
+             style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+            <g
+               id="g933"
+               transform="translate(168.8909,132.0237)"
+               style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path931"
+                 style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 0,0 c -0.09,0 -8.344,0.078 -8.759,0.131 -1.332,0.17 -2.593,0.623 -3.733,1.589 -2.417,2.045 -2.69,4.859 -2.023,7.7 0.45,1.908 0.205,3.349 -0.965,4.78 -0.911,1.114 -0.328,2.181 0.436,3.352 -2.205,1.204 -2.261,2.961 -1.573,5.057 0.56,1.708 0.212,2.111 -1.351,2.65 -0.957,0.33 -1.908,0.81 -2.726,1.425 -1.343,1.006 -1.665,2.684 -0.775,4.159 1.968,3.254 3.905,6.545 6.094,9.63 1.451,2.046 1.904,3.932 0.744,6.226 -1.018,2.017 -0.77,4.199 -0.208,6.234 1.138,4.11 2.446,8.17 3.769,12.219 0.664,2.036 2.609,6.237 4.097,8.469 1.373,2.061 3.392,3.21 3.696,3.376" />
+            </g>
+            <g
+               id="g937"
+               transform="translate(171.385,131.2434)"
+               style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path935"
+                 style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 0,0 c -0.07,0.001 -4.772,0.407 -6.173,0.959 -0.555,0.063 -1.022,0.155 -1.276,0.233 -1.121,0.345 -2.323,0.784 -3.237,1.581 -3.175,2.776 -2.6,6.124 -2.645,8.232 -0.027,1.281 -0.262,2.744 -1.07,4.306 -0.531,1.023 -0.36,2.037 -0.078,3.117 -1.172,1.295 -1.421,2.832 -1.336,4.405 0.006,0.129 0.469,1.774 0.53,1.896 1.677,3.35 -5.436,3.335 1.752,16.234 1.979,3.552 1.641,2.412 -0.07,6.276 -0.023,0.054 -1.278,1.697 0.337,6.664 1.28,3.935 2.076,7.601 3.448,11.457 0.723,2.027 2.462,5.985 3.78,8.231 0.046,0.077 0.092,0.153 0.138,0.228 1.181,1.916 2.771,3.039 3.033,3.333" />
+            </g>
+            <g
+               id="g941"
+               transform="translate(173.8792,130.4631)"
+               style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path939"
+                 style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 0,0 c -0.073,0.001 -4.767,0.77 -5.079,1.829 -0.999,0.38 -2.978,0.963 -3.8,1.998 -2.353,2.962 -2.859,7.185 -3.268,8.763 -1.046,4.031 -1.328,12.426 -1.328,12.426 -3.128,9.522 2.422,16.34 2.539,18.971 0.131,2.934 -1.479,5.381 -1.057,7.336 0.852,3.922 2.005,10.582 3.427,14.245 0.81,2.087 2.419,5.988 3.58,8.218 0.997,1.917 2.298,3.093 2.528,3.522" />
+            </g>
+            <g
+               id="g945"
+               transform="translate(176.3733,129.6838)"
+               style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path943"
+                 style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 0,0 c -0.065,0 -3.729,1.114 -3.988,2.678 -0.833,0.483 -1.608,1.182 -2.334,2.202 -1.218,1.71 -3.168,4.706 -4.262,9.31 -0.714,3.001 -1.055,8.285 -1.308,10.915 -1.287,13.418 3.547,15.282 1.996,23.738 -0.633,3.461 1.972,13.345 2.957,16.931 0.608,2.213 1.579,5.857 2.571,8.094 0.814,1.838 2.126,3.034 2.32,3.594" />
+            </g>
+            <g
+               id="g949"
+               transform="translate(178.8675,128.9035)"
+               style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path947"
+                 style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 0,0 c -0.058,0.001 -2.689,1.46 -2.898,3.526 -0.667,0.589 -1.323,1.344 -1.868,2.408 -7.57,14.759 -5.245,27.312 -4.972,28.203 0.802,2.614 3.579,28.157 4.176,31.845 0.376,2.325 1.244,5.721 2.061,7.968 0.639,1.756 1.705,2.976 1.862,3.667" />
+            </g>
+            <g
+               id="g953"
+               transform="translate(181.3616,128.1233)"
+               style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path951"
+                 style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 0,0 c -0.049,0.001 -2.151,1.806 -2.309,4.376 -0.5,0.693 -0.956,1.547 -1.4,2.611 -0.873,2.091 -7.819,19.873 -2.08,37.185 0.591,1.779 0.329,9.274 0.54,11.111 0.424,3.64 0.626,7.315 1.064,10.907 0.293,2.4 0.917,5.581 1.552,7.843 0.47,1.67 1.283,2.917 1.404,3.739" />
+            </g>
+            <g
+               id="g957"
+               transform="translate(183.8557,127.344)"
+               style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path955"
+                 style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 0,0 c -0.041,0 -1.363,2.151 -1.469,5.225 -0.333,0.797 -7.866,23.674 -2.402,39.685 0.575,1.687 0.47,3.544 0.177,5.502 -0.257,1.729 -0.197,3.543 -0.058,5.34 0.282,3.546 0.657,7.149 0.944,10.644 0.204,2.477 0.601,5.44 1.043,7.718 0.308,1.583 0.862,2.859 0.946,3.813" />
+            </g>
+            <g
+               id="g961"
+               transform="translate(186.3499,126.5637)"
+               style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path959"
+                 style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 0,0 c -0.033,0 -0.774,2.514 -1.129,6.073 -0.091,0.914 -0.315,1.908 -0.467,3.021 -0.285,2.092 -3.825,24.036 -0.358,36.556 0.455,1.643 0.23,3.479 0.083,5.381 -0.131,1.681 -0.102,3.434 -0.032,5.192 0.138,3.451 0.33,6.982 0.472,10.381 0.108,2.553 0.299,5.297 0.535,7.593 0.153,1.496 0.439,2.8 0.487,3.885" />
+            </g>
+            <g
+               id="g965"
+               transform="translate(188.094,125.7834)"
+               style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path963"
+                 style="fill:none;stroke:#ffffff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 0,0 c -0.089,0.001 0,35.697 0,35.697 0,0 -0.131,28.6 0,42.541" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

pioneer/packages/apps-config/src/ui/logos/nodes/encointer-teeproxy.svg

@@ -0,0 +1,366 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="33.513325mm"
+   height="33.513321mm"
+   viewBox="0 0 33.513325 33.513321"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="encointer-teeproxy.svg">
+  <defs
+     id="defs2">
+    <clipPath
+       id="clipPath833"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path831"
+         d="M 0,0 H 283.465 V 283.465 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath839"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path837"
+         d="M 61,82 H 226 V 210 H 61 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath843"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path841"
+         d="M 0,0 H 283.465 V 283.465 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath847"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path845"
+         d="m 117.923,209.071 -24.478,-41.3 21.157,-35.698 c 0.091,0.001 8.566,0.078 8.991,0.132 v 0 c 1.368,0.169 2.661,0.622 3.832,1.588 v 0 c 2.48,2.045 2.762,4.859 2.076,7.7 v 0 c -0.461,1.908 -0.21,3.349 0.992,4.78 v 0 c 0.934,1.115 0.335,2.182 -0.448,3.353 v 0 c 2.264,1.203 2.32,2.961 1.614,5.057 v 0 c -0.575,1.709 -0.218,2.111 1.387,2.65 v 0 c 0.982,0.33 1.959,0.81 2.799,1.424 v 0 c 1.378,1.006 1.709,2.685 0.795,4.159 v 0 c -2.021,3.255 -4.008,6.545 -6.256,9.631 v 0 c -1.49,2.045 -1.954,3.931 -0.763,6.226 v 0 c 1.045,2.016 0.791,4.2 0.212,6.233 v 0 c -1.166,4.11 -2.511,8.17 -3.867,12.22 v 0 c -0.682,2.035 -2.679,6.236 -4.207,8.469 v 0 c -1.409,2.06 -3.481,3.21 -3.793,3.376 v 0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath851"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path849"
+         d="M 0,0 H 284 V 284 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath855"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path853"
+         d="m 164.324,209.071 c -0.312,-0.166 -2.383,-1.316 -3.794,-3.376 v 0 c -1.527,-2.233 -3.524,-6.434 -4.205,-8.469 v 0 c -1.358,-4.05 -2.701,-8.11 -3.869,-12.22 v 0 c -0.577,-2.033 -0.832,-4.217 0.213,-6.233 v 0 c 1.19,-2.295 0.727,-4.181 -0.763,-6.226 v 0 c -2.249,-3.086 -4.236,-6.376 -6.255,-9.631 v 0 c -0.916,-1.474 -0.584,-3.153 0.794,-4.159 v 0 c 0.84,-0.614 1.817,-1.094 2.799,-1.424 v 0 c 1.604,-0.539 1.962,-0.941 1.387,-2.65 v 0 c -0.706,-2.096 -0.65,-3.854 1.615,-5.057 v 0 c -0.785,-1.171 -1.383,-2.238 -0.448,-3.353 v 0 c 1.201,-1.431 1.451,-2.872 0.991,-4.78 v 0 c -0.685,-2.841 -0.405,-5.655 2.076,-7.7 v 0 c 1.172,-0.966 2.465,-1.419 3.833,-1.588 v 0 c 0.426,-0.054 8.898,-0.131 8.991,-0.132 v 0 l 21.155,35.698 -24.476,41.3 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath859"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path857"
+         d="M 0,0 H 284 V 284 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath863"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path861"
+         d="M 0,0 H 283.465 V 283.465 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath867"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path865"
+         d="M 0,0 H 284 V 284 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath871"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path869"
+         d="M 0,0 H 283.465 V 283.465 H 0 Z" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#716969"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.959798"
+     inkscape:cx="-32.751741"
+     inkscape:cy="68.462665"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="2.7755576e-17"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1110"
+     inkscape:window-x="0"
+     inkscape:window-y="31"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-66.349684,-31.202942)">
+    <g
+       id="g825"
+       transform="matrix(0.35277777,0,0,-0.35277777,33.313599,111.30868)" />
+    <g
+       id="g835"
+       transform="matrix(0.35277777,0,0,-0.35277777,33.313599,111.30868)" />
+    <g
+       id="g873"
+       transform="matrix(0.35277777,0,0,-0.35277777,33.313599,111.30868)" />
+    <g
+       id="g1551"
+       transform="translate(0,-3.1750678)"
+       style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none">
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,33.313599,111.30868)"
+         id="g929"
+         style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+        <g
+           id="g927"
+           clip-path="url(#clipPath847)"
+           style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+          <g
+             id="g925"
+             clip-path="url(#clipPath851)"
+             style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+            <g
+               id="g891"
+               transform="translate(113.3987,132.0237)"
+               style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path889"
+                 style="fill:none;stroke:#04c2ff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201"
+                 d="m 0,0 c 0.09,0 8.344,0.078 8.759,0.131 1.332,0.17 2.593,0.623 3.733,1.589 2.417,2.045 2.691,4.859 2.023,7.7 -0.449,1.908 -0.204,3.349 0.965,4.78 0.912,1.114 0.329,2.181 -0.436,3.352 2.206,1.204 2.261,2.961 1.573,5.057 -0.56,1.708 -0.212,2.111 1.351,2.65 0.957,0.33 1.909,0.81 2.727,1.425 1.342,1.006 1.665,2.684 0.774,4.159 -1.967,3.254 -3.904,6.545 -6.093,9.63 -1.452,2.046 -1.904,3.932 -0.745,6.226 1.018,2.017 0.77,4.199 0.208,6.234 -1.138,4.11 -2.446,8.17 -3.769,12.219 -0.664,2.036 -2.609,6.237 -4.096,8.469 -1.374,2.061 -3.393,3.21 -3.697,3.376" />
+            </g>
+            <g
+               id="g895"
+               transform="translate(110.9046,131.2434)"
+               style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path893"
+                 style="fill:none;stroke:#04c2ff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201"
+                 d="m 0,0 c 0.071,0.001 4.772,0.407 6.174,0.959 0.554,0.063 1.021,0.155 1.275,0.233 1.121,0.345 2.324,0.784 3.237,1.581 3.175,2.776 2.601,6.124 2.645,8.232 0.027,1.281 0.262,2.744 1.07,4.306 0.531,1.023 0.361,2.037 0.079,3.117 1.171,1.295 1.421,2.832 1.335,4.405 -0.006,0.129 -0.469,1.774 -0.53,1.896 -1.677,3.35 5.437,3.335 -1.752,16.234 -1.979,3.552 -1.64,2.412 0.07,6.276 0.024,0.054 1.279,1.697 -0.337,6.664 -1.28,3.935 -2.076,7.601 -3.448,11.457 -0.723,2.027 -2.461,5.985 -3.78,8.231 -0.046,0.077 -0.092,0.153 -0.138,0.228 -1.18,1.916 -2.771,3.039 -3.032,3.333" />
+            </g>
+            <g
+               id="g899"
+               transform="translate(108.4104,130.4631)"
+               style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path897"
+                 style="fill:none;stroke:#04c2ff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201"
+                 d="m 0,0 c 0.074,0.001 4.768,0.77 5.079,1.829 0.999,0.38 2.978,0.963 3.8,1.998 2.354,2.962 2.86,7.185 3.269,8.763 1.045,4.031 1.327,12.426 1.327,12.426 3.128,9.522 -2.422,16.34 -2.539,18.971 -0.131,2.934 1.479,5.381 1.057,7.336 -0.851,3.922 -2.005,10.582 -3.427,14.245 -0.81,2.087 -2.419,5.988 -3.579,8.218 -0.997,1.917 -2.299,3.093 -2.529,3.522" />
+            </g>
+            <g
+               id="g903"
+               transform="translate(105.9163,129.6838)"
+               style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path901"
+                 style="fill:none;stroke:#04c2ff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201"
+                 d="m 0,0 c 0.065,0 3.729,1.114 3.989,2.678 0.833,0.483 1.608,1.182 2.333,2.202 1.218,1.71 3.168,4.706 4.263,9.31 0.713,3.001 1.055,8.285 1.307,10.915 1.287,13.418 -3.546,15.282 -1.996,23.738 0.634,3.461 -1.971,13.345 -2.957,16.931 -0.608,2.213 -1.579,5.857 -2.57,8.094 -0.815,1.838 -2.127,3.034 -2.32,3.594" />
+            </g>
+            <g
+               id="g907"
+               transform="translate(103.4221,128.9035)"
+               style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path905"
+                 style="fill:none;stroke:#04c2ff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201"
+                 d="M 0,0 C 0.058,0.001 2.69,1.46 2.899,3.526 3.565,4.115 4.221,4.87 4.766,5.934 12.337,20.693 10.012,33.246 9.738,34.137 8.937,36.751 6.159,62.294 5.562,65.982 5.186,68.307 4.318,71.703 3.501,73.95 2.862,75.706 1.797,76.926 1.639,77.617" />
+            </g>
+            <g
+               id="g911"
+               transform="translate(100.928,128.1233)"
+               style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path909"
+                 style="fill:none;stroke:#04c2ff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201"
+                 d="M 0,0 C 0.05,0.001 2.151,1.806 2.309,4.376 2.809,5.069 3.265,5.923 3.71,6.987 4.583,9.078 11.529,26.86 5.789,44.172 5.199,45.951 5.46,53.446 5.25,55.283 4.825,58.923 4.623,62.598 4.186,66.19 3.893,68.59 3.269,71.771 2.633,74.033 2.164,75.703 1.351,76.95 1.229,77.772" />
+            </g>
+            <g
+               id="g915"
+               transform="translate(98.4339,127.344)"
+               style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path913"
+                 style="fill:none;stroke:#04c2ff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201"
+                 d="m 0,0 c 0.041,0 1.363,2.151 1.469,5.225 0.334,0.797 7.867,23.674 2.403,39.685 -0.575,1.687 -0.47,3.544 -0.178,5.502 0.257,1.729 0.198,3.543 0.058,5.34 -0.282,3.546 -0.657,7.149 -0.944,10.644 -0.204,2.477 -0.601,5.44 -1.043,7.718 -0.307,1.583 -0.861,2.859 -0.946,3.813" />
+            </g>
+            <g
+               id="g919"
+               transform="translate(95.9397,126.5637)"
+               style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path917"
+                 style="fill:none;stroke:#04c2ff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201"
+                 d="M 0,0 C 0.033,0 0.775,2.514 1.129,6.073 1.22,6.987 1.444,7.981 1.597,9.094 1.881,11.186 5.421,33.13 1.954,45.65 1.5,47.293 1.724,49.129 1.872,51.031 c 0.13,1.681 0.101,3.434 0.032,5.192 -0.139,3.451 -0.33,6.982 -0.473,10.381 -0.108,2.553 -0.298,5.297 -0.535,7.593 -0.153,1.496 -0.438,2.8 -0.486,3.885" />
+            </g>
+            <g
+               id="g923"
+               transform="translate(94.1956,125.7834)"
+               style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path921"
+                 style="fill:none;stroke:#04c2ff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201"
+                 d="m 0,0 c 0.089,0.001 0,35.697 0,35.697 0,0 0.131,28.6 0,42.541" />
+            </g>
+          </g>
+        </g>
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,33.313599,111.30868)"
+         id="g971"
+         style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+        <g
+           id="g969"
+           clip-path="url(#clipPath855)"
+           style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+          <g
+             id="g967"
+             clip-path="url(#clipPath859)"
+             style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+            <g
+               id="g933"
+               transform="translate(168.8909,132.0237)"
+               style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path931"
+                 style="fill:none;stroke:#04c2ff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201"
+                 d="m 0,0 c -0.09,0 -8.344,0.078 -8.759,0.131 -1.332,0.17 -2.593,0.623 -3.733,1.589 -2.417,2.045 -2.69,4.859 -2.023,7.7 0.45,1.908 0.205,3.349 -0.965,4.78 -0.911,1.114 -0.328,2.181 0.436,3.352 -2.205,1.204 -2.261,2.961 -1.573,5.057 0.56,1.708 0.212,2.111 -1.351,2.65 -0.957,0.33 -1.908,0.81 -2.726,1.425 -1.343,1.006 -1.665,2.684 -0.775,4.159 1.968,3.254 3.905,6.545 6.094,9.63 1.451,2.046 1.904,3.932 0.744,6.226 -1.018,2.017 -0.77,4.199 -0.208,6.234 1.138,4.11 2.446,8.17 3.769,12.219 0.664,2.036 2.609,6.237 4.097,8.469 1.373,2.061 3.392,3.21 3.696,3.376" />
+            </g>
+            <g
+               id="g937"
+               transform="translate(171.385,131.2434)"
+               style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path935"
+                 style="fill:none;stroke:#04c2ff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201"
+                 d="m 0,0 c -0.07,0.001 -4.772,0.407 -6.173,0.959 -0.555,0.063 -1.022,0.155 -1.276,0.233 -1.121,0.345 -2.323,0.784 -3.237,1.581 -3.175,2.776 -2.6,6.124 -2.645,8.232 -0.027,1.281 -0.262,2.744 -1.07,4.306 -0.531,1.023 -0.36,2.037 -0.078,3.117 -1.172,1.295 -1.421,2.832 -1.336,4.405 0.006,0.129 0.469,1.774 0.53,1.896 1.677,3.35 -5.436,3.335 1.752,16.234 1.979,3.552 1.641,2.412 -0.07,6.276 -0.023,0.054 -1.278,1.697 0.337,6.664 1.28,3.935 2.076,7.601 3.448,11.457 0.723,2.027 2.462,5.985 3.78,8.231 0.046,0.077 0.092,0.153 0.138,0.228 1.181,1.916 2.771,3.039 3.033,3.333" />
+            </g>
+            <g
+               id="g941"
+               transform="translate(173.8792,130.4631)"
+               style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path939"
+                 style="fill:none;stroke:#04c2ff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201"
+                 d="m 0,0 c -0.073,0.001 -4.767,0.77 -5.079,1.829 -0.999,0.38 -2.978,0.963 -3.8,1.998 -2.353,2.962 -2.859,7.185 -3.268,8.763 -1.046,4.031 -1.328,12.426 -1.328,12.426 -3.128,9.522 2.422,16.34 2.539,18.971 0.131,2.934 -1.479,5.381 -1.057,7.336 0.852,3.922 2.005,10.582 3.427,14.245 0.81,2.087 2.419,5.988 3.58,8.218 0.997,1.917 2.298,3.093 2.528,3.522" />
+            </g>
+            <g
+               id="g945"
+               transform="translate(176.3733,129.6838)"
+               style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path943"
+                 style="fill:none;stroke:#04c2ff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201"
+                 d="m 0,0 c -0.065,0 -3.729,1.114 -3.988,2.678 -0.833,0.483 -1.608,1.182 -2.334,2.202 -1.218,1.71 -3.168,4.706 -4.262,9.31 -0.714,3.001 -1.055,8.285 -1.308,10.915 -1.287,13.418 3.547,15.282 1.996,23.738 -0.633,3.461 1.972,13.345 2.957,16.931 0.608,2.213 1.579,5.857 2.571,8.094 0.814,1.838 2.126,3.034 2.32,3.594" />
+            </g>
+            <g
+               id="g949"
+               transform="translate(178.8675,128.9035)"
+               style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path947"
+                 style="fill:none;stroke:#04c2ff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201"
+                 d="m 0,0 c -0.058,0.001 -2.689,1.46 -2.898,3.526 -0.667,0.589 -1.323,1.344 -1.868,2.408 -7.57,14.759 -5.245,27.312 -4.972,28.203 0.802,2.614 3.579,28.157 4.176,31.845 0.376,2.325 1.244,5.721 2.061,7.968 0.639,1.756 1.705,2.976 1.862,3.667" />
+            </g>
+            <g
+               id="g953"
+               transform="translate(181.3616,128.1233)"
+               style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path951"
+                 style="fill:none;stroke:#04c2ff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201"
+                 d="m 0,0 c -0.049,0.001 -2.151,1.806 -2.309,4.376 -0.5,0.693 -0.956,1.547 -1.4,2.611 -0.873,2.091 -7.819,19.873 -2.08,37.185 0.591,1.779 0.329,9.274 0.54,11.111 0.424,3.64 0.626,7.315 1.064,10.907 0.293,2.4 0.917,5.581 1.552,7.843 0.47,1.67 1.283,2.917 1.404,3.739" />
+            </g>
+            <g
+               id="g957"
+               transform="translate(183.8557,127.344)"
+               style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path955"
+                 style="fill:none;stroke:#04c2ff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201"
+                 d="m 0,0 c -0.041,0 -1.363,2.151 -1.469,5.225 -0.333,0.797 -7.866,23.674 -2.402,39.685 0.575,1.687 0.47,3.544 0.177,5.502 -0.257,1.729 -0.197,3.543 -0.058,5.34 0.282,3.546 0.657,7.149 0.944,10.644 0.204,2.477 0.601,5.44 1.043,7.718 0.308,1.583 0.862,2.859 0.946,3.813" />
+            </g>
+            <g
+               id="g961"
+               transform="translate(186.3499,126.5637)"
+               style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path959"
+                 style="fill:none;stroke:#04c2ff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201"
+                 d="m 0,0 c -0.033,0 -0.774,2.514 -1.129,6.073 -0.091,0.914 -0.315,1.908 -0.467,3.021 -0.285,2.092 -3.825,24.036 -0.358,36.556 0.455,1.643 0.23,3.479 0.083,5.381 -0.131,1.681 -0.102,3.434 -0.032,5.192 0.138,3.451 0.33,6.982 0.472,10.381 0.108,2.553 0.299,5.297 0.535,7.593 0.153,1.496 0.439,2.8 0.487,3.885" />
+            </g>
+            <g
+               id="g965"
+               transform="translate(188.094,125.7834)"
+               style="fill:none;stroke:#04c2ff;stroke-opacity:0.99134201;stroke-width:1.41732287;stroke-miterlimit:4;stroke-dasharray:none">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path963"
+                 style="fill:none;stroke:#04c2ff;stroke-width:1.41732287;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201"
+                 d="m 0,0 c -0.089,0.001 0,35.697 0,35.697 0,0 -0.131,28.6 0,42.541" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

pioneer/packages/apps-config/src/ui/logos/nodes/nodle.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<circle class="st0" cx="50" cy="50" r="48.5"/>
+<g>
+	<g>
+		<polygon points="47.5,51.4 52.1,51.4 52.1,48.5 47.6,48.4 		"/>
+		<path d="M79.5,27.5c-4.2-4.3-10.4-6.5-18-6.5c-5,0-7.9,1.5-10.4,4.4C48.6,28.4,48,32.3,48,35l-0.1,7.8l4.3,0.1l0.1-7.8
+			c0-2,0.7-3.9,1.8-5.4c1.2-1.5,2.8-2.3,4.6-2.3h0.1c2.1,0,3.7,0.5,4.7,1.4c1.2,0.9,1.8,2.4,1.7,4.3c0,1.9-0.8,3.7-2.2,5
+			c-1.4,1.4-3.2,2.1-5.2,2l-4.2-0.1v2.7l4.2,0.1c0.1,0,0.1,0,0.2,0c5.4,0,9.8-4.3,9.9-9.7c0-1.3-0.2-2.6-0.7-3.8L67,29l0.3,0.4
+			c1.4,1.7,2.1,3.9,2.1,6.1c-0.1,5-4.2,9.1-9.4,9.1c-0.1,0-0.1,0-0.2,0l-7.8-0.1l-4.4-0.1l-12.1-0.2c-0.1,0-0.2,0-0.3,0
+			c-4.2,0-8.2,1.6-11.3,4.5c-3.2,3-4.9,7-4.9,11.5c0,2.5,0.4,4.9,1.6,7.2l-0.1,0.1c-2-2.7-3-6-2.9-9.5c0.1-4.2,1.8-8.1,4.8-11
+			s6.9-4.5,11.1-4.4l12.7,0.2v-2.7l-12.7-0.2c-0.1,0-0.2,0-0.3,0c-4.8,0-9.3,1.8-12.7,5.2c-3.6,3.4-5.6,8-5.7,12.9
+			c-0.1,6.1,1.8,11.5,5.4,15.1c3.9,4,9.6,6,16.9,6c4.9,0,8.7-1.5,11.4-4.5c2-2.4,3.2-5.8,3.3-9.5l0.1-7.8l-4.3-0.1L47.5,65
+			c0,2-0.7,3.9-1.8,5.4c-1.3,1.6-2.8,2.3-4.7,2.3c-2.1,0-3.7-0.5-4.7-1.4c-1.2-0.9-1.8-2.4-1.7-4.3c0.1-3.9,3.3-7,7.2-7h0.1L46,60
+			v-2.7l-4.2-0.1c-0.1,0-0.1,0-0.2,0c-5.4,0-9.8,4.3-9.9,9.7c0,1.3,0.2,2.6,0.7,3.8l0.2,0.4l-0.3-0.4c-1.4-1.7-2.1-3.9-2.1-6.1
+			c0.1-5,4.2-9.1,9.4-9.1c0.1,0,0.1,0,0.2,0l7.8,0.1l4.4,0.1l12.1,0.2c0.1,0,0.2,0,0.3,0c8.8,0,16.1-7.2,16.3-16
+			c0-2.5-0.4-4.9-1.6-7.2l0.1-0.1c2,2.7,3,6,2.9,9.5c-0.1,4.2-1.8,8.1-4.8,11c-3,2.9-7,4.5-11.1,4.4l-12.7-0.2V60l12.7,0.2
+			c0.1,0,0.2,0,0.3,0c4.8,0,9.7-1.9,13.4-5.2c4-3.5,5.2-8.1,5.3-12.9C85.2,36.5,83.2,31.2,79.5,27.5z M64.3,53.1c-0.1,0-0.2,0-0.2,0
+			L52,52.9l-4.4-0.1l-7.8-0.1c-0.1,0-0.1,0-0.2,0c-3.2,0-6.1,1.2-8.3,3.4c-2.3,2.2-3.6,5.3-3.7,8.4c0,1.7,0.3,3.4,0.9,4.9l0.2,0.5
+			l-0.4-0.5c-1.6-2.1-2.4-4.5-2.4-7.2C26,56,31.2,51,37.4,51c0.1,0,0.1,0,0.2,0l8.4,0.1v-2.7l-8.4-0.1c-0.1,0-0.2,0-0.2,0
+			c-7.7,0-14,6.2-14.1,13.9c0,2.1,0.4,4.1,1.3,6.1l0.3,0.6l-0.4-0.6c-1.8-2.4-2.7-5.3-2.6-8.3c0.1-7.4,6.2-13.4,13.6-13.4
+			c0.1,0,0.2,0,0.2,0l12.2,0.2l4.3,0.1h0.1L60,47c0.1,0,0.1,0,0.2,0c3.2,0,6.1-1.2,8.3-3.4c2.3-2.2,3.6-5.3,3.7-8.4
+			c0-1.7-0.3-3.4-0.9-4.9L71,29.8l0.4,0.5c1.6,2.1,2.4,4.5,2.4,7.2c0,3-1.3,5.9-3.5,8c-2.1,2.1-4.9,3.3-8,3.3c-0.1,0-0.1,0-0.2,0
+			l-8.4-0.1v2.7l8.4,0.1c0.1,0,0.2,0,0.2,0c3.7,0,7.2-1.4,9.8-4c2.7-2.6,4.2-6.1,4.3-9.9c0-2.1-0.4-4.1-1.3-6.1l-0.3-0.6l0.4,0.6
+			c1.8,2.4,2.7,5.3,2.6,8.3C77.8,47.1,71.7,53.1,64.3,53.1z"/>
+	</g>
+</g>
+</svg>

pioneer/packages/apps-config/src/ui/logos/nodes/polkadot-circle.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="15 15 140 140" style="enable-background:new 0 0 170 170;" xml:space="preserve">
+<style type="text/css">
+	.bg0{fill:#fff;}
+	.st0{fill:#E6007A;}
+</style>
+<g>
+	<circle class="bg0" cx="85" cy="85" r="70"/>
+	<g>
+		<path d="M85,34.7c-20.8,0-37.8,16.9-37.8,37.8c0,4.2,0.7,8.3,2,12.3c0.9,2.7,3.9,4.2,6.7,3.3c2.7-0.9,4.2-3.9,3.3-6.7 c-1.1-3.1-1.6-6.4-1.5-9.7C58.1,57.6,69.5,46,83.6,45.3c15.7-0.8,28.7,11.7,28.7,27.2c0,14.5-11.4,26.4-25.7,27.2 c0,0-5.3,0.3-7.9,0.7c-1.3,0.2-2.3,0.4-3,0.5c-0.3,0.1-0.6-0.2-0.5-0.5l0.9-4.4L81,73.4c0.6-2.8-1.2-5.6-4-6.2 c-2.8-0.6-5.6,1.2-6.2,4c0,0-11.8,55-11.9,55.6c-0.6,2.8,1.2,5.6,4,6.2c2.8,0.6,5.6-1.2,6.2-4c0.1-0.6,1.7-7.9,1.7-7.9 c1.2-5.6,5.8-9.7,11.2-10.4c1.2-0.2,5.9-0.5,5.9-0.5c19.5-1.5,34.9-17.8,34.9-37.7C122.8,51.6,105.8,34.7,85,34.7z"/>
+	</g>
+</g>
+<path class="st0" d="M87.7,121.7c-3.4-0.7-6.8,1.4-7.5,4.9c-0.7,3.4,1.4,6.8,4.9,7.5c3.4,0.7,6.8-1.4,7.5-4.9 C93.3,125.7,91.2,122.4,87.7,121.7z"/>
+</svg>

pioneer/packages/apps-config/src/ui/logos/nodes/polkadot-dots.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 436.22 436.22"><defs><style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{fill:#f2f2f2;}.cls-4{fill:#4d4d4d;}.cls-5{fill:#d64ca8;}</style><clipPath id="clip-path" transform="translate(-782.01 -781.74)"><circle class="cls-1" cx="1001.02" cy="1001.98" r="215.98"/></clipPath></defs><title>Polkadot dot logo</title><g class="cls-2"><rect class="cls-3" x="782.01" y="781.74" width="436.22" height="436.22" transform="translate(-781.74 1218.23) rotate(-90)"/><circle class="cls-4" cx="84.89" cy="298" r="22.44"/><circle class="cls-4" cx="84.89" cy="222.44" r="22.44"/><circle class="cls-4" cx="84.89" cy="146.89" r="22.44"/><circle class="cls-4" cx="153.81" cy="334.98" r="22.44"/><circle class="cls-4" cx="153.81" cy="259.43" r="22.44"/><circle class="cls-4" cx="153.81" cy="183.88" r="22.44"/><circle class="cls-4" cx="153.81" cy="108.33" r="22.44"/><circle class="cls-4" cx="220.2" cy="373.55" r="22.44"/><circle class="cls-4" cx="220.2" cy="298" r="22.44"/><circle class="cls-5" cx="220.2" cy="222.44" r="22.44"/><circle class="cls-4" cx="220.2" cy="146.89" r="22.44"/><circle class="cls-4" cx="220.2" cy="71.34" r="22.44"/><circle class="cls-4" cx="289.12" cy="334.98" r="22.44"/><circle class="cls-4" cx="289.12" cy="259.43" r="22.44"/><circle class="cls-4" cx="289.12" cy="183.88" r="22.44"/><circle class="cls-4" cx="289.12" cy="108.33" r="22.44"/><circle class="cls-4" cx="355.5" cy="298" r="22.44"/><circle class="cls-4" cx="355.5" cy="222.44" r="22.44"/><circle class="cls-4" cx="355.5" cy="146.89" r="22.44"/></g></svg>

pioneer/packages/apps-config/src/ui/logos/nodes/polkadot-js.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="15 15 140 140" style="enable-background:new 0 0 170 170;zoom: 1;" xml:space="preserve">
+<style type="text/css">
+	.bg0{fill:#FF8C00}
+	.st0{fill:#FFFFFF;}
+</style>
+<g>
+	<circle class="bg0" cx="85" cy="85" r="70"/>
+	<g>
+		<path class="st0" d="M85,34.7c-20.8,0-37.8,16.9-37.8,37.8c0,4.2,0.7,8.3,2,12.3c0.9,2.7,3.9,4.2,6.7,3.3c2.7-0.9,4.2-3.9,3.3-6.7 c-1.1-3.1-1.6-6.4-1.5-9.7C58.1,57.6,69.5,46,83.6,45.3c15.7-0.8,28.7,11.7,28.7,27.2c0,14.5-11.4,26.4-25.7,27.2 c0,0-5.3,0.3-7.9,0.7c-1.3,0.2-2.3,0.4-3,0.5c-0.3,0.1-0.6-0.2-0.5-0.5l0.9-4.4L81,73.4c0.6-2.8-1.2-5.6-4-6.2 c-2.8-0.6-5.6,1.2-6.2,4c0,0-11.8,55-11.9,55.6c-0.6,2.8,1.2,5.6,4,6.2c2.8,0.6,5.6-1.2,6.2-4c0.1-0.6,1.7-7.9,1.7-7.9 c1.2-5.6,5.8-9.7,11.2-10.4c1.2-0.2,5.9-0.5,5.9-0.5c19.5-1.5,34.9-17.8,34.9-37.7C122.8,51.6,105.8,34.7,85,34.7z M87.7,121.7 c-3.4-0.7-6.8,1.4-7.5,4.9c-0.7,3.4,1.4,6.8,4.9,7.5c3.4,0.7,6.8-1.4,7.5-4.9C93.3,125.7,91.2,122.4,87.7,121.7z"/>
+	</g>
+</g>
+</svg>

pioneer/packages/apps-config/src/ui/logos/nodes/polkadot-white.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="15 15 140 140" style="enable-background:new 0 0 170 170;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#E6007A;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M85,34.7c-20.8,0-37.8,16.9-37.8,37.8c0,4.2,0.7,8.3,2,12.3c0.9,2.7,3.9,4.2,6.7,3.3c2.7-0.9,4.2-3.9,3.3-6.7 c-1.1-3.1-1.6-6.4-1.5-9.7C58.1,57.6,69.5,46,83.6,45.3c15.7-0.8,28.7,11.7,28.7,27.2c0,14.5-11.4,26.4-25.7,27.2 c0,0-5.3,0.3-7.9,0.7c-1.3,0.2-2.3,0.4-3,0.5c-0.3,0.1-0.6-0.2-0.5-0.5l0.9-4.4L81,73.4c0.6-2.8-1.2-5.6-4-6.2s-5.6,1.2-6.2,4 c0,0-11.8,55-11.9,55.6c-0.6,2.8,1.2,5.6,4,6.2c2.8,0.6,5.6-1.2,6.2-4c0.1-0.6,1.7-7.9,1.7-7.9c1.2-5.6,5.8-9.7,11.2-10.4 c1.2-0.2,5.9-0.5,5.9-0.5c19.5-1.5,34.9-17.8,34.9-37.7C122.8,51.6,105.8,34.7,85,34.7z"/>
+	</g>
+</g>
+<path class="st1" d="M87.7,121.7c-3.4-0.7-6.8,1.4-7.5,4.9c-0.7,3.4,1.4,6.8,4.9,7.5c3.4,0.7,6.8-1.4,7.5-4.9 C93.3,125.7,91.2,122.4,87.7,121.7z"/>
+</svg>

pioneer/packages/apps-config/src/ui/logos/nodes/substrate-circle.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 2000 2000" style="enable-background:new 0 0 2000 2000;" xml:space="preserve">
+<style type="text/css">
+	.bg0{fill:#fff;}
+	.st0{fill:#231F20;}
+</style>
+<g>
+	<circle class="bg0" cx="1000" cy="1000" r="1000"/>
+	<polygon class="st0" points="1000.5,1959.6 974.6,1974.5 979.3,1977.2 1000.5,1965 1000.5,1989 1862.2,1491.5 1862.2,1437.7 1000.5,1935.2"/>
+	<polygon class="st0" points="1000.5,1796.1 833.1,1892.8 841.2,1897.5 1000.5,1805.6 1000.5,1825.8 1862.2,1328.2 1862.2,1278.3 1000.5,1775.8"/>
+	<polygon class="st0" points="1000.5,1632.7 691.5,1811.1 703.2,1817.8 1000.5,1646.2 1000.5,1662.3 1862.2,1164.8 1862.2,1118.9 1000.5,1616.4"/>
+	<path class="st0" d="M1862.2,495.9l-12.7-7.3l-690 398.4l-89.6-51.7l209.7-121.1v-30.3l454.1-262.2l-22.2-12.8l-431.9,249.3v-26 L998.9,794.3l-96.8-55.9l690-398.4l-18.7-10.8l-690,398.4l-94.2-54.4l153-88.3l-28.6-16.5l537.1-310.1l-15.2-8.8L898.4,559.6 l-27.2-15.7l-153.4,88.3v31.7l-143.8,83l-10.5-6L137.9,986.5v41.8l461.8-266.6l-10.6-6.1l128.6-74.2V714l94.6,54.6l-100.2,57.8 l-7-4L137.9,1150v37.8L738,841.3l-7.1-4.1l100.1-57.8l96.8,55.9L717.8,956.6v22l-579.9,334.8v33.7l579.9-334.8v25.8l90,51.9 l-669.8,386.7v14.6l13.1,7.6l682.5-394l93.1,53.7l-208.8,119.4v27.4l-450.9,260.4l22.2,12.8l428.7-247.5v31.6l281.1-162.3l84.9,49 l-83.3,48.1v8.1l-592.1,341.8l18.7,10.8l573.4-331v8.1l116.1-67l92.1,53.2l-150.3,86.8l13.2,7.6l-71.1,41v12.2L550,1729.3l15.2,8.8 l435.3-251.3v12.1l107.3-62l21.6,12.5l150.3-86.6v-25.1l582.6-336.3v-41.8l-582.6,336.3v-15.3l-92.1-53.2l674.6-389.5v-37.8 l-707.4,408.4l-84.9-49l209.7-121.1v-27.6l582.6-336.3v-33.7l-582.6,336.3v-20.7l-94.4-54.5l677-390.9V495.9z M789.2,997.4 l209.7-121.1l89.5,51.7l-99.9,57.7l0,0l-109.8,63.4L789.2,997.4z M1208.6,997.4L998,1117.9l-93.4-53.9l96.4-55.7v0l113.3-65.4 L1208.6,997.4z"/>
+	<polygon class="st0" points="447.4,674.1 1309.1,176.6 1297.4,169.8 435.7,667.3 421.7,659.3 137.9,823.1 137.9,869 461.5,682.2"/>
+	<polygon class="st0" points="305.7,592.5 1167.6,94.9 1159.4,90.1 297.5,587.8 279.9,577.7 137.9,659.7 137.9,709.6 323.3,602.6"/>
+	<polygon class="st0" points="163.9,510.9 1026,13.1 1021.3,10.4 159.2,508.2 138.2,496.1 137.9,496.2 137.9,550.2 185,523"/>
+</g>
+</svg>

pioneer/packages/apps-config/src/ui/logos/nodes/substrate-hexagon.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 1976.45 2282.21" xmlns="http://www.w3.org/2000/svg"><path d="m1976.45 1711.65v-1141.1l-988.23-570.55-988.22 570.55v1141.1l988.22 570.56z"/><g fill="#fff"><path d="m988.62 2101-25.9 14.9 4.7 2.7 21.2-12.2v24l861.7-497.5v-53.8l-861.7 497.5z"/><path d="m988.62 1937.5-167.4 96.7 8.1 4.7 159.3-91.9v20.2l861.7-497.6v-49.9l-861.7 497.5z"/><path d="m988.62 1774.1-309 178.4 11.7 6.7 297.3-171.6v16.1l861.7-497.5v-45.9l-861.7 497.5z"/><path d="m1859.56 499.46-12.7-7.3-690 398.4-89.6-51.7 209.74-121.1v-30.3l454.1-262.2-22.2-12.8-431.9 249.3v-26l-280.7 162.1-96.84-55.86 690-398.4-18.7-10.8-690 398.4-94.2-54.4 153-88.3-28.56-16.5 537.1-310.1-15.2-8.8-537.1 310.1-27.2-15.7-153.4 88.3v31.7l-143.8 83-10.5-6-425.6 245.6v41.8l461.8-266.6-10.6-6.1 128.56-74.2v32.6l94.6 54.6-100.2 57.8-7-4-567.2 327.6v37.8l600.1-346.5-7.1-4.1 100.1-57.8 96.8 55.9-210 121.3v22l-579.9 334.8v33.7l579.9-334.8v25.8l90 51.9-669.8 386.7v14.6l13.1 7.6 682.5-394 93.1 53.7-208.8 119.4v27.4l-450.9 260.4 22.2 12.8 428.7-247.5v31.6l281.1-162.3 84.9 49-83.3 48.1v8.1l-592.1 341.8 18.7 10.8 573.4-331v8.1l116.1-67 92.1 53.2-150.3 86.8 13.2 7.6-71.1 41v12.2l-450.6 260.2 15.2 8.8 435.3-251.3v12.1l107.3-62 21.6 12.5 150.3-86.6v-25.1l582.6-336.3v-41.8l-582.6 336.3v-15.3l-92.06-53.2 674.6-389.5v-37.8l-707.4 408.4-84.9-49 209.7-121.1v-27.6l582.6-336.3v-33.7l-582.6 336.26v-20.66l-94.4-54.5 677-390.9zm-1073 501.54 209.7-121.1 89.5 51.7-99.9 57.7-109.8 63.4zm419.4 0-210.6 120.5-93.4-53.9 96.4-55.7 113.3-65.4z" transform="translate(-9.23 137.85)"/><path d="m435.52 815.5 861.7-497.5-11.7-6.8-861.7 497.5-14-8-283.8 163.8v45.9l323.6-186.8z"/><path d="m293.82 733.9 861.9-497.6-8.2-4.8-861.9 497.7-17.6-10.1-142 82v49.9l185.4-107z"/><path d="m152.02 652.3 862.1-497.8-4.7-2.7-862.1 497.8-21-12.1-.3.1v54l47.1-27.2z"/></g></svg>

pioneer/packages/apps-config/src/ui/logos/nodes/substrate-white.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 2000 2000" style="enable-background:new 0 0 2000 2000;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#eee;}
+</style>
+<g>
+	<polygon class="st0" points="1000.5,1959.6 974.6,1974.5 979.3,1977.2 1000.5,1965 1000.5,1989 1862.2,1491.5 1862.2,1437.7 1000.5,1935.2"/>
+	<polygon class="st0" points="1000.5,1796.1 833.1,1892.8 841.2,1897.5 1000.5,1805.6 1000.5,1825.8 1862.2,1328.2 1862.2,1278.3 1000.5,1775.8"/>
+	<polygon class="st0" points="1000.5,1632.7 691.5,1811.1 703.2,1817.8 1000.5,1646.2 1000.5,1662.3 1862.2,1164.8 1862.2,1118.9 1000.5,1616.4"/>
+	<path class="st0" d="M1862.2,495.9l-12.7-7.3l-690,398.4l-89.6-51.7l209.7-121.1v-30.3l454.1-262.2l-22.2-12.8l-431.9,249.3v-26 L998.9,794.3l-96.8-55.9l690-398.4l-18.7-10.8l-690,398.4l-94.2-54.4l153-88.3l-28.6-16.5l537.1-310.1l-15.2-8.8L898.4,559.6 l-27.2-15.7l-153.4,88.3v31.7l-143.8,83l-10.5-6L137.9,986.5v41.8l461.8-266.6l-10.6-6.1l128.6-74.2V714l94.6,54.6l-100.2,57.8 l-7-4L137.9,1150v37.8L738,841.3l-7.1-4.1l100.1-57.8l96.8,55.9L717.8,956.6v22l-579.9,334.8v33.7l579.9-334.8v25.8l90,51.9 l-669.8,386.7v14.6l13.1,7.6l682.5-394l93.1,53.7l-208.8,119.4v27.4l-450.9,260.4l22.2,12.8l428.7-247.5v31.6l281.1-162.3l84.9,49 l-83.3,48.1v8.1l-592.1,341.8l18.7,10.8l573.4-331v8.1l116.1-67l92.1,53.2l-150.3,86.8l13.2,7.6l-71.1,41v12.2L550,1729.3l15.2,8.8 l435.3-251.3v12.1l107.3-62l21.6,12.5l150.3-86.6v-25.1l582.6-336.3v-41.8l-582.6,336.3v-15.3l-92.1-53.2l674.6-389.5v-37.8 l-707.4,408.4l-84.9-49l209.7-121.1v-27.6l582.6-336.3v-33.7l-582.6,336.3v-20.7l-94.4-54.5l677-390.9V495.9z M789.2,997.4 l209.7-121.1l89.5,51.7l-99.9,57.7l0,0l-109.8,63.4L789.2,997.4z M1208.6,997.4L998,1117.9l-93.4-53.9l96.4-55.7v0l113.3-65.4 L1208.6,997.4z"/>
+	<polygon class="st0" points="447.4,674.1 1309.1,176.6 1297.4,169.8 435.7,667.3 421.7,659.3 137.9,823.1 137.9,869 461.5,682.2"/>
+	<polygon class="st0" points="305.7,592.5 1167.6,94.9 1159.4,90.1 297.5,587.8 279.9,577.7 137.9,659.7 137.9,709.6 323.3,602.6"/>
+	<polygon class="st0" points="163.9,510.9 1026,13.1 1021.3,10.4 159.2,508.2 138.2,496.1 137.9,496.2 137.9,550.2 185,523"/>
+</g>
+</svg>

pioneer/packages/apps-electron/.gitignore

@@ -0,0 +1,3 @@
+build
+node_modules
+release

pioneer/packages/apps-electron/README.md

@@ -0,0 +1,3 @@
+# @polkadot/apps-electron
+
+WARNING: This is not deemed stable yet for external use.

pioneer/packages/apps-electron/appleEntitlements/entitlements.mac.plist

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+	<dict>
+		<key>com.apple.security.cs.allow-jit</key>
+		<true/>
+		<key>com.apple.security.cs.allow-unsigned-executable-memory</key>
+		<true/>
+		<key>com.apple.security.cs.allow-dyld-environment-variables</key>
+		<true/>
+	</dict>
+</plist>

pioneer/packages/apps-electron/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@polkadot/apps-electron",
+  "main": "index.js",
+  "private": true,
+  "version": "0.51.1",
+  "dependencies": {
+    "@babel/core": "^7.10.5",
+    "@babel/polyfill": "^7.10.4",
+    "@polkadot/dev": "^0.55.28",
+    "@polkadot/react-components": "0.51.1",
+    "electron-log": "^4.2.2",
+    "electron-updater": "^4.3.4"
+  },
+  "devDependencies": {
+    "@types/react": "^16.9.43",
+    "@types/react-dom": "^16.9.8",
+    "@types/tmp": "^0.2.0",
+    "babel-loader": "^8.1.0",
+    "copy-webpack-plugin": "^6.0.3",
+    "html-webpack-plugin": "^4.3.0",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "thread-loader": "^2.1.3",
+    "tmp": "^0.2.1",
+    "webpack": "^4.44.0"
+  }
+}

pioneer/packages/apps-electron/src/api/account-store-api.ts

@@ -0,0 +1,12 @@
+// Copyright 2017-2020 @polkadot/apps authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { KeyringJson } from '@polkadot/ui-keyring/types';
+
+export interface AccountStoreApi {
+  all: () => Promise<{ key: string, value: KeyringJson }[]>
+  get: (key: string) => Promise<KeyringJson>
+  remove: (key: string) => Promise<void>
+  set: (key: string, value: KeyringJson) => Promise<void>
+}

pioneer/packages/apps-electron/src/api/electron-main-api.ts

@@ -0,0 +1,9 @@
+// Copyright 2017-2020 @polkadot/apps authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { AccountStoreApi } from './account-store-api';
+
+export interface ElectronMainApi {
+  accountStore: AccountStoreApi
+}

pioneer/packages/apps-electron/src/api/global-exported-api.ts

@@ -0,0 +1,13 @@
+// Copyright 2017-2020 @polkadot/apps authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { ElectronMainApi } from './electron-main-api';
+
+declare global {
+  interface Window {
+    ElectronMain: ElectronMainApi
+  }
+}
+
+export const electronMainApi = window.ElectronMain;

pioneer/packages/apps-electron/src/electron/autoUpdater.ts

@@ -0,0 +1,19 @@
+// Copyright 2017-2020 @polkadot/apps authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { AppUpdater } from 'electron-updater';
+
+export async function setupAutoUpdater (): Promise<void> {
+  const { autoUpdater } = await import('electron-updater');
+
+  await setLogger(autoUpdater);
+  autoUpdater.checkForUpdatesAndNotify().catch(console.error);
+}
+
+async function setLogger (autoUpdater: AppUpdater): Promise<void> {
+  const log = await import('electron-log');
+
+  log.transports.file.level = 'debug';
+  autoUpdater.logger = log;
+}

pioneer/packages/apps-electron/src/electron/contentSecurityPolicy.ts

@@ -0,0 +1,23 @@
+// Copyright 2017-2020 @polkadot/apps authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { HeadersReceivedResponse, session } from 'electron';
+
+export const setupContentSecurityPolicy = (environment: string): void => {
+  session.defaultSession.webRequest.onHeadersReceived((details, cb: (headersReceivedResponse: HeadersReceivedResponse) => void) => {
+    const headersReceivedResponse = {
+      responseHeaders: {
+        ...details.responseHeaders,
+        'Content-Security-Policy': [`default-src 'self' ${environment === 'development' ? "'unsafe-eval'" : ''};` +
+        " style-src-elem 'self' https://fonts.googleapis.com/css 'unsafe-inline';" +
+        " font-src data: 'self' https://fonts.gstatic.com;" +
+        " style-src 'unsafe-inline';" +
+        " connect-src 'self' wss:;" +
+        " img-src 'self' data:"]
+      }
+    };
+
+    cb(headersReceivedResponse);
+  });
+};

pioneer/packages/apps-electron/src/electron/index.ts

@@ -0,0 +1,27 @@
+// Copyright 2017-2020 @polkadot/apps authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { app, shell } from 'electron';
+import { registerAccountStoreHandlers } from '../main/account-store';
+import { setupAutoUpdater } from './autoUpdater';
+import { setupContentSecurityPolicy } from './contentSecurityPolicy';
+import { createWindow } from './window';
+
+const ENV = process.env.NODE_ENV || 'production';
+
+const onReady = async () => {
+  registerAccountStoreHandlers();
+  setupContentSecurityPolicy(ENV);
+  await createWindow(ENV);
+  await setupAutoUpdater();
+};
+
+app.on('web-contents-created', (e, webContents) => {
+  webContents.on('new-window', (e, url) => {
+    e.preventDefault();
+    shell.openExternal(url).catch(console.error);
+  });
+});
+
+app.whenReady().then(onReady).catch(console.error);

pioneer/packages/apps-electron/src/electron/window.ts

@@ -0,0 +1,31 @@
+// Copyright 2017-2020 @polkadot/apps authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { BrowserWindow, screen } from 'electron';
+import path from 'path';
+
+export function createWindow (environment: string): Promise<unknown> {
+  const { height, width } = screen.getPrimaryDisplay().workAreaSize;
+
+  const win = new BrowserWindow({
+    height,
+    webPreferences: {
+      contextIsolation: true,
+      enableRemoteModule: false,
+      nodeIntegration: false,
+      preload: path.join(__dirname, 'preload.js')
+    },
+    width
+  });
+
+  if (environment === 'development') {
+    win.webContents.openDevTools();
+
+    return win.loadURL('http://0.0.0.0:3000/');
+  }
+
+  const mainFilePath = path.resolve(__dirname, 'index.html');
+
+  return win.loadFile(mainFilePath);
+}

pioneer/packages/apps-electron/src/index.tsx

@@ -0,0 +1,56 @@
+// Copyright 2017-2020 @polkadot/apps authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+// setup these right at front
+import '@polkadot/apps/initSettings';
+import 'semantic-ui-css/semantic.min.css';
+import '@polkadot/react-components/i18n';
+
+import React, { Suspense } from 'react';
+import ReactDOM from 'react-dom';
+import { HashRouter } from 'react-router-dom';
+import { ThemeProvider } from 'styled-components';
+import { Api } from '@polkadot/react-api';
+import Apps from '@polkadot/apps/Apps';
+import WindowDimensions from '@polkadot/apps/WindowDimensions';
+import Queue from '@polkadot/react-components/Status/Queue';
+import { BlockAuthors, Events } from '@polkadot/react-query';
+import settings from '@polkadot/ui-settings';
+
+import { electronMainApi } from './api/global-exported-api';
+import { RemoteElectronStore } from './renderer/remote-electron-store';
+
+const rootId = 'root';
+const rootElement = document.getElementById(rootId);
+const theme = { theme: settings.uiTheme };
+
+const store = new RemoteElectronStore(electronMainApi.accountStore);
+
+if (!rootElement) {
+  throw new Error(`Unable to find element with id '${rootId}'`);
+}
+
+ReactDOM.render(
+  <Suspense fallback='...'>
+    <ThemeProvider theme={theme}>
+      <Queue>
+        <Api
+          store={store}
+          url={settings.apiUrl}
+        >
+          <BlockAuthors>
+            <Events>
+              <HashRouter>
+                <WindowDimensions>
+                  <Apps />
+                </WindowDimensions>
+              </HashRouter>
+            </Events>
+          </BlockAuthors>
+        </Api>
+      </Queue>
+    </ThemeProvider>
+  </Suspense>,
+  rootElement
+);

pioneer/packages/apps-electron/src/main/account-store.spec.ts

@@ -0,0 +1,60 @@
+// Copyright 2017-2020 @polkadot/apps authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { FileStore } from '@polkadot/ui-keyring/stores';
+import { accountStoreIpcHandler } from './account-store';
+import { KeyringJson } from '@polkadot/ui-keyring/types';
+import { IpcMainHandler } from './ipc-main-handler';
+import * as tmp from 'tmp';
+
+const exampleAccount = (address: string): KeyringJson => ({
+  address,
+  meta: {}
+});
+
+describe('Account store', () => {
+  let accountStore: IpcMainHandler;
+  let tmpDir: tmp.DirResult;
+
+  beforeEach(() => {
+    tmpDir = tmp.dirSync({ unsafeCleanup: true });
+    accountStore = accountStoreIpcHandler(new FileStore(tmpDir.name));
+  });
+
+  afterEach(() => {
+    tmpDir.removeCallback();
+  });
+
+  it('all returns empty array at first', () => {
+    expect(accountStore['account-store-all']()).toEqual([]);
+  });
+
+  it('after adding accounts, they become visible', async () => {
+    await accountStore['account-store-set']('1', exampleAccount('a'));
+    await accountStore['account-store-set']('2', exampleAccount('b'));
+
+    expect(accountStore['account-store-all']()).toEqual([{
+      key: '1', value: exampleAccount('a')
+    }, {
+      key: '2', value: exampleAccount('b')
+    }]);
+  });
+
+  it('get returns account if exists', async () => {
+    await accountStore['account-store-set']('1', exampleAccount('a'));
+    expect(await accountStore['account-store-get']('1')).toEqual(exampleAccount('a'));
+  });
+
+  it('get returns null if account does not exist', async () => {
+    expect(await accountStore['account-store-get']('1')).toEqual(null);
+  });
+
+  it('account disappears from list after it is removed', async () => {
+    await accountStore['account-store-set']('1', exampleAccount('a'));
+    await accountStore['account-store-remove']('1');
+
+    expect(await accountStore['account-store-get']('1')).toEqual(null);
+    expect(accountStore['account-store-all']()).toEqual([]);
+  });
+});

pioneer/packages/apps-electron/src/main/account-store.ts

@@ -0,0 +1,47 @@
+// Copyright 2017-2020 @polkadot/apps authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { app } from 'electron';
+import { FileStore } from '@polkadot/ui-keyring/stores';
+import { KeyringJson } from '@polkadot/ui-keyring/types';
+import path from 'path';
+
+import { IpcMainHandler } from './ipc-main-handler';
+import { registerIpcHandler } from './register-ipc-handler';
+
+const ACCOUNTS_SUBFOLDER = 'polkadot-accounts';
+
+export const accountStoreIpcHandler = (fileStore: FileStore): IpcMainHandler => ({
+  'account-store-all': () => {
+    let result: { key: string, value: KeyringJson }[] = [];
+
+    const collect = (key: string, value: KeyringJson) => {
+      result = [...result, { key, value }];
+    };
+
+    fileStore.all(collect);
+
+    return result;
+  },
+  'account-store-get': async (key: string) => new Promise((resolve) => {
+    try {
+      fileStore.get(key, resolve);
+    } catch (err) {
+      resolve(null);
+    }
+  }),
+  'account-store-remove': async (key: string) => new Promise((resolve) =>
+    fileStore.remove(key, resolve)
+  ),
+  'account-store-set': async (key: string, value: KeyringJson) => new Promise((resolve) =>
+    fileStore.set(key, value, resolve)
+  )
+});
+
+export const registerAccountStoreHandlers = (): void => {
+  const defaultStorePath = path.join(app.getPath('userData'), ACCOUNTS_SUBFOLDER);
+  const fileStore = new FileStore(defaultStorePath);
+
+  registerIpcHandler(accountStoreIpcHandler(fileStore));
+};

pioneer/packages/apps-electron/src/main/ipc-main-handler.ts

@@ -0,0 +1,7 @@
+// Copyright 2017-2020 @polkadot/apps authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+export type IpcMainHandler = {
+  [channel: string]: (...args: any[]) => Promise<void> | any
+}

pioneer/packages/apps-electron/src/main/register-ipc-handler.ts

@@ -0,0 +1,14 @@
+// Copyright 2017-2020 @polkadot/apps authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { ipcMain } from 'electron';
+import { IpcMainHandler } from './ipc-main-handler';
+
+export const registerIpcHandler = (ipcHandler: IpcMainHandler): void => {
+  for (const [channel, listener] of Object.entries(ipcHandler)) {
+    ipcMain.handle(channel, (_, ...args): void => {
+      listener(...args);
+    });
+  }
+};

pioneer/packages/apps-electron/src/preload.ts

@@ -0,0 +1,15 @@
+// Copyright 2017-2020 @polkadot/apps authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { KeyringJson } from '@polkadot/ui-keyring/types';
+import { contextBridge, ipcRenderer } from 'electron';
+
+contextBridge.exposeInMainWorld('ElectronMain', {
+  accountStore: {
+    all: () => ipcRenderer.invoke('account-store-all'),
+    get: (key: string) => ipcRenderer.invoke('account-store-get', key),
+    remove: (key: string) => ipcRenderer.invoke('account-store-remove', key),
+    set: (key: string, value: KeyringJson) => ipcRenderer.invoke('account-store-set', key, value)
+  }
+});

pioneer/packages/apps-electron/src/renderer/remote-electron-store.spec.ts

@@ -0,0 +1,90 @@
+// Copyright 2017-2020 @polkadot/apps authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { RemoteElectronStore } from './remote-electron-store';
+
+describe('Remote Electron Store', () => {
+  const accountStore = {
+    all: jest.fn(),
+    get: jest.fn(),
+    remove: jest.fn(),
+    set: jest.fn()
+  };
+  const remoteStore = new RemoteElectronStore(accountStore);
+
+  beforeEach(() => {
+    accountStore.all.mockClear();
+    accountStore.get.mockClear();
+    accountStore.remove.mockClear();
+    accountStore.set.mockClear();
+  });
+
+  describe('all', () => {
+    it('calls callback for each returned account', async () => {
+      accountStore.all.mockResolvedValue([{
+        key: 1,
+        value: 'a'
+      }, {
+        key: 2,
+        value: 'b'
+      }]);
+      const cb = jest.fn();
+
+      remoteStore.all(cb);
+      await Promise.resolve();
+
+      expect(cb).nthCalledWith(1, 1, 'a');
+      expect(cb).nthCalledWith(2, 2, 'b');
+    });
+  });
+
+  describe('get', () => {
+    it('calls callback with returned account', async () => {
+      accountStore.get.mockResolvedValue('a');
+      const cb = jest.fn();
+
+      remoteStore.get('1', cb);
+      await Promise.resolve();
+
+      expect(accountStore.get).toBeCalledWith('1');
+      expect(cb).toBeCalledWith('a');
+    });
+
+    it('calls callback with null if no accounts found', async () => {
+      accountStore.get.mockResolvedValue(null);
+      const cb = jest.fn();
+
+      remoteStore.get('1', cb);
+      await Promise.resolve();
+
+      expect(cb).toBeCalledWith(null);
+    });
+  });
+
+  describe('remove', () => {
+    it('calls callback after success', async () => {
+      accountStore.remove.mockResolvedValue(null);
+      const cb = jest.fn();
+
+      remoteStore.remove('1', cb);
+      await Promise.resolve();
+
+      expect(accountStore.remove).toBeCalledWith('1');
+      expect(cb).toBeCalledTimes(1);
+    });
+  });
+
+  describe('set', () => {
+    it('calls callback after success', async () => {
+      accountStore.set.mockResolvedValue(null);
+      const cb = jest.fn();
+
+      remoteStore.set('1', 'a' as any, cb);
+      await Promise.resolve();
+
+      expect(accountStore.set).toBeCalledWith('1', 'a');
+      expect(cb).toBeCalledTimes(1);
+    });
+  });
+});

pioneer/packages/apps-electron/src/renderer/remote-electron-store.ts

@@ -0,0 +1,41 @@
+// Copyright 2017-2020 @polkadot/apps authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { KeyringJson, KeyringStore } from '@polkadot/ui-keyring/types';
+import { AccountStoreApi } from '../api/account-store-api';
+
+export class RemoteElectronStore implements KeyringStore {
+  readonly #accountStore: AccountStoreApi;
+
+  constructor (accountStore: AccountStoreApi) {
+    this.#accountStore = accountStore;
+  }
+
+  all (cb: (key: string, value: KeyringJson) => void): void {
+    this.#accountStore.all()
+      .then((result: { key: string, value: KeyringJson }[]) => result?.forEach(({ key, value }) => cb(key, value)))
+      .catch((e: Error) => {
+        throw new Error(`error getting all accounts: ${e.message}`);
+      });
+  }
+
+  get (key: string, cb: (value: KeyringJson) => void): void {
+    this.#accountStore.get(key)
+      .then(cb).catch((e: Error) => {
+        throw new Error(`error storing account: ${e.message}`);
+      });
+  }
+
+  remove (key: string, cb: (() => void) | undefined): void {
+    this.#accountStore.remove(key).then(cb).catch((e: Error) => {
+      throw new Error(`error removing account: ${e.message}`);
+    });
+  }
+
+  set (key: string, value: KeyringJson, cb: (() => void) | undefined): void {
+    this.#accountStore.set(key, value).then(cb).catch((e: Error) => {
+      throw new Error(`error saving account: ${e.message}`);
+    });
+  }
+}

pioneer/packages/apps-electron/webpack.main.config.js

@@ -0,0 +1,55 @@
+// Copyright 2017-2020 @polkadot/apps authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+/* eslint-disable camelcase */
+
+const TerserPlugin = require('terser-webpack-plugin');
+const path = require('path');
+
+const ENV = process.env.NODE_ENV || 'production';
+const isProd = ENV === 'production';
+
+function createWebpack () {
+  return [
+    {
+      entry: {
+        electron: './src/electron',
+        preload: './src/preload.ts'
+      },
+      mode: ENV,
+      module: {
+        rules: [
+          {
+            exclude: /(node_modules)/,
+            test: /\.(js|ts|tsx)$/,
+            use: [
+              require.resolve('thread-loader'),
+              {
+                loader: require.resolve('babel-loader'),
+                options: require('@polkadot/dev/config/babel')
+              }
+            ]
+          }
+        ]
+      },
+      node: {
+        __dirname: false
+      },
+      optimization: {
+        minimize: !!isProd,
+        minimizer: [new TerserPlugin()]
+      },
+      output: {
+        filename: '[name].js',
+        path: path.join(__dirname, '/build')
+      },
+      resolve: {
+        extensions: ['.js', '.jsx', '.json', '.ts', '.tsx']
+      },
+      target: 'electron-main'
+    }
+  ];
+}
+
+module.exports = createWebpack();

pioneer/packages/apps-electron/webpack.renderer.config.js

@@ -0,0 +1,32 @@
+// Copyright 2017-2020 @polkadot/apps authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+/* eslint-disable camelcase */
+
+const path = require('path');
+const merge = require('webpack-merge');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const baseConfig = require('@polkadot/apps/webpack.base.config');
+
+const ENV = process.env.NODE_ENV || 'production';
+const isProd = ENV === 'production';
+const context = __dirname;
+
+module.exports = merge(
+  baseConfig(ENV, context),
+  {
+    devtool: isProd ? 'none' : 'source-map',
+    plugins: [
+      // It must be placed before HtmlWebpackPlugin
+      new CopyWebpackPlugin({ patterns: [{ from: '../apps/public' }] }),
+      new HtmlWebpackPlugin({
+        PAGE_TITLE: 'Polkadot/Substrate Portal',
+        inject: true,
+        template: path.join(context, '../apps/public/index.html')
+      })
+    ],
+    target: 'web'
+  }
+);

pioneer/packages/apps-routing/LICENSE

@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

pioneer/packages/apps-routing/README.md

@@ -0,0 +1,3 @@
+# @polkadot/apps-routing
+
+The routing config for the application

pioneer/packages/apps-routing/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "@polkadot/apps-routing",
+  "private": true,
+  "version": "0.51.1",
+  "main": "index.js",
+  "repository": "https://github.com/polkadot-js/apps.git",
+  "author": "Jaco Greeff <jacogr@gmail.com>",
+  "maintainers": [
+    "Jaco Greeff <jacogr@gmail.com>"
+  ],
+  "contributors": [],
+  "license": "Apache-2.0",
+  "dependencies": {
+    "@babel/runtime": "^7.10.5"
+  }
+}

pioneer/packages/apps-routing/src/accounts.ts

@@ -0,0 +1,20 @@
+// Copyright 2017-2020 @polkadot/apps-routing authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { Route } from './types';
+
+import Component, { useCounter } from '@polkadot/app-accounts';
+
+export default function create (t: <T = string> (key: string, text: string, options: { ns: string }) => T): Route {
+  return {
+    Component,
+    display: {
+      needsApi: []
+    },
+    icon: 'users',
+    name: 'accounts',
+    text: t<string>('nav.accounts', 'Accounts', { ns: 'apps-routing' }),
+    useCounter
+  };
+}

pioneer/packages/apps-routing/src/claims.ts

@@ -0,0 +1,23 @@
+// Copyright 2017-2020 @polkadot/apps-routing authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { Route } from './types';
+
+import Component, { useCounter } from '@polkadot/app-claims';
+
+export default function create (t: <T = string> (key: string, text: string, options: { ns: string }) => T): Route {
+  return {
+    Component,
+    display: {
+      needsAccounts: true,
+      needsApi: [
+        'query.claims.claims'
+      ]
+    },
+    icon: 'star',
+    name: 'claims',
+    text: t<string>('nav.claims', 'Claim Tokens', { ns: 'apps-routing' }),
+    useCounter
+  };
+}

pioneer/packages/apps-routing/src/contracts.ts

@@ -0,0 +1,22 @@
+// Copyright 2017-2020 @polkadot/apps-routing authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { Route } from './types';
+
+import Component from '@polkadot/app-contracts';
+
+export default function create (t: <T = string> (key: string, text: string, options: { ns: string }) => T): Route {
+  return {
+    Component,
+    display: {
+      needsAccounts: true,
+      needsApi: [
+        'tx.contracts.call'
+      ]
+    },
+    icon: 'compress',
+    name: 'contracts',
+    text: t<string>('nav.contracts', 'Contracts', { ns: 'apps-routing' })
+  };
+}

pioneer/packages/apps-routing/src/council.ts

@@ -0,0 +1,25 @@
+// Copyright 2017-2020 @polkadot/apps-routing authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { Route } from './types';
+
+import Component, { useCounter } from '@polkadot/app-council';
+
+export default function create (t: <T = string> (key: string, text: string, options: { ns: string }) => T): Route {
+  return {
+    Component,
+    display: {
+      needsApi: [
+        [
+          'query.electionsPhragmen.candidates',
+          'query.elections.candidates'
+        ]
+      ]
+    },
+    icon: 'building',
+    name: 'council',
+    text: t<string>('nav.council', 'Council', { ns: 'apps-routing' }),
+    useCounter
+  };
+}

pioneer/packages/apps-routing/src/dashboard.ts

@@ -0,0 +1,19 @@
+// Copyright 2017-2020 @polkadot/apps-routing authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { Route } from './types';
+
+import Component from '@polkadot/app-dashboard';
+
+export default function create (t: <T = string> (key: string, text: string, options: { ns: string }) => T): Route {
+  return {
+    Component,
+    display: {
+      isHidden: true
+    },
+    icon: 'th',
+    name: 'dashboard',
+    text: t<string>('nav.dashboard', 'Dashboard', { ns: 'apps-routing' })
+  };
+}

pioneer/packages/apps-routing/src/democracy.ts

@@ -0,0 +1,22 @@
+// Copyright 2017-2020 @polkadot/apps-routing authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { Route } from './types';
+
+import Component, { useCounter } from '@polkadot/app-democracy';
+
+export default function create (t: <T = string> (key: string, text: string, options: { ns: string }) => T): Route {
+  return {
+    Component,
+    display: {
+      needsApi: [
+        'tx.democracy.notePreimage'
+      ]
+    },
+    icon: 'calendar-check',
+    name: 'democracy',
+    text: t<string>('nav.democracy', 'Democracy', { ns: 'apps-routing' }),
+    useCounter
+  };
+}

pioneer/packages/apps-routing/src/explorer.ts

@@ -0,0 +1,19 @@
+// Copyright 2017-2020 @polkadot/apps-routing authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { Route } from './types';
+
+import Component from '@polkadot/app-explorer';
+
+export default function create (t: <T = string> (key: string, text: string, options: { ns: string }) => T): Route {
+  return {
+    Component,
+    display: {
+      needsApi: []
+    },
+    icon: 'braille',
+    name: 'explorer',
+    text: t<string>('nav.explorer', 'Explorer', { ns: 'apps-routing' })
+  };
+}

pioneer/packages/apps-routing/src/extrinsics.ts

@@ -0,0 +1,20 @@
+// Copyright 2017-2020 @polkadot/apps-routing authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { Route } from './types';
+
+import Component from '@polkadot/app-extrinsics';
+
+export default function create (t: <T = string> (key: string, text: string, options: { ns: string }) => T): Route {
+  return {
+    Component,
+    display: {
+      needsAccounts: true,
+      needsApi: []
+    },
+    icon: 'sync',
+    name: 'extrinsics',
+    text: t<string>('nav.extrinsics', 'Extrinsics', { ns: 'apps-routing' })
+  };
+}

pioneer/packages/apps-routing/src/generic-asset.ts

@@ -0,0 +1,23 @@
+// Copyright 2017-2020 @polkadot/apps-routing authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import { Route } from './types';
+
+import Component from '@polkadot/app-generic-asset';
+
+export default function create (t: <T = string> (key: string, text: string, options: { ns: string }) => T): Route {
+  return {
+    Component,
+    display: {
+      isHidden: false,
+      needsAccounts: true,
+      needsApi: [
+        'tx.genericAsset.transfer'
+      ]
+    },
+    icon: 'cubes',
+    name: 'generic-asset',
+    text: t<string>('nav.generic-asset', 'Generic asset', { ns: 'apps-routing' })
+  };
+}