chore: Migrate Electron scripts and configuration files to TypeScript

chore: Update engine requirement to Node 23 (required for experimental strip types)

chore: Update Node version in CI to 24, and actions/checkout & actions/setup-node to v5

Co-authored-by: Tibix <fuloptibi03@gmail.com>

Author: Levev

.github/workflows/release.yml

@@ -26,7 +26,7 @@ jobs:
       (github.event_name == 'workflow_dispatch' && github.event.inputs.build_type != 'guest-server-only')
     steps:
       - name: Checkout code
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
       - name: Update USB IDs database
         run: |
           echo "Removing old usb.ids file..."
@@ -48,7 +48,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "22"
+          node-version: "24"
           cache: "npm"
       - name: Set up Go
         uses: actions/setup-go@v5
@@ -128,7 +128,7 @@ jobs:
     if: github.event_name == 'workflow_dispatch' && github.event.inputs.build_type == 'guest-server-only'
     steps:
       - name: Checkout code
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
       - name: Show build type
         run: |
           echo "Manual workflow triggered with build type: guest-server-only"
@@ -151,7 +151,7 @@ jobs:
       (github.event_name == 'workflow_dispatch' && github.event.inputs.build_type == 'all')
     steps:
       - name: Checkout code
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
       - name: Update USB IDs database
         run: |
           echo "Removing old usb.ids file..."
@@ -173,7 +173,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "22"
+          node-version: "24"
           cache: "npm"
       - name: Set up Go
         uses: actions/setup-go@v5

.npmrc

@@ -0,0 +1 @@
+engine-strict=true

package.json

@@ -4,10 +4,13 @@
     "description": "Windows for Penguins",
     "type": "module",
     "main": "main/main.js",
+    "engines": {
+        "node": ">=23.6.0"
+    },
     "scripts": {
-        "dev": "node scripts/dev-server.js",
+        "dev": "node scripts/dev-server.ts",
         "build-guest-server": "bash build-guest-server.sh",
-        "build:linux-gs": "bash build-guest-server.sh && node scripts/build.js && electron-builder --linux"
+        "build:linux-gs": "bash build-guest-server.sh && node scripts/build.ts && electron-builder --linux"
     },
     "repository": "https://github.com/TibixDev/winboat",
     "author": {

postcss.config.js postcss.config.tspostcss.config.js renamed to postcss.config.ts

@@ -2,8 +2,8 @@ import Path from 'path';
 import Chalk from 'chalk';
 import FileSystem from 'fs';
 import * as Vite from 'vite';
-import compileTs from './private/tsc.js';
-import { EOL } from 'os';
+import compileTs from './private/tsc.ts';
+// ^ Extension can't be omitted because Node expects it
 import { fileURLToPath } from 'url';
 
 const __filename = fileURLToPath(import.meta.url);

scripts/build.js scripts/build.tsscripts/build.js renamed to scripts/build.ts

@@ -1,21 +1,22 @@
 process.env.NODE_ENV = 'development';
 
 import * as Vite from 'vite';
-import ChildProcess from 'child_process';
+import ChildProcess, { type ChildProcessWithoutNullStreams } from 'child_process';
 import Path from 'path';
 import Chalk from 'chalk';
 import Chokidar from 'chokidar';
 import Electron from 'electron';
-import compileTs from './private/tsc.js';
+import compileTs from './private/tsc.ts';
+// ^ Extension needed because no TSConfig in the root
 import FileSystem from 'fs';
 import { EOL } from 'os';
 import { fileURLToPath } from 'url';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = Path.dirname(__filename);
 
-let viteServer = null;
-let electronProcess = null;
+let viteServer: Vite.ViteDevServer | null = null;
+let electronProcess: ChildProcessWithoutNullStreams | null = null;
 let electronProcessLocker = false;
 let rendererPort = 0;
 
@@ -44,24 +45,25 @@ async function startElectron() {
 
     const args = [
         Path.join(__dirname, '..', 'build', 'main', 'main.js'),
-        rendererPort,
+        String(rendererPort),
     ];
-    electronProcess = ChildProcess.spawn(Electron, args);
+
+    electronProcess = ChildProcess.spawn(String(Electron), args);
     electronProcessLocker = false;
 
-    electronProcess.stdout.on('data', data => {
+    electronProcess!.stdout.on('data', data => {
         if (data == EOL) {
             return;
         }
 
         process.stdout.write(Chalk.blueBright(`[electron] `) + Chalk.white(data.toString()))
     });
 
-    electronProcess.stderr.on('data', data => 
+    electronProcess!.stderr.on('data', data => 
         process.stderr.write(Chalk.blueBright(`[electron] `) + Chalk.white(data.toString()))
     );
 
-    electronProcess.on('exit', () => stop());
+    electronProcess!.on('exit', () => stop());
 }
 
 function restartElectron() {
@@ -94,7 +96,7 @@ function copy(path) {
 }
 
 function stop() {
-    viteServer.close();
+    viteServer!.close();
     process.exit();
 }
 

scripts/dev-server.js scripts/dev-server.tsscripts/dev-server.js renamed to scripts/dev-server.ts

@@ -2,17 +2,17 @@ import ChildProcess from 'child_process';
 import Chalk from 'chalk';
 
 export default function compile(directory) {
-  return new Promise((resolve, reject) => {
+  return new Promise<void>((resolve, reject) => {
     const tscProcess = ChildProcess.exec('tsc', {
       cwd: directory,
     });
 
-    tscProcess.stdout.on('data', data => 
+    tscProcess.stdout!.on('data', data => 
         process.stdout.write(Chalk.yellowBright(`[tsc] `) + Chalk.white(data.toString()))
     );
 
     tscProcess.on('exit', exitCode => {
-      if (exitCode > 0) {
+      if (exitCode ?? 1 > 0) {
         reject(exitCode);
       } else {
         resolve();

scripts/private/tsc.js scripts/private/tsc.tsscripts/private/tsc.js renamed to scripts/private/tsc.ts

@@ -2,8 +2,8 @@
     "compilerOptions": {
         "target": "esnext",
         "useDefineForClassFields": true,
-        "module": "nodenext",
-        "moduleResolution": "nodenext",
+        "module": "esnext",
+        "moduleResolution": "bundler",
         "strict": true,
         "jsx": "preserve",
         "sourceMap": true,

src/renderer/tsconfig.json

@@ -126,7 +126,7 @@ const wallpaper = ref("");
 
 onMounted(async () => {
     compose.value = winboat.parseCompose();
-    wallpaper.value = compose.value.services.windows.environment.VERSION.includes("11")
+    wallpaper.value = compose.value?.services.windows.environment.VERSION.includes("11")
         ? "./img/wallpaper/win11.webp"
         : "./img/wallpaper/win10.webp";