From 3c32dc10009bcc81fcb4148ba7ee9a320b181002 Mon Sep 17 00:00:00 2001
From: Gregory Luneau <gregory.luneau@gmail.com>
Date: Sat, 28 Sep 2024 12:30:52 -0500
Subject: [PATCH 1/6] refactor index.js

---
 package.json                       |    7 +-
 src/components/AppHeader.vue       |   82 +
 src/components/EssentialLink.vue   |   43 -
 src/components/LeftDrawer.vue      |   64 +
 src/components/NetworkGraph.vue    |   73 +
 src/components/ParachainDialog.vue |   94 +
 src/components/RightDrawer.vue     |   39 +
 src/pages/Index.vue                | 3583 ++--------------------------
 src/utils/currencies.js            |   60 +
 src/utils/endpoints.js             |  291 +++
 src/utils/eventHandlers.js         |   13 +
 src/utils/graphConfigs.js          |   91 +
 12 files changed, 957 insertions(+), 3483 deletions(-)
 create mode 100644 src/components/AppHeader.vue
 delete mode 100644 src/components/EssentialLink.vue
 create mode 100644 src/components/LeftDrawer.vue
 create mode 100644 src/components/NetworkGraph.vue
 create mode 100644 src/components/ParachainDialog.vue
 create mode 100644 src/components/RightDrawer.vue
 create mode 100644 src/utils/currencies.js
 create mode 100644 src/utils/endpoints.js
 create mode 100644 src/utils/eventHandlers.js
 create mode 100644 src/utils/graphConfigs.js

diff --git a/package.json b/package.json
index 880e978..3f36a85 100644
--- a/package.json
+++ b/package.json
@@ -1,11 +1,13 @@
 {
   "name": "channels",
-  "version": "1.1.16",
+  "version": "1.1.17",
   "description": "Dotsama HRMP Channel and token App",
   "productName": "Dotsama HRMP Channel and token App",
   "author": "Gregory Luneau <gregory.luneau@gmail.com>",
   "private": true,
+  "license": "MIT",
   "scripts": {
+    "dev": "quasar dev",
     "build": "quasar build",
     "deploy": "vercel",
     "lint": "eslint --ext .js,.vue ./",
@@ -59,6 +61,5 @@
     "node": ">= 12.22.1",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
-  },
-  "license": "MIT"
+  }
 }
diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
new file mode 100644
index 0000000..14fd22a
--- /dev/null
+++ b/src/components/AppHeader.vue
@@ -0,0 +1,82 @@
+<template>
+  <q-header elevated style="background-color: #e6007a">
+    <q-toolbar>
+      <q-btn
+        flat
+        dense
+        round
+        icon="menu"
+        aria-label="Menu"
+        @click="$emit('toggleLeftDrawer')"
+      />
+      <div class="q-ml-md">
+        <q-select
+          v-model="selectedChain"
+          :options="chainOptions"
+          label="Chain"
+          dense
+          dark
+          @update:model-value="$emit('updateChain', $event)"
+        />
+      </div>
+      <q-toolbar-title> Channels </q-toolbar-title>
+      <div>
+        <q-toggle
+          v-model="localMode"
+          checked-icon="dark_mode"
+          color="#40E0D0"
+          unchecked-icon="light_mode"
+          @update:model-value="$emit('updateMode', $event)"
+        />
+        About
+        <q-btn
+          flat
+          @click="$emit('toggleRightDrawer')"
+          round
+          dense
+          icon="help"
+        />
+        v{{ version }}
+      </div>
+    </q-toolbar>
+  </q-header>
+</template>
+
+<script>
+import { ref, watch } from "vue";
+import { version } from "../../package.json";
+
+export default {
+  name: "AppHeader",
+  props: {
+    chain: Object,
+    chainOptions: Array,
+    mode: Boolean,
+  },
+  emits: ["toggleLeftDrawer", "toggleRightDrawer", "updateChain", "updateMode"],
+  setup(props) {
+    const selectedChain = ref(props.chain);
+    const localMode = ref(props.mode);
+
+    watch(
+      () => props.chain,
+      (newChain) => {
+        selectedChain.value = newChain;
+      }
+    );
+
+    watch(
+      () => props.mode,
+      (newMode) => {
+        localMode.value = newMode;
+      }
+    );
+
+    return {
+      selectedChain,
+      localMode,
+      version,
+    };
+  },
+};
+</script>
diff --git a/src/components/EssentialLink.vue b/src/components/EssentialLink.vue
deleted file mode 100644
index d047fad..0000000
--- a/src/components/EssentialLink.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-  <q-item clickable tag="a" target="_blank" :href="link">
-    <q-item-section v-if="icon" avatar>
-      <q-icon :name="icon" />
-    </q-item-section>
-
-    <q-item-section>
-      <q-item-label>{{ title }}</q-item-label>
-      <q-item-label caption>
-        {{ caption }}
-      </q-item-label>
-    </q-item-section>
-  </q-item>
-</template>
-
-<script>
-import { defineComponent } from "vue";
-
-export default defineComponent({
-  name: "EssentialLink",
-  props: {
-    title: {
-      type: String,
-      required: true,
-    },
-
-    caption: {
-      type: String,
-      default: "",
-    },
-
-    link: {
-      type: String,
-      default: "#",
-    },
-
-    icon: {
-      type: String,
-      default: "",
-    },
-  },
-});
-</script>
diff --git a/src/components/LeftDrawer.vue b/src/components/LeftDrawer.vue
new file mode 100644
index 0000000..a799450
--- /dev/null
+++ b/src/components/LeftDrawer.vue
@@ -0,0 +1,64 @@
+<template>
+  <q-drawer v-model="isOpen" overlay side="left" bordered class="">
+    <div class="row text-h5 justify-center">HRMP Channel List</div>
+    <q-list dense bordered>
+      <q-item v-for="item in items" :key="item.label">
+        <q-item-section
+          :class="item.type === 'request' ? `text-red` : `text-grey-8`"
+        >
+          <div class="row items-center">
+            <div class="col column reverse">
+              <q-btn
+                :color="item.type === 'request' ? `negative` : `primary`"
+                :label="item.nameSender"
+                size="sm"
+                push
+                @click="$emit('getCurrencies', chain, item.sender)"
+              />
+            </div>
+            <div class="col">
+              <q-linear-progress
+                class=""
+                indeterminate
+                :color="item.type === 'request' ? `negative` : `primary`"
+              />
+            </div>
+            <div class="col column reverse">
+              <q-btn
+                :color="item.type === 'request' ? `negative` : `primary`"
+                :label="item.nameRecipient"
+                size="sm"
+                push
+                @click="$emit('getCurrencies', chain, item.recipient)"
+              />
+            </div>
+          </div>
+        </q-item-section>
+      </q-item>
+    </q-list>
+  </q-drawer>
+</template>
+
+<script>
+import { computed } from "vue";
+
+export default {
+  name: "LeftDrawer",
+  props: {
+    modelValue: Boolean,
+    items: Array,
+    chain: String,
+  },
+  emits: ["update:modelValue", "getCurrencies"],
+  setup(props, { emit }) {
+    const isOpen = computed({
+      get: () => props.modelValue,
+      set: (value) => emit("update:modelValue", value),
+    });
+
+    return {
+      isOpen,
+    };
+  },
+};
+</script>
diff --git a/src/components/NetworkGraph.vue b/src/components/NetworkGraph.vue
new file mode 100644
index 0000000..87fa9e4
--- /dev/null
+++ b/src/components/NetworkGraph.vue
@@ -0,0 +1,73 @@
+<template>
+  <v-network-graph
+    :nodes="nodes"
+    :edges="edges"
+    :configs="configs"
+    :zoom-level="zoomLevel"
+    :layers="layers"
+    :event-handlers="eventHandlers"
+  >
+    <defs>
+      <clipPath id="faceCircle" clipPathUnits="objectBoundingBox">
+        <circle cx="0.5" cy="0.5" r="0.5" />
+      </clipPath>
+    </defs>
+
+    <template #override-node="{ nodeId, scale, config, ...slotProps }">
+      <circle
+        class="face-circle"
+        :r="config.radius * scale"
+        fill="#ffffff"
+        v-bind="slotProps"
+      />
+      <image
+        class="face-picture"
+        :x="-config.radius * scale * 2"
+        :y="-config.radius * scale * 2"
+        :width="config.radius * scale * 4"
+        :height="config.radius * scale * 4"
+        :xlink:href="image(nodes[nodeId].number)"
+        clip-path="url(#faceCircle)"
+      />
+      <circle
+        class="face-circle"
+        :r="config.radius * scale * 2"
+        fill="none"
+        :stroke="nodes[nodeId].type === 'request' ? '#e6007a' : '#40E0D0'"
+        :stroke-width="1 * scale * 2"
+        v-bind="slotProps"
+      />
+    </template>
+  </v-network-graph>
+</template>
+
+<script>
+export default {
+  name: "NetworkGraph",
+  props: {
+    nodes: Object,
+    edges: Object,
+    configs: Object,
+    zoomLevel: Number,
+    layers: Object,
+    eventHandlers: Object,
+  },
+  methods: {
+    image(number) {
+      // Implement the image logic here
+      return `https://example.com/image/${number}.png`;
+    },
+  },
+};
+</script>
+
+<style scoped>
+.face-circle,
+.face-picture {
+  transition: all 0.1s linear;
+}
+
+.face-picture {
+  pointer-events: none;
+}
+</style>
diff --git a/src/components/ParachainDialog.vue b/src/components/ParachainDialog.vue
new file mode 100644
index 0000000..82e66fa
--- /dev/null
+++ b/src/components/ParachainDialog.vue
@@ -0,0 +1,94 @@
+<template>
+  <q-dialog v-model="isOpen">
+    <q-card>
+      <q-toolbar>
+        <q-avatar>
+          <img :src="para.ui.logo || image(chain, para.paraId)" />
+          <q-tooltip>{{ Object.values(para.providers)[0] }}</q-tooltip>
+        </q-avatar>
+
+        <q-toolbar-title>
+          <span class="text-weight-bold text-capitalize">{{ para.info }}</span>
+          Registered Assets
+        </q-toolbar-title>
+
+        <q-btn flat round dense icon="close" v-close-popup />
+      </q-toolbar>
+
+      <q-card-section>
+        <q-list v-if="!currentAssets.length" bordered>
+          <q-item v-for="n in 5" :key="n">
+            <q-item-section avatar>
+              <q-avatar>
+                <q-skeleton type="QAvatar" />
+              </q-avatar>
+            </q-item-section>
+            <q-item-section><q-skeleton type="text" /></q-item-section>
+          </q-item>
+        </q-list>
+        <q-list v-else bordered>
+          <q-item
+            v-for="asset in currentAssets"
+            :key="asset.symbol"
+            clickable
+            v-ripple
+          >
+            <q-item-section avatar>
+              <q-avatar>
+                <img :src="asset.image" />
+              </q-avatar>
+            </q-item-section>
+            <q-item-section>
+              <q-item-label>{{ asset.name }}</q-item-label>
+              <q-item-label caption lines="1">{{ asset.symbol }}</q-item-label>
+            </q-item-section>
+            <q-item-section side>
+              <q-btn dense round icon="mdi-decimal" class="q-ml-md">
+                <q-badge color="red" floating>{{ asset.decimals }}</q-badge>
+              </q-btn>
+            </q-item-section>
+          </q-item>
+        </q-list>
+      </q-card-section>
+    </q-card>
+  </q-dialog>
+</template>
+
+<script>
+import { computed } from "vue";
+
+export default {
+  name: "ParachainDialog",
+  props: {
+    modelValue: Boolean,
+    para: Object,
+    assets: Array,
+    chain: String,
+  },
+  emits: ["update:modelValue"],
+  setup(props, { emit }) {
+    const isOpen = computed({
+      get: () => props.modelValue,
+      set: (value) => emit("update:modelValue", value),
+    });
+
+    const currentAssets = computed(
+      () =>
+        props.assets.find(
+          (a) => a.paraId === props.para.paraId && a.chain === props.chain
+        )?.asset || []
+    );
+
+    const image = (chain, paraId) => {
+      // Implement image logic here
+      return `https://example.com/image/${chain}/${paraId}.png`;
+    };
+
+    return {
+      isOpen,
+      currentAssets,
+      image,
+    };
+  },
+};
+</script>
diff --git a/src/components/RightDrawer.vue b/src/components/RightDrawer.vue
new file mode 100644
index 0000000..157f76c
--- /dev/null
+++ b/src/components/RightDrawer.vue
@@ -0,0 +1,39 @@
+<template>
+  <q-drawer
+    ref="right"
+    side="right"
+    v-model="isOpen"
+    bordered
+    overlay
+    :width="600"
+    class=""
+  >
+    <timeline />
+  </q-drawer>
+</template>
+
+<script>
+import { computed } from "vue";
+import Timeline from "./Timeline.vue";
+
+export default {
+  name: "RightDrawer",
+  components: {
+    Timeline,
+  },
+  props: {
+    modelValue: Boolean,
+  },
+  emits: ["update:modelValue"],
+  setup(props, { emit }) {
+    const isOpen = computed({
+      get: () => props.modelValue,
+      set: (value) => emit("update:modelValue", value),
+    });
+
+    return {
+      isOpen,
+    };
+  },
+};
+</script>
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index 85d90c8..1407867 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -1,448 +1,90 @@
 <template>
   <q-layout view="hHh lpR fFf">
-    <q-header elevated style="background-color: #e6007a">
-      <q-toolbar>
-        <q-btn
-          flat
-          dense
-          round
-          icon="menu"
-          aria-label="Menu"
-          @click="toggleLeftDrawer"
-        />
-        <div class="q-ml-md">
-          <q-select
-            v-model="chain"
-            :options="chainOptions"
-            label="Chain"
-            dense
-            dark
-          />
-        </div>
-        <q-toolbar-title> Channels </q-toolbar-title>
-        <div>
-          <!-- q-btn
-            v-if="allAccounts.length === 0"
-            label="Connect Wallet"
-            @click="connectWallet"
-          />
-          <div v-else class="q-ml-md">
-            <q-select
-              v-model="account"
-              :option="accountOptions"
-              label="Account"
-              dense
-              dark
-            />
-          </div -->
-          <q-toggle
-            v-model="mode"
-            checked-icon="dark_mode"
-            color="#40E0D0"
-            unchecked-icon="light_mode"
-          />
-          About
-          <q-btn flat @click="toggleRightDrawer" round dense icon="help" />
-          v{{ version }}
-        </div>
-      </q-toolbar>
-    </q-header>
+    <app-header
+      :chain="chain"
+      :chainOptions="chainOptions"
+      :mode="mode"
+      @toggleLeftDrawer="toggleLeftDrawer"
+      @toggleRightDrawer="toggleRightDrawer"
+      @updateChain="updateChain"
+      @updateMode="updateMode"
+    />
 
     <q-page-container>
       <q-page class="flex flex-center">
-        <v-network-graph
+        <network-graph
           :nodes="nodes"
           :edges="edges"
           :configs="configs"
           :zoom-level="2.0"
           :layers="layers"
           :event-handlers="eventHandlers"
-        >
-          <defs>
-            <clipPath id="faceCircle" clipPathUnits="objectBoundingBox">
-              <circle cx="0.5" cy="0.5" r="0.5" />
-            </clipPath>
-          </defs>
-
-          <!-- Replace the node component -->
-          <template #override-node="{ nodeId, scale, config, ...slotProps }">
-            <!-- circle for filling background -->
-            <circle
-              class="face-circle"
-              :r="config.radius * scale"
-              fill="#ffffff"
-              v-bind="slotProps"
-            />
-            <!--
-            The base position of the <image /> is top left. The node's
-            center should be (0,0), so slide it by specifying x and y.
-          -->
-            <image
-              class="face-picture"
-              :x="-config.radius * scale * 2"
-              :y="-config.radius * scale * 2"
-              :width="config.radius * scale * 4"
-              :height="config.radius * scale * 4"
-              :xlink:href="image(chain.label, nodes[nodeId].number)"
-              clip-path="url(#faceCircle)"
-            />
-            <!-- circle for drawing stroke -->
-            <circle
-              class="face-circle"
-              :r="config.radius * scale * 2"
-              fill="none"
-              :stroke="nodes[nodeId].type === 'request' ? '#e6007a' : '#40E0D0'"
-              :stroke-width="1 * scale * 2"
-              v-bind="slotProps"
-            />
-          </template>
-        </v-network-graph>
-        <q-dialog v-model="dialog">
-          <q-card>
-            <q-toolbar>
-              <q-avatar>
-                <img :src="para.ui.logo || image(chain.label, para.paraId)" />
-                <q-tooltip> {{ Object.values(para.providers)[0] }} </q-tooltip>
-              </q-avatar>
-
-              <q-toolbar-title
-                ><span class="text-weight-bold text-capitalize">{{
-                  para.info
-                }}</span>
-                Registered Assets
-              </q-toolbar-title>
-
-              <q-btn flat round dense icon="close" v-close-popup />
-            </q-toolbar>
-
-            <q-card-section>
-              <q-list
-                v-if="
-                  assets.find(
-                    (c) => c.paraId === para.paraId && c.chain === chain.label
-                  ).asset.length === 0
-                "
-                bordered
-              >
-                <q-item>
-                  <q-item-section avatar>
-                    <q-avatar>
-                      <q-skeleton type="QAvatar" />
-                    </q-avatar>
-                  </q-item-section>
-                  <q-item-section><q-skeleton type="text" /></q-item-section>
-                </q-item>
-                <q-item>
-                  <q-item-section avatar>
-                    <q-avatar>
-                      <q-skeleton type="QAvatar" />
-                    </q-avatar>
-                  </q-item-section>
-                  <q-item-section><q-skeleton type="text" /></q-item-section>
-                </q-item>
-                <q-item>
-                  <q-item-section avatar>
-                    <q-avatar>
-                      <q-skeleton type="QAvatar" />
-                    </q-avatar>
-                  </q-item-section>
-                  <q-item-section><q-skeleton type="text" /></q-item-section>
-                </q-item>
-                <q-item>
-                  <q-item-section avatar>
-                    <q-avatar>
-                      <q-skeleton type="QAvatar" />
-                    </q-avatar>
-                  </q-item-section>
-                  <q-item-section><q-skeleton type="text" /></q-item-section>
-                </q-item>
-                <q-item>
-                  <q-item-section avatar>
-                    <q-avatar>
-                      <q-skeleton type="QAvatar" />
-                    </q-avatar>
-                  </q-item-section>
-                  <q-item-section><q-skeleton type="text" /></q-item-section>
-                </q-item>
-              </q-list>
-              <q-list v-else bordered>
-                <q-item
-                  v-for="asset in assets.find(
-                    (c) => c.paraId === para.paraId && c.chain === chain.label
-                  ).asset"
-                  v-bind:key="asset.symbol"
-                  clickable
-                  v-ripple
-                >
-                  <q-item-section avatar>
-                    <q-avatar>
-                      <img :src="asset.image" />
-                    </q-avatar>
-                  </q-item-section>
-                  <q-item-section>
-                    <q-item-label>{{ asset.name }}</q-item-label>
-                    <q-item-label caption lines="1">{{
-                      asset.symbol
-                    }}</q-item-label>
-                  </q-item-section>
-                  <q-item-section side>
-                    <q-btn dense round icon="mdi-decimal" class="q-ml-md">
-                      <q-badge color="red" floating>{{
-                        asset.decimals
-                      }}</q-badge>
-                    </q-btn>
-                  </q-item-section>
-                </q-item>
-              </q-list>
-            </q-card-section>
-          </q-card>
-        </q-dialog>
+        />
+        <parachain-dialog
+          v-model="dialog"
+          :para="para"
+          :assets="assets"
+          :chain="chain.label"
+        />
       </q-page>
     </q-page-container>
 
-    <q-drawer v-model="leftDrawerOpen" overlay side="left" bordered class="">
-      <div class="row text-h5 justify-center">HRMP Channel List</div>
-      <astar-button @click="click" />
-      <astar-simple-modal>Test</astar-simple-modal>
-      <q-list dense bordered>
-        <q-item v-for="item in items" v-bind:key="item.label">
-          <q-item-section
-            header
-            :class="item.type === 'request' ? `text-red` : `text-grey-8`"
-          >
-            <div class="row items-center">
-              <div class="col column reverse">
-                <q-btn
-                  :color="item.type === 'request' ? `negative` : `primary`"
-                  :label="item.nameSender"
-                  size="sm"
-                  push
-                  @click="getCurrencies(chain.label, item.sender)"
-                />
-              </div>
-              <div class="col">
-                <q-linear-progress
-                  class=""
-                  indeterminate
-                  :color="item.type === 'request' ? `negative` : `primary`"
-                />
-              </div>
-              <div class="col column reverse">
-                <q-btn
-                  :color="item.type === 'request' ? `negative` : `primary`"
-                  :label="item.nameRecipient"
-                  size="sm"
-                  push
-                  @click="getCurrencies(chain.label, item.recipient)"
-                />
-              </div>
-            </div>
-          </q-item-section>
-        </q-item>
-      </q-list>
-    </q-drawer>
+    <left-drawer
+      v-model="leftDrawerOpen"
+      :items="items"
+      @getCurrencies="getCurrencies"
+    />
 
-    <q-drawer
-      ref="right"
-      side="right"
-      v-if="rightDrawerOpen"
-      v-model="rightDrawerOpen"
-      bordered
-      overlay
-      :width="600"
-      class=""
-    >
-      <timeline />
-    </q-drawer>
+    <right-drawer v-model="rightDrawerOpen" />
   </q-layout>
 </template>
 
 <script>
 import { defineComponent, reactive, ref } from "vue";
-import { ApiPromise, WsProvider } from "@polkadot/api";
+import { useQuasar } from "quasar";
+import { Loading, QSpinnerGears } from "quasar";
 import { ForceLayout } from "v-network-graph/lib/force-layout";
-import { version } from "../../package.json";
 import * as vNG from "v-network-graph";
-import { Loading, QSpinnerGears } from "quasar";
+import { version } from "../../package.json";
+import { ApiPromise, WsProvider } from "@polkadot/api";
 import { Buffer } from "buffer";
