Migrate to electron-vite and electron-builder

- Switch from deprecated Vue CLI plugin to `electron-vite` (see
  nklayman/vue-cli-plugin-electron-builder#1982)
- Update main/preload scripts to use `index.cjs` filenames to support
  `"type": "module"`, resolving crash issue (#233). This crash was
  related to Electron not supporting ESM (see electron/asar#249,
  electron/electron#21457).
- This commit completes migration to Vite from Vue CLI (#230).

Structure changes:

- Introduce separate folders for Electron's main and preload processes.
- Move TypeHelpers to `src/` to mark tit as accessible by the rest of
  the code.

Config changes:

- Make `vite.config.ts` reusable by Electron configuration.
- On electron-builder, use `--publish` flag instead of `-p` for clarity.

Tests:

- Add log for preload script loading verification.
- Implement runtime environment sanity checks.
- Enhance logging in `check-desktop-runtime-errors`.

scripts/check-desktop-runtime-errors/app/check-for-errors.js

@@ -2,9 +2,13 @@ import { splitTextIntoLines, indentText } from '../utils/text.js';
 import { die } from '../utils/log.js';
 import { readAppLogFile } from './app-logs.js';
 
-const LOG_ERROR_MARKER = '[error]'; // from electron-log
 const ELECTRON_CRASH_TITLE = 'Error'; // Used by electron for early crashes
-const APP_INITIALIZED_MARKER = '[APP_INIT_SUCCESS]'; // Logged by application on successful initialization
+const LOG_ERROR_MARKER = '[error]'; // from electron-log
+const EXPECTED_LOG_MARKERS = [
+  '[WINDOW_INIT]',
+  '[PRELOAD_INIT]',
+  '[APP_MOUNT_INIT]',
+];
 
 export async function checkForErrors(stderr, windowTitles, projectDir) {
   if (!projectDir) { throw new Error('missing project directory'); }
@@ -19,7 +23,8 @@ async function gatherErrors(stderr, windowTitles, projectDir) {
   const logContent = await readAppLogFile(projectDir);
   return [
     verifyStdErr(stderr),
-    verifyApplicationInitializationLog(logContent),
+    verifyApplicationLogsExist(logContent),
+    ...EXPECTED_LOG_MARKERS.map((marker) => verifyLogMarkerExistsInLogs(logContent, marker)),
     verifyWindowTitle(windowTitles),
     verifyErrorsInLogs(logContent),
   ].filter(Boolean);
@@ -45,17 +50,24 @@ function formatError(error) {
   return message;
 }
 
-function verifyApplicationInitializationLog(logContent) {
+function verifyApplicationLogsExist(logContent) {
   if (!logContent || !logContent.length) {
     return describeError(
       'Missing application logs',
       'Application logs are empty not were not found.',
     );
   }
-  if (!logContent.includes(APP_INITIALIZED_MARKER)) {
+  return undefined;
+}
+
+function verifyLogMarkerExistsInLogs(logContent, marker) {
+  if (!marker) {
+    throw new Error('missing marker');
+  }
+  if (!logContent?.includes(marker)) {
     return describeError(
-      'Unexpected application logs',
-      `Missing identifier "${APP_INITIALIZED_MARKER}" in application logs.`,
+      'Incomplete application logs',
+      `Missing identifier "${marker}" in application logs.`,
     );
   }
   return undefined;
@@ -104,7 +116,7 @@ function verifyErrorsInLogs(logContent) {
 function describeError(reason, description) {
   return {
     reason,
-    description: `${description}\nThis might indicate an early crash or significant runtime issue.`,
+    description: `${description}\n\nThis might indicate an early crash or significant runtime issue.`,
   };
 }
 

scripts/check-desktop-runtime-errors/config.js

@@ -1,7 +1,7 @@
 import { join } from 'path';
 
-export const DESKTOP_BUILD_COMMAND = 'npm run electron:build -- -p never';
+export const DESKTOP_BUILD_COMMAND = 'npm run electron:prebuild && npm run electron:build -- --publish never';
 export const PROJECT_DIR = process.cwd();
-export const DESKTOP_DIST_PATH = join(PROJECT_DIR, 'dist_electron');
+export const DESKTOP_DIST_PATH = join(PROJECT_DIR, 'dist');
 export const APP_EXECUTION_DURATION_IN_SECONDS = 60; // Long enough for CI runners
 export const SCREENSHOT_PATH = join(PROJECT_DIR, 'screenshot.png');

scripts/check-desktop-runtime-errors/utils/npm.js

@@ -15,7 +15,7 @@ export async function npmInstall(projectDir) {
   if (!projectDir) { throw new Error('missing project directory'); }
   const npmModulesPath = join(projectDir, 'node_modules');
   if (!await isDirMissingOrEmpty(npmModulesPath)) {
-    log(`Directory "${npmModulesPath}" exists and has content. Skipping 'npm install'.`);
+    log(`Directory "${npmModulesPath}" exists and has content. Skipping \`npm install\`.`);
     return;
   }
   log('Starting dependency installation...');