feat: Vue 3 update (#183)

Huge improvements on how you can route and handle MIDI through genMDM Editor.
And, some new features to control portamento and fine tune when using Mega Drive MIDI Interface.

Automatic reconnection of MIDI devices.
UI updates galore.
Fixed the dials not actually allowing selection of all values.
Fixed values on "rate scale".

.eslintignore

@@ -0,0 +1,4 @@
+node_modules
+dist
+out
+.gitignore

.eslintrc.cjs

@@ -0,0 +1,15 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
+module.exports = {
+  extends: [
+    'eslint:recommended',
+    'plugin:vue/vue3-recommended',
+    '@electron-toolkit',
+    '@vue/eslint-config-prettier'
+  ],
+  rules: {
+    'vue/require-default-prop': 'off',
+    'vue/multi-word-component-names': 'off'
+  }
+}

.github/workflows/build-electron.yml

@@ -4,74 +4,61 @@ on:
   workflow_dispatch:
   push:
     tags:
-      - '[0-9]+.[0-9]+.[0-9]+'
-
-env:
-  ELECTRON_CACHE: $HOME/.cache/electron
-  ELECTRON_BUILDER_CACHE: $HOME/.cache/electron-builder
-  USE_HARD_LINKS: false
-  GH_TOKEN: ${{ secrets.GH_TOKEN }}
+      - "[0-9]+.[0-9]+.[0-9]+"
 
 jobs:
-  build-windows:
-    name: Build Windows
-    runs-on: windows-latest
-    env:
-      YARN_GPG: no
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v2
+  release:
+    runs-on: ${{ matrix.os }}
 
-      - name: Use Node.js
-        uses: actions/setup-node@v1
-        with:
-          node-version: '14.x'
-
-      - name: Install dependencies
-        run: yarn install --frozen-lockfile
+    env:
+      GH_TOKEN: ${{ secrets.GH_TOKEN }}
 
-      - name: Build Windows
-        run: yarn run electron:build -w
+    strategy:
+      matrix:
+        os: [ubuntu-latest, windows-latest]
 
-  build-macOS:
-    name: Build macOS
-    runs-on: macos-latest
-    environment: build
-    env:
-      APPLEID: ${{ secrets.APPLEID }}
-      APPLEIDPASS: ${{ secrets.APPLEIDPASS }}
-      CSC_LINK: ${{ secrets.CSC_LINK }}
-      CSC_KEY_PASSWORD: ${{ secrets.CSC_KEY_PASSWORD }}
-      APPLE_TEAM_ID: ${{ secrets.APPLE_TEAM_ID }}
     steps:
-      - name: Checkout
-        uses: actions/checkout@v2
+      - name: Check out Git repository
+        uses: actions/checkout@v3
 
-      - name: Use Node.js
-        uses: actions/setup-node@v1
+      - name: Install Node.js
+        uses: actions/setup-node@v3
         with:
-          node-version: '14.x'
+          node-version: 20
 
-      - name: Install dependencies
-        run: yarn install --frozen-lockfile
+      - name: Install Dependencies
+        run: npm install
 
-      - name: Build macOS
-        run: yarn run electron:build -m
+      - name: build-linux
+        if: matrix.os == 'ubuntu-latest'
+        run: npm run build:linux
 
-  build-ubuntu:
-    name: Build Ubuntu
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v2
+      - name: build-mac
+        if: matrix.os == 'macos-latest'
+        run: npm run build:mac
+        env:
+          APPLEID: ${{ secrets.APPLEID }}
+          APPLEIDPASS: ${{ secrets.APPLEIDPASS }}
+          CSC_LINK: ${{ secrets.CSC_LINK }}
+          CSC_KEY_PASSWORD: ${{ secrets.CSC_KEY_PASSWORD }}
+          APPLE_TEAM_ID: ${{ secrets.APPLE_TEAM_ID }}
 
-      - name: Use Node.js
-        uses: actions/setup-node@v1
-        with:
-          node-version: '14.x'
+      - name: build-win
+        if: matrix.os == 'windows-latest'
+        run: npm run build:win
 
-      - name: Install dependencies
-        run: yarn install --frozen-lockfile
-
-      - name: Build ubuntu
-        run: yarn run electron:build -l
+      - name: release
+        uses: softprops/action-gh-release@v1
+        with:
+          draft: true
+          files: |
+            dist/*.exe
+            dist/*.zip
+            dist/*.dmg
+            dist/*.AppImage
+            dist/*.snap
+            dist/*.deb
+            dist/*.rpm
+            dist/*.tar.gz
+            dist/*.yml
+            dist/*.blockmap

.github/workflows/build-web.yml

@@ -4,7 +4,7 @@ on:
   workflow_dispatch:
   push:
     tags:
-      - '[0-9]+.[0-9]+.[0-9]+'
+      - "[0-9]+.[0-9]+.[0-9]+"
 
 jobs:
   build-and-deploy:
@@ -16,16 +16,16 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v1
         with:
-          node-version: '14.x'
+          node-version: "20.x"
 
       - name: Install dependencies
         run: yarn install --frozen-lockfile
 
       - name: Build
-        run: yarn run build
+        run: yarn run build:browser
 
       - name: Deploy
         uses: JamesIves/[email protected]
         with:
           branch: gh-pages # The branch the action should deploy to.
-          folder: dist # The folder the action should deploy.
+          folder: out/renderer # The folder the action should deploy.

.gitignore

@@ -1,6 +1,7 @@
 .DS_Store
 node_modules
 /dist
+/out
 
 # local env files
 .env.local

build/entitlements.mac.plist

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+  <dict>
+    <key>com.apple.security.cs.allow-jit</key>
+    <true/>
+    <key>com.apple.security.cs.allow-unsigned-executable-memory</key>
+    <true/>
+    <key>com.apple.security.cs.allow-dyld-environment-variables</key>
+    <true/>
+  </dict>
+</plist>

build/notarize.js

@@ -1,5 +1,5 @@
 require("dotenv").config();
-const { notarize } = require("electron-notarize");
+const { notarize } = require("@electron/notarize");
 
 exports.default = async function notarizing(context) {
   const { electronPlatformName, appOutDir } = context;
@@ -21,6 +21,6 @@ exports.default = async function notarizing(context) {
     appPath: `${appOutDir}/${appName}.app`,
     appleId: process.env.APPLEID,
     appleIdPassword: process.env.APPLEIDPASS,
-    teamId: process.env.APPLE_TEAM_ID
+    teamId: process.env.APPLE_TEAM_ID,
   });
 };

dev-app-update.yml

@@ -0,0 +1,3 @@
+provider: generic
+url: https://example.com/auto-updates
+updaterCacheDirName: genmdm-editor-vue3-updater

electron-builder.yml

@@ -0,0 +1,45 @@
+appId: pro.wray.genmdm-editor
+productName: genMDM Editor
+directories:
+  buildResources: build
+files:
+  - '!**/.vscode/*'
+  - '!src/*'
+  - '!electron.vite.config.{js,ts,mjs,cjs}'
+  - '!{.eslintignore,.eslintrc.cjs,.prettierignore,.prettierrc.yaml,dev-app-update.yml,CHANGELOG.md,README.md}'
+  - '!{.env,.env.*,.npmrc,pnpm-lock.yaml}'
+asarUnpack:
+  - resources/**
+win:
+  executableName: genmdm-editor
+nsis:
+  artifactName: ${name}-${version}-setup.${ext}
+  shortcutName: ${productName}
+  uninstallDisplayName: ${productName}
+  createDesktopShortcut: always
+mac:
+  entitlementsInherit: build/entitlements.mac.plist
+  extendInfo:
+    - NSCameraUsageDescription: Application requests access to the device's camera.
+    - NSMicrophoneUsageDescription: Application requests access to the device's microphone.
+    - NSDocumentsFolderUsageDescription: Application requests access to the user's Documents folder.
+    - NSDownloadsFolderUsageDescription: Application requests access to the user's Downloads folder.
+  notarize: true
+dmg:
+  artifactName: ${name}-${version}.${ext}
+  sign: false
+linux:
+  target:
+    - AppImage
+    - snap
+    - deb
+  category: Midi
+  maintainer: wray.pro
+appImage:
+  artifactName: ${name}-${version}.${ext}
+npmRebuild: false
+publish:
+  provider: github
+  releaseType: prerelease
+  vPrefixedTagName: false
+afterSign: build/notarize.js

electron.vite.config.mjs

@@ -0,0 +1,29 @@
+import { resolve } from "path";
+import { defineConfig, externalizeDepsPlugin } from "electron-vite";
+import { sharedConfig } from "./shared.vite.config";
+import { nodePolyfills } from "vite-plugin-node-polyfills";
+
+export default defineConfig({
+  main: {
+    plugins: [externalizeDepsPlugin()],
+  },
+  preload: {
+    plugins: [externalizeDepsPlugin()],
+  },
+  renderer: {
+    resolve: {
+      alias: {
+        "@renderer": resolve("src/renderer/src"),
+      },
+    },
+    plugins: [
+      ...sharedConfig.renderer.plugins,
+      nodePolyfills({
+        include: ["events"],
+      }),
+    ],
+    define: {
+      "process.env.ELECTRON_BUILD": true,
+    },
+  },
+});