feat: Upgrade jitsi-meet-electron-sdk to ES Modules & fix #140

README.md

@@ -23,9 +23,7 @@ The remote control utility requires iframe HTML Element that will load Jitsi Mee
 In the **render** electron process of the window where Jitsi Meet is displayed:
 
 ```Javascript
-const {
-    RemoteControl
-} = require("@jitsi/electron-sdk");
+import { RemoteControl } from "@jitsi/electron-sdk";
 
 // iframe - the Jitsi Meet iframe
 const remoteControl = new RemoteControl(iframe);
@@ -41,9 +39,7 @@ NOTE: `dispose` method will be called automatically when the Jitsi Meet iframe u
 In the **main** electron process:
 
 ```Javascript
-const {
-    RemoteControlMain
-} = require("@jitsi/electron-sdk");
+import { RemoteControlMain } from "@jitsi/electron-sdk";
 
 // jitsiMeetWindow - The BrowserWindow instance of the window where Jitsi Meet is loaded.
 const remoteControl = new RemoteControlMain(mainWindow);
@@ -59,19 +55,15 @@ The screen sharing utility requires iframe HTML Element that will load Jitsi Mee
 In the **render** electron process of the window where Jitsi Meet is displayed:
 
 ```Javascript
-const {
-    setupScreenSharingRender
-} = require("@jitsi/electron-sdk");
+import { setupScreenSharingRender } from "@jitsi/electron-sdk";
 
 // api - The Jitsi Meet iframe api object.
 setupScreenSharingRender(api);
 ```
 In the **main** electron process:
 
 ```Javascript
-const {
-    setupScreenSharingMain
-} = require("@jitsi/electron-sdk");
+import { setupScreenSharingMain } from "@jitsi/electron-sdk";
 
 // jitsiMeetWindow - The BrowserWindow instance of the window where Jitsi Meet is loaded.
 // appName - Application name which will be displayed inside the content sharing tracking window
@@ -93,9 +85,7 @@ Displays a small window with the current active speaker video when the main Jits
 
 In the **main** electron process:
 ```Javascript
-const {
-    setupAlwaysOnTopMain
-} = require("@jitsi/electron-sdk");
+import { setupAlwaysOnTopMain } from "@jitsi/electron-sdk";
 
 // jitsiMeetWindow - The BrowserWindow instance
 // of the window where Jitsi Meet is loaded.
@@ -104,9 +94,7 @@ setupAlwaysOnTopMain(jitsiMeetWindow);
 
 In the **render** electron process of the window where Jitsi Meet is displayed:
 ```Javascript
-const {
-    setupAlwaysOnTopRender
-} = require("@jitsi/electron-sdk");
+import { setupAlwaysOnTopRender } from "@jitsi/electron-sdk";
 
 const api = new JitsiMeetExternalAPI(...);
 const alwaysOnTop = setupAlwaysOnTopRender(api);
@@ -128,9 +116,7 @@ Provides a way to query electron for system idle and receive power monitor event
 **enable power monitor:**
 In the **main** electron process:
 ```Javascript
-const {
-    setupPowerMonitorMain
-} = require("@jitsi/electron-sdk");
+import { setupPowerMonitorMain } from "@jitsi/electron-sdk";
 
 // jitsiMeetWindow - The BrowserWindow instance
 // of the window where Jitsi Meet is loaded.
@@ -139,9 +125,7 @@ setupPowerMonitorMain(jitsiMeetWindow);
 
 In the **render** electron process of the window where Jitsi Meet is displayed:
 ```Javascript
-const {
-    setupPowerMonitorRender
-} = require("@jitsi/electron-sdk");
+import { setupPowerMonitorRender } from "@jitsi/electron-sdk";
 
 const api = new JitsiMeetExternalAPI(...);
 setupPowerMonitorRender(api);

alwaysontop/constants.js

@@ -1,33 +1,37 @@
-module.exports = {
-    AOT_WINDOW_NAME: 'AlwaysOnTop',
-    ASPECT_RATIO: 16 / 9,
-    EVENTS: {
-        MOVE: 'aot-move',
-        UPDATE_STATE: 'aot-update-state',
-    },
-    EXTERNAL_EVENTS: {
-        ALWAYSONTOP_DISMISSED: 'dismissed',
-        ALWAYSONTOP_WILL_CLOSE: 'will-close',
-        ALWAYSONTOP_DOUBLE_CLICK: 'double-click'
-    },
-    EVENTS_CHANNEL: 'aot-events-channel',
-    SIZE: {
-        width: 320,
-        height: 180
-    },
-    STATES: {
-        CLOSE: 'aot-close',
-        CONFERENCE_JOINED: 'aot-conference-joined',
-        DISMISS: 'aot-dismiss',
-        HIDE: 'aot-hide',
-        OPEN: 'aot-open',
-        SHOW: 'aot-show',
-        SHOW_MAIN_WINDOW: 'aot-main-window-show',
-        IS_NOT_INTERSECTING: 'is-not-intersecting',
-        IS_INTERSECTING: 'is-intersecting'
-    },
-    STORAGE: {
-        AOT_X: 'aot-x',
-        AOT_Y: 'aot-y'
-    }
+export const AOT_WINDOW_NAME = 'AlwaysOnTop';
+export const ASPECT_RATIO = 16 / 9;
+
+export const EVENTS = {
+    MOVE: 'aot-move',
+    UPDATE_STATE: 'aot-update-state',
+};
+
+export const EXTERNAL_EVENTS = {
+    ALWAYSONTOP_DISMISSED: 'dismissed',
+    ALWAYSONTOP_WILL_CLOSE: 'will-close',
+    ALWAYSONTOP_DOUBLE_CLICK: 'double-click'
+};
+
+export const EVENTS_CHANNEL = 'aot-events-channel';
+
+export const SIZE = {
+    width: 320,
+    height: 180
+};
+
+export const STATES = {
+    CLOSE: 'aot-close',
+    CONFERENCE_JOINED: 'aot-conference-joined',
+    DISMISS: 'aot-dismiss',
+    HIDE: 'aot-hide',
+    OPEN: 'aot-open',
+    SHOW: 'aot-show',
+    SHOW_MAIN_WINDOW: 'aot-main-window-show',
+    IS_NOT_INTERSECTING: 'is-not-intersecting',
+    IS_INTERSECTING: 'is-intersecting'
+};
+
+export const STORAGE = {
+    AOT_X: 'aot-x',
+    AOT_Y: 'aot-y'
 };

alwaysontop/index.js

@@ -1,8 +1,8 @@
-const setupAlwaysOnTopRender = require('./render');
-const { cleanupAlwaysOnTopMain, setupAlwaysOnTopMain } = require('./main');
+import setupAlwaysOnTopRender from './render/index.js';
+import { setupAlwaysOnTopMain, cleanupAlwaysOnTopMain } from './main/index.js';
 
-module.exports = {
+export {
     cleanupAlwaysOnTopMain,
     setupAlwaysOnTopMain,
     setupAlwaysOnTopRender
-};
+};

alwaysontop/main/config.js

@@ -1,6 +1,6 @@
-const { SIZE } = require("../constants");
+import { SIZE } from '../constants.js';
 
-module.exports = {
+export default {
     backgroundColor: 'transparent',
     minWidth: SIZE.width,
     minHeight: SIZE.height,