Linux Flatpak Build

[TheOriginalBurgerKing]

Update: Fixed, see comment below

Hello you can see a descriptive overview of the issue here:
WowUp/WowUp.CF#104

I initially tested it with this repo and both have the same outcome. You can see how to install pre-reqs in that issue.

Specific details for this repo:
Electron-builder changes used - mostly defaults from https://www.electron.build/flatpak.html

"linux": {
    "icon": "dist/browser/assets/icons",

    "target": [
      "AppImage",
      {
        "target": "flatpak",
        "arch": ["x64"]  
      }
    ],

    "category": "Utility",

    "desktop": {
      "entry": {
        "Name": "AngularElectron",
        "Comment": "Angular + Electron demo application",
        "Icon": "angular-electron",
        "Terminal": false,
        "Type": "Application",
        "Categories": "Utility;"
      }
    },


    "artifactName": "${productName}-${version}-${arch}.${ext}",
  },
  "flatpak": {
    "category":"Utility",
    "base": "org.electronjs.Electron2.BaseApp",
    "baseVersion":"stable",
    "runtime": "org.freedesktop.Platform",
    "runtimeVersion": "25.08",
    "sdk": "org.freedesktop.Sdk",
    "finishArgs": [
	  "--socket=wayland",
	  "--socket=x11",
	  "--share=ipc",
	  "--device=dri",
	  "--socket=pulseaudio",
	  "--filesystem=home",
	  "--share=network",
	  "--talk-name=org.freedesktop.Notifications",
	]
  }

Run script location:
/var/lib/flatpak/app/com.electron.angular_electron/x86_64/master/<id>/files/bin/electron-wrapper

Run command in wrapper script:
zypak-wrapper "angular-electron" "$@"

Error: /app/bin/electron-wrapper: line 5: zypak-wrapper: command not found

The shortcut's path:
/app/lib/com.electron.angular_electron/angular-electron

Actual executeable location:
/var/lib/flatpak/app/com.electron.angular_electron/x86_64/master/<id>/files/lib/com.electron.angular_electron/angular-electron

[TheOriginalBurgerKing]

Hi there,

I’ve resolved the problem on my side. The “stable” Electron base is quite outdated; I switched to version 25.08, and everything built and ran correctly. I’m not sure whether you intended to merge this change into the main repository.

Updated Steps:
Pre-reqs on Linux before building:
Install Flatpak tooling
sudo apt install flatpak flatpak-builder # Debian/Ubuntu or the equivalent for your distro

Add Flathub repository
flatpak remote-add --if-not-exists flathub https://flathub.org/repo/flathub.flatpakrepo

Install required runtimes

flatpak install flathub org.freedesktop.Sdk          # pick latest 25.08
flatpak install flathub org.freedesktop.Platform    # pick latest 25.08
flatpak install org.electronjs.Electron2.BaseApp    # pick latest 25.08

Modify Linux part & add Flatpak
https://github.com/belnadris/angular-electron/blob/main/electron-builder.json

"linux": {
    "icon": "dist/browser/assets/icons",

    "target": [
      "AppImage",
      {
        "target": "flatpak",
        "arch": ["x64"]  
      }
    ],

    "category": "Utility",

    "desktop": {
      "entry": {
        "Name": "AngularElectron",
        "Comment": "Angular + Electron demo application",
        "Icon": "angular-electron",
        "Terminal": false,
        "Type": "Application",
        "Categories": "Utility;"
      }
    },


    "artifactName": "${productName}-${version}-${arch}.${ext}",
  },
  "flatpak": {
    "category":"Utility",
    "base": "org.electronjs.Electron2.BaseApp",
    "baseVersion":"25.08",
    "runtime": "org.freedesktop.Platform",
    "runtimeVersion": "25.08",
    "sdk": "org.freedesktop.Sdk",
    "finishArgs": [
	  "--socket=wayland",
	  "--socket=x11",
	  "--share=ipc",
	  "--device=dri",
	  "--socket=pulseaudio",
	  "--filesystem=home",
	  "--share=network",
	  "--talk-name=org.freedesktop.Notifications",
	]
  }