V2wip

.browserslistrc

@@ -1,15 +1,18 @@
 # This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+
 # For additional information regarding the format and rule options, please see:
+
 # https://github.com/browserslist/browserslist#queries
 
 # For the full list of supported browsers by the Angular framework, please see:
+
 # https://angular.io/guide/browser-support
 
 # You can see what browsers were selected by your queries by running:
-#   npx browserslist
 
-> 0.5%
-last 2 versions
-Firefox ESR
+# npx browserslist
+
+last 2 ChromeAndroid versions
+last 2 iOS versions
+last 2 Samsung versions
 not dead
-not IE 9-11 # For IE 9-11 support, remove 'not'.

.github/workflows/build.yaml

@@ -14,25 +14,54 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [22.x]
     steps:
-
       - name: Check out code
         uses: actions/checkout@v3
 
       - name: Use Node.js
         uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node-version }}
-
-      - name: Dependency install
+          cache: 'npm' # Enables automatic npm caching
+
+      - name: Restore npm Cache
+        uses: actions/cache@v3
+        with:
+          path: ~/.npm
+          key: npm-${{ runner.os }}-${{ hashFiles('package-lock.json') }}
+          restore-keys: |
+            npm-${{ runner.os }}-
+
+      - name: Install Dependencies
         run: |
-         npm install @ionic/cli@6.20.4 native-run@1.3.0 
-         npm install
-
+          npm ci
+          npm install @ionic/cli@6.20.4 native-run@1.3.0
+
+      - name: Cache Build Artifacts (optional)
+        uses: actions/cache@v3
+        with:
+          path: |
+            storage-mirror/node_modules
+            node_modules
+          key: build-${{ runner.os }}-${{ hashFiles('package-lock.json') }}
+          restore-keys: |
+            build-${{ runner.os }}-
+
+      - name: Build Storage Mirror
+        run: |
+          cd storage-mirror
+          npm ci
+          npm run build
+
+      - name: Copy environment.ts to environment.prod.ts
+        run: |
+          cp src/environments/environment.ts src/environments/environment.prod.ts
+
       - name: Build
         run: |
-          ./node_modules/@ionic/cli/bin/ionic build --prod --release
-
-      #- name: Test
-      #  run: ./node_modules/@angular/cli/bin/ng test
+          npx ionic build --prod --release
+
+      - name: Run Vitest
+        run: |
+          npx vitest --coverage --run

.github/workflows/lint-format.yml

@@ -13,15 +13,28 @@ jobs:
     name: lint-format
     runs-on: ubuntu-latest
     steps:
-    - name: Checkout Repository
-      uses: actions/checkout@v3
-    - name: Setup Node Environment
-      uses: actions/setup-node@v3
-      with:
-        node-version: 16
-    - name: Install Dependencies
-      run: npm ci
-    - name: Check File Format
-      run: npm run prettier-check
-    - name: Lint Files
-      run: npm run lint
+      - name: Checkout Repository
+        uses: actions/checkout@v3
+
+      - name: Setup Node Environment
+        uses: actions/setup-node@v3
+        with:
+          node-version: 22
+          cache: 'npm' # Enables caching for npm dependencies
+
+      - name: Restore npm Cache
+        uses: actions/cache@v3
+        with:
+          path: ~/.npm
+          key: npm-${{ runner.os }}-${{ hashFiles('package-lock.json') }}
+          restore-keys: |
+            npm-${{ runner.os }}-
+
+      - name: Install Dependencies
+        run: npm ci
+
+      - name: Check File Format
+        run: npm run prettier-check
+
+      - name: Lint Files
+        run: npm run lint

.gitignore

@@ -13,11 +13,14 @@ Thumbs.db
 UserInterfaceState.xcuserstate
 $RECYCLE.BIN/
 .angular
+.env
+bundle*.zip
 
 *.log
 log.txt
 npm-debug.log*
 
+/tmp
 /.idea
 /.ionic
 /.sass-cache
@@ -30,10 +33,15 @@ npm-debug.log*
 /platforms
 /plugins
 /www
