Merge pull request #1375 from nymkappa/feature/index-coinbase-scriptsig

Index asciiScriptSig and display it in /mining/blocks

backend/src/api/blocks.ts

@@ -108,9 +108,7 @@ class Blocks {
     const blockExtended: BlockExtended = Object.assign({ extras: {} }, block);
     blockExtended.extras.reward = transactions[0].vout.reduce((acc, curr) => acc + curr.value, 0);
     blockExtended.extras.coinbaseTx = transactionUtils.stripCoinbaseTransaction(transactions[0]);
-
+    blockExtended.extras.coinbaseRaw = blockExtended.extras.coinbaseTx.vin[0].scriptsig;
-    const coinbaseRaw: IEsploraApi.Transaction = await bitcoinApi.$getRawTransaction(transactions[0].txid, true, false, block.id);
-    blockExtended.extras.coinbaseRaw = coinbaseRaw.hex;
 
     if (block.height === 0) {
       blockExtended.extras.medianFee = 0; // 50th percentiles
@@ -410,6 +408,7 @@ class Blocks {
       weight: block.weight,
       previousblockhash: block.previousblockhash,
       extras: {
+        coinbaseRaw: block.coinbase_raw ?? block.extras.coinbaseRaw,
         medianFee: block.medianFee ?? block.median_fee ?? block.extras?.medianFee,
         feeRange: block.feeRange ?? block.fee_range ?? block?.extras?.feeSpan,
         reward: block.reward ?? block?.extras?.reward,

backend/src/api/database-migration.ts

@@ -6,7 +6,7 @@ import logger from '../logger';
 const sleep = (ms: number) => new Promise(res => setTimeout(res, ms));
 
 class DatabaseMigration {
-  private static currentVersion = 14;
+  private static currentVersion = 15;
   private queryTimeout = 120000;
   private statisticsAddedIndexed = false;
 

backend/src/repositories/BlocksRepository.ts

@@ -56,7 +56,7 @@ class BlocksRepository {
         logger.debug(`$saveBlockInDatabase() - Block ${block.height} has already been indexed, ignoring`);
       } else {
         connection.release();
-        logger.err('$saveBlockInDatabase() error' + (e instanceof Error ? e.message : e));
+        logger.err('$saveBlockInDatabase() error: ' + (e instanceof Error ? e.message : e));
         throw e;
       }
     }

frontend/src/app/components/blocks-list/blocks-list.component.html

@@ -24,11 +24,14 @@
               }}</a>
           </td>
           <td class="pool text-left" [class]="widget ? 'widget' : ''">
-            <a class="clear-link" [routerLink]="[('/mining/pool/' + block.extras.pool.id) | relativeUrl]">
+            <div class="tooltip-custom">
-              <img width="25" height="25" src="{{ block.extras.pool['logo'] }}"
+              <a class="clear-link" [routerLink]="[('/mining/pool/' + block.extras.pool.id) | relativeUrl]">
-                onError="this.src = './resources/mining-pools/default.svg'">
+                <img width="25" height="25" src="{{ block.extras.pool['logo'] }}"
-              <span class="pool-name">{{ block.extras.pool.name }}</span>
+                  onError="this.src = './resources/mining-pools/default.svg'">
-            </a>
+                <span class="pool-name">{{ block.extras.pool.name }}</span>
+              </a>
+              <span class="tooltiptext">{{ block.extras.coinbaseRaw | hex2ascii }}</span>
+            </div>
           </td>
           <td class="timestamp" *ngIf="!widget">
             &lrm;{{ block.timestamp * 1000 | date:'yyyy-MM-dd HH:mm' }}

frontend/src/app/components/blocks-list/blocks-list.component.scss

@@ -122,3 +122,27 @@ td {
     display: none;
   }
 }
+
+/* Tooltip text */
+.tooltip-custom {
+  position: relative; 
+}
+
+.tooltip-custom .tooltiptext {
+  visibility: hidden;
+  background-color: black;
+  color: #fff;
+  text-align: center;
+  padding: 5px 0;
+  border-radius: 6px;
+  position: absolute;
+  z-index: 1;
+  // width: 120px;
+  top: -40px;
+  left: 0;
+}
+
+/* Show the tooltip text when you mouse over the tooltip container */
+.tooltip-custom:hover .tooltiptext {
+  visibility: visible;
+}

frontend/src/app/interfaces/node-api.interface.ts

@@ -102,6 +102,7 @@ export interface BlockExtension {
   feeRange?: number[];
   reward?: number;
   coinbaseTx?: Transaction;
+  coinbaseRaw?: string;
   matchRate?: number;
   pool?: {
     id: number;

frontend/src/app/shared/pipes/hex2ascii/hex2ascii.pipe.ts

@@ -15,11 +15,11 @@ export class Hex2asciiPipe implements PipeTransform {
     if (!hex) {
       return '';
     }
-    let bytes: number[] = [];
+    const bytes: number[] = [];
     for (let i = 0; i < hex.length; i += 2) {
       bytes.push(parseInt(hex.substr(i, 2), 16));
     }
-    return new TextDecoder('utf8').decode(Uint8Array.from(bytes));
+    return new TextDecoder('utf8').decode(Uint8Array.from(bytes)).replace(/\uFFFD/g, '').replace(/\\0/g, '');
   }
 
 }