frontend: remove Firebase integration and dependencies

dannywillems · dannywillems · commit 6ef63405a37f · 2025-10-31T21:59:43.000+08:00
Remove Firebase integration which was previously used for analytics
and performance monitoring. This includes:

- Remove @angular/fire and firebase npm dependencies from package.json
- Remove Firebase providers and imports from app.config.ts
- Remove Firebase configuration from all environment files
- Remove firebase.json and .firebaserc configuration files
- Remove Firebase deploy target from Makefile
- Remove Firebase documentation from environment-configuration.mdx
- Add heartbeats field to MinaEnv type definition
- Fix remaining references to removed leaderboard features
diff --git a/frontend/.firebaserc b/frontend/.firebaserc
diff --git a/frontend/Makefile b/frontend/Makefile
@@ -61,10 +61,6 @@ copy-env: ## Copy webnode.js to env.js
 	cp dist/frontend/browser/assets/environments/webnode.js \
 		dist/frontend/browser/assets/environments/env.js
 
-.PHONY: deploy
-deploy: prebuild build-production-sentry copy-env ## Deploy the application
-	firebase deploy
-
 .PHONY: install-deps
 install-deps: ## Install npm dependencies (alias)
 	npm install
diff --git a/frontend/firebase.json b/frontend/firebase.json
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -33,7 +33,6 @@
     "@angular/common": "^19.2.14",
     "@angular/compiler": "^19.2.14",
     "@angular/core": "^19.2.14",
-    "@angular/fire": "^19.2.0",
     "@angular/forms": "^19.2.14",
     "@angular/material": "^19.2.19",
     "@angular/platform-browser": "^19.2.14",
@@ -58,7 +57,6 @@
     "d3": "^7.8.4",
     "eigen": "^0.2.2",
     "express": "^4.18.2",
-    "firebase": "^11.0.1",
     "jszip": "^3.10.1",
     "mathjs": "^12.3.0",
     "mina-signer": "^3.0.7",
diff --git a/frontend/public/environments/webnode.js b/frontend/public/environments/webnode.js
@@ -11,19 +11,10 @@ export default {
       'dashboard': [],
       'block-production': ['won-slots'],
     },
-    firebase: {
-      'projectId': 'openminawebnode',
-      'appId': '1:120031499786:web:9af56c50ebce25c619f1f3',
-      'storageBucket': 'openminawebnode.firebasestorage.app',
-      'apiKey': 'AIzaSyBreMkb5-8ANb5zL6yWKgRAk9owbDS1g9s',
-      'authDomain': 'openminawebnode.firebaseapp.com',
-      'messagingSenderId': '120031499786',
-      'measurementId': 'G-V0ZC81T9RQ',
-    },
   },
   sentry: {
     dsn: 'https://69aba72a6290383494290cf285ab13b3@o4508216158584832.ingest.de.sentry.io/4508216160616528',
-    tracingOrigins: ['https://www.openmina.com', 'openminawebnode.firebaseapp.com', 'openminawebnode.firebasestorage.app'],
+    tracingOrigins: ['https://www.openmina.com'],
   },
   configs: [
     {
diff --git a/frontend/src/app/app.config.ts b/frontend/src/app/app.config.ts
@@ -31,16 +31,7 @@ import {
   safelyExecuteInBrowser,
   THEME_PROVIDER,
 } from '@openmina/shared';
-import { SETTINGS } from '@angular/fire/compat/firestore';
-import { initializeApp, provideFirebaseApp } from '@angular/fire/app';
 import { CONFIG } from '@shared/constants/config';
-import {
-  getAnalytics,
-  provideAnalytics,
-  ScreenTrackingService,
-} from '@angular/fire/analytics';
-import { getPerformance, providePerformance } from '@angular/fire/performance';
-import { getFirestore, provideFirestore } from '@angular/fire/firestore';
 import localeFr from '@angular/common/locales/fr';
 import localeEn from '@angular/common/locales/en';
 import { metaReducers, reducers } from '@app/app.setup';
@@ -147,24 +138,6 @@ export class AppGlobalErrorhandler implements ErrorHandler {
   }
 }
 
-const firebaseProviders = [
-  {
-    provide: SETTINGS,
-    useValue: { experimentalForceLongPolling: true },
-  },
-  provideFirebaseApp(() => initializeApp(CONFIG.globalConfig.firebase)),
-  provideAnalytics(() => getAnalytics()),
-  ScreenTrackingService,
-  // provideAppCheck(() => {
-  //   // TODO get a reCAPTCHA Enterprise here https://console.cloud.google.com/security/recaptcha?project=_
-  //   const app = getApp();
-  //   const provider = new ReCaptchaV3Provider('6LfAB-QqAAAAAEu9BO6upFj6Sewd08lf0UtFC16c');
-  //   return initializeAppCheck(app, { provider, isTokenAutoRefreshEnabled: true });
-  // }),
-  providePerformance(() => getPerformance()),
-  provideFirestore(() => getFirestore()),
-];
-
 export const appConfig: ApplicationConfig = {
   providers: [
     provideRouter(generateRoutes()),
@@ -207,6 +180,5 @@ export const appConfig: ApplicationConfig = {
       multi: false,
     },
     { provide: Sentry.TraceService, deps: [Router] },
-    ...(CONFIG.globalConfig.firebase ? firebaseProviders : []),
   ],
 };
diff --git a/frontend/src/app/core/services/web-node.service.ts b/frontend/src/app/core/services/web-node.service.ts
@@ -27,7 +27,6 @@ import { sendSentryEvent } from '@shared/helpers/webnode.helper';
 import { DashboardPeerStatus } from '@shared/types/dashboard/dashboard.peer';
 import { FileProgressHelper } from '@core/helpers/file-progress.helper';
 import { CONFIG } from '@shared/constants/config';
-import firebase from 'firebase/compat';
 import { FirestoreService } from '@core/services/firestore.service';
 import { SentryService } from '@core/services/sentry.service';
 
diff --git a/frontend/src/app/features/web-node/web-node-file-upload/web-node-file-upload.component.html b/frontend/src/app/features/web-node/web-node-file-upload/web-node-file-upload.component.html
@@ -127,24 +127,22 @@ <h2>Set Up Your Web Node</h2>
     }
     <div class="buttons-container fx-row-vert-cent flex-between">
       <div class="develop-buttons fx-row-vert-cent">
