Move our custom fields to a BlockExtension sub object of the IEsploraApi.Block interface

frontend/src/app/interfaces/electrs.interface.ts

@@ -107,14 +107,6 @@ export interface Block {
   size: number;
   weight: number;
   previousblockhash: string;
-
-  // Custom properties
-  medianFee?: number;
-  feeRange?: number[];
-  reward?: number;
-  coinbaseTx?: Transaction;
-  matchRate: number;
-  stage: number;
 }
 
 export interface Address {

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

@@ -1,3 +1,5 @@
+import { Block, Transaction } from "./electrs.interface";
+
 export interface OptimizedMempoolStats {
   added: number;
   vbytes_per_second: number;
@@ -80,3 +82,17 @@ export interface MiningStats {
   pools: SinglePoolStats[],
 }
 
+export interface BlockExtension {
+  medianFee?: number;
+  feeRange?: number[];
+  reward?: number;
+  coinbaseTx?: Transaction;
+  matchRate?: number;
+
+  stage?: number; // Frontend only
+}
+
+export interface BlockExtended extends Block {
+  extra?: BlockExtension;
+}
+

frontend/src/app/interfaces/websocket.interface.ts

@@ -1,9 +1,10 @@
 import { ILoadingIndicators } from '../services/state.service';
-import { Block, Transaction } from './electrs.interface';
+import { Transaction } from './electrs.interface';
+import { BlockExtended } from './node-api.interface';
 
 export interface WebsocketResponse {
-  block?: Block;
-  blocks?: Block[];
+  block?: BlockExtended;
+  blocks?: BlockExtended[];
   conversions?: any;
   txConfirmed?: boolean;
   historicalDate?: string;