Feat/electron

.env

@@ -1 +1,3 @@
-VITE_APP_DMX2WS_SERVER_URL=127.0.0.1:5214
+VITE_APP_DMX2WS_SERVER_URL="127.0.0.1:5214"
+VITE_DEV_SERVER_URL="http://localhost:5173"
+VITE_STATIC_URL=""

.gitignore

@@ -21,6 +21,9 @@ yarn-error.log*
 *.sln
 *.sw?
 
+# Electron output
+/out
+
 #Electron-builder output
 /dist_electron
 

electron.vite.config.js

@@ -0,0 +1,105 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import { defineConfig } from 'electron-vite';
+import path, { resolve } from 'path';
+import vue from '@vitejs/plugin-vue';
+import svgLoader from 'vite-svg-loader';
+import { fileURLToPath } from 'url';
+import util from 'util';
+import { exec } from 'child_process';
+
+const asyncExec = util.promisify(exec);
+
+async function prepareVersioningEnv() {
+  try {
+    const execData = await asyncExec('git describe --tags --abbrev=0');
+    process.env.VITE_APP_VERSION = execData.stdout;
+  } catch (err) {
+    process.env.VITE_APP_VERSION = '';
+  }
+
+  try {
+    const execData = await asyncExec(`git log -1 --format=%ai ${process.env.VITE_APP_VERSION}`);
+    process.env.VITE_APP_BUILD_DATE = execData.stdout;
+  } catch (err) {
+    process.env.VITE_APP_BUILD_DATE = '';
+  }
+
+  try {
+    const execData = await asyncExec('git rev-parse --abbrev-ref HEAD');
+    process.env.VITE_APP_BRANCH = execData.stdout;
+  } catch (err) {
+    process.env.VITE_APP_BRANCH = '';
+  }
+}
+
+const filename = fileURLToPath(import.meta.url);
+const pathSegments = path.dirname(filename);
+
+export default defineConfig(async () => {
+  process.env.VITE_STATIC_URL = 'static:/';
+  await prepareVersioningEnv();
+  return {
+    root: './',
+    plugins: [
+      vue(),
+      svgLoader(),
+    ],
+    resolve: {
+      alias: {
+        '@': path.resolve(pathSegments, './src'),
+        '@root': path.resolve(pathSegments, './'),
+      },
+      extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
+    },
+    main: {
+      plugins: [
+        vue(),
+        svgLoader(),
+      ],
+      resolve: {
+        alias: {
+          '@': path.resolve(pathSegments, './src'),
+          '@root': path.resolve(pathSegments, './'),
+        },
+        extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
+      },
+      root: '.',
+      build: {
+        publicDir: resolve(__dirname, 'public'),
+        lib: {
+          entry: './src/electron/main.js',
+        },
+      },
+    },
+    preload: {
+      build: {
+        publicDir: resolve(__dirname, 'public'),
+        lib: {
+          entry: './src/electron/preload.js',
+        },
+      },
+    },
+    renderer: {
+      plugins: [
+        vue(),
+        svgLoader(),
+      ],
+      resolve: {
+        alias: {
+          '@': path.resolve(pathSegments, './src'),
+          '@root': path.resolve(pathSegments, './'),
+        },
+        extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
+      },
+      root: '.',
+      build: {
+        publicDir: resolve(__dirname, 'public'),
+        rollupOptions: {
+          input: {
+            index: './index.html',
+          },
+        },
+      },
+    },
+  };
+});

index.html

@@ -5,8 +5,8 @@
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
-  <script type="module" src="/src/main.js"></script>
-  <link rel="icon" href="/images/studio_standalone_logo.png">
+  <script type="module" src="src/main.js"></script>
+  <link rel="icon" href="images/studio_standalone_logo.png">
   <title>ASLS Studio</title>
 </head>