-        @if (!isLeaderboard) {
-          <button
-            class="btn-aware h-lg border-rad-8 f-500 pl-12 pr-12"
-            [tooltip]="'Start a develop Block Producer Web Node'"
-            (click)="onStartDevelopWebnode()"
-          >
-            Start BP
-          </button>
-          <button
-            class="btn-aware h-lg border-rad-8 f-500 pl-12 pr-12"
-            [tooltip]="
-              'Start a develop Web Node without Block Producer feature'
-            "
-            (click)="onStartDevelopWebnodeNonBP()"
-          >
-            Start Non BP
-          </button>
-        }
+        <button
+          class="btn-aware h-lg border-rad-8 f-500 pl-12 pr-12"
+          [tooltip]="'Start a develop Block Producer Web Node'"
+          (click)="onStartDevelopWebnode()"
+        >
+          Start BP
+        </button>
+        <button
+          class="btn-aware h-lg border-rad-8 f-500 pl-12 pr-12"
+          [tooltip]="
+            'Start a develop Web Node without Block Producer feature'
+          "
+          (click)="onStartDevelopWebnodeNonBP()"
+        >
+          Start Non BP
+        </button>
       </div>
       <button
         class="whitey h-lg border-rad-8 f-500 pl-12 pr-12"
diff --git a/frontend/src/app/features/web-node/web-node-file-upload/web-node-file-upload.component.ts b/frontend/src/app/features/web-node/web-node-file-upload/web-node-file-upload.component.ts
@@ -34,7 +34,6 @@ export class WebNodeFileUploadComponent extends ManualDetection {
   validFiles: boolean = false;
   error: boolean = false;
   uploadedFileName: string;
-  isLeaderboard: boolean = CONFIG.showLeaderboard;
 
   constructor(private webnodeService: WebNodeService) {
     super();
diff --git a/frontend/src/app/layout/toolbar/toolbar.component.html b/frontend/src/app/layout/toolbar/toolbar.component.html
@@ -22,9 +22,6 @@
     @if (!isMobile) {
       <mina-error-preview></mina-error-preview>
     }
-    @if (showUptime) {
-      <mina-uptime-pill></mina-uptime-pill>
-    }
     <div
       class="server-pill flex-row flex-end align-center flex-grow"
       [class.bootstrapping]="!haveNextBP || isAllNodesPage"
diff --git a/frontend/src/app/shared/types/core/environment/mina-env.type.ts b/frontend/src/app/shared/types/core/environment/mina-env.type.ts
@@ -55,6 +55,8 @@ export interface MinaEnv {
     features?: FeaturesConfig;
     /** GraphQL endpoint URL for blockchain queries */
     graphQL?: string;
+    /** Enable periodic heartbeat signals for monitoring */
+    heartbeats?: boolean;
   };
 }
 
diff --git a/frontend/src/assets/environments/webnode.js b/frontend/src/assets/environments/webnode.js
@@ -14,22 +14,11 @@ export default {
       dashboard: [],
       'block-production': ['won-slots'],
     },
-    firebase: {
-      projectId: 'openminawebnode',
-      appId: '1:120031499786:web:9af56c50ebce25c619f1f3',
-      storageBucket: 'openminawebnode.firebasestorage.app',
-      apiKey: 'AIzaSyBreMkb5-8ANb5zL6yWKgRAk9owbDS1g9s',
-      authDomain: 'openminawebnode.firebaseapp.com',
-      messagingSenderId: '120031499786',
-      measurementId: 'G-V0ZC81T9RQ',
-    },
   },
   sentry: {
     dsn: 'https://69aba72a6290383494290cf285ab13b3@o4508216158584832.ingest.de.sentry.io/4508216160616528',
     tracingOrigins: [
       'https://www.openmina.com',
-      'openminawebnode.firebaseapp.com',
-      'openminawebnode.firebasestorage.app',
     ],
   },
   configs: [
diff --git a/frontend/src/environments/environment.ts b/frontend/src/environments/environment.ts
@@ -28,15 +28,6 @@ export const environment: Readonly<MinaEnv> = {
       benchmarks: ['wallets'],
       fuzzing: [],
     },
-    firebase: {
-      apiKey: 'AIzaSyBZzFsHjIbQVbBP0N-KkUsEvHRVU_wwd7g',
-      authDomain: 'webnode-gtm-test.firebaseapp.com',
-      projectId: 'webnode-gtm-test',
-      storageBucket: 'webnode-gtm-test.firebasestorage.app',
-      messagingSenderId: '1016673359357',
-      appId: '1:1016673359357:web:bbd2cbf3f031756aec7594',
-      measurementId: 'G-ENDBL923XT',
-    },
     heartbeats: false,
     // graphQL: 'https://api.minascan.io/node/devnet/v1/graphql',
     // graphQL: 'http://65.109.105.40:5000/graphql',
diff --git a/frontend/src/environments/environment.webnode-local.ts b/frontend/src/environments/environment.webnode-local.ts
@@ -15,15 +15,6 @@ export const environment: Readonly<MinaEnv> = {
       mempool: [],
       benchmarks: ['wallets'],
     },
-    firebase: {
-      apiKey: 'AIzaSyBZzFsHjIbQVbBP0N-KkUsEvHRVU_wwd7g',
-      authDomain: 'webnode-gtm-test.firebaseapp.com',
-      projectId: 'webnode-gtm-test',
-      storageBucket: 'webnode-gtm-test.firebasestorage.app',
-      messagingSenderId: '1016673359357',
-      appId: '1:1016673359357:web:bbd2cbf3f031756aec7594',
-      measurementId: 'G-ENDBL923XT',
-    },
     heartbeats: false,
   },
   configs: [
diff --git a/website/docs/developers/frontend/environment-configuration.mdx b/website/docs/developers/frontend/environment-configuration.mdx
@@ -48,15 +48,6 @@ export default {
       mempool: string[],
       state: string[],
     },
-    firebase: {
-      projectId: string,
-      appId: string,
-      apiKey: string,
-      authDomain: string,
-      storageBucket: string,
-      messagingSenderId: string,
-      measurementId: string,
-    },
     heartbeats: boolean,
   },
 
