Adds an address changer tool

docs/learn-accounts.md

@@ -348,6 +348,25 @@ When doing this Alice will have to deposit 0.20152 DOT while she waits for eithe
 also approve the call. When Bob comes to approve the call and execute the transaction, he will not
 need to place the deposit and Alice will receive her deposit back.
 
+## Address Changer
+
+You can use the tool below to change the format of your address for different networks.
+
+<div class="address-changer">
+  <input class="address-changer-input" id="input" placeholder="Paste your address" oninput="globalThis.addressChanger()" />
+  <select class="address-changer-select" id="prefix-select" oninput="globalThis.addressChanger()">
+    <option value="0">Polkadot</option>
+    <option value="2">Kusama</option>
+    <option value="5">Plasm</option>
+    <option value="10">Acala</option>
+    <option value="16">Kulupu</option>
+    <option value="28">Subsocial</option>
+    <option value="36">Centrifuge</option>
+    <option value="42">Substrate</option>
+  </select>
+  <span class="address-changer-output" id="output" />
+</div>
+
 ## Resources
 
 - [Understanding Accounts and Keys in Polkadot](https://www.crowdcast.io/e/polkadot-keys) - An

package.json

@@ -25,8 +25,10 @@
     "docusaurus": "^1.14.6"
   },
   "dependencies": {
+    "@polkadot/keyring": "^3.4.1",
     "@octokit/rest": "^18.0.6",
     "@polkadot/api": "^1.33.1",
+    "@polkadot/keyring": "^3.4.1",
     "axios": "^0.20.0",
     "fs-extra": "^9.0.1",
     "ipfs-http-client": "^47.0.1",

website/i18n/en.json

@@ -143,7 +143,6 @@
       },
       "kusama-parameters": {
         "title": "Kusama Parameters",
-
         "sidebar_label": "Parameters"
       },
       "kusama-social-recovery": {
@@ -178,10 +177,18 @@
         "title": "Availability and Validity",
         "sidebar_label": "Availability and Validity"
       },
+      "learn-balance-transfers": {
+        "title": "Balance Transfers",
+        "sidebar_label": "How to transfer Balances"
+      },
       "learn-bridges": {
         "title": "Bridges",
         "sidebar_label": "Bridges"
       },
+      "learn-collator": {
+        "title": "Collator",
+        "sidebar_label": "Collator"
+      },
       "learn-comparisons-dfinity": {
         "title": "Polkadot and Dfinity",
         "sidebar_label": "Dfinity"
@@ -238,6 +245,14 @@
         "title": "Polkadot Launch Phases",
         "sidebar_label": "Polkadot Launch Phases"
       },
+      "learn-ledger": {
+        "title": "Using the Polkadot Ledger Application",
+        "sidebar_label": "Ledger Application"
+      },
+      "learn-nominator": {
+        "title": "Nominator",
+        "sidebar_label": "Nominator"
+      },
       "learn-parachains": {
         "title": "Parachains",
         "sidebar_label": "Parachains"
@@ -282,22 +297,18 @@
         "title": "Transaction Fees",
         "sidebar_label": "Transaction Fees"
       },
-      "learn-balance-transfers": {
-        "title": "Balance Transfers",
-        "sidebar_label": "How to transfer Balances"
-      },
       "learn-treasury": {
         "title": "Treasury",
         "sidebar_label": "Treasury"
       },
+      "learn-validator": {
+        "title": "Validator",
+        "sidebar_label": "Validator"
+      },
       "learn-wasm": {
         "title": "WebAssembly (Wasm)",
         "sidebar_label": "WebAssembly (Wasm)"
       },
