Renaming file assets folder to resources to not confuse with Liquid assets.

frontend/.gitignore

@@ -45,6 +45,5 @@ testem.log
 .DS_Store
 Thumbs.db
 
-src/assets/assets.json
-src/assets/assets.minimal.json
-src/assets/asset.icons.json
+src/resources/assets.json
+src/resources/assets.minimal.json

frontend/angular.json

@@ -25,7 +25,7 @@
             "aot": true,
             "assets": [
               "src/favicon.ico",
-              "src/assets"
+              "src/resources"
             ],
             "styles": [
               "src/styles.scss"
@@ -88,7 +88,7 @@
             "karmaConfig": "karma.conf.js",
             "assets": [
               "src/favicon.ico",
-              "src/assets"
+              "src/resources"
             ],
             "styles": [
               "src/styles.scss"

frontend/src/app/components/about/about.component.html

@@ -1,7 +1,7 @@
 <div class="container-xl">
   <div class="text-center">
     <br />
-    <img src="./assets/mempool-tube.png" width="63" height="63" />
+    <img src="./resources/mempool-tube.png" width="63" height="63" />
     <br /><br />
 
     <h1>Contributors</h1>

frontend/src/app/components/blockchain/blockchain.component.scss

@@ -3,7 +3,7 @@
   height: 200px;
   left: 0;
   top: -50px;
-  background-image: url('/assets/divider-new.png');
+  background-image: url('/resources/divider-new.png');
   background-repeat: repeat-y;
   position: absolute;
   margin-bottom: 120px;

frontend/src/app/components/clipboard/clipboard.component.html

@@ -1,5 +1,5 @@
 <span #buttonWrapper [attr.data-tlite]="'Copied!'" style="position: relative;">
   <button #btn class="btn btn-sm btn-link pt-0" style="line-height: 1;" [attr.data-clipboard-text]="text"> 
-    <img src="./assets/clippy.svg" width="13">
+    <img src="./resources/clippy.svg" width="13">
   </button>
 </span>

frontend/src/app/components/master-page/master-page.component.html

@@ -1,7 +1,7 @@
 <header>
   <nav class="navbar navbar-expand-md navbar-dark bg-dark">
   <a class="navbar-brand" routerLink="/" style="position: relative;">
-    <img src="./assets/mempool-logo.png" height="35" width="140" class="logo" [ngStyle]="{'opacity': connectionState === 2 ? 1 : 0.5 }">
+    <img src="./resources/mempool-logo.png" height="35" width="140" class="logo" [ngStyle]="{'opacity': connectionState === 2 ? 1 : 0.5 }">
     <div class="badge badge-warning connection-badge" *ngIf="connectionState === 0">Offline</div>
     <div class="badge badge-warning connection-badge" style="left: 30px;" *ngIf="connectionState === 1">Reconnecting...</div>
   </a>
@@ -19,7 +19,7 @@
         <a class="nav-link" routerLink="/graphs" (click)="collapse()">Graphs</a>
       </li>
       <li class="nav-item" routerLinkActive="active">
-        <a class="nav-link" routerLink="/tv" (click)="collapse()">TV view &nbsp;<img src="./assets/expand.png" width="15"/></a>
+        <a class="nav-link" routerLink="/tv" (click)="collapse()">TV view &nbsp;<img src="./resources/expand.png" width="15"/></a>
       </li>
       <li class="nav-item" routerLinkActive="active">
         <a class="nav-link" routerLink="/assets" (click)="collapse()">Assets</a>

frontend/src/app/components/television/television.component.scss

@@ -23,7 +23,7 @@
   height: 175px;
   left: 0;
   top: -40px;
-  background-image: url('/assets/divider-new.png');
+  background-image: url('/resources/divider-new.png');
   background-repeat: repeat-y;
   position: absolute;
 }

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

@@ -20,13 +20,13 @@ export class AssetsService {
   }
 
   getAssetsMinimalJson$() {
-    this.httpClient.get('/assets/assets.minimal.json')
+    this.httpClient.get('/resources/assets.minimal.json')
     .subscribe((data) => {
       this.assetsMinimal$.next(data);
     });
   }
 
   getAssetsJson$() {
-    return this.httpClient.get('/assets/assets.json');
+    return this.httpClient.get('/resources/assets.json');
   }
 }

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