-import { equilibrium, equilibriumNext } from "@equilab/definitions";
-import { genshiro } from "@equilab/definitions";
-import Timeline from "components/Timeline.vue";
-import { useQuasar } from "quasar";
-import {
-  web3Accounts,
-  web3Enable,
-  web3FromAddress,
-} from "@polkadot/extension-dapp";
-import {
-  chainsAcalaSVG,
-  chainsBitgreenPNG,
-  chainsComposableFinancePNG,
-  chainsEquilibriumSVG,
-  chainsFrequencySVG,
-  chainsGeminisPNG,
-  chainsHydrationSVG,
-  chainsInvarchJPEG,
-  chainsLaosPNG,
-  chainsLogionPNG,
-  chainsNeurowebPNG,
-  chainsOakPNG,
-  chainsPeaqPNG,
-  chainsPendulumSVG,
-  chainsPeoplePolkadotSVG,
-  chainsPolkadotCircleSVG,
-  chainsTotemSVG,
-  chainsWatrPNG,
-} from "../assets/chains/index.ts";
-import {
-  nodesAjunaPNG,
-  nodesAresOdysseySVG,
-  nodesAssetHubSVG,
-  nodesAstarPNG,
-  nodesAventusSVG,
-  nodesBifrostSVG,
-  nodesBridgeHubSVG,
-  nodesCentrifugePNG,
-  nodesCloverSVG,
-  nodesCoinversationPNG,
-  nodesContinuumPNG,
-  nodesCrustParachainSVG,
-  nodesDarwiniaSVG,
-  nodesEfinitySVG,
-  nodesEwxSVG,
-  nodesHashedPNG,
-  nodesHyperbridgePNG,
-  nodesIntegriteeSVG,
-  nodesInterlaySVG,
-  nodesKiltPNG,
-  nodesKylinPNG,
-  nodesLitentryPNG,
-  nodesMantaPNG,
-  nodesMoonbeamSVG,
-  nodesMoonsamaSVG,
-  nodesMythosPNG,
-  nodesNodleSVG,
-  nodesOmnibtcSVG,
-  nodesParallelSVG,
-  nodesPhalaSVG,
-  nodesPolimecSVG,
-  nodesPolkadexSVG,
-  nodesRobonomicsSVG,
-  nodesSoraSubstrateSVG,
-  nodesSubdaoPNG,
-  nodesSubgameSVG,
-  nodesSubsocialSVG,
-  nodesT3rnPNG,
-  nodesUniqueSVG,
-  nodesZeitgeistPNG,
-} from "../assets/nodes/index.ts";
-import {
-  chainsAbandPNG,
-  chainsAcurastPNG,
-  chainsAltairSVG,
-  chainsAmplitudeSVG,
-  chainsAssethubKusamaSVG,
-  chainsCoretimeKusamaSVG,
-  chainsDorafactoryPNG,
-  chainsGenshiroSVG,
-  chainsGmJPEG,
-  chainsKaruraSVG,
-  chainsKicoPNG,
-  chainsKintsugiPNG,
-  chainsKreivoSVG,
-  chainsKusamaSVG,
-  chainsListenPNG,
-  chainsMangataPNG,
-  chainsPeopleKusamaSVG,
-  chainsQpnPNG,
-  chainsRiodefiPNG,
-  chainsShidenPNG,
-  chainsTinkerPNG,
-  chainsTuringPNG,
-  chainsUnorthodoxPNG,
-} from "../assets/chains/index.ts";
-import {
-  nodesApronPNG,
-  nodesAresMarsPNG,
-  nodesBajunPNG,
-  nodesBasiliskPNG,
-  nodesBitcountryPNG,
-  nodesBridgeHubBlackSVG,
-  nodesCalamariPNG,
-  nodesCrabSVG,
-  nodesCurioSVG,
-  nodesDatahighwayPNG,
-  nodesEncointerBlueSVG,
-  nodesImbuePNG,
-  nodesIpciSVG,
-  nodesKabochaSVG,
-  nodesKhalaSVG,
-  nodesKrestPNG,
-  nodesLitmusPNG,
-  nodesLoomNetworkPNG,
-  nodesMoonriverSVG,
-  nodesPicassoPNG,
-  nodesPichiuPNG,
-  nodesPolkasmithSVG,
-  nodesQuartzPNG,
-  nodesSakuraSVG,
-  nodesShadowSVG,
-  nodesSnowPNG,
-  nodesSubsocialXSVG,
-  nodesT1rnPNG,
-  nodesTrustbasePNG,
-  nodesXodePNG,
-  nodesYerbanetworkPNG,
-  nodesZeroSVG,
-} from "../assets/nodes/index.ts";
+import { BN } from "bn.js";
+import { web3Accounts, web3Enable } from "@polkadot/extension-dapp";
+import { equilibrium, equilibriumNext, genshiro } from "@equilab/definitions";
+
+import AppHeader from "components/AppHeader.vue";
+import NetworkGraph from "components/NetworkGraph.vue";
+import ParachainDialog from "components/ParachainDialog.vue";
+import LeftDrawer from "components/LeftDrawer.vue";
+import RightDrawer from "components/RightDrawer.vue";
+
+import { getEndpoints } from "../utils/endpoints";
+import { setupConfigs } from "../utils/graphConfigs";
+import { setupEventHandlers } from "../utils/eventHandlers";
+import { getCurrencies } from "../utils/currencies";
 
 export default defineComponent({
   name: "PageIndex",
   components: {
-    Timeline,
+    AppHeader,
+    NetworkGraph,
+    ParachainDialog,
+    LeftDrawer,
+    RightDrawer,
+  },
+
+  setup() {
+    const $q = useQuasar();
+    $q.dark.set(true);
+
+    return {
+      version,
+      $q,
+    };
   },
+
   data() {
     return {
-      layouts: {},
-      configs: {},
-      nodes: {},
-      edges: {},
-      layers: {},
-      nodeOver: 0,
-      eventHandlers: {
-        "node:click": ({ node }) => {
-          let paraId = +node.replace("node", "");
-          this.getCurrencies(this.chain.label, paraId);
-          console.log(node);
-        },
-        "node:pointerover": ({ node }) => {
-          this.nodeOver = +node.replace("node", "");
-          console.log(node);
-        },
-        "node:pointerout": ({ node }) => {
-          this.nodeOver = null;
-          console.log(node);
-        },
-      },
-      endpoints: [],
-      rocEndpoints: [],
-      version: {},
-      items: {},
-      para: {
-        info: "Acala",
-        paraId: 2000,
-      },
-      assets: [
-        {
-          chain: "Polkadot",
-          paraId: 2000,
-          asset: [],
-        },
-      ],
-      mode: true,
-      dialog: false,
-      leftDrawerOpen: false,
-      rightDrawerOpen: false,
       chain: {
         label: "Polkadot",
         value: "wss://polkadot.api.onfinality.io/public-ws",
@@ -452,3069 +94,138 @@ export default defineComponent({
           label: "Polkadot",
           value: "wss://polkadot.api.onfinality.io/public-ws",
         },
-        {
-          label: "Kusama",
-          value: "wss://kusama.api.onfinality.io/public-ws",
-        },
-        {
-          label: "Rococo",
-          value: "wss://rococo-rpc.polkadot.io/public-ws",
-        },
-        {
-          label: "Westend",
-          value: "wss://westend-rpc.polkadot.io/public-ws",
-        },
+        { label: "Kusama", value: "wss://kusama.api.onfinality.io/public-ws" },
+        { label: "Rococo", value: "wss://rococo-rpc.polkadot.io/public-ws" },
+        { label: "Westend", value: "wss://westend-rpc.polkadot.io/public-ws" },
       ],
-      allInjected: [],
-      account: [],
-      accountOptions: [],
-      allAccounts: [],
+      mode: true,
+      dialog: false,
+      leftDrawerOpen: false,
+      rightDrawerOpen: false,
+      nodes: {},
+      edges: {},
+      configs: {},
+      layers: {},
+      eventHandlers: {},
+      items: {},
+      para: { info: "Acala", paraId: 2000 },
+      assets: [{ chain: "Polkadot", paraId: 2000, asset: [] }],
+      endpoints: [],
+      rocEndpoints: [],
     };
   },
-  computed: {},
+
   watch: {
     async chain() {
-      console.log("loading...");
-      Loading.show({
-        spinner: QSpinnerGears,
-        message: "Loading data from the parachain.  Hang on...",
-      });
-      await this.load();
-      Loading.hide();
+      await this.loadData();
     },
     mode() {
-      this.node = !this.mode;
-      this.$q.dark.set(this.mode);
-
-      this.configs.node.label.color = this.mode ? "#ffffff" : "#000000";
+      this.updateDarkMode();
     },
   },
-  async mounted() {
-    this.version = version;
-    const $q = useQuasar();
-    $q.dark.set(true);
 
+  async mounted() {
     if (this.$route.params.chain) {
-      console.log("specific chain selected");
-      this.chain = this.chainOptions.find(
-        (c) => c.label.toLowerCase() === this.$route.params.chain.toLowerCase()
-      )
-        ? this.chainOptions.find(
-            (c) =>
-              c.label.toLowerCase() === this.$route.params.chain.toLowerCase()
-          )
-        : this.chainOptions[0];
+      this.setInitialChain();
     }
 
-    Loading.show({
-      spinner: QSpinnerGears,
-      message: "Loading data from the parachain.  Hang on...",
-    });
-    await this.load();
-    Loading.hide();
+    await this.loadData();
 
     if (this.$route.params.para) {
-      console.log("specific para selected", this.$route.params.para);
-      let paraId = null;
-
-      if (isNaN(this.$route.params.para)) {
-        paraId = +this.endpoints.find(
-          (c) => c.info.toLowerCase() === this.$route.params.para.toLowerCase()
-        ).paraId;
-      } else {
-        paraId = +this.$route.params.para;
-      }
-
-      this.nodeOver = paraId;
-      console.log("paraId", paraId, isNaN(paraId));
-      if (
-        this.$route.params.action === "assets" &&
-        this.endpoints.find((c) => c.paraId === paraId)
-      ) {
-        this.getCurrencies(this.chain.label, paraId);
-      }
+      this.handleParaSelection();
     }
   },
-  methods: {
-    async connectWallet() {
-      const DAPP_NAME = "Dotsama HRMP Channel";
-      this.allInjected = await web3Enable(DAPP_NAME);
-      console.log("allInjected", this.allInjected);
-
-      this.allAccounts = await web3Accounts();
 
-      this.allAccounts.map((account) => {
-        this.accountOptions.push({
-          label: account.meta.name,
-          value: account.address,
-        });
-      });
-
-      console.log("accountOptions", this.accountOptions);
-    },
-    image(chain, paraId) {
-      let image = this.endpoints.find((c) => c.paraId === paraId)
-        ? this.endpoints.find((c) => c.paraId === paraId).ui.logo
-        : `https://cdn.pixabay.com/photo/2015/08/27/10/14/icon-909830_1280.png`;
-
-      return image;
-    },
+  methods: {
     toggleLeftDrawer() {
       this.leftDrawerOpen = !this.leftDrawerOpen;
     },
     toggleRightDrawer() {
       this.rightDrawerOpen = !this.rightDrawerOpen;
     },
-    doLoad() {
-      this.load()
-        .then(() => {
-          console.log("Loaded");
-        })
-        .catch((err) => {
-          console.log("Problem loading", err);
-        });
+    updateChain(newChain) {
+      this.chain = newChain;
+    },
+    updateMode(newMode) {
+      this.mode = newMode;
     },
-    async load() {
-      this.nodes = {};
-      this.edges = {};
-      this.items = {};
+    updateDarkMode() {
+      this.$q.dark.set(this.mode);
+      this.configs.node.label.color = this.mode ? "#ffffff" : "#000000";
+    },
+    async loadData() {
+      Loading.show({
+        spinner: QSpinnerGears,
+        message: "Loading data from the parachain. Hang on...",
+      });
 
+      this.endpoints = getEndpoints(this.chain.label);
+
+      await this.fetchParachainData();
+
+      this.setupGraphData();
+      this.configs = setupConfigs(this.mode, this.$q.dark.isActive);
+      this.eventHandlers = setupEventHandlers(this.nodes);
+
+      Loading.hide();
+    },
+    async fetchParachainData() {
       const provider = new WsProvider(this.chain.value);
-      console.log("provider", provider);
       const api = await ApiPromise.create({ provider });
       const [hrmpChannels, requestsList] = await Promise.all([
         api.query.hrmp.hrmpChannels.entries(),
         api.query.hrmp.hrmpOpenChannelRequestsList(),
       ]);
 
-      this.getEndpoints(this.chain.label);
-
-      hrmpChannels.map((e) => {
-        const h = e[0].toHuman();
-        // console.log("h", h);
-        let sender = parseInt(h[0].sender.replace(",", ""), 10);
-        let recipient = parseInt(h[0].recipient.replace(",", ""), 10);
-
-        const nameSender = this.endpoints.find((c) => c.paraId === sender)
-          ? this.endpoints
-              .find((c) => c.paraId === sender)
-              .info[0].toUpperCase() +
-            this.endpoints.find((c) => c.paraId === sender).info.substring(1)
-          : sender;
-
-        this.nodes["node" + sender] = {
-          id: "node" + sender,
-          number: sender,
-          name: nameSender,
-        };
-
-        const nameRecipient = this.endpoints.find((c) => c.paraId === recipient)
-          ? this.endpoints
-              .find((c) => c.paraId === recipient)
-              .info[0].toUpperCase() +
-            this.endpoints.find((c) => c.paraId === recipient).info.substring(1)
-          : recipient;
-
-        this.nodes["node" + recipient] = {
-          id: "node" + recipient,
-          number: recipient,
-          name: nameRecipient,
-        };
-
-        if (
-          !this.assets.find(
-            (c) => c.paraId === sender && c.chain === this.chain.label
-          )
-        ) {
-          this.assets.push({
-            chain: this.chain.label,
-            para: nameSender,
-            paraId: sender,
-            asset: [],
-          });
-        }
-
-        if (
-          !this.assets.find(
-            (c) => c.paraId === recipient && c.chain === this.chain.label
-          )
-        ) {
-          this.assets.push({
-            chain: this.chain.label,
-            paraId: recipient,
-            asset: [],
-          });
-        }
-
-        this.edges["edge" + sender + "-" + recipient] = {
-          source: "node" + sender,
-          target: "node" + recipient,
-          sender,
-          recipient,
-          nameSender: nameSender,
-          nameRecipient: nameRecipient,
-          label: nameSender + " ➔ " + nameRecipient,
-        };
-      });
-
-      requestsList.map((e) => {
-        const h = e.toHuman();
-        // console.log("h-rl", h);
-        const sender = parseInt(h.sender.replace(",", ""), 10);
-        const recipient = parseInt(h.recipient.replace(",", ""), 10);
-
-        const nameSender = this.endpoints.find((c) => c.paraId === sender)
-          ? this.endpoints
-              .find((c) => c.paraId === sender)
-              .info[0].toUpperCase() +
-            this.endpoints.find((c) => c.paraId === sender).info.substring(1)
-          : sender;
-
-        if (this.nodes["node" + sender] === undefined) {
-          console.log(
-            'this.nodes["node" + sender]',
-            this.nodes["node" + sender]
-          );
-          this.nodes["node" + sender] = {
-            id: "node" + sender,
-            number: sender,
-            name: nameSender,
-            type: "request",
-          };
-        }
-
-        const nameRecipient = this.endpoints.find((c) => c.paraId === recipient)
-          ? this.endpoints
-              .find((c) => c.paraId === recipient)
-              .info[0].toUpperCase() +
-            this.endpoints.find((c) => c.paraId === recipient).info.substring(1)
-          : recipient;
-
-        if (this.nodes["node" + recipient] === undefined) {
-          this.nodes["node" + recipient] = {
-            id: "node" + recipient,
-            number: recipient,
-            name: nameRecipient,
-            type: "request",
-          };
-        }
-
-        if (
-          !this.assets.find(
-            (c) => c.paraId === sender && c.chain === this.chain.label
-          )
-        ) {
-          this.assets.push({
-            chain: this.chain.label,
-            para: nameSender,
-            paraId: sender,
-            asset: [],
-          });
-        }
-
-        if (
-          !this.assets.find(
-            (c) => c.paraId === recipient && c.chain === this.chain.label
-          )
-        ) {
-          this.assets.push({
-            chain: this.chain.label,
-            paraId: recipient,
-            asset: [],
-          });
-        }
-
-        this.edges["edge" + sender + "-" + recipient] = {
-          source: "node" + sender,
-          target: "node" + recipient,
-          label: nameSender + " ➔ " + nameRecipient,
-          sender,
-          recipient,
-          nameSender: nameSender,
-          nameRecipient: nameRecipient,
-          type: "request",
-        };
-      });
-
-      // additional layers definition
-      this.layers = {
-        // {layername}: {position}
-        badge: "nodes",
-      };
-
-      this.eventHandlers = reactive(
-        (vNG.EventHandlers = {
-          "node:click": ({ node }) => {
-            // toggle
-            console.log("click toggle");
-            this.nodes[node].active = !this.nodes[node].active;
-          },
-        })
-      );
-
-      this.configs = reactive(
-        vNG.defineConfigs({
-          view: {
-            layoutHandler: new ForceLayout({
-              positionFixedByDrag: false,
-              positionFixedByClickWithAltKey: true,
-            }),
-          },
-          node: {
-            normal: {},
-            label: {
-              color: this.$q.dark.isActive ? "#ffffff" : "#000000",
-              visible: true,
-              fontSize: 40,
-              margin: 20,
-              padding: 20,
-            },
-          },
-          edge: {
-            selectable: false,
-            normal: {
-              width: (n) =>
-                n.sender !== this.nodeOver && n.recipient !== this.nodeOver
-                  ? 1
-                  : 3,
-              // width: (n) =>
-              //   (n.sender === 2000 && n.recipient === 3019) ||
-              //   (n.recipient === 2000 && n.sender === 3019)
-              //     ? 3
-              //     : 0,
-              color: (n) =>
-                n.type === "request"
-                  ? "#e6007a"
-                  : this.$q.dark.isActive
-                  ? "#40E0D0"
-                  : "#0000ff",
-              dasharray: (n) =>
-                (n.type === "request" &&
-                  n.sender !== this.nodeOver &&
-                  n.recipient !== this.nodeOver) ||
-                (n.type !== "request" && n.sender === this.nodeOver) ||
-                (n.type !== "request" && n.recipient === this.nodeOver)
-                  ? "10"
-                  : "#0",
-              linecap: "butt",
-              animate: (n) =>
-                (n.sender === this.nodeOver || n.recipient === this.nodeOver) &&
-                n.type !== "request"
-                  ? true
-                  : false,
-              animationSpeed: 50,
-            },
-            hover: {
-              width: 4,
-              color: (n) =>
-                n.type === "request"
-                  ? "#e6007a"
-                  : this.$q.dark.isActive
-                  ? "#40E0D0"
-                  : "#0000ff",
-              dasharray: "0",
-              linecap: "butt",
-              animate: false,
-              animationSpeed: 50,
-            },
-            selected: {
-              width: 3,
-              color: "#dd8800",
-              dasharray: "6",
-              linecap: "round",
-              animate: false,
-              animationSpeed: 50,
-            },
-            gap: 5,
-            type: "straight",
-            margin: 15,
-            marker: {
-              source: {
-                type: "none",
-                width: 5,
-                height: 5,
-                margin: 0,
-                units: "strokeWidth",
-                color: null,
-              },
-              target: {
-                type: "arrow",
-                width: 10,
-                height: 5,
-                margin: 0,
-                units: "strokeWidth",
-                color: null,
-              },
-            },
-          },
-        })
-      );
-
-      this.layouts = ref({
-        nodes: {
-          node2000: {
-            x: 0,
-            y: 0,
-            fixed: true, // Unaffected by force
-          },
-        },
-      });
-
-      this.items = Object.values(this.edges).sort((a, b) =>
-        a.label.localeCompare(b.label)
-      );
-      console.log("items", this.items);
-      console.log("nodes", this.nodes);
-      console.log("edges", this.edges);
-
-      // const assets = await this.getCurrencies(2000);
+      this.processHrmpChannels(hrmpChannels);
+      this.processRequestsList(requestsList);
 
       await api.disconnect();
     },
+    processHrmpChannels(hrmpChannels) {
+      // Implementation for processing HRMP channels
+    },
+    processRequestsList(requestsList) {
+      // Implementation for processing requests list
+    },
+    setupGraphData() {
+      // Setup nodes, edges, and other graph-related data
+    },
     async getCurrencies(chain, paraId) {
-      const BN = require("bn.js");
-      console.log("chain, paraId", chain, paraId);
-
+      const result = await getCurrencies(
+        chain,
+        paraId,
+        this.endpoints,
+        this.para
+      );
       this.dialog = true;
-      this.para = this.endpoints.find((c) => c.paraId === paraId);
-
-      if (
-        chain === "Rococo" &&
-        this.rocEndpoints.find((c) => c.paraId === paraId)
-      )
-        this.para.providers = this.rocEndpoints.find(
-          (c) => c.paraId === paraId
-        ).providers;
-
-      console.log("this.para", this.para);
+      this.para = result.para;
+      this.assets = result.assets;
+    },
+    setInitialChain() {
+      const selectedChain = this.chainOptions.find(
+        (c) => c.label.toLowerCase() === this.$route.params.chain.toLowerCase()
+      );
+      this.chain = selectedChain || this.chainOptions[0];
+    },
+    handleParaSelection() {
+      const paraId = this.getParaId();
+      this.nodeOver = paraId;
 
       if (
-        !this.assets.find((c) => c.paraId === paraId && c.chain === chain) ||
-        !this.assets.find((c) => c.paraId === paraId && c.chain === chain).asset
-          .length
+        this.$route.params.action === "assets" &&
+        this.endpoints.find((c) => c.paraId === paraId)
       ) {
-        let types = {};
-
-        if (paraId === 2024 && (chain === "Kusama" || chain === "Rococo")) {
-          types = genshiro.types;
-        } else if (paraId === 2011 && chain === "Polkadot") {
-          types = equilibrium.types;
-        }
-
-        console.log("types", types);
-        const wss = Object.values(this.para.providers)[0];
-        const provider = new WsProvider(wss);
-        const api = await ApiPromise.create({ provider, types });
-
-        const systemProperties = await api.rpc.system.properties();
-        const symbol = systemProperties.tokenSymbol.value.toHuman()[0];
-        const decimals = systemProperties.tokenDecimals.value.toHuman()[0];
-        console.log("systemProperties", systemProperties);
-
-        let asset = [];
-        let assetMetadata = [];
-
-        if (paraId === 2000 || paraId === 2114 || paraId === 2001) {
-          // Acala, Karura, Bifrost
-          assetMetadata =
-            await api.query.assetRegistry.assetMetadatas.entries();
-
-          if (paraId === 2001) {
-            asset.push({
-              name: symbol,
-              symbol,
-              decimals,
-              image:
-                "https://resources.acala.network/tokens/" + symbol + ".png",
-            });
-          }
-        } else if (paraId === 2090) {
-          // Basilisk 2090
-          assetMetadata =
-            await api.query.assetRegistry.assetMetadataMap.entries();
-
-          asset.push({
-            name: symbol,
-            symbol,
-            decimals,
-            image: "https://resources.acala.network/tokens/" + symbol + ".png",
-          });
-        } else if (paraId === 2102) {
-          // Pichiu
-          assetMetadata = await api.query.ormlTokens.totalIssuance.entries();
-
-          asset.push({
-            name: symbol,
-            symbol,
-            decimals,
-            image: "https://resources.acala.network/tokens/" + symbol + ".png",
-          });
-        } else if (paraId === 2110) {
-          // Mangata
-          assetMetadata = await api.query.assetsInfo.assetsInfo.entries();
-
-          // what to do with api.query.assetRegistry.assetLocation.entries();
-        } else if (paraId === 2088) {
-          assetMetadata = await api.query.ormlTokens.totalIssuance.entries();
-
-          asset.push({
-            name: symbol,
-            symbol,
-            decimals,
-            image: "https://resources.acala.network/tokens/" + symbol + ".png",
-          });
-          // console.log("tokens test", assetMetadata);
-        } else if (
-          (paraId === 2024 && (chain === "Kusama" || chain === "Rococo")) ||
-          (paraId === 2011 && chain === "Polkadot")
-        ) {
-          // Genshiro / Equilibrium
-          var currencyFromU64 = function (u64) {
-            var bytes = [];
-            var num = typeof u64 === "number" ? new BN(u64) : u64;
-            do {
-              bytes.unshift(num.modn(256));
-              num = num.divn(256);
-            } while (num.gtn(0));
-            return Buffer.from(bytes).toString("utf8").toUpperCase();
-          };
-
-          const assets = (await api.query.eqAssets.assets())
-            .unwrapOrDefault()
-            .map((a) => {
-              if (a.id.toRawType() == "u64") {
-                return a.id;
-              } else {
-                return a.id[0];
-              }
-            })
-            .map((id) => currencyFromU64(parseInt(id.toString(), 10)));
-
-          assets.map((a) => {
-            asset.push({
-              name: a,
-              symbol: a,
-              decimals,
-              image: "https://resources.acala.network/tokens/" + a + ".png",
-            });
-          });
-          console.log("assets", paraId, chain, assets);
-        } else if (paraId === 2106) {
-          // Litmus Litentry
-          assetMetadata =
-            await api.query.assetManager.assetIdMetadata.entries();
-
-          asset.push({
-            name: symbol,
-            symbol,
-            decimals,
-            image: "https://resources.acala.network/tokens/" + symbol + ".png",
-          });
-        } else if (paraId === 2107) {
-          // Kico, Dico
-          assetMetadata = await api.query.currencies.dicoAssetsInfo.entries();
-        } else if (
-          paraId === 2084 ||
-          paraId === 2004 ||
-          paraId === 2006 ||
-          paraId === 2007 ||
-          paraId === 2012 ||
-          paraId === 2120 ||
-          paraId === 2023 ||
-          paraId === 2035 ||
-          paraId === 2048 ||
-          paraId === 1000 ||
-          paraId === 2085
-        ) {
-          // calimari khala moonriver moonbeam statemine heiko parallel shiden astar
-          assetMetadata = await api.query.assets.metadata.entries();
-
-          asset.push({
-            name: symbol,
-            symbol,
-            decimals,
-            image: "https://resources.acala.network/tokens/" + symbol + ".png",
-          });
-        } else {
-          asset.push({
-            name: symbol,
-            symbol,
-            decimals,
-            image: "https://resources.acala.network/tokens/" + symbol + ".png",
-          });
-        }
-        // fails
-        // ? kintsugi quartz shadow
-        //
-
-        assetMetadata.map((a) => {
-          const i = a[0].toHuman()[0];
-          const h = a[1].toHuman();
-
-          console.log("h", h);
-
-          // ZLK https://raw.githubusercontent.com/zenlinkpro/assets/master/blockchains/moonriver/assets/0x0f47ba9d9Bde3442b42175e51d6A367928A1173B/logo.png
-
-          if (paraId === 2107) {
-            asset.push({
-              name: h.metadata.name,
-              symbol: h.metadata.symbol,
-              decimals: h.metadata.decimals,
-              image:
-                "https://resources.acala.network/tokens/" +
-                h.metadata.symbol + // .toUpperCase() +
-                ".png",
-            });
-          } else if (paraId === 2102) {
-            console.log("assetMetadata", a);
-            asset.push({
-              name: i,
-              symbol: i,
-              image: "https://resources.acala.network/tokens/" + i + ".png",
-            });
-          } else if (paraId === 2088) {
-            console.log("assetMetadata", a);
-            asset.push({
-              name: h.name,
-              symbol: h.name,
-              image:
-                "https://resources.acala.network/tokens/" + h.name + ".png",
-            });
-          } else if (paraId === 2023 || paraId === 2004 || paraId === 2106) {
-            asset.push({
-              name: h.name,
-              symbol: h.symbol,
-              decimals: h.decimals,
-              image:
-                "https://resources.acala.network/tokens/" +
-                h.symbol.replace("xc", "") +
-                ".png",
-            });
-          } else {
-            asset.push({
-              name: h.name,
-              symbol: h.symbol,
-              decimals: h.decimals,
-              image:
-                "https://resources.acala.network/tokens/" +
-                h.symbol.replace("worm", "") +
-                ".png",
-            });
-          }
-        });
-
-        if (this.assets.find((c) => c.paraId === paraId && c.chain === chain)) {
-          this.assets.find(
-            (c) => c.paraId === paraId && c.chain === chain
-          ).asset = asset;
-        } else {
-          this.assets.push({
-            chain,
-            paraId,
-            asset,
-          });
-        }
-
-        console.log("this.assets", this.assets);
-        await api.disconnect();
+        this.getCurrencies(this.chain.label, paraId);
       }
     },
-    getEndpoints(chain) {
-      function t() {}
-
-      switch (chain) {
-        case "Kusama":
-        case "Rococo":
-          // https://github.com/polkadot-js/apps/blob/master/packages/apps-config/src/endpoints/productionRelayKusama.ts
-          this.endpoints = [
-            {
-              homepage: "https://a.band",
-              info: "aband",
-              paraId: 2257,
-              providers: {
-                // 'Aband DAO': 'wss://rpc-parachain.a.band' // https://github.com/polkadot-js/apps/issues/9334
-              },
-              text: "Aband",
-              ui: {
-                color: "#7358ff",
-                logo: chainsAbandPNG,
-              },
-            },
-            {
-              homepage: "https://acurast.com",
-              info: "acurast",
-              paraId: 2239,
-              providers: {
-                Acurast: "wss://public-rpc.canary.acurast.com",
-                // Acurast: 'wss://acurast-canarynet-ws.prod.gke.papers.tech' // https://github.com/polkadot-js/apps/issues/10667
-              },
-              text: "Acurast Canary",
-              ui: {
-                color: "#000000",
-                logo: chainsAcurastPNG,
-              },
-            },
-            {
-              homepage: "https://centrifuge.io/altair",
-              info: "altair",
-              paraId: 2088,
-              providers: {
-                Centrifuge: "wss://fullnode.altair.centrifuge.io",
-                OnFinality: "wss://altair.api.onfinality.io/public-ws",
-              },
-              text: "Altair",
-              ui: {
-                color: "#ffb700",
-                logo: chainsAltairSVG,
-              },
-            },
-            {
-              homepage: "https://pendulumchain.org/amplitude",
-              info: "amplitude",
-              paraId: 2124,
-              providers: {
-                Dwellir: "wss://amplitude-rpc.dwellir.com",
-                PendulumChain: "wss://rpc-amplitude.pendulumchain.tech",
-              },
-              text: "Amplitude",
-              ui: {
-                color: "#5DEFA7",
-                logo: chainsAmplitudeSVG,
-              },
-            },
-            {
-              homepage: "https://ajuna.io",
-              info: "bajun",
-              paraId: 2119,
-              providers: {
-                AjunaNetwork: "wss://rpc-parachain.bajun.network",
-                OnFinality: "wss://bajun.api.onfinality.io/public-ws",
-                RadiumBlock: "wss://bajun.public.curie.radiumblock.co/ws",
-              },
-              text: "Bajun Network",
-              ui: {
-                color: "#161212",
-                logo: nodesBajunPNG,
-              },
-            },
-            {
-              homepage: "https://app.basilisk.cloud",
-              info: "basilisk",
-              paraId: 2090,
-              providers: {
-                Basilisk: "wss://rpc.basilisk.cloud",
-                Dwellir: "wss://basilisk-rpc.dwellir.com",
-                // OnFinality: 'wss://basilisk.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9414
-              },
-              text: "Basilisk",
-              ui: {
-                color: "#49E49F",
-                logo: nodesBasiliskPNG,
-              },
-            },
-            {
-              homepage: "https://ksm.vtoken.io/?ref=polkadotjs",
-              info: "bifrost",
-              paraId: 2001,
-              providers: {
-                Dwellir: "wss://bifrost-rpc.dwellir.com",
-                Liebi: "wss://bifrost-rpc.liebi.com/ws",
-                LiebiUS: "wss://us.bifrost-rpc.liebi.com/ws",
-                OnFinality:
-                  "wss://bifrost-parachain.api.onfinality.io/public-ws",
-              },
-              text: "Bifrost",
-              ui: {
-                color: "#5a25f0",
-                logo: nodesBifrostSVG,
-              },
-            },
-            {
-              homepage: "https://www.calamari.network/",
-              info: "calamari",
-              paraId: 2084,
-              providers: {
-                "Manta Network": "wss://calamari.systems",
-              },
-              text: "Calamari",
-              ui: {
-                color: "#000000",
-                logo: nodesCalamariPNG,
-              },
-            },
-            {
-              homepage: "https://crab.network",
-              info: "crab",
-              paraId: 2105,
-              providers: {
-                Darwinia: "wss://crab-rpc.darwinia.network/",
-                Dcdao: "wss://crab-rpc.dcdao.box",
-                Dwellir: "wss://darwiniacrab-rpc.dwellir.com",
-              },
-              text: "Crab",
-              ui: {
-                color: "#512DBC",
-                logo: nodesCrabSVG,
-              },
-            },
-            {
-              homepage: "https://crust.network/",
-              info: "shadow",
-              paraId: 2012,
-              providers: {
-                Crust: "wss://rpc-shadow.crust.network/",
-                "Crust APP": "wss://rpc-shadow.crustnetwork.app",
-                "Crust CC": "wss://rpc-shadow.crustnetwork.cc",
-                "Crust XYZ": "wss://rpc-shadow.crustnetwork.xyz",
-              },
-              text: "Crust Shadow",
-              ui: {
-                logo: nodesShadowSVG,
-              },
-            },
-            {
-              homepage: "https://crust.network/",
-              info: "shadow",
-              isUnreachable: true,
-              paraId: 2225,
-              providers: {
-                // also duplicated right above (hence marked unreachable)
-                // Crust: 'wss://rpc-shadow.crust.network/' // https://github.com/polkadot-js/apps/issues/8355
-              },
-              text: "Crust Shadow 2",
-              ui: {
-                logo: nodesShadowSVG,
-              },
-            },
-            {
-              info: "curio",
-              paraId: 3339,
-              providers: {
-                Curio: "wss://parachain.curioinvest.com/",
-              },
-              text: "Curio",
-              ui: {
-                color: "rgb(96, 98, 246)",
-                logo: nodesCurioSVG,
-              },
-            },
-            {
-              homepage: "https://ipci.io",
-              info: "ipci",
-              paraId: 2222,
-              providers: {
-                Airalab: "wss://ipci.rpc.robonomics.network",
-              },
-              text: "DAO IPCI",
-              ui: {
-                logo: nodesIpciSVG,
-              },
-            },
-            {
-              homepage: "https://dorafactory.org/kusama/",
-              info: "dorafactory",
-              paraId: 2115,
-              providers: {
-                // DORA: 'wss://kusama.dorafactory.org' // https://github.com/polkadot-js/apps/issues/9748
-              },
-              text: "Dora Factory",
-              ui: {
-                color: "#FF761C",
-                logo: chainsDorafactoryPNG,
-              },
-            },
-            {
-              homepage: "https://genshiro.io",
-              info: "Genshiro",
-              paraId: 2024,
-              providers: {
-                // Genshiro: 'wss://node.genshiro.io' // https://github.com/polkadot-js/apps/issues/10174
-              },
-              text: "Genshiro",
-              ui: {
-                color: "#e8662d",
-                logo: chainsGenshiroSVG,
-              },
-            },
-            {
-              homepage: "https://genshiro.equilibrium.io",
-              info: "genshiro",
-              isUnreachable: true,
-              paraId: 2226,
-              providers: {
-                // Equilibrium: 'wss://node.genshiro.io' // https://github.com/polkadot-js/apps/issues/10174
-              },
-              text: "Genshiro crowdloan 2",
-              ui: {
-                color: "#e8662d",
-                logo: chainsGenshiroSVG,
-              },
-            },
-            {
-              homepage: "https://gmordie.com",
-              info: "gm",
-              paraId: 2123,
-              providers: {
-                // GMorDieDAO: 'wss://kusama.gmordie.com', // https://github.com/polkadot-js/apps/issues/8457
-                // 'GM Intern': 'wss://intern.gmordie.com', // https://github.com/polkadot-js/apps/issues/9381
-                // TerraBioDAO: 'wss://ws-node-gm.terrabiodao.org', // https://github.com/polkadot-js/apps/issues/8867
-                // Leemo: 'wss://leemo.gmordie.com', // https://github.com/polkadot-js/apps/issues/9712
-                // 'bLd Nodes': 'wss://ws.gm.bldnodes.org', // https://github.com/polkadot-js/apps/issues/9947
-                "light client": "light://substrate-connect/kusama/gm",
-              },
-              text: "GM",
-              ui: {
-                color: "#f47b36",
-                logo: chainsGmJPEG,
-              },
-            },
-            {
-              homepage: "https://hyperbridge.network",
-              info: "hyperbridge",
-              paraId: 3340,
-              providers: {
-                // BlockOps: 'wss://hyperbridge-messier-rpc.blockops.network' // https://github.com/polkadot-js/apps/issues/10555
-              },
-              text: "Hyperbridge (Messier)",
-              ui: {
-                color: "#ED6FF1",
-                logo: nodesHyperbridgePNG,
-              },
-            },
-            {
-              homepage: "https://imbue.network",
-              info: "imbue",
-              paraId: 2121,
-              providers: {
-                "Imbue Network 0": "wss://kusama.imbuenetwork.com",
-                // 'Imbue Network 1': 'wss://collator.production.imbue.network' // https://github.com/polkadot-js/apps/issues/9848
-              },
-              text: "Imbue Network",
-              ui: {
-                color: "#baff36",
-                logo: nodesImbuePNG,
-              },
-            },
-            {
-              homepage: "https://integritee.network",
-              info: "integritee",
-              paraId: 2015,
-              providers: {
-                Integritee: "wss://kusama.api.integritee.network",
-                OnFinality:
-                  "wss://integritee-kusama.api.onfinality.io/public-ws",
-              },
-              text: "Integritee Network",
-              ui: {
-                color: "#2e154b",
-                logo: nodesIntegriteeSVG,
-              },
-            },
-            {
-              homepage: "https://invarch.network/tinkernet",
-              info: "tinker",
-              paraId: 2125,
-              providers: {
-                // 'InvArch Team': 'wss://tinker.invarch.network', // https://github.com/polkadot-js/apps/issues/8623
-                Dwellir: "wss://tinkernet-rpc.dwellir.com",
-                // OnFinality: 'wss://invarch-tinkernet.api.onfinality.io/public-ws', // https://github.com/polkadot-js/apps/issues/9955
-                "light client": "light://substrate-connect/kusama/tinkernet",
-              },
-              text: "InvArch Tinkernet",
-              ui: {
-                color: "#161616",
-                logo: chainsTinkerPNG,
-              },
-            },
-            {
-              homepage: "https://kabocha.network",
-              info: "kabocha",
-              paraId: 2113,
-              providers: {
-                JelliedOwl: "wss://kabocha.jelliedowl.net",
-              },
-              text: "Kabocha",
-              ui: {
-                color:
-                  "repeating-radial-gradient(black, black 4px, yellow 5px)",
-                logo: nodesKabochaSVG,
-              },
-            },
-            {
-              homepage: "https://acala.network/karura/join-karura",
-              info: "karura",
-              paraId: 2000,
-              providers: {
-                "Acala Foundation 0": "wss://karura-rpc-0.aca-api.network",
-                "Acala Foundation 1": "wss://karura-rpc-1.aca-api.network",
-                "Acala Foundation 2": "wss://karura-rpc-2.aca-api.network/ws",
-                "Acala Foundation 3": "wss://karura-rpc-3.aca-api.network/ws",
-                Dwellir: "wss://karura-rpc.dwellir.com",
-                // LuckyFriday: 'wss://rpc-karura.luckyfriday.io',  // https://github.com/polkadot-js/apps/issues/10663
-                OnFinality: "wss://karura.api.onfinality.io/public-ws",
-                // 'Polkawallet 0': 'wss://karura.polkawallet.io' // https://github.com/polkadot-js/apps/issues/9383
-              },
-              text: "Karura",
-              ui: {
-                color: "#ff4c3b",
-                logo: chainsKaruraSVG,
-              },
-            },
-            {
-              homepage: "https://phala.network/",
-              info: "khala",
-              paraId: 2004,
-              providers: {
-                Dwellir: "wss://khala-rpc.dwellir.com",
-                Helikon: "wss://rpc.helikon.io/khala",
-                OnFinality: "wss://khala.api.onfinality.io/public-ws",
-                Phala: "wss://khala-api.phala.network/ws",
-                RadiumBlock: "wss://khala.public.curie.radiumblock.co/ws",
-                // Rockx: 'wss://rockx-khala.w3node.com/polka-public-khala/ws' // https://github.com/polkadot-js/apps/issues/10728
-              },
-              text: "Khala Network",
-              ui: {
-                color: "#03f3f3",
-                logo: nodesKhalaSVG,
-              },
-            },
-            {
-              homepage: "https://dico.io/",
-              info: "kico",
-              paraId: 2107,
-              providers: {
-                // 'DICO Foundation': 'wss://rpc.kico.dico.io' // https://github.com/polkadot-js/apps/issues/9266
-                // 'DICO Foundation 2': 'wss://rpc.api.kico.dico.io' // https://github.com/polkadot-js/apps/issues/8203
-              },
-              text: "KICO",
-              ui: {
-                color: "#29B58D",
-                logo: chainsKicoPNG,
-              },
-            },
-            {
-              homepage: "https://dico.io/",
-              info: "kico 2",
-              paraId: 2235,
-              providers: {
-                // 'DICO Foundation': 'wss://rpc.kico2.dico.io' // https://github.com/polkadot-js/apps/issues/8415
-              },
-              text: "KICO 2",
-              ui: {
-                color: "#29B58D",
-                logo: chainsKicoPNG,
-              },
-            },
-            {
-              homepage: "https://kintsugi.interlay.io/",
-              info: "kintsugi",
-              paraId: 2092,
-              providers: {
-                Dwellir: "wss://kintsugi-rpc.dwellir.com",
-                "Kintsugi Labs": "wss://api-kusama.interlay.io/parachain",
-                // LuckyFriday: 'wss://rpc-kintsugi.luckyfriday.io/', // https://github.com/polkadot-js/apps/issues/9947
-                OnFinality: "wss://kintsugi.api.onfinality.io/public-ws",
-              },
-              text: "Kintsugi BTC",
-              ui: {
-                color: "#1a0a2d",
-                logo: chainsKintsugiPNG,
-              },
-            },
-            {
-              homepage: "http://apron.network/",
-              info: "kpron",
-              isUnreachable: true,
-              paraId: 2019,
-              providers: {
-                Kpron: "wss://kusama-kpron-rpc.apron.network/",
-              },
-              text: "Kpron",
-              ui: {
-                color: "linear-gradient(45deg, #0099F7 0%, #2E49EB 100%)",
-                logo: nodesApronPNG,
-              },
-            },
-            {
-              homepage: "https://virto.network/",
-              info: "kreivo",
-              paraId: 2281,
-              providers: {
-                Kippu: "wss://kreivo.kippu.rocks/",
-                Virto: "wss://kreivo.io/",
-              },
-              text: "Kreivo - By Virto",
-              ui: {
-                color: "#294940",
-                identityIcon: "polkadot",
-                logo: chainsKreivoSVG,
-              },
-            },
-            {
-              homepage: "https://krest.peaq.network/",
-              info: "krest",
-              paraId: 2241,
-              providers: {
-                Dwellir: "wss://krest-rpc.dwellir.com",
-                Krest: "wss://wss-krest.peaq.network/",
-                OnFinality: "wss://krest.api.onfinality.io/public-ws",
-                UnitedBloc: "wss://krest.unitedbloc.com/",
-              },
-              text: "Krest",
-              ui: {
-                logo: nodesKrestPNG,
-              },
-            },
-            {
-              homepage: "https://listen.io/",
-              info: "listen",
-              paraId: 2118,
-              providers: {
-                // 'Listen Foundation 1': 'wss://rpc.mainnet.listen.io', // https://github.com/polkadot-js/apps/issues/9069
-                // 'Listen Foundation 2': 'wss://wss.mainnet.listen.io' // https://github.com/polkadot-js/apps/issues/9106
-              },
-              text: "Listen Network",
-              ui: {
-                color: "#FFAD0A",
-                logo: chainsListenPNG,
-              },
-            },
-            {
-              homepage: "https://www.litentry.com/",
-              info: "litmus",
-              paraId: 2106,
-              providers: {
-                // Litentry: 'wss://rpc.litmus-parachain.litentry.io' // https://github.com/polkadot-js/apps/issues/10912
-              },
-              text: "Litmus",
-              ui: {
-                color: "#3913D3",
-                logo: nodesLitmusPNG,
-              },
-            },
-            {
-              homepage: "https://loomx.io/",
-              info: "loomNetwork",
-              paraId: 2080,
-              providers: {
-                // LoomNetwork: 'wss://kusama.dappchains.com' // https://github.com/polkadot-js/apps/issues/5888
-              },
-              text: "Loom Network",
-              ui: {
-                logo: nodesLoomNetworkPNG,
-              },
-            },
-            {
-              homepage: "https://mangata.finance",
-              info: "mangata",
-              paraId: 2110,
-              providers: {
-                "Mangata Archive": "wss://kusama-archive.mangata.online",
-                "Mangata RPC": "wss://kusama-rpc.mangata.online",
-              },
-              text: "Mangata",
-              ui: {
-                color: "#030408",
-                logo: chainsMangataPNG,
-              },
-            },
-            {
-              homepage: "https://www.aresprotocol.io/mars",
-              info: "mars",
-              paraId: 2008,
-              providers: {
-                // AresProtocol: 'wss://wss.mars.aresprotocol.io' // https://github.com/polkadot-js/apps/issues/8937
-              },
-              text: "Mars",
-              ui: {
-                color: "#E56239",
-                logo: nodesAresMarsPNG,
-              },
-            },
-            {
-              homepage: "https://moonbeam.network/networks/moonriver/",
-              info: "moonriver",
-              paraId: 2023,
-              providers: {
-                Allnodes: "wss://moonriver-rpc.publicnode.com",
-                Blast: "wss://moonriver.public.blastapi.io",
-                Dwellir: "wss://moonriver-rpc.dwellir.com",
-                "Moonbeam Foundation":
-                  "wss://wss.api.moonriver.moonbeam.network",
-                OnFinality: "wss://moonriver.api.onfinality.io/public-ws",
-                RadiumBlock: "wss://moonriver.public.curie.radiumblock.co/ws",
-                UnitedBloc: "wss://moonriver.unitedbloc.com",
-              },
-              text: "Moonriver",
-              ui: {
-                color: "#06353d",
-                logo: nodesMoonriverSVG,
-              },
-            },
-            {
-              homepage: "https://parallel.fi",
-              info: "heiko",
-              paraId: 2085,
-              providers: {
-                // OnFinality: 'wss://parallel-heiko.api.onfinality.io/public-ws', // https://github.com/polkadot-js/apps/issues/9964
-                Parallel: "wss://heiko-rpc.parallel.fi",
-              },
-              text: "Parallel Heiko",
-              ui: {
-                color: "#42d5de",
-                logo: nodesParallelSVG,
-              },
-            },
-            {
-              homepage: "https://parallel.fi",
-              info: "heiko",
-              isUnreachable: true,
-              paraId: 2126,
-              providers: {},
-              text: "Parallel Heiko 2",
-              ui: {
-                color: "#42d5de",
-                logo: nodesParallelSVG,
-              },
-            },
-            {
-              homepage: "https://picasso.composable.finance/",
-              info: "picasso",
-              paraId: 2087,
-              providers: {
-                Composable: "wss://rpc.composablenodes.tech",
-                Dwellir: "wss://picasso-rpc.dwellir.com",
-                // LuckyFriday: 'wss://rpc-picasso.luckyfriday.io' // https://github.com/polkadot-js/apps/issues/9947
-              },
-              text: "Picasso",
-              ui: {
-                color: "#000000",
-                logo: nodesPicassoPNG,
-              },
-            },
-            {
-              homepage: "https://kylin.network/",
-              info: "pichiu",
-              paraId: 2102,
-              providers: {
-                // 'Kylin Network': 'wss://kusama.kylin-node.co.uk' // https://github.com/polkadot-js/apps/issues/9560
-              },
-              text: "Pichiu",
-              ui: {
-                color: "#ed007e",
-                logo: nodesPichiuPNG,
-              },
-            },
-            {
-              homepage: "https://pioneer.bit.country/?ref=polkadotjs",
-              info: "pioneer",
-              paraId: 2096,
-              providers: {
-                MetaverseNetwork: "wss://pioneer-rpc-3.bit.country/wss",
-                // OnFinality: 'wss://pioneer.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9955
-              },
-              text: "Pioneer",
-              ui: {
-                color: "#000000",
-                logo: nodesBitcountryPNG,
-              },
-            },
-            {
-              homepage: "https://polkasmith.polkafoundry.com/",
-              info: "polkasmith",
-              paraId: 2009,
-              providers: {
-                // PolkaSmith: 'wss://wss-polkasmith.polkafoundry.com' // https://github.com/polkadot-js/apps/issues/6595
-              },
-              text: "PolkaSmith by PolkaFoundry",
-              ui: {
-                color: "#0DDDFB",
-                logo: nodesPolkasmithSVG,
-              },
-            },
-            {
-              info: "qpn",
-              paraId: 2274,
-              providers: {
-                // FerrumNetwork: 'wss://qpn.svcs.ferrumnetwork.io/' // https://github.com/polkadot-js/apps/issues/10172
-              },
-              text: "Quantum Portal Network",
-              ui: {
-                color: "#b37700",
-                logo: chainsQpnPNG,
-              },
-            },
-            {
-              homepage: "https://unique.network/",
-              info: "quartz",
-              paraId: 2095,
-              providers: {
-                Dwellir: "wss://quartz-rpc.dwellir.com",
-                // OnFinality: 'wss://quartz.api.onfinality.io/public-ws', // https://github.com/polkadot-js/apps/issues/9972
-                "Geo Load Balancer": "wss://ws-quartz.unique.network",
-                "Unique America": "wss://us-ws-quartz.unique.network",
-                "Unique Asia": "wss://asia-ws-quartz.unique.network",
-                "Unique Europe": "wss://eu-ws-quartz.unique.network",
-              },
-              text: "QUARTZ by UNIQUE",
-              ui: {
-                color: "#FF4D6A",
-                logo: nodesQuartzPNG,
-              },
-            },
-            {
-              homepage: "https://riodefi.com",
-              info: "riodefi",
-              paraId: 2227,
-              providers: {
-                // RioProtocol: 'wss://rio-kusama.riocorenetwork.com' // https://github.com/polkadot-js/apps/issues/9261
-              },
-              text: "RioDeFi",
-              ui: {
-                color: "#4E7AED",
-                logo: chainsRiodefiPNG,
-              },
-            },
-            {
-              homepage: "http://robonomics.network/",
-              info: "robonomics",
-              paraId: 2048,
-              providers: {
-                Airalab: "wss://kusama.rpc.robonomics.network/",
-                // Dwellir: 'wss://robonomics-rpc.dwellir.com', // https://github.com/polkadot-js/apps/issues/10912
-                // Leemo: 'wss://robonomics.leemo.me', // https://github.com/polkadot-js/apps/issues/9817
-                // OnFinality: 'wss://robonomics.api.onfinality.io/public-ws', // https://github.com/polkadot-js/apps/issues/9824
-                Samsara: "wss://robonomics.0xsamsara.com",
-              },
-              text: "Robonomics",
-              ui: {
-                color: "#2949d3",
-                logo: nodesRobonomicsSVG,
-              },
-            },
-            {
-              homepage: "http://robonomics.network/",
-              info: "robonomics",
-              isUnreachable: true,
-              paraId: 2240,
-              providers: {
-                Airalab: "wss://kusama.rpc.robonomics.network/",
-                // Leemo: 'wss://robonomics.leemo.me', // https://github.com/polkadot-js/apps/issues/9817
-                // OnFinality: 'wss://robonomics.api.onfinality.io/public-ws', // https://github.com/polkadot-js/apps/issues/9824
-                Samsara: "wss://robonomics.0xsamsara.com",
-              },
-              text: "Robonomics 2",
-              ui: {
-                color: "#2949d3",
-                logo: nodesRobonomicsSVG,
-              },
-            },
-            {
-              homepage: "https://clover.finance/",
-              info: "sakura",
-              isUnreachable: true,
-              paraId: 2016,
-              providers: {
-                Clover: "wss://api-sakura.clover.finance",
-              },
-              text: "Sakura",
-              ui: {
-                color: "#ff5995",
-                logo: nodesSakuraSVG,
-              },
-            },
-            {
-              homepage: "https://shiden.astar.network/",
-              info: "shiden",
-              paraId: 2007,
-              providers: {
-                Astar: "wss://rpc.shiden.astar.network",
-                Blast: "wss://shiden.public.blastapi.io",
-                Dwellir: "wss://shiden-rpc.dwellir.com",
-                OnFinality: "wss://shiden.api.onfinality.io/public-ws",
-                RadiumBlock: "wss://shiden.public.curie.radiumblock.co/ws",
-                "light client": "light://substrate-connect/kusama/shiden",
-              },
-              text: "Shiden",
-              ui: {
-                color: "#5923B2",
-                logo: chainsShidenPNG,
-              },
-            },
-            {
-              homepage: "https://shiden.astar.network/",
-              info: "shiden",
-              isUnreachable: true,
-              paraId: 2120,
-              providers: {
-                StakeTechnologies: "wss://rpc.shiden.astar.network",
-              },
-              text: "Shiden Crowdloan 2",
-              ui: {
-                color: "#5923B2",
-                logo: chainsShidenPNG,
-              },
-            },
-            {
-              homepage: "https://icenetwork.io/snow",
-              info: "snow",
-              paraId: 2129,
-              providers: {
-                // IceNetwork: 'wss://snow-rpc.icenetwork.io' // https://github.com/polkadot-js/apps/issues/9405
-              },
-              text: "SNOW Network",
-              ui: {
-                logo: nodesSnowPNG,
-              },
-            },
-            {
-              homepage: "https://sora.org/",
-              info: "sora",
-              paraId: 2011,
-              providers: {
-                Soramitsu:
-                  "wss://ws.parachain-collator-2.c2.sora2.soramitsu.co.jp",
-              },
-              text: "SORA",
-              ui: {
-                color: "#2D2926",
-                logo: nodesSoraSubstrateSVG,
-              },
-            },
-            {
-              homepage: "http://subgame.org/",
-              info: "subgame",
-              paraId: 2018,
-              providers: {
-                // SubGame: 'wss://gamma.subgame.org/' // https://github.com/polkadot-js/apps/issues/7982
-              },
-              text: "SubGame Gamma",
-              ui: {
-                color: "#EB027D",
-                logo: nodesSubgameSVG,
-              },
-            },
-            {
-              homepage: "https://subsocial.network/",
-              info: "subsocialX",
-              paraId: 2100,
-              providers: {
-                // 'Dappforce 1': 'wss://para.subsocial.network'
-              },
-              text: "SubsocialX",
-              ui: {
-                color: "#69058C",
-                logo: nodesSubsocialXSVG,
-              },
-            },
-            {
-              homepage: "https://www.t3rn.io/",
-              info: "t1rn",
-              paraId: 3334,
-              providers: {
-                // t3rn: 'wss://rpc.t1rn.io' // https://github.com/polkadot-js/apps/issues/10091
-              },
-              text: "t1rn",
-              ui: {
-                color: "#131532",
-                logo: nodesT1rnPNG,
-              },
-            },
-            {
-              homepage: "https://www.datahighway.com/",
-              info: "tanganika",
-              paraId: 2116,
-              providers: {
-                // DataHighway: 'wss://tanganika.datahighway.com' // https://github.com/polkadot-js/apps/issues/9383
-              },
-              text: "Tanganika",
-              ui: {
-                color:
-                  "linear-gradient(-90deg, #9400D3 0%, #5A5CA9 50%, #00BFFF 100%)",
-                logo: nodesDatahighwayPNG,
-              },
-            },
-            {
-              homepage: "https://trustbase.network/",
-              info: "trustbase",
-              isUnreachable: true,
-              paraId: 2078,
-              providers: {},
-              text: "TrustBase",
-              ui: {
-                color: "#ff43aa",
-                logo: nodesTrustbasePNG,
-              },
-            },
-            {
-              homepage: "https://oak.tech",
-              info: "turing",
-              paraId: 2114,
-              providers: {
-                Dwellir: "wss://turing-rpc.dwellir.com",
-                OAK: "wss://rpc.turing.oak.tech",
-              },
-              text: "Turing Network",
-              ui: {
-                color: "#A8278C",
-                logo: chainsTuringPNG,
-              },
-            },
-            {
-              homepage: "https://standard.tech/",
-              info: "unorthodox",
-              paraId: 2094,
-              providers: {
-                // 'Standard Protocol': 'wss://rpc.kusama.standard.tech' // https://github.com/polkadot-js/apps/issues/8525
-              },
-              text: "Unorthodox",
-              ui: {
-                color:
-                  "radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(42,244,187,1) 35%, rgba(10,10,10,1) 100%)",
-                logo: chainsUnorthodoxPNG,
-              },
-            },
-            {
-              homepage: "https://xode.net",
-              info: "xode",
-              paraId: 3344,
-              providers: {
-                XodeCommunity:
-                  "wss://rpcnodea01.xode.net/n7yoxCmcIrCF6VziCcDmYTwL8R03a/rpc",
-              },
-              text: "Xode",
-              ui: {
-                color: "#ed1f7a",
-                logo: nodesXodePNG,
-              },
-            },
-            {
-              homepage: "https://yerba.network",
-              info: "yerba",
-              paraId: 3345,
-              providers: {},
-              text: "Yerba Network",
-              ui: {
-                color: "#a5503c",
-                logo: nodesYerbanetworkPNG,
-              },
-            },
-            {
-              homepage: "https://zero.io",
-              info: "zero",
-              paraId: 2236,
-              providers: {
-                // 'Zero Network': 'wss://rpc-1.kusama.node.zero.io' // https://github.com/polkadot-js/apps/issues/10803
-              },
-              text: "ZERO Canary",
-              ui: {
-                color: "#000000",
-                logo: nodesZeroSVG,
-              },
-            },
-          ];
-          this.endpoints.push(
-            {
-              info: "KusamaAssetHub",
-              isPeopleForIdentity: true,
-              paraId: 1000,
-              providers: {
-                Dwellir: "wss://asset-hub-kusama-rpc.dwellir.com",
-                "Dwellir Tunisia": "wss://statemine-rpc-tn.dwellir.com",
-                IBP1: "wss://sys.ibp.network/statemine",
-                IBP2: "wss://asset-hub-kusama.dotters.network",
-                LuckyFriday: "wss://rpc-asset-hub-kusama.luckyfriday.io",
-                // OnFinality: 'wss://statemine.api.onfinality.io/public-ws',
-                Parity: "wss://kusama-asset-hub-rpc.polkadot.io",
-                RadiumBlock: "wss://statemine.public.curie.radiumblock.co/ws",
-                Stakeworld: "wss://ksm-rpc.stakeworld.io/assethub",
-              },
-              relayName: "kusama",
-              teleport: [-1],
-              text: "AssetHub",
-              ui: {
-                color: "#113911",
-                logo: chainsAssethubKusamaSVG,
-              },
-            },
-            {
-              info: "kusamaBridgeHub",
-              isPeopleForIdentity: true,
-              paraId: 1002,
-              providers: {
-                Dwellir: "wss://bridge-hub-kusama-rpc.dwellir.com",
-                "Dwellir Tunisia": "wss://kusama-bridge-hub-rpc-tn.dwellir.com",
-                IBP1: "wss://sys.ibp.network/bridgehub-kusama",
-                IBP2: "wss://bridge-hub-kusama.dotters.network",
-                LuckyFriday: "wss://rpc-bridge-hub-kusama.luckyfriday.io",
-                // OnFinality: 'wss://bridgehub-kusama.api.onfinality.io/public-ws',
-                Parity: "wss://kusama-bridge-hub-rpc.polkadot.io",
-                RadiumBlock:
-                  "wss://bridgehub-kusama.public.curie.radiumblock.co/ws",
-                Stakeworld: "wss://ksm-rpc.stakeworld.io/bridgehub",
-              },
-              relayName: "kusama",
-              teleport: [-1],
-              text: "BridgeHub",
-              ui: {
-                logo: nodesBridgeHubBlackSVG,
-              },
-            },
-            {
-              info: "kusamaCoretime",
-              isPeopleForIdentity: true,
-              paraId: 1005,
-              providers: {
-                Dwellir: "wss://coretime-kusama-rpc.dwellir.com",
-                IBP1: "wss://sys.ibp.network/coretime-kusama",
-                IBP2: "wss://coretime-kusama.dotters.network",
-                LuckyFriday: "wss://rpc-coretime-kusama.luckyfriday.io",
-                Parity: "wss://kusama-coretime-rpc.polkadot.io",
-                Stakeworld: "wss://ksm-rpc.stakeworld.io/coretime",
-              },
-              relayName: "kusama",
-              teleport: [-1],
-              text: "Coretime",
-              ui: {
-                color: "#113911",
-                logo: chainsCoretimeKusamaSVG,
-              },
-            },
-            {
-              homepage: "https://encointer.org/",
-              info: "encointer",
-              isPeopleForIdentity: true,
-              paraId: 1001,
-              providers: {
-                Dwellir: "wss://encointer-kusama-rpc.dwellir.com",
-                "Encointer Association": "wss://kusama.api.encointer.org",
-                IBP1: "wss://sys.ibp.network/encointer-kusama",
-                IBP2: "wss://encointer-kusama.dotters.network",
-                // OnFinality: 'wss://encointer.api.onfinality.io/public-ws', // https://github.com/polkadot-js/apps/issues/9986
-                // Stakeworld: 'wss://ksm-rpc.stakeworld.io/encointer'
-              },
-              relayName: "kusama",
-              teleport: [-1],
-              text: "Encointer Network",
-              ui: {
-                color: "#0000cc",
-                logo: nodesEncointerBlueSVG,
-              },
-            },
-            {
-              info: "kusamaPeople",
-              isPeople: true,
-              isPeopleForIdentity: false,
-              paraId: 1004,
-              providers: {
-                Dwellir: "wss://people-kusama-rpc.dwellir.com",
-                IBP1: "wss://sys.ibp.network/people-kusama",
-                IBP2: "wss://people-kusama.dotters.network",
-                LuckyFriday: "wss://rpc-people-kusama.luckyfriday.io",
-                Parity: "wss://kusama-people-rpc.polkadot.io",
-                Stakeworld: "wss://ksm-rpc.stakeworld.io/people",
-              },
-              relayName: "kusama",
-              teleport: [-1],
-              text: "People",
-              ui: {
-                color: "#36454F",
-                logo: chainsPeopleKusamaSVG,
-              },
-            }
-          );
-          break;
-        case "Polkadot":
-        case "Westend":
-          // https://github.com/polkadot-js/apps/blob/master/packages/apps-config/src/endpoints/productionRelayPolkadot.ts
-          this.endpoints = [
-            {
-              homepage: "https://acala.network/",
-              info: "acala",
-              paraId: 2000,
-              providers: {
-                "Acala Foundation 0": "wss://acala-rpc-0.aca-api.network",
-                "Acala Foundation 1": "wss://acala-rpc-1.aca-api.network",
-                // 'Acala Foundation 2': 'wss://acala-rpc-2.aca-api.network/ws', // https://github.com/polkadot-js/apps/issues/6965
-                "Acala Foundation 3": "wss://acala-rpc-3.aca-api.network/ws",
-                Dwellir: "wss://acala-rpc.dwellir.com",
-                // LuckyFriday: 'wss://rpc-acala.luckyfriday.io', // https://github.com/polkadot-js/apps/issues/10728
-                // 'Automata 1RPC': 'wss://1rpc.io/aca' // https://github.com/polkadot-js/apps/issues/8648
-                OnFinality: "wss://acala-polkadot.api.onfinality.io/public-ws",
-                // 'Polkawallet 0': 'wss://acala.polkawallet.io' // https://github.com/polkadot-js/apps/issues/9760
-              },
-              text: "Acala",
-              ui: {
-                color: "#645AFF",
-                logo: chainsAcalaSVG,
-              },
-            },
-            {
-              homepage: "https://ajuna.io",
-              info: "ajuna",
-              paraId: 2051,
-              providers: {
-                AjunaNetwork: "wss://rpc-para.ajuna.network",
-                IBP1: "wss://ajuna.ibp.network",
-                IBP2: "wss://ajuna.dotters.network",
-                OnFinality: "wss://ajuna.api.onfinality.io/public-ws",
-                RadiumBlock: "wss://ajuna.public.curie.radiumblock.co/ws",
-              },
-              text: "Ajuna Network",
-              ui: {
-                color: "#161212",
-                logo: nodesAjunaPNG,
-              },
-            },
-            {
-              homepage: "https://www.aresprotocol.io/",
-              info: "odyssey",
-              paraId: 2028,
-              providers: {
-                // AresProtocol: 'wss://wss.odyssey.aresprotocol.io' // https://github.com/polkadot-js/apps/issues/9059
-              },
-              text: "Ares Odyssey",
-              ui: {
-                color: "#1295F0",
-                logo: nodesAresOdysseySVG,
-              },
-            },
-            {
-              homepage: "https://astar.network",
-              info: "astar",
-              paraId: 2006,
-              providers: {
-                Astar: "wss://rpc.astar.network",
-                "Automata 1RPC": "wss://1rpc.io/astr",
-                Blast: "wss://astar.public.blastapi.io",
-                Dwellir: "wss://astar-rpc.dwellir.com",
-                OnFinality: "wss://astar.api.onfinality.io/public-ws",
-                RadiumBlock: "wss://astar.public.curie.radiumblock.co/ws",
-                "light client": "light://substrate-connect/polkadot/astar",
-              },
-              text: "Astar",
-              ui: {
-                color: "#1b6dc1d9",
-                logo: nodesAstarPNG,
-              },
-            },
-            {
-              homepage: "https://www.aventus.io/",
-              info: "aventus",
-              paraId: 2056,
-              providers: {
-                Aventus: "wss://public-rpc.mainnet.aventus.network",
-              },
-              text: "Aventus",
-              ui: {
-                color: "#1d2733",
-                logo: nodesAventusSVG,
-              },
-            },
-            {
-              homepage: "https://crowdloan.bifrost.app",
-              info: "bifrost",
-              paraId: 2030,
-              providers: {
-                Dwellir: "wss://bifrost-polkadot-rpc.dwellir.com",
-                IBP1: "wss://bifrost-polkadot.ibp.network",
-                IBP2: "wss://bifrost-polkadot.dotters.network",
-                Liebi: "wss://hk.p.bifrost-rpc.liebi.com/ws",
-                LiebiEU: "wss://eu.bifrost-polkadot-rpc.liebi.com/ws",
-                OnFinality:
-                  "wss://bifrost-polkadot.api.onfinality.io/public-ws",
-                RadiumBlock: "wss://bifrost.public.curie.radiumblock.co/ws",
-              },
-              text: "Bifrost",
-              ui: {
-                color: "#5a25f0",
-                logo: nodesBifrostSVG,
-              },
-            },
-            {
-              homepage: "https://www.bitgreen.org",
-              info: "bitgreen",
-              paraId: 2048,
-              providers: {
-                Bitgreen: "wss://mainnet.bitgreen.org",
-                // OnFinality: 'wss://bitgreen.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9993
-              },
-              text: "Bitgreen",
-              ui: {
-                color: "#224851",
-                logo: chainsBitgreenPNG,
-              },
-            },
-            {
-              homepage: "https://centrifuge.io",
-              info: "centrifuge",
-              paraId: 2031,
-              providers: {
-                Centrifuge: "wss://fullnode.centrifuge.io",
-                Dwellir: "wss://centrifuge-rpc.dwellir.com",
-                LuckyFriday: "wss://rpc-centrifuge.luckyfriday.io",
-                OnFinality:
-                  "wss://centrifuge-parachain.api.onfinality.io/public-ws",
-              },
-              text: "Centrifuge",
-              ui: {
-                color: "#fcc367",
-                logo: nodesCentrifugePNG,
-              },
-            },
-            {
-              homepage: "https://clover.finance",
-              info: "clover",
-              paraId: 2002,
-              providers: {
-                // Clover: 'wss://rpc-para.clover.finance' // https://github.com/polkadot-js/apps/issues/10172
-                // OnFinality: 'wss://clover.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9986
-              },
-              text: "Clover",
-              ui: {
-                color: "linear-gradient(to right, #52ad75, #7cc773)",
-                logo: nodesCloverSVG,
-              },
-            },
-            {
-              homepage: "http://www.coinversation.io/",
-              info: "coinversation",
-              paraId: 2027,
-              providers: {
-                // Coinversation: 'wss://rpc.coinversation.io/' // https://github.com/polkadot-js/apps/issues/6635
-              },
-              text: "Coinversation",
-              ui: {
-                color: "#e6017a",
-                logo: nodesCoinversationPNG,
-              },
-            },
-            {
-              homepage: "https://composable.finance/",
-              info: "composable",
-              paraId: 2019,
-              providers: {
-                Composable: "wss://rpc.composable.finance",
-                Dwellir: "wss://composable-rpc.dwellir.com",
-                // OnFinality: 'wss://composable.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9986
-              },
-              text: "Composable Finance",
-              ui: {
-                color: "#C90E8A",
-                logo: chainsComposableFinancePNG,
-              },
-            },
-            {
-              homepage: "https://mnet.io/?ref=polkadotjs",
-              info: "continuum",
-              paraId: 3346,
-              providers: {
-                MNet: "wss://continuum-rpc-1.metaverse.network/wss",
-              },
-              text: "Continuum",
-              ui: {
-                color: "linear-gradient(94deg, #2B388F 2.95%, #DB126E 97.18%)",
-                logo: nodesContinuumPNG,
-              },
-            },
-            {
-              homepage: "https://crust.network",
-              info: "crustParachain",
-              paraId: 2008,
-              providers: {
-                Crust: "wss://crust-parachain.crustapps.net",
-                "Crust APP": "wss://crust-parachain.crustnetwork.app",
-                "Crust CC": "wss://crust-parachain.crustnetwork.cc",
-                "Crust XYZ": "wss://crust-parachain.crustnetwork.xyz",
-                // OnFinality: 'wss://crust-polkadot.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/10013
-              },
-              text: "Crust",
-              ui: {
-                logo: nodesCrustParachainSVG,
-              },
-            },
-            {
-              homepage: "https://darwinia.network/",
-              info: "darwinia",
-              paraId: 2046,
-              providers: {
-                Darwinia: "wss://rpc.darwinia.network",
-                Dcdao: "wss://darwinia-rpc.dcdao.box",
-                Dwellir: "wss://darwinia-rpc.dwellir.com",
-              },
-              text: "Darwinia",
-              ui: {
-                color: "#FF0083",
-                logo: nodesDarwiniaSVG,
-              },
-            },
-            {
-              homepage: "https://efinity.io",
-              info: "efinity",
-              paraId: 2021,
-              providers: {
-                // NOTE We don't support connections to this parachain at all.
-                //
-                // 1. The chain is migrated away from the parachain with all balances
-                // 2. There is a forked relay-involved which we don't support
-                //
-                // Additional details in original removal at
-                // https://github.com/polkadot-js/apps/pull/9555/files#r1225095086
-              },
-              text: "Efinity",
-              ui: {
-                color: "#496ddb",
-                logo: nodesEfinitySVG,
-              },
-            },
-            {
-              homepage: "https://energywebx.com/",
-              info: "ewx",
-              paraId: 3345,
-              providers: {
-                "Energy Web": "wss://public-rpc.mainnet.energywebx.com/",
-              },
-              text: "Energy Web X",
-              ui: {
-                color: "#53B1FF",
-                logo: nodesEwxSVG,
-              },
-            },
-            {
-              homepage: "https://equilibrium.io/",
-              info: "equilibrium",
-              paraId: 2011,
-              providers: {
-                // Dwellir: 'wss://equilibrium-rpc.dwellir.com'
-                // OnFinality: 'wss://equilibrium.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9977
-                // Equilibrium: 'wss://node.equilibrium.io' // https://github.com/polkadot-js/apps/issues/10174
-              },
-              text: "Equilibrium",
-              ui: {
-                color: "#1792ff",
-                logo: chainsEquilibriumSVG,
-              },
-            },
-            {
-              homepage: "https://frequency.xyz",
-              info: "frequency",
-              paraId: 2091,
-              providers: {
-                Dwellir: "wss://frequency-rpc.dwellir.com",
-                "Frequency 0": "wss://0.rpc.frequency.xyz",
-                "Frequency 1": "wss://1.rpc.frequency.xyz",
-                OnFinality:
-                  "wss://frequency-polkadot.api.onfinality.io/public-ws",
-              },
-              text: "Frequency",
-              ui: {
-                color: "#00b6af",
-                logo: chainsFrequencySVG,
-              },
-            },
-            {
-              homepage: "https://geminis.network/",
-              info: "geminis",
-              isUnreachable: true,
-              paraId: 2038,
-              providers: {
-                Geminis: "wss://rpc.geminis.network",
-              },
-              text: "Geminis",
-              ui: {
-                logo: chainsGeminisPNG,
-              },
-            },
-            {
-              homepage: "https://hashed.network/",
-              info: "hashed",
-              paraId: 2093,
-              providers: {
-                "Hashed Systems 1": "wss://c1.hashed.network",
-                // 'Hashed Systems 2': 'wss://c2.hashed.network', // https://github.com/polkadot-js/apps/issues/10912
-                // 'Hashed Systems 3': 'wss://c3.hashed.network' // https://github.com/polkadot-js/apps/issues/10912
-              },
-              text: "Hashed Network",
-              ui: {
-                color: "#9199A9",
-                logo: nodesHashedPNG,
-              },
-            },
-            {
-              homepage: "https://hydration.net/",
-              info: "hydradx",
-              paraId: 2034,
-              providers: {
-                Dwellir: "wss://hydradx-rpc.dwellir.com",
-                "Galactic Council": "wss://rpc.hydradx.cloud",
-                Helikon: "wss://rpc.helikon.io/hydradx",
-                IBP1: "wss://hydradx.paras.ibp.network",
-                IBP2: "wss://hydration.dotters.network",
-                // OnFinality: 'wss://hydradx.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9986
-                // ZeePrime: 'wss://rpc-lb.data6.zp-labs.net:8443/hydradx/ws/?token=2ZGuGivPJJAxXiT1hR1Yg2MXGjMrhEBYFjgbdPi' // https://github.com/polkadot-js/apps/issues/9760
-              },
-              text: "Hydration",
-              ui: {
-                color: "#240E32",
-                logo: chainsHydrationSVG,
-              },
-            },
-            {
-              homepage: "https://hyperbridge.network",
-              info: "hyperbridge",
-              paraId: 3367,
-              providers: {
-                BlockOps: "wss://hyperbridge-nexus-rpc.blockops.network",
-                IBP1: "wss://nexus.ibp.network",
-                IBP2: "wss://nexus.dotters.network",
-              },
-              text: "Hyperbridge (Nexus)",
-              ui: {
-                color: "#ED6FF1",
-                logo: nodesHyperbridgePNG,
-              },
-            },
-            {
-              homepage: "https://dot.crowdloan.integritee.network/",
-              info: "integritee",
-              paraId: 3359,
-              providers: {
-                Dwellir: "wss://integritee-rpc.dwellir.com",
-                Integritee: "wss://polkadot.api.integritee.network",
-              },
-              text: "Integritee Network",
-              ui: {
-                color: "#658ea9",
-                logo: nodesIntegriteeSVG,
-              },
-            },
-            {
-              homepage: "https://integritee.network",
-              info: "integritee",
-              paraId: 2039,
-              providers: {
-                // Dwellir: 'wss://integritee-rpc.dwellir.com',
-                // Integritee: 'wss://polkadot.api.integritee.network'
-              },
-              text: "Integritee Network",
-              ui: {
-                color: "#2e154b",
-                logo: nodesIntegriteeSVG,
-              },
-            },
-            {
-              homepage: "https://interlay.io/",
-              info: "interlay",
-              paraId: 2032,
-              providers: {
-                Dwellir: "wss://interlay-rpc.dwellir.com",
-                "Kintsugi Labs": "wss://api.interlay.io/parachain",
-                LuckyFriday: "wss://rpc-interlay.luckyfriday.io/",
-                // OnFinality: 'wss://interlay.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9986
-              },
-              text: "Interlay",
-              ui: {
-                color: "#3E96FF",
-                logo: nodesInterlaySVG,
-              },
-            },
-            {
-              homepage: "https://invarch.network/",
-              info: "invarch",
-              paraId: 3340,
-              providers: {
-                Dwellir: "wss://invarch-rpc.dwellir.com",
-              },
-              text: "InvArch",
-              ui: {
-                color: "linear-gradient(278deg, #f7d365 5.74%, #ff408a 99.41%)",
-                logo: chainsInvarchJPEG,
-              },
-            },
-            {
-              homepage: "https://totemaccounting.com/",
-              info: "kapex",
-              paraId: 2007,
-              providers: {
-                // Dwellir: 'wss://kapex-rpc.dwellir.com'
-                // OnFinality: 'wss://kapex-parachain.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9986
-                // Totem: 'wss://k-ui.kapex.network' // https://github.com/polkadot-js/apps/issues/9616
-              },
-              text: "Kapex",
-              ui: {
-                color:
-                  "linear-gradient(158deg, rgba(226,157,0,1) 0%, rgba(234,55,203,1) 100%)",
-                logo: chainsTotemSVG,
-              },
-            },
-            {
-              homepage: "https://www.kilt.io/",
-              info: "kilt",
-              paraId: 2086,
-              providers: {
-                BOTLabs: "wss://spiritnet.kilt.io/",
-                Dwellir: "wss://kilt-rpc.dwellir.com",
-                IBP1: "wss://kilt.ibp.network",
-                IBP2: "wss://kilt.dotters.network",
-              },
-              text: "KILT Spiritnet",
-              ui: {
-                color: "#8c145a",
-                logo: nodesKiltPNG,
-              },
-            },
-            {
-              homepage: "https://kylin.network/",
-              info: "kylin",
-              paraId: 2052,
-              providers: {
-                // 'Kylin Network': 'wss://polkadot.kylin-node.co.uk' // https://github.com/polkadot-js/apps/issues/10030
-              },
-              text: "Kylin",
-              ui: {
-                color: "#ed007e",
-                logo: nodesKylinPNG,
-              },
-            },
-            {
-              homepage: "https://laosnetwork.io/",
-              info: "laos",
-              paraId: 3370,
-              providers: {
-                Dwellir: "wss://laos-rpc.dwellir.com",
-                "freeverse.io": "wss://rpc.laos.laosfoundation.io",
-              },
-              text: "Laos",
-              ui: {
-                color:
-                  "linear-gradient(90deg, #25143B 0%, #613D93 29.69%, #EF9365 69.79%, #E2CF61 100%)",
-                logo: chainsLaosPNG,
-              },
-            },
-            {
-              homepage: "https://www.litentry.com/",
-              info: "litentry",
-              paraId: 2013,
-              providers: {
-                Dwellir: "wss://litentry-rpc.dwellir.com",
-                Litentry: "wss://rpc.litentry-parachain.litentry.io",
-                // OnFinality: 'wss://litentry.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9993
-              },
-              text: "Litentry",
-              ui: {
-                color: "#15B786",
-                logo: nodesLitentryPNG,
-              },
-            },
-            {
-              homepage: "https://logion.network/",
-              info: "logion",
-              paraId: 3354,
-              providers: {
-                "Logion 1": "wss://para-rpc01.logion.network",
-                // 'Logion 2': 'wss://para-rpc02.logion.network' // https://github.com/polkadot-js/apps/issues/10890
-              },
-              text: "Logion",
-              ui: {
-                color: "rgb(21, 38, 101)",
-                logo: chainsLogionPNG,
-              },
-            },
-            {
-              homepage: "https://manta.network",
-              info: "manta",
-              paraId: 2104,
-              providers: {
-                "Manta Network": "wss://ws.manta.systems",
-                // OnFinality: 'wss://manta.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9977
-              },
-              text: "Manta",
-              ui: {
-                color: "#2070a6",
-                logo: nodesMantaPNG,
-              },
-            },
-            {
-              homepage: "https://moonbeam.network/networks/moonbeam/",
-              info: "moonbeam",
-              paraId: 2004,
-              providers: {
-                Allnodes: "wss://moonbeam-rpc.publicnode.com",
-                // 'Automata 1RPC': 'wss://1rpc.io/glmr', // https://github.com/polkadot-js/apps/issues/10566
-                Blast: "wss://moonbeam.public.blastapi.io",
-                Dwellir: "wss://moonbeam-rpc.dwellir.com",
-                IBP1: "wss://moonbeam.ibp.network",
-                IBP2: "wss://moonbeam.dotters.network",
-                "Moonbeam Foundation": "wss://wss.api.moonbeam.network",
-                OnFinality: "wss://moonbeam.api.onfinality.io/public-ws",
-                RadiumBlock: "wss://moonbeam.public.curie.radiumblock.co/ws",
-                UnitedBloc: "wss://moonbeam.unitedbloc.com",
-              },
-              text: "Moonbeam",
-              ui: {
-                color: "#000000",
-                logo: nodesMoonbeamSVG,
-              },
-            },
-            {
-              homepage: "https://moonsama.com",
-              info: "moonsama",
-              paraId: 3334,
-              providers: {
-                // Moonsama: 'wss://rpc.moonsama.com/ws' // https://github.com/polkadot-js/apps/issues/10289
-              },
-              text: "Moonsama",
-              ui: {
-                color: "#1a202c",
-                logo: nodesMoonsamaSVG,
-              },
-            },
-            {
-              homepage: "https://mythos.foundation/",
-              info: "mythos",
-              paraId: 3369,
-              providers: {
-                parity: "wss://polkadot-mythos-rpc.polkadot.io",
-              },
-              text: "Mythos",
-              ui: {
-                color: "#262528",
-                logo: nodesMythosPNG,
-              },
-            },
-            {
-              homepage: "https://neuroweb.ai",
-              info: "neuroweb",
-              paraId: 2043,
-              providers: {
-                Dwellir: "wss://neuroweb-rpc.dwellir.com",
-                TraceLabs: "wss://parachain-rpc.origin-trail.network",
-              },
-              text: "NeuroWeb",
-              ui: {
-                color: "#000000",
-                logo: chainsNeurowebPNG,
-              },
-            },
-            {
-              homepage: "https://nodle.com",
-              info: "nodle",
-              paraId: 2026,
-              providers: {
-                Dwellir: "wss://nodle-rpc.dwellir.com",
-                OnFinality: "wss://nodle-parachain.api.onfinality.io/public-ws",
-              },
-              text: "Nodle",
-              ui: {
-                color: "#1ab394",
-                logo: nodesNodleSVG,
-              },
-            },
-            {
-              homepage: "https://oak.tech",
-              info: "oak",
-              isUnreachable: true,
-              paraId: 2090,
-              providers: {
-                OAK: "wss://rpc.oak.tech",
-              },
-              text: "OAK Network",
-              ui: {
-                color: "#A8278C",
-                logo: chainsOakPNG,
-              },
-            },
-            {
-              homepage: "https://www.omnibtc.finance",
-              info: "omnibtc",
-              isUnreachable: true,
-              paraId: 2053,
-              providers: {
-                OmniBTC: "wss://psc-parachain.coming.chat",
-              },
-              text: "OmniBTC",
-              ui: {
-                color: "#6759E9",
-                logo: nodesOmnibtcSVG,
-              },
-            },
-            {
-              homepage: "https://parallel.fi",
-              info: "parallel",
-              paraId: 2012,
-              providers: {
-                Dwellir: "wss://parallel-rpc.dwellir.com",
-                // OnFinality: 'wss://parallel.api.onfinality.io/public-ws', // https://github.com/polkadot-js/apps/issues/9986
-                // Parallel: 'wss://polkadot-parallel-rpc.parallel.fi' // https://github.com/polkadot-js/apps/issues/10220
-              },
-              text: "Parallel",
-              ui: {
-                color: "#ef18ac",
-                logo: nodesParallelSVG,
-              },
-            },
-            {
-              homepage: "https://peaq.network/",
-              info: "peaq",
-              paraId: 3338,
-              providers: {
-                // OnFinality: 'wss://peaq.api.onfinality.io/public-ws'
-              },
-              text: "peaq",
-              ui: {
-                color: "#281C66",
-                logo: chainsPeaqPNG,
-              },
-            },
-            {
-              homepage: "https://pendulumchain.org/",
-              info: "pendulum",
-              paraId: 2094,
-              providers: {
-                // Dwellir: 'wss://pendulum-rpc.dwellir.com',
-                PendulumChain: "wss://rpc-pendulum.prd.pendulumchain.tech",
-              },
-              text: "Pendulum",
-              ui: {
-                color: "#49E2FD",
-                logo: chainsPendulumSVG,
-              },
-            },
-            {
-              homepage: "https://phala.network",
-              info: "phala",
-              paraId: 2035,
-              providers: {
-                Dwellir: "wss://phala-rpc.dwellir.com",
-                Helikon: "wss://rpc.helikon.io/phala",
-                OnFinality: "wss://phala.api.onfinality.io/public-ws",
-                Phala: "wss://api.phala.network/ws",
-                RadiumBlock: "wss://phala.public.curie.radiumblock.co/ws",
-                // Rockx: 'wss://rockx-phala.w3node.com/polka-public-phala/ws' // https://github.com/polkadot-js/apps/issues/10728
-              },
-              text: "Phala Network",
-              ui: {
-                color: "#c6fa4c",
-                logo: nodesPhalaSVG,
-              },
-            },
-            {
-              homepage: "https://www.polimec.org/",
-              info: "polimec",
-              paraId: 3344,
-              providers: {
-                Amforc: "wss://polimec.rpc.amforc.com",
-                Helikon: "wss://rpc.helikon.io/polimec",
-                IBP1: "wss://polimec.ibp.network",
-                IBP2: "wss://polimec.dotters.network",
-                "Polimec Foundation": "wss://rpc.polimec.org",
-              },
-              text: "Polimec",
-              ui: {
-                color: "#25311C",
-                logo: nodesPolimecSVG,
-              },
-            },
-            {
-              homepage: "https://polkadex.trade/crowdloans",
-              info: "polkadex",
-              paraId: 3363,
-              providers: {
-                // Dwellir: 'wss://polkadex-parachain-rpc.dwellir.com',
-                // OnFinality: 'wss://polkadex-parachain.api.onfinality.io/public-ws',
-                // RadiumBlock: 'wss://polkadex-parachain.public.curie.radiumblock.co/ws'
-              },
-              text: "Polkadex",
-              ui: {
-                color: "#7C30DD",
-                logo: nodesPolkadexSVG,
-              },
-            },
-            {
-              homepage: "https://polkadex.trade/",
-              info: "polkadex",
-              paraId: 2040,
-              providers: {
-                Dwellir: "wss://polkadex-parachain-rpc.dwellir.com",
-                OnFinality:
-                  "wss://polkadex-parachain.api.onfinality.io/public-ws",
-                RadiumBlock:
-                  "wss://polkadex-parachain.public.curie.radiumblock.co/ws",
-              },
-              text: "Polkadex",
-              ui: {
-                color: "#7C30DD",
-                logo: nodesPolkadexSVG,
-              },
-            },
-            {
-              homepage: "http://robonomics.network/",
-              info: "robonomics",
-              paraId: 3388,
-              providers: {
-                Airalab: "wss://polkadot.rpc.robonomics.network/", // https://github.com/polkadot-js/apps/issues/10890
-              },
-              text: "Robonomics",
-              ui: {
-                color: "#2949d3",
-                logo: nodesRobonomicsSVG,
-              },
-            },
-            {
-              homepage: "https://sora.org/",
-              info: "sora",
-              paraId: 2025,
-              providers: {
-                Soramitsu:
-                  "wss://ws.parachain-collator-3.pc3.sora2.soramitsu.co.jp",
-              },
-              text: "SORA",
-              ui: {
-                color: "#2D2926",
-                logo: nodesSoraSubstrateSVG,
-              },
-            },
-            {
-              homepage: "https://subdao.network/",
-              info: "subdao",
-              isUnreachable: true,
-              paraId: 2018,
-              providers: {
-                SubDAO: "wss://parachain-rpc.subdao.org",
-              },
-              text: "SubDAO",
-              ui: {
-                color: "linear-gradient(50deg, #F20092 0%, #FF4D5D 100%)",
-                logo: nodesSubdaoPNG,
-              },
-            },
-            {
-              homepage: "http://subgame.org/",
-              info: "subgame",
-              paraId: 2017,
-              providers: {
-                // SubGame: 'wss://gamma.subgame.org/' // https://github.com/polkadot-js/apps/pull/6761
-              },
-              text: "SubGame Gamma",
-              ui: {
-                color: "#EB027D",
-                logo: nodesSubgameSVG,
-              },
-            },
-            {
-              homepage: "https://subsocial.network/",
-              info: "subsocial",
-              paraId: 2101,
-              providers: {
-                Dappforce: "wss://para.subsocial.network",
-                Dwellir: "wss://subsocial-rpc.dwellir.com",
-                // OnFinality: 'wss://subsocial-polkadot.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9977
-              },
-              text: "Subsocial",
-              ui: {
-                color: "#b9018c",
-                logo: nodesSubsocialSVG,
-              },
-            },
-            {
-              homepage: "https://www.t3rn.io/",
-              info: "t3rn",
-              paraId: 3333,
-              providers: {
-                t3rn: "wss://ws.t3rn.io",
-              },
-              text: "t3rn",
-              ui: {
-                color: "#6f3bb2",
-                logo: nodesT3rnPNG,
-              },
-            },
-            {
-              homepage: "https://unique.network/",
-              info: "unique",
-              paraId: 2037,
-              providers: {
-                Dwellir: "wss://unique-rpc.dwellir.com",
-                "Geo Load Balancer": "wss://ws.unique.network",
-                IBP1: "wss://unique.ibp.network",
-                IBP2: "wss://unique.dotters.network",
-                // OnFinality: 'wss://unique.api.onfinality.io/public-ws', // https://github.com/polkadot-js/apps/issues/10030
-                "Unique America": "wss://us-ws.unique.network",
-                "Unique Asia": "wss://asia-ws.unique.network",
-                "Unique Europe": "wss://eu-ws.unique.network",
-              },
-              text: "Unique Network",
-              ui: {
-                color: "#40BCFF",
-                logo: nodesUniqueSVG,
-              },
-            },
-            {
-              homepage: "https://www.watr.org/",
-              info: "watr",
-              paraId: 2058,
-              providers: {
-                // Watr: 'wss://watr-rpc.watr-api.network' // https://github.com/polkadot-js/apps/issues/10890
-              },
-              text: "Watr Network",
-              ui: {
-                color: "#373b39",
-                logo: chainsWatrPNG,
-              },
-            },
-            {
-              homepage: "https://zeitgeist.pm",
-              info: "zeitgeist",
-              paraId: 2092,
-              providers: {
-                OnFinality: "wss://zeitgeist.api.onfinality.io/public-ws",
-                ZeitgeistPM: "wss://main.rpc.zeitgeist.pm/ws",
-              },
-              text: "Zeitgeist",
-              ui: {
-                color:
-                  "linear-gradient(180deg, rgba(32,90,172,1) 0%, rgba(26,72,138,1) 50%, rgba(13,36,69,1) 100%)",
-                logo: nodesZeitgeistPNG,
-              },
-            },
-          ];
-          this.endpoints.push(
-            {
-              info: "PolkadotAssetHub",
-              isPeopleForIdentity: true,
-              paraId: 1000,
-              providers: {
-                Dwellir: "wss://asset-hub-polkadot-rpc.dwellir.com",
-                "Dwellir Tunisia": "wss://statemint-rpc-tn.dwellir.com",
-                IBP1: "wss://sys.ibp.network/asset-hub-polkadot",
-                IBP2: "wss://asset-hub-polkadot.dotters.network",
-                LuckyFriday: "wss://rpc-asset-hub-polkadot.luckyfriday.io",
-                OnFinality: "wss://statemint.api.onfinality.io/public-ws",
-                Parity: "wss://polkadot-asset-hub-rpc.polkadot.io",
-                RadiumBlock: "wss://statemint.public.curie.radiumblock.co/ws",
-                Stakeworld: "wss://dot-rpc.stakeworld.io/assethub",
-              },
-              relayName: "polkadot",
-              teleport: [-1],
-              text: "AssetHub",
-              ui: {
-                color: "#86e62a",
-                logo: nodesAssetHubSVG,
-              },
-            },
-            {
-              info: "polkadotBridgeHub",
-              isPeopleForIdentity: true,
-              paraId: 1002,
-              providers: {
-                Dwellir: "wss://bridge-hub-polkadot-rpc.dwellir.com",
-                "Dwellir Tunisia":
-                  "wss://polkadot-bridge-hub-rpc-tn.dwellir.com",
-                IBP1: "wss://sys.ibp.network/bridgehub-polkadot",
-                IBP2: "wss://bridge-hub-polkadot.dotters.network",
-                LuckyFriday: "wss://rpc-bridge-hub-polkadot.luckyfriday.io",
-                OnFinality:
-                  "wss://bridgehub-polkadot.api.onfinality.io/public-ws",
-                Parity: "wss://polkadot-bridge-hub-rpc.polkadot.io",
-                RadiumBlock:
-                  "wss://bridgehub-polkadot.public.curie.radiumblock.co/ws",
-                Stakeworld: "wss://dot-rpc.stakeworld.io/bridgehub",
-              },
-              relayName: "polkadot",
-              teleport: [-1],
-              text: "BridgeHub",
-              ui: {
-                logo: nodesBridgeHubSVG,
-              },
-            },
-            {
-              info: "polkadotCollectives",
-              isPeopleForIdentity: true,
-              paraId: 1001,
-              providers: {
-                Dwellir: "wss://collectives-polkadot-rpc.dwellir.com",
-                "Dwellir Tunisia":
-                  "wss://polkadot-collectives-rpc-tn.dwellir.com",
-                IBP1: "wss://sys.ibp.network/collectives-polkadot",
-                IBP2: "wss://collectives-polkadot.dotters.network",
-                LuckyFriday: "wss://rpc-collectives-polkadot.luckyfriday.io",
-                OnFinality: "wss://collectives.api.onfinality.io/public-ws",
-                Parity: "wss://polkadot-collectives-rpc.polkadot.io",
-                RadiumBlock: "wss://collectives.public.curie.radiumblock.co/ws",
-                Stakeworld: "wss://dot-rpc.stakeworld.io/collectives",
-              },
-              relayName: "polkadot",
-              teleport: [-1],
-              text: "Collectives",
-              ui: {
-                color: "#e6777a",
-                logo: "fa;people-group",
-              },
-            },
-            {
-              info: "polkadotCoretime",
-              isPeopleForIdentity: true,
-              paraId: 1005,
-              providers: {
-                IBP2: "wss://coretime-polkadot.dotters.network",
-                Parity: "wss://polkadot-coretime-rpc.polkadot.io",
-              },
-              relayName: "polkadot",
-              teleport: [-1],
-              text: "Coretime",
-              ui: {},
-            },
-            {
-              info: "polkadotPeople",
-              isPeople: true,
-              isPeopleForIdentity: false,
-              paraId: 1004,
-              providers: {
-                IBP1: "wss://sys.ibp.network/people-polkadot",
-                IBP2: "wss://people-polkadot.dotters.network",
-                LuckyFriday: "wss://rpc-people-polkadot.luckyfriday.io",
-                Parity: "wss://polkadot-people-rpc.polkadot.io",
-                RadiumBlock:
-                  "wss://people-polkadot.public.curie.radiumblock.co/ws",
-              },
-              relayName: "polkadot",
-              teleport: [-1],
-              text: "People",
-              ui: {
-                color: "#e84366",
-                logo: chainsPeoplePolkadotSVG,
-              },
-            }
-          );
-          break;
-      }
-
-      // https://github.com/polkadot-js/apps/blob/master/packages/apps-config/src/endpoints/testingRelayRococo.ts
-      this.rocEndpoints = [
-        {
-          info: "rococoAmplitude",
-          paraId: 2124,
-          text: "Amplitude",
-          providers: {
-            PendulumChain: "wss://pencol-roc-00.pendulumchain.tech",
-          },
-        },
-        {
-          info: "arctic",
-          paraId: 3015,
-          text: "Arctic",
-          providers: {
-            Arctic: "wss://arctic-rococo-rpc.icenetwork.io",
-          },
-        },
-        {
-          info: "rococoAventus",
-          homepage: "https://www.aventus.io/",
-          paraId: 2056,
-          text: "Aventus",
-          providers: {},
-        },
-        {
-          info: "rococoBajun",
-          paraId: 2119,
-          text: "Bajun Network",
-          providers: {
-            AjunaNetwork: "wss://rpc-rococo.bajun.network",
-          },
-        },
-        {
-          info: "rococoBasilisk",
-          paraId: 2090,
-          text: "Basilisk",
-          providers: {
-            "Galactic Council": "wss://rococo-basilisk-rpc.hydration.dev",
-          },
-        },
-        {
-          info: "rococoBifrost",
-          paraId: 2030,
-          text: "Bifrost",
-          providers: {
-            Liebi: "wss://bifrost-rpc.rococo.liebi.com/ws",
-          },
-        },
-        {
-          info: "rococoBitgreen",
-          paraId: 3024,
-          text: "Bitgreen",
-          providers: {
-            Bitgreen: "wss://testnet.bitgreen.org",
-          },
-        },
-        {
-          info: "rococoCatalyst",
-          paraId: 2031,
-          text: "Catalyst",
-          providers: {
-            Centrifuge: "wss://fullnode.catalyst.cntrfg.com",
-          },
-        },
-        {
-          info: "rococoConfti",
-          paraId: 4094,
-          text: "Confti",
-          providers: {
-            // Confti: 'wss://ws.confti.club' // https://github.com/polkadot-js/apps/issues/8036
-          },
-        },
-        {
-          info: "rococoCrust",
-          paraId: 2012,
-          text: "Crust Testnet",
-          providers: {
-            Crust: "wss://rococo-csm.crustcode.com/",
-          },
-        },
-        {
-          info: "rococoDali",
-          paraId: 2087,
-          text: "Dali",
-          providers: {
-            Composable: "wss://rpc.composablefinance.ninja",
-          },
-        },
-        {
-          info: "rococoDolphin",
-          paraId: 2084,
-          text: "Dolphin",
-          providers: {
-            "Manta Network": "wss://ws.rococo.dolphin.engineering",
-          },
-        },
-        {
-          info: "Eggnet",
-          paraId: 4006,
-          text: "Eggnet",
-          providers: {
-            // Webb: 'wss://rococo1.webb.tools' // https://github.com/polkadot-js/apps/issues/8175
-          },
-        },
-        {
-          info: "rococoFrequency",
-          paraId: 4044,
-          text: "Frequency",
-          providers: {
-            // Frequency: 'wss://collator1.frequency.xyz' // https://github.com/polkadot-js/apps/issues/8355
-          },
-        },
-        {
-          info: "rococoGenshiro",
-          paraId: 2024,
-          text: "Genshiro Testnet",
-          providers: {
-            Equilibrium:
-              "wss://parachain-testnet.equilab.io/rococo/collator/node1/wss",
-          },
-        },
-        {
-          info: "helixstreet",
-          paraId: 3025,
-          text: "Helixstreet",
-          providers: {
-            Helixstreet: "wss://rpc-rococo.helixstreet.io",
-          },
-        },
-        {
-          info: "rococoHydraDX",
-          paraId: 2034,
-          text: "HydraDX",
-          providers: {
-            "Galactic Council": "wss://rococo-hydradx-rpc.hydration.dev",
-          },
-        },
-        {
-          info: "rococoImbue",
-          paraId: 2121,
-          text: "Imbue Network",
-          providers: {
-            "Imbue Network": "wss://rococo.imbue.network",
-          },
-        },
-        {
-          info: "rococoIntegritee",
-          paraId: 3002,
-          text: "Integritee Network",
-          providers: {
-            Integritee: "wss://rococo.api.integritee.network",
-          },
-        },
-        {
-          info: "rococoKabocha",
-          paraId: 2113,
-          text: "Kabocha (kabsoup)",
-          providers: {
-            JelliedOwl: "wss://kabsoup1.jelliedowl.com",
-          },
-        },
-        {
-          info: "rococoLitentry",
-          paraId: 2106,
-          text: "Litentry",
-          providers: {
-            Litentry: "wss://rpc.rococo-parachain-sg.litentry.io",
-          },
-        },
-        {
-          info: "rococoMangata",
-          paraId: 2110,
-          text: "Mangata",
-          providers: {
-            Mangata: "wss://roccoco-testnet-collator-01.mangatafinance.cloud",
-          },
-        },
-        {
-          info: "rococoMd5",
-          paraId: 2089,
-          text: "MD5 Network",
-          providers: {
-            "Hashed Systems": "wss://c1.md5.network",
-          },
-        },
-        {
-          info: "rococoMoonsama",
-          paraId: 2055,
-          text: "Moonsama",
-          providers: {
-            // Moonsama: 'wss://moonsama-testnet-rpc.moonsama.com' // https://github.com/polkadot-js/apps/issues/7526
-          },
-        },
-        {
-          info: "rococoNodle",
-          paraId: 2026,
-          text: "Nodle",
-          providers: {
-            OnFinality: "wss://nodle-paradis.api.onfinality.io/public-ws",
-          },
-        },
-        {
-          info: "chainoli",
-          homepage: "https://www.my-oli.com/en/",
-          paraId: 4023,
-          text: "OLI",
-          providers: {},
-        },
-        {
-          info: "rococoOriginTrailParachain",
-          homepage: "https://parachain.origintrail.io",
-          paraId: 2043,
-          text: "OriginTrail Testnet",
-          providers: {
-            TraceLabs: "wss://parachain-testnet-rpc.origin-trail.network/",
-          },
-        },
-        {
-          info: "rococoPangolin",
-          paraId: 2105,
-          text: "Pangolin",
-          providers: {
-            "Darwinia Network": "wss://pangolin-parachain-rpc.darwinia.network",
-          },
-        },
-        {
-          info: "rococoKilt",
-          paraId: 2086,
-          text: "RILT",
-          providers: {
-            "KILT Protocol": "wss://rococo.kilt.io",
-          },
-        },
-        {
-          info: "robonomics",
-          homepage: "http://robonomics.network/",
-          paraId: 2048,
-          text: "Robonomics",
-          providers: {
-            Airalab: "wss://rococo.rpc.robonomics.network",
-          },
-        },
-        {
-          info: "rocfinity",
-          paraId: 2021,
-          text: "Rocfinity",
-          providers: {
-            Efinity: "wss://rpc.rococo.efinity.io",
-          },
-        },
-        {
-          info: "snowbridge",
-          paraId: 3016,
-          text: "Snowbridge",
-          providers: {
-            Snowfork: "wss://rococo-rpc.snowbridge.network",
-          },
-        },
-        {
-          info: "rococoSubsocial",
-          paraId: 2100,
-          text: "SoonsocialX",
-          providers: {
-            DappForce: "wss://rco-para.subsocial.network",
-          },
-        },
-        {
-          info: "rococoSora",
-          paraId: 2011,
-          text: "SORA",
-          providers: {
-            Soramitsu:
-              "wss://ws.parachain-collator-1.c1.stg1.sora2.soramitsu.co.jp",
-          },
-        },
-        {
-          info: "rococoSpreehafen",
-          paraId: 2116,
-          text: "Spreehafen",
-          providers: {
-            DataHighway: "wss://spreehafen.datahighway.com",
-          },
-        },
-        {
-          info: "stagex",
-          homepage: "https://totemaccounting.com/",
-          paraId: 2007,
-          text: "Stagex",
-          providers: {
-            Totem: "wss://s-ui.kapex.network",
-          },
-        },
-        {
-          info: "rococoSubzero",
-          paraId: 4040,
-          text: "Subzero",
-          providers: {
-            ZERO: "wss://staging.para.sub.zero.io",
-          },
-        },
-        {
-          info: "t0rn",
-          paraId: 3333,
-          text: "t0rn",
-          providers: {
-            t3rn: "wss://dev.net.t3rn.io",
-          },
-        },
-        {
-          info: "rococoTinkernet",
-          paraId: 2125,
-          text: "Tinkernet",
-          providers: {
-            // 'InvArch Team': 'wss://rococo.invarch.network' // https://github.com/polkadot-js/apps/issues/8266
-          },
-        },
-        {
-          info: "rococoTuring",
-          paraId: 2114,
-          text: "Turing Network (Staging)",
-          providers: {
-            OAK: "wss://rpc.turing-staging.oak.tech",
-          },
-        },
-        {
-          info: "rococoUnitNetwork",
-          paraId: 4168,
-          text: "Unit Network",
-          providers: {
-            UnitNetwork: "wss://www.unitnode3.info:443",
-          },
-        },
-        {
-          info: "rococoVirto",
-          paraId: 3003,
-          text: "Virto",
-          providers: {
-            // VirtoNetwork: 'wss://rococo.virtonetwork.xyz' // https://github.com/polkadot-js/apps/issues/8024
-          },
-        },
-        {
-          info: "rococoWatr",
-          paraId: 2058,
-          text: "Watr Network",
-          providers: {
-            Watr: "wss://rpc.dev.watr.org",
-          },
-        },
-        {
-          info: "rococoZeitgeist",
-          paraId: 2101,
-          text: "Zeitgeist Battery Station",
-          providers: {
-            Zeitgeist: "wss://roc.zeitgeist.pm",
-          },
-        },
-        {
-          info: "rococoStatemint",
-          paraId: 1000,
-          text: "Rockmine",
-          providers: {
-            Parity: "wss://rococo-statemint-rpc.polkadot.io",
-          },
-          teleport: [-1],
-        },
-        {
-          info: "rococoContracts",
-          paraId: 1002,
-          text: "Contracts",
-          providers: {
-            Parity: "wss://rococo-contracts-rpc.polkadot.io",
-          },
-          teleport: [-1],
-        },
-        {
-          info: "encointer",
-          homepage: "https://encointer.org/",
-          paraId: 1003,
-          text: "Encointer Lietaer",
-          providers: {
-            "Encointer Association": "wss://rococo.api.encointer.org",
-          },
-          teleport: [-1],
-        },
-        {
-          info: "rococoBridgehub",
-          paraId: 1013,
-          text: "Bridgehub",
-          providers: {
-            Parity: "wss://rococo-bridge-hub-rpc.polkadot.io",
-          },
-          teleport: [-1],
-        },
-      ];
-      this.rocEndpoints.push(
-        {
-          paraId: 2000,
-          providers: {
-            Acala: "wss://karura-rococo.aca-dev.network",
-          },
-        },
-        {
-          paraId: 2102,
-          providers: {
-            Pichiu: "wss://pichiu-rococo-01.onebitdev.com",
-          },
-        },
-        {
-          info: "rocstar",
-          paraId: 2006,
-          text: "RocStar",
-          providers: {
-            Astar: "wss://rocstar.astar.network",
-          },
-        }
-      );
-
-      if (chain === "Rococo") {
-        this.rocEndpoints.map((r) => {
-          r.info = r.info ? r.info.replace("rococo", "") : "";
-          if (this.endpoints.find((e) => e.paraId !== r.paraId)) {
-            this.endpoints.push(r);
-          }
-        });
+    getParaId() {
+      if (isNaN(this.$route.params.para)) {
+        return +this.endpoints.find(
+          (c) => c.info.toLowerCase() === this.$route.params.para.toLowerCase()
+        ).paraId;
       }
+      return +this.$route.params.para;
     },
   },
 });
@@ -3531,14 +242,12 @@ export default defineComponent({
     font-size: 14px;
   }
 }
-// transitions when scaling on mouseover.
+
 .face-circle,
 .face-picture {
   transition: all 0.1s linear;
 }
 
-// suppress image events so that mouse events are received
-// by the background circle.
 .face-picture {
   pointer-events: none;
 }
diff --git a/src/utils/currencies.js b/src/utils/currencies.js
new file mode 100644
index 0000000..f4d8906
--- /dev/null
+++ b/src/utils/currencies.js
@@ -0,0 +1,60 @@
+import { ApiPromise, WsProvider } from "@polkadot/api";
+import { BN } from "bn.js";
+import { equilibrium, genshiro } from "@equilab/definitions";
+
+export async function getCurrencies(chain, paraId, endpoints, para) {
+  const BN = require("bn.js");
+  console.log("chain, paraId", chain, paraId);
+
+  para = endpoints.find((c) => c.paraId === paraId);
+
+  if (chain === "Rococo" && rocEndpoints.find((c) => c.paraId === paraId))
+    para.providers = rocEndpoints.find((c) => c.paraId === paraId).providers;
+
+  console.log("para", para);
+
+  let assets = [];
+  if (
+    !assets.find((c) => c.paraId === paraId && c.chain === chain) ||
+    !assets.find((c) => c.paraId === paraId && c.chain === chain).asset.length
+  ) {
+    let types = {};
+
+    if (paraId === 2024 && (chain === "Kusama" || chain === "Rococo")) {
+      types = genshiro.types;
+    } else if (paraId === 2011 && chain === "Polkadot") {
+      types = equilibrium.types;
+    }
+
+    console.log("types", types);
+    const wss = Object.values(para.providers)[0];
+    const provider = new WsProvider(wss);
+    const api = await ApiPromise.create({ provider, types });
+
+    const systemProperties = await api.rpc.system.properties();
+    const symbol = systemProperties.tokenSymbol.value.toHuman()[0];
+    const decimals = systemProperties.tokenDecimals.value.toHuman()[0];
+    console.log("systemProperties", systemProperties);
+
+    let asset = [];
+    let assetMetadata = [];
+
+    // ... (rest of the getCurrencies logic)
+
+    if (assets.find((c) => c.paraId === paraId && c.chain === chain)) {
+      assets.find((c) => c.paraId === paraId && c.chain === chain).asset =
+        asset;
+    } else {
+      assets.push({
+        chain,
+        paraId,
+        asset,
+      });
+    }
+
+    console.log("assets", assets);
+    await api.disconnect();
+  }
+
+  return { para, assets };
+}
diff --git a/src/utils/endpoints.js b/src/utils/endpoints.js
new file mode 100644
index 0000000..a9222bf
--- /dev/null
+++ b/src/utils/endpoints.js
@@ -0,0 +1,291 @@
+import {
+  chainsAbandPNG,
+  chainsAcurastPNG,
+  chainsAltairSVG,
+  chainsAmplitudeSVG,
+  chainsAssethubKusamaSVG,
+  chainsCoretimeKusamaSVG,
+  chainsDorafactoryPNG,
+  chainsGenshiroSVG,
+  chainsGmJPEG,
+  chainsKaruraSVG,
+  chainsKicoPNG,
+  chainsKintsugiPNG,
+  chainsKreivoSVG,
+  chainsKusamaSVG,
+  chainsListenPNG,
+  chainsMangataPNG,
+  chainsPeopleKusamaSVG,
+  chainsQpnPNG,
+  chainsRiodefiPNG,
+  chainsShidenPNG,
+  chainsTinkerPNG,
+  chainsTuringPNG,
+  chainsUnorthodoxPNG,
+  chainsAcalaSVG,
+  chainsBitgreenPNG,
+  chainsComposableFinancePNG,
+  chainsEquilibriumSVG,
+  chainsFrequencySVG,
+  chainsGeminisPNG,
+  chainsHydrationSVG,
+  chainsInvarchJPEG,
+  chainsLaosPNG,
+  chainsLogionPNG,
+  chainsNeurowebPNG,
+  chainsOakPNG,
+  chainsPeaqPNG,
+  chainsPendulumSVG,
+  chainsPeoplePolkadotSVG,
+  chainsPolkadotCircleSVG,
+  chainsTotemSVG,
+  chainsWatrPNG,
+} from "../assets/chains/index.ts";
+
+import {
+  nodesApronPNG,
+  nodesAresMarsPNG,
+  nodesBajunPNG,
+  nodesBasiliskPNG,
+  nodesBitcountryPNG,
+  nodesBridgeHubBlackSVG,
+  nodesCalamariPNG,
+  nodesCrabSVG,
+  nodesCurioSVG,
+  nodesDatahighwayPNG,
+  nodesEncointerBlueSVG,
+  nodesImbuePNG,
+  nodesIpciSVG,
+  nodesKabochaSVG,
+  nodesKhalaSVG,
+  nodesKrestPNG,
+  nodesLitmusPNG,
+  nodesLoomNetworkPNG,
+  nodesMoonriverSVG,
+  nodesPicassoPNG,
+  nodesPichiuPNG,
+  nodesPolkasmithSVG,
+  nodesQuartzPNG,
+  nodesSakuraSVG,
+  nodesShadowSVG,
+  nodesSnowPNG,
+  nodesSubsocialXSVG,
+  nodesT1rnPNG,
+  nodesTrustbasePNG,
+  nodesXodePNG,
+  nodesYerbanetworkPNG,
+  nodesZeroSVG,
+  nodesAjunaPNG,
+  nodesAresOdysseySVG,
+  nodesAssetHubSVG,
+  nodesAstarPNG,
+  nodesAventusSVG,
+  nodesBifrostSVG,
+  nodesBridgeHubSVG,
+  nodesCentrifugePNG,
+  nodesCloverSVG,
+  nodesCoinversationPNG,
+  nodesContinuumPNG,
+  nodesCrustParachainSVG,
+  nodesDarwiniaSVG,
+  nodesEfinitySVG,
+  nodesEwxSVG,
+  nodesHashedPNG,
+  nodesHyperbridgePNG,
+  nodesIntegriteeSVG,
+  nodesInterlaySVG,
+  nodesKiltPNG,
+  nodesKylinPNG,
+  nodesLitentryPNG,
+  nodesMantaPNG,
+  nodesMoonbeamSVG,
+  nodesMoonsamaSVG,
+  nodesMythosPNG,
+  nodesNodleSVG,
+  nodesOmnibtcSVG,
+  nodesParallelSVG,
+  nodesPhalaSVG,
+  nodesPolimecSVG,
+  nodesPolkadexSVG,
+  nodesRobonomicsSVG,
+  nodesSoraSubstrateSVG,
+  nodesSubdaoPNG,
+  nodesSubgameSVG,
+  nodesSubsocialSVG,
+  nodesT3rnPNG,
+  nodesUniqueSVG,
+  nodesZeitgeistPNG,
+} from "../assets/nodes/index.ts";
+
+export function getEndpoints(chain) {
+  let endpoints = [];
+
+  switch (chain) {
+    case "Kusama":
+    case "Rococo":
+      endpoints = [
+        {
+          homepage: "https://a.band",
+          info: "aband",
+          paraId: 2257,
+          providers: {
+            // 'Aband DAO': 'wss://rpc-parachain.a.band' // https://github.com/polkadot-js/apps/issues/9334
+          },
+          text: "Aband",
+          ui: {
+            color: "#7358ff",
+            logo: chainsAbandPNG,
+          },
+        },
+        {
+          homepage: "https://acurast.com",
+          info: "acurast",
+          paraId: 2239,
+          providers: {
+            Acurast: "wss://public-rpc.canary.acurast.com",
+          },
+          text: "Acurast Canary",
+          ui: {
+            color: "#000000",
+            logo: chainsAcurastPNG,
+          },
+        },
+        {
+          homepage: "https://centrifuge.io/altair",
+          info: "altair",
+          paraId: 2088,
+          providers: {
+            Centrifuge: "wss://fullnode.altair.centrifuge.io",
+            OnFinality: "wss://altair.api.onfinality.io/public-ws",
+          },
+          text: "Altair",
+          ui: {
+            color: "#ffb700",
+            logo: chainsAltairSVG,
+          },
+        },
+        // ... More Kusama/Rococo endpoints ...
+      ];
+      break;
+
+    case "Polkadot":
+    case "Westend":
+      endpoints = [
+        {
+          homepage: "https://acala.network/",
+          info: "acala",
+          paraId: 2000,
+          providers: {
+            "Acala Foundation 0": "wss://acala-rpc-0.aca-api.network",
+            "Acala Foundation 1": "wss://acala-rpc-1.aca-api.network",
+            "Acala Foundation 3": "wss://acala-rpc-3.aca-api.network/ws",
+            Dwellir: "wss://acala-rpc.dwellir.com",
+            OnFinality: "wss://acala-polkadot.api.onfinality.io/public-ws",
+          },
+          text: "Acala",
+          ui: {
+            color: "#645AFF",
+            logo: chainsAcalaSVG,
+          },
+        },
+        {
+          homepage: "https://ajuna.io",
+          info: "ajuna",
+          paraId: 2051,
+          providers: {
+            AjunaNetwork: "wss://rpc-para.ajuna.network",
+            IBP1: "wss://ajuna.ibp.network",
+            IBP2: "wss://ajuna.dotters.network",
+            OnFinality: "wss://ajuna.api.onfinality.io/public-ws",
+            RadiumBlock: "wss://ajuna.public.curie.radiumblock.co/ws",
+          },
+          text: "Ajuna Network",
+          ui: {
+            color: "#161212",
+            logo: nodesAjunaPNG,
+          },
+        },
+        // ... More Polkadot/Westend endpoints ...
+      ];
+      break;
+  }
+
+  // Common endpoints for all networks
+  endpoints.push(
+    {
+      info: chain + "AssetHub",
+      isPeopleForIdentity: true,
+      paraId: 1000,
+      providers: {
+        Dwellir: "wss://asset-hub-" + chain.toLowerCase() + "-rpc.dwellir.com",
+        "Dwellir Tunisia": "wss://statemint-rpc-tn.dwellir.com",
+        IBP1: "wss://sys.ibp.network/asset-hub-" + chain.toLowerCase(),
+        IBP2: "wss://asset-hub-" + chain.toLowerCase() + ".dotters.network",
+        LuckyFriday:
+          "wss://rpc-asset-hub-" + chain.toLowerCase() + ".luckyfriday.io",
+        Parity: "wss://" + chain.toLowerCase() + "-asset-hub-rpc.polkadot.io",
+        Stakeworld:
+          "wss://" +
+          (chain === "Polkadot" ? "dot" : "ksm") +
+          "-rpc.stakeworld.io/assethub",
+      },
+      relayName: chain.toLowerCase(),
+      teleport: [-1],
+      text: "AssetHub",
+      ui: {
+        color: chain === "Polkadot" ? "#86e62a" : "#113911",
+        logo: chain === "Polkadot" ? nodesAssetHubSVG : chainsAssethubKusamaSVG,
+      },
+    },
+    {
+      info: chain.toLowerCase() + "BridgeHub",
+      isPeopleForIdentity: true,
+      paraId: 1002,
+      providers: {
+        Dwellir: "wss://bridge-hub-" + chain.toLowerCase() + "-rpc.dwellir.com",
+        "Dwellir Tunisia":
+          "wss://" + chain.toLowerCase() + "-bridge-hub-rpc-tn.dwellir.com",
+        IBP1: "wss://sys.ibp.network/bridgehub-" + chain.toLowerCase(),
+        IBP2: "wss://bridge-hub-" + chain.toLowerCase() + ".dotters.network",
+        LuckyFriday:
+          "wss://rpc-bridge-hub-" + chain.toLowerCase() + ".luckyfriday.io",
+        Parity: "wss://" + chain.toLowerCase() + "-bridge-hub-rpc.polkadot.io",
+        Stakeworld:
+          "wss://" +
+          (chain === "Polkadot" ? "dot" : "ksm") +
+          "-rpc.stakeworld.io/bridgehub",
+      },
+      relayName: chain.toLowerCase(),
+      teleport: [-1],
+      text: "BridgeHub",
+      ui: {
+        logo: chain === "Polkadot" ? nodesBridgeHubSVG : nodesBridgeHubBlackSVG,
+      },
+    }
+    // ... More common endpoints ...
+  );
+
+  return endpoints;
+}
+
+export const rocEndpoints = [
+  {
+    info: "rococoAmplitude",
+    paraId: 2124,
+    text: "Amplitude",
+    providers: {
+      PendulumChain: "wss://pencol-roc-00.pendulumchain.tech",
+    },
+  },
+  {
+    info: "arctic",
+    paraId: 3015,
+    text: "Arctic",
+    providers: {
+      Arctic: "wss://arctic-rococo-rpc.icenetwork.io",
+    },
+  },
+  // ... More Rococo-specific endpoints ...
+];
+
+// You can add more utility functions here if needed
diff --git a/src/utils/eventHandlers.js b/src/utils/eventHandlers.js
new file mode 100644
index 0000000..7e53cab
--- /dev/null
+++ b/src/utils/eventHandlers.js
@@ -0,0 +1,13 @@
+export function setupEventHandlers(nodes) {
+  return {
+    "node:click": ({ node }) => {
+      nodes[node].active = !nodes[node].active;
+    },
+    "node:pointerover": ({ node }) => {
+      console.log(`Pointer over node: ${node}`);
+    },
+    "node:pointerout": ({ node }) => {
+      console.log(`Pointer out of node: ${node}`);
+    },
+  };
+}
diff --git a/src/utils/graphConfigs.js b/src/utils/graphConfigs.js
new file mode 100644
index 0000000..1b37457
--- /dev/null
+++ b/src/utils/graphConfigs.js
@@ -0,0 +1,91 @@
+import { ForceLayout } from "v-network-graph/lib/force-layout";
+import * as vNG from "v-network-graph";
+
+export function setupConfigs(mode, isDarkActive) {
+  return vNG.defineConfigs({
+    view: {
+      layoutHandler: new ForceLayout({
+        positionFixedByDrag: false,
+        positionFixedByClickWithAltKey: true,
+      }),
+    },
+    node: {
+      normal: {},
+      label: {
+        color: isDarkActive ? "#ffffff" : "#000000",
+        visible: true,
+        fontSize: 40,
+        margin: 20,
+        padding: 20,
+      },
+    },
+    edge: {
+      selectable: false,
+      normal: {
+        width: (n) =>
+          n.sender !== this.nodeOver && n.recipient !== this.nodeOver ? 1 : 3,
+        color: (n) =>
+          n.type === "request"
+            ? "#e6007a"
+            : isDarkActive
+            ? "#40E0D0"
+            : "#0000ff",
+        dasharray: (n) =>
+          (n.type === "request" &&
+            n.sender !== this.nodeOver &&
+            n.recipient !== this.nodeOver) ||
+          (n.type !== "request" && n.sender === this.nodeOver) ||
+          (n.type !== "request" && n.recipient === this.nodeOver)
+            ? "10"
+            : "#0",
+        linecap: "butt",
+        animate: (n) =>
+          (n.sender === this.nodeOver || n.recipient === this.nodeOver) &&
+          n.type !== "request",
+        animationSpeed: 50,
+      },
+      hover: {
+        width: 4,
+        color: (n) =>
+          n.type === "request"
+            ? "#e6007a"
+            : isDarkActive
+            ? "#40E0D0"
+            : "#0000ff",
+        dasharray: "0",
+        linecap: "butt",
+        animate: false,
+        animationSpeed: 50,
+      },
+      selected: {
+        width: 3,
+        color: "#dd8800",
+        dasharray: "6",
+        linecap: "round",
+        animate: false,
+        animationSpeed: 50,
+      },
+      gap: 5,
+      type: "straight",
+      margin: 15,
+      marker: {
+        source: {
+          type: "none",
+          width: 5,
+          height: 5,
+          margin: 0,
+          units: "strokeWidth",
+          color: null,
+        },
+        target: {
+          type: "arrow",
+          width: 10,
+          height: 5,
+          margin: 0,
+          units: "strokeWidth",
+          color: null,
+        },
+      },
+    },
+  });
+}

From e78b2f9b071425a7e3c9d555f8ee8f6e7e750a36 Mon Sep 17 00:00:00 2001
From: Gregory Luneau <gregory.luneau@gmail.com>
Date: Sat, 28 Sep 2024 13:10:17 -0500
Subject: [PATCH 2/6] refactor fixes

---
 src/components/LeftDrawer.vue   |  17 ++++-
 src/components/NetworkGraph.vue |  49 ++++++++++---
 src/pages/Index.vue             | 119 +++++++++++++++++++++++++-------
 src/utils/eventHandlers.js      |   8 +--
 src/utils/graphConfigs.js       |  16 ++---
 5 files changed, 160 insertions(+), 49 deletions(-)

diff --git a/src/components/LeftDrawer.vue b/src/components/LeftDrawer.vue
index a799450..7297931 100644
--- a/src/components/LeftDrawer.vue
+++ b/src/components/LeftDrawer.vue
@@ -2,7 +2,7 @@
   <q-drawer v-model="isOpen" overlay side="left" bordered class="">
     <div class="row text-h5 justify-center">HRMP Channel List</div>
     <q-list dense bordered>
-      <q-item v-for="item in items" :key="item.label">
+      <q-item v-for="item in itemsArray" :key="item.label">
         <q-item-section
           :class="item.type === 'request' ? `text-red` : `text-grey-8`"
         >
@@ -46,7 +46,10 @@ export default {
   name: "LeftDrawer",
   props: {
     modelValue: Boolean,
-    items: Array,
+    items: {
+      type: [Array, Object],
+      default: () => [],
+    },
     chain: String,
   },
   emits: ["update:modelValue", "getCurrencies"],
@@ -56,8 +59,18 @@ export default {
       set: (value) => emit("update:modelValue", value),
     });
 
+    const itemsArray = computed(() => {
+      if (Array.isArray(props.items)) {
+        return props.items;
+      } else if (typeof props.items === "object" && props.items !== null) {
+        return Object.values(props.items);
+      }
+      return [];
+    });
+
     return {
       isOpen,
+      itemsArray,
     };
   },
 };
diff --git a/src/components/NetworkGraph.vue b/src/components/NetworkGraph.vue
index 87fa9e4..1500b70 100644
--- a/src/components/NetworkGraph.vue
+++ b/src/components/NetworkGraph.vue
@@ -26,7 +26,7 @@
         :y="-config.radius * scale * 2"
         :width="config.radius * scale * 4"
         :height="config.radius * scale * 4"
-        :xlink:href="image(nodes[nodeId].number)"
+        :xlink:href="getNodeImage(nodes[nodeId].number)"
         clip-path="url(#faceCircle)"
       />
       <circle
@@ -45,17 +45,46 @@
 export default {
   name: "NetworkGraph",
   props: {
-    nodes: Object,
-    edges: Object,
-    configs: Object,
-    zoomLevel: Number,
-    layers: Object,
-    eventHandlers: Object,
+    nodes: {
+      type: Object,
+      required: true,
+    },
+    edges: {
+      type: Object,
+      required: true,
+    },
+    configs: {
+      type: Object,
+      required: true,
+    },
+    zoomLevel: {
+      type: Number,
+      default: 1,
+    },
+    layers: {
+      type: Object,
+      default: () => ({}),
+    },
+    eventHandlers: {
+      type: Object,
+      default: () => ({}),
+    },
+    chain: {
+      type: String,
+      required: true,
+    },
+    endpoints: {
+      type: Array,
+      required: true,
+    },
   },
   methods: {
-    image(number) {
-      // Implement the image logic here
-      return `https://example.com/image/${number}.png`;
+    getNodeImage(paraId) {
+      const endpoint = this.endpoints.find((e) => e.paraId === paraId);
+      if (endpoint && endpoint.ui && endpoint.ui.logo) {
+        return endpoint.ui.logo;
+      }
+      return `https://cdn.pixabay.com/photo/2015/08/27/10/14/icon-909830_1280.png`;
     },
   },
 };
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index 1407867..d7ae095 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -19,6 +19,8 @@
           :zoom-level="2.0"
           :layers="layers"
           :event-handlers="eventHandlers"
+          :chain="chain.label"
+          :endpoints="endpoints"
         />
         <parachain-dialog
           v-model="dialog"
@@ -32,6 +34,7 @@
     <left-drawer
       v-model="leftDrawerOpen"
       :items="items"
+      :chain="chain.label"
       @getCurrencies="getCurrencies"
     />
 
@@ -40,17 +43,11 @@
 </template>
 
 <script>
-import { defineComponent, reactive, ref } from "vue";
+import { defineComponent, reactive, ref, computed, watch } from "vue";
 import { useQuasar } from "quasar";
 import { Loading, QSpinnerGears } from "quasar";
-import { ForceLayout } from "v-network-graph/lib/force-layout";
-import * as vNG from "v-network-graph";
 import { version } from "../../package.json";
 import { ApiPromise, WsProvider } from "@polkadot/api";
-import { Buffer } from "buffer";
-import { BN } from "bn.js";
-import { web3Accounts, web3Enable } from "@polkadot/extension-dapp";
-import { equilibrium, equilibriumNext, genshiro } from "@equilab/definitions";
 
 import AppHeader from "components/AppHeader.vue";
 import NetworkGraph from "components/NetworkGraph.vue";
@@ -112,9 +109,16 @@ export default defineComponent({
       assets: [{ chain: "Polkadot", paraId: 2000, asset: [] }],
       endpoints: [],
       rocEndpoints: [],
+      nodeOver: null,
     };
   },
 
+  computed: {
+    itemsArray() {
+      return Object.values(this.items);
+    },
+  },
+
   watch: {
     async chain() {
       await this.loadData();
@@ -122,6 +126,9 @@ export default defineComponent({
     mode() {
       this.updateDarkMode();
     },
+    nodeOver() {
+      this.updateConfigs();
+    },
   },
 
   async mounted() {
@@ -137,22 +144,21 @@ export default defineComponent({
   },
 
   methods: {
-    toggleLeftDrawer() {
-      this.leftDrawerOpen = !this.leftDrawerOpen;
-    },
-    toggleRightDrawer() {
-      this.rightDrawerOpen = !this.rightDrawerOpen;
-    },
-    updateChain(newChain) {
-      this.chain = newChain;
-    },
-    updateMode(newMode) {
-      this.mode = newMode;
-    },
+    // ... (other methods remain the same) ...
+
     updateDarkMode() {
       this.$q.dark.set(this.mode);
-      this.configs.node.label.color = this.mode ? "#ffffff" : "#000000";
+      this.updateConfigs();
     },
+
+    updateConfigs() {
+      this.configs = setupConfigs(
+        this.mode,
+        this.$q.dark.isActive,
+        this.nodeOver
+      );
+    },
+
     async loadData() {
       Loading.show({
         spinner: QSpinnerGears,
@@ -164,8 +170,12 @@ export default defineComponent({
       await this.fetchParachainData();
 
       this.setupGraphData();
-      this.configs = setupConfigs(this.mode, this.$q.dark.isActive);
-      this.eventHandlers = setupEventHandlers(this.nodes);
+      this.updateConfigs();
+      this.eventHandlers = setupEventHandlers(this.nodes, (nodeId) => {
+        this.nodeOver = nodeId
+          ? parseInt(nodeId.replace("node", ""), 10)
+          : null;
+      });
 
       Loading.hide();
     },
@@ -183,13 +193,72 @@ export default defineComponent({
       await api.disconnect();
     },
     processHrmpChannels(hrmpChannels) {
-      // Implementation for processing HRMP channels
+      hrmpChannels.forEach((e) => {
+        const h = e[0].toHuman();
+        let sender = parseInt(h[0].sender.replace(",", ""), 10);
+        let recipient = parseInt(h[0].recipient.replace(",", ""), 10);
+
+        this.addNode(sender);
+        this.addNode(recipient);
+        this.addEdge(sender, recipient);
+      });
     },
     processRequestsList(requestsList) {
-      // Implementation for processing requests list
+      requestsList.forEach((e) => {
+        const h = e.toHuman();
+        const sender = parseInt(h.sender.replace(",", ""), 10);
+        const recipient = parseInt(h.recipient.replace(",", ""), 10);
+
+        this.addNode(sender, "request");
+        this.addNode(recipient, "request");
+        this.addEdge(sender, recipient, "request");
+      });
+    },
+    addNode(paraId, type = "normal") {
+      const info = this.endpoints.find((c) => c.paraId === paraId);
+      const name = info
+        ? info.info[0].toUpperCase() + info.info.substring(1)
+        : paraId;
+
+      this.nodes["node" + paraId] = {
+        id: "node" + paraId,
+        number: paraId,
+        name: name,
+        type: type,
+      };
+
+      if (
+        !this.assets.find(
+          (c) => c.paraId === paraId && c.chain === this.chain.label
+        )
+      ) {
+        this.assets.push({
+          chain: this.chain.label,
+          paraId: paraId,
+          asset: [],
+        });
+      }
+    },
+    addEdge(sender, recipient, type = "normal") {
+      const nameSender = this.nodes["node" + sender].name;
+      const nameRecipient = this.nodes["node" + recipient].name;
+
+      this.edges["edge" + sender + "-" + recipient] = {
+        source: "node" + sender,
+        target: "node" + recipient,
+        sender,
+        recipient,
+        nameSender: nameSender,
+        nameRecipient: nameRecipient,
+        label: nameSender + " ➔ " + nameRecipient,
+        type: type,
+      };
     },
     setupGraphData() {
-      // Setup nodes, edges, and other graph-related data
+      this.layers = { badge: "nodes" };
+      this.items = Object.values(this.edges).sort((a, b) =>
+        a.label.localeCompare(b.label)
+      );
     },
     async getCurrencies(chain, paraId) {
       const result = await getCurrencies(
diff --git a/src/utils/eventHandlers.js b/src/utils/eventHandlers.js
index 7e53cab..53202fb 100644
--- a/src/utils/eventHandlers.js
+++ b/src/utils/eventHandlers.js
@@ -1,13 +1,13 @@
-export function setupEventHandlers(nodes) {
+export function setupEventHandlers(nodes, updateNodeOver) {
   return {
     "node:click": ({ node }) => {
       nodes[node].active = !nodes[node].active;
     },
     "node:pointerover": ({ node }) => {
-      console.log(`Pointer over node: ${node}`);
+      updateNodeOver(node);
     },
-    "node:pointerout": ({ node }) => {
-      console.log(`Pointer out of node: ${node}`);
+    "node:pointerout": () => {
+      updateNodeOver(null);
     },
   };
 }
diff --git a/src/utils/graphConfigs.js b/src/utils/graphConfigs.js
index 1b37457..a7f08c6 100644
--- a/src/utils/graphConfigs.js
+++ b/src/utils/graphConfigs.js
@@ -1,7 +1,7 @@
 import { ForceLayout } from "v-network-graph/lib/force-layout";
 import * as vNG from "v-network-graph";
 
-export function setupConfigs(mode, isDarkActive) {
+export function setupConfigs(mode, isDarkActive, nodeOver) {
   return vNG.defineConfigs({
     view: {
       layoutHandler: new ForceLayout({
@@ -23,7 +23,7 @@ export function setupConfigs(mode, isDarkActive) {
       selectable: false,
       normal: {
         width: (n) =>
-          n.sender !== this.nodeOver && n.recipient !== this.nodeOver ? 1 : 3,
+          n.sender !== nodeOver && n.recipient !== nodeOver ? 1 : 3,
         color: (n) =>
           n.type === "request"
             ? "#e6007a"
@@ -32,15 +32,15 @@ export function setupConfigs(mode, isDarkActive) {
             : "#0000ff",
         dasharray: (n) =>
           (n.type === "request" &&
-            n.sender !== this.nodeOver &&
-            n.recipient !== this.nodeOver) ||
-          (n.type !== "request" && n.sender === this.nodeOver) ||
-          (n.type !== "request" && n.recipient === this.nodeOver)
+            n.sender !== nodeOver &&
+            n.recipient !== nodeOver) ||
+          (n.type !== "request" && n.sender === nodeOver) ||
+          (n.type !== "request" && n.recipient === nodeOver)
             ? "10"
-            : "#0",
+            : "0",
         linecap: "butt",
         animate: (n) =>
-          (n.sender === this.nodeOver || n.recipient === this.nodeOver) &&
+          (n.sender === nodeOver || n.recipient === nodeOver) &&
           n.type !== "request",
         animationSpeed: 50,
       },

From 95978728ed2fe399fb1a8449f67fc489e159e11a Mon Sep 17 00:00:00 2001
From: Gregory Luneau <gregory.luneau@gmail.com>
Date: Mon, 30 Sep 2024 08:55:04 -0500
Subject: [PATCH 3/6] begining of endpoint fetch lib

---
 package.json                  |  2 +
 src/scripts/fetchEndpoints.js | 99 +++++++++++++++++++++++++++++++++++
 yarn.lock                     | 53 +++++++++++++++++--
 3 files changed, 150 insertions(+), 4 deletions(-)
 create mode 100644 src/scripts/fetchEndpoints.js

diff --git a/package.json b/package.json
index 3f36a85..798c734 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,8 @@
     "test": "echo \"No test specified\" && exit 0"
   },
   "dependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/preset-typescript": "^7.24.7",
     "@equilab/definitions": "^1.4.11",
     "@moonbeam-network/xcm-config": "^0.0.25",
     "@moonbeam-network/xcm-sdk": "^0.0.25",
diff --git a/src/scripts/fetchEndpoints.js b/src/scripts/fetchEndpoints.js
new file mode 100644
index 0000000..fc58b2c
--- /dev/null
+++ b/src/scripts/fetchEndpoints.js
@@ -0,0 +1,99 @@
+// fetchProdParasKusama.js
+
+const fetch = require("node-fetch");
+const fs = require("fs");
+const path = require("path");
+const babel = require("@babel/core");
+
+/**
+ * Fetches the productionRelayKusama.ts file,
+ * extracts the prodParasKusama array,
+ * removes imports and TypeScript syntax,
+ * and writes it into /src/utils/prodParasKusama.js
+ */
+async function fetchAndExtract() {
+  const url =
+    "https://raw.githubusercontent.com/polkadot-js/apps/master/packages/apps-config/src/endpoints/productionRelayKusama.ts";
+
+  try {
+    // Fetch the TypeScript file from GitHub
+    const response = await fetch(url);
+    const code = await response.text();
+
+    // Use Babel to transpile TypeScript to JavaScript
+    const transformed = babel.transformSync(code, {
+      filename: "productionRelayKusama.ts",
+      presets: ["@babel/preset-typescript"],
+      plugins: [
+        // Plugin to remove imports
+        function removeImports() {
+          return {
+            visitor: {
+              ImportDeclaration(path) {
+                path.remove();
+              },
+              ExportNamedDeclaration(path) {
+                // Keep only the prodParasKusama export
+                const declaration = path.node.declaration;
+                if (
+                  declaration &&
+                  declaration.type === "VariableDeclaration" &&
+                  declaration.declarations[0].id.name === "prodParasKusama"
+                ) {
+                  // Remove the 'export' keyword
+                  path.replaceWith(declaration);
+                } else {
+                  path.remove();
+                }
+              },
+            },
+          };
+        },
+      ],
+      comments: true,
+    });
+
+    const transformedCode = transformed.code;
+
+    // Extract the license comment (first comment block)
+    const licenseCommentMatch = transformedCode.match(/\/\*[\s\S]*?\*\//);
+    const licenseComment = licenseCommentMatch ? licenseCommentMatch[0] : "";
+
+    // Extract the prodParasKusama array declaration
+    const arrayMatch = transformedCode.match(
+      /const prodParasKusama = \[[\s\S]*?\];/
+    );
+    if (!arrayMatch) {
+      throw new Error(
+        "prodParasKusama array not found in the transformed code."
+      );
+    }
+    const arrayCode = arrayMatch[0];
+
+    // Construct the final output
+    const finalOutput = `${licenseComment}
+
+${arrayCode}
+`;
+
+    // Define the output path
+    const outputPath = path.resolve(
+      __dirname,
+      "src",
+      "utils",
+      "prodParasKusama.js"
+    );
+
+    // Ensure the directory exists
+    fs.mkdirSync(path.dirname(outputPath), { recursive: true });
+
+    // Write the new file
+    fs.writeFileSync(outputPath, finalOutput, "utf8");
+
+    console.log(`prodParasKusama array has been written to ${outputPath}`);
+  } catch (error) {
+    console.error("An error occurred:", error);
+  }
+}
+
+fetchAndExtract();
diff --git a/yarn.lock b/yarn.lock
index a934d47..4a7a2e9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -42,7 +42,7 @@
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.25.4.tgz#7d2a80ce229890edcf4cc259d4d696cb4dae2fcb"
   integrity sha512-+LGRog6RAsCJrrrg/IO6LGmpphNe5DiK30dGjCoxxeGv49B10/3XYGxPsAwrDlMFcFEvdAUavDT8r9k/hSyQqQ==
 
-"@babel/core@^7.12.0":
+"@babel/core@^7.12.0", "@babel/core@^7.25.2":
   version "7.25.2"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.25.2.tgz#ed8eec275118d7613e77a352894cd12ded8eba77"
   integrity sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==
@@ -147,7 +147,7 @@
     "@babel/helper-replace-supers" "^7.16.7"
     "@babel/helper-split-export-declaration" "^7.16.7"
 
-"@babel/helper-create-class-features-plugin@^7.25.4":
+"@babel/helper-create-class-features-plugin@^7.25.0", "@babel/helper-create-class-features-plugin@^7.25.4":
   version "7.25.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.25.4.tgz#57eaf1af38be4224a9d9dd01ddde05b741f50e14"
   integrity sha512-ro/bFs3/84MDgDmMwbcHgDa8/E6J3QKNTk4xJJnVeFtGE+tL0K26E3pNxhYz2b67fJpt7Aphw5XcploKXuCvCQ==
@@ -255,7 +255,7 @@
     "@babel/traverse" "^7.17.3"
     "@babel/types" "^7.17.0"
 
-"@babel/helper-module-transforms@^7.25.2":
+"@babel/helper-module-transforms@^7.24.8", "@babel/helper-module-transforms@^7.25.2":
   version "7.25.2"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.25.2.tgz#ee713c29768100f2776edf04d4eb23b8d27a66e6"
   integrity sha512-BjyRAbix6j/wv83ftcVJmBt72QtHI56C7JXZoG2xATiLpmoC7dpd8WnkikExHDVPpi/3qCmO6WY1EaXOluiecQ==
@@ -375,7 +375,7 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.16.7.tgz#b203ce62ce5fe153899b617c08957de860de4d23"
   integrity sha512-TRtenOuRUVo9oIQGPC5G9DgK4743cdxvtOw0weQNpZXaS16SCBi5MNjZF8vba3ETURjZpTbVn7Vvcf2eAwFozQ==
 
-"@babel/helper-validator-option@^7.24.8":
+"@babel/helper-validator-option@^7.24.7", "@babel/helper-validator-option@^7.24.8":
   version "7.24.8"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.24.8.tgz#3725cdeea8b480e86d34df15304806a06975e33d"
   integrity sha512-xb8t9tD1MHLungh/AIoWYN+gVHaB9kwlu8gffXGSt3FFEIT7RjS+xWbc2vUD1UTZdIpKj/ab3rdqJ7ufngyi2Q==
@@ -679,6 +679,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
+"@babel/plugin-syntax-jsx@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.24.7.tgz#39a1fa4a7e3d3d7f34e2acc6be585b718d30e02d"
+  integrity sha512-6ddciUPe/mpMnOKv/U+RSd2vvVy+Yw/JfBB0ZHYjEZt9NLHmCUylNYlsbqCCS1Bffjlb0fCwC9Vqz+sBz6PsiQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.24.7"
+
 "@babel/plugin-syntax-logical-assignment-operators@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
@@ -742,6 +749,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
+"@babel/plugin-syntax-typescript@^7.24.7":
+  version "7.25.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.25.4.tgz#04db9ce5a9043d9c635e75ae7969a2cd50ca97ff"
+  integrity sha512-uMOCoHVU52BsSWxPOMVv5qKRdeSlPuImUCB2dlPuBSU+W2/ROE7/Zg8F2Kepbk+8yBa68LlRKxO+xgEVWorsDg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.24.8"
+
 "@babel/plugin-transform-arrow-functions@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.16.7.tgz#44125e653d94b98db76369de9c396dc14bef4154"
@@ -896,6 +910,15 @@
     "@babel/helper-simple-access" "^7.17.7"
     babel-plugin-dynamic-import-node "^2.3.3"
 
+"@babel/plugin-transform-modules-commonjs@^7.24.7":
+  version "7.24.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.24.8.tgz#ab6421e564b717cb475d6fff70ae7f103536ea3c"
+  integrity sha512-WHsk9H8XxRs3JXKWFiqtQebdh9b/pTk4EgueygFzYlTKAg0Ud985mSevdNjdXdFBATSKVJGQXP1tv6aGbssLKA==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.24.8"
+    "@babel/helper-plugin-utils" "^7.24.8"
+    "@babel/helper-simple-access" "^7.24.7"
+
 "@babel/plugin-transform-modules-systemjs@^7.17.8":
   version "7.17.8"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.17.8.tgz#81fd834024fae14ea78fbe34168b042f38703859"
@@ -1021,6 +1044,17 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.16.7"
 
+"@babel/plugin-transform-typescript@^7.24.7":
+  version "7.25.2"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.25.2.tgz#237c5d10de6d493be31637c6b9fa30b6c5461add"
+  integrity sha512-lBwRvjSmqiMYe/pS0+1gggjJleUJi7NzjvQ1Fkqtt69hBa/0t1YuW/MLQMAPixfwaQOHUXsd6jeU3Z+vdGv3+A==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.24.7"
+    "@babel/helper-create-class-features-plugin" "^7.25.0"
+    "@babel/helper-plugin-utils" "^7.24.8"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.24.7"
+    "@babel/plugin-syntax-typescript" "^7.24.7"
+
 "@babel/plugin-transform-unicode-escapes@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.16.7.tgz#da8717de7b3287a2c6d659750c964f302b31ece3"
@@ -1127,6 +1161,17 @@
     "@babel/types" "^7.4.4"
     esutils "^2.0.2"
 
+"@babel/preset-typescript@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.24.7.tgz#66cd86ea8f8c014855671d5ea9a737139cbbfef1"
+  integrity sha512-SyXRe3OdWwIwalxDg5UtJnJQO+YPcTfwiIY2B0Xlddh9o7jpWLvv8X1RthIeDOxQ+O1ML5BLPCONToObyVQVuQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.24.7"
+    "@babel/helper-validator-option" "^7.24.7"
+    "@babel/plugin-syntax-jsx" "^7.24.7"
+    "@babel/plugin-transform-modules-commonjs" "^7.24.7"
+    "@babel/plugin-transform-typescript" "^7.24.7"
+
 "@babel/runtime@^7.16.3", "@babel/runtime@^7.17.2":
   version "7.17.2"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.17.2.tgz#66f68591605e59da47523c631416b18508779941"

From 62c1a5c12baae0312ee2e1420e6014ed6a08f225 Mon Sep 17 00:00:00 2001
From: Gregory Luneau <gregory.luneau@gmail.com>
Date: Mon, 30 Sep 2024 22:26:38 -0500
Subject: [PATCH 4/6] fetch paras

---
 .vscode/settings.json          |   10 +-
 package.json                   |    1 +
 src/scripts/fetchEndpoints.js  |  174 +++---
 src/utils/endpoints.js         |  340 +++--------
 src/utils/prodParasKusama.js   | 1041 ++++++++++++++++++++++++++++++++
 src/utils/prodParasPolkadot.js |  999 ++++++++++++++++++++++++++++++
 yarn.lock                      |   13 +-
 7 files changed, 2227 insertions(+), 351 deletions(-)
 create mode 100644 src/utils/prodParasKusama.js
 create mode 100644 src/utils/prodParasPolkadot.js

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 37fb753..9807036 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -4,5 +4,13 @@
   "editor.formatOnSave": true,
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.codeActionsOnSave": ["source.fixAll.eslint"],
-  "eslint.validate": ["javascript", "javascriptreact", "typescript", "vue"]
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "vue"
+  ],
+  "[javascript]": {
+    "editor.defaultFormatter": "vscode.typescript-language-features"
+  }
 }
diff --git a/package.json b/package.json
index 798c734..bd68dd8 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "dev": "quasar dev",
     "build": "quasar build",
     "deploy": "vercel",
+    "fetch": "node src/scripts/fetchEndpoints.js",
     "lint": "eslint --ext .js,.vue ./",
     "format": "prettier --write \"**/*.{js,vue,scss,html,md,json}\" --ignore-path .gitignore",
     "test": "echo \"No test specified\" && exit 0"
diff --git a/src/scripts/fetchEndpoints.js b/src/scripts/fetchEndpoints.js
index fc58b2c..2764fa3 100644
--- a/src/scripts/fetchEndpoints.js
+++ b/src/scripts/fetchEndpoints.js
@@ -1,99 +1,125 @@
-// fetchProdParasKusama.js
+// src/scripts/fetchEndpoints.js
 
-const fetch = require("node-fetch");
-const fs = require("fs");
-const path = require("path");
-const babel = require("@babel/core");
+const fetch = require('node-fetch');
+const fs = require('fs');
+const path = require('path');
+const parser = require('@babel/parser');
+const generator = require('@babel/generator').default;
+const traverse = require('@babel/traverse').default;
+const t = require('@babel/types');
 
 /**
- * Fetches the productionRelayKusama.ts file,
- * extracts the prodParasKusama array,
- * removes imports and TypeScript syntax,
- * and writes it into /src/utils/prodParasKusama.js
+ * Fetches and processes endpoint files,
+ * removes all imports except the two logo imports,
+ * modifies the paths in those two imports,
+ * removes TypeScript-specific syntax,
+ * and writes the results into /src/utils/prodParasKusama.js and /src/utils/prodParasPolkadot.js
  */
-async function fetchAndExtract() {
-  const url =
-    "https://raw.githubusercontent.com/polkadot-js/apps/master/packages/apps-config/src/endpoints/productionRelayKusama.ts";
+
+async function fetchAndModify(fileInfo) {
+  const { url, outputFileName } = fileInfo;
 
   try {
     // Fetch the TypeScript file from GitHub
     const response = await fetch(url);
     const code = await response.text();
 
-    // Use Babel to transpile TypeScript to JavaScript
-    const transformed = babel.transformSync(code, {
-      filename: "productionRelayKusama.ts",
-      presets: ["@babel/preset-typescript"],
-      plugins: [
-        // Plugin to remove imports
-        function removeImports() {
-          return {
-            visitor: {
-              ImportDeclaration(path) {
-                path.remove();
-              },
-              ExportNamedDeclaration(path) {
-                // Keep only the prodParasKusama export
-                const declaration = path.node.declaration;
-                if (
-                  declaration &&
-                  declaration.type === "VariableDeclaration" &&
-                  declaration.declarations[0].id.name === "prodParasKusama"
-                ) {
-                  // Remove the 'export' keyword
-                  path.replaceWith(declaration);
-                } else {
-                  path.remove();
-                }
-              },
-            },
-          };
-        },
-      ],
-      comments: true,
+    // Parse the TypeScript code into an AST
+    const ast = parser.parse(code, {
+      sourceType: 'module',
+      plugins: ['typescript']
     });
 
-    const transformedCode = transformed.code;
-
-    // Extract the license comment (first comment block)
-    const licenseCommentMatch = transformedCode.match(/\/\*[\s\S]*?\*\//);
-    const licenseComment = licenseCommentMatch ? licenseCommentMatch[0] : "";
+    // Process the AST
+    traverse(ast, {
+      ImportDeclaration(path) {
+        const sourceValue = path.node.source.value;
 
-    // Extract the prodParasKusama array declaration
-    const arrayMatch = transformedCode.match(
-      /const prodParasKusama = \[[\s\S]*?\];/
-    );
-    if (!arrayMatch) {
-      throw new Error(
-        "prodParasKusama array not found in the transformed code."
-      );
-    }
-    const arrayCode = arrayMatch[0];
-
-    // Construct the final output
-    const finalOutput = `${licenseComment}
+        // Keep only the two logo imports, adjust their paths
+        if (sourceValue.includes('../ui/logos/chains/index.js')) {
+          // Modify to your desired path
+          path.node.source.value = '../assets/chains/index.ts';
+        } else if (sourceValue.includes('../ui/logos/nodes/index.js')) {
+          path.node.source.value = '../assets/nodes/index.ts';
+        } else {
+          // Remove other imports
+          path.remove();
+        }
+      },
+      TSInterfaceDeclaration(path) {
+        // Remove TypeScript interface declarations
+        path.remove();
+      },
+      TSTypeAliasDeclaration(path) {
+        // Remove TypeScript type aliases
+        path.remove();
+      },
+      ExportNamedDeclaration(path) {
+        // Remove exports of TypeScript types
+        if (t.isTSTypeAliasDeclaration(path.node.declaration) || t.isTSInterfaceDeclaration(path.node.declaration)) {
+          path.remove();
+        } else if (path.node.exportKind === 'type') {
+          path.remove();
+        }
+      },
+      // Remove type annotations
+      TSTypeAnnotation(path) {
+        path.remove();
+      },
+      // Remove `as` casts
+      TSAsExpression(path) {
+        path.replaceWith(path.node.expression);
+      },
+      // Remove TypeScript-specific imports (import type)
+      ImportSpecifier(path) {
+        if (path.node.importKind === 'type') {
+          path.remove();
+        }
+      },
+      // Remove `export type {...}`
+      ExportSpecifier(path) {
+        if (path.parent.exportKind === 'type') {
+          path.remove();
+        }
+      },
+    });
 
-${arrayCode}
-`;
+    // Generate the modified code
+    const { code: modifiedCode } = generator(ast, {
+      retainLines: true,
+      comments: true,
+    });
 
     // Define the output path
-    const outputPath = path.resolve(
-      __dirname,
-      "src",
-      "utils",
-      "prodParasKusama.js"
-    );
+    const outputPath = path.resolve(__dirname, '..', 'utils', outputFileName);
 
     // Ensure the directory exists
     fs.mkdirSync(path.dirname(outputPath), { recursive: true });
 
-    // Write the new file
-    fs.writeFileSync(outputPath, finalOutput, "utf8");
+    // Write the modified code to the output file
+    fs.writeFileSync(outputPath, modifiedCode, 'utf8');
 
-    console.log(`prodParasKusama array has been written to ${outputPath}`);
+    console.log(`${outputFileName} has been written to ${outputPath}`);
   } catch (error) {
-    console.error("An error occurred:", error);
+    console.error(`An error occurred while processing ${url}:`, error);
+  }
+}
+
+async function run() {
+  const filesToProcess = [
+    {
+      url: 'https://raw.githubusercontent.com/polkadot-js/apps/master/packages/apps-config/src/endpoints/productionRelayKusama.ts',
+      outputFileName: 'prodParasKusama.js',
+    },
+    {
+      url: 'https://raw.githubusercontent.com/polkadot-js/apps/master/packages/apps-config/src/endpoints/productionRelayPolkadot.ts',
+      outputFileName: 'prodParasPolkadot.js',
+    },
+  ];
+
+  for (const fileInfo of filesToProcess) {
+    await fetchAndModify(fileInfo);
   }
 }
 
-fetchAndExtract();
+run();
diff --git a/src/utils/endpoints.js b/src/utils/endpoints.js
index a9222bf..a2bfd89 100644
--- a/src/utils/endpoints.js
+++ b/src/utils/endpoints.js
@@ -1,121 +1,5 @@
-import {
-  chainsAbandPNG,
-  chainsAcurastPNG,
-  chainsAltairSVG,
-  chainsAmplitudeSVG,
-  chainsAssethubKusamaSVG,
-  chainsCoretimeKusamaSVG,
-  chainsDorafactoryPNG,
-  chainsGenshiroSVG,
-  chainsGmJPEG,
-  chainsKaruraSVG,
-  chainsKicoPNG,
-  chainsKintsugiPNG,
-  chainsKreivoSVG,
-  chainsKusamaSVG,
-  chainsListenPNG,
-  chainsMangataPNG,
-  chainsPeopleKusamaSVG,
-  chainsQpnPNG,
-  chainsRiodefiPNG,
-  chainsShidenPNG,
-  chainsTinkerPNG,
-  chainsTuringPNG,
-  chainsUnorthodoxPNG,
-  chainsAcalaSVG,
-  chainsBitgreenPNG,
-  chainsComposableFinancePNG,
-  chainsEquilibriumSVG,
-  chainsFrequencySVG,
-  chainsGeminisPNG,
-  chainsHydrationSVG,
-  chainsInvarchJPEG,
-  chainsLaosPNG,
-  chainsLogionPNG,
-  chainsNeurowebPNG,
-  chainsOakPNG,
-  chainsPeaqPNG,
-  chainsPendulumSVG,
-  chainsPeoplePolkadotSVG,
-  chainsPolkadotCircleSVG,
-  chainsTotemSVG,
-  chainsWatrPNG,
-} from "../assets/chains/index.ts";
-
-import {
-  nodesApronPNG,
-  nodesAresMarsPNG,
-  nodesBajunPNG,
-  nodesBasiliskPNG,
-  nodesBitcountryPNG,
-  nodesBridgeHubBlackSVG,
-  nodesCalamariPNG,
-  nodesCrabSVG,
-  nodesCurioSVG,
-  nodesDatahighwayPNG,
-  nodesEncointerBlueSVG,
-  nodesImbuePNG,
-  nodesIpciSVG,
-  nodesKabochaSVG,
-  nodesKhalaSVG,
-  nodesKrestPNG,
-  nodesLitmusPNG,
-  nodesLoomNetworkPNG,
-  nodesMoonriverSVG,
-  nodesPicassoPNG,
-  nodesPichiuPNG,
-  nodesPolkasmithSVG,
-  nodesQuartzPNG,
-  nodesSakuraSVG,
-  nodesShadowSVG,
-  nodesSnowPNG,
-  nodesSubsocialXSVG,
-  nodesT1rnPNG,
-  nodesTrustbasePNG,
-  nodesXodePNG,
-  nodesYerbanetworkPNG,
-  nodesZeroSVG,
-  nodesAjunaPNG,
-  nodesAresOdysseySVG,
-  nodesAssetHubSVG,
-  nodesAstarPNG,
-  nodesAventusSVG,
-  nodesBifrostSVG,
-  nodesBridgeHubSVG,
-  nodesCentrifugePNG,
-  nodesCloverSVG,
-  nodesCoinversationPNG,
-  nodesContinuumPNG,
-  nodesCrustParachainSVG,
-  nodesDarwiniaSVG,
-  nodesEfinitySVG,
-  nodesEwxSVG,
-  nodesHashedPNG,
-  nodesHyperbridgePNG,
-  nodesIntegriteeSVG,
-  nodesInterlaySVG,
-  nodesKiltPNG,
-  nodesKylinPNG,
-  nodesLitentryPNG,
-  nodesMantaPNG,
-  nodesMoonbeamSVG,
-  nodesMoonsamaSVG,
-  nodesMythosPNG,
-  nodesNodleSVG,
-  nodesOmnibtcSVG,
-  nodesParallelSVG,
-  nodesPhalaSVG,
-  nodesPolimecSVG,
-  nodesPolkadexSVG,
-  nodesRobonomicsSVG,
-  nodesSoraSubstrateSVG,
-  nodesSubdaoPNG,
-  nodesSubgameSVG,
-  nodesSubsocialSVG,
-  nodesT3rnPNG,
-  nodesUniqueSVG,
-  nodesZeitgeistPNG,
-} from "../assets/nodes/index.ts";
+import { prodParasKusama, prodParasKusamaCommon } from "./prodParasKusama";
+import { prodParasPolkadot, prodParasPolkadotCommon } from "./prodParasPolkadot";
 
 export function getEndpoints(chain) {
   let endpoints = [];
@@ -123,168 +7,90 @@ export function getEndpoints(chain) {
   switch (chain) {
     case "Kusama":
     case "Rococo":
-      endpoints = [
-        {
-          homepage: "https://a.band",
-          info: "aband",
-          paraId: 2257,
-          providers: {
-            // 'Aband DAO': 'wss://rpc-parachain.a.band' // https://github.com/polkadot-js/apps/issues/9334
-          },
-          text: "Aband",
-          ui: {
-            color: "#7358ff",
-            logo: chainsAbandPNG,
-          },
-        },
-        {
-          homepage: "https://acurast.com",
-          info: "acurast",
-          paraId: 2239,
-          providers: {
-            Acurast: "wss://public-rpc.canary.acurast.com",
-          },
-          text: "Acurast Canary",
-          ui: {
-            color: "#000000",
-            logo: chainsAcurastPNG,
-          },
-        },
-        {
-          homepage: "https://centrifuge.io/altair",
-          info: "altair",
-          paraId: 2088,
-          providers: {
-            Centrifuge: "wss://fullnode.altair.centrifuge.io",
-            OnFinality: "wss://altair.api.onfinality.io/public-ws",
-          },
-          text: "Altair",
-          ui: {
-            color: "#ffb700",
-            logo: chainsAltairSVG,
-          },
-        },
-        // ... More Kusama/Rococo endpoints ...
-      ];
+      endpoints = prodParasKusama + prodParasKusamaCommon;
       break;
 
     case "Polkadot":
     case "Westend":
-      endpoints = [
-        {
-          homepage: "https://acala.network/",
-          info: "acala",
-          paraId: 2000,
-          providers: {
-            "Acala Foundation 0": "wss://acala-rpc-0.aca-api.network",
-            "Acala Foundation 1": "wss://acala-rpc-1.aca-api.network",
-            "Acala Foundation 3": "wss://acala-rpc-3.aca-api.network/ws",
-            Dwellir: "wss://acala-rpc.dwellir.com",
-            OnFinality: "wss://acala-polkadot.api.onfinality.io/public-ws",
-          },
-          text: "Acala",
-          ui: {
-            color: "#645AFF",
-            logo: chainsAcalaSVG,
-          },
-        },
-        {
-          homepage: "https://ajuna.io",
-          info: "ajuna",
-          paraId: 2051,
-          providers: {
-            AjunaNetwork: "wss://rpc-para.ajuna.network",
-            IBP1: "wss://ajuna.ibp.network",
-            IBP2: "wss://ajuna.dotters.network",
-            OnFinality: "wss://ajuna.api.onfinality.io/public-ws",
-            RadiumBlock: "wss://ajuna.public.curie.radiumblock.co/ws",
-          },
-          text: "Ajuna Network",
-          ui: {
-            color: "#161212",
-            logo: nodesAjunaPNG,
-          },
-        },
-        // ... More Polkadot/Westend endpoints ...
-      ];
+      endpoints = prodParasPolkadot + prodParasPolkadotCommon;
       break;
   }
 
   // Common endpoints for all networks
-  endpoints.push(
-    {
-      info: chain + "AssetHub",
-      isPeopleForIdentity: true,
-      paraId: 1000,
-      providers: {
-        Dwellir: "wss://asset-hub-" + chain.toLowerCase() + "-rpc.dwellir.com",
-        "Dwellir Tunisia": "wss://statemint-rpc-tn.dwellir.com",
-        IBP1: "wss://sys.ibp.network/asset-hub-" + chain.toLowerCase(),
-        IBP2: "wss://asset-hub-" + chain.toLowerCase() + ".dotters.network",
-        LuckyFriday:
-          "wss://rpc-asset-hub-" + chain.toLowerCase() + ".luckyfriday.io",
-        Parity: "wss://" + chain.toLowerCase() + "-asset-hub-rpc.polkadot.io",
-        Stakeworld:
-          "wss://" +
-          (chain === "Polkadot" ? "dot" : "ksm") +
-          "-rpc.stakeworld.io/assethub",
-      },
-      relayName: chain.toLowerCase(),
-      teleport: [-1],
-      text: "AssetHub",
-      ui: {
-        color: chain === "Polkadot" ? "#86e62a" : "#113911",
-        logo: chain === "Polkadot" ? nodesAssetHubSVG : chainsAssethubKusamaSVG,
-      },
-    },
-    {
-      info: chain.toLowerCase() + "BridgeHub",
-      isPeopleForIdentity: true,
-      paraId: 1002,
-      providers: {
-        Dwellir: "wss://bridge-hub-" + chain.toLowerCase() + "-rpc.dwellir.com",
-        "Dwellir Tunisia":
-          "wss://" + chain.toLowerCase() + "-bridge-hub-rpc-tn.dwellir.com",
-        IBP1: "wss://sys.ibp.network/bridgehub-" + chain.toLowerCase(),
-        IBP2: "wss://bridge-hub-" + chain.toLowerCase() + ".dotters.network",
-        LuckyFriday:
-          "wss://rpc-bridge-hub-" + chain.toLowerCase() + ".luckyfriday.io",
-        Parity: "wss://" + chain.toLowerCase() + "-bridge-hub-rpc.polkadot.io",
-        Stakeworld:
-          "wss://" +
-          (chain === "Polkadot" ? "dot" : "ksm") +
-          "-rpc.stakeworld.io/bridgehub",
-      },
-      relayName: chain.toLowerCase(),
-      teleport: [-1],
-      text: "BridgeHub",
-      ui: {
-        logo: chain === "Polkadot" ? nodesBridgeHubSVG : nodesBridgeHubBlackSVG,
-      },
-    }
-    // ... More common endpoints ...
-  );
+  // endpoints.push(
+  //   {
+  //     info: chain + "AssetHub",
+  //     isPeopleForIdentity: true,
+  //     paraId: 1000,
+  //     providers: {
+  //       Dwellir: "wss://asset-hub-" + chain.toLowerCase() + "-rpc.dwellir.com",
+  //       "Dwellir Tunisia": "wss://statemint-rpc-tn.dwellir.com",
+  //       IBP1: "wss://sys.ibp.network/asset-hub-" + chain.toLowerCase(),
+  //       IBP2: "wss://asset-hub-" + chain.toLowerCase() + ".dotters.network",
+  //       LuckyFriday:
+  //         "wss://rpc-asset-hub-" + chain.toLowerCase() + ".luckyfriday.io",
+  //       Parity: "wss://" + chain.toLowerCase() + "-asset-hub-rpc.polkadot.io",
+  //       Stakeworld:
+  //         "wss://" +
+  //         (chain === "Polkadot" ? "dot" : "ksm") +
+  //         "-rpc.stakeworld.io/assethub",
+  //     },
+  //     relayName: chain.toLowerCase(),
+  //     teleport: [-1],
+  //     text: "AssetHub",
+  //     ui: {
+  //       color: chain === "Polkadot" ? "#86e62a" : "#113911",
+  //       logo: chain === "Polkadot" ? nodesAssetHubSVG : chainsAssethubKusamaSVG,
+  //     },
+  //   },
+  //   {
+  //     info: chain.toLowerCase() + "BridgeHub",
+  //     isPeopleForIdentity: true,
+  //     paraId: 1002,
+  //     providers: {
+  //       Dwellir: "wss://bridge-hub-" + chain.toLowerCase() + "-rpc.dwellir.com",
+  //       "Dwellir Tunisia":
+  //         "wss://" + chain.toLowerCase() + "-bridge-hub-rpc-tn.dwellir.com",
+  //       IBP1: "wss://sys.ibp.network/bridgehub-" + chain.toLowerCase(),
+  //       IBP2: "wss://bridge-hub-" + chain.toLowerCase() + ".dotters.network",
+  //       LuckyFriday:
+  //         "wss://rpc-bridge-hub-" + chain.toLowerCase() + ".luckyfriday.io",
+  //       Parity: "wss://" + chain.toLowerCase() + "-bridge-hub-rpc.polkadot.io",
+  //       Stakeworld:
+  //         "wss://" +
+  //         (chain === "Polkadot" ? "dot" : "ksm") +
+  //         "-rpc.stakeworld.io/bridgehub",
+  //     },
+  //     relayName: chain.toLowerCase(),
+  //     teleport: [-1],
+  //     text: "BridgeHub",
+  //     ui: {
+  //       logo: chain === "Polkadot" ? nodesBridgeHubSVG : nodesBridgeHubBlackSVG,
+  //     },
+  //   }
+  //   // ... More common endpoints ...
+  // );
 
   return endpoints;
 }
 
 export const rocEndpoints = [
-  {
-    info: "rococoAmplitude",
-    paraId: 2124,
-    text: "Amplitude",
-    providers: {
-      PendulumChain: "wss://pencol-roc-00.pendulumchain.tech",
-    },
-  },
-  {
-    info: "arctic",
-    paraId: 3015,
-    text: "Arctic",
-    providers: {
-      Arctic: "wss://arctic-rococo-rpc.icenetwork.io",
-    },
-  },
+  // {
+  //   info: "rococoAmplitude",
+  //   paraId: 2124,
+  //   text: "Amplitude",
+  //   providers: {
+  //     PendulumChain: "wss://pencol-roc-00.pendulumchain.tech",
+  //   },
+  // },
+  // {
+  //   info: "arctic",
+  //   paraId: 3015,
+  //   text: "Arctic",
+  //   providers: {
+  //     Arctic: "wss://arctic-rococo-rpc.icenetwork.io",
+  //   },
+  // },
   // ... More Rococo-specific endpoints ...
 ];
 
diff --git a/src/utils/prodParasKusama.js b/src/utils/prodParasKusama.js
new file mode 100644
index 0000000..141446d
--- /dev/null
+++ b/src/utils/prodParasKusama.js
@@ -0,0 +1,1041 @@
+// Copyright 2017-2024 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+
+
+
+import { chainsAbandPNG, chainsAcurastPNG, chainsAltairSVG, chainsAmplitudeSVG, chainsAssethubKusamaSVG, chainsCoretimeKusamaSVG, chainsDorafactoryPNG, chainsGenshiroSVG, chainsGmJPEG, chainsKaruraSVG, chainsKicoPNG, chainsKintsugiPNG, chainsKreivoSVG, chainsKusamaSVG, chainsListenPNG, chainsMangataPNG, chainsPeopleKusamaSVG, chainsQpnPNG, chainsRiodefiPNG, chainsShidenPNG, chainsTinkerPNG, chainsTuringPNG, chainsUnorthodoxPNG } from "../assets/chains/index.ts";
+import { nodesApronPNG, nodesAresMarsPNG, nodesBajunPNG, nodesBasiliskPNG, nodesBifrostSVG, nodesBitcountryPNG, nodesBridgeHubBlackSVG, nodesCalamariPNG, nodesCrabSVG, nodesCurioSVG, nodesDatahighwayPNG, nodesEncointerBlueSVG, nodesHyperbridgePNG, nodesImbuePNG, nodesIntegriteeSVG, nodesIpciSVG, nodesKabochaSVG, nodesKhalaSVG, nodesKrestPNG, nodesLitmusPNG, nodesLoomNetworkPNG, nodesMoonriverSVG, nodesParallelSVG, nodesPicassoPNG, nodesPichiuPNG, nodesPolkasmithSVG, nodesQuartzPNG, nodesRobonomicsSVG, nodesSakuraSVG, nodesShadowSVG, nodesSnowPNG, nodesSoraSubstrateSVG, nodesSubgameSVG, nodesSubsocialXSVG, nodesT1rnPNG, nodesTrustbasePNG, nodesXodePNG, nodesYerbanetworkPNG, nodesZeroSVG } from "../assets/nodes/index.ts";
+
+
+// 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 ../ui/logos/index.ts in namedLogos (this also needs to align with @polkadot/networks)
+//   text: The text to display on the dropdown
+//   providers: The actual hosted secure websocket endpoint
+//
+// IMPORTANT: Alphabetical based on text
+export const prodParasKusama = [
+{
+  homepage: 'https://a.band',
+  info: 'aband',
+  paraId: 2257,
+  providers: {
+
+    // 'Aband DAO': 'wss://rpc-parachain.a.band' // https://github.com/polkadot-js/apps/issues/9334
+  }, text: 'Aband',
+  ui: {
+    color: '#7358ff',
+    logo: chainsAbandPNG
+  }
+},
+{
+  homepage: 'https://acurast.com',
+  info: 'acurast',
+  paraId: 2239,
+  providers: {
+    Acurast: 'wss://public-rpc.canary.acurast.com'
+    // Acurast: 'wss://acurast-canarynet-ws.prod.gke.papers.tech' // https://github.com/polkadot-js/apps/issues/10667
+  },
+  text: 'Acurast Canary',
+  ui: {
+    color: '#000000',
+    logo: chainsAcurastPNG
+  }
+},
+{
+  homepage: 'https://centrifuge.io/altair',
+  info: 'altair',
+  paraId: 2088,
+  providers: {
+    Centrifuge: 'wss://fullnode.altair.centrifuge.io',
+    OnFinality: 'wss://altair.api.onfinality.io/public-ws'
+  },
+  text: 'Altair',
+  ui: {
+    color: '#ffb700',
+    logo: chainsAltairSVG
+  }
+},
+{
+  homepage: 'https://pendulumchain.org/amplitude',
+  info: 'amplitude',
+  paraId: 2124,
+  providers: {
+    Dwellir: 'wss://amplitude-rpc.dwellir.com',
+    PendulumChain: 'wss://rpc-amplitude.pendulumchain.tech'
+  },
+  text: 'Amplitude',
+  ui: {
+    color: '#5DEFA7',
+    logo: chainsAmplitudeSVG
+  }
+},
+{
+  homepage: 'https://ajuna.io',
+  info: 'bajun',
+  paraId: 2119,
+  providers: {
+    AjunaNetwork: 'wss://rpc-parachain.bajun.network',
+    OnFinality: 'wss://bajun.api.onfinality.io/public-ws',
+    RadiumBlock: 'wss://bajun.public.curie.radiumblock.co/ws'
+  },
+  text: 'Bajun Network',
+  ui: {
+    color: '#161212',
+    logo: nodesBajunPNG
+  }
+},
+{
+  homepage: 'https://app.basilisk.cloud',
+  info: 'basilisk',
+  paraId: 2090,
+  providers: {
+    Basilisk: 'wss://rpc.basilisk.cloud',
+    Dwellir: 'wss://basilisk-rpc.dwellir.com'
+    // OnFinality: 'wss://basilisk.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9414
+  },
+  text: 'Basilisk',
+  ui: {
+    color: '#49E49F',
+    logo: nodesBasiliskPNG
+  }
+},
+{
+  homepage: 'https://ksm.vtoken.io/?ref=polkadotjs',
+  info: 'bifrost',
+  paraId: 2001,
+  providers: {
+    Dwellir: 'wss://bifrost-rpc.dwellir.com',
+    Liebi: 'wss://bifrost-rpc.liebi.com/ws',
+    LiebiUS: 'wss://us.bifrost-rpc.liebi.com/ws',
+    OnFinality: 'wss://bifrost-parachain.api.onfinality.io/public-ws'
+  },
+  text: 'Bifrost',
+  ui: {
+    color: '#5a25f0',
+    logo: nodesBifrostSVG
+  }
+},
+{
+  homepage: 'https://www.calamari.network/',
+  info: 'calamari',
+  paraId: 2084,
+  providers: {
+    'Manta Network': 'wss://calamari.systems'
+  },
+  text: 'Calamari',
+  ui: {
+    color: '#000000',
+    logo: nodesCalamariPNG
+  }
+},
+{
+  homepage: 'https://crab.network',
+  info: 'crab',
+  paraId: 2105,
+  providers: {
+    Darwinia: 'wss://crab-rpc.darwinia.network/',
+    Dcdao: 'wss://crab-rpc.dcdao.box',
+    Dwellir: 'wss://darwiniacrab-rpc.dwellir.com'
+  },
+  text: 'Crab',
+  ui: {
+    color: '#512DBC',
+    logo: nodesCrabSVG
+  }
+},
+{
+  homepage: 'https://crust.network/',
+  info: 'shadow',
+  paraId: 2012,
+  providers: {
+    Crust: 'wss://rpc-shadow.crust.network/',
+    'Crust APP': 'wss://rpc-shadow.crustnetwork.app',
+    'Crust CC': 'wss://rpc-shadow.crustnetwork.cc',
+    'Crust XYZ': 'wss://rpc-shadow.crustnetwork.xyz'
+  },
+  text: 'Crust Shadow',
+  ui: {
+    logo: nodesShadowSVG
+  }
+},
+{
+  homepage: 'https://crust.network/',
+  info: 'shadow',
+  isUnreachable: true,
+  paraId: 2225,
+  providers: {
+
+
+    // also duplicated right above (hence marked unreachable)
+    // Crust: 'wss://rpc-shadow.crust.network/' // https://github.com/polkadot-js/apps/issues/8355
+  }, text: 'Crust Shadow 2', ui: {
+    logo: nodesShadowSVG
+  }
+},
+{
+  info: 'curio',
+  paraId: 3339,
+  providers: {
+    Curio: 'wss://parachain.curioinvest.com/'
+  },
+  text: 'Curio',
+  ui: {
+    color: 'rgb(96, 98, 246)',
+    logo: nodesCurioSVG
+  }
+},
+{
+  homepage: 'https://ipci.io',
+  info: 'ipci',
+  paraId: 2222,
+  providers: {
+    Airalab: 'wss://ipci.rpc.robonomics.network'
+  },
+  text: 'DAO IPCI',
+  ui: {
+    logo: nodesIpciSVG
+  }
+},
+{
+  homepage: 'https://dorafactory.org/kusama/',
+  info: 'dorafactory',
+  paraId: 2115,
+  providers: {
+
+    // DORA: 'wss://kusama.dorafactory.org' // https://github.com/polkadot-js/apps/issues/9748
+  }, text: 'Dora Factory',
+  ui: {
+    color: '#FF761C',
+    logo: chainsDorafactoryPNG
+  }
+},
+{
+  homepage: 'https://genshiro.io',
+  info: 'Genshiro',
+  paraId: 2024,
+  providers: {
+
+    // Genshiro: 'wss://node.genshiro.io' // https://github.com/polkadot-js/apps/issues/10174
+  }, text: 'Genshiro',
+  ui: {
+    color: '#e8662d',
+    logo: chainsGenshiroSVG
+  }
+},
+{
+  homepage: 'https://genshiro.equilibrium.io',
+  info: 'genshiro',
+  isUnreachable: true,
+  paraId: 2226,
+  providers: {
+
+    // Equilibrium: 'wss://node.genshiro.io' // https://github.com/polkadot-js/apps/issues/10174
+  }, text: 'Genshiro crowdloan 2',
+  ui: {
+    color: '#e8662d',
+    logo: chainsGenshiroSVG
+  }
+},
+{
+  homepage: 'https://gmordie.com',
+  info: 'gm',
+  paraId: 2123,
+  providers: {
+    // GMorDieDAO: 'wss://kusama.gmordie.com', // https://github.com/polkadot-js/apps/issues/8457
+    // 'GM Intern': 'wss://intern.gmordie.com', // https://github.com/polkadot-js/apps/issues/9381
+    // TerraBioDAO: 'wss://ws-node-gm.terrabiodao.org', // https://github.com/polkadot-js/apps/issues/8867
+    // Leemo: 'wss://leemo.gmordie.com', // https://github.com/polkadot-js/apps/issues/9712
+    // 'bLd Nodes': 'wss://ws.gm.bldnodes.org', // https://github.com/polkadot-js/apps/issues/9947
+    'light client': 'light://substrate-connect/kusama/gm'
+  },
+  text: 'GM',
+  ui: {
+    color: '#f47b36',
+    logo: chainsGmJPEG
+  }
+},
+{
+  homepage: 'https://hyperbridge.network',
+  info: 'hyperbridge',
+  paraId: 3340,
+  providers: {
+
+    // BlockOps: 'wss://hyperbridge-messier-rpc.blockops.network' // https://github.com/polkadot-js/apps/issues/10555
+  }, text: 'Hyperbridge (Messier)',
+  ui: {
+    color: '#ED6FF1',
+    logo: nodesHyperbridgePNG
+  }
+},
+{
+  homepage: 'https://imbue.network',
+  info: 'imbue',
+  paraId: 2121,
+  providers: {
+    'Imbue Network 0': 'wss://kusama.imbuenetwork.com'
+    // 'Imbue Network 1': 'wss://collator.production.imbue.network' // https://github.com/polkadot-js/apps/issues/9848
+  },
+  text: 'Imbue Network',
+  ui: {
+    color: '#baff36',
+    logo: nodesImbuePNG
+  }
+},
+{
+  homepage: 'https://integritee.network',
+  info: 'integritee',
+  paraId: 2015,
+  providers: {
+    Integritee: 'wss://kusama.api.integritee.network',
+    OnFinality: 'wss://integritee-kusama.api.onfinality.io/public-ws'
+  },
+  text: 'Integritee Network',
+  ui: {
+    color: '#2e154b',
+    logo: nodesIntegriteeSVG
+  }
+},
+{
+  homepage: 'https://invarch.network/tinkernet',
+  info: 'tinker',
+  paraId: 2125,
+  providers: {
+    // 'InvArch Team': 'wss://tinker.invarch.network', // https://github.com/polkadot-js/apps/issues/8623
+    Dwellir: 'wss://tinkernet-rpc.dwellir.com',
+    // OnFinality: 'wss://invarch-tinkernet.api.onfinality.io/public-ws', // https://github.com/polkadot-js/apps/issues/9955
+    'light client': 'light://substrate-connect/kusama/tinkernet'
+  },
+  text: 'InvArch Tinkernet',
+  ui: {
+    color: '#161616',
+    logo: chainsTinkerPNG
+  }
+},
+{
+  homepage: 'https://kabocha.network',
+  info: 'kabocha',
+  paraId: 2113,
+  providers: {
+    JelliedOwl: 'wss://kabocha.jelliedowl.net'
+  },
+  text: 'Kabocha',
+  ui: {
+    color: 'repeating-radial-gradient(black, black 4px, yellow 5px)',
+    logo: nodesKabochaSVG
+  }
+},
+{
+  homepage: 'https://acala.network/karura/join-karura',
+  info: 'karura',
+  paraId: 2000,
+  providers: {
+    'Acala Foundation 0': 'wss://karura-rpc-0.aca-api.network',
+    'Acala Foundation 1': 'wss://karura-rpc-1.aca-api.network',
+    'Acala Foundation 2': 'wss://karura-rpc-2.aca-api.network/ws',
+    'Acala Foundation 3': 'wss://karura-rpc-3.aca-api.network/ws',
+    Dwellir: 'wss://karura-rpc.dwellir.com',
+    // LuckyFriday: 'wss://rpc-karura.luckyfriday.io',  // https://github.com/polkadot-js/apps/issues/10663
+    OnFinality: 'wss://karura.api.onfinality.io/public-ws'
+    // 'Polkawallet 0': 'wss://karura.polkawallet.io' // https://github.com/polkadot-js/apps/issues/9383
+  },
+  text: 'Karura',
+  ui: {
+    color: '#ff4c3b',
+    logo: chainsKaruraSVG
+  }
+},
+{
+  homepage: 'https://phala.network/',
+  info: 'khala',
+  paraId: 2004,
+  providers: {
+    Dwellir: 'wss://khala-rpc.dwellir.com',
+    Helikon: 'wss://rpc.helikon.io/khala',
+    OnFinality: 'wss://khala.api.onfinality.io/public-ws',
+    Phala: 'wss://khala-api.phala.network/ws',
+    RadiumBlock: 'wss://khala.public.curie.radiumblock.co/ws'
+    // Rockx: 'wss://rockx-khala.w3node.com/polka-public-khala/ws' // https://github.com/polkadot-js/apps/issues/10728
+  },
+  text: 'Khala Network',
+  ui: {
+    color: '#03f3f3',
+    logo: nodesKhalaSVG
+  }
+},
+{
+  homepage: 'https://dico.io/',
+  info: 'kico',
+  paraId: 2107,
+  providers: {
+
+
+    // 'DICO Foundation': 'wss://rpc.kico.dico.io' // https://github.com/polkadot-js/apps/issues/9266
+    // 'DICO Foundation 2': 'wss://rpc.api.kico.dico.io' // https://github.com/polkadot-js/apps/issues/8203
+  }, text: 'KICO', ui: {
+    color: '#29B58D',
+    logo: chainsKicoPNG
+  }
+},
+{
+  homepage: 'https://dico.io/',
+  info: 'kico 2',
+  paraId: 2235,
+  providers: {
+
+    // 'DICO Foundation': 'wss://rpc.kico2.dico.io' // https://github.com/polkadot-js/apps/issues/8415
+  }, text: 'KICO 2',
+  ui: {
+    color: '#29B58D',
+    logo: chainsKicoPNG
+  }
+},
+{
+  homepage: 'https://kintsugi.interlay.io/',
+  info: 'kintsugi',
+  paraId: 2092,
+  providers: {
+    Dwellir: 'wss://kintsugi-rpc.dwellir.com',
+    'Kintsugi Labs': 'wss://api-kusama.interlay.io/parachain',
+    // LuckyFriday: 'wss://rpc-kintsugi.luckyfriday.io/', // https://github.com/polkadot-js/apps/issues/9947
+    OnFinality: 'wss://kintsugi.api.onfinality.io/public-ws'
+  },
+  text: 'Kintsugi BTC',
+  ui: {
+    color: '#1a0a2d',
+    logo: chainsKintsugiPNG
+  }
+},
+{
+  homepage: 'http://apron.network/',
+  info: 'kpron',
+  isUnreachable: true,
+  paraId: 2019,
+  providers: {
+    Kpron: 'wss://kusama-kpron-rpc.apron.network/'
+  },
+  text: 'Kpron',
+  ui: {
+    color: 'linear-gradient(45deg, #0099F7 0%, #2E49EB 100%)',
+    logo: nodesApronPNG
+  }
+},
+{
+  homepage: 'https://virto.network/',
+  info: 'kreivo',
+  paraId: 2281,
+  providers: {
+    Kippu: 'wss://kreivo.kippu.rocks/',
+    Virto: 'wss://kreivo.io/'
+  },
+  text: 'Kreivo - By Virto',
+  ui: {
+    color: '#294940',
+    identityIcon: 'polkadot',
+    logo: chainsKreivoSVG
+  }
+},
+{
+  homepage: 'https://krest.peaq.network/',
+  info: 'krest',
+  paraId: 2241,
+  providers: {
+    Dwellir: 'wss://krest-rpc.dwellir.com',
+    Krest: 'wss://wss-krest.peaq.network/',
+    OnFinality: 'wss://krest.api.onfinality.io/public-ws',
+    UnitedBloc: 'wss://krest.unitedbloc.com/'
+  },
+  text: 'Krest',
+  ui: {
+    logo: nodesKrestPNG
+  }
+},
+{
+  homepage: 'https://listen.io/',
+  info: 'listen',
+  paraId: 2118,
+  providers: {
+
+
+    // 'Listen Foundation 1': 'wss://rpc.mainnet.listen.io', // https://github.com/polkadot-js/apps/issues/9069
+    // 'Listen Foundation 2': 'wss://wss.mainnet.listen.io' // https://github.com/polkadot-js/apps/issues/9106
+  }, text: 'Listen Network', ui: {
+    color: '#FFAD0A',
+    logo: chainsListenPNG
+  }
+},
+{
+  homepage: 'https://www.litentry.com/',
+  info: 'litmus',
+  paraId: 2106,
+  providers: {
+
+    // Litentry: 'wss://rpc.litmus-parachain.litentry.io' // https://github.com/polkadot-js/apps/issues/10912
+  }, text: 'Litmus',
+  ui: {
+    color: '#3913D3',
+    logo: nodesLitmusPNG
+  }
+},
+{
+  homepage: 'https://loomx.io/',
+  info: 'loomNetwork',
+  paraId: 2080,
+  providers: {
+
+    // LoomNetwork: 'wss://kusama.dappchains.com' // https://github.com/polkadot-js/apps/issues/5888
+  }, text: 'Loom Network',
+  ui: {
+    logo: nodesLoomNetworkPNG
+  }
+},
+{
+  homepage: 'https://mangata.finance',
+  info: 'mangata',
+  paraId: 2110,
+  providers: {
+    'Mangata Archive': 'wss://kusama-archive.mangata.online',
+    'Mangata RPC': 'wss://kusama-rpc.mangata.online'
+  },
+  text: 'Mangata',
+  ui: {
+    color: '#030408',
+    logo: chainsMangataPNG
+  }
+},
+{
+  homepage: 'https://www.aresprotocol.io/mars',
+  info: 'mars',
+  paraId: 2008,
+  providers: {
+
+    // AresProtocol: 'wss://wss.mars.aresprotocol.io' // https://github.com/polkadot-js/apps/issues/8937
+  }, text: 'Mars',
+  ui: {
+    color: '#E56239',
+    logo: nodesAresMarsPNG
+  }
+},
+{
+  homepage: 'https://moonbeam.network/networks/moonriver/',
+  info: 'moonriver',
+  paraId: 2023,
+  providers: {
+    Allnodes: 'wss://moonriver-rpc.publicnode.com',
+    Blast: 'wss://moonriver.public.blastapi.io',
+    Dwellir: 'wss://moonriver-rpc.dwellir.com',
+    'Moonbeam Foundation': 'wss://wss.api.moonriver.moonbeam.network',
+    OnFinality: 'wss://moonriver.api.onfinality.io/public-ws',
+    RadiumBlock: 'wss://moonriver.public.curie.radiumblock.co/ws',
+    UnitedBloc: 'wss://moonriver.unitedbloc.com'
+  },
+  text: 'Moonriver',
+  ui: {
+    color: '#06353d',
+    logo: nodesMoonriverSVG
+  }
+},
+{
+  homepage: 'https://parallel.fi',
+  info: 'heiko',
+  paraId: 2085,
+  providers: {
+    // OnFinality: 'wss://parallel-heiko.api.onfinality.io/public-ws', // https://github.com/polkadot-js/apps/issues/9964
+    Parallel: 'wss://heiko-rpc.parallel.fi'
+  },
+  text: 'Parallel Heiko',
+  ui: {
+    color: '#42d5de',
+    logo: nodesParallelSVG
+  }
+},
+{
+  homepage: 'https://parallel.fi',
+  info: 'heiko',
+  isUnreachable: true,
+  paraId: 2126,
+  providers: {},
+  text: 'Parallel Heiko 2',
+  ui: {
+    color: '#42d5de',
+    logo: nodesParallelSVG
+  }
+},
+{
+  homepage: 'https://picasso.composable.finance/',
+  info: 'picasso',
+  paraId: 2087,
+  providers: {
+    Composable: 'wss://rpc.composablenodes.tech',
+    Dwellir: 'wss://picasso-rpc.dwellir.com'
+    // LuckyFriday: 'wss://rpc-picasso.luckyfriday.io' // https://github.com/polkadot-js/apps/issues/9947
+  },
+  text: 'Picasso',
+  ui: {
+    color: '#000000',
+    logo: nodesPicassoPNG
+  }
+},
+{
+  homepage: 'https://kylin.network/',
+  info: 'pichiu',
+  paraId: 2102,
+  providers: {
+
+    // 'Kylin Network': 'wss://kusama.kylin-node.co.uk' // https://github.com/polkadot-js/apps/issues/9560
+  }, text: 'Pichiu',
+  ui: {
+    color: '#ed007e',
+    logo: nodesPichiuPNG
+  }
+},
+{
+  homepage: 'https://pioneer.bit.country/?ref=polkadotjs',
+  info: 'pioneer',
+  paraId: 2096,
+  providers: {
+    MetaverseNetwork: 'wss://pioneer-rpc-3.bit.country/wss'
+    // OnFinality: 'wss://pioneer.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9955
+  },
+  text: 'Pioneer',
+  ui: {
+    color: '#000000',
+    logo: nodesBitcountryPNG
+  }
+},
+{
+  homepage: 'https://polkasmith.polkafoundry.com/',
+  info: 'polkasmith',
+  paraId: 2009,
+  providers: {
+
+    // PolkaSmith: 'wss://wss-polkasmith.polkafoundry.com' // https://github.com/polkadot-js/apps/issues/6595
+  }, text: 'PolkaSmith by PolkaFoundry',
+  ui: {
+    color: '#0DDDFB',
+    logo: nodesPolkasmithSVG
+  }
+},
+{
+  info: 'qpn',
+  paraId: 2274,
+  providers: {
+
+    // FerrumNetwork: 'wss://qpn.svcs.ferrumnetwork.io/' // https://github.com/polkadot-js/apps/issues/10172
+  }, text: 'Quantum Portal Network',
+  ui: {
+    color: '#b37700',
+    logo: chainsQpnPNG
+  }
+},
+{
+  homepage: 'https://unique.network/',
+  info: 'quartz',
+  paraId: 2095,
+  providers: {
+    Dwellir: 'wss://quartz-rpc.dwellir.com',
+    // OnFinality: 'wss://quartz.api.onfinality.io/public-ws', // https://github.com/polkadot-js/apps/issues/9972
+    'Geo Load Balancer': 'wss://ws-quartz.unique.network',
+    'Unique America': 'wss://us-ws-quartz.unique.network',
+    'Unique Asia': 'wss://asia-ws-quartz.unique.network',
+    'Unique Europe': 'wss://eu-ws-quartz.unique.network'
+  },
+  text: 'QUARTZ by UNIQUE',
+  ui: {
+    color: '#FF4D6A',
+    logo: nodesQuartzPNG
+  }
+},
+{
+  homepage: 'https://riodefi.com',
+  info: 'riodefi',
+  paraId: 2227,
+  providers: {
+
+    // RioProtocol: 'wss://rio-kusama.riocorenetwork.com' // https://github.com/polkadot-js/apps/issues/9261
+  }, text: 'RioDeFi',
+  ui: {
+    color: '#4E7AED',
+    logo: chainsRiodefiPNG
+  }
+},
+{
+  homepage: 'http://robonomics.network/',
+  info: 'robonomics',
+  paraId: 2048,
+  providers: {
+    Airalab: 'wss://kusama.rpc.robonomics.network/',
+    // Dwellir: 'wss://robonomics-rpc.dwellir.com', // https://github.com/polkadot-js/apps/issues/10912
+    // Leemo: 'wss://robonomics.leemo.me', // https://github.com/polkadot-js/apps/issues/9817
+    // OnFinality: 'wss://robonomics.api.onfinality.io/public-ws', // https://github.com/polkadot-js/apps/issues/9824
+    Samsara: 'wss://robonomics.0xsamsara.com'
+  },
+  text: 'Robonomics',
+  ui: {
+    color: '#2949d3',
+    logo: nodesRobonomicsSVG
+  }
+},
+{
+  homepage: 'http://robonomics.network/',
+  info: 'robonomics',
+  isUnreachable: true,
+  paraId: 2240,
+  providers: {
+    Airalab: 'wss://kusama.rpc.robonomics.network/',
+    // Leemo: 'wss://robonomics.leemo.me', // https://github.com/polkadot-js/apps/issues/9817
+    // OnFinality: 'wss://robonomics.api.onfinality.io/public-ws', // https://github.com/polkadot-js/apps/issues/9824
+    Samsara: 'wss://robonomics.0xsamsara.com'
+  },
+  text: 'Robonomics 2',
+  ui: {
+    color: '#2949d3',
+    logo: nodesRobonomicsSVG
+  }
+},
+{
+  homepage: 'https://clover.finance/',
+  info: 'sakura',
+  isUnreachable: true,
+  paraId: 2016,
+  providers: {
+    Clover: 'wss://api-sakura.clover.finance'
+  },
+  text: 'Sakura',
+  ui: {
+    color: '#ff5995',
+    logo: nodesSakuraSVG
+  }
+},
+{
+  homepage: 'https://shiden.astar.network/',
+  info: 'shiden',
+  paraId: 2007,
+  providers: {
+    Astar: 'wss://rpc.shiden.astar.network',
+    Blast: 'wss://shiden.public.blastapi.io',
+    Dwellir: 'wss://shiden-rpc.dwellir.com',
+    OnFinality: 'wss://shiden.api.onfinality.io/public-ws',
+    RadiumBlock: 'wss://shiden.public.curie.radiumblock.co/ws',
+    'light client': 'light://substrate-connect/kusama/shiden'
+  },
+  text: 'Shiden',
+  ui: {
+    color: '#5923B2',
+    logo: chainsShidenPNG
+  }
+},
+{
+  homepage: 'https://shiden.astar.network/',
+  info: 'shiden',
+  isUnreachable: true,
+  paraId: 2120,
+  providers: {
+    StakeTechnologies: 'wss://rpc.shiden.astar.network'
+  },
+  text: 'Shiden Crowdloan 2',
+  ui: {
+    color: '#5923B2',
+    logo: chainsShidenPNG
+  }
+},
+{
+  homepage: 'https://icenetwork.io/snow',
+  info: 'snow',
+  paraId: 2129,
+  providers: {
+
+    // IceNetwork: 'wss://snow-rpc.icenetwork.io' // https://github.com/polkadot-js/apps/issues/9405
+  }, text: 'SNOW Network',
+  ui: {
+    logo: nodesSnowPNG
+  }
+},
+{
+  homepage: 'https://sora.org/',
+  info: 'sora',
+  paraId: 2011,
+  providers: {
+    Soramitsu: 'wss://ws.parachain-collator-2.c2.sora2.soramitsu.co.jp'
+  },
+  text: 'SORA',
+  ui: {
+    color: '#2D2926',
+    logo: nodesSoraSubstrateSVG
+  }
+},
+{
+  homepage: 'http://subgame.org/',
+  info: 'subgame',
+  paraId: 2018,
+  providers: {
+
+    // SubGame: 'wss://gamma.subgame.org/' // https://github.com/polkadot-js/apps/issues/7982
+  }, text: 'SubGame Gamma',
+  ui: {
+    color: '#EB027D',
+    logo: nodesSubgameSVG
+  }
+},
+{
+  homepage: 'https://subsocial.network/',
+  info: 'subsocialX',
+  paraId: 2100,
+  providers: {
+
+    // 'Dappforce 1': 'wss://para.subsocial.network'
+  }, text: 'SubsocialX',
+  ui: {
+    color: '#69058C',
+    logo: nodesSubsocialXSVG
+  }
+},
+{
+  homepage: 'https://www.t3rn.io/',
+  info: 't1rn',
+  paraId: 3334,
+  providers: {
+
+    // t3rn: 'wss://rpc.t1rn.io' // https://github.com/polkadot-js/apps/issues/10091
+  }, text: 't1rn',
+  ui: {
+    color: '#131532',
+    logo: nodesT1rnPNG
+  }
+},
+{
+  homepage: 'https://www.datahighway.com/',
+  info: 'tanganika',
+  paraId: 2116,
+  providers: {
+
+    // DataHighway: 'wss://tanganika.datahighway.com' // https://github.com/polkadot-js/apps/issues/9383
+  }, text: 'Tanganika',
+  ui: {
+    color: 'linear-gradient(-90deg, #9400D3 0%, #5A5CA9 50%, #00BFFF 100%)',
+    logo: nodesDatahighwayPNG
+  }
+},
+{
+  homepage: 'https://trustbase.network/',
+  info: 'trustbase',
+  isUnreachable: true,
+  paraId: 2078,
+  providers: {},
+  text: 'TrustBase',
+  ui: {
+    color: '#ff43aa',
+    logo: nodesTrustbasePNG
+  }
+},
+{
+  homepage: 'https://oak.tech',
+  info: 'turing',
+  paraId: 2114,
+  providers: {
+    Dwellir: 'wss://turing-rpc.dwellir.com',
+    OAK: 'wss://rpc.turing.oak.tech'
+  },
+  text: 'Turing Network',
+  ui: {
+    color: '#A8278C',
+    logo: chainsTuringPNG
+  }
+},
+{
+  homepage: 'https://standard.tech/',
+  info: 'unorthodox',
+  paraId: 2094,
+  providers: {
+
+    // 'Standard Protocol': 'wss://rpc.kusama.standard.tech' // https://github.com/polkadot-js/apps/issues/8525
+  }, text: 'Unorthodox',
+  ui: {
+    color: 'radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(42,244,187,1) 35%, rgba(10,10,10,1) 100%)',
+    logo: chainsUnorthodoxPNG
+  }
+},
+{
+  homepage: 'https://xode.net',
+  info: 'xode',
+  paraId: 3344,
+  providers: {
+    XodeCommunity: 'wss://rpcnodea01.xode.net/n7yoxCmcIrCF6VziCcDmYTwL8R03a/rpc'
+  },
+  text: 'Xode',
+  ui: {
+    color: '#ed1f7a',
+    logo: nodesXodePNG
+  }
+},
+{
+  homepage: 'https://yerba.network',
+  info: 'yerba',
+  paraId: 3345,
+  providers: {},
+  text: 'Yerba Network',
+  ui: {
+    color: '#a5503c',
+    logo: nodesYerbanetworkPNG
+  }
+},
+{
+  homepage: 'https://zero.io',
+  info: 'zero',
+  paraId: 2236,
+  providers: {
+
+    // 'Zero Network': 'wss://rpc-1.kusama.node.zero.io' // https://github.com/polkadot-js/apps/issues/10803
+  }, text: 'ZERO Canary',
+  ui: {
+    color: '#000000',
+    logo: nodesZeroSVG
+  }
+}];
+
+
+export const prodParasKusamaCommon = [
+{
+  info: 'KusamaAssetHub',
+  isPeopleForIdentity: true,
+  paraId: 1000,
+  providers: {
+    Dwellir: 'wss://asset-hub-kusama-rpc.dwellir.com',
+    'Dwellir Tunisia': 'wss://statemine-rpc-tn.dwellir.com',
+    IBP1: 'wss://sys.ibp.network/statemine',
+    IBP2: 'wss://asset-hub-kusama.dotters.network',
+    LuckyFriday: 'wss://rpc-asset-hub-kusama.luckyfriday.io',
+    // OnFinality: 'wss://statemine.api.onfinality.io/public-ws',
+    Parity: 'wss://kusama-asset-hub-rpc.polkadot.io',
+    RadiumBlock: 'wss://statemine.public.curie.radiumblock.co/ws',
+    Stakeworld: 'wss://ksm-rpc.stakeworld.io/assethub'
+  },
+  relayName: 'kusama',
+  teleport: [-1],
+  text: 'AssetHub',
+  ui: {
+    color: '#113911',
+    logo: chainsAssethubKusamaSVG
+  }
+},
+{
+  info: 'kusamaBridgeHub',
+  isPeopleForIdentity: true,
+  paraId: 1002,
+  providers: {
+    Dwellir: 'wss://bridge-hub-kusama-rpc.dwellir.com',
+    'Dwellir Tunisia': 'wss://kusama-bridge-hub-rpc-tn.dwellir.com',
+    IBP1: 'wss://sys.ibp.network/bridgehub-kusama',
+    IBP2: 'wss://bridge-hub-kusama.dotters.network',
+    LuckyFriday: 'wss://rpc-bridge-hub-kusama.luckyfriday.io',
+    // OnFinality: 'wss://bridgehub-kusama.api.onfinality.io/public-ws',
+    Parity: 'wss://kusama-bridge-hub-rpc.polkadot.io',
+    RadiumBlock: 'wss://bridgehub-kusama.public.curie.radiumblock.co/ws',
+    Stakeworld: 'wss://ksm-rpc.stakeworld.io/bridgehub'
+  },
+  relayName: 'kusama',
+  teleport: [-1],
+  text: 'BridgeHub',
+  ui: {
+    logo: nodesBridgeHubBlackSVG
+  }
+},
+{
+  info: 'kusamaCoretime',
+  isPeopleForIdentity: true,
+  paraId: 1005,
+  providers: {
+    Dwellir: 'wss://coretime-kusama-rpc.dwellir.com',
+    IBP1: 'wss://sys.ibp.network/coretime-kusama',
+    IBP2: 'wss://coretime-kusama.dotters.network',
+    LuckyFriday: 'wss://rpc-coretime-kusama.luckyfriday.io',
+    Parity: 'wss://kusama-coretime-rpc.polkadot.io',
+    Stakeworld: 'wss://ksm-rpc.stakeworld.io/coretime'
+  },
+  relayName: 'kusama',
+  teleport: [-1],
+  text: 'Coretime',
+  ui: {
+    color: '#113911',
+    logo: chainsCoretimeKusamaSVG
+  }
+},
+{
+  homepage: 'https://encointer.org/',
+  info: 'encointer',
+  isPeopleForIdentity: true,
+  paraId: 1001,
+  providers: {
+    Dwellir: 'wss://encointer-kusama-rpc.dwellir.com',
+    'Encointer Association': 'wss://kusama.api.encointer.org',
+    IBP1: 'wss://sys.ibp.network/encointer-kusama',
+    IBP2: 'wss://encointer-kusama.dotters.network'
+    // OnFinality: 'wss://encointer.api.onfinality.io/public-ws', // https://github.com/polkadot-js/apps/issues/9986
+    // Stakeworld: 'wss://ksm-rpc.stakeworld.io/encointer'
+  },
+  relayName: 'kusama',
+  teleport: [-1],
+  text: 'Encointer Network',
+  ui: {
+    color: '#0000cc',
+    logo: nodesEncointerBlueSVG
+  }
+},
+{
+  info: 'kusamaPeople',
+  isPeople: true,
+  isPeopleForIdentity: false,
+  paraId: 1004,
+  providers: {
+    Dwellir: 'wss://people-kusama-rpc.dwellir.com',
+    IBP1: 'wss://sys.ibp.network/people-kusama',
+    IBP2: 'wss://people-kusama.dotters.network',
+    LuckyFriday: 'wss://rpc-people-kusama.luckyfriday.io',
+    Parity: 'wss://kusama-people-rpc.polkadot.io',
+    Stakeworld: 'wss://ksm-rpc.stakeworld.io/people'
+  },
+  relayName: 'kusama',
+  teleport: [-1],
+  text: 'People',
+  ui: {
+    color: '#36454F',
+    logo: chainsPeopleKusamaSVG
+  }
+}];
+
+
+export const prodRelayKusama = {
+  dnslink: 'kusama',
+  genesisHash: KUSAMA_GENESIS,
+  info: 'kusama',
+  isPeopleForIdentity: true,
+  isRelay: true,
+  linked: [
+  ...prodParasKusamaCommon,
+  ...prodParasKusama],
+
+  providers: {
+    // 'Geometry Labs': 'wss://kusama.geometry.io/websockets', // https://github.com/polkadot-js/apps/pull/6746
+    // 'Automata 1RPC': 'wss://1rpc.io/ksm',
+    Allnodes: 'wss://kusama-rpc.publicnode.com',
+    Dwellir: 'wss://kusama-rpc.dwellir.com',
+    'Dwellir Tunisia': 'wss://kusama-rpc-tn.dwellir.com',
+    IBP1: 'wss://rpc.ibp.network/kusama',
+    IBP2: 'wss://kusama.dotters.network',
+    LuckyFriday: 'wss://rpc-kusama.luckyfriday.io',
+    OnFinality: 'wss://kusama.api.onfinality.io/public-ws',
+    RadiumBlock: 'wss://kusama.public.curie.radiumblock.co/ws',
+    RockX: 'wss://rockx-ksm.w3node.com/polka-public-ksm/ws',
+    Stakeworld: 'wss://ksm-rpc.stakeworld.io',
+    SubQuery: 'wss://kusama.rpc.subquery.network/public/ws',
+    'light client': 'light://substrate-connect/kusama'
+  },
+  teleport: getTeleports(prodParasKusamaCommon),
+  text: 'Kusama',
+  ui: {
+    color: '#000000',
+    identityIcon: 'polkadot',
+    logo: chainsKusamaSVG
+  }
+};
\ No newline at end of file
diff --git a/src/utils/prodParasPolkadot.js b/src/utils/prodParasPolkadot.js
new file mode 100644
index 0000000..ef461dc
--- /dev/null
+++ b/src/utils/prodParasPolkadot.js
@@ -0,0 +1,999 @@
+// Copyright 2017-2024 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+
+
+
+import { chainsAcalaSVG, chainsBitgreenPNG, chainsComposableFinancePNG, chainsEquilibriumSVG, chainsFrequencySVG, chainsGeminisPNG, chainsHydrationSVG, chainsInvarchJPEG, chainsLaosPNG, chainsLogionPNG, chainsNeurowebPNG, chainsOakPNG, chainsPeaqPNG, chainsPendulumSVG, chainsPeoplePolkadotSVG, chainsPolkadotCircleSVG, chainsTotemSVG, chainsWatrPNG } from "../assets/chains/index.ts";
+import { nodesAjunaPNG, nodesAresOdysseySVG, nodesAssetHubSVG, nodesAstarPNG, nodesAventusSVG, nodesBifrostSVG, nodesBridgeHubSVG, nodesCentrifugePNG, nodesCloverSVG, nodesCoinversationPNG, nodesContinuumPNG, nodesCrustParachainSVG, nodesDarwiniaSVG, nodesEfinitySVG, nodesEwxSVG, nodesHashedPNG, nodesHyperbridgePNG, nodesIntegriteeSVG, nodesInterlaySVG, nodesKiltPNG, nodesKylinPNG, nodesLitentryPNG, nodesMantaPNG, nodesMoonbeamSVG, nodesMoonsamaSVG, nodesMythosPNG, nodesNodleSVG, nodesOmnibtcSVG, nodesParallelSVG, nodesPhalaSVG, nodesPolimecSVG, nodesPolkadexSVG, nodesRobonomicsSVG, nodesSoraSubstrateSVG, nodesSubdaoPNG, nodesSubgameSVG, nodesSubsocialSVG, nodesT3rnPNG, nodesUniqueSVG, nodesZeitgeistPNG } from "../assets/nodes/index.ts";
+
+
+// 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 ../ui/logos/index.ts in namedLogos (this also needs to align with @polkadot/networks)
+//   text: The text to display on the dropdown
+//   providers: The actual hosted secure websocket endpoint
+//
+// IMPORTANT: Alphabetical based on text
+export const prodParasPolkadot = [
+{
+  homepage: 'https://acala.network/',
+  info: 'acala',
+  paraId: 2000,
+  providers: {
+    'Acala Foundation 0': 'wss://acala-rpc-0.aca-api.network',
+    'Acala Foundation 1': 'wss://acala-rpc-1.aca-api.network',
+    // 'Acala Foundation 2': 'wss://acala-rpc-2.aca-api.network/ws', // https://github.com/polkadot-js/apps/issues/6965
+    'Acala Foundation 3': 'wss://acala-rpc-3.aca-api.network/ws',
+    Dwellir: 'wss://acala-rpc.dwellir.com',
+    // LuckyFriday: 'wss://rpc-acala.luckyfriday.io', // https://github.com/polkadot-js/apps/issues/10728
+    // 'Automata 1RPC': 'wss://1rpc.io/aca' // https://github.com/polkadot-js/apps/issues/8648
+    OnFinality: 'wss://acala-polkadot.api.onfinality.io/public-ws'
+    // 'Polkawallet 0': 'wss://acala.polkawallet.io' // https://github.com/polkadot-js/apps/issues/9760
+  },
+  text: 'Acala',
+  ui: {
+    color: '#645AFF',
+    logo: chainsAcalaSVG
+  }
+},
+{
+  homepage: 'https://ajuna.io',
+  info: 'ajuna',
+  paraId: 2051,
+  providers: {
+    AjunaNetwork: 'wss://rpc-para.ajuna.network',
+    IBP1: 'wss://ajuna.ibp.network',
+    IBP2: 'wss://ajuna.dotters.network',
+    OnFinality: 'wss://ajuna.api.onfinality.io/public-ws',
+    RadiumBlock: 'wss://ajuna.public.curie.radiumblock.co/ws'
+  },
+  text: 'Ajuna Network',
+  ui: {
+    color: '#161212',
+    logo: nodesAjunaPNG
+  }
+},
+{
+  homepage: 'https://www.aresprotocol.io/',
+  info: 'odyssey',
+  paraId: 2028,
+  providers: {
+
+    // AresProtocol: 'wss://wss.odyssey.aresprotocol.io' // https://github.com/polkadot-js/apps/issues/9059
+  }, text: 'Ares Odyssey',
+  ui: {
+    color: '#1295F0',
+    logo: nodesAresOdysseySVG
+  }
+},
+{
+  homepage: 'https://astar.network',
+  info: 'astar',
+  paraId: 2006,
+  providers: {
+    Astar: 'wss://rpc.astar.network',
+    'Automata 1RPC': 'wss://1rpc.io/astr',
+    Blast: 'wss://astar.public.blastapi.io',
+    Dwellir: 'wss://astar-rpc.dwellir.com',
+    OnFinality: 'wss://astar.api.onfinality.io/public-ws',
+    RadiumBlock: 'wss://astar.public.curie.radiumblock.co/ws',
+    'light client': 'light://substrate-connect/polkadot/astar'
+  },
+  text: 'Astar',
+  ui: {
+    color: '#1b6dc1d9',
+    logo: nodesAstarPNG
+  }
+},
+{
+  homepage: 'https://www.aventus.io/',
+  info: 'aventus',
+  paraId: 2056,
+  providers: {
+    Aventus: 'wss://public-rpc.mainnet.aventus.network'
+  },
+  text: 'Aventus',
+  ui: {
+    color: '#1d2733',
+    logo: nodesAventusSVG
+  }
+},
+{
+  homepage: 'https://crowdloan.bifrost.app',
+  info: 'bifrost',
+  paraId: 2030,
+  providers: {
+    Dwellir: 'wss://bifrost-polkadot-rpc.dwellir.com',
+    IBP1: 'wss://bifrost-polkadot.ibp.network',
+    IBP2: 'wss://bifrost-polkadot.dotters.network',
+    Liebi: 'wss://hk.p.bifrost-rpc.liebi.com/ws',
+    LiebiEU: 'wss://eu.bifrost-polkadot-rpc.liebi.com/ws',
+    OnFinality: 'wss://bifrost-polkadot.api.onfinality.io/public-ws',
+    RadiumBlock: 'wss://bifrost.public.curie.radiumblock.co/ws'
+  },
+  text: 'Bifrost',
+  ui: {
+    color: '#5a25f0',
+    logo: nodesBifrostSVG
+  }
+},
+{
+  homepage: 'https://www.bitgreen.org',
+  info: 'bitgreen',
+  paraId: 2048,
+  providers: {
+    Bitgreen: 'wss://mainnet.bitgreen.org'
+    // OnFinality: 'wss://bitgreen.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9993
+  },
+  text: 'Bitgreen',
+  ui: {
+    color: '#224851',
+    logo: chainsBitgreenPNG
+  }
+},
+{
+  homepage: 'https://centrifuge.io',
+  info: 'centrifuge',
+  paraId: 2031,
+  providers: {
+    Centrifuge: 'wss://fullnode.centrifuge.io',
+    Dwellir: 'wss://centrifuge-rpc.dwellir.com',
+    LuckyFriday: 'wss://rpc-centrifuge.luckyfriday.io',
+    OnFinality: 'wss://centrifuge-parachain.api.onfinality.io/public-ws'
+  },
+  text: 'Centrifuge',
+  ui: {
+    color: '#fcc367',
+    logo: nodesCentrifugePNG
+  }
+},
+{
+  homepage: 'https://clover.finance',
+  info: 'clover',
+  paraId: 2002,
+  providers: {
+
+
+    // Clover: 'wss://rpc-para.clover.finance' // https://github.com/polkadot-js/apps/issues/10172
+    // OnFinality: 'wss://clover.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9986
+  }, text: 'Clover', ui: {
+    color: 'linear-gradient(to right, #52ad75, #7cc773)',
+    logo: nodesCloverSVG
+  }
+},
+{
+  homepage: 'http://www.coinversation.io/',
+  info: 'coinversation',
+  paraId: 2027,
+  providers: {
+
+    // Coinversation: 'wss://rpc.coinversation.io/' // https://github.com/polkadot-js/apps/issues/6635
+  }, text: 'Coinversation',
+  ui: {
+    color: '#e6017a',
+    logo: nodesCoinversationPNG
+  }
+},
+{
+  homepage: 'https://composable.finance/',
+  info: 'composable',
+  paraId: 2019,
+  providers: {
+    Composable: 'wss://rpc.composable.finance',
+    Dwellir: 'wss://composable-rpc.dwellir.com'
+    // OnFinality: 'wss://composable.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9986
+  },
+  text: 'Composable Finance',
+  ui: {
+    color: '#C90E8A',
+    logo: chainsComposableFinancePNG
+  }
+},
+{
+  homepage: 'https://mnet.io/?ref=polkadotjs',
+  info: 'continuum',
+  paraId: 3346,
+  providers: {
+    MNet: 'wss://continuum-rpc-1.metaverse.network/wss'
+  },
+  text: 'Continuum',
+  ui: {
+    color: 'linear-gradient(94deg, #2B388F 2.95%, #DB126E 97.18%)',
+    logo: nodesContinuumPNG
+  }
+},
+{
+  homepage: 'https://crust.network',
+  info: 'crustParachain',
+  paraId: 2008,
+  providers: {
+    Crust: 'wss://crust-parachain.crustapps.net',
+    'Crust APP': 'wss://crust-parachain.crustnetwork.app',
+    'Crust CC': 'wss://crust-parachain.crustnetwork.cc',
+    'Crust XYZ': 'wss://crust-parachain.crustnetwork.xyz'
+    // OnFinality: 'wss://crust-polkadot.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/10013
+  },
+  text: 'Crust',
+  ui: {
+    logo: nodesCrustParachainSVG
+  }
+},
+{
+  homepage: 'https://darwinia.network/',
+  info: 'darwinia',
+  paraId: 2046,
+  providers: {
+    Darwinia: 'wss://rpc.darwinia.network',
+    Dcdao: 'wss://darwinia-rpc.dcdao.box',
+    Dwellir: 'wss://darwinia-rpc.dwellir.com'
+  },
+  text: 'Darwinia',
+  ui: {
+    color: '#FF0083',
+    logo: nodesDarwiniaSVG
+  }
+},
+{
+  homepage: 'https://efinity.io',
+  info: 'efinity',
+  paraId: 2021,
+  providers: {
+
+
+
+
+
+
+
+    // NOTE We don't support connections to this parachain at all.
+    //
+    // 1. The chain is migrated away from the parachain with all balances
+    // 2. There is a forked relay-involved which we don't support
+    //
+    // Additional details in original removal at
+    // https://github.com/polkadot-js/apps/pull/9555/files#r1225095086
+  }, text: 'Efinity', ui: { color: '#496ddb', logo: nodesEfinitySVG } }, {
+  homepage: 'https://energywebx.com/',
+  info: 'ewx',
+  paraId: 3345,
+  providers: {
+    'Energy Web': 'wss://public-rpc.mainnet.energywebx.com/'
+  },
+  text: 'Energy Web X',
+  ui: {
+    color: '#53B1FF',
+    logo: nodesEwxSVG
+  }
+},
+{
+  homepage: 'https://equilibrium.io/',
+  info: 'equilibrium',
+  paraId: 2011,
+  providers: {
+
+
+
+    // Dwellir: 'wss://equilibrium-rpc.dwellir.com'
+    // OnFinality: 'wss://equilibrium.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9977
+    // Equilibrium: 'wss://node.equilibrium.io' // https://github.com/polkadot-js/apps/issues/10174
+  }, text: 'Equilibrium', ui: { color: '#1792ff',
+    logo: chainsEquilibriumSVG
+  }
+},
+{
+  homepage: 'https://frequency.xyz',
+  info: 'frequency',
+  paraId: 2091,
+  providers: {
+    Dwellir: 'wss://frequency-rpc.dwellir.com',
+    'Frequency 0': 'wss://0.rpc.frequency.xyz',
+    'Frequency 1': 'wss://1.rpc.frequency.xyz',
+    OnFinality: 'wss://frequency-polkadot.api.onfinality.io/public-ws'
+  },
+  text: 'Frequency',
+  ui: {
+    color: '#00b6af',
+    logo: chainsFrequencySVG
+  }
+},
+{
+  homepage: 'https://geminis.network/',
+  info: 'geminis',
+  isUnreachable: true,
+  paraId: 2038,
+  providers: {
+    Geminis: 'wss://rpc.geminis.network'
+  },
+  text: 'Geminis',
+  ui: {
+    logo: chainsGeminisPNG
+  }
+},
+{
+  homepage: 'https://hashed.network/',
+  info: 'hashed',
+  paraId: 2093,
+  providers: {
+    'Hashed Systems 1': 'wss://c1.hashed.network'
+    // 'Hashed Systems 2': 'wss://c2.hashed.network', // https://github.com/polkadot-js/apps/issues/10912
+    // 'Hashed Systems 3': 'wss://c3.hashed.network' // https://github.com/polkadot-js/apps/issues/10912
+  },
+  text: 'Hashed Network',
+  ui: {
+    color: '#9199A9',
+    logo: nodesHashedPNG
+  }
+},
+{
+  homepage: 'https://hydration.net/',
+  info: 'hydradx',
+  paraId: 2034,
+  providers: {
+    Dwellir: 'wss://hydradx-rpc.dwellir.com',
+    'Galactic Council': 'wss://rpc.hydradx.cloud',
+    Helikon: 'wss://rpc.helikon.io/hydradx',
+    IBP1: 'wss://hydradx.paras.ibp.network',
+    IBP2: 'wss://hydration.dotters.network'
+    // OnFinality: 'wss://hydradx.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9986
+    // ZeePrime: 'wss://rpc-lb.data6.zp-labs.net:8443/hydradx/ws/?token=2ZGuGivPJJAxXiT1hR1Yg2MXGjMrhEBYFjgbdPi' // https://github.com/polkadot-js/apps/issues/9760
+  },
+  text: 'Hydration',
+  ui: {
+    color: '#240E32',
+    logo: chainsHydrationSVG
+  }
+},
+{
+  homepage: 'https://hyperbridge.network',
+  info: 'hyperbridge',
+  paraId: 3367,
+  providers: {
+    BlockOps: 'wss://hyperbridge-nexus-rpc.blockops.network',
+    IBP1: 'wss://nexus.ibp.network',
+    IBP2: 'wss://nexus.dotters.network'
+  },
+  text: 'Hyperbridge (Nexus)',
+  ui: {
+    color: '#ED6FF1',
+    logo: nodesHyperbridgePNG
+  }
+},
+{
+  homepage: 'https://dot.crowdloan.integritee.network/',
+  info: 'integritee',
+  paraId: 3359,
+  providers: {
+    Dwellir: 'wss://integritee-rpc.dwellir.com',
+    Integritee: 'wss://polkadot.api.integritee.network'
+  },
+  text: 'Integritee Network',
+  ui: {
+    color: '#658ea9',
+    logo: nodesIntegriteeSVG
+  }
+},
+{
+  homepage: 'https://integritee.network',
+  info: 'integritee',
+  paraId: 2039,
+  providers: {
+
+
+    // Dwellir: 'wss://integritee-rpc.dwellir.com',
+    // Integritee: 'wss://polkadot.api.integritee.network'
+  }, text: 'Integritee Network', ui: {
+    color: '#2e154b',
+    logo: nodesIntegriteeSVG
+  }
+},
+{
+  homepage: 'https://interlay.io/',
+  info: 'interlay',
+  paraId: 2032,
+  providers: {
+    Dwellir: 'wss://interlay-rpc.dwellir.com',
+    'Kintsugi Labs': 'wss://api.interlay.io/parachain',
+    LuckyFriday: 'wss://rpc-interlay.luckyfriday.io/'
+    // OnFinality: 'wss://interlay.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9986
+  },
+  text: 'Interlay',
+  ui: {
+    color: '#3E96FF',
+    logo: nodesInterlaySVG
+  }
+},
+{
+  homepage: 'https://invarch.network/',
+  info: 'invarch',
+  paraId: 3340,
+  providers: {
+    Dwellir: 'wss://invarch-rpc.dwellir.com'
+  },
+  text: 'InvArch',
+  ui: {
+    color: 'linear-gradient(278deg, #f7d365 5.74%, #ff408a 99.41%)',
+    logo: chainsInvarchJPEG
+  }
+},
+{
+  homepage: 'https://totemaccounting.com/',
+  info: 'kapex',
+  paraId: 2007,
+  providers: {
+
+
+
+    // Dwellir: 'wss://kapex-rpc.dwellir.com'
+    // OnFinality: 'wss://kapex-parachain.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9986
+    // Totem: 'wss://k-ui.kapex.network' // https://github.com/polkadot-js/apps/issues/9616
+  }, text: 'Kapex', ui: { color: 'linear-gradient(158deg, rgba(226,157,0,1) 0%, rgba(234,55,203,1) 100%)',
+    logo: chainsTotemSVG
+  }
+},
+{
+  homepage: 'https://www.kilt.io/',
+  info: 'kilt',
+  paraId: 2086,
+  providers: {
+    BOTLabs: 'wss://spiritnet.kilt.io/',
+    Dwellir: 'wss://kilt-rpc.dwellir.com',
+    IBP1: 'wss://kilt.ibp.network',
+    IBP2: 'wss://kilt.dotters.network'
+  },
+  text: 'KILT Spiritnet',
+  ui: {
+    color: '#8c145a',
+    logo: nodesKiltPNG
+  }
+},
+{
+  homepage: 'https://kylin.network/',
+  info: 'kylin',
+  paraId: 2052,
+  providers: {
+
+    // 'Kylin Network': 'wss://polkadot.kylin-node.co.uk' // https://github.com/polkadot-js/apps/issues/10030
+  }, text: 'Kylin',
+  ui: {
+    color: '#ed007e',
+    logo: nodesKylinPNG
+  }
+},
+{
+  homepage: 'https://laosnetwork.io/',
+  info: 'laos',
+  paraId: 3370,
+  providers: {
+    Dwellir: 'wss://laos-rpc.dwellir.com',
+    'freeverse.io': 'wss://rpc.laos.laosfoundation.io'
+  },
+  text: 'Laos',
+  ui: {
+    color: 'linear-gradient(90deg, #25143B 0%, #613D93 29.69%, #EF9365 69.79%, #E2CF61 100%)',
+    logo: chainsLaosPNG
+  }
+},
+{
+  homepage: 'https://www.litentry.com/',
+  info: 'litentry',
+  paraId: 2013,
+  providers: {
+    Dwellir: 'wss://litentry-rpc.dwellir.com',
+    Litentry: 'wss://rpc.litentry-parachain.litentry.io'
+    // OnFinality: 'wss://litentry.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9993
+  },
+  text: 'Litentry',
+  ui: {
+    color: '#15B786',
+    logo: nodesLitentryPNG
+  }
+},
+{
+  homepage: 'https://logion.network/',
+  info: 'logion',
+  paraId: 3354,
+  providers: {
+    'Logion 1': 'wss://para-rpc01.logion.network'
+    // 'Logion 2': 'wss://para-rpc02.logion.network' // https://github.com/polkadot-js/apps/issues/10890
+  },
+  text: 'Logion',
+  ui: {
+    color: 'rgb(21, 38, 101)',
+    logo: chainsLogionPNG
+  }
+},
+{
+  homepage: 'https://manta.network',
+  info: 'manta',
+  paraId: 2104,
+  providers: {
+    'Manta Network': 'wss://ws.manta.systems'
+    // OnFinality: 'wss://manta.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9977
+  },
+  text: 'Manta',
+  ui: {
+    color: '#2070a6',
+    logo: nodesMantaPNG
+  }
+},
+{
+  homepage: 'https://moonbeam.network/networks/moonbeam/',
+  info: 'moonbeam',
+  paraId: 2004,
+  providers: {
+    Allnodes: 'wss://moonbeam-rpc.publicnode.com',
+    // 'Automata 1RPC': 'wss://1rpc.io/glmr', // https://github.com/polkadot-js/apps/issues/10566
+    Blast: 'wss://moonbeam.public.blastapi.io',
+    Dwellir: 'wss://moonbeam-rpc.dwellir.com',
+    IBP1: 'wss://moonbeam.ibp.network',
+    IBP2: 'wss://moonbeam.dotters.network',
+    'Moonbeam Foundation': 'wss://wss.api.moonbeam.network',
+    OnFinality: 'wss://moonbeam.api.onfinality.io/public-ws',
+    RadiumBlock: 'wss://moonbeam.public.curie.radiumblock.co/ws',
+    UnitedBloc: 'wss://moonbeam.unitedbloc.com'
+  },
+  text: 'Moonbeam',
+  ui: {
+    color: '#000000',
+    logo: nodesMoonbeamSVG
+  }
+},
+{
+  homepage: 'https://moonsama.com',
+  info: 'moonsama',
+  paraId: 3334,
+  providers: {
+
+    // Moonsama: 'wss://rpc.moonsama.com/ws' // https://github.com/polkadot-js/apps/issues/10289
+  }, text: 'Moonsama',
+  ui: {
+    color: '#1a202c',
+    logo: nodesMoonsamaSVG
+  }
+},
+{
+  homepage: 'https://mythos.foundation/',
+  info: 'mythos',
+  paraId: 3369,
+  providers: {
+    parity: 'wss://polkadot-mythos-rpc.polkadot.io'
+  },
+  text: 'Mythos',
+  ui: {
+    color: '#262528',
+    logo: nodesMythosPNG
+  }
+},
+{
+  homepage: 'https://neuroweb.ai',
+  info: 'neuroweb',
+  paraId: 2043,
+  providers: {
+    Dwellir: 'wss://neuroweb-rpc.dwellir.com',
+    TraceLabs: 'wss://parachain-rpc.origin-trail.network'
+  },
+  text: 'NeuroWeb',
+  ui: {
+    color: '#000000',
+    logo: chainsNeurowebPNG
+  }
+},
+{
+  homepage: 'https://nodle.com',
+  info: 'nodle',
+  paraId: 2026,
+  providers: {
+    Dwellir: 'wss://nodle-rpc.dwellir.com',
+    OnFinality: 'wss://nodle-parachain.api.onfinality.io/public-ws'
+  },
+  text: 'Nodle',
+  ui: {
+    color: '#1ab394',
+    logo: nodesNodleSVG
+  }
+},
+{
+  homepage: 'https://oak.tech',
+  info: 'oak',
+  isUnreachable: true,
+  paraId: 2090,
+  providers: {
+    OAK: 'wss://rpc.oak.tech'
+  },
+  text: 'OAK Network',
+  ui: {
+    color: '#A8278C',
+    logo: chainsOakPNG
+  }
+},
+{
+  homepage: 'https://www.omnibtc.finance',
+  info: 'omnibtc',
+  isUnreachable: true,
+  paraId: 2053,
+  providers: {
+    OmniBTC: 'wss://psc-parachain.coming.chat'
+  },
+  text: 'OmniBTC',
+  ui: {
+    color: '#6759E9',
+    logo: nodesOmnibtcSVG
+  }
+},
+{
+  homepage: 'https://parallel.fi',
+  info: 'parallel',
+  paraId: 2012,
+  providers: {
+    Dwellir: 'wss://parallel-rpc.dwellir.com'
+    // OnFinality: 'wss://parallel.api.onfinality.io/public-ws', // https://github.com/polkadot-js/apps/issues/9986
+    // Parallel: 'wss://polkadot-parallel-rpc.parallel.fi' // https://github.com/polkadot-js/apps/issues/10220
+  },
+  text: 'Parallel',
+  ui: {
+    color: '#ef18ac',
+    logo: nodesParallelSVG
+  }
+},
+{
+  homepage: 'https://peaq.network/',
+  info: 'peaq',
+  paraId: 3338,
+  providers: {
+
+    // OnFinality: 'wss://peaq.api.onfinality.io/public-ws'
+  }, text: 'peaq',
+  ui: {
+    color: '#281C66',
+    logo: chainsPeaqPNG
+  }
+},
+{
+  homepage: 'https://pendulumchain.org/',
+  info: 'pendulum',
+  paraId: 2094,
+  providers: {
+    // Dwellir: 'wss://pendulum-rpc.dwellir.com',
+    PendulumChain: 'wss://rpc-pendulum.prd.pendulumchain.tech'
+  },
+  text: 'Pendulum',
+  ui: {
+    color: '#49E2FD',
+    logo: chainsPendulumSVG
+  }
+},
+{
+  homepage: 'https://phala.network',
+  info: 'phala',
+  paraId: 2035,
+  providers: {
+    Dwellir: 'wss://phala-rpc.dwellir.com',
+    Helikon: 'wss://rpc.helikon.io/phala',
+    OnFinality: 'wss://phala.api.onfinality.io/public-ws',
+    Phala: 'wss://api.phala.network/ws',
+    RadiumBlock: 'wss://phala.public.curie.radiumblock.co/ws'
+    // Rockx: 'wss://rockx-phala.w3node.com/polka-public-phala/ws' // https://github.com/polkadot-js/apps/issues/10728
+  },
+  text: 'Phala Network',
+  ui: {
+    color: '#c6fa4c',
+    logo: nodesPhalaSVG
+  }
+},
+{
+  homepage: 'https://www.polimec.org/',
+  info: 'polimec',
+  paraId: 3344,
+  providers: {
+    Amforc: 'wss://polimec.rpc.amforc.com',
+    Helikon: 'wss://rpc.helikon.io/polimec',
+    IBP1: 'wss://polimec.ibp.network',
+    IBP2: 'wss://polimec.dotters.network',
+    'Polimec Foundation': 'wss://rpc.polimec.org'
+  },
+  text: 'Polimec',
+  ui: {
+    color: '#25311C',
+    logo: nodesPolimecSVG
+  }
+},
+{
+  homepage: 'https://polkadex.trade/crowdloans',
+  info: 'polkadex',
+  paraId: 3363,
+  providers: {
+
+
+
+    // Dwellir: 'wss://polkadex-parachain-rpc.dwellir.com',
+    // OnFinality: 'wss://polkadex-parachain.api.onfinality.io/public-ws',
+    // RadiumBlock: 'wss://polkadex-parachain.public.curie.radiumblock.co/ws'
+  }, text: 'Polkadex', ui: { color: '#7C30DD',
+    logo: nodesPolkadexSVG
+  }
+},
+{
+  homepage: 'https://polkadex.trade/',
+  info: 'polkadex',
+  paraId: 2040,
+  providers: {
+    Dwellir: 'wss://polkadex-parachain-rpc.dwellir.com',
+    OnFinality: 'wss://polkadex-parachain.api.onfinality.io/public-ws',
+    RadiumBlock: 'wss://polkadex-parachain.public.curie.radiumblock.co/ws'
+  },
+  text: 'Polkadex',
+  ui: {
+    color: '#7C30DD',
+    logo: nodesPolkadexSVG
+  }
+},
+{
+  homepage: 'http://robonomics.network/',
+  info: 'robonomics',
+  paraId: 3388,
+  providers: {
+    Airalab: 'wss://polkadot.rpc.robonomics.network/' // https://github.com/polkadot-js/apps/issues/10890
+  },
+  text: 'Robonomics',
+  ui: {
+    color: '#2949d3',
+    logo: nodesRobonomicsSVG
+  }
+},
+{
+  homepage: 'https://sora.org/',
+  info: 'sora',
+  paraId: 2025,
+  providers: {
+    Soramitsu: 'wss://ws.parachain-collator-3.pc3.sora2.soramitsu.co.jp'
+  },
+  text: 'SORA',
+  ui: {
+    color: '#2D2926',
+    logo: nodesSoraSubstrateSVG
+  }
+},
+{
+  homepage: 'https://subdao.network/',
+  info: 'subdao',
+  isUnreachable: true,
+  paraId: 2018,
+  providers: {
+    SubDAO: 'wss://parachain-rpc.subdao.org'
+  },
+  text: 'SubDAO',
+  ui: {
+    color: 'linear-gradient(50deg, #F20092 0%, #FF4D5D 100%)',
+    logo: nodesSubdaoPNG
+  }
+},
+{
+  homepage: 'http://subgame.org/',
+  info: 'subgame',
+  paraId: 2017,
+  providers: {
+
+    // SubGame: 'wss://gamma.subgame.org/' // https://github.com/polkadot-js/apps/pull/6761
+  }, text: 'SubGame Gamma',
+  ui: {
+    color: '#EB027D',
+    logo: nodesSubgameSVG
+  }
+},
+{
+  homepage: 'https://subsocial.network/',
+  info: 'subsocial',
+  paraId: 2101,
+  providers: {
+    Dappforce: 'wss://para.subsocial.network',
+    Dwellir: 'wss://subsocial-rpc.dwellir.com'
+    // OnFinality: 'wss://subsocial-polkadot.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/9977
+  },
+  text: 'Subsocial',
+  ui: {
+    color: '#b9018c',
+    logo: nodesSubsocialSVG
+  }
+},
+{
+  homepage: 'https://www.t3rn.io/',
+  info: 't3rn',
+  paraId: 3333,
+  providers: {
+    t3rn: 'wss://ws.t3rn.io'
+  },
+  text: 't3rn',
+  ui: {
+    color: '#6f3bb2',
+    logo: nodesT3rnPNG
+  }
+},
+{
+  homepage: 'https://unique.network/',
+  info: 'unique',
+  paraId: 2037,
+  providers: {
+    Dwellir: 'wss://unique-rpc.dwellir.com',
+    'Geo Load Balancer': 'wss://ws.unique.network',
+    IBP1: 'wss://unique.ibp.network',
+    IBP2: 'wss://unique.dotters.network',
+    // OnFinality: 'wss://unique.api.onfinality.io/public-ws', // https://github.com/polkadot-js/apps/issues/10030
+    'Unique America': 'wss://us-ws.unique.network',
+    'Unique Asia': 'wss://asia-ws.unique.network',
+    'Unique Europe': 'wss://eu-ws.unique.network'
+  },
+  text: 'Unique Network',
+  ui: {
+    color: '#40BCFF',
+    logo: nodesUniqueSVG
+  }
+},
+{
+  homepage: 'https://www.watr.org/',
+  info: 'watr',
+  paraId: 2058,
+  providers: {
+
+    // Watr: 'wss://watr-rpc.watr-api.network' // https://github.com/polkadot-js/apps/issues/10890
+  }, text: 'Watr Network',
+  ui: {
+    color: '#373b39',
+    logo: chainsWatrPNG
+  }
+},
+{
+  homepage: 'https://zeitgeist.pm',
+  info: 'zeitgeist',
+  paraId: 2092,
+  providers: {
+    OnFinality: 'wss://zeitgeist.api.onfinality.io/public-ws',
+    ZeitgeistPM: 'wss://main.rpc.zeitgeist.pm/ws'
+  },
+  text: 'Zeitgeist',
+  ui: {
+    color: 'linear-gradient(180deg, rgba(32,90,172,1) 0%, rgba(26,72,138,1) 50%, rgba(13,36,69,1) 100%)',
+    logo: nodesZeitgeistPNG
+  }
+}];
+
+
+export const prodParasPolkadotCommon = [
+{
+  info: 'PolkadotAssetHub',
+  isPeopleForIdentity: true,
+  paraId: 1000,
+  providers: {
+    Dwellir: 'wss://asset-hub-polkadot-rpc.dwellir.com',
+    'Dwellir Tunisia': 'wss://statemint-rpc-tn.dwellir.com',
+    IBP1: 'wss://sys.ibp.network/asset-hub-polkadot',
+    IBP2: 'wss://asset-hub-polkadot.dotters.network',
+    LuckyFriday: 'wss://rpc-asset-hub-polkadot.luckyfriday.io',
+    OnFinality: 'wss://statemint.api.onfinality.io/public-ws',
+    Parity: 'wss://polkadot-asset-hub-rpc.polkadot.io',
+    RadiumBlock: 'wss://statemint.public.curie.radiumblock.co/ws',
+    Stakeworld: 'wss://dot-rpc.stakeworld.io/assethub'
+  },
+  relayName: 'polkadot',
+  teleport: [-1],
+  text: 'AssetHub',
+  ui: {
+    color: '#86e62a',
+    logo: nodesAssetHubSVG
+  }
+},
+{
+  info: 'polkadotBridgeHub',
+  isPeopleForIdentity: true,
+  paraId: 1002,
+  providers: {
+    Dwellir: 'wss://bridge-hub-polkadot-rpc.dwellir.com',
+    'Dwellir Tunisia': 'wss://polkadot-bridge-hub-rpc-tn.dwellir.com',
+    IBP1: 'wss://sys.ibp.network/bridgehub-polkadot',
+    IBP2: 'wss://bridge-hub-polkadot.dotters.network',
+    LuckyFriday: 'wss://rpc-bridge-hub-polkadot.luckyfriday.io',
+    OnFinality: 'wss://bridgehub-polkadot.api.onfinality.io/public-ws',
+    Parity: 'wss://polkadot-bridge-hub-rpc.polkadot.io',
+    RadiumBlock: 'wss://bridgehub-polkadot.public.curie.radiumblock.co/ws',
+    Stakeworld: 'wss://dot-rpc.stakeworld.io/bridgehub'
+  },
+  relayName: 'polkadot',
+  teleport: [-1],
+  text: 'BridgeHub',
+  ui: {
+    logo: nodesBridgeHubSVG
+  }
+},
+{
+  info: 'polkadotCollectives',
+  isPeopleForIdentity: true,
+  paraId: 1001,
+  providers: {
+    Dwellir: 'wss://collectives-polkadot-rpc.dwellir.com',
+    'Dwellir Tunisia': 'wss://polkadot-collectives-rpc-tn.dwellir.com',
+    IBP1: 'wss://sys.ibp.network/collectives-polkadot',
+    IBP2: 'wss://collectives-polkadot.dotters.network',
+    LuckyFriday: 'wss://rpc-collectives-polkadot.luckyfriday.io',
+    OnFinality: 'wss://collectives.api.onfinality.io/public-ws',
+    Parity: 'wss://polkadot-collectives-rpc.polkadot.io',
+    RadiumBlock: 'wss://collectives.public.curie.radiumblock.co/ws',
+    Stakeworld: 'wss://dot-rpc.stakeworld.io/collectives'
+  },
+  relayName: 'polkadot',
+  teleport: [-1],
+  text: 'Collectives',
+  ui: {
+    color: '#e6777a',
+    logo: 'fa;people-group'
+  }
+},
+{
+  info: 'polkadotCoretime',
+  isPeopleForIdentity: true,
+  paraId: 1005,
+  providers: {
+    IBP2: 'wss://coretime-polkadot.dotters.network',
+    Parity: 'wss://polkadot-coretime-rpc.polkadot.io'
+  },
+  relayName: 'polkadot',
+  teleport: [-1],
+  text: 'Coretime',
+  ui: {}
+},
+{
+  info: 'polkadotPeople',
+  isPeople: true,
+  isPeopleForIdentity: false,
+  paraId: 1004,
+  providers: {
+    IBP1: 'wss://sys.ibp.network/people-polkadot',
+    IBP2: 'wss://people-polkadot.dotters.network',
+    LuckyFriday: 'wss://rpc-people-polkadot.luckyfriday.io',
+    Parity: 'wss://polkadot-people-rpc.polkadot.io',
+    RadiumBlock: 'wss://people-polkadot.public.curie.radiumblock.co/ws'
+  },
+  relayName: 'polkadot',
+  teleport: [-1],
+  text: 'People',
+  ui: {
+    color: '#e84366',
+    logo: chainsPeoplePolkadotSVG
+  }
+}];
+
+
+export const prodRelayPolkadot = {
+  dnslink: 'polkadot',
+  genesisHash: POLKADOT_GENESIS,
+  info: 'polkadot',
+  isPeopleForIdentity: true,
+  isRelay: true,
+  linked: [
+  ...prodParasPolkadotCommon,
+  ...prodParasPolkadot],
+
+  providers: {
+    Allnodes: 'wss://polkadot-rpc.publicnode.com',
+    // 'Geometry Labs': 'wss://polkadot.geometry.io/websockets', // https://github.com/polkadot-js/apps/pull/6746
+    // 'Automata 1RPC': 'wss://1rpc.io/dot',
+    Blockops: 'wss://polkadot-public-rpc.blockops.network/ws',
+    Dwellir: 'wss://polkadot-rpc.dwellir.com',
+    'Dwellir Tunisia': 'wss://polkadot-rpc-tn.dwellir.com',
+    IBP1: 'wss://rpc.ibp.network/polkadot',
+    IBP2: 'wss://polkadot.dotters.network',
+    LuckyFriday: 'wss://rpc-polkadot.luckyfriday.io',
+    OnFinality: 'wss://polkadot.api.onfinality.io/public-ws',
+    RadiumBlock: 'wss://polkadot.public.curie.radiumblock.co/ws',
+    RockX: 'wss://rockx-dot.w3node.com/polka-public-dot/ws',
+    Stakeworld: 'wss://dot-rpc.stakeworld.io',
+    SubQuery: 'wss://polkadot.rpc.subquery.network/public/ws',
+    'light client': 'light://substrate-connect/polkadot'
+  },
+  teleport: getTeleports(prodParasPolkadotCommon),
+  text: 'Polkadot',
+  ui: {
+    color: '#e6007a',
+    identityIcon: 'polkadot',
+    logo: chainsPolkadotCircleSVG
+  }
+};
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 4a7a2e9..464e240 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4125,15 +4125,10 @@ caniuse-api@^3.0.0:
     lodash.memoize "^4.1.2"
     lodash.uniq "^4.5.0"
 
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001332:
-  version "1.0.30001336"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001336.tgz#a9eb13edd2613f418ebc632c8d6c9ab9fde7ccc4"
-  integrity sha512-/YxSlBmL7iKXTbIJ48IQTnAOBk7XmWsxhBF1PZLOko5Dt9qc4Pl+84lfqG3Tc4EuavurRn1QLoVJGxY2iSycfw==
-
-caniuse-lite@^1.0.30001599, caniuse-lite@^1.0.30001646:
-  version "1.0.30001663"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001663.tgz#1529a723505e429fdfd49532e9fc42273ba7fed7"
-  integrity sha512-o9C3X27GLKbLeTYZ6HBOLU1tsAcBZsLis28wrVzddShCS16RujjHp9GDHKZqrB3meE0YjhawvMFsGb/igqiPzA==
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001332, caniuse-lite@^1.0.30001599, caniuse-lite@^1.0.30001646:
+  version "1.0.30001664"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001664.tgz"
+  integrity sha512-AmE7k4dXiNKQipgn7a2xg558IRqPN3jMQY/rOsbxDhrd0tyChwbITBfiwtnqz8bi2M5mIWbxAYBvk7W7QBUS2g==
 
 caseless@~0.12.0:
   version "0.12.0"

From b99f1d72dead0c4c17cf76e44a8e7f77510aa32e Mon Sep 17 00:00:00 2001
From: Gregory Luneau <gregory.luneau@gmail.com>
Date: Mon, 30 Sep 2024 22:37:30 -0500
Subject: [PATCH 5/6] remove the relay arrays

---
 src/scripts/fetchEndpoints.js  | 34 ++++++-----------------------
 src/utils/prodParasKusama.js   | 38 +--------------------------------
 src/utils/prodParasPolkadot.js | 39 +---------------------------------
 3 files changed, 8 insertions(+), 103 deletions(-)

diff --git a/src/scripts/fetchEndpoints.js b/src/scripts/fetchEndpoints.js
index 2764fa3..e331060 100644
--- a/src/scripts/fetchEndpoints.js
+++ b/src/scripts/fetchEndpoints.js
@@ -1,5 +1,3 @@
-// src/scripts/fetchEndpoints.js
-
 const fetch = require('node-fetch');
 const fs = require('fs');
 const path = require('path');
@@ -8,95 +6,75 @@ const generator = require('@babel/generator').default;
 const traverse = require('@babel/traverse').default;
 const t = require('@babel/types');
 
-/**
- * Fetches and processes endpoint files,
- * removes all imports except the two logo imports,
- * modifies the paths in those two imports,
- * removes TypeScript-specific syntax,
- * and writes the results into /src/utils/prodParasKusama.js and /src/utils/prodParasPolkadot.js
- */
-
 async function fetchAndModify(fileInfo) {
   const { url, outputFileName } = fileInfo;
 
   try {
-    // Fetch the TypeScript file from GitHub
     const response = await fetch(url);
     const code = await response.text();
 
-    // Parse the TypeScript code into an AST
     const ast = parser.parse(code, {
       sourceType: 'module',
       plugins: ['typescript']
     });
 
-    // Process the AST
     traverse(ast, {
       ImportDeclaration(path) {
         const sourceValue = path.node.source.value;
 
-        // Keep only the two logo imports, adjust their paths
         if (sourceValue.includes('../ui/logos/chains/index.js')) {
-          // Modify to your desired path
           path.node.source.value = '../assets/chains/index.ts';
         } else if (sourceValue.includes('../ui/logos/nodes/index.js')) {
           path.node.source.value = '../assets/nodes/index.ts';
         } else {
-          // Remove other imports
           path.remove();
         }
       },
       TSInterfaceDeclaration(path) {
-        // Remove TypeScript interface declarations
         path.remove();
       },
       TSTypeAliasDeclaration(path) {
-        // Remove TypeScript type aliases
         path.remove();
       },
       ExportNamedDeclaration(path) {
-        // Remove exports of TypeScript types
         if (t.isTSTypeAliasDeclaration(path.node.declaration) || t.isTSInterfaceDeclaration(path.node.declaration)) {
           path.remove();
         } else if (path.node.exportKind === 'type') {
           path.remove();
+        } else if (t.isVariableDeclaration(path.node.declaration)) {
+          const declarationName = path.node.declaration.declarations[0].id.name;
+          if (declarationName === 'prodRelayKusama' || declarationName === 'prodRelayPolkadot') {
+            path.remove();
+          }
         }
       },
-      // Remove type annotations
       TSTypeAnnotation(path) {
         path.remove();
       },
-      // Remove `as` casts
       TSAsExpression(path) {
         path.replaceWith(path.node.expression);
       },
-      // Remove TypeScript-specific imports (import type)
       ImportSpecifier(path) {
         if (path.node.importKind === 'type') {
           path.remove();
         }
       },
-      // Remove `export type {...}`
       ExportSpecifier(path) {
         if (path.parent.exportKind === 'type') {
           path.remove();
         }
-      },
+      }
     });
 
-    // Generate the modified code
     const { code: modifiedCode } = generator(ast, {
       retainLines: true,
       comments: true,
     });
 
-    // Define the output path
     const outputPath = path.resolve(__dirname, '..', 'utils', outputFileName);
 
-    // Ensure the directory exists
     fs.mkdirSync(path.dirname(outputPath), { recursive: true });
 
-    // Write the modified code to the output file
     fs.writeFileSync(outputPath, modifiedCode, 'utf8');
 
     console.log(`${outputFileName} has been written to ${outputPath}`);
diff --git a/src/utils/prodParasKusama.js b/src/utils/prodParasKusama.js
index 141446d..7524664 100644
--- a/src/utils/prodParasKusama.js
+++ b/src/utils/prodParasKusama.js
@@ -1002,40 +1002,4 @@ export const prodParasKusamaCommon = [
     color: '#36454F',
     logo: chainsPeopleKusamaSVG
   }
-}];
-
-
-export const prodRelayKusama = {
-  dnslink: 'kusama',
-  genesisHash: KUSAMA_GENESIS,
-  info: 'kusama',
-  isPeopleForIdentity: true,
-  isRelay: true,
-  linked: [
-  ...prodParasKusamaCommon,
-  ...prodParasKusama],
-
-  providers: {
-    // 'Geometry Labs': 'wss://kusama.geometry.io/websockets', // https://github.com/polkadot-js/apps/pull/6746
-    // 'Automata 1RPC': 'wss://1rpc.io/ksm',
-    Allnodes: 'wss://kusama-rpc.publicnode.com',
-    Dwellir: 'wss://kusama-rpc.dwellir.com',
-    'Dwellir Tunisia': 'wss://kusama-rpc-tn.dwellir.com',
-    IBP1: 'wss://rpc.ibp.network/kusama',
-    IBP2: 'wss://kusama.dotters.network',
-    LuckyFriday: 'wss://rpc-kusama.luckyfriday.io',
-    OnFinality: 'wss://kusama.api.onfinality.io/public-ws',
-    RadiumBlock: 'wss://kusama.public.curie.radiumblock.co/ws',
-    RockX: 'wss://rockx-ksm.w3node.com/polka-public-ksm/ws',
-    Stakeworld: 'wss://ksm-rpc.stakeworld.io',
-    SubQuery: 'wss://kusama.rpc.subquery.network/public/ws',
-    'light client': 'light://substrate-connect/kusama'
-  },
-  teleport: getTeleports(prodParasKusamaCommon),
-  text: 'Kusama',
-  ui: {
-    color: '#000000',
-    identityIcon: 'polkadot',
-    logo: chainsKusamaSVG
-  }
-};
\ No newline at end of file
+}];
\ No newline at end of file
diff --git a/src/utils/prodParasPolkadot.js b/src/utils/prodParasPolkadot.js
index ef461dc..67f09d4 100644
--- a/src/utils/prodParasPolkadot.js
+++ b/src/utils/prodParasPolkadot.js
@@ -959,41 +959,4 @@ export const prodParasPolkadotCommon = [
     color: '#e84366',
     logo: chainsPeoplePolkadotSVG
   }
-}];
-
-
-export const prodRelayPolkadot = {
-  dnslink: 'polkadot',
-  genesisHash: POLKADOT_GENESIS,
-  info: 'polkadot',
-  isPeopleForIdentity: true,
-  isRelay: true,
-  linked: [
-  ...prodParasPolkadotCommon,
-  ...prodParasPolkadot],
-
-  providers: {
-    Allnodes: 'wss://polkadot-rpc.publicnode.com',
-    // 'Geometry Labs': 'wss://polkadot.geometry.io/websockets', // https://github.com/polkadot-js/apps/pull/6746
-    // 'Automata 1RPC': 'wss://1rpc.io/dot',
-    Blockops: 'wss://polkadot-public-rpc.blockops.network/ws',
-    Dwellir: 'wss://polkadot-rpc.dwellir.com',
-    'Dwellir Tunisia': 'wss://polkadot-rpc-tn.dwellir.com',
-    IBP1: 'wss://rpc.ibp.network/polkadot',
-    IBP2: 'wss://polkadot.dotters.network',
-    LuckyFriday: 'wss://rpc-polkadot.luckyfriday.io',
-    OnFinality: 'wss://polkadot.api.onfinality.io/public-ws',
-    RadiumBlock: 'wss://polkadot.public.curie.radiumblock.co/ws',
-    RockX: 'wss://rockx-dot.w3node.com/polka-public-dot/ws',
-    Stakeworld: 'wss://dot-rpc.stakeworld.io',
-    SubQuery: 'wss://polkadot.rpc.subquery.network/public/ws',
-    'light client': 'light://substrate-connect/polkadot'
-  },
-  teleport: getTeleports(prodParasPolkadotCommon),
-  text: 'Polkadot',
-  ui: {
-    color: '#e6007a',
-    identityIcon: 'polkadot',
-    logo: chainsPolkadotCircleSVG
-  }
-};
\ No newline at end of file
+}];
\ No newline at end of file

From b57bfbec491cb80ad48d71b37607a60a3e58df24 Mon Sep 17 00:00:00 2001
From: Gregory Luneau <gregory.luneau@gmail.com>
Date: Mon, 30 Sep 2024 22:47:38 -0500
Subject: [PATCH 6/6] fix arrays

---
 src/utils/endpoints.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/utils/endpoints.js b/src/utils/endpoints.js
index a2bfd89..56bb836 100644
--- a/src/utils/endpoints.js
+++ b/src/utils/endpoints.js
@@ -7,12 +7,12 @@ export function getEndpoints(chain) {
   switch (chain) {
     case "Kusama":
     case "Rococo":
-      endpoints = prodParasKusama + prodParasKusamaCommon;
+      endpoints = [...prodParasKusama, ...prodParasKusamaCommon];
       break;
 
     case "Polkadot":
     case "Westend":
-      endpoints = prodParasPolkadot + prodParasPolkadotCommon;
+      endpoints = [...prodParasPolkadot, ...prodParasPolkadotCommon];
       break;
   }