chore: cleaning + major versions upgrade (#147)

* chore: cleaning + major versions upgrade (typescript, vite, jest, eslint, electron-chromedriver, prettier)

* chore: converted to ESM imports
+ get-port v5 to v7 + cleaned some imports

* fix: better ESM __dirname

* fix: eslint migrate from .eslintrc to eslint.config.js

* wip: jest typescript esm
+ update electron context menu

* wip: jest typescript esm
+ update electron-store

* wip: jest electron mock

* chore: upgrade electron to v32

* fix: preload has to end with .mjs in ESM mode
+ update deps
+ cleaning unused imports
+ more ESM conversion

* fix: convert notarize.js to ESM modules

* fix: rebased on main

* wip: why??

* fix: node v20 minimum dependency

* Revert "wip: why??"

This reverts commit 3193381.

* fix: node v20 minimum dependency

Author: SRWieZ

.github/workflows/run-plugin-tests.yml

@@ -14,7 +14,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 18.x
+          node-version: 20.x
       - name: Install dependencies
         working-directory: ./resources/js/
         run: npm install

.github/workflows/run-tests.yml

@@ -37,6 +37,11 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@v4
 
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+
       - name: Setup PHP
         uses: shivammathur/setup-php@v2
         with:

resources/js/.gitignore

@@ -1,3 +1,3 @@
 .idea
 node_modules
-out
+out

resources/js/build/notarize.js

@@ -1,6 +1,6 @@
-const {notarize} = require('@electron/notarize')
+import { notarize } from '@electron/notarize';
 
-module.exports = async (context) => {
+export default async (context) => {
     if (process.platform !== 'darwin') return
 
     console.log('aftersign hook triggered, start to notarize app.')

resources/js/electron-builder.js

@@ -1,7 +1,10 @@
-const os = require('os');
-const { join } = require("path");
-const { mkdtempSync } = require("fs");
-const { copySync, removeSync, writeJsonSync } = require("fs-extra");
+import os from 'os';
+import { join } from 'path';
+import { mkdtempSync } from 'fs';
+
+// Workaround for CommonJS module
+import fs_extra from 'fs-extra';
+const { copySync, removeSync, writeJsonSync } = fs_extra;
 
 const isBuilding = process.env.NATIVEPHP_BUILDING;
 const appId = process.env.NATIVEPHP_APP_ID;
@@ -54,7 +57,7 @@ if (isBuilding) {
     console.log();
 
     try {
-        const appPath = join(__dirname, 'resources', 'app');
+        const appPath = join(import.meta.dirname, 'resources', 'app');
 
         removeSync(appPath);
 
@@ -122,7 +125,7 @@ if (isBuilding) {
 
 }
 
-module.exports = {
+export default {
     appId: appId,
     productName: appName,
     directories: {

resources/js/electron-plugin/.eslintrc

@@ -1,5 +1,6 @@
-module.exports = {
+export default {
   presets: [
-    '@babel/preset-typescript',
+      ['@babel/preset-env', {targets: {node: 'current'}}],
+      '@babel/preset-typescript',
   ],
 };

resources/js/electron-plugin/babel.config.js

@@ -8,21 +8,23 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { app } from "electron";
-import { autoUpdater } from "electron-updater";
-import state from "./server/state";
+import { initialize } from "@electron/remote/main/index.js";
+import state from "./server/state.js";
 import { electronApp, optimizer } from "@electron-toolkit/utils";
-import { retrieveNativePHPConfig, retrievePhpIniSettings, runScheduler, startAPI, startPhpApp, } from "./server";
-import { notifyLaravel } from "./server/utils";
+import { retrieveNativePHPConfig, retrievePhpIniSettings, runScheduler, startAPI, startPhpApp, } from "./server/index.js";
+import { notifyLaravel } from "./server/utils.js";
 import { resolve } from "path";
-import { stopAllProcesses } from "./server/api/childProcess";
+import { stopAllProcesses } from "./server/api/childProcess.js";
 import ps from "ps-node";
+import electronUpdater from 'electron-updater';
+const { autoUpdater } = electronUpdater;
 class NativePHP {
     constructor() {
         this.processes = [];
         this.schedulerInterval = undefined;
     }
     bootstrap(app, icon, phpBinary, cert) {
-        require("@electron/remote/main").initialize();
+        initialize();
         state.icon = icon;
         state.php = phpBinary;
         state.caCert = cert;

resources/js/electron-plugin/dist/index.js

@@ -1,5 +1,5 @@
-const { contextBridge, ipcRenderer } = require('electron');
-const remote = require('@electron/remote');
+import remote from "@electron/remote";
+import { ipcRenderer } from "electron";
 const Native = {
     on: (event, callback) => {
         ipcRenderer.on('native-event', (_, data) => {