@@ -10,7 +10,7 @@ export class AudioService {
 
   public playSound(name: 'magic' | 'chime' | 'cha-ching') {
     try {
-      this.audio.src = '../../../assets/sounds/' + name + '.mp3';
+      this.audio.src = '../../../resources/sounds/' + name + '.mp3';
       this.audio.load();
       this.audio.play();
     } catch (e) {

frontend/src/index.html

@@ -6,7 +6,7 @@
   <base href="/">
 
   <meta name="description" content="An open-source mempool visualizer and blockchain explorer for Bitcoin. Features real-time updates and live transaction tracking." />
-  <meta property="og:image" content="https://mempool.space/assets/mempool-preview.png" />
+  <meta property="og:image" content="https://mempool.space/resources/mempool-preview.png" />
   <meta property="og:image:type" content="image/png" />
   <meta property="og:image:width" content="1000" />
   <meta property="og:image:height" content="500" />
@@ -15,25 +15,25 @@
   <meta property="twitter:creator" content="mempoolspace">
   <meta property="twitter:title" content="mempool - Bitcoin block explorer">
   <meta property="twitter:description" content="An open-source mempool visualizer and blockchain explorer for Bitcoin." />
-  <meta property="twitter:image:src" content="https://mempool.space/assets/mempool-preview.png" />
+  <meta property="twitter:image:src" content="https://mempool.space/resources/mempool-preview.png" />
   <meta property="twitter:domain" content="mempool.space">
 
-  <link rel="apple-touch-icon" sizes="57x57" href="/assets/favicons/apple-icon-57x57.png">
-  <link rel="apple-touch-icon" sizes="60x60" href="/assets/favicons/apple-icon-60x60.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="/assets/favicons/apple-icon-72x72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="/assets/favicons/apple-icon-76x76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="/assets/favicons/apple-icon-114x114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="/assets/favicons/apple-icon-120x120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="/assets/favicons/apple-icon-144x144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="/assets/favicons/apple-icon-152x152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-icon-180x180.png">
-  <link rel="icon" type="image/png" sizes="192x192"  href="/assets/favicons/android-icon-192x192.png">
-  <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon-32x32.png">
-  <link rel="icon" type="image/png" sizes="96x96" href="/assets/favicons/favicon-96x96.png">
-  <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon-16x16.png">
-  <link rel="manifest" href="/assets/favicons/manifest.json">
+  <link rel="apple-touch-icon" sizes="57x57" href="/resources/favicons/apple-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="/resources/favicons/apple-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="/resources/favicons/apple-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="/resources/favicons/apple-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="/resources/favicons/apple-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="/resources/favicons/apple-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="/resources/favicons/apple-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="/resources/favicons/apple-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="/resources/favicons/apple-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="192x192"  href="/resources/favicons/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/resources/favicons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96" href="/resources/favicons/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/resources/favicons/favicon-16x16.png">
+  <link rel="manifest" href="/resources/favicons/manifest.json">
   <meta name="msapplication-TileColor" content="#ffffff">
-  <meta name="msapplication-TileImage" content="/assets/favicons/ms-icon-144x144.png">
+  <meta name="msapplication-TileImage" content="/resources/favicons/ms-icon-144x144.png">
   <meta name="theme-color" content="#ffffff">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">

frontend/sync-asset-registry.js

@@ -1,9 +1,9 @@
 var https = require('https');
 var fs = require('fs');
 
-var PATH = 'dist/mempool/assets/';
+var PATH = 'dist/mempool/resources/';
 if (process.argv[2] && process.argv[2] === 'dev') {
-  PATH = 'src/assets/';
+  PATH = 'src/resources/';
 }
 
 function download(filename, url) {