-      "maintain-collator": {
-        "title": "Collator",
-        "sidebar_label": "Collator"
-      },
       "maintain-errors": {
         "title": "Errors and How to Resolve Them",
         "sidebar_label": "Resolving Errors"
@@ -327,8 +338,8 @@
         "sidebar_label": "Nominator Guide"
       },
       "maintain-guides-how-to-nominate-polkadot": {
-        "title": "Nomination Guide",
-        "sidebar_label": "Nomination Guide"
+        "title": "How to Nominate on Polkadot",
+        "sidebar_label": "How to Nominate on Polkadot"
       },
       "maintain-guides-how-to-setup-sentry-node": {
         "title": "Set Up a Sentry Node - Public Node",
@@ -339,8 +350,8 @@
         "sidebar_label": "Using systemd for the Validator Node"
       },
       "maintain-guides-how-to-unbond": {
-        "title": "Stop Being a Nominator",
-        "sidebar_label": "Stop Being a Nominator"
+        "title": "Unbonding and Rebonding",
+        "sidebar_label": "Unbonding and Rebonding"
       },
       "maintain-guides-how-to-upgrade": {
         "title": "How to Upgrade Your Validator",
@@ -386,10 +397,6 @@
         "title": "Networks",
         "sidebar_label": "Networks"
       },
-      "maintain-nominator": {
-        "title": "Nominator",
-        "sidebar_label": "Nominator"
-      },
       "maintain-polkadot-parameters": {
         "title": "Polkadot Parameters",
         "sidebar_label": "Parameters"
@@ -398,10 +405,6 @@
         "title": "Set up a Full Node",
         "sidebar_label": "Set up a Full Node"
       },
-      "maintain-validator": {
-        "title": "Validator",
-        "sidebar_label": "Validator"
-      },
       "maintain-wss": {
         "title": "Set up Secure WebSocket for Remote Connections",
         "sidebar_label": "Set up Secure WebSocket for Remote Connections"

website/siteConfig.js

@@ -64,8 +64,10 @@ const siteConfig = {
     "/js/custom.js",
     "/js/klaro-config.js",
     "/js/klaro.js",
+    '/js/packaged/addressChanger.js',
     "/js/clipboard.min.js",
     "/js/copycode.js",
+
   ],
 
   stylesheets: [

website/static/css/custom.css

@@ -1027,3 +1027,28 @@ footer .list-social-links a {
     transform: translateY(0);
   }
 }
+
+.address-changer {
+  width: 100%;
+  padding: 10px;
+  border: 2px solid black;
+}
+
+.address-changer-input {
+  width: 74%;
+}
+
+.address-changer-select {
+  height: 30px;
+  width: 25%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.address-changer-output {
+  height: 30px;
+  display: flex;
+  padding: 10px;
+  justify-content: center;
+  align-items: center;
+}

website/static/js/addressChanger.js

@@ -0,0 +1,30 @@
+const decodeAddress = require("@polkadot/util-crypto/address/decode").default;
+const encodeAddress = require("@polkadot/util-crypto/address/encode").default;
+
+const addressChanger = () => {
+  const inEl = document.getElementById('input');
+  const prefEl = document.getElementById('prefix-select');
+  const outEl = document.getElementById('output');
+
+  const prefix = prefEl.options[prefEl.selectedIndex].value;
+
+  try {
+    const decoded = decodeAddress(inEl.value);
+    const encoded = encodeAddress(decoded, prefix);
+    outEl.textContent = encoded.toString();
+  } catch (err) {
+    console.log(err);
+  }
+}
+globalThis.addressChanger = addressChanger;
+
+// const test = () => {
+//   const addr = "5CJK5pSJWjZ7V3tiuo6jJPZKX7hxSPhNQds1g28icsrmUXaT";
+//   const decoded = decodeAddress(addr);
+//   const encoded = encodeAddress(decoded, "2");
+//   console.log(encoded.toString())
+// }
+
+// test();
+
+// npx browserify addressChanger.js > addressChanger-browser.js; npx uglify-es --mangle --compress -- addressChanger-browser.js > packaged/addressChanger.js; rm addressChanger-browser.js