Native App for iOS/Android/Desktop with Capacitor.js and Electron

[lalalune]

We want to make the app available in app stores

We can do this easily with Capacitor. This has been tested and is already integrated into the app.

• Prepare iOS build
• Prepare Android build

For desktop, we will need to have an electron deployment. We can do this by building the frontend as a React component which is then imported into the app-native package, which is an electron-vite wrapper.

• Prepare Mac OS build
• Prepare Linux Build
• Prepare Windows Build

The goal is to get these all deployed to the App Stores in a way that is maximally automated and simple, and requires minimal human effort. Capacitor enables desktop builds with @capacitor-community/electron, so we can keep everything inside the Capacitor projects.

[lalalune]

name: Publish to App Store

on:
  push:
    branches:
      - main  # Or any branch you want to trigger the deployment from

jobs:
  build-and-deploy:
    runs-on: macos-latest
    steps:
    - uses: actions/checkout@v2
    - name: Set up Ruby
      uses: ruby/setup-ruby@v1
      with:
        ruby-version: 2.7  # Specify the Ruby version that your Fastlane setup requires

    - name: Install dependencies
      run: |
        gem install bundler
        bundle install

    - name: Build and Publish to App Store
      env:
        APP_STORE_CONNECT_API_KEY: ${{ secrets.APP_STORE_CONNECT_API_KEY }}
        APP_STORE_CONNECT_KEY_ID: ${{ secrets.APP_STORE_CONNECT_KEY_ID }}
        APP_STORE_CONNECT_ISSUER_ID: ${{ secrets.APP_STORE_CONNECT_ISSUER_ID }}
      run: |
        fastlane deliver --api_key_path path/to/api_key.json