From 8c15d99fa7a0b9eade3bff1f1bd65c1b8f7793b2 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Wed, 18 May 2022 08:43:24 +0400
Subject: [PATCH 01/12] Improving loading indicator UX

---
 .../components/address/address.component.html | 24 +++++++++++--------
 .../app/components/block/block.component.html | 24 ++++++++++---------
 frontend/src/styles.scss                      |  4 ++++
 3 files changed, 31 insertions(+), 21 deletions(-)

diff --git a/frontend/src/app/components/address/address.component.html b/frontend/src/app/components/address/address.component.html
index fa9e14651..6111075e4 100644
--- a/frontend/src/app/components/address/address.component.html
+++ b/frontend/src/app/components/address/address.component.html
@@ -66,9 +66,14 @@
 
     <div class="text-center">
       <ng-template [ngIf]="isLoadingTransactions">
-        <div class="header-bg box" style="padding: 10px; margin-bottom: 10px;">
-          <span class="skeleton-loader"></span>
-        </div>
+
+        <ng-container *ngIf="addressLoadingStatus$ as addressLoadingStatus">
+          <div class="header-bg box" style="padding: 12px; margin-bottom: 10px;">
+            <div class="progress progress-dark">
+              <div class="progress-bar progress-light" role="progressbar" [ngStyle]="{'width': addressLoadingStatus + '%' }"></div>
+            </div>
+          </div>
+        </ng-container>
 
         <div class="header-bg box">
           <div class="row" style="height: 107px;">
@@ -81,13 +86,6 @@
           </div>
         </div>
 
-        <ng-container *ngIf="addressLoadingStatus$ | async as addressLoadingStatus">
-          <br>
-          <div class="progress progress-dark">
-            <div class="progress-bar progress-darklight" role="progressbar" [ngStyle]="{'width': addressLoadingStatus + '%' }"></div>
-          </div>
-        </ng-container>
-
       </ng-template>
 
       <ng-template [ngIf]="retryLoadMore">
@@ -155,3 +153,9 @@
 <ng-template #confidentialTd>
   <td i18n="shared.confidential">Confidential</td>
 </ng-template>
+
+<ng-template #headerLoader>
+  <div class="header-bg box" style="padding: 10px; margin-bottom: 10px;">
+    <span class="skeleton-loader"></span>
+  </div>
+</ng-template>
diff --git a/frontend/src/app/components/block/block.component.html b/frontend/src/app/components/block/block.component.html
index 87e45e088..57bb2a614 100644
--- a/frontend/src/app/components/block/block.component.html
+++ b/frontend/src/app/components/block/block.component.html
@@ -200,9 +200,13 @@
     <ng-template [ngIf]="isLoadingTransactions">
       <div class="text-center mb-4" class="tx-skeleton">
 
-        <div class="header-bg box">
-          <span class="skeleton-loader"></span>
-        </div>
+        <ng-container *ngIf="(txsLoadingStatus$ | async) as txsLoadingStatus; else headerLoader">
+          <div class="header-bg box">
+            <div class="progress progress-dark" style="margin: 4px; height: 14px;">
+              <div class="progress-bar progress-light" role="progressbar" [ngStyle]="{'width': txsLoadingStatus + '%' }"></div>
+            </div>
+          </div>
+        </ng-container>
 
         <div class="header-bg box">
           <div class="row">
@@ -215,14 +219,6 @@
             </div>
           </div>
         </div>
-
-        <ng-container *ngIf="(txsLoadingStatus$ | async) as txsLoadingStatus">
-          <br>
-          <div class="progress progress-dark">
-            <div class="progress-bar progress-darklight" role="progressbar" [ngStyle]="{'width': txsLoadingStatus + '%' }"></div>
-          </div>
-        </ng-container>
-
       </div>
     </ng-template>
     <ngb-pagination class="pagination-container float-right" [collectionSize]="block.tx_count" [rotate]="true" [pageSize]="itemsPerPage" [(page)]="page" (pageChange)="pageChange(page, blockTxTitle)" [maxSize]="paginationMaxSize" [boundaryLinks]="true" [ellipses]="false"></ngb-pagination>
@@ -281,6 +277,12 @@
     </div>
   </ng-template>
 
+  <ng-template #headerLoader>
+    <div class="header-bg box">
+      <span class="skeleton-loader"></span>
+    </div>
+  </ng-template>
+
 </div>
 
 <br>
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index aee1456e4..318cd03d5 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -655,6 +655,10 @@ h1, h2, h3 {
   background-color: #24273e;
 }
 
+.progress-light {
+  background-color: #2e324e;
+}
+
 .mt-2-5, .my-2-5 {
   margin-top: 0.75rem !important;
 }

From 5f478bdb13d0825f6c9b11975699c40bd4a51a0c Mon Sep 17 00:00:00 2001
From: hunicus <93150691+hunicus@users.noreply.github.com>
Date: Mon, 16 May 2022 16:14:03 -0400
Subject: [PATCH 02/12] Add mining api docs

---
 .../src/app/docs/api-docs/api-docs-data.ts    | 1148 ++++++++++++++++-
 1 file changed, 1130 insertions(+), 18 deletions(-)

diff --git a/frontend/src/app/docs/api-docs/api-docs-data.ts b/frontend/src/app/docs/api-docs/api-docs-data.ts
index b0d4d1c4f..4f916fc06 100644
--- a/frontend/src/app/docs/api-docs/api-docs-data.ts
+++ b/frontend/src/app/docs/api-docs/api-docs-data.ts
@@ -1,5 +1,6 @@
 const bitcoinNetworks = ["", "testnet", "signet"];
 const liquidNetworks = ["liquid", "liquidtestnet"];
