fix Native helper

Author: simonhamp

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

@@ -1,6 +1,16 @@
-import { ipcRenderer } from 'electron';
-import * as remote from '@electron/remote';
-import Native from './native';
+const { contextBridge, ipcRenderer } = require('electron');
+const remote = require('@electron/remote');
+const Native = {
+    on: (event, callback) => {
+        ipcRenderer.on('native-event', (_, data) => {
+            event = event.replace(/^(\\)+/, '');
+            data.event = data.event.replace(/^(\\)+/, '');
+            if (event === data.event) {
+                return callback(data.payload, event);
+            }
+        });
+    }
+};
 window.Native = Native;
 window.remote = remote;
 ipcRenderer.on('log', (event, { level, message, context }) => {

resources/js/electron-plugin/dist/server/api/window.js

@@ -76,7 +76,7 @@ router.post('/open', (req, res) => {
         state.windows[id].focus();
         return res.sendStatus(200);
     }
-    let preloadPath = join(__dirname, '../../preload/index.js');
+    let preloadPath = join(__dirname, '../../electron-plugin/dist/preload/index.js');
     let windowState = undefined;
     if (req.body.rememberState === true) {
         windowState = windowStateKeeper({

resources/js/electron-plugin/src/preload/index.ts

@@ -1,7 +1,18 @@
-import { contextBridge, ipcRenderer } from 'electron'
-import * as remote from '@electron/remote'
+const { contextBridge, ipcRenderer } = require('electron')
+const remote = require('@electron/remote')
+const Native = {
+    on: (event, callback) => {
+        ipcRenderer.on('native-event', (_, data) => {
+            // Strip leading slashes
+            event = event.replace(/^(\\)+/, '');
+            data.event = data.event.replace(/^(\\)+/, '');
 
-import Native from './native';
+            if(event === data.event) {
+                return callback(data.payload, event);
+            }
+        })
+    }
+};
 
 // @ts-ignore
 window.Native = Native;

resources/js/electron-plugin/src/server/api/window.ts

@@ -126,7 +126,7 @@ router.post('/open', (req, res) => {
         return res.sendStatus(200)
     }
 
-    let preloadPath = join(__dirname, '../../preload/index.js')
+    let preloadPath = join(__dirname, '../../electron-plugin/dist/preload/index.js')
 
     let windowState: windowStateKeeper.State | undefined = undefined