+/www-sourcemap
 /android/app/src/prod/google-services.json
 /android/app/src/beta/google-services.json
 /ios/App/GoogleService-Info.plist
 /appassets
+/local_env/server.*
 /android/.idea
 android/.idea/jarRepositories.xml
 android/.idea/misc.xml
+/src/environments/environment.prod.ts
+ios/GoogleService-Info.plist
+test/user-auth/auth.js

.npmrc

@@ -0,0 +1,2 @@
+# @analogjs/platform and nx require vite 5 but we use vite 6
+legacy-peer-deps=true

README.md

@@ -1,13 +1,12 @@
 ![[beaconchain Dashboard](https://beaconcha.in/mobile)](.github/banner.png)  
-[![Build](https://github.com/gobitfly/eth2-beaconchain-explorer-app/actions/workflows/build.yaml/badge.svg)](https://github.com/gobitfly/eth2-beaconchain-explorer-app/actions/workflows/build.yaml)  
+[![Build](https://github.com/gobitfly/eth2-beaconchain-explorer-app/actions/workflows/build.yaml/badge.svg)](https://github.com/gobitfly/eth2-beaconchain-explorer-app/actions/workflows/build.yaml)
 
 # Beaconchain Dashboard App
 
-Beaconchain Dashboard is an open source ethereum and gnosis validator performance tracker app for Android and iOS. It utilizes the beaconcha.in API. 
+Beaconchain Dashboard is an open source ethereum and gnosis validator performance tracker app for Android and iOS. It utilizes the beaconcha.in API.
 
-
-[![Get it on Google Play](https://beaconcha.in/img/android.png)](https://play.google.com/store/apps/details?id=in.beaconcha.mobile)
-[![Get it App Store](https://beaconcha.in/img/ios.png)](https://apps.apple.com/app/beaconchain-dashboard/id1541822121)
+[![Get it on Google Play](.github/assets/android.png)](https://play.google.com/store/apps/details?id=in.beaconcha.mobile)
+[![Get it App Store](.github/assets/ios.png)](https://apps.apple.com/app/beaconchain-dashboard/id1541822121)
 
 ## About
 
@@ -16,50 +15,66 @@ Beaconchain Dashboard is an Angular app written in Typescript, HTML & CSS. It ut
 ## Features
 
 - Ethereum and Gnosis supported
-- Keep track on your validators online status, balances, returns and more  
-- Various notification alerts for your validators  
+- Keep track on your validators online status, balances, returns and more
+- Various notification alerts for your validators
 - Execution block rewards overview
 - Machine monitoring (CPU usage, network usage and more)
-- Rocketpool support
+- Rocket Pool support
 - Customize stake share if you only partially own a validator
-- Combined dashboard view  
-- Support for up to 280 validators  
-- Ethereum client update notifications  
-- Network warnings  
-- Support for multiple currencies  
-- Mainnet & Testnet support  
-- Light Theme & Dark Theme  
+- Combined dashboard view
+- Support for up to 280 validators
+- Ethereum client update notifications
+- Network warnings
+- Support for multiple currencies
+- Mainnet & Testnet support
+- Light Theme & Dark Theme
 
 ## Device support
 
 - Android 5.1 or newer
 - iOS 13 or newer
 
 ## Development
+
+### Prerequisites
+
+You will need the following installed on your system for local development:
+
+1. **Docker** (for Docker Compose)
+2. **OpenSSL** (to generate SSL certificates for local testing)
+3. **NodeJS 22**
+
 ### Getting started
 
 1. Clone repo
 2. Install dependencies
+
 ```
 npm install -g @ionic/cli native-run cordova-res
+cd storage-mirror
+npm i
+cd ..
 npm i
+npm run generate-cert
 ```
-  
-NOTE: You need to provide your own google-services.json for Android and GoogleService-Info.plist for iOS.  
+
+NOTE: You need to provide your own google-services.json for Android and GoogleService-Info.plist for iOS.
 
 ### Browser
+
 To run the app in your browser, simply use
 
-`npm run-script serve`
+`npm run dev`
 
 to start a local webserver with livereload enabled.
 
 ### Android
 
 **Prerequisites**
-* NodeJS 16
-* Install [Android Studio](https://developer.android.com/studio#downloads]) (2022.2.1 or newer)
-* Use Android Studio to install the Android SDK: https://capacitorjs.com/docs/android
+
+- NodeJS 22
+- Install [Android Studio](https://developer.android.com/studio#downloads]) (2022.2.1 or newer)
+- Use Android Studio to install the Android SDK: https://capacitorjs.com/docs/android
 
 For Linux Users: Open capacitor.config.json (in the root of the project) and adapt the paths for the _linuxAndroidStudioPath_ variable to reflect your local setup.
 
@@ -73,23 +88,25 @@ Make sure port 8100 is accessible on your computer and use the following command
 
 `ionic cap run android --livereload --external --host=192.168.1.64 --disableHostCheck --configuration=development`
 
-Adapt the --host param to match your computers IP. 
+Adapt the --host param to match your computers IP.
 
 #### Build for production
 
-`npm run-script build-android-for-production`
+`npm run build-android`
 
 #### Install via Android Studio
+
 To install the app on a real device, follow this guide: https://developer.android.com/studio/run/device
 
 Or to run it in an emulator, follow up here: https://developer.android.com/studio/run/emulator
 
-
 ### iOS
+
 **Prerequisites**
-* NodeJS 16
-* macOS with macOS Monterey 12.5 newer
-* Xcode 14.1 or newer
+
+- NodeJS 22
+- macOS with macOS Monterey 12.5 newer
+- Xcode 14.1 or newer
 
 Build the the app at least once before proceeding:
 
@@ -101,17 +118,17 @@ Make sure port 8100 is accessible on your mac and use the following command to r
 
 `ionic cap run ios --livereload --external --host=192.168.1.64 --disableHostCheck --configuration=development`
 
-Adapt the --host param to match your macs IP. 
+Adapt the --host param to match your macs IP.
 
 #### Build for production
 
-`npm run-script build-ios-for-production`
+`npm run build-ios`
 
 ### Best Practices
 
-* Use components when we need it for multiple pages.
-* Use pipes for currency conversion or interpreting a value
-* Keep in mind that the app can be used in light and dark theme, use css vars when styling. Global theme attributes can be found in src/app/theme/variables.scss and src/app/global.scss.
+- Use components when we need it for multiple pages.
+- Use pipes for currency conversion or interpreting a value
+- Keep in mind that the app can be used in light and dark theme, use css vars when styling. Global theme attributes can be found in src/app/theme/variables.scss and src/app/global.scss.
 
 ## License
 

android/app/build.gradle

@@ -8,8 +8,8 @@ android {
         namespace "in.beaconcha.mobile"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 114
-        versionName "4.5.12"
+        versionCode 123
+        versionName "5.0.0"
 
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
     }

android/app/capacitor.build.gradle

@@ -22,8 +22,11 @@ dependencies {
     implementation project(':capacitor-splash-screen')
     implementation project(':capacitor-status-bar')
     implementation project(':capacitor-toast')
+    implementation project(':capawesome-capacitor-app-update')
+    implementation project(':capgo-capacitor-updater')
     implementation project(':capacitor-navigationbarnx')
-    implementation "com.android.billingclient:billing:7.0.0"
+    implementation project(':storage-mirror')
+    implementation "com.android.billingclient:billing:7.1.1"
 }
 
 

android/app/src/androidTest/java/com/getcapacitor/myapp/ExampleInstrumentedTest.java

@@ -1,6 +1,5 @@
 /* 
- *  // Copyright (C) 2020 - 2021 Bitfly GmbH
- *  // Manuel Caspari (manuel@bitfly.at)
+ *  // Copyright (C) 2020 - 2024 bitfly explorer GmbH
  *  // 
  *  // This file is part of Beaconchain Dashboard.
  *  //