@@ -146,18 +137,6 @@ Controls which features and sub-features are enabled for each module:
 - Available features: `['actions']`
 - `actions`: State transition action monitoring
 
-#### `globalConfig.firebase`
-
-Firebase integration settings for analytics and real-time features:
-
-- **`projectId`**: Firebase project identifier
-- **`appId`**: Firebase application ID
-- **`apiKey`**: Firebase API key for client authentication
-- **`authDomain`**: Firebase authentication domain
-- **`storageBucket`**: Firebase storage bucket name
-- **`messagingSenderId`**: Firebase Cloud Messaging sender ID
-- **`measurementId`**: Google Analytics measurement ID
-
 #### `globalConfig.heartbeats: boolean`
 
 - **Purpose**: Enables periodic heartbeat signals for monitoring
@@ -276,9 +255,6 @@ export default {
       dashboard: [],
       "block-production": ["won-slots"],
     },
-    firebase: {
-      /* Firebase config */
-    },
   },
   sentry: {
     /* Sentry config */
@@ -560,16 +536,7 @@ if (CONFIG.hidePeersPill) {
 }
 ```
 
-#### 4. Firebase Integration
-
-```typescript
-// Initialize Firebase with environment-specific config
-if (CONFIG.globalConfig.firebase) {
-  initializeApp(CONFIG.globalConfig.firebase);
-}
-```
-
-#### 5. Error Tracking
+#### 4. Error Tracking
 
 ```typescript
 // Configure Sentry with environment-specific DSN
