Rename some more relative paths to use @app path alias

frontend/src/app/app-routing.module.ts

@@ -60,12 +60,12 @@ let routes: Routes = [
       {
         path: '',
         pathMatch: 'full',
-        loadChildren: () => import('./bitcoin-graphs.module').then(m => m.BitcoinGraphsModule),
+        loadChildren: () => import('@app/bitcoin-graphs.module').then(m => m.BitcoinGraphsModule),
         data: { preload: true },
       },
       {
         path: '',
-        loadChildren: () => import('./master-page.module').then(m => m.MasterPageModule),
+        loadChildren: () => import('@app/master-page.module').then(m => m.MasterPageModule),
         data: { preload: true },
       },
       {
@@ -83,7 +83,7 @@ let routes: Routes = [
       },
       {
         path: '',
-        loadChildren: () => import('./bitcoin-graphs.module').then(m => m.BitcoinGraphsModule),
+        loadChildren: () => import('@app/bitcoin-graphs.module').then(m => m.BitcoinGraphsModule),
         data: { preload: true },
       },
       {
@@ -103,12 +103,12 @@ let routes: Routes = [
       {
         path: '',
         pathMatch: 'full',
-        loadChildren: () => import('./bitcoin-graphs.module').then(m => m.BitcoinGraphsModule),
+        loadChildren: () => import('@app/bitcoin-graphs.module').then(m => m.BitcoinGraphsModule),
         data: { preload: true },
       },
       {
         path: '',
-        loadChildren: () => import('./master-page.module').then(m => m.MasterPageModule),
+        loadChildren: () => import('@app/master-page.module').then(m => m.MasterPageModule),
         data: { preload: true },
       },
       {
@@ -126,7 +126,7 @@ let routes: Routes = [
       },
       {
         path: '',
-        loadChildren: () => import('./bitcoin-graphs.module').then(m => m.BitcoinGraphsModule),
+        loadChildren: () => import('@app/bitcoin-graphs.module').then(m => m.BitcoinGraphsModule),
         data: { preload: true },
       },
       {
@@ -138,7 +138,7 @@ let routes: Routes = [
   {
     path: '',
     pathMatch: 'full',
-    loadChildren: () => import('./bitcoin-graphs.module').then(m => m.BitcoinGraphsModule),
+    loadChildren: () => import('@app/bitcoin-graphs.module').then(m => m.BitcoinGraphsModule),
     data: { preload: true },
   },
   {
@@ -149,7 +149,7 @@ let routes: Routes = [
   },
   {
     path: '',
-    loadChildren: () => import('./master-page.module').then(m => m.MasterPageModule),
+    loadChildren: () => import('@app/master-page.module').then(m => m.MasterPageModule),
     data: { preload: true },
   },
   {
@@ -165,19 +165,19 @@ let routes: Routes = [
     children: [
       {
         path: '',
-        loadChildren: () => import('./previews.module').then(m => m.PreviewsModule)
+        loadChildren: () => import('@app/previews.module').then(m => m.PreviewsModule)
       },
       {
         path: 'testnet',
-        loadChildren: () => import('./previews.module').then(m => m.PreviewsModule)
+        loadChildren: () => import('@app/previews.module').then(m => m.PreviewsModule)
       },
       {
         path: 'testnet4',
-        loadChildren: () => import('./previews.module').then(m => m.PreviewsModule)
+        loadChildren: () => import('@app/previews.module').then(m => m.PreviewsModule)
       },
       {
         path: 'signet',
-        loadChildren: () => import('./previews.module').then(m => m.PreviewsModule)
+        loadChildren: () => import('@app/previews.module').then(m => m.PreviewsModule)
       },
     ],
   },
@@ -212,7 +212,7 @@ let routes: Routes = [
   },
   {
     path: '',
-    loadChildren: () => import('./bitcoin-graphs.module').then(m => m.BitcoinGraphsModule),
+    loadChildren: () => import('@app/bitcoin-graphs.module').then(m => m.BitcoinGraphsModule),
     data: { preload: true },
   },
 ];
@@ -225,12 +225,12 @@ if (browserWindowEnv && browserWindowEnv.BASE_MODULE === 'liquid') {
         {
           path: '',
           pathMatch: 'full',
-          loadChildren: () => import('./liquid/liquid-graphs.module').then(m => m.LiquidGraphsModule),
+          loadChildren: () => import('@app/liquid/liquid-graphs.module').then(m => m.LiquidGraphsModule),
           data: { preload: true },
         },
         {
           path: '',
-          loadChildren: () => import ('./liquid/liquid-master-page.module').then(m => m.LiquidMasterPageModule),
+          loadChildren: () => import ('@app/liquid/liquid-master-page.module').then(m => m.LiquidMasterPageModule),
           data: { preload: true },
         },
         {
@@ -248,7 +248,7 @@ if (browserWindowEnv && browserWindowEnv.BASE_MODULE === 'liquid') {
         },
         {
           path: '',
-          loadChildren: () => import('./liquid/liquid-graphs.module').then(m => m.LiquidGraphsModule),
+          loadChildren: () => import('@app/liquid/liquid-graphs.module').then(m => m.LiquidGraphsModule),
           data: { preload: true },
         },
         {
@@ -260,12 +260,12 @@ if (browserWindowEnv && browserWindowEnv.BASE_MODULE === 'liquid') {
     {
       path: '',
       pathMatch: 'full',
-      loadChildren: () => import('./liquid/liquid-graphs.module').then(m => m.LiquidGraphsModule),
+      loadChildren: () => import('@app/liquid/liquid-graphs.module').then(m => m.LiquidGraphsModule),
       data: { preload: true },
     },
     {
       path: '',
-      loadChildren: () => import ('./liquid/liquid-master-page.module').then(m => m.LiquidMasterPageModule),
+      loadChildren: () => import ('@app/liquid/liquid-master-page.module').then(m => m.LiquidMasterPageModule),
       data: { preload: true },
     },
     {
@@ -281,11 +281,11 @@ if (browserWindowEnv && browserWindowEnv.BASE_MODULE === 'liquid') {
       children: [
         {
           path: '',
-          loadChildren: () => import('./previews.module').then(m => m.PreviewsModule)
+          loadChildren: () => import('@app/previews.module').then(m => m.PreviewsModule)
         },
         {
           path: 'testnet',
-          loadChildren: () => import('./previews.module').then(m => m.PreviewsModule)
+          loadChildren: () => import('@app/previews.module').then(m => m.PreviewsModule)
         },
       ],
     },
@@ -296,7 +296,7 @@ if (browserWindowEnv && browserWindowEnv.BASE_MODULE === 'liquid') {
     },
     {
       path: '',
-      loadChildren: () => import('./liquid/liquid-graphs.module').then(m => m.LiquidGraphsModule),
+      loadChildren: () => import('@app/liquid/liquid-graphs.module').then(m => m.LiquidGraphsModule),
       data: { preload: true },
     },
   ];

frontend/src/app/bitcoin-graphs.module.ts

@@ -7,7 +7,7 @@ const routes: Routes = [
   {
     path: '',
     component: MasterPageComponent,
-    loadChildren: () => import('./graphs/graphs.module').then(m => m.GraphsModule),
+    loadChildren: () => import('@app/graphs/graphs.module').then(m => m.GraphsModule),
     data: { preload: true },
   }
 ];

frontend/src/app/components/block-overview-graph/block-overview-graph.component.ts

@@ -1,15 +1,15 @@
 import { Component, ElementRef, ViewChild, HostListener, Input, Output, EventEmitter, NgZone, AfterViewInit, OnDestroy, OnChanges } from '@angular/core';
 import { TransactionStripped } from '@interfaces/node-api.interface';
-import { FastVertexArray } from './fast-vertex-array';
+import { FastVertexArray } from '@components/block-overview-graph/fast-vertex-array';
-import BlockScene from './block-scene';
+import BlockScene from '@components/block-overview-graph/block-scene';
-import TxSprite from './tx-sprite';
+import TxSprite from '@components/block-overview-graph/tx-sprite';
-import TxView from './tx-view';
+import TxView from '@components/block-overview-graph/tx-view';
 import { Color, Position } from '@components/block-overview-graph/sprite-types';
 import { Price } from '@app/services/price.service';
 import { StateService } from '@app/services/state.service';
 import { ThemeService } from '@app/services/theme.service';
 import { Subscription } from 'rxjs';
-import { defaultColorFunction, setOpacity, defaultAuditColors, defaultColors, ageColorFunction, contrastColorFunction, contrastAuditColors, contrastColors } from './utils';
+import { defaultColorFunction, setOpacity, defaultAuditColors, defaultColors, ageColorFunction, contrastColorFunction, contrastAuditColors, contrastColors } from '@components/block-overview-graph/utils';
 import { ActiveFilter, FilterMode, toFlags } from '@app/shared/filters.utils';
 import { detectWebGL } from '@app/shared/graphs.utils';
 

frontend/src/app/components/block-overview-graph/block-scene.ts

@@ -1,8 +1,8 @@
-import { FastVertexArray } from './fast-vertex-array';
+import { FastVertexArray } from '@components/block-overview-graph/fast-vertex-array';
-import TxView from './tx-view';
+import TxView from '@components/block-overview-graph/tx-view';
 import { TransactionStripped } from '@interfaces/node-api.interface';
-import { Color, Position, Square, ViewUpdateParams } from './sprite-types';
+import { Color, Position, Square, ViewUpdateParams } from '@components/block-overview-graph/sprite-types';
-import { defaultColorFunction, contrastColorFunction } from './utils';
+import { defaultColorFunction, contrastColorFunction } from '@components/block-overview-graph/utils';
 import { ThemeService } from '@app/services/theme.service';
 
 export default class BlockScene {

frontend/src/app/components/block-overview-graph/fast-vertex-array.ts

@@ -8,7 +8,7 @@
   or compacting into a smaller Float32Array when there's space to do so.
 */
 
-import TxSprite from './tx-sprite';
+import TxSprite from '@components/block-overview-graph/tx-sprite';
 
 export class FastVertexArray {
   length: number;

frontend/src/app/components/block-overview-graph/tx-sprite.ts

@@ -1,5 +1,5 @@
-import { FastVertexArray } from './fast-vertex-array';
+import { FastVertexArray } from '@components/block-overview-graph/fast-vertex-array';
-import { InterpolatedAttribute, Attributes, OptionalAttributes, SpriteUpdateParams, Update } from './sprite-types';
+import { InterpolatedAttribute, Attributes, OptionalAttributes, SpriteUpdateParams, Update } from '@components/block-overview-graph/sprite-types';
 
 const attribKeys = ['a', 'b', 't', 'v'];
 const updateKeys = ['x', 'y', 's', 'r', 'g', 'b', 'a'];

frontend/src/app/components/block-overview-graph/tx-view.ts

@@ -1,8 +1,8 @@
-import TxSprite from './tx-sprite';
+import TxSprite from '@components/block-overview-graph/tx-sprite';
-import { FastVertexArray } from './fast-vertex-array';
+import { FastVertexArray } from '@components/block-overview-graph/fast-vertex-array';
-import { SpriteUpdateParams, Square, Color, ViewUpdateParams } from './sprite-types';
+import { SpriteUpdateParams, Square, Color, ViewUpdateParams } from '@components/block-overview-graph/sprite-types';
-import { hexToColor } from './utils';
+import { hexToColor } from '@components/block-overview-graph/utils';
-import BlockScene from './block-scene';
+import BlockScene from '@components/block-overview-graph/block-scene';
 import { TransactionStripped } from '@interfaces/node-api.interface';
 import { TransactionFlags } from '@app/shared/filters.utils';
 

frontend/src/app/components/block-overview-graph/utils.ts

@@ -1,6 +1,6 @@
 import { feeLevels, defaultMempoolFeeColors, contrastMempoolFeeColors } from '@app/app.constants';
-import { Color } from './sprite-types';
+import { Color } from '@components/block-overview-graph/sprite-types';
-import TxView from './tx-view';
+import TxView from '@components/block-overview-graph/tx-view';
 
 export function hexToColor(hex: string): Color {
   return {

frontend/src/app/components/ngx-bootstrap-multiselect/ngx-bootstrap-multiselect.component.ts

@@ -24,8 +24,8 @@ import {
 } from '@angular/forms';
 
 import { takeUntil } from 'rxjs/operators';
-import { MultiSelectSearchFilter } from './search-filter.pipe';
+import { MultiSelectSearchFilter } from '@components/ngx-bootstrap-multiselect/search-filter.pipe';
-import { IMultiSelectOption, IMultiSelectSettings, IMultiSelectTexts, } from './types';
+import { IMultiSelectOption, IMultiSelectSettings, IMultiSelectTexts, } from '@components/ngx-bootstrap-multiselect/types';
 import { Subject, Observable } from 'rxjs';
 
 const MULTISELECT_VALUE_ACCESSOR: any = {

frontend/src/app/components/ngx-bootstrap-multiselect/search-filter.pipe.ts

@@ -1,5 +1,5 @@
 import { Pipe, PipeTransform } from '@angular/core';
-import { IMultiSelectOption } from './types';
+import { IMultiSelectOption } from '@components/ngx-bootstrap-multiselect/types';
 
 interface StringHashMap<T> {
   [k: string]: T;

frontend/src/app/components/transaction/liquid-ublinding.ts

@@ -34,7 +34,7 @@ export class LiquidUnblinding {
   }
 
   async makeCommitmentMap(blinders: any) {
-    const libwally = await import('./libwally.js');
+    const libwally = await import('@components/transaction/libwally.js');
     await libwally.load();
     const commitments = new Map();
     blinders.forEach(b => {

frontend/src/app/components/transaction/transaction-preview.component.ts

@@ -17,7 +17,7 @@ import { ApiService } from '@app/services/api.service';
 import { SeoService } from '@app/services/seo.service';
 import { seoDescriptionNetwork } from '@app/shared/common.utils';
 import { CpfpInfo } from '@interfaces/node-api.interface';
-import { LiquidUnblinding } from './liquid-ublinding';
+import { LiquidUnblinding } from '@components/transaction/liquid-ublinding';
 
 @Component({
   selector: 'app-transaction-preview',

frontend/src/app/docs/api-docs/api-docs-nav.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
 import { Env, StateService } from '@app/services/state.service';
-import { restApiDocsData } from './api-docs-data';
+import { restApiDocsData } from '@app/docs/api-docs/api-docs-data';
-import { faqData } from './api-docs-data';
+import { faqData } from '@app/docs/api-docs/api-docs-data';
 
 @Component({
   selector: 'app-api-docs-nav',

frontend/src/app/graphs/graphs.module.ts

@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { NgxEchartsModule } from 'ngx-echarts';
-import { GraphsRoutingModule } from './graphs.routing.module';
+import { GraphsRoutingModule } from '@app/graphs/graphs.routing.module';
 import { SharedModule } from '@app/shared/shared.module';
 
 import { AccelerationFeesGraphComponent } from '@components/acceleration/acceleration-fees-graph/acceleration-fees-graph.component';
@@ -89,7 +89,7 @@ import { CommonModule } from '@angular/common';
     SharedModule,
     GraphsRoutingModule,
     NgxEchartsModule.forRoot({
-      echarts: () => import('./echarts').then(m => m.echarts),
+      echarts: () => import('@app/graphs/echarts').then(m => m.echarts),
     })
   ],
   exports: [

frontend/src/app/graphs/graphs.routing.module.ts

@@ -156,7 +156,7 @@ const routes: Routes = [
           {
             path: 'lightning',
             data: { preload: true, networks: ['bitcoin'] },
-            loadChildren: () => import ('./lightning-graphs.module').then(m => m.LightningGraphsModule),
+            loadChildren: () => import ('@app/graphs/lightning-graphs.module').then(m => m.LightningGraphsModule),
           },
           {
             path: '',

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

@@ -1,7 +1,7 @@
 import { SafeResourceUrl } from '@angular/platform-browser';
 import { ILoadingIndicators } from '@app/services/state.service';
 import { Transaction } from '@interfaces/electrs.interface';
-import { Acceleration, BlockExtended, DifficultyAdjustment, RbfTree, TransactionStripped } from './node-api.interface';
+import { Acceleration, BlockExtended, DifficultyAdjustment, RbfTree, TransactionStripped } from '@interfaces/node-api.interface';
 
 export interface WebsocketResponse {
   backend?: 'esplora' | 'electrum' | 'none';

frontend/src/app/master-page.module.ts

@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { Routes, RouterModule, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
 import { MasterPageComponent } from '@components/master-page/master-page.component';
-import { SharedModule } from './shared/shared.module';
+import { SharedModule } from '@app/shared/shared.module';
 
 import { StartComponent } from '@components/start/start.component';
 import { PushTransactionComponent } from '@components/push-transaction/push-transaction.component';
@@ -82,16 +82,16 @@ const routes: Routes = [
       },
       {
         path: 'docs',
-        loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule),
+        loadChildren: () => import('@app/docs/docs.module').then(m => m.DocsModule),
         data: { preload: true },
       },
       {
         path: 'api',
-        loadChildren: () => import('./docs/docs.module').then(m => m.DocsModule)
+        loadChildren: () => import('@app/docs/docs.module').then(m => m.DocsModule)
       },
       {
         path: 'lightning',
-        loadChildren: () => import('./lightning/lightning.module').then(m => m.LightningModule),
+        loadChildren: () => import('@app/lightning/lightning.module').then(m => m.LightningModule),
         data: { preload: browserWindowEnv && browserWindowEnv.LIGHTNING === true, networks: ['bitcoin'] },
       },
       {

frontend/src/app/previews.module.ts

@@ -1,9 +1,9 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { SharedModule } from './shared/shared.module';
+import { SharedModule } from '@app/shared/shared.module';
 import { RouterModule } from '@angular/router';
-import { GraphsModule } from './graphs/graphs.module';
+import { GraphsModule } from '@app/graphs/graphs.module';
-import { PreviewsRoutingModule } from './previews.routing.module';
+import { PreviewsRoutingModule } from '@app/previews.routing.module';
 import { TransactionPreviewComponent } from '@components/transaction/transaction-preview.component';
 import { BlockPreviewComponent } from '@components/block/block-preview.component';
 import { AddressPreviewComponent } from '@components/address/address-preview.component';

frontend/src/app/previews.routing.module.ts

@@ -31,7 +31,7 @@ const routes: Routes = [
       },
       {
         path: 'lightning',
-        loadChildren: () => import('./lightning/lightning-previews.module').then(m => m.LightningPreviewsModule),
+        loadChildren: () => import('@app/lightning/lightning-previews.module').then(m => m.LightningPreviewsModule),
         data: { preload: true },
       },
     ],

frontend/src/app/route-guards.ts

@@ -1,6 +1,6 @@
 import { Injectable, inject } from '@angular/core';
 import { CanMatchFn, Route, Router, UrlSegment } from '@angular/router';
-import { NavigationService } from './services/navigation.service';
+import { NavigationService } from '@app/services/navigation.service';
 
 @Injectable({
   providedIn: 'root'
@@ -20,4 +20,4 @@ class GuardService {
 
 export const TrackerGuard: CanMatchFn = (route: Route, segments: UrlSegment[]): boolean => {
   return inject(GuardService).trackerGuard(route, segments);
-};
+};

frontend/src/app/services/auth.service.ts

@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { Router } from '@angular/router';
 import { catchError, map, Observable, of, ReplaySubject, switchMap, tap } from 'rxjs';
-import { ServicesApiServices } from './services-api.service';
+import { ServicesApiServices } from '@app/services/services-api.service';
 
 export interface IAuth {
   token: string;

frontend/src/app/services/enterprise.service.ts

@@ -1,8 +1,8 @@
 import { DOCUMENT } from '@angular/common';
 import { Inject, Injectable } from '@angular/core';
-import { ApiService } from './api.service';
+import { ApiService } from '@app/services/api.service';
-import { SeoService } from './seo.service';
+import { SeoService } from '@app/services/seo.service';
-import { StateService } from './state.service';
+import { StateService } from '@app/services/state.service';
 import { ActivatedRoute } from '@angular/router';
 import { BehaviorSubject } from 'rxjs';
 

frontend/src/app/services/opengraph.service.ts

@@ -3,8 +3,8 @@ import { Meta } from '@angular/platform-browser';
 import { Router, ActivatedRoute, NavigationEnd } from '@angular/router';
 import { filter, map, switchMap } from 'rxjs/operators';
 import { combineLatest } from 'rxjs';
-import { StateService } from './state.service';
+import { StateService } from '@app/services/state.service';
-import { LanguageService } from './language.service';
+import { LanguageService } from '@app/services/language.service';
 
 @Injectable({
   providedIn: 'root'

frontend/src/app/services/ord-api.service.ts

@@ -4,7 +4,7 @@ import { Inscription } from '@app/shared/ord/inscription.utils';
 import { Transaction } from '@interfaces/electrs.interface';
 import { getNextInscriptionMark, hexToBytes, extractInscriptionData } from '@app/shared/ord/inscription.utils';
 import { decipherRunestone, Runestone, Etching, UNCOMMON_GOODS } from '@app/shared/ord/rune.utils';
-import { ElectrsApiService } from './electrs-api.service';
+import { ElectrsApiService } from '@app/services/electrs-api.service';
 
 
 @Injectable({

frontend/src/app/services/price.service.ts

@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { map, Observable, of, share, shareReplay, tap } from 'rxjs';
-import { ApiService } from './api.service';
+import { ApiService } from '@app/services/api.service';
-import { StateService } from './state.service';
+import { StateService } from '@app/services/state.service';
 
 // nodejs backend interfaces
 export interface ApiPrice {
@@ -320,4 +320,4 @@ export class PriceService {
         return prices;
       }));
   }
-}
+}

frontend/src/app/services/seo.service.ts

@@ -2,7 +2,7 @@ import { Injectable } from '@angular/core';
 import { Title, Meta } from '@angular/platform-browser';
 import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
 import { filter, map, switchMap } from 'rxjs';
-import { StateService } from './state.service';
+import { StateService } from '@app/services/state.service';
 
 @Injectable({
   providedIn: 'root'

frontend/src/app/services/state.service.ts

@@ -6,7 +6,7 @@ import { Acceleration, AccelerationPosition, BlockExtended, CpfpInfo, Difficulty
 import { Router, NavigationStart } from '@angular/router';
 import { isPlatformBrowser } from '@angular/common';
 import { filter, map, scan, share, shareReplay } from 'rxjs/operators';
-import { StorageService } from './storage.service';
+import { StorageService } from '@app/services/storage.service';
 import { hasTouchScreen } from '@app/shared/pipes/bytes-pipe/utils';
 import { ActiveFilter } from '@app/shared/filters.utils';
 

frontend/src/app/services/websocket.service.ts

@@ -4,10 +4,10 @@ import { WebsocketResponse } from '@interfaces/websocket.interface';
 import { StateService } from '@app/services/state.service';
 import { Transaction } from '@interfaces/electrs.interface';
 import { firstValueFrom, Subscription } from 'rxjs';
-import { ApiService } from './api.service';
+import { ApiService } from '@app/services/api.service';
 import { take } from 'rxjs/operators';
 import { TransferState, makeStateKey } from '@angular/core';
-import { CacheService } from './cache.service';
+import { CacheService } from '@app/services/cache.service';
 import { uncompressDeltaChange, uncompressTx } from '@app/shared/common.utils';
 
 const OFFLINE_RETRY_AFTER_MS = 2000;

frontend/src/app/shared/pipes/bytes-pipe/bytes.pipe.ts

@@ -1,6 +1,6 @@
 /* tslint:disable */
 import { Pipe, PipeTransform } from '@angular/core';
-import { isNumberFinite, isPositive, isInteger, toDecimal, toSigFigs } from './utils';
+import { isNumberFinite, isPositive, isInteger, toDecimal, toSigFigs } from '@app/shared/pipes/bytes-pipe/utils';
 
 export type ByteUnit = 'B' | 'kB' | 'MB' | 'GB' | 'TB';
 

frontend/src/app/shared/pipes/bytes-pipe/vbytes.pipe.ts

@@ -1,6 +1,6 @@
 /* tslint:disable */
 import { Pipe, PipeTransform } from '@angular/core';
-import { isNumberFinite, isPositive, isInteger, toDecimal } from './utils';
+import { isNumberFinite, isPositive, isInteger, toDecimal } from '@app/shared/pipes/bytes-pipe/utils';
 
 export type ByteUnit = 'vB' | 'kvB' | 'MvB' | 'GvB' | 'TvB';
 

frontend/src/app/shared/pipes/bytes-pipe/wubytes.pipe.ts

@@ -1,6 +1,6 @@
 /* tslint:disable */
 import { Pipe, PipeTransform } from '@angular/core';
-import { isNumberFinite, isPositive, isInteger, toDecimal } from './utils';
+import { isNumberFinite, isPositive, isInteger, toDecimal } from '@app/shared/pipes/bytes-pipe/utils';
 
 export type ByteUnit = 'WU' | 'kWU' | 'MWU' | 'GWU' | 'TWU';
 

frontend/src/app/shared/transaction.utils.ts

@@ -1,5 +1,5 @@
-import { TransactionFlags } from './filters.utils';
+import { TransactionFlags } from '@app/shared/filters.utils';
-import { getVarIntLength, opcodes, parseMultisigScript, isPoint } from './script.utils';
+import { getVarIntLength, opcodes, parseMultisigScript, isPoint } from '@app/shared/script.utils';
 import { Transaction } from '@interfaces/electrs.interface';
 import { CpfpInfo, RbfInfo, TransactionStripped } from '@interfaces/node-api.interface';
 import { StateService } from '@app/services/state.service';