Frontend - Leaderboard CSV files #1071

Frontend - Leaderboard CSV files

Author: directcuteo

frontend/cypress/e2e/block-production/won-slots/side-panel.cy.ts

@@ -101,7 +101,6 @@ describe('BLOCK PRODUCTION WON SLOTS SIDE PANEL', () => {
                 .then((state: BlockProductionWonSlotsState) => {
                   expect(state.activeSlot.globalSlot).to.equal(expectedActiveSlot.globalSlot);
                   expect(state.activeSlot.height).to.equal(expectedActiveSlot.height);
-                  console.log(expectedActiveSlot.times);
                 })
                 .get('mina-block-production-won-slots-side-panel .percentage')
                 .should('have.text', ([

frontend/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "frontend",
-  "version": "1.0.124",
+  "version": "1.0.129",
   "scripts": {
     "install:deps": "npm install",
     "start": "npm install && ng serve --configuration local --open",

frontend/package.json

@@ -78,7 +78,6 @@ export class AppComponent extends StoreDispatcher implements OnInit {
   }
 
   private initAppFunctionalities(): void {
-    console.log('initAppFunctionalities');
     if (this.webNodeService.hasWebNodeConfig() && !this.webNodeService.isWebNodeLoaded()) {
       if (!getWindow()?.location.href.includes(`/${Routes.LOADING_WEB_NODE}`)) {
         this.router.navigate([Routes.LOADING_WEB_NODE], { queryParamsHandling: 'preserve' });

frontend/src/app/app.component.ts

@@ -128,6 +128,21 @@ export class AppGlobalErrorhandler implements ErrorHandler {
   }
 }
 
+const firebaseProviders = [
+  provideClientHydration(),
+  provideHttpClient(withFetch()),
+  provideFirebaseApp(() => initializeApp(CONFIG.globalConfig.firebase)),
+  provideAnalytics(() => getAnalytics()),
+  ScreenTrackingService,
+  // provideAppCheck(() => {
+  //   // TODO get a reCAPTCHA Enterprise here https://console.cloud.google.com/security/recaptcha?project=_
+  //   const provider = new ReCaptchaEnterpriseProvider(/* reCAPTCHA Enterprise site key */);
+  //   return initializeAppCheck(undefined, { provider, isTokenAutoRefreshEnabled: true });
+  // }),
+  providePerformance(() => getPerformance()),
+  provideFirestore(() => getFirestore()),
+];
+
 @NgModule({
   declarations: [
     AppComponent,
@@ -181,18 +196,7 @@ export class AppGlobalErrorhandler implements ErrorHandler {
       deps: [Sentry.TraceService],
       multi: true,
     },
-    provideClientHydration(),
-    provideHttpClient(withFetch()),
-    provideFirebaseApp(() => initializeApp(CONFIG.globalConfig.firebase)),
-    provideAnalytics(() => getAnalytics()),
-    ScreenTrackingService,
-    // provideAppCheck(() => {
-    //   // TODO get a reCAPTCHA Enterprise here https://console.cloud.google.com/security/recaptcha?project=_
-    //   const provider = new ReCaptchaEnterpriseProvider(/* reCAPTCHA Enterprise site key */);
-    //   return initializeAppCheck(undefined, { provider, isTokenAutoRefreshEnabled: true });
-    // }),
-    providePerformance(() => getPerformance()),
-    provideFirestore(() => getFirestore()),
+    ...[CONFIG.globalConfig.firebase ? firebaseProviders : []],
   ],
   bootstrap: [AppComponent],
   exports: [

frontend/src/app/app.module.ts

@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { map, Observable, of, tap } from 'rxjs';
+import { map, Observable, of } from 'rxjs';
 import { MinaNode } from '@shared/types/core/environment/mina-env.type';
 import { CONFIG } from '@shared/constants/config';
 import { RustService } from '@core/services/rust.service';
@@ -8,15 +8,13 @@ import { getNetwork } from '@shared/helpers/mina.helper';
 import { getLocalStorage, nanOrElse, ONE_MILLION } from '@openmina/shared';
 import { BlockProductionWonSlotsStatus } from '@shared/types/block-production/won-slots/block-production-won-slots-slot.type';
 import { AppEnvBuild } from '@shared/types/app/app-env-build.type';
-import { FirestoreService } from '@core/services/firestore.service';
 
 @Injectable({
   providedIn: 'root',
 })
 export class AppService {
 
-  constructor(private rust: RustService,
-              private firestoreService: FirestoreService) { }
+  constructor(private rust: RustService) { }
 
   getActiveNode(nodes: MinaNode[]): Observable<MinaNode> {
     const nodeName = new URL(location.href).searchParams.get('node');
@@ -54,16 +52,6 @@ export class AppService {
           producingBlockGlobalSlot: data.current_block_production_attempt?.won_slot.global_slot,
           producingBlockStatus: data.current_block_production_attempt?.status,
         } as AppNodeDetails)),
-        tap((details: any) => {
-          // undefined not allowed. Firestore does not accept undefined values
-          // foreach undefined value, we set it to null
-          Object.keys(details).forEach((key: string) => {
-            if (details[key] === undefined) {
-              details[key] = null;
-            }
-          });
-          // this.firestoreService.addHeartbeat(details);
-        }),
       );
   }
 

frontend/src/app/app.service.ts

@@ -1,17 +1,7 @@
-import { Injectable } from '@angular/core';
-import {
-  Firestore,
-  CollectionReference,
-  collection,
-  addDoc,
-  doc,
-  setDoc,
-  updateDoc,
-  deleteDoc,
-  DocumentData,
-} from '@angular/fire/firestore';
+import { Injectable, Optional } from '@angular/core';
+import { collection, CollectionReference, deleteDoc, doc, DocumentData, Firestore, updateDoc } from '@angular/fire/firestore';
 import { HttpClient } from '@angular/common/http';
-import { catchError, EMPTY, Observable, of } from 'rxjs';
+import { catchError, Observable, of } from 'rxjs';
 
 @Injectable({
   providedIn: 'root',
@@ -20,9 +10,11 @@ export class FirestoreService {
   private heartbeatCollection: CollectionReference<DocumentData>;
   private cloudFunctionUrl = 'https://us-central1-webnode-gtm-test.cloudfunctions.net/handleValidationAndStore';
 
-  constructor(private firestore: Firestore,
+  constructor(@Optional() private firestore: Firestore,
               private http: HttpClient) {
-    this.heartbeatCollection = collection(this.firestore, 'heartbeat');
+    if (this.firestore) {
+      this.heartbeatCollection = collection(this.firestore, 'heartbeat');
+    }
   }
 
   addHeartbeat(data: any): Observable<any> {

frontend/src/app/core/services/firestore.service.ts

@@ -15,7 +15,6 @@ export class RustService {
               private webNodeService: WebNodeService) {}
 
   changeRustNode(node: MinaNode): void {
-    console.log('Changing Rust node to:', node);
     this.node = node;
   }
 

frontend/src/app/core/services/rust.service.ts

@@ -60,7 +60,6 @@ export class WebNodeService {
   }
 
   loadWasm$(): Observable<void> {
-    console.log('Loading wasm');
     this.webNodeStartTime = Date.now();
 
     if (isBrowser()) {

frontend/src/app/core/services/web-node.service.ts

@@ -18,12 +18,12 @@
         padding: 0 24px;
         border-radius: 44px;
         font-size: 16px;
-        transition: all 0.15s ease;
         background-color: $mina-base-divider;
         color: $black;
         cursor: pointer;
         position: relative;
         overflow: hidden;
+        transition: all 0.15s ease;
 
         &:hover {
           box-shadow: 0 2px 4px 0 $black3;
@@ -106,7 +106,6 @@
         .search input,
         .search input::placeholder {
           font-size: 3.3vw;
-
         }
       }
     }