feat: ui & backend redesign

* feat: major rework

* fix: use GITHUB_REF_NAME instead of GITHUB_REF

* fix: remove quotes

* fix: update .gitignore

* fix: disable publish

* fix: update artifact naming in build workflow

* fix: update build script

* fix: version is not set on windows runner

* fix: version is not set on windows runner

* feat: add release job to create GitHub release

* fix: update to actions/download-artifact@v4

* fix: update artifact paths

* fix: update build workflow

* fix: disable arm build for windows

* chore: cleanup build job

* feat: implement sorting for streams table

* feat: add sorting functionality for tags and info columns in streams table

* chore: minor improvements

* fix: formatting & electron-builder config

Author: philhartung

.doc/details.png

@@ -1,29 +1,15 @@
-name: Build App
+name: Build and Release App
 
 on:
   push:
-    branches: [ main ]
+    tags:
+      - "*"
 
 jobs:
   build:
     strategy:
       matrix:
-        include:
-          - os: ubuntu-latest
-            arch: x64
-            platform: linux
-          - os: ubuntu-latest
-            arch: arm64
-            platform: linux
-          - os: windows-latest
-            arch: x64
-            platform: win32
-          - os: macos-latest
-            arch: x64
-            platform: darwin
-          - os: macos-latest
-            arch: arm64
-            platform: darwin
+        os: [ubuntu-latest, windows-latest, macos-latest]
 
     runs-on: ${{ matrix.os }}
 
@@ -34,19 +20,49 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '22'
+          node-version: "22"
+
+      - name: Set version
+        run: npm version ${{ github.ref_name }} --no-git-tag-version
 
       - name: Install Dependencies
         run: npm install
 
-      - name: Build App
-        run: npx electron-rebuild --arch=${{ matrix.arch }}
+      - name: Build Frontend
+        run: npm run build
 
-      - name: Build App
-        run: npx electron-packager . AES67 --out=release-builds --icon=./assets/icon --arch=${{ matrix.arch }} --platform=${{ matrix.platform }}
+      - name: Package App
+        run: npx electron-builder --publish never
 
       - name: Upload Artifacts
         uses: actions/upload-artifact@v4
         with:
-          name: AES67-${{ matrix.platform }}-${{ matrix.arch }}
-          path: release-builds/AES67-${{ matrix.platform }}-${{ matrix.arch }}
+          name: Artifacts-${{ runner.os }}
+          path: |
+            release-builds/*.msi
+            release-builds/*.zip
+            release-builds/*.deb
+            release-builds/*.rpm
+            release-builds/*.dmg
+
+  release:
+    needs: build
+    runs-on: ubuntu-latest
+    steps:
+      - name: Download All Artifacts
+        uses: actions/download-artifact@v4
+        with:
+          path: artifacts
+
+      - name: Create GitHub Release
+        id: create_release
+        uses: softprops/action-gh-release@v1
+        with:
+          name: Stream Monitor ${{ github.ref_name }}
+          draft: true
+          files: |
+            artifacts/**/*.msi
+            artifacts/**/*.zip
+            artifacts/**/*.deb
+            artifacts/**/*.rpm
+            artifacts/**/*.dmg

.doc/settings.png

@@ -1,6 +1,23 @@
-AES67-darwin-x64/
-AES67-win32-x64/
-release-builds/
-node_modules/
-package-lock.json
 .DS_Store
+node_modules
+/dist
+release-builds
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.doc/streams.png

@@ -1,47 +1,57 @@
-# AES67 Stream Monitor
-Cross plattform AES67 monitoring app. The app was primarily tested in a hybrid Dante/AES67 environment. Features include:
- * Auto discovery of streams via Session Announcement Protocol and manually adding streams by pasting SDP data
- * Filter and sort streams
- * listen to streams by selecting which channels you want to listen to (Stereo and Mono supported)
- * wide format support: 44100Hz, 48000Hz and 96000Hz (and more) if the soundcard supports it, L16 and L24 PCM with up to 64 channels and all packet times according to AES67 spec are supported
- * Settings for Network interface, audio device, buffering for RTP and more
+# Stream Monitor
+
+Cross plattform Audio over IP monitoring app. The app was primarily tested in a hybrid Dante/AES67 environment. Features include:
+
+- Auto discovery of streams via Session Announcement Protocol and manually adding streams by pasting SDP data
+- Filter and sort streams
+- listen to streams by selecting which channels you want to listen to (Stereo and Mono supported)
+- wide format support: 44100Hz, 48000Hz and 96000Hz (and more) if the soundcard supports it, L16 and L24 PCM with up to 64 channels and all packet times according to AES67 spec are supported
+- Settings for Network interface, audio device, buffering for RTP and more
 
 Here are some screenshots of how the app looks:
-![Screenshot](doc/screenshot.png "Screenshot")
-![Screenshot](doc/details.png "Screenshot details")
-![Screenshot](doc/settings.png "Screenshot settings")
+![Screenshot](.doc/streams.png "Screenshot")
+![Screenshot](.doc/details.png "Screenshot details")
+![Screenshot](.doc/settings.png "Screenshot settings")
 
 ## Installation
+
 ```
 git clone https://github.com/philhartung/aes67-monitor.git
 cd aes67-monitor
 npm install
 ```
-The app should then be installed.  Audify (audio backend used) prebuilds are available for most major platforms and Node versions. If you need to build Audify from source, see https://github.com/almogh52/audify#requirements-for-source-build.
+
+The app should then be installed. Audify (audio backend used) prebuilds are available for most major platforms and Node versions. If you need to build Audify from source, see https://github.com/almogh52/audify#requirements-for-source-build.
 
 After installation you can start the app with `npm start`.
 
 ## Building
+
 To build a binary for your system, first install the app and then run:
+
 ```
 npm run build
 ```
+
 This will create a folder for your platform and CPU architecture, containing the binary.
 
-## Status
-This app is still in early development. Some things that need to be reworked before a more stable release include, but are not limited to:
- * ~~rewrite RTP audio backend to support more audio formats (it is currently limited to 48000Hz L24 at 48 samples/packet and quite buggy, also add the option for buffering)~~ done
- * ~~rewrite SDP module and SAP backend~~ done
- * ~~proper support for settings~~ done
- * make settings persistent between restarts
- * needs a lot more testing
- 
- Also I would like to add more features such as:
-  * dBFS and LUFS metering
-  * ~~possibility to add streams from raw sdp~~ done
-  * RTP packet monitoring (like seqnum, timestamp, etc)
-  * ~~make the table sortable~~ done
- 
-
-## License and copyright notice
-This repository contains code under the MIT License from [twbs/bootstrap](https://github.com/twbs/bootstrap).
+## Development
+
+### Compiles and hot-reloads for development
+
+```
+npm run serve
+```
+
+### Compiles and start electron for development
+
+```
+npm start
+```
+
+### Lints and fixes files
+
+```
+npm run lint
+npm run format
+```

.github/workflows/build.yml

@@ -0,0 +1,3 @@
+module.exports = {
+	presets: ["@vue/cli-plugin-babel/preset"],
+};