+const miningTimeIntervals = "<code>24h</code>, <code>3d</code>, <code>1w</code>, <code>1m</code>, <code>3m</code>, <code>6m</code>, <code>1y</code>, <code>2y</code>, <code>3y</code>";
 
 const emptyCodeSample = {
   esModule: [],
@@ -1734,7 +1735,7 @@ export const restApiDocsData = [
     fragment: "get-block",
     title: "GET Block",
     description: {
-      default: "Returns details about a block. Available fields: <code>id</code>, <code>height</code>, <code>version</code>, <code>timestamp</code>, <code>bits</code>, <code>nonce</code>, <code>merkle_root</code>, <code>tx_count</code>, <code>size</code>, <code>weight</code>, and <code>previousblockhash</code>.",
+      default: "Returns details about a block.",
       liquid: "Returns details about a block. Available fields: <code>id</code>, <code>height</code>, <code>version</code>, <code>timestamp</code>, <code>bits</code>, <code>nonce</code>, <code>merkle_root</code>, <code>tx_count</code>, <code>size</code>, <code>weight</code>,<code>proof</code>, and <code>previousblockhash</code>."
     },
     urlString: "/block/:hash",
@@ -1764,19 +1765,54 @@ export const restApiDocsData = [
           commonJS: ['000000000000000015dc777b3ff2611091336355d3f0ee9766a2cf3be8e4b1ce'],
           curl: ['000000000000000015dc777b3ff2611091336355d3f0ee9766a2cf3be8e4b1ce'],
           response: `{
-  id: "000000000000000015dc777b3ff2611091336355d3f0ee9766a2cf3be8e4b1ce",
-  height: 363366,
-  version: 2,
-  timestamp: 1435766771,
-  tx_count: 494,
-  size: 286494,
-  weight: 1145976,
-  merkle_root: "9d3cb87bf05ebae366b4262ed5f768ce8c62fc385c3886c9cb097647b04b686c",
-  previousblockhash: "000000000000000010c545b6fa3ef1f7cf45a2a8760b1ee9f2e89673218207ce",
-  mediantime: 1435763435,
-  nonce: 2892644888,
-  bits: 404111758,
-  difficulty: 49402014931
+  "extras": {
+    "reward": 638307429,
+    "coinbaseTx": {
+      "vin": [
+        {
+          "scriptsig": "03ad3e0b2cfabe6d6df8fb5429a5de5fc2bd1bafffbc90d33c77eb73307d51931d247f21d7bccde51710000000f09f909f092f4632506f6f6c2f6b0000000000000000000000000000000000000000000000000000000000000000000000050086411100"
+        }
+      ],
+      "vout": [
+        {
+          "scriptpubkey_address": "1KFHE7w8BhaENAswwryaoccDb6qcT6DbYY",
+          "value": 638307429
+        }
+      ]
+    },
+    "coinbaseRaw": "03ad3e0b2cfabe6d6df8fb5429a5de5fc2bd1bafffbc90d33c77eb73307d51931d247f21d7bccde51710000000f09f909f092f4632506f6f6c2f6b0000000000000000000000000000000000000000000000000000000000000000000000050086411100",
+    "medianFee": 10,
+    "feeRange": [
+      1,
+      8,
+      9,
+      10,
+      15,
+      21,
+      348
+    ],
+    "totalFees": 13307429,
+    "avgFee": 5591,
+    "avgFeeRate": 13,
+    "pool": {
+      "id": 36,
+      "name": "F2Pool",
+      "slug": "f2pool"
+    },
+    "matchRate": 93
+  },
+  "id": "00000000000000000007566f8f035a1dc38b351e6f54778b311fe6dbabd79b46",
+  "height": 736941,
+  "version": 536870916,
+  "timestamp": 1652891466,
+  "bits": 386466234,
+  "nonce": 3514220842,
+  "difficulty": 31251101365711.12,
+  "merkle_root": "4a3072f98f60cbb639bb7f46180b8843d17c7502627ffb633db0ed86610cdd71",
+  "tx_count": 2381,
+  "size": 1709571,
+  "weight": 3997770,
+  "previousblockhash": "00000000000000000005ef14db0b4befcbbe1e9b8676eec67fcf810a899c4d5e"
 }`
         },
         codeSampleTestnet: {
@@ -2602,9 +2638,9 @@ export const restApiDocsData = [
     fragment: "get-blocks",
     title: "GET Blocks",
     description: {
-      default: "Returns the 10 newest blocks starting at the tip or at <code>:start_height</code> if specified."
+      default: "Returns details on the past 10 blocks. If <code>:startHeight</code> is specified, the past 10 blocks before (and including) <code>:startHeight</code> are returned."
     },
-    urlString: "/blocks[/:start_height]",
+    urlString: "/blocks[/:startHeight]",
     showConditions: bitcoinNetworks.concat(liquidNetworks).concat(["bisq"]),
     codeExample: {
       bisq: {
@@ -2649,14 +2685,14 @@ export const restApiDocsData = [
           commonJS: `
         const { %{0}: { blocks } } = mempoolJS();
 
-        const getBlocks = await blocks.getBlocks({ start_height: %{1} });
+        const getBlocks = await blocks.getBlocks({ startHeight: %{1} });
 
         document.getElementById("result").textContent = JSON.stringify(getBlocks, undefined, 2);
         `,
           esModule: `
   const { %{0}: { blocks } } = mempoolJS();
 
-  const getBlocks = await blocks.getBlocks({ start_height: %{1} });
+  const getBlocks = await blocks.getBlocks({ startHeight: %{1} });
   console.log(getBlocks);
           `,
         },
@@ -2773,6 +2809,1082 @@ export const restApiDocsData = [
       }
     }
   },
+  {
+    type: "endpoint",
+    category: "blocks",
+    httpRequestMethod: "GET",
+    fragment: "get-blocks-extras",
+    title: "GET Blocks Extras",
+    description: {
+      default: "Returns details on the past 15 blocks with fee and mining details in an <code>extras</code> field. If <code>:startHeight</code> is specified, the past 15 blocks before (and including) <code>:startHeight</code> are returned."
+    },
+    urlString: "/blocks[/:startHeight]",
+    showConditions: bitcoinNetworks,
+    codeExample: {
+      default: {
+        codeTemplate: {
+          curl: `/api/blocks-extras/%{1}`,
+          commonJS: ``,
+          esModule: ``
+        },
+        codeSampleMainnet: {
+          esModule: [],
+          commonJS: [],
+          curl: ['736915'],
+          response: `[
+  {
+    "extras": {
+      "reward": 629766074,
+      "coinbaseTx": {
+        "vin": [
+          {
+            "scriptsig": "03933e0b215c204d41524120506f6f6c205c00000000be82a250e5ef942790d2542ca87d0000"
+          }
+        ],
+        "vout": [
+          {
+            "scriptpubkey_address": "1A32KFEX7JNPmU1PVjrtiXRrTQcesT3Nf1",
+            "value": 629766074
+          }
+        ]
+      },
+      "coinbaseRaw": "03933e0b215c204d41524120506f6f6c205c00000000be82a250e5ef942790d2542ca87d0000",
+      "medianFee": 14,
+      "feeRange": [
+        1,
+        1,
+        4,
+        14,
+        15,
+        20,
+        364
+      ],
+      "totalFees": 4766074,
+      "avgFee": 5043,
+      "avgFeeRate": 14,
+      "pool": {
+        "id": 115,
+        "name": "MARA Pool",
+        "slug": "marapool"
+      },
+      "matchRate": 100
+    },
+    "id": "00000000000000000000a742ae476dbe2a58c48b193484945c52b05967f2d74c",
+    "height": 736915,
+    "version": 541065216,
+    "timestamp": 1652877171,
+    "bits": 386466234,
+    "nonce": 4069175824,
+    "difficulty": 31251101365711.12,
+    "merkle_root": "de54fd1adee9f010534e8efbf1244a01528e20dd283c8927026f5442c3e03459",
+    "tx_count": 946,
+    "size": 524907,
+    "weight": 1362339,
+    "previousblockhash": "000000000000000000070760a253405ca69498464d9f8e9fab2452cbbfc10cbe"
+  },
+  {
+    "extras": {
+      "reward": 638804415,
+      "coinbaseTx": {
+        "vin": [
+          {
+            "scriptsig": "03923e0bfabe6d6dc3e96cee3cb68ee52bd31fde8e1f4983a780ea836115788d81a559e03791071f01000000000000001065040008d708c7010000000000007a6d4683012f736c7573682f"
+          }
+        ],
+        "vout": [
+          {
+            "scriptpubkey_address": "1CK6KHY6MHgYvmRQ4PAafKYDrg1ejbH1cE",
+            "value": 638804415
+          }
+        ]
+      },
+      "coinbaseRaw": "03923e0bfabe6d6dc3e96cee3cb68ee52bd31fde8e1f4983a780ea836115788d81a559e03791071f01000000000000001065040008d708c7010000000000007a6d4683012f736c7573682f",
+      "medianFee": 14,
+      "feeRange": [
+        1,
+        1,
+        2,
+        14,
+        15,
+        20,
+        347
+      ],
+      "totalFees": 13804415,
+      "avgFee": 5287,
+      "avgFeeRate": 14,
+      "pool": {
+        "id": 43,
+        "name": "SlushPool",
+        "slug": "slushpool"
+      },
+      "matchRate": 100
+    },
+    "id": "000000000000000000070760a253405ca69498464d9f8e9fab2452cbbfc10cbe",
+    "height": 736914,
+    "version": 555696132,
+    "timestamp": 1652876939,
+    "bits": 386466234,
+    "nonce": 3839610443,
+    "difficulty": 31251101365711.12,
+    "merkle_root": "dc6d15f641e7af26dbaf3ee37203155f8053a8755e85f4955d11ea0c54008b16",
+    "tx_count": 2612,
+    "size": 1450209,
+    "weight": 3931749,
+    "previousblockhash": "00000000000000000002b5b2afc1c62e61e53f966b965a9a8ce99112e24066ae"
+  },
+  ...        
+]`,
+          codeSampleTestnet: emptyCodeSample,
+          codeSampleSignet: emptyCodeSample,
+          codeSampleLiquid: emptyCodeSample,
+          codeSampleLiquidTestnet: emptyCodeSample,
+          codeSampleBisq: emptyCodeSample,
+        }
+      }
+    }
+  },
+  {
+    type: "category",
+    category: "mining",
+    fragment: "mining",
+    title: "Mining",
+    showConditions: bitcoinNetworks
+  },
+  {
+    type: "endpoint",
+    category: "mining",
+    httpRequestMethod: "GET",
+    fragment: "get-mining-pools",
+    title: "GET Mining Pools",
+    description: {
+      default: "Returns a list of all known mining pools ordered by blocks found over the specified trailing <code>:timePeriod</code>.</p><p>Leave <code>:timePeriod</code> unspecified to get all available data, or specify one of the following values: " + miningTimeIntervals + "."
+    },
+    urlString: "/v1/mining/pools/[:timePeriod]",
+    showConditions: bitcoinNetworks,
+    codeExample: {
+      default: {
+        codeTemplate: {
+          curl: `/api/v1/mining/pools/1w`,
+          commonJS: ``,
+          esModule: ``
+        },
+        codeSampleMainnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `{
+  "pools": [
+  {
+    "poolId": 111,
+    "name": "Foundry USA",
+    "link": "https://foundrydigital.com/",
+    "blockCount": 194,
+    "rank": 1,
+    "emptyBlocks": 0,
+    "slug": "foundryusa"
+  },
+  {
+    "poolId": 36,
+    "name": "F2Pool",
+    "link": "https://www.f2pool.com/",
+    "blockCount": 154,
+    "rank": 2,
+    "emptyBlocks": 0,
+    "slug": "f2pool"
+  },
+  {
+    "poolId": 44,
+    "name": "AntPool",
+    "link": "https://www.antpool.com/",
+    "blockCount": 138,
+    "rank": 3,
+    "emptyBlocks": 0,
+    "slug": "antpool"
+  },
+  ...  
+  "oldestIndexedBlockTimestamp": 1231006505,
+  "blockCount": 1005,
+  "lastEstimatedHashrate": 230086716765559200000
+}`
+        },
+        codeSampleTestnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleSignet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleLiquid: emptyCodeSample,
+        codeSampleLiquidTestnet: emptyCodeSample,
+        codeSampleBisq: emptyCodeSample,
+      }
+    }
+  },
+  {
+    type: "endpoint",
+    category: "mining",
+    httpRequestMethod: "GET",
+    fragment: "get-mining-pool",
+    title: "GET Mining Pool",
+    description: {
+      default: "<p>Returns details about the specified mining pool.</p>"
+    },
+    urlString: "/v1/mining/pool/:slug",
+    showConditions: bitcoinNetworks,
+    codeExample: {
+      default: {
+        codeTemplate: {
+          curl: `/api/v1/mining/pool/slushpool`,
+          commonJS: ``,
+          esModule: ``
+        },
+        codeSampleMainnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `{
+  "pool": {
+    "id": 43,
+    "name": "SlushPool",
+    "link": "https://slushpool.com/",
+    "addresses": [
+      "1CK6KHY6MHgYvmRQ4PAafKYDrg1ejbH1cE",
+      "1AqTMY7kmHZxBuLUR5wJjPFUvqGs23sesr"
+    ],
+    "regexes": [
+      "/slush/"
+    ],
+    "slug": "slushpool"
+  },
+  "blockCount": {
+    "all": 679,
+    "24h": 8,
+    "1w": 56
+  },
+  "blockShare": {
+    "all": 0.06015770355275981,
+    "24h": 0.05333333333333334,
+    "1w": 0.055666003976143144
+  },
+  "estimatedHashrate": 12448077385930390000,
+  "reportedHashrate": null
+}`
+        },
+        codeSampleTestnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleSignet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleLiquid: emptyCodeSample,
+        codeSampleLiquidTestnet: emptyCodeSample,
+        codeSampleBisq: emptyCodeSample,
+      }
+    }
+  },
+  {
+    type: "endpoint",
+    category: "mining",
+    httpRequestMethod: "GET",
+    fragment: "get-mining-pool-hashrates",
+    title: "GET Mining Pool Hashrates",
+    description: {
+      default: "<p>Returns average hashrates (and share of total hashrate) of mining pools active in the specified trailing <code>:timePeriod</code>, in descending order of hashrate.</p><p>Leave <code>:timePeriod</code> unspecified to get all available data, or specify any of the following time periods: " + miningTimeIntervals + ".</p>"
+    },
+    urlString: "/v1/mining/hashrate/pools/[:timePeriod]",
+    showConditions: bitcoinNetworks,
+    codeExample: {
+      default: {
+        codeTemplate: {
+          curl: `/api/v1/mining/hashrate/pools/1m`,
+          commonJS: ``,
+          esModule: ``
+        },
+        codeSampleMainnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+    "timestamp": 1650240000,
+    "avgHashrate": 38258816322322470000,
+    "share": 0.185366,
+    "poolName": "Foundry USA"
+  },
+  {
+    "timestamp": 1650240000,
+    "avgHashrate": 28996155528497033000,
+    "share": 0.140488,
+    "poolName": "F2Pool"
+  },
+  {
+    "timestamp": 1650240000,
+    "avgHashrate": 29801604293177496000,
+    "share": 0.14439,
+    "poolName": "AntPool"
+  },
+  {
+    "timestamp": 1650240000,
+    "avgHashrate": 21747116646372770000,
+    "share": 0.105366,
+    "poolName": "Poolin"
+  },
+  {
+    "timestamp": 1650240000,
+    "avgHashrate": 26579809234455600000,
+    "share": 0.12878,
+    "poolName": "Binance Pool"
+  },
+  {
+    "timestamp": 1650240000,
+    "avgHashrate": 19934856925841707000,
+    "share": 0.0965854,
+    "poolName": "ViaBTC"
+  },
+  {
+    "timestamp": 1650240000,
+    "avgHashrate": 11679007087866855000,
+    "share": 0.0565854,
+    "poolName": "SlushPool"
+  },
+  ...
+]`
+        },
+        codeSampleTestnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleSignet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleLiquid: emptyCodeSample,
+        codeSampleLiquidTestnet: emptyCodeSample,
+        codeSampleBisq: emptyCodeSample,
+      }
+    }
+  },
+  {
+    type: "endpoint",
+    category: "mining",
+    httpRequestMethod: "GET",
+    fragment: "get-mining-pool-hashrate",
+    title: "GET Mining Pool Hashrate",
+    description: {
+      default: "Returns all known hashrate data for the specified mining pool. Hashrate values are weekly averages."
+    },
+    urlString: "/v1/mining/pool/:slug/hashrate",
+    showConditions: bitcoinNetworks,
+    codeExample: {
+      default: {
+        codeTemplate: {
+          curl: `/api/v1/mining/pool/foundryusa/hashrate`,
+          commonJS: ``,
+          esModule: ``
+        },
+        codeSampleMainnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+    "timestamp": 1647216000,
+    "avgHashrate": 39126788325841880000,
+    "share": 0.195312,
+    "poolName": "Foundry USA"
+  },
+  {
+    "timestamp": 1647302400,
+    "avgHashrate": 42038778612166990000,
+    "share": 0.208941,
+    "poolName": "Foundry USA"
+  },
+  {
+    "timestamp": 1647820800,
+    "avgHashrate": 40677922193000910000,
+    "share": 0.196597,
+    "poolName": "Foundry USA"
+  },
+  {
+    "timestamp": 1647907200,
+    "avgHashrate": 40210989932016525000,
+    "share": 0.194707,
+    "poolName": "Foundry USA"
+  },
+  {
+    "timestamp": 1648425600,
+    "avgHashrate": 39336856807414260000,
+    "share": 0.194605,
+    "poolName": "Foundry USA"
+  },
+  {
+    "timestamp": 1648512000,
+    "avgHashrate": 39391244745360090000,
+    "share": 0.193487,
+    "poolName": "Foundry USA"
+  },
+  ...
+]`
+        },
+        codeSampleTestnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleSignet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleLiquid: emptyCodeSample,
+        codeSampleLiquidTestnet: emptyCodeSample,
+        codeSampleBisq: emptyCodeSample,
+      }
+    }
+  },
+  {
+    type: "endpoint",
+    category: "mining",
+    httpRequestMethod: "GET",
+    fragment: "get-mining-pool-blocks",
+    title: "GET Mining Pool Blocks",
+    description: {
+      default: "Returns past 10 blocks mined by the specified mining pool before the specified <code>:blockHeight</code>. If no <code>:blockHeight</code> is specified, the mining pool's 10 most recent blocks are returned."
+    },
+    urlString: "/v1/mining/pool/:slug/blocks/[:blockHeight]",
+    showConditions: bitcoinNetworks,
+    codeExample: {
+      default: {
+        codeTemplate: {
+          curl: `/api/v1/mining/pool/luxor/blocks/730000`,
+          commonJS: ``,
+          esModule: ``
+        },
+        codeSampleMainnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+    "id": "0000000000000000000572c6eb693c51b728593139079c613c8ea0bc6384e362",
+    "timestamp": 1648778242,
+    "height": 729910,
+    "version": 536895488,
+    "bits": 386521239,
+    "nonce": 1708647181,
+    "difficulty": 28587155782195.14,
+    "merkle_root": "729be37fb4b1bff0ca2e4b572e5dc3fb57e5aa57a8a400f8c89d4993d05c204f",
+    "tx_count": 1808,
+    "size": 1595444,
+    "weight": 3992846,
+    "previousblockhash": "00000000000000000000034e117bb9922da36adc6393fabfe9ed97c7bb38998c",
+    "extras": {
+      "coinbaseRaw": "0336230b315c20506f7765726564206279204c75786f722054656368205c000000002103a960b06341e200000e744596150000000000",
+      "medianFee": 1,
+      "reward": 628988802,
+      "totalFees": 3988802,
+      "pool": {
+        "id": 4
+      }
+    }
+  },
+  {
+    "id": "00000000000000000009b6d122d9e2299d2f9cda13274a9f024bebe52ef96a59",
+    "timestamp": 1648717740,
+    "height": 729820,
+    "version": 536870912,
+    "bits": 386521239,
+    "nonce": 1608169168,
+    "difficulty": 28587155782195.14,
+    "merkle_root": "4f67e65e8e5e554cd4a8d0f91aa63b5e8686817984eb8188af5fb39958263f5d",
+    "tx_count": 1425,
+    "size": 729585,
+    "weight": 1954155,
+    "previousblockhash": "000000000000000000006441657fa1eea37d68784ebd86dc1cd7f89251130f56",
+    "extras": {
+      "coinbaseRaw": "03dc220b315c20506f7765726564206279204c75786f722054656368205c00000000e5ae4908ac1f20df00000410c830000000000000",
+      "medianFee": 8,
+      "reward": 630138805,
+      "totalFees": 5138805,
+      "pool": {
+        "id": 4
+      }
+    }
+  },
+  {
+    "id": "0000000000000000000796834c03bd3be474bfa895146a58015f5ff325ef50c0",
+    "timestamp": 1648653948,
+    "height": 729714,
+    "version": 549453824,
+    "bits": 386547904,
+    "nonce": 883606929,
+    "difficulty": 27452707696466.39,
+    "merkle_root": "45593907e5fa0dee743d2f9194b0923a800cb6313e66221a86bf51df388e012c",
+    "tx_count": 1709,
+    "size": 1434271,
+    "weight": 3993013,
+    "previousblockhash": "000000000000000000000fbfac1a91cdeaf64d689f7673d02613da9d10bfb284",
+    "extras": {
+      "coinbaseRaw": "0372220b315c20506f7765726564206279204c75786f722054656368205c0000000063349a9b3d185fed000007e7092a000000000000",
+      "medianFee": 3,
+      "reward": 632350743,
+      "totalFees": 7350743,
+      "pool": {
+        "id": 4
+      }
+    }
+  },
+  ...
+]`
+        },
+        codeSampleTestnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleSignet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleLiquid: emptyCodeSample,
+        codeSampleLiquidTestnet: emptyCodeSample,
+        codeSampleBisq: emptyCodeSample,
+      }
+    }
+  },
+  {
+    type: "endpoint",
+    category: "mining",
+    httpRequestMethod: "GET",
+    fragment: "get-hashrate",
+    title: "GET Hashrate",
+    description: {
+      default: "<p>Returns network-wide hashrate and difficulty figures over the specified trailing <code>:timePeriod</code>:</p><ul><li>Current hashrate</li><li>Current difficulty</li><li>Historical daily average hashrates</li><li>Historical difficulty</li></ul><p>Valid values for <code>:timePeriod</code> are " + miningTimeIntervals + ". If no time interval is specified, all available data is returned.</p><p>Be sure that <code>INDEXING_BLOCKS_AMOUNT</code> is set properly in your backend config so that enough blocks are indexed to properly serve your request.</p>"
+    },
+    urlString: "/v1/mining/hashrate/[:timePeriod]",
+    showConditions: bitcoinNetworks,
+    codeExample: {
+      default: {
+        codeTemplate: {
+          curl: `/api/v1/mining/hashrate/3d`,
+          commonJS: ``,
+          esModule: ``
+        },
+        codeSampleMainnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `{
+  "hashrates": [
+    {
+      "timestamp": 1652486400,
+      "avgHashrate": 236499762108771800000
+    },
+    {
+      "timestamp": 1652572800,
+      "avgHashrate": 217473276787331300000
+    },
+    {
+      "timestamp": 1652659200,
+      "avgHashrate": 189877203506913000000
+    }
+  ],
+  "difficulty": [
+    {
+      "timestamp": 1652468330,
+      "difficulty": 31251101365711.12,
+      "height": 736249
+    }
+  ],
+  "currentHashrate": 252033247355212300000,
+  "currentDifficulty": 31251101365711.12
+}`
+        },
+        codeSampleTestnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleSignet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleLiquid: emptyCodeSample,
+        codeSampleLiquidTestnet: emptyCodeSample,
+        codeSampleBisq: emptyCodeSample,
+      }
+    }
+  },
+  {
+    type: "endpoint",
+    category: "mining",
+    httpRequestMethod: "GET",
+    fragment: "get-reward-stats",
+    title: "GET Reward Stats",
+    description: {
+      default: "Returns block reward and total transactions confirmed for each of the past <code>blockCount</code> blocks."
+    },
+    urlString: "/v1/mining/reward-stats/:blockCount",
+    showConditions: bitcoinNetworks,
+    codeExample: {
+      default: {
+        codeTemplate: {
+          curl: `/api/v1/mining/reward-stats/100`,
+          commonJS: ``,
+          esModule: ``
+        },
+        codeSampleMainnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `{
+  "startBlock": 736556,
+  "endBlock": 736655,
+  "totalReward": "63811748254",
+  "totalFee": "1311748254",
+  "totalTx": "164216"
+}`
+        },
+        codeSampleTestnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleSignet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleLiquid: emptyCodeSample,
+        codeSampleLiquidTestnet: emptyCodeSample,
+        codeSampleBisq: emptyCodeSample,
+      }
+    }
+  },
+  {
+    type: "endpoint",
+    category: "mining",
+    httpRequestMethod: "GET",
+    fragment: "get-block-fees",
+    title: "GET Block Fees",
+    description: {
+      default: "<p>Returns average total fees for blocks in the specified <code>:timePeriod</code>, ordered oldest to newest. <code>:timePeriod</code> can be any of the following: " + miningTimeIntervals + ".</p><p>For <code>24h</code> and <code>3d</code> time periods, every block is included and fee amounts are exact (not averages). For the <code>1w</code> time period, fees may be averages depending on how fast blocks were found around a particular timestamp. For other time periods, fees are averages.</p>"
+    },
+    urlString: "/v1/mining/blocks/fees/:timePeriod",
+    showConditions: bitcoinNetworks,
+    codeExample: {
+      default: {
+        codeTemplate: {
+          curl: `/api/v1/mining/blocks/fees/1w`,
+          commonJS: ``,
+          esModule: ``
+        },
+        codeSampleMainnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+    "avg_height": 735644,
+    "timestamp": 1652119111,
+    "avg_fees": 24212890
+  },
+  {
+    "avg_height": 735646,
+    "timestamp": 1652120252,
+    "avg_fees": 21655996
+  },
+  {
+    "avg_height": 735648,
+    "timestamp": 1652121214,
+    "avg_fees": 20678859
+  },
+  {
+    "avg_height": 735649,
+    "timestamp": 1652121757,
+    "avg_fees": 21020140
+  },
+  {
+    "avg_height": 735650,
+    "timestamp": 1652122367,
+    "avg_fees": 23064200
+  },
+  {
+    "avg_height": 735652,
+    "timestamp": 1652122893,
+    "avg_fees": 17620723
+  },
+  ...
+]`
+        },
+        codeSampleTestnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleSignet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleLiquid: emptyCodeSample,
+        codeSampleLiquidTestnet: emptyCodeSample,
+        codeSampleBisq: emptyCodeSample,
+      }
+    }
+  },
+  {
+    type: "endpoint",
+    category: "mining",
+    httpRequestMethod: "GET",
+    fragment: "get-block-rewards",
+    title: "GET Block Rewards",
+    description: {
+      default: "<p>Returns average block rewards for blocks in the specified <code>:timePeriod</code>, ordered oldest to newest. <code>:timePeriod</code> can be any of the following: " + miningTimeIntervals + ".</p><p>For <code>24h</code> and <code>3d</code> time periods, every block is included and block rewards are exact (not averages). For the <code>1w</code> time period, block rewards may be averages depending on how fast blocks were found around a particular timestamp. For other time periods, block rewards are averages.</p>"
+    },
+    urlString: "/v1/mining/blocks/rewards/:timePeriod",
+    showConditions: bitcoinNetworks,
+    codeExample: {
+      default: {
+        codeTemplate: {
+          curl: `/api/v1/mining/blocks/rewards/1d`,
+          commonJS: ``,
+          esModule: ``
+        },
+        codeSampleMainnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+    "avg_height": 599992,
+    "timestamp": 1571438412,
+    "avg_rewards": 1260530933
+  },
+  {
+    "avg_height": 600000,
+    "timestamp": 1571443398,
+    "avg_rewards": 1264314538
+  },
+  {
+    "avg_height": 725441,
+    "timestamp": 1646139035,
+    "avg_rewards": 637067563
+  },
+  {
+    "avg_height": 725585,
+    "timestamp": 1646222444,
+    "avg_rewards": 646519104
+  },
+  {
+    "avg_height": 725727,
+    "timestamp": 1646308374,
+    "avg_rewards": 638709605
+  },
+  ...
+]`
+        },
+        codeSampleTestnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleSignet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleLiquid: emptyCodeSample,
+        codeSampleLiquidTestnet: emptyCodeSample,
+        codeSampleBisq: emptyCodeSample,
+      }
+    }
+  },
+  {
+    type: "endpoint",
+    category: "mining",
+    httpRequestMethod: "GET",
+    fragment: "get-block-feerates",
+    title: "GET Block Feerates",
+    description: {
+      default: "Returns average feerate percentiles for blocks in the specified <code>:timePeriod</code>, ordered oldest to newest. <code>:timePeriod</code> can be any of the following: " + miningTimeIntervals + ".</p><p>For <code>24h</code> and <code>3d</code> time periods, every block is included and percentiles are exact (not averages). For the <code>1w</code> time period, percentiles may be averages depending on how fast blocks were found around a particular timestamp. For other time periods, percentiles are averages."
+    },
+    urlString: "/v1/mining/blocks/fee-rates/:timePeriod",
+    showConditions: bitcoinNetworks,
+    codeExample: {
+      default: {
+        codeTemplate: {
+          curl: `/api/v1/mining/blocks/fee-rates/1m`,
+          commonJS: ``,
+          esModule: ``
+        },
+        codeSampleMainnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `{
+  "oldestIndexedBlockTimestamp": 1571434851,
+  "blockFeeRates": [
+    {
+      "avg_height": 732152,
+      "timestamp": 1650132959,
+      "avg_fee_0": 1,
+      "avg_fee_10": 2,
+      "avg_fee_25": 2,
+      "avg_fee_50": 3,
+      "avg_fee_75": 4,
+      "avg_fee_90": 8,
+      "avg_fee_100": 393
+    },
+    {
+      "avg_height": 732158,
+      "timestamp": 1650134432,
+      "avg_fee_0": 1,
+      "avg_fee_10": 1,
+      "avg_fee_25": 2,
+      "avg_fee_50": 4,
+      "avg_fee_75": 6,
+      "avg_fee_90": 10,
+      "avg_fee_100": 240
+    },
+    {
+      "avg_height": 732161,
+      "timestamp": 1650135818,
+      "avg_fee_0": 1,
+      "avg_fee_10": 1,
+      "avg_fee_25": 1,
+      "avg_fee_50": 2,
+      "avg_fee_75": 5,
+      "avg_fee_90": 8,
+      "avg_fee_100": 251
+    },
+    ...
+}`
+        },
+        codeSampleTestnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleSignet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleLiquid: emptyCodeSample,
+        codeSampleLiquidTestnet: emptyCodeSample,
+        codeSampleBisq: emptyCodeSample,
+      }
+    }
+  },
+  {
+    type: "endpoint",
+    category: "mining",
+    httpRequestMethod: "GET",
+    fragment: "get-sizes-weights",
+    title: "GET Block Sizes and Weights",
+    description: {
+      default: "<p>Returns average size (bytes) and average weight (weight units) for blocks in the specified <code>:timePeriod</code>, ordered oldest to newest. <code>:timePeriod</code> can be any of the following: " + miningTimeIntervals + ".</p><p>For <code>24h</code> and <code>3d</code> time periods, every block is included and figures are exact (not averages). For the <code>1w</code> time period, figures may be averages depending on how fast blocks were found around a particular timestamp. For other time periods, figures are averages.</p>"
+    },
+    urlString: "/v1/mining/blocks/sizes-weights/:timePeriod",
+    showConditions: bitcoinNetworks,
+    codeExample: {
+      default: {
+        codeTemplate: {
+          curl: `/api/v1/mining/blocks/sizes-weights/3y`,
+          commonJS: ``,
+          esModule: ``
+        },
+        codeSampleMainnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `{
+  "sizes": [
+    {
+      "avg_height": 576650,
+      "timestamp": 1558212081,
+      "avg_size": 1271404
+    },
+    {
+      "avg_height": 576715,
+      "timestamp": 1558246272,
+      "avg_size": 1105893
+    },
+    {
+      "avg_height": 576797,
+      "timestamp": 1558289379,
+      "avg_size": 1141071
+    },
+    {
+      "avg_height": 576885,
+      "timestamp": 1558330184,
+      "avg_size": 1108166
+    },
+    ...
+  ],
+  "weights": [
+    {
+      "avg_height": 576650,
+      "timestamp": 1558212081,
+      "avg_weight": 3994002
+    },
+    {
+      "avg_height": 576715,
+      "timestamp": 1558246272,
+      "avg_weight": 3756312
+    },
+    {
+      "avg_height": 576797,
+      "timestamp": 1558289379,
+      "avg_weight": 3719625
+    },
+    {
+      "avg_height": 576885,
+      "timestamp": 1558330184,
+      "avg_weight": 3631381
+    },
+    ...
+  ]
+}`
+        },
+        codeSampleTestnet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleSignet: {
+          esModule: [],
+          commonJS: [],
+          curl: [],
+          response: `[
+  {
+
+  }
+]`
+        },
+        codeSampleLiquid: emptyCodeSample,
+        codeSampleLiquidTestnet: emptyCodeSample,
+        codeSampleBisq: emptyCodeSample,
+      }
+    }
+  },
   {
     type: "category",
     category: "fees",

From c4f68f34eb7cb7d2233133de8f02c6e6a75c82b1 Mon Sep 17 00:00:00 2001
From: hunicus <93150691+hunicus@users.noreply.github.com>
Date: Wed, 18 May 2022 17:33:52 -0400
Subject: [PATCH 03/12] Hide js tabs for mining endpoints

---
 .../src/app/docs/api-docs/api-docs-data.ts    | 62 +++++++++++++++++++
 .../app/docs/api-docs/api-docs.component.html |  6 +-
 .../code-template.component.html              |  6 +-
 .../code-template/code-template.component.ts  |  1 +
 4 files changed, 69 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/docs/api-docs/api-docs-data.ts b/frontend/src/app/docs/api-docs/api-docs-data.ts
index 4f916fc06..0aed5fc8d 100644
--- a/frontend/src/app/docs/api-docs/api-docs-data.ts
+++ b/frontend/src/app/docs/api-docs/api-docs-data.ts
@@ -9,6 +9,9 @@ const emptyCodeSample = {
   response: ``
 };
 
+const showJsExamplesDefault = { "": true, "testnet": true, "signet": true, "liquid": true, "liquidtestnet": false, "bisq": true };
+const showJsExamplesDefaultFalse = { "": false, "testnet": false, "signet": false, "liquid": false, "liquidtestnet": false, "bisq": false };
+
 export const wsApiDocsData = {
   codeTemplate: {
     curl: `/api/v1/ws`,
@@ -85,6 +88,7 @@ export const restApiDocsData = [
     },
     urlString: "/v1/difficulty-adjustment",
     showConditions: bitcoinNetworks,
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -169,6 +173,7 @@ export const restApiDocsData = [
     },
     urlString: "/stats",
     showConditions: ["bisq"],
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -224,6 +229,7 @@ export const restApiDocsData = [
     },
     urlString: "/currencies",
     showConditions: ["bisq"],
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -274,6 +280,7 @@ export const restApiDocsData = [
     },
     urlString: "/depth?market=[:market]",
     showConditions: ["bisq"],
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -331,6 +338,7 @@ export const restApiDocsData = [
     },
     urlString: "/hloc?market=[:market]",
     showConditions: ["bisq"],
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -389,6 +397,7 @@ export const restApiDocsData = [
     },
     urlString: "/markets",
     showConditions: ["bisq"],
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -445,6 +454,7 @@ export const restApiDocsData = [
     },
     urlString: "/offers?market=[:market]",
     showConditions: ["bisq"],
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -522,6 +532,7 @@ export const restApiDocsData = [
     },
     urlString: "/ticker?market=[:market]",
     showConditions: ["bisq"],
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -576,6 +587,7 @@ export const restApiDocsData = [
     },
     urlString: "/trades?market=[:market]&limit=[:limit]",
     showConditions: ["bisq"],
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -630,6 +642,7 @@ export const restApiDocsData = [
     },
     urlString: "/volumes?basecurrency=[:basecurrency]",
     showConditions: ["bisq"],
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -690,6 +703,7 @@ export const restApiDocsData = [
     },
     urlString: "/address/:address",
     showConditions: bitcoinNetworks.concat(liquidNetworks).concat(["bisq"]),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -848,6 +862,7 @@ export const restApiDocsData = [
     },
     urlString: "/address/:address/txs",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -1001,6 +1016,7 @@ export const restApiDocsData = [
     },
     urlString: "/address/:address/txs/chain",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -1159,6 +1175,7 @@ export const restApiDocsData = [
     },
     urlString: "/address/:address/txs/mempool",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -1285,6 +1302,7 @@ export const restApiDocsData = [
     },
     urlString: "/address/:address/utxo",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -1423,6 +1441,7 @@ export const restApiDocsData = [
     },
     urlString: "/asset/:asset_id",
     showConditions: liquidNetworks,
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -1523,6 +1542,7 @@ export const restApiDocsData = [
     },
     urlString: "/asset/:asset_id/txs[/mempool|/chain]",
     showConditions: liquidNetworks,
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -1609,6 +1629,7 @@ export const restApiDocsData = [
     },
     urlString: "/asset/:asset_id/supply[/decimal]",
     showConditions: liquidNetworks,
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -1659,6 +1680,7 @@ export const restApiDocsData = [
     },
     urlString: "/v1/assets/icons",
     showConditions: liquidNetworks,
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -1699,6 +1721,7 @@ export const restApiDocsData = [
     },
     urlString: "/v1/asset/:asset_id/icon",
     showConditions: liquidNetworks,
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         noWrap: true,
@@ -1740,6 +1763,7 @@ export const restApiDocsData = [
     },
     urlString: "/block/:hash",
     showConditions: bitcoinNetworks.concat(liquidNetworks).concat(["bisq"]),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -1920,6 +1944,7 @@ export const restApiDocsData = [
     },
     urlString: "/block/:hash/header",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -1985,6 +2010,7 @@ export const restApiDocsData = [
     },
     urlString: "/block-height/:height",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -2047,6 +2073,7 @@ export const restApiDocsData = [
     },
     urlString: "/block/:hash/raw",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -2112,6 +2139,7 @@ export const restApiDocsData = [
     },
     urlString: "/block/:hash/status",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -2197,6 +2225,7 @@ export const restApiDocsData = [
     },
     urlString: "/blocks/tip/height",
     showConditions: bitcoinNetworks.concat(liquidNetworks).concat(["bisq"]),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -2265,6 +2294,7 @@ export const restApiDocsData = [
     },
     urlString: "/blocks/tip/hash",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -2328,6 +2358,7 @@ export const restApiDocsData = [
     },
     urlString: "/block/:hash/txid/:index",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -2393,6 +2424,7 @@ export const restApiDocsData = [
     },
     urlString: "/block/:hash/txids",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -2487,6 +2519,7 @@ export const restApiDocsData = [
     },
     urlString: "/block/:hash/txs[/:start_index]",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -2642,6 +2675,7 @@ export const restApiDocsData = [
     },
     urlString: "/blocks[/:startHeight]",
     showConditions: bitcoinNetworks.concat(liquidNetworks).concat(["bisq"]),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       bisq: {
         codeTemplate: {
@@ -2820,6 +2854,7 @@ export const restApiDocsData = [
     },
     urlString: "/blocks[/:startHeight]",
     showConditions: bitcoinNetworks,
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -2961,6 +2996,7 @@ export const restApiDocsData = [
     },
     urlString: "/v1/mining/pools/[:timePeriod]",
     showConditions: bitcoinNetworks,
+    showJsExamples: showJsExamplesDefaultFalse,
     codeExample: {
       default: {
         codeTemplate: {
@@ -3044,6 +3080,7 @@ export const restApiDocsData = [
     },
     urlString: "/v1/mining/pool/:slug",
     showConditions: bitcoinNetworks,
+    showJsExamples: showJsExamplesDefaultFalse,
     codeExample: {
       default: {
         codeTemplate: {
@@ -3120,6 +3157,7 @@ export const restApiDocsData = [
     },
     urlString: "/v1/mining/hashrate/pools/[:timePeriod]",
     showConditions: bitcoinNetworks,
+    showJsExamples: showJsExamplesDefaultFalse,
     codeExample: {
       default: {
         codeTemplate: {
@@ -3214,6 +3252,7 @@ export const restApiDocsData = [
     },
     urlString: "/v1/mining/pool/:slug/hashrate",
     showConditions: bitcoinNetworks,
+    showJsExamples: showJsExamplesDefaultFalse,
     codeExample: {
       default: {
         codeTemplate: {
@@ -3302,6 +3341,7 @@ export const restApiDocsData = [
     },
     urlString: "/v1/mining/pool/:slug/blocks/[:blockHeight]",
     showConditions: bitcoinNetworks,
+    showJsExamples: showJsExamplesDefaultFalse,
     codeExample: {
       default: {
         codeTemplate: {
@@ -3423,6 +3463,7 @@ export const restApiDocsData = [
     },
     urlString: "/v1/mining/hashrate/[:timePeriod]",
     showConditions: bitcoinNetworks,
+    showJsExamples: showJsExamplesDefaultFalse,
     codeExample: {
       default: {
         codeTemplate: {
@@ -3497,6 +3538,7 @@ export const restApiDocsData = [
     },
     urlString: "/v1/mining/reward-stats/:blockCount",
     showConditions: bitcoinNetworks,
+    showJsExamples: showJsExamplesDefaultFalse,
     codeExample: {
       default: {
         codeTemplate: {
@@ -3553,6 +3595,7 @@ export const restApiDocsData = [
     },
     urlString: "/v1/mining/blocks/fees/:timePeriod",
     showConditions: bitcoinNetworks,
+    showJsExamples: showJsExamplesDefaultFalse,
     codeExample: {
       default: {
         codeTemplate: {
@@ -3635,6 +3678,7 @@ export const restApiDocsData = [
     },
     urlString: "/v1/mining/blocks/rewards/:timePeriod",
     showConditions: bitcoinNetworks,
+    showJsExamples: showJsExamplesDefaultFalse,
     codeExample: {
       default: {
         codeTemplate: {
@@ -3712,6 +3756,7 @@ export const restApiDocsData = [
     },
     urlString: "/v1/mining/blocks/fee-rates/:timePeriod",
     showConditions: bitcoinNetworks,
+    showJsExamples: showJsExamplesDefaultFalse,
     codeExample: {
       default: {
         codeTemplate: {
@@ -3799,6 +3844,7 @@ export const restApiDocsData = [
     },
     urlString: "/v1/mining/blocks/sizes-weights/:timePeriod",
     showConditions: bitcoinNetworks,
+    showJsExamples: showJsExamplesDefaultFalse,
     codeExample: {
       default: {
         codeTemplate: {
@@ -3903,6 +3949,7 @@ export const restApiDocsData = [
     },
     urlString: "/v1/fees/mempool-blocks",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -4056,6 +4103,7 @@ export const restApiDocsData = [
     },
     urlString: "/v1/fees/recommended",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -4151,6 +4199,7 @@ export const restApiDocsData = [
     },
     urlString: "/mempool",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -4254,6 +4303,7 @@ export const restApiDocsData = [
     },
     urlString: "/mempool/txids",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -4340,6 +4390,7 @@ export const restApiDocsData = [
     },
     urlString: "/mempool/recent",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -4453,6 +4504,7 @@ export const restApiDocsData = [
     },
     urlString: "/v1/fees/cpfp",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -4518,6 +4570,7 @@ export const restApiDocsData = [
     },
     urlString: "/tx/:txid",
     showConditions: bitcoinNetworks.concat(liquidNetworks).concat(["bisq"]),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -4678,6 +4731,7 @@ export const restApiDocsData = [
     },
     urlString: "/tx/:txid/hex",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -4748,6 +4802,7 @@ export const restApiDocsData = [
     },
     urlString: "/tx/:txid/merkleblock-proof",
     showConditions: bitcoinNetworks,
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -4808,6 +4863,7 @@ export const restApiDocsData = [
     },
     urlString: "/tx/:txid/merkle-proof",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -4946,6 +5002,7 @@ export const restApiDocsData = [
     },
     urlString: "/tx/:txid/outspend/:vout",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -5082,6 +5139,7 @@ export const restApiDocsData = [
     },
     urlString: "/tx/:txid/outspends",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -5241,6 +5299,7 @@ export const restApiDocsData = [
     },
     urlString: "/tx/:txid/raw",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -5311,6 +5370,7 @@ export const restApiDocsData = [
     },
     urlString: "/tx/:txid/status",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -5408,6 +5468,7 @@ export const restApiDocsData = [
     },
     urlString: "/txs/:index/:length",
     showConditions: ["bisq"],
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
@@ -5465,6 +5526,7 @@ export const restApiDocsData = [
     },
     urlString: "/api/tx",
     showConditions: bitcoinNetworks.concat(liquidNetworks),
+    showJsExamples: showJsExamplesDefault,
     codeExample: {
       default: {
         codeTemplate: {
diff --git a/frontend/src/app/docs/api-docs/api-docs.component.html b/frontend/src/app/docs/api-docs/api-docs.component.html
index 6cb5839a0..e8bc65559 100644
--- a/frontend/src/app/docs/api-docs/api-docs.component.html
+++ b/frontend/src/app/docs/api-docs/api-docs.component.html
@@ -73,15 +73,15 @@
                 </ng-template>
               </div>
               <ng-container *ngIf="network.val === 'bisq' && item.codeExample.hasOwnProperty('bisq');else liquid_code_example" #bisq_code_example>
-                <app-code-template [hostname]="hostname" [baseNetworkUrl]="baseNetworkUrl" [method]="item.httpRequestMethod" [code]="item.codeExample.bisq" [network]="network.val" ></app-code-template>
+                <app-code-template [hostname]="hostname" [baseNetworkUrl]="baseNetworkUrl" [method]="item.httpRequestMethod" [code]="item.codeExample.bisq" [network]="network.val" [showCodeExample]="item.showJsExamples"></app-code-template>
               </ng-container>
               <ng-template #liquid_code_example>
                 <ng-container *ngIf="network.val === 'liquid' && item.codeExample.hasOwnProperty('liquid');else default_code_example">
-                  <app-code-template [hostname]="hostname" [baseNetworkUrl]="baseNetworkUrl" [method]="item.httpRequestMethod" [code]="item.codeExample.liquid" [network]="network.val" ></app-code-template>
+                  <app-code-template [hostname]="hostname" [baseNetworkUrl]="baseNetworkUrl" [method]="item.httpRequestMethod" [code]="item.codeExample.liquid" [network]="network.val" [showCodeExample]="item.showJsExamples"></app-code-template>
                 </ng-container>
               </ng-template>
               <ng-template #default_code_example>
-                <app-code-template [hostname]="hostname" [baseNetworkUrl]="baseNetworkUrl" [method]="item.httpRequestMethod" [code]="item.codeExample.default" [network]="network.val" ></app-code-template>
+                <app-code-template [hostname]="hostname" [baseNetworkUrl]="baseNetworkUrl" [method]="item.httpRequestMethod" [code]="item.codeExample.default" [network]="network.val" [showCodeExample]="item.showJsExamples"></app-code-template>
               </ng-template>
             </div>
           </div>
diff --git a/frontend/src/app/docs/code-template/code-template.component.html b/frontend/src/app/docs/code-template/code-template.component.html
index eedf0d3fe..47cea6d03 100644
--- a/frontend/src/app/docs/code-template/code-template.component.html
+++ b/frontend/src/app/docs/code-template/code-template.component.html
@@ -7,7 +7,7 @@
         <pre><code [innerText]="wrapCurlTemplate(code)"></code></pre>
       </ng-template>
     </li>
-    <li ngbNavItem *ngIf="network !== 'liquidtestnet'">
+    <li ngbNavItem *ngIf="showCodeExample[network]">
       <a ngbNavLink (click)="adjustContainerHeight( $event )" >CommonJS</a>
       <ng-template ngbNavContent>
         <div class="subtitle"><ng-container i18n="API Docs code example">Code Example</ng-container> <app-clipboard [text]="wrapCommonJS(code)"></app-clipboard></div>
@@ -17,8 +17,8 @@
         <pre><code [innerText]="wrapCommonJS(code)"></code></pre>
       </ng-template>
     </li>
-    <li ngbNavItem>
-      <a ngbNavLink (click)="adjustContainerHeight( $event )" *ngIf="network !== 'liquidtestnet'">ES Module</a>
+    <li ngbNavItem *ngIf="showCodeExample[network]">
+      <a ngbNavLink (click)="adjustContainerHeight( $event )">ES Module</a>
       <ng-template ngbNavContent>
         <div class="subtitle"><ng-container i18n="API Docs install lib">Install Package</ng-container> <app-clipboard [text]="wrapImportTemplate()"></app-clipboard></div>
         <div class="links">
diff --git a/frontend/src/app/docs/code-template/code-template.component.ts b/frontend/src/app/docs/code-template/code-template.component.ts
index 69478f26c..1875e175a 100644
--- a/frontend/src/app/docs/code-template/code-template.component.ts
+++ b/frontend/src/app/docs/code-template/code-template.component.ts
@@ -12,6 +12,7 @@ export class CodeTemplateComponent implements OnInit {
   @Input() hostname: string;
   @Input() baseNetworkUrl: string;
   @Input() method: 'GET' | 'POST' | 'websocket' = 'GET';
+  @Input() showCodeExample: any;
   env: Env;
 
   constructor(

From ae2bda29c2732b7b528e5d5f959e998a6b0c9e6d Mon Sep 17 00:00:00 2001
From: hunicus <93150691+hunicus@users.noreply.github.com>
Date: Thu, 19 May 2022 05:39:35 -0400
Subject: [PATCH 04/12] Add testnet and signet for mining api docs

---
 .../src/app/docs/api-docs/api-docs-data.ts    | 617 ++++++++++++++----
 1 file changed, 483 insertions(+), 134 deletions(-)

diff --git a/frontend/src/app/docs/api-docs/api-docs-data.ts b/frontend/src/app/docs/api-docs/api-docs-data.ts
index 0aed5fc8d..3beca2b10 100644
--- a/frontend/src/app/docs/api-docs/api-docs-data.ts
+++ b/frontend/src/app/docs/api-docs/api-docs-data.ts
@@ -2852,9 +2852,9 @@ export const restApiDocsData = [
     description: {
       default: "Returns details on the past 15 blocks with fee and mining details in an <code>extras</code> field. If <code>:startHeight</code> is specified, the past 15 blocks before (and including) <code>:startHeight</code> are returned."
     },
-    urlString: "/blocks[/:startHeight]",
+    urlString: "/blocks-extras[/:startHeight]",
     showConditions: bitcoinNetworks,
-    showJsExamples: showJsExamplesDefault,
+    showJsExamples: showJsExamplesDefaultFalse,
     codeExample: {
       default: {
         codeTemplate: {
@@ -2969,12 +2969,22 @@ export const restApiDocsData = [
   },
   ...        
 ]`,
-          codeSampleTestnet: emptyCodeSample,
-          codeSampleSignet: emptyCodeSample,
-          codeSampleLiquid: emptyCodeSample,
-          codeSampleLiquidTestnet: emptyCodeSample,
-          codeSampleBisq: emptyCodeSample,
-        }
+        },
+        codeSampleTestnet: {
+          esModule: [],
+          commonJS: [],
+          curl: ['2226118'],
+          response: `[]`
+        },
+        codeSampleSignet: {
+          esModule: [],
+          commonJS: [],
+          curl: ['88832'],
+          response: `[]`
+        },
+        codeSampleLiquid: emptyCodeSample,
+        codeSampleLiquidTestnet: emptyCodeSample,
+        codeSampleBisq: emptyCodeSample,
       }
     }
   },
@@ -2985,7 +2995,7 @@ export const restApiDocsData = [
     title: "Mining",
     showConditions: bitcoinNetworks
   },
-  {
+ {
     type: "endpoint",
     category: "mining",
     httpRequestMethod: "GET",
@@ -2994,20 +3004,20 @@ export const restApiDocsData = [
     description: {
       default: "Returns a list of all known mining pools ordered by blocks found over the specified trailing <code>:timePeriod</code>.</p><p>Leave <code>:timePeriod</code> unspecified to get all available data, or specify one of the following values: " + miningTimeIntervals + "."
     },
-    urlString: "/v1/mining/pools/[:timePeriod]",
+    urlString: "/v1/mining/pools[/:timePeriod]",
     showConditions: bitcoinNetworks,
     showJsExamples: showJsExamplesDefaultFalse,
     codeExample: {
       default: {
         codeTemplate: {
-          curl: `/api/v1/mining/pools/1w`,
+          curl: `/api/v1/mining/pools/%{1}`,
           commonJS: ``,
           esModule: ``
         },
         codeSampleMainnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`1w`],
           response: `{
   "pools": [
   {
@@ -3046,22 +3056,39 @@ export const restApiDocsData = [
         codeSampleTestnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
-          response: `[
-  {
-
-  }
-]`
+          curl: [`3y`],
+          response: `{
+  "pools": [
+    {
+      "poolId": 112,
+      "name": "SBI Crypto",
+      "link": "https://sbicrypto.com",
+      "blockCount": 26243,
+      "rank": 2,
+      "emptyBlocks": 11272,
+      "slug": "sbicrypto"
+    },
+    {
+      "poolId": 8,
+      "name": "Huobi.pool",
+      "link": "https://www.hpt.com/",
+      "blockCount": 12134,
+      "rank": 3,
+      "emptyBlocks": 6096,
+      "slug": "huobipool"
+    },
+    ...
+  ],
+  "oldestIndexedBlockTimestamp": 1296688602,
+  "blockCount": 2226180,
+  "lastEstimatedHashrate": 602244182177430.8
+}`
         },
         codeSampleSignet: {
           esModule: [],
           commonJS: [],
-          curl: [],
-          response: `[
-  {
-
-  }
-]`
+          curl: [`3y`],
+          response: `{}`
         },
         codeSampleLiquid: emptyCodeSample,
         codeSampleLiquidTestnet: emptyCodeSample,
@@ -3076,7 +3103,7 @@ export const restApiDocsData = [
     fragment: "get-mining-pool",
     title: "GET Mining Pool",
     description: {
-      default: "<p>Returns details about the specified mining pool.</p>"
+      default: "<p>Returns details about the mining pool specified by <code>:slug</code>.</p>"
     },
     urlString: "/v1/mining/pool/:slug",
     showConditions: bitcoinNetworks,
@@ -3084,14 +3111,14 @@ export const restApiDocsData = [
     codeExample: {
       default: {
         codeTemplate: {
-          curl: `/api/v1/mining/pool/slushpool`,
+          curl: `/api/v1/mining/pool/%{1}`,
           commonJS: ``,
           esModule: ``
         },
         codeSampleMainnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`slushpool`],
           response: `{
   "pool": {
     "id": 43,
@@ -3123,22 +3150,38 @@ export const restApiDocsData = [
         codeSampleTestnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
-          response: `[
-  {
-
-  }
-]`
+          curl: [`binancepool`],
+          response: `{
+  "pool": {
+    "id": 105,
+    "name": "Binance Pool",
+    "link": "https://pool.binance.com/",
+    "addresses": [],
+    "regexes": [
+      "/Binance/",
+      "binance"
+    ],
+    "slug": "binancepool"
+  },
+  "blockCount": {
+    "all": 2,
+    "24h": 1,
+    "1w": 1
+  },
+  "blockShare": {
+    "all": 8.984160924290476e-7,
+    "24h": 0.004524886877828055,
+    "1w": 0.0005089058524173028
+  },
+  "estimatedHashrate": 2617854550633.5283,
+  "reportedHashrate": null
+}`
         },
         codeSampleSignet: {
           esModule: [],
           commonJS: [],
-          curl: [],
-          response: `[
-  {
-
-  }
-]`
+          curl: [`unknown`],
+          response: `{}`
         },
         codeSampleLiquid: emptyCodeSample,
         codeSampleLiquidTestnet: emptyCodeSample,
@@ -3161,14 +3204,14 @@ export const restApiDocsData = [
     codeExample: {
       default: {
         codeTemplate: {
-          curl: `/api/v1/mining/hashrate/pools/1m`,
+          curl: `/api/v1/mining/hashrate/pools/%{1}`,
           commonJS: ``,
           esModule: ``
         },
         codeSampleMainnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`1m`],
           response: `[
   {
     "timestamp": 1650240000,
@@ -3218,20 +3261,32 @@ export const restApiDocsData = [
         codeSampleTestnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`1y`],
           response: `[
   {
-
+    "timestamp": 1621814400,
+    "avgHashrate": 395655036336662.7,
+    "share": 1,
+    "poolName": "Unknown"
+  },
+  {
+    "timestamp": 1621814400,
+    "avgHashrate": 0,
+    "share": 0,
+    "poolName": "Binance Pool"
   }
 ]`
         },
         codeSampleSignet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`1w`],
           response: `[
   {
-
+    "timestamp": 1600041600,
+    "avgHashrate": 21621.70283633912,
+    "share": 1,
+    "poolName": "Unknown"
   }
 ]`
         },
@@ -3248,7 +3303,7 @@ export const restApiDocsData = [
     fragment: "get-mining-pool-hashrate",
     title: "GET Mining Pool Hashrate",
     description: {
-      default: "Returns all known hashrate data for the specified mining pool. Hashrate values are weekly averages."
+      default: "Returns all known hashrate data for the mining pool specified by <code>:slug</code>. Hashrate values are weekly averages."
     },
     urlString: "/v1/mining/pool/:slug/hashrate",
     showConditions: bitcoinNetworks,
@@ -3256,14 +3311,14 @@ export const restApiDocsData = [
     codeExample: {
       default: {
         codeTemplate: {
-          curl: `/api/v1/mining/pool/foundryusa/hashrate`,
+          curl: `/api/v1/mining/pool/%{1}/hashrate`,
           commonJS: ``,
           esModule: ``
         },
         codeSampleMainnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`foundryusa`],
           response: `[
   {
     "timestamp": 1647216000,
@@ -3307,21 +3362,53 @@ export const restApiDocsData = [
         codeSampleTestnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`kncminer`],
           response: `[
   {
-
-  }
+    "timestamp": 1400457600,
+    "avgHashrate": 23504290056.20675,
+    "share": 0.21875,
+    "poolName": "KnCMiner"
+  },
+  {
+    "timestamp": 1401062400,
+    "avgHashrate": 22880315827.385838,
+    "share": 0.301661,
+    "poolName": "KnCMiner"
+  },
+  {
+    "timestamp": 1401667200,
+    "avgHashrate": 65314000516.18979,
+    "share": 0.774853,
+    "poolName": "KnCMiner"
+  },
+  ...
 ]`
         },
         codeSampleSignet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`unknown`],
           response: `[
   {
-
-  }
+    "timestamp": 1600041600,
+    "avgHashrate": 21621.70283633912,
+    "share": 1,
+    "poolName": "Unknown"
+  },
+  {
+    "timestamp": 1600646400,
+    "avgHashrate": 23490.65374463165,
+    "share": 1,
+    "poolName": "Unknown"
+  },
+  {
+    "timestamp": 1601251200,
+    "avgHashrate": 22660.62333333333,
+    "share": 1,
+    "poolName": "Unknown"
+  },
+  ...
 ]`
         },
         codeSampleLiquid: emptyCodeSample,
@@ -3337,7 +3424,7 @@ export const restApiDocsData = [
     fragment: "get-mining-pool-blocks",
     title: "GET Mining Pool Blocks",
     description: {
-      default: "Returns past 10 blocks mined by the specified mining pool before the specified <code>:blockHeight</code>. If no <code>:blockHeight</code> is specified, the mining pool's 10 most recent blocks are returned."
+      default: "Returns past 10 blocks mined by the specified mining pool (<code>:slug</code>) before the specified <code>:blockHeight</code>. If no <code>:blockHeight</code> is specified, the mining pool's 10 most recent blocks are returned."
     },
     urlString: "/v1/mining/pool/:slug/blocks/[:blockHeight]",
     showConditions: bitcoinNetworks,
@@ -3345,14 +3432,14 @@ export const restApiDocsData = [
     codeExample: {
       default: {
         codeTemplate: {
-          curl: `/api/v1/mining/pool/luxor/blocks/730000`,
+          curl: `/api/v1/mining/pool/%{1}/blocks/%{2}`,
           commonJS: ``,
           esModule: ``
         },
         codeSampleMainnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`luxor`,`730000`],
           response: `[
   {
     "id": "0000000000000000000572c6eb693c51b728593139079c613c8ea0bc6384e362",
@@ -3429,21 +3516,109 @@ export const restApiDocsData = [
         codeSampleTestnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`bitcoincom`,`2226000`],
           response: `[
   {
-
-  }
+    "id": "00000000000000ed428cdb70dfdeb0f3927912131cb96e7b1fe274b1bb1181b2",
+    "timestamp": 1582018014,
+    "height": 1666150,
+    "version": 541065216,
+    "bits": 436312585,
+    "nonce": 21973352,
+    "difficulty": 10474471.99230249,
+    "merkle_root": "541456efe41e5730a563475e0c5e2007ee660f1d86d9778bfc164d73c59fd605",
+    "tx_count": 382,
+    "size": 126201,
+    "weight": 331851,
+    "previousblockhash": "00000000005a0843cc88b09cf6def15e4dc8fe38ab5cf3ad890f34a2df497004",
+    "extras": {
+      "coinbaseRaw": "03666c19706f6f6c2e626974636f696e2e636f6d010000022583010000000000",
+      "medianFee": 1,
+      "reward": 39726335,
+      "totalFees": 663835,
+      "pool": {
+        "id": 12
+      }
+    }
+  },
+  {
+    "id": "00000000000000af90f51e48cb29fdecc62e9961c5e27aca1a4ae8213aae1954",
+    "timestamp": 1579793108,
+    "height": 1663620,
+    "version": 541065216,
+    "bits": 436295134,
+    "nonce": 1762790676,
+    "difficulty": 12563071.03178775,
+    "merkle_root": "02d02afea666f08bab5851de541d0570c71a6cd8be358c28952c52d57b7afad4",
+    "tx_count": 24,
+    "size": 9562,
+    "weight": 23848,
+    "previousblockhash": "000000000000013bbdbc0fef53a5b4b2af02880a6f56f7945de071b71d51123a",
+    "extras": {
+      "coinbaseRaw": "03846219706f6f6c2e626974636f696e2e636f6d01000065f224020000000000",
+      "medianFee": 1,
+      "reward": 39547121,
+      "totalFees": 484621,
+      "pool": {
+        "id": 12
+      }
+    }
+  },
+  ...
 ]`
         },
         codeSampleSignet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`unknown`,`45000`],
           response: `[
   {
-
-  }
+    "id": "00000002440c34e403b2b4e10f390ab105c825dd6285cd6f4050db23cf7e3e46",
+    "timestamp": 1625317548,
+    "height": 44999,
+    "version": 536870912,
+    "bits": 503405326,
+    "nonce": 14354169,
+    "difficulty": 0.002881346304279315,
+    "merkle_root": "3324dc134dec1b57cfea574ce2db6e40e51469417b6381a1389e7969386ab42e",
+    "tx_count": 14,
+    "size": 2971,
+    "weight": 8149,
+    "previousblockhash": "000000d7998f5cf0fb144a400566221574f5f35ebd5d7d9fa803460b6942e237",
+    "extras": {
+      "coinbaseRaw": "03c7af00",
+      "medianFee": 1,
+      "reward": 5000002252,
+      "totalFees": 2252,
+      "pool": {
+        "id": 137
+      }
+    }
+  },
+  {
+    "id": "000000d7998f5cf0fb144a400566221574f5f35ebd5d7d9fa803460b6942e237",
+    "timestamp": 1625317223,
+    "height": 44998,
+    "version": 536870912,
+    "bits": 503405326,
+    "nonce": 4729165,
+    "difficulty": 0.002881346304279315,
+    "merkle_root": "55869f5a52d7709fb2c6df91d64841f4551d659948b7537b6cd8f19c68d27115",
+    "tx_count": 32,
+    "size": 6967,
+    "weight": 18247,
+    "previousblockhash": "000000d6de5b925642a7afed41994947db8612955fbdfd9d1b48f99fc0187385",
+    "extras": {
+      "coinbaseRaw": "03c6af00",
+      "medianFee": 1,
+      "reward": 5000005528,
+      "totalFees": 5528,
+      "pool": {
+        "id": 137
+      }
+    }
+  },
+  ...
 ]`
         },
         codeSampleLiquid: emptyCodeSample,
@@ -3504,22 +3679,67 @@ export const restApiDocsData = [
         codeSampleTestnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
-          response: `[
-  {
-
-  }
-]`
+          curl: [`3d`],
+          response: `{
+  "hashrates": [
+    {
+      "timestamp": 1652745600,
+      "avgHashrate": 385829751259101.6
+    },
+    {
+      "timestamp": 1652832000,
+      "avgHashrate": 657984995406460.8
+    },
+    {
+      "timestamp": 1652918400,
+      "avgHashrate": 510731129917436.6
+    }
+  ],
+  "difficulty": [
+    {
+      "timestamp": 1652691434,
+      "difficulty": 26119369.29706616,
+      "height": 2225402
+    }
+  ],
+  "currentHashrate": 781149965464814.4,
+  "currentDifficulty": 55580658.55098472
+}`
         },
         codeSampleSignet: {
           esModule: [],
           commonJS: [],
-          curl: [],
-          response: `[
-  {
-
-  }
-]`
+          curl: [`3d`],
+          response: `{
+  "hashrates": [
+    {
+      "timestamp": 1652745600,
+      "avgHashrate": 21304.18163251096
+    },
+    {
+      "timestamp": 1652832000,
+      "avgHashrate": 22034.51091213679
+    },
+    {
+      "timestamp": 1652918400,
+      "avgHashrate": 20312.75493978447
+    }
+  ],
+  "difficulty": [
+    {
+      "timestamp": 1652692199,
+      "difficulty": 0.002868721424409158,
+      "height": 90533
+    },
+    {
+      "timestamp": 1652796655,
+      "difficulty": 0.00286032350920122,
+      "height": 90720
+    }
+  ],
+  "currentHashrate": 23490.95654668005,
+  "currentDifficulty": 0.00286032350920122
+}`
         },
         codeSampleLiquid: emptyCodeSample,
         codeSampleLiquidTestnet: emptyCodeSample,
@@ -3534,7 +3754,7 @@ export const restApiDocsData = [
     fragment: "get-reward-stats",
     title: "GET Reward Stats",
     description: {
-      default: "Returns block reward and total transactions confirmed for each of the past <code>blockCount</code> blocks."
+      default: "Returns block reward and total transactions confirmed for each of the past <code>:blockCount</code> blocks."
     },
     urlString: "/v1/mining/reward-stats/:blockCount",
     showConditions: bitcoinNetworks,
@@ -3542,14 +3762,14 @@ export const restApiDocsData = [
     codeExample: {
       default: {
         codeTemplate: {
-          curl: `/api/v1/mining/reward-stats/100`,
+          curl: `/api/v1/mining/reward-stats/%{1}`,
           commonJS: ``,
           esModule: ``
         },
         codeSampleMainnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`100`],
           response: `{
   "startBlock": 736556,
   "endBlock": 736655,
@@ -3561,22 +3781,26 @@ export const restApiDocsData = [
         codeSampleTestnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
-          response: `[
-  {
-
-  }
-]`
+          curl: [`100`],
+          response: `{
+  "startBlock": 2226086,
+  "endBlock": 2226185,
+  "totalReward": "513462793",
+  "totalFee": "25181593",
+  "totalTx": "2366"
+}`
         },
         codeSampleSignet: {
           esModule: [],
           commonJS: [],
-          curl: [],
-          response: `[
-  {
-
-  }
-]`
+          curl: [`100`],
+          response: `{
+  "startBlock": 90899,
+  "endBlock": 90998,
+  "totalReward": "500001245259",
+  "totalFee": "1245259",
+  "totalTx": "1112"
+}`
         },
         codeSampleLiquid: emptyCodeSample,
         codeSampleLiquidTestnet: emptyCodeSample,
@@ -3599,14 +3823,14 @@ export const restApiDocsData = [
     codeExample: {
       default: {
         codeTemplate: {
-          curl: `/api/v1/mining/blocks/fees/1w`,
+          curl: `/api/v1/mining/blocks/fees/%{1}`,
           commonJS: ``,
           esModule: ``
         },
         codeSampleMainnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`1w`],
           response: `[
   {
     "avg_height": 735644,
@@ -3644,21 +3868,37 @@ export const restApiDocsData = [
         codeSampleTestnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`1w`],
           response: `[
   {
-
-  }
+    "avg_height": 2224253,
+    "timestamp": 1652346420,
+    "avg_fees": 211686
+  },
+  {
+    "avg_height": 2224254,
+    "timestamp": 1652346850,
+    "avg_fees": 2565952
+  },
+  ...
 ]`
         },
         codeSampleSignet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`1w`],
           response: `[
   {
-
-  }
+    "avg_height": 89978,
+    "timestamp": 1652346573,
+    "avg_fees": 1071
+  },
+  {
+    "avg_height": 89979,
+    "timestamp": 1652346970,
+    "avg_fees": 1224
+  },
+  ...
 ]`
         },
         codeSampleLiquid: emptyCodeSample,
@@ -3682,14 +3922,14 @@ export const restApiDocsData = [
     codeExample: {
       default: {
         codeTemplate: {
-          curl: `/api/v1/mining/blocks/rewards/1d`,
+          curl: `/api/v1/mining/blocks/rewards/%{1}`,
           commonJS: ``,
           esModule: ``
         },
         codeSampleMainnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`1d`],
           response: `[
   {
     "avg_height": 599992,
@@ -3722,21 +3962,37 @@ export const restApiDocsData = [
         codeSampleTestnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`1d`],
           response: `[
   {
-
-  }
+    "avg_height": 12,
+    "timestamp": 1296689648,
+    "avg_rewards": 5000000000
+  },
+  {
+    "avg_height": 269,
+    "timestamp": 1296717674,
+    "avg_rewards": 5000091820
+  },
+  ...
 ]`
         },
         codeSampleSignet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`1d`],
           response: `[
   {
-
-  }
+    "avg_height": 183,
+    "timestamp": 1598962247,
+    "avg_rewards": 5000000000
+  },
+  {
+    "avg_height": 576,
+    "timestamp": 1599047892,
+    "avg_rewards": 5000000000
+  },
+  ...
 ]`
         },
         codeSampleLiquid: emptyCodeSample,
@@ -3760,14 +4016,14 @@ export const restApiDocsData = [
     codeExample: {
       default: {
         codeTemplate: {
-          curl: `/api/v1/mining/blocks/fee-rates/1m`,
+          curl: `/api/v1/mining/blocks/fee-rates/%{1}`,
           commonJS: ``,
           esModule: ``
         },
         codeSampleMainnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`1m`],
           response: `{
   "oldestIndexedBlockTimestamp": 1571434851,
   "blockFeeRates": [
@@ -3805,27 +4061,74 @@ export const restApiDocsData = [
       "avg_fee_100": 251
     },
     ...
+  ]
 }`
         },
         codeSampleTestnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
-          response: `[
-  {
-
-  }
-]`
+          curl: [`1m`],
+          response: `{
+  "oldestIndexedBlockTimestamp": 1296688602,
+  "blockFeeRates": [
+    {
+      "avg_height": 2196306,
+      "timestamp": 1650360168,
+      "avg_fee_0": 1,
+      "avg_fee_10": 1,
+      "avg_fee_25": 1,
+      "avg_fee_50": 1,
+      "avg_fee_75": 2,
+      "avg_fee_90": 28,
+      "avg_fee_100": 2644
+    },
+    {
+      "avg_height": 2196308,
+      "timestamp": 1650361209,
+      "avg_fee_0": 1,
+      "avg_fee_10": 1,
+      "avg_fee_25": 1,
+      "avg_fee_50": 4,
+      "avg_fee_75": 12,
+      "avg_fee_90": 65,
+      "avg_fee_100": 102
+    },
+    ...
+  ]
+}`
         },
         codeSampleSignet: {
           esModule: [],
           commonJS: [],
-          curl: [],
-          response: `[
-  {
-
-  }
-]`
+          curl: [`1m`],
+          response: `{
+  "oldestIndexedBlockTimestamp": 1598918400,
+  "blockFeeRates": [
+    {
+      "avg_height": 86620,
+      "timestamp": 1650360010,
+      "avg_fee_0": 1,
+      "avg_fee_10": 1,
+      "avg_fee_25": 1,
+      "avg_fee_50": 1,
+      "avg_fee_75": 1,
+      "avg_fee_90": 1,
+      "avg_fee_100": 1
+    },
+    {
+      "avg_height": 86623,
+      "timestamp": 1650361330,
+      "avg_fee_0": 1,
+      "avg_fee_10": 1,
+      "avg_fee_25": 1,
+      "avg_fee_50": 1,
+      "avg_fee_75": 1,
+      "avg_fee_90": 1,
+      "avg_fee_100": 1
+    },
+    ...
+  ]
+}`
         },
         codeSampleLiquid: emptyCodeSample,
         codeSampleLiquidTestnet: emptyCodeSample,
@@ -3848,14 +4151,14 @@ export const restApiDocsData = [
     codeExample: {
       default: {
         codeTemplate: {
-          curl: `/api/v1/mining/blocks/sizes-weights/3y`,
+          curl: `/api/v1/mining/blocks/sizes-weights/%{1}`,
           commonJS: ``,
           esModule: ``
         },
         codeSampleMainnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
+          curl: [`3y`],
           response: `{
   "sizes": [
     {
@@ -3908,22 +4211,68 @@ export const restApiDocsData = [
         codeSampleTestnet: {
           esModule: [],
           commonJS: [],
-          curl: [],
-          response: `[
-  {
-
-  }
-]`
+          curl: [`3y`],
+          response: `{
+  "sizes": [
+    {
+      "avg_height": 1517188,
+      "timestamp": 1558262730,
+      "avg_size": 25089
+    },
+    {
+      "avg_height": 1517275,
+      "timestamp": 1558290933,
+      "avg_size": 21679
+    },
+    ...
+  ],
+  "weights": [
+    {
+      "avg_height": 1517188,
+      "timestamp": 1558262730,
+      "avg_weight": 74921
+    },
+    {
+      "avg_height": 1517275,
+      "timestamp": 1558290933,
+      "avg_weight": 65164
+    },
+    ...
+  ]
+}`
         },
         codeSampleSignet: {
           esModule: [],
           commonJS: [],
-          curl: [],
-          response: `[
-  {
-
-  }
-]`
+          curl: [`3y`],
+          response: `{
+  "sizes": [
+    {
+      "avg_height": 83,
+      "timestamp": 1598937527,
+      "avg_size": 329
+    },
+    {
+      "avg_height": 266,
+      "timestamp": 1598982991,
+      "avg_size": 330
+    },
+    ...
+  ],
+  "weights": [
+    {
+      "avg_height": 83,
+      "timestamp": 1598937527,
+      "avg_weight": 1209
+    },
+    {
+      "avg_height": 266,
+      "timestamp": 1598982991,
+      "avg_weight": 1212
+    },
+    ...
+  ]
+}`
         },
         codeSampleLiquid: emptyCodeSample,
         codeSampleLiquidTestnet: emptyCodeSample,

From 3a4f22ad173e93796e8209687cdea429ee54cefd Mon Sep 17 00:00:00 2001
From: hunicus <93150691+hunicus@users.noreply.github.com>
Date: Thu, 19 May 2022 12:21:41 -0400
Subject: [PATCH 05/12] Make small wording change for reward-stats

---
 frontend/src/app/docs/api-docs/api-docs-data.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/app/docs/api-docs/api-docs-data.ts b/frontend/src/app/docs/api-docs/api-docs-data.ts
index f3c24b7f5..ff57aeb82 100644
--- a/frontend/src/app/docs/api-docs/api-docs-data.ts
+++ b/frontend/src/app/docs/api-docs/api-docs-data.ts
@@ -3754,7 +3754,7 @@ export const restApiDocsData = [
     fragment: "get-reward-stats",
     title: "GET Reward Stats",
     description: {
-      default: "Returns block reward and total transactions confirmed for each of the past <code>:blockCount</code> blocks."
+      default: "Returns block reward and total transactions confirmed for the past <code>:blockCount</code> blocks."
     },
     urlString: "/v1/mining/reward-stats/:blockCount",
     showConditions: bitcoinNetworks,

From 7351a56a782c901f48429127f05e0e3ae0f71c43 Mon Sep 17 00:00:00 2001
From: hunicus <93150691+hunicus@users.noreply.github.com>
Date: Thu, 19 May 2022 12:55:20 -0400
Subject: [PATCH 06/12] Remove smaller time periods for hashrate endpoints

And clarify real-time hashrate data in /mining/hashrate.
---
 frontend/src/app/docs/api-docs/api-docs-data.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/docs/api-docs/api-docs-data.ts b/frontend/src/app/docs/api-docs/api-docs-data.ts
index ff57aeb82..c018c572a 100644
--- a/frontend/src/app/docs/api-docs/api-docs-data.ts
+++ b/frontend/src/app/docs/api-docs/api-docs-data.ts
@@ -3196,7 +3196,7 @@ export const restApiDocsData = [
     fragment: "get-mining-pool-hashrates",
     title: "GET Mining Pool Hashrates",
     description: {
-      default: "<p>Returns average hashrates (and share of total hashrate) of mining pools active in the specified trailing <code>:timePeriod</code>, in descending order of hashrate.</p><p>Leave <code>:timePeriod</code> unspecified to get all available data, or specify any of the following time periods: " + miningTimeIntervals + ".</p>"
+      default: "<p>Returns average hashrates (and share of total hashrate) of mining pools active in the specified trailing <code>:timePeriod</code>, in descending order of hashrate.</p><p>Leave <code>:timePeriod</code> unspecified to get all available data, or specify any of the following time periods: " + miningTimeIntervals.substr(52) + ".</p>"
     },
     urlString: "/v1/mining/hashrate/pools/[:timePeriod]",
     showConditions: bitcoinNetworks,
@@ -3634,7 +3634,7 @@ export const restApiDocsData = [
     fragment: "get-hashrate",
     title: "GET Hashrate",
     description: {
-      default: "<p>Returns network-wide hashrate and difficulty figures over the specified trailing <code>:timePeriod</code>:</p><ul><li>Current hashrate</li><li>Current difficulty</li><li>Historical daily average hashrates</li><li>Historical difficulty</li></ul><p>Valid values for <code>:timePeriod</code> are " + miningTimeIntervals + ". If no time interval is specified, all available data is returned.</p><p>Be sure that <code>INDEXING_BLOCKS_AMOUNT</code> is set properly in your backend config so that enough blocks are indexed to properly serve your request.</p>"
+      default: "<p>Returns network-wide hashrate and difficulty figures over the specified trailing <code>:timePeriod</code>:</p><ul><li>Current (real-time) hashrate</li><li>Current (real-time) difficulty</li><li>Historical daily average hashrates</li><li>Historical difficulty</li></ul><p>Valid values for <code>:timePeriod</code> are " + miningTimeIntervals.substr(52) + ". If no time interval is specified, all available data is returned.</p><p>Be sure that <code>INDEXING_BLOCKS_AMOUNT</code> is set properly in your backend config so that enough blocks are indexed to properly serve your request.</p>"
     },
     urlString: "/v1/mining/hashrate/[:timePeriod]",
     showConditions: bitcoinNetworks,

From 1d8eb064f127fbc61ad95d5ddc6ed89f8ad5b5d3 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Thu, 19 May 2022 23:47:44 +0400
Subject: [PATCH 07/12] Moving graphs and mining dashboard to a lazy loaded
 module

---
 frontend/src/app/app-routing.module.ts        | 1058 +++++++----------
 frontend/src/app/app.module.ts                |  164 +--
 frontend/src/app/bisq/bisq.module.ts          |    2 +
 .../mining-start/mining-start.component.html  |    1 -
 .../mining-start/mining-start.component.ts    |   14 -
 frontend/src/app/graphs/graphs.module.ts      |   58 +
 .../src/app/graphs/graphs.routing.module.ts   |  106 ++
 frontend/src/app/shared/shared.module.ts      |  161 ++-
 8 files changed, 773 insertions(+), 791 deletions(-)
 delete mode 100644 frontend/src/app/components/mining-start/mining-start.component.html
 delete mode 100644 frontend/src/app/components/mining-start/mining-start.component.ts
 create mode 100644 frontend/src/app/graphs/graphs.module.ts
 create mode 100644 frontend/src/app/graphs/graphs.routing.module.ts

diff --git a/frontend/src/app/app-routing.module.ts b/frontend/src/app/app-routing.module.ts
index 2eaf7e277..f3d3e3144 100644
--- a/frontend/src/app/app-routing.module.ts
+++ b/frontend/src/app/app-routing.module.ts
@@ -6,38 +6,206 @@ import { BlockComponent } from './components/block/block.component';
 import { AddressComponent } from './components/address/address.component';
 import { MasterPageComponent } from './components/master-page/master-page.component';
 import { AboutComponent } from './components/about/about.component';
-import { TelevisionComponent } from './components/television/television.component';
-import { StatisticsComponent } from './components/statistics/statistics.component';
-import { MempoolBlockComponent } from './components/mempool-block/mempool-block.component';
-import { AssetComponent } from './components/asset/asset.component';
-import { AssetsNavComponent } from './components/assets/assets-nav/assets-nav.component';
 import { StatusViewComponent } from './components/status-view/status-view.component';
-import { DashboardComponent } from './dashboard/dashboard.component';
 import { LatestBlocksComponent } from './components/latest-blocks/latest-blocks.component';
 import { TermsOfServiceComponent } from './components/terms-of-service/terms-of-service.component';
 import { PrivacyPolicyComponent } from './components/privacy-policy/privacy-policy.component';
 import { TrademarkPolicyComponent } from './components/trademark-policy/trademark-policy.component';
 import { BisqMasterPageComponent } from './components/bisq-master-page/bisq-master-page.component';
 import { SponsorComponent } from './components/sponsor/sponsor.component';
-import { LiquidMasterPageComponent } from './components/liquid-master-page/liquid-master-page.component';
 import { PushTransactionComponent } from './components/push-transaction/push-transaction.component';
-import { PoolRankingComponent } from './components/pool-ranking/pool-ranking.component';
+import { BlocksList } from './components/blocks-list/blocks-list.component';
+import { LiquidMasterPageComponent } from './components/liquid-master-page/liquid-master-page.component';
 import { AssetGroupComponent } from './components/assets/asset-group/asset-group.component';
 import { AssetsFeaturedComponent } from './components/assets/assets-featured/assets-featured.component';
 import { AssetsComponent } from './components/assets/assets.component';
-import { PoolComponent } from './components/pool/pool.component';
-import { MiningDashboardComponent } from './components/mining-dashboard/mining-dashboard.component';
-import { HashrateChartComponent } from './components/hashrate-chart/hashrate-chart.component';
-import { HashrateChartPoolsComponent } from './components/hashrates-chart-pools/hashrate-chart-pools.component';
-import { MiningStartComponent } from './components/mining-start/mining-start.component';
-import { GraphsComponent } from './components/graphs/graphs.component';
-import { BlocksList } from './components/blocks-list/blocks-list.component';
-import { BlockFeesGraphComponent } from './components/block-fees-graph/block-fees-graph.component';
-import { BlockRewardsGraphComponent } from './components/block-rewards-graph/block-rewards-graph.component';
-import { BlockFeeRatesGraphComponent } from './components/block-fee-rates-graph/block-fee-rates-graph.component';
-import { BlockSizesWeightsGraphComponent } from './components/block-sizes-weights-graph/block-sizes-weights-graph.component';
+import { AssetComponent } from './components/asset/asset.component';
+import { AssetsNavComponent } from './components/assets/assets-nav/assets-nav.component';
 
 let routes: Routes = [
+  { 
+    path: 'testnet',
+    children: [
+      {
+        path: '',
+        pathMatch: 'full',
+        loadChildren: () => import('./graphs/graphs.module').then(m => m.GraphsModule)
+      },
+      {
+        path: '',
+        component: MasterPageComponent,
+        children: [
+          {
+            path: 'tx/push',
+            component: PushTransactionComponent,
+          },
+          {
+            path: 'blocks',
+            component: LatestBlocksComponent,
+          },
+          {
+            path: 'about',
+            component: AboutComponent,
+          },
+          {
+            path: 'mining/blocks',
+            component: BlocksList,
+          },
+          {
+            path: 'terms-of-service',
+            component: TermsOfServiceComponent
+          },
+          {
+            path: 'privacy-policy',
+            component: PrivacyPolicyComponent
+          },
+          {
+            path: 'trademark-policy',
+            component: TrademarkPolicyComponent
+          },
+          {
+            path: 'address/:id',
+            children: [],
+            component: AddressComponent
+          },
+          {
+            path: 'tx',
+            component: StartComponent,
+            children: [
+              {
+                path: ':id',
+                component: TransactionComponent
+              },
+            ],
+          },
+          {
+            path: 'block',
+            component: StartComponent,
+              children: [
+              {
+                path: ':id',
+                component: BlockComponent
+              },
+            ],
+          },
+          {
+            path: 'docs',
+            loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
+          },
+          {
+            path: 'api',
+            loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
+          },
+        ],
+      },
+      {
+        path: 'status',
+        component: StatusViewComponent
+      },
+      {
+        path: '',
+        loadChildren: () => import('./graphs/graphs.module').then(m => m.GraphsModule)
+      },
+      {
+        path: '**',
+        redirectTo: '/testnet'
+      },
+    ]
+  },
+  {
+    path: 'signet',
+    children: [
+      {
+        path: '',
+        pathMatch: 'full',
+        loadChildren: () => import('./graphs/graphs.module').then(m => m.GraphsModule)
+      },
+      {
+        path: '',
+        component: MasterPageComponent,
+        children: [
+          {
+            path: 'tx/push',
+            component: PushTransactionComponent,
+          },
+          {
+            path: 'blocks',
+            component: LatestBlocksComponent,
+          },
+          {
+            path: 'about',
+            component: AboutComponent,
+          },
+          {
+            path: 'mining/blocks',
+            component: BlocksList,
+          },
+          {
+            path: 'terms-of-service',
+            component: TermsOfServiceComponent
+          },
+          {
+            path: 'privacy-policy',
+            component: PrivacyPolicyComponent
+          },
+          {
+            path: 'trademark-policy',
+            component: TrademarkPolicyComponent
+          },
+          {
+            path: 'address/:id',
+            children: [],
+            component: AddressComponent
+          },
+          {
+            path: 'tx',
+            component: StartComponent,
+            children: [
+              {
+                path: ':id',
+                component: TransactionComponent
+              },
+            ],
+          },
+          {
+            path: 'block',
+            component: StartComponent,
+              children: [
+              {
+                path: ':id',
+                component: BlockComponent
+              },
+            ],
+          },
+          {
+            path: 'docs',
+            loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
+          },
+          {
+            path: 'api',
+            loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
+          },
+        ],
+      },
+      {
+        path: 'status',
+        component: StatusViewComponent
+      },
+      {
+        path: '',
+        loadChildren: () => import('./graphs/graphs.module').then(m => m.GraphsModule)
+      },
+      {
+        path: '**',
+        redirectTo: '/signet'
+      },
+    ]
+  },
+  {
+    path: '',
+    pathMatch: 'full',
+    loadChildren: () => import('./graphs/graphs.module').then(m => m.GraphsModule)
+  },
   {
     path: '',
     component: MasterPageComponent,
@@ -46,109 +214,17 @@ let routes: Routes = [
         path: 'tx/push',
         component: PushTransactionComponent,
       },
-      {
-        path: '',
-        component: StartComponent,
-        children: [
-          {
-            path: '',
-            component: DashboardComponent,
-          },
-          {
-            path: 'tx/:id',
-            component: TransactionComponent
-          },
-          {
-            path: 'block/:id',
-            component: BlockComponent
-          },
-          {
-            path: 'mempool-block/:id',
-            component: MempoolBlockComponent
-          },
-          {
-            path: 'mining',
-            component: MiningDashboardComponent,
-          },
-        ],
-      },
       {
         path: 'blocks',
         component: LatestBlocksComponent,
       },
-      {
-        path: 'mining',
-        component: MiningStartComponent,
-        children: [
-          {
-            path: 'blocks',
-            component: BlocksList,
-          },
-          {
-            path: 'pool',
-            children: [
-              {
-                path: ':slug',
-                component: PoolComponent,
-              },
-            ]
-          },
-        ]
-      },
-      {
-        path: 'graphs',
-        component: GraphsComponent,
-        children: [
-          {
-            path: '',
-            pathMatch: 'full',
-            redirectTo: 'mempool',
-          },
-          {
-            path: 'mempool',
-            component: StatisticsComponent,
-          },
-          {
-            path: 'mining/hashrate-difficulty',
-            component: HashrateChartComponent,
-          },
-          {
-            path: 'mining/pools-dominance',
-            component: HashrateChartPoolsComponent,
-          },
-          {
-            path: 'mining/pools',
-            component: PoolRankingComponent,
-          },
-          {
-            path: 'mining/block-fees',
-            component: BlockFeesGraphComponent,
-          },
-          {
-            path: 'mining/block-rewards',
-            component: BlockRewardsGraphComponent,
-          },
-          {
-            path: 'mining/block-fee-rates',
-            component: BlockFeeRatesGraphComponent,
-          },
-          {
-            path: 'mining/block-sizes-weights',
-            component: BlockSizesWeightsGraphComponent,
-          },
-        ],
-      },
       {
         path: 'about',
         component: AboutComponent,
       },
       {
-        path: 'docs',
-        loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
-      },
-      {
-        path: 'api',
-        loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
+        path: 'mining/blocks',
+        component: BlocksList,
       },
       {
         path: 'terms-of-service',
@@ -167,276 +243,36 @@ let routes: Routes = [
         children: [],
         component: AddressComponent
       },
+      {
+        path: 'tx',
+        component: StartComponent,
+        children: [
+          {
+            path: ':id',
+            component: TransactionComponent
+          },
+        ],
+      },
+      {
+        path: 'block',
+        component: StartComponent,
+          children: [
+          {
+            path: ':id',
+            component: BlockComponent
+          },
+        ],
+      },
+      {
+        path: 'docs',
+        loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
+      },
+      {
+        path: 'api',
+        loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
+      },
     ],
   },
-  {
-    path: 'testnet',
-    children: [
-      {
-        path: '',
-        component: MasterPageComponent,
-        children: [
-          {
-            path: 'tx/push',
-            component: PushTransactionComponent,
-          },
-          {
-            path: '',
-            component: StartComponent,
-            children: [
-              {
-                path: '',
-                component: DashboardComponent
-              },
-              {
-                path: 'tx/:id',
-                component: TransactionComponent
-              },
-              {
-                path: 'block/:id',
-                component: BlockComponent
-              },
-              {
-                path: 'mempool-block/:id',
-                component: MempoolBlockComponent
-              },
-              {
-                path: 'mining',
-                component: MiningDashboardComponent,
-              },
-            ],
-          },
-          {
-            path: 'blocks',
-            component: LatestBlocksComponent,
-          },
-          {
-            path: 'mining',
-            component: MiningStartComponent,
-            children: [
-              {
-                path: 'blocks',
-                component: BlocksList,
-              },
-              {
-                path: 'pool',
-                children: [
-                  {
-                    path: ':slug',
-                    component: PoolComponent,
-                  },
-                ]
-              },
-            ]
-          },
-          {
-            path: 'graphs',
-            component: GraphsComponent,
-            children: [
-              {
-                path: '',
-                pathMatch: 'full',
-                redirectTo: 'mempool',
-              },
-              {
-                path: 'mempool',
-                component: StatisticsComponent,
-              },
-              {
-                path: 'mining/hashrate-difficulty',
-                component: HashrateChartComponent,
-              },
-              {
-                path: 'mining/pools-dominance',
-                component: HashrateChartPoolsComponent,
-              },
-              {
-                path: 'mining/pools',
-                component: PoolRankingComponent,
-              },
-              {
-                path: 'mining/block-fees',
-                component: BlockFeesGraphComponent,
-              },
-              {
-                path: 'mining/block-rewards',
-                component: BlockRewardsGraphComponent,
-              },
-              {
-                path: 'mining/block-fee-rates',
-                component: BlockFeeRatesGraphComponent,
-              },
-              {
-                path: 'mining/block-sizes-weights',
-                component: BlockSizesWeightsGraphComponent,
-              },
-            ]
-          },
-          {
-            path: 'address/:id',
-            children: [],
-            component: AddressComponent
-          },
-          {
-            path: 'docs',
-            loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
-          },
-          {
-            path: 'api',
-            loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
-          },
-        ],
-      },
-      {
-        path: 'tv',
-        component: TelevisionComponent
-      },
-      {
-        path: 'status',
-        component: StatusViewComponent
-      },
-      {
-        path: '**',
-        redirectTo: '/testnet'
-      },
-    ]
-  },
-  {
-    path: 'signet',
-    children: [
-      {
-        path: '',
-        component: MasterPageComponent,
-        children: [
-          {
-            path: 'tx/push',
-            component: PushTransactionComponent,
-          },
-          {
-            path: '',
-            component: StartComponent,
-            children: [
-              {
-                path: '',
-                component: DashboardComponent
-              },
-              {
-                path: 'tx/:id',
-                component: TransactionComponent
-              },
-              {
-                path: 'block/:id',
-                component: BlockComponent
-              },
-              {
-                path: 'mempool-block/:id',
-                component: MempoolBlockComponent
-              },
-              {
-                path: 'mining',
-                component: MiningDashboardComponent,
-              },
-            ],
-          },
-          {
-            path: 'blocks',
-            component: LatestBlocksComponent,
-          },
-          {
-            path: 'mining',
-            component: MiningStartComponent,
-            children: [
-              {
-                path: 'blocks',
-                component: BlocksList,
-              },
-              {
-                path: 'pool',
-                children: [
-                  {
-                    path: ':slug',
-                    component: PoolComponent,
-                  },
-                ]
-              },
-            ]
-          },
-          {
-            path: 'graphs',
-            component: GraphsComponent,
-            children: [
-              {
-                path: '',
-                pathMatch: 'full',
-                redirectTo: 'mempool',
-              },
-              {
-                path: 'mempool',
-                component: StatisticsComponent,
-              },
-              {
-                path: 'mining/hashrate-difficulty',
-                component: HashrateChartComponent,
-              },
-              {
-                path: 'mining/pools-dominance',
-                component: HashrateChartPoolsComponent,
-              },
-              {
-                path: 'mining/pools',
-                component: PoolRankingComponent,
-              },
-              {
-                path: 'mining/block-fees',
-                component: BlockFeesGraphComponent,
-              },
-              {
-                path: 'mining/block-rewards',
-                component: BlockRewardsGraphComponent,
-              },
-              {
-                path: 'mining/block-fee-rates',
-                component: BlockFeeRatesGraphComponent,
-              },
-              {
-                path: 'mining/block-sizes-weights',
-                component: BlockSizesWeightsGraphComponent,
-              },
-            ]
-          },
-          {
-            path: 'address/:id',
-            children: [],
-            component: AddressComponent
-          },
-          {
-            path: 'docs',
-            loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
-          },
-          {
-            path: 'api',
-            loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
-          },
-        ],
-      },
-      {
-        path: 'tv',
-        component: TelevisionComponent
-      },
-      {
-        path: 'status',
-        component: StatusViewComponent
-      },
-      {
-        path: '**',
-        redirectTo: '/signet'
-      },
-    ]
-  },
-  {
-    path: 'tv',
-    component: TelevisionComponent,
-  },
   {
     path: 'status',
     component: StatusViewComponent
@@ -445,6 +281,10 @@ let routes: Routes = [
     path: 'sponsor',
     component: SponsorComponent,
   },
+  {
+    path: '',
+    loadChildren: () => import('./graphs/graphs.module').then(m => m.GraphsModule)
+  },
   {
     path: '**',
     redirectTo: ''
@@ -464,237 +304,233 @@ if (browserWindowEnv && browserWindowEnv.BASE_MODULE === 'bisq') {
 }
 
 if (browserWindowEnv && browserWindowEnv.BASE_MODULE === 'liquid') {
-  routes = [{
-    path: '',
-    component: LiquidMasterPageComponent,
-    children: [
-      {
-        path: '',
-        component: StartComponent,
-        children: [
-          {
-            path: '',
-            component: DashboardComponent
-          },
-          {
-            path: 'tx/push',
-            component: PushTransactionComponent,
-          },
-          {
-            path: 'tx/:id',
-            component: TransactionComponent
-          },
-          {
-            path: 'block/:id',
-            component: BlockComponent
-          },
-          {
-            path: 'mempool-block/:id',
-            component: MempoolBlockComponent
-          },
-        ],
-      },
-      {
-        path: 'blocks',
-        component: LatestBlocksComponent,
-      },
-      {
-        path: 'graphs',
-        component: GraphsComponent,
-        children: [
-          {
-            path: '',
-            pathMatch: 'full',
-            redirectTo: 'mempool',
-          },
-          {
-            path: 'mempool',
-            component: StatisticsComponent,
-          }
-        ]
-      },
-      {
-        path: 'address/:id',
-        component: AddressComponent
-      },
-      {
-        path: 'assets',
-        component: AssetsNavComponent,
-        children: [
-          {
-            path: 'featured',
-            component: AssetsFeaturedComponent,
-          },
-          {
-            path: 'all',
-            component: AssetsComponent,
-          },
-          {
-            path: 'asset/:id',
-            component: AssetComponent
-          },
-          {
-            path: 'group/:id',
-            component: AssetGroupComponent
-          },
-          {
-            path: '**',
-            redirectTo: 'featured'
-          }
-        ]
-      },
-      {
-        path: 'docs',
-        loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
-      },
-      {
-        path: 'api',
-        loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
-      },
-      {
-        path: 'about',
-        component: AboutComponent,
-      },
-      {
-        path: 'terms-of-service',
-        component: TermsOfServiceComponent
-      },
-      {
-        path: 'privacy-policy',
-        component: PrivacyPolicyComponent
-      },
-      {
-        path: 'trademark-policy',
-        component: TrademarkPolicyComponent
-      },
-    ],
-  },
-  {
-    path: 'testnet',
-    children: [
-      {
-        path: '',
-        component: LiquidMasterPageComponent,
-        children: [
-          {
-            path: '',
-            component: StartComponent,
+  routes = [
+    {
+      path: 'testnet',
+      children: [
+        {
+          path: '',
+          pathMatch: 'full',
+          loadChildren: () => import('./graphs/graphs.module').then(m => m.GraphsModule)
+        },
+        {
+          path: '',
+          component: LiquidMasterPageComponent,
+          children: [
+            {
+              path: 'tx/push',
+              component: PushTransactionComponent,
+            },
+            {
+              path: 'blocks',
+              component: LatestBlocksComponent,
+            },
+            {
+              path: 'about',
+              component: AboutComponent,
+            },
+            {
+              path: 'mining/blocks',
+              component: BlocksList,
+            },
+            {
+              path: 'terms-of-service',
+              component: TermsOfServiceComponent
+            },
+            {
+              path: 'privacy-policy',
+              component: PrivacyPolicyComponent
+            },
+            {
+              path: 'trademark-policy',
+              component: TrademarkPolicyComponent
+            },
+            {
+              path: 'address/:id',
+              children: [],
+              component: AddressComponent
+            },
+            {
+              path: 'tx',
+              component: StartComponent,
+              children: [
+                {
+                  path: ':id',
+                  component: TransactionComponent
+                },
+              ],
+            },
+            {
+              path: 'block',
+              component: StartComponent,
+                children: [
+                {
+                  path: ':id',
+                  component: BlockComponent
+                },
+              ],
+            },
+            {
+              path: 'assets',
+              component: AssetsNavComponent,
+              children: [
+                {
+                  path: 'all',
+                  component: AssetsComponent,
+                },
+                {
+                  path: 'asset/:id',
+                  component: AssetComponent
+                },
+                {
+                  path: 'group/:id',
+                  component: AssetGroupComponent
+                },
+                {
+                  path: '**',
+                  redirectTo: 'all'
+                }
+              ]
+            },
+            {
+              path: 'docs',
+              loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
+            },
+            {
+              path: 'api',
+              loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
+            },
+          ],
+        },
+        {
+          path: 'status',
+          component: StatusViewComponent
+        },
+        {
+          path: '',
+          loadChildren: () => import('./graphs/graphs.module').then(m => m.GraphsModule)
+        },
+        {
+          path: '**',
+          redirectTo: '/signet'
+        },
+      ]
+    },
+    {
+      path: '',
+      pathMatch: 'full',
+      loadChildren: () => import('./graphs/graphs.module').then(m => m.GraphsModule)
+    },
+    {
+      path: '',
+      component: LiquidMasterPageComponent,
+      children: [
+        {
+          path: 'tx/push',
+          component: PushTransactionComponent,
+        },
+        {
+          path: 'blocks',
+          component: LatestBlocksComponent,
+        },
+        {
+          path: 'about',
+          component: AboutComponent,
+        },
+        {
+          path: 'mining/blocks',
+          component: BlocksList,
+        },
+        {
+          path: 'terms-of-service',
+          component: TermsOfServiceComponent
+        },
+        {
+          path: 'privacy-policy',
+          component: PrivacyPolicyComponent
+        },
+        {
+          path: 'trademark-policy',
+          component: TrademarkPolicyComponent
+        },
+        {
+          path: 'address/:id',
+          children: [],
+          component: AddressComponent
+        },
+        {
+          path: 'tx',
+          component: StartComponent,
+          children: [
+            {
+              path: ':id',
+              component: TransactionComponent
+            },
+          ],
+        },
+        {
+          path: 'block',
+          component: StartComponent,
             children: [
-              {
-                path: '',
-                component: DashboardComponent
-              },
-              {
-                path: 'tx/push',
-                component: PushTransactionComponent,
-              },
-              {
-                path: 'tx/:id',
-                component: TransactionComponent
-              },
-              {
-                path: 'block/:id',
-                component: BlockComponent
-              },
-              {
-                path: 'mempool-block/:id',
-                component: MempoolBlockComponent
-              },
-            ],
-          },
-          {
-            path: 'blocks',
-            component: LatestBlocksComponent,
-          },
-          {
-            path: 'graphs',
-            component: GraphsComponent,
-            children: [
-              {
-                path: '',
-                pathMatch: 'full',
-                redirectTo: 'mempool',
-              },
-              {
-                path: 'mempool',
-                component: StatisticsComponent,
-              }
-            ]
-          },
-          {
-            path: 'address/:id',
-            component: AddressComponent
-          },
-          {
-            path: 'assets',
-            component: AssetsNavComponent,
-            children: [
-              {
-                path: 'all',
-                component: AssetsComponent,
-              },
-              {
-                path: 'asset/:id',
-                component: AssetComponent
-              },
-              {
-                path: 'group/:id',
-                component: AssetGroupComponent
-              },
-              {
-                path: '**',
-                redirectTo: 'all'
-              }
-            ]
-          },
-          {
-            path: 'docs',
-            loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
-          },
-          {
-            path: 'api',
-            loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
-          },
-          {
-            path: 'about',
-            component: AboutComponent,
-          },
-          {
-            path: 'terms-of-service',
-            component: TermsOfServiceComponent
-          },
-          {
-            path: 'privacy-policy',
-            component: PrivacyPolicyComponent
-          },
-          {
-            path: 'trademark-policy',
-            component: TrademarkPolicyComponent
-          },
-        ],
-      },
-      {
-        path: 'tv',
-        component: TelevisionComponent
-      },
-      {
-        path: 'status',
-        component: StatusViewComponent
-      },
-    ]
-  },
-  {
-    path: 'tv',
-    component: TelevisionComponent
-  },
-  {
-    path: 'status',
-    component: StatusViewComponent
-  },
-  {
-    path: '**',
-    redirectTo: '/testnet'
-  }];
+            {
+              path: ':id',
+              component: BlockComponent
+            },
+          ],
+        },
+        {
+          path: 'assets',
+          component: AssetsNavComponent,
+          children: [
+            {
+              path: 'featured',
+              component: AssetsFeaturedComponent,
+            },
+            {
+              path: 'all',
+              component: AssetsComponent,
+            },
+            {
+              path: 'asset/:id',
+              component: AssetComponent
+            },
+            {
+              path: 'group/:id',
+              component: AssetGroupComponent
+            },
+            {
+              path: '**',
+              redirectTo: 'all'
+            }
+          ]
+        },
+        {
+          path: 'docs',
+          loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
+        },
+        {
+          path: 'api',
+          loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
+        },
+      ],
+    },
+    {
+      path: 'status',
+      component: StatusViewComponent
+    },
+    {
+      path: 'sponsor',
+      component: SponsorComponent,
+    },
+    {
+      path: '',
+      loadChildren: () => import('./graphs/graphs.module').then(m => m.GraphsModule)
+    },
+    {
+      path: '**',
+      redirectTo: ''
+    },
+  ];
 }
 
 @NgModule({
diff --git a/frontend/src/app/app.module.ts b/frontend/src/app/app.module.ts
index 4b4e9eba9..8845f4255 100644
--- a/frontend/src/app/app.module.ts
+++ b/frontend/src/app/app.module.ts
@@ -2,141 +2,23 @@ import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-bro
 import { NgModule } from '@angular/core';
 import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { InfiniteScrollModule } from 'ngx-infinite-scroll';
-import { NgxEchartsModule } from 'ngx-echarts';
-
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './components/app/app.component';
-
-import { StartComponent } from './components/start/start.component';
 import { ElectrsApiService } from './services/electrs-api.service';
-import { TransactionComponent } from './components/transaction/transaction.component';
-import { TransactionsListComponent } from './components/transactions-list/transactions-list.component';
 import { StateService } from './services/state.service';
-import { BlockComponent } from './components/block/block.component';
-import { AddressComponent } from './components/address/address.component';
-import { SearchFormComponent } from './components/search-form/search-form.component';
-import { LatestBlocksComponent } from './components/latest-blocks/latest-blocks.component';
 import { WebsocketService } from './services/websocket.service';
-import { AddressLabelsComponent } from './components/address-labels/address-labels.component';
-import { MasterPageComponent } from './components/master-page/master-page.component';
-import { BisqMasterPageComponent } from './components/bisq-master-page/bisq-master-page.component';
-import { LiquidMasterPageComponent } from './components/liquid-master-page/liquid-master-page.component';
-import { AboutComponent } from './components/about/about.component';
-import { TelevisionComponent } from './components/television/television.component';
-import { StatisticsComponent } from './components/statistics/statistics.component';
-import { FooterComponent } from './components/footer/footer.component';
 import { AudioService } from './services/audio.service';
-import { MempoolBlockComponent } from './components/mempool-block/mempool-block.component';
-import { FeeDistributionGraphComponent } from './components/fee-distribution-graph/fee-distribution-graph.component';
-import { IncomingTransactionsGraphComponent } from './components/incoming-transactions-graph/incoming-transactions-graph.component';
-import { TimeSpanComponent } from './components/time-span/time-span.component';
 import { SeoService } from './services/seo.service';
-import { MempoolGraphComponent } from './components/mempool-graph/mempool-graph.component';
-import { PoolRankingComponent } from './components/pool-ranking/pool-ranking.component';
-import { PoolComponent } from './components/pool/pool.component';
-import { LbtcPegsGraphComponent } from './components/lbtc-pegs-graph/lbtc-pegs-graph.component';
-import { AssetComponent } from './components/asset/asset.component';
-import { AssetsComponent } from './components/assets/assets.component';
-import { AssetsNavComponent } from './components/assets/assets-nav/assets-nav.component';
-import { StatusViewComponent } from './components/status-view/status-view.component';
 import { SharedModule } from './shared/shared.module';
-import { NgbTypeaheadModule } from '@ng-bootstrap/ng-bootstrap';
-import { FeesBoxComponent } from './components/fees-box/fees-box.component';
-import { DashboardComponent } from './dashboard/dashboard.component';
-import { DifficultyComponent } from './components/difficulty/difficulty.component';
-import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
-import { faFilter, faAngleDown, faAngleUp, faAngleRight, faAngleLeft, faBolt, faChartArea, faCogs, faCubes, faHammer, faDatabase, faExchangeAlt, faInfoCircle,
-  faLink, faList, faSearch, faCaretUp, faCaretDown, faTachometerAlt, faThList, faTint, faTv, faAngleDoubleDown, faSortUp, faAngleDoubleUp, faChevronDown,
-  faFileAlt, faRedoAlt, faArrowAltCircleRight, faExternalLinkAlt, faBook, faListUl, faDownload } from '@fortawesome/free-solid-svg-icons';
-import { TermsOfServiceComponent } from './components/terms-of-service/terms-of-service.component';
-import { PrivacyPolicyComponent } from './components/privacy-policy/privacy-policy.component';
-import { TrademarkPolicyComponent } from './components/trademark-policy/trademark-policy.component';
 import { StorageService } from './services/storage.service';
 import { HttpCacheInterceptor } from './services/http-cache.interceptor';
 import { LanguageService } from './services/language.service';
-import { SponsorComponent } from './components/sponsor/sponsor.component';
-import { PushTransactionComponent } from './components/push-transaction/push-transaction.component';
-import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import { AssetsFeaturedComponent } from './components/assets/assets-featured/assets-featured.component';
-import { AssetGroupComponent } from './components/assets/asset-group/asset-group.component';
-import { AssetCirculationComponent } from './components/asset-circulation/asset-circulation.component';
-import { MiningDashboardComponent } from './components/mining-dashboard/mining-dashboard.component';
-import { HashrateChartComponent } from './components/hashrate-chart/hashrate-chart.component';
-import { HashrateChartPoolsComponent } from './components/hashrates-chart-pools/hashrate-chart-pools.component';
-import { MiningStartComponent } from './components/mining-start/mining-start.component';
-import { AmountShortenerPipe } from './shared/pipes/amount-shortener.pipe';
 import { ShortenStringPipe } from './shared/pipes/shorten-string-pipe/shorten-string.pipe';
 import { CapAddressPipe } from './shared/pipes/cap-address-pipe/cap-address-pipe';
-import { GraphsComponent } from './components/graphs/graphs.component';
-import { DifficultyAdjustmentsTable } from './components/difficulty-adjustments-table/difficulty-adjustments-table.components';
-import { BlocksList } from './components/blocks-list/blocks-list.component';
-import { RewardStatsComponent } from './components/reward-stats/reward-stats.component';
-import { DataCyDirective } from './data-cy.directive';
-import { BlockFeesGraphComponent } from './components/block-fees-graph/block-fees-graph.component';
-import { BlockRewardsGraphComponent } from './components/block-rewards-graph/block-rewards-graph.component';
-import { BlockFeeRatesGraphComponent } from './components/block-fee-rates-graph/block-fee-rates-graph.component';
-import { LoadingIndicatorComponent } from './components/loading-indicator/loading-indicator.component';
-import { IndexingProgressComponent } from './components/indexing-progress/indexing-progress.component';
-import { BlockSizesWeightsGraphComponent } from './components/block-sizes-weights-graph/block-sizes-weights-graph.component';
 
 @NgModule({
   declarations: [
     AppComponent,
-    AboutComponent,
-    MasterPageComponent,
-    BisqMasterPageComponent,
-    LiquidMasterPageComponent,
-    TelevisionComponent,
-    StartComponent,
-    StatisticsComponent,
-    TransactionComponent,
-    BlockComponent,
-    TransactionsListComponent,
-    AddressComponent,
-    LatestBlocksComponent,
-    SearchFormComponent,
-    TimeSpanComponent,
-    AddressLabelsComponent,
-    FooterComponent,
-    MempoolBlockComponent,
-    FeeDistributionGraphComponent,
-    IncomingTransactionsGraphComponent,
-    MempoolGraphComponent,
-    PoolRankingComponent,
-    PoolComponent,
-    LbtcPegsGraphComponent,
-    AssetComponent,
-    AssetsComponent,
-    StatusViewComponent,
-    FeesBoxComponent,
-    DashboardComponent,
-    DifficultyComponent,
-    TermsOfServiceComponent,
-    PrivacyPolicyComponent,
-    TrademarkPolicyComponent,
-    SponsorComponent,
-    PushTransactionComponent,
-    AssetsNavComponent,
-    AssetsFeaturedComponent,
-    AssetGroupComponent,
-    AssetCirculationComponent,
-    MiningDashboardComponent,
-    HashrateChartComponent,
-    HashrateChartPoolsComponent,
-    MiningStartComponent,
-    AmountShortenerPipe,
-    GraphsComponent,
-    DifficultyAdjustmentsTable,
-    BlocksList,
-    DataCyDirective,
-    RewardStatsComponent,
-    BlockFeesGraphComponent,
-    BlockRewardsGraphComponent,
-    BlockFeeRatesGraphComponent,
-    LoadingIndicatorComponent,
-    IndexingProgressComponent,
-    BlockSizesWeightsGraphComponent
   ],
   imports: [
     BrowserModule.withServerTransition({ appId: 'serverApp' }),
@@ -144,14 +26,7 @@ import { BlockSizesWeightsGraphComponent } from './components/block-sizes-weight
     AppRoutingModule,
     HttpClientModule,
     BrowserAnimationsModule,
-    InfiniteScrollModule,
-    NgbTypeaheadModule,
-    NgbModule,
-    FontAwesomeModule,
     SharedModule,
-    NgxEchartsModule.forRoot({
-      echarts: () => import('echarts')
-    })
   ],
   providers: [
     ElectrsApiService,
@@ -167,41 +42,4 @@ import { BlockSizesWeightsGraphComponent } from './components/block-sizes-weight
   ],
   bootstrap: [AppComponent]
 })
-export class AppModule {
-  constructor(library: FaIconLibrary) {
-    library.addIcons(faInfoCircle);
-    library.addIcons(faChartArea);
-    library.addIcons(faTv);
-    library.addIcons(faTachometerAlt);
-    library.addIcons(faCubes);
-    library.addIcons(faHammer);
-    library.addIcons(faCogs);
-    library.addIcons(faThList);
-    library.addIcons(faList);
-    library.addIcons(faTachometerAlt);
-    library.addIcons(faDatabase);
-    library.addIcons(faSearch);
-    library.addIcons(faLink);
-    library.addIcons(faBolt);
-    library.addIcons(faTint);
-    library.addIcons(faFilter);
-    library.addIcons(faAngleDown);
-    library.addIcons(faAngleUp);
-    library.addIcons(faExchangeAlt);
-    library.addIcons(faAngleDoubleUp);
-    library.addIcons(faAngleDoubleDown);
-    library.addIcons(faChevronDown);
-    library.addIcons(faFileAlt);
-    library.addIcons(faRedoAlt);
-    library.addIcons(faArrowAltCircleRight);
-    library.addIcons(faExternalLinkAlt);
-    library.addIcons(faSortUp);
-    library.addIcons(faCaretUp);
-    library.addIcons(faCaretDown);
-    library.addIcons(faAngleRight);
-    library.addIcons(faAngleLeft);
-    library.addIcons(faBook);
-    library.addIcons(faListUl);
-    library.addIcons(faDownload);
-  }
-}
+export class AppModule { }
diff --git a/frontend/src/app/bisq/bisq.module.ts b/frontend/src/app/bisq/bisq.module.ts
index 77b0a26e8..34c09f971 100644
--- a/frontend/src/app/bisq/bisq.module.ts
+++ b/frontend/src/app/bisq/bisq.module.ts
@@ -24,6 +24,7 @@ import { BisqAddressComponent } from './bisq-address/bisq-address.component';
 import { BisqStatsComponent } from './bisq-stats/bisq-stats.component';
 import { BsqAmountComponent } from './bsq-amount/bsq-amount.component';
 import { BisqTradesComponent } from './bisq-trades/bisq-trades.component';
+import { CommonModule } from '@angular/common';
 
 @NgModule({
   declarations: [
@@ -46,6 +47,7 @@ import { BisqTradesComponent } from './bisq-trades/bisq-trades.component';
     BisqMainDashboardComponent,
   ],
   imports: [
+    CommonModule,
     BisqRoutingModule,
     SharedModule,
     NgbPaginationModule,
diff --git a/frontend/src/app/components/mining-start/mining-start.component.html b/frontend/src/app/components/mining-start/mining-start.component.html
deleted file mode 100644
index 0680b43f9..000000000
--- a/frontend/src/app/components/mining-start/mining-start.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<router-outlet></router-outlet>
diff --git a/frontend/src/app/components/mining-start/mining-start.component.ts b/frontend/src/app/components/mining-start/mining-start.component.ts
deleted file mode 100644
index 6850cfa54..000000000
--- a/frontend/src/app/components/mining-start/mining-start.component.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-mining-start',
-  templateUrl: './mining-start.component.html',
-})
-export class MiningStartComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-}
diff --git a/frontend/src/app/graphs/graphs.module.ts b/frontend/src/app/graphs/graphs.module.ts
new file mode 100644
index 000000000..a080f6df0
--- /dev/null
+++ b/frontend/src/app/graphs/graphs.module.ts
@@ -0,0 +1,58 @@
+import { NgModule } from '@angular/core';
+import { NgxEchartsModule } from 'ngx-echarts';
+import { GraphsRoutingModule } from './graphs.routing.module';
+import { SharedModule } from '../shared/shared.module';
+
+import { BlockFeesGraphComponent } from '../components/block-fees-graph/block-fees-graph.component';
+import { BlockRewardsGraphComponent } from '../components/block-rewards-graph/block-rewards-graph.component';
+import { BlockFeeRatesGraphComponent } from '../components/block-fee-rates-graph/block-fee-rates-graph.component';
+import { BlockSizesWeightsGraphComponent } from '../components/block-sizes-weights-graph/block-sizes-weights-graph.component';
+import { FeeDistributionGraphComponent } from '../components/fee-distribution-graph/fee-distribution-graph.component';
+import { IncomingTransactionsGraphComponent } from '../components/incoming-transactions-graph/incoming-transactions-graph.component';
+import { MempoolGraphComponent } from '../components/mempool-graph/mempool-graph.component';
+import { LbtcPegsGraphComponent } from '../components/lbtc-pegs-graph/lbtc-pegs-graph.component';
+import { GraphsComponent } from '../components/graphs/graphs.component';
+import { StatisticsComponent } from '../components/statistics/statistics.component';
+import { MempoolBlockComponent } from '../components/mempool-block/mempool-block.component';
+import { PoolRankingComponent } from '../components/pool-ranking/pool-ranking.component';
+import { PoolComponent } from '../components/pool/pool.component';
+import { TelevisionComponent } from '../components/television/television.component';
+import { DashboardComponent } from '../dashboard/dashboard.component';
+import { MiningDashboardComponent } from '../components/mining-dashboard/mining-dashboard.component';
+import { HashrateChartComponent } from '../components/hashrate-chart/hashrate-chart.component';
+import { HashrateChartPoolsComponent } from '../components/hashrates-chart-pools/hashrate-chart-pools.component';
+import { CommonModule } from '@angular/common';
+
+@NgModule({
+  declarations: [
+    DashboardComponent,
+    MempoolBlockComponent,
+
+    MiningDashboardComponent,
+    PoolComponent,
+    PoolRankingComponent,
+    TelevisionComponent,
+
+    StatisticsComponent,
+    GraphsComponent,
+    BlockFeesGraphComponent,
+    BlockRewardsGraphComponent,
+    BlockFeeRatesGraphComponent,
+    BlockSizesWeightsGraphComponent,
+    FeeDistributionGraphComponent,
+    IncomingTransactionsGraphComponent,
+    MempoolGraphComponent,
+    LbtcPegsGraphComponent,
+    HashrateChartComponent,
+    HashrateChartPoolsComponent,
+  ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    GraphsRoutingModule,
+    NgxEchartsModule.forRoot({
+      echarts: () => import('echarts')
+    })
+  ]
+})
+export class GraphsModule { }
diff --git a/frontend/src/app/graphs/graphs.routing.module.ts b/frontend/src/app/graphs/graphs.routing.module.ts
new file mode 100644
index 000000000..c8546e876
--- /dev/null
+++ b/frontend/src/app/graphs/graphs.routing.module.ts
@@ -0,0 +1,106 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { BlockFeeRatesGraphComponent } from '../components/block-fee-rates-graph/block-fee-rates-graph.component';
+import { BlockFeesGraphComponent } from '../components/block-fees-graph/block-fees-graph.component';
+import { BlockRewardsGraphComponent } from '../components/block-rewards-graph/block-rewards-graph.component';
+import { BlockSizesWeightsGraphComponent } from '../components/block-sizes-weights-graph/block-sizes-weights-graph.component';
+import { GraphsComponent } from '../components/graphs/graphs.component';
+import { HashrateChartComponent } from '../components/hashrate-chart/hashrate-chart.component';
+import { HashrateChartPoolsComponent } from '../components/hashrates-chart-pools/hashrate-chart-pools.component';
+import { MasterPageComponent } from '../components/master-page/master-page.component';
+import { MempoolBlockComponent } from '../components/mempool-block/mempool-block.component';
+import { MiningDashboardComponent } from '../components/mining-dashboard/mining-dashboard.component';
+import { PoolRankingComponent } from '../components/pool-ranking/pool-ranking.component';
+import { PoolComponent } from '../components/pool/pool.component';
+import { StartComponent } from '../components/start/start.component';
+import { StatisticsComponent } from '../components/statistics/statistics.component';
+import { TelevisionComponent } from '../components/television/television.component';
+import { DashboardComponent } from '../dashboard/dashboard.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: MasterPageComponent,
+    children: [
+      {
+        path: 'mining/pool/:slug',
+        component: PoolComponent,
+      },
+      {
+        path: 'mining',
+        component: StartComponent,
+        children: [
+          {
+            path: '',
+            component: MiningDashboardComponent,
+          },
+        ]
+      },
+      {
+        path: 'mempool-block/:id',
+        component: StartComponent,
+        children: [
+          {
+            path: '',
+            component: MempoolBlockComponent,
+          },
+        ]
+      },
+      {
+        path: 'graphs',
+        component: GraphsComponent,
+        children: [
+          {
+            path: 'mempool',
+            component: StatisticsComponent,
+          },
+          {
+            path: 'mining/hashrate-difficulty',
+            component: HashrateChartComponent,
+          },
+          {
+            path: 'mining/pools-dominance',
+            component: HashrateChartPoolsComponent,
+          },
+          {
+            path: 'mining/pools',
+            component: PoolRankingComponent,
+          },
+          {
+            path: 'mining/block-fees',
+            component: BlockFeesGraphComponent,
+          },
+          {
+            path: 'mining/block-rewards',
+            component: BlockRewardsGraphComponent,
+          },
+          {
+            path: 'mining/block-fee-rates',
+            component: BlockFeeRatesGraphComponent,
+          },
+          {
+            path: 'mining/block-sizes-weights',
+            component: BlockSizesWeightsGraphComponent,
+          },
+        ]
+      },
+      {
+        path: '',
+        component: StartComponent,
+        children: [{
+          path: '',
+          component: DashboardComponent,
+        }]
+      },
+    ]
+  },
+  {
+    path: 'tv',
+    component: TelevisionComponent
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+})
+export class GraphsRoutingModule { }
diff --git a/frontend/src/app/shared/shared.module.ts b/frontend/src/app/shared/shared.module.ts
index 8d57630c3..488131d84 100644
--- a/frontend/src/app/shared/shared.module.ts
+++ b/frontend/src/app/shared/shared.module.ts
@@ -1,5 +1,16 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgbTypeaheadModule } from '@ng-bootstrap/ng-bootstrap';
+import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
+import { faFilter, faAngleDown, faAngleUp, faAngleRight, faAngleLeft, faBolt, faChartArea, faCogs, faCubes, faHammer, faDatabase, faExchangeAlt, faInfoCircle,
+  faLink, faList, faSearch, faCaretUp, faCaretDown, faTachometerAlt, faThList, faTint, faTv, faAngleDoubleDown, faSortUp, faAngleDoubleUp, faChevronDown,
+  faFileAlt, faRedoAlt, faArrowAltCircleRight, faExternalLinkAlt, faBook, faListUl, faDownload } from '@fortawesome/free-solid-svg-icons';
+import { InfiniteScrollModule } from 'ngx-infinite-scroll';
+import { MasterPageComponent } from '../components/master-page/master-page.component';
+import { BisqMasterPageComponent } from '../components/bisq-master-page/bisq-master-page.component';
+import { LiquidMasterPageComponent } from '../components/liquid-master-page/liquid-master-page.component';
+import { AboutComponent } from '../components/about/about.component';
 import { VbytesPipe } from './pipes/bytes-pipe/vbytes.pipe';
 import { ShortenStringPipe } from './pipes/shorten-string-pipe/shorten-string.pipe';
 import { CeilPipe } from './pipes/math-ceil/math-ceil.pipe';
@@ -31,6 +42,38 @@ import { AmountComponent } from '../components/amount/amount.component';
 import { RouterModule } from '@angular/router';
 import { CapAddressPipe } from './pipes/cap-address-pipe/cap-address-pipe';
 
+import { StartComponent } from '../components/start/start.component';
+import { TransactionComponent } from '../components/transaction/transaction.component';
+import { TransactionsListComponent } from '../components/transactions-list/transactions-list.component';
+import { BlockComponent } from '../components/block/block.component';
+import { AddressComponent } from '../components/address/address.component';
+import { SearchFormComponent } from '../components/search-form/search-form.component';
+import { LatestBlocksComponent } from '../components/latest-blocks/latest-blocks.component';
+import { AddressLabelsComponent } from '../components/address-labels/address-labels.component';
+import { FooterComponent } from '../components/footer/footer.component';
+import { TimeSpanComponent } from '../components/time-span/time-span.component';
+import { AssetComponent } from '../components/asset/asset.component';
+import { AssetsComponent } from '../components/assets/assets.component';
+import { AssetsNavComponent } from '../components/assets/assets-nav/assets-nav.component';
+import { StatusViewComponent } from '../components/status-view/status-view.component';
+import { FeesBoxComponent } from '../components/fees-box/fees-box.component';
+import { DifficultyComponent } from '../components/difficulty/difficulty.component';
+import { TermsOfServiceComponent } from '../components/terms-of-service/terms-of-service.component';
+import { PrivacyPolicyComponent } from '../components/privacy-policy/privacy-policy.component';
+import { TrademarkPolicyComponent } from '../components/trademark-policy/trademark-policy.component';
+import { SponsorComponent } from '../components/sponsor/sponsor.component';
+import { PushTransactionComponent } from '../components/push-transaction/push-transaction.component';
+import { AssetsFeaturedComponent } from '../components/assets/assets-featured/assets-featured.component';
+import { AssetGroupComponent } from '../components/assets/asset-group/asset-group.component';
+import { AssetCirculationComponent } from '../components/asset-circulation/asset-circulation.component';
+import { AmountShortenerPipe } from '../shared/pipes/amount-shortener.pipe';
+import { DifficultyAdjustmentsTable } from '../components/difficulty-adjustments-table/difficulty-adjustments-table.components';
+import { BlocksList } from '../components/blocks-list/blocks-list.component';
+import { RewardStatsComponent } from '../components/reward-stats/reward-stats.component';
+import { DataCyDirective } from '../data-cy.directive';
+import { LoadingIndicatorComponent } from '../components/loading-indicator/loading-indicator.component';
+import { IndexingProgressComponent } from '../components/indexing-progress/indexing-progress.component';
+
 @NgModule({
   declarations: [
     ClipboardComponent,
@@ -60,6 +103,42 @@ import { CapAddressPipe } from './pipes/cap-address-pipe/cap-address-pipe';
     MempoolBlocksComponent,
     BlockchainBlocksComponent,
     AmountComponent,
+
+    AboutComponent,
+    MasterPageComponent,
+    BisqMasterPageComponent,
+    LiquidMasterPageComponent,
+    StartComponent,
+    TransactionComponent,
+    BlockComponent,
+    TransactionsListComponent,
+    AddressComponent,
+    LatestBlocksComponent,
+    SearchFormComponent,
+    TimeSpanComponent,
+    AddressLabelsComponent,
+    FooterComponent,
+    AssetComponent,
+    AssetsComponent,
+    StatusViewComponent,
+    FeesBoxComponent,
+    DifficultyComponent,
+    TermsOfServiceComponent,
+    PrivacyPolicyComponent,
+    TrademarkPolicyComponent,
+    SponsorComponent,
+    PushTransactionComponent,
+    AssetsNavComponent,
+    AssetsFeaturedComponent,
+    AssetGroupComponent,
+    AssetCirculationComponent,
+    AmountShortenerPipe,
+    DifficultyAdjustmentsTable,
+    BlocksList,
+    DataCyDirective,
+    RewardStatsComponent,
+    LoadingIndicatorComponent,
+    IndexingProgressComponent,
   ],
   imports: [
     CommonModule,
@@ -71,17 +150,26 @@ import { CapAddressPipe } from './pipes/cap-address-pipe/cap-address-pipe';
     NgbPaginationModule,
     NgbDropdownModule,
     NgbAccordionModule,
+    InfiniteScrollModule,
+    NgbTypeaheadModule,
+    NgbModule,
+    FontAwesomeModule,
   ],
   providers: [
     VbytesPipe,
     RelativeUrlPipe,
     NoSanitizePipe,
+    ShortenStringPipe,
+    CapAddressPipe,
   ],
   exports: [
     RouterModule,
+    InfiniteScrollModule,
+    NgbTypeaheadModule,
+    NgbModule,
+    FontAwesomeModule,
     NgbAccordionModule,
     NgbNavModule,
-    CommonModule,
     ReactiveFormsModule,
     NgbTooltipModule,
     NgbButtonsModule,
@@ -114,6 +202,75 @@ import { CapAddressPipe } from './pipes/cap-address-pipe/cap-address-pipe';
     MempoolBlocksComponent,
     BlockchainBlocksComponent,
     AmountComponent,
+
+    StartComponent,
+    TransactionComponent,
+    BlockComponent,
+    TransactionsListComponent,
+    AddressComponent,
+    LatestBlocksComponent,
+    SearchFormComponent,
+    TimeSpanComponent,
+    AddressLabelsComponent,
+    FooterComponent,
+    AssetComponent,
+    AssetsComponent,
+    StatusViewComponent,
+    FeesBoxComponent,
+    DifficultyComponent,
+    TermsOfServiceComponent,
+    PrivacyPolicyComponent,
+    TrademarkPolicyComponent,
+    SponsorComponent,
+    PushTransactionComponent,
+    AssetsNavComponent,
+    AssetsFeaturedComponent,
+    AssetGroupComponent,
+    AssetCirculationComponent,
+    AmountShortenerPipe,
+    DifficultyAdjustmentsTable,
+    BlocksList,
+    DataCyDirective,
+    RewardStatsComponent,
+    LoadingIndicatorComponent,
+    IndexingProgressComponent,
   ]
 })
-export class SharedModule {}
+export class SharedModule {
+  constructor(library: FaIconLibrary) {
+    library.addIcons(faInfoCircle);
+    library.addIcons(faChartArea);
+    library.addIcons(faTv);
+    library.addIcons(faTachometerAlt);
+    library.addIcons(faCubes);
+    library.addIcons(faHammer);
+    library.addIcons(faCogs);
+    library.addIcons(faThList);
+    library.addIcons(faList);
+    library.addIcons(faTachometerAlt);
+    library.addIcons(faDatabase);
+    library.addIcons(faSearch);
+    library.addIcons(faLink);
+    library.addIcons(faBolt);
+    library.addIcons(faTint);
+    library.addIcons(faFilter);
+    library.addIcons(faAngleDown);
+    library.addIcons(faAngleUp);
+    library.addIcons(faExchangeAlt);
+    library.addIcons(faAngleDoubleUp);
+    library.addIcons(faAngleDoubleDown);
+    library.addIcons(faChevronDown);
+    library.addIcons(faFileAlt);
+    library.addIcons(faRedoAlt);
+    library.addIcons(faArrowAltCircleRight);
+    library.addIcons(faExternalLinkAlt);
+    library.addIcons(faSortUp);
+    library.addIcons(faCaretUp);
+    library.addIcons(faCaretDown);
+    library.addIcons(faAngleRight);
+    library.addIcons(faAngleLeft);
+    library.addIcons(faBook);
+    library.addIcons(faListUl);
+    library.addIcons(faDownload);
+  }
+}

From dfc19d11f323f6668646197fad4b8272fef5ddd2 Mon Sep 17 00:00:00 2001
From: nymkappa <vialjoris@hotmail.com>
Date: Fri, 20 May 2022 09:53:24 +0200
Subject: [PATCH 08/12] Set /mining/blocks/xxx APIs expiration to 60 seconds
 instead of 5 minutes

---
 backend/src/routes.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/backend/src/routes.ts b/backend/src/routes.ts
index c39d3ec56..d65b4f836 100644
--- a/backend/src/routes.ts
+++ b/backend/src/routes.ts
@@ -645,7 +645,7 @@ class Routes {
       res.header('Pragma', 'public');
       res.header('Cache-control', 'public');
       res.header('X-total-count', blockCount.toString());
-      res.setHeader('Expires', new Date(Date.now() + 1000 * 300).toUTCString());
+      res.setHeader('Expires', new Date(Date.now() + 1000 * 60).toUTCString());
       res.json(blockFees);
     } catch (e) {
       res.status(500).send(e instanceof Error ? e.message : e);
@@ -659,7 +659,7 @@ class Routes {
       res.header('Pragma', 'public');
       res.header('Cache-control', 'public');
       res.header('X-total-count', blockCount.toString());
-      res.setHeader('Expires', new Date(Date.now() + 1000 * 300).toUTCString());
+      res.setHeader('Expires', new Date(Date.now() + 1000 * 60).toUTCString());
       res.json(blockRewards);
     } catch (e) {
       res.status(500).send(e instanceof Error ? e.message : e);
@@ -672,7 +672,7 @@ class Routes {
       const oldestIndexedBlockTimestamp = await BlocksRepository.$oldestBlockTimestamp();
       res.header('Pragma', 'public');
       res.header('Cache-control', 'public');
-      res.setHeader('Expires', new Date(Date.now() + 1000 * 300).toUTCString());
+      res.setHeader('Expires', new Date(Date.now() + 1000 * 60).toUTCString());
       res.json({
         oldestIndexedBlockTimestamp: oldestIndexedBlockTimestamp,
         blockFeeRates: blockFeeRates,
@@ -690,7 +690,7 @@ class Routes {
       res.header('Pragma', 'public');
       res.header('Cache-control', 'public');
       res.header('X-total-count', blockCount.toString());
-      res.setHeader('Expires', new Date(Date.now() + 1000 * 300).toUTCString());
+      res.setHeader('Expires', new Date(Date.now() + 1000 * 60).toUTCString());
       res.json({
         sizes: blockSizes,
         weights: blockWeights

From 79bd744844360183c1f592f3171f5af636baf997 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Fri, 20 May 2022 13:41:30 +0400
Subject: [PATCH 09/12] Fixes broken fee rate calculation for mempool
 transactions

fixes #1684
---
 backend/src/api/bitcoin/bitcoin-api.ts | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/backend/src/api/bitcoin/bitcoin-api.ts b/backend/src/api/bitcoin/bitcoin-api.ts
index 48368a128..e52aaffaf 100644
--- a/backend/src/api/bitcoin/bitcoin-api.ts
+++ b/backend/src/api/bitcoin/bitcoin-api.ts
@@ -192,12 +192,9 @@ class BitcoinApi implements AbstractBitcoinApi {
     }
 
     if (addPrevout) {
-      if (transaction.confirmations) {
-        esploraTransaction = await this.$calculateFeeFromInputs(esploraTransaction);
-      } else {
-        esploraTransaction = await this.$appendMempoolFeeData(esploraTransaction);
-        esploraTransaction = await this.$calculateFeeFromInputs(esploraTransaction);
-      }
+      esploraTransaction = await this.$calculateFeeFromInputs(esploraTransaction);
+    } else if (!transaction.confirmations) {
+      esploraTransaction = await this.$appendMempoolFeeData(esploraTransaction);
     }
 
     return esploraTransaction;

From 3e80f159d52e53f5fb00a0cbb6df0799f77813a5 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Fri, 20 May 2022 15:08:45 +0400
Subject: [PATCH 10/12] Pre-load all lazy loaded modules

---
 frontend/src/app/app-routing.module.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/app-routing.module.ts b/frontend/src/app/app-routing.module.ts
index f3d3e3144..ae5860c78 100644
--- a/frontend/src/app/app-routing.module.ts
+++ b/frontend/src/app/app-routing.module.ts
@@ -1,5 +1,5 @@
 import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
+import { Routes, RouterModule, PreloadAllModules } from '@angular/router';
 import { StartComponent } from './components/start/start.component';
 import { TransactionComponent } from './components/transaction/transaction.component';
 import { BlockComponent } from './components/block/block.component';
@@ -537,7 +537,8 @@ if (browserWindowEnv && browserWindowEnv.BASE_MODULE === 'liquid') {
   imports: [RouterModule.forRoot(routes, {
     initialNavigation: 'enabled',
     scrollPositionRestoration: 'enabled',
-    anchorScrolling: 'enabled'
+    anchorScrolling: 'enabled',
+    preloadingStrategy: PreloadAllModules
   })],
 })
 export class AppRoutingModule { }

From 6daacac75ddd2c5f4162a80c04de29ec3f166cce Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Fri, 20 May 2022 17:54:06 +0400
Subject: [PATCH 11/12] Fixes for Liquid module routing

---
 frontend/src/app/app-routing.module.ts           | 2 +-
 frontend/src/app/graphs/graphs.routing.module.ts | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/app-routing.module.ts b/frontend/src/app/app-routing.module.ts
index ae5860c78..672d68686 100644
--- a/frontend/src/app/app-routing.module.ts
+++ b/frontend/src/app/app-routing.module.ts
@@ -500,7 +500,7 @@ if (browserWindowEnv && browserWindowEnv.BASE_MODULE === 'liquid') {
             },
             {
               path: '**',
-              redirectTo: 'all'
+              redirectTo: 'featured'
             }
           ]
         },
diff --git a/frontend/src/app/graphs/graphs.routing.module.ts b/frontend/src/app/graphs/graphs.routing.module.ts
index c8546e876..46649551a 100644
--- a/frontend/src/app/graphs/graphs.routing.module.ts
+++ b/frontend/src/app/graphs/graphs.routing.module.ts
@@ -7,6 +7,7 @@ import { BlockSizesWeightsGraphComponent } from '../components/block-sizes-weigh
 import { GraphsComponent } from '../components/graphs/graphs.component';
 import { HashrateChartComponent } from '../components/hashrate-chart/hashrate-chart.component';
 import { HashrateChartPoolsComponent } from '../components/hashrates-chart-pools/hashrate-chart-pools.component';
+import { LiquidMasterPageComponent } from '../components/liquid-master-page/liquid-master-page.component';
 import { MasterPageComponent } from '../components/master-page/master-page.component';
 import { MempoolBlockComponent } from '../components/mempool-block/mempool-block.component';
 import { MiningDashboardComponent } from '../components/mining-dashboard/mining-dashboard.component';
@@ -17,10 +18,15 @@ import { StatisticsComponent } from '../components/statistics/statistics.compone
 import { TelevisionComponent } from '../components/television/television.component';
 import { DashboardComponent } from '../dashboard/dashboard.component';
 
+const browserWindow = window || {};
+// @ts-ignore
+const browserWindowEnv = browserWindow.__env || {};
+const isLiquid = browserWindowEnv && browserWindowEnv.BASE_MODULE === 'liquid';
+
 const routes: Routes = [
   {
     path: '',
-    component: MasterPageComponent,
+    component: isLiquid ? LiquidMasterPageComponent : MasterPageComponent,
     children: [
       {
         path: 'mining/pool/:slug',

From 7b94e9e4b4839258c1a2b454b1819941fcba4d35 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Fri, 20 May 2022 18:22:04 +0400
Subject: [PATCH 12/12] Fixing the /graphs link and make it consistent

---
 .../src/app/components/master-page/master-page.component.html | 2 +-
 frontend/src/app/graphs/graphs.routing.module.ts              | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/components/master-page/master-page.component.html b/frontend/src/app/components/master-page/master-page.component.html
index 73543663b..c3c9b7ae3 100644
--- a/frontend/src/app/components/master-page/master-page.component.html
+++ b/frontend/src/app/components/master-page/master-page.component.html
@@ -38,7 +38,7 @@
         <a class="nav-link" [routerLink]="['/blocks' | relativeUrl]" (click)="collapse()"><fa-icon [icon]="['fas', 'cubes']" [fixedWidth]="true" i18n-title="master-page.blocks" title="Blocks"></fa-icon></a>
       </li>
       <li class="nav-item" routerLinkActive="active" id="btn-graphs">
-        <a class="nav-link" [routerLink]="['/graphs/mempool' | relativeUrl]" (click)="collapse()"><fa-icon [icon]="['fas', 'chart-area']" [fixedWidth]="true" i18n-title="master-page.graphs" title="Graphs"></fa-icon></a>
+        <a class="nav-link" [routerLink]="['/graphs' | relativeUrl]" (click)="collapse()"><fa-icon [icon]="['fas', 'chart-area']" [fixedWidth]="true" i18n-title="master-page.graphs" title="Graphs"></fa-icon></a>
       </li>
       <li class="nav-item d-none d-lg-block" routerLinkActive="active" id="btn-tv">
         <a class="nav-link" [routerLink]="['/tv' | relativeUrl]" (click)="collapse()"><fa-icon [icon]="['fas', 'tv']" [fixedWidth]="true" i18n-title="master-page.tvview" title="TV view"></fa-icon></a>
diff --git a/frontend/src/app/graphs/graphs.routing.module.ts b/frontend/src/app/graphs/graphs.routing.module.ts
index 46649551a..5f2e89b59 100644
--- a/frontend/src/app/graphs/graphs.routing.module.ts
+++ b/frontend/src/app/graphs/graphs.routing.module.ts
@@ -88,6 +88,10 @@ const routes: Routes = [
             path: 'mining/block-sizes-weights',
             component: BlockSizesWeightsGraphComponent,
           },
+          {
+            path: '',
+            redirectTo: 'mempool',
+          },
         ]
       },
       {