Updated Dependencies

main.js

@@ -5,7 +5,7 @@ const { app, BrowserWindow } = require('electron');
 let win;
 
 function createWindow() {
-  win = new BrowserWindow({ width: 800, height: 600, frame: false, webPreferences: { webSecurity: false } }); //TODO: Please find a better solution for the love of god.
+  win = new BrowserWindow({ width: 800, height: 600, frame: false, webPreferences: { webSecurity: false, nodeIntegration: true } }); //TODO: Please find a better solution for the love of god.
 
   if (process.env.NODE_ENV === "development") win.loadURL(`http://localhost:${process.env.PORT}`);
   else win.loadFile('./build/index.html');
@@ -25,4 +25,4 @@ app.on('window-all-closed', () => {
 
 app.on('activate', () => {
   if (win === null) createWindow();
-});
+});

package.json

@@ -1,6 +1,6 @@
 {
   "name": "melodii",
-  "version": "2018.1226.0",
+  "version": "2019.520.0",
   "description": "Melodii Music Player",
   "main": "main.js",
   "author": "Rekai Nyangadzayi Musuka",
@@ -25,7 +25,7 @@
     "babel-loader": "^8.0.4",
     "chai": "^4.2.0",
     "css-loader": "^2.1.0",
-    "electron": "^4.0.0",
+    "electron": "^5.0.1",
     "file-loader": "^3.0.1",
     "mocha": "^6.0.0",
     "node-sass": "^4.11.0",
@@ -41,11 +41,11 @@
     "@fortawesome/fontawesome-svg-core": "^1.2.12",
     "@fortawesome/free-solid-svg-icons": "^5.6.3",
     "@fortawesome/react-fontawesome": "^0.1.3",
-    "dotenv": "^6.2.0",
+    "dotenv": "^8.0.0",
     "electron-settings": "^3.2.0",
     "lastfm": "^0.9.2",
     "lastfmapi": "^0.1.1",
-    "music-metadata": "^3.3.2",
+    "music-metadata": "^4.0.1",
     "react": "^16.7.0",
     "react-dom": "^16.7.0"
   }

src/components/Body.js

@@ -3,7 +3,7 @@ import Table, { generate, saveTable } from "./Body/Table";
 import Emitter from "../melodii/Events";
 
 
-const Settings = window.require("electron-settings");
+const Settings = require("electron-settings");
 
 export default class Body extends React.Component {
     constructor() {

src/components/Footer/Volume.js

@@ -1,7 +1,7 @@
 import React from "react";
 import MusicPlayer from "../../melodii/MusicPlayer";
 
-const Settings = window.require("electron-settings");
+const Settings = require("electron-settings");
 const mp = new MusicPlayer();
 
 export default class Volume extends React.Component {

src/components/Modal/SettingsManager.js

@@ -3,7 +3,7 @@ import Modal from '../Modal';
 import Emitter from '../../melodii/Events';
 import { generate, saveTable } from '../Body/Table';
 
-const Settings = window.require("electron-settings");
+const Settings = require("electron-settings");
 
 /**
  * The Extension of the Modal Class which is responsible for

src/melodii/Buttons.js

@@ -1,4 +1,4 @@
-const electron = window.require('electron');
+const electron = require('electron');
 
 export default class Buttons {
     

src/melodii/Filepath.js

@@ -1,5 +1,5 @@
 import os from "os";
-const fs = window.require("fs");
+const fs = require("fs");
 
 export default class Filepath {
 

src/melodii/Song.js

@@ -1,6 +1,6 @@
 import noalbumart from '../assets/img/noalbumart.png';
 import Emitter from './Events';
-const mm = window.require('music-metadata');
+const mm = require('music-metadata');
 
 export default class Song {
     

src/melodii/extras/LastFM.js

@@ -1,8 +1,8 @@
 import API from "lastfmapi";
 
-const remote = window.require("electron").remote;
+const remote = require("electron").remote;
 const process = remote.getGlobal("process");
-const settings = window.require("electron-settings");
+const settings = require("electron-settings");
 
 /**
  * Handles all Supported https://last.fm API Functions

src/melodii/extras/RichPresence.js

@@ -1,4 +1,4 @@
-const settings = window.require('electron-settings');
+const settings = require('electron-settings');
 
 class RichPresence {
     constructor(clientID, secret) {

webpack.config.js

@@ -17,9 +17,6 @@ module.exports = {
         exclude: /node_modules/,
         use: {
           loader: 'babel-loader',
-          options: {
-            presets: ['@babel/preset-env', '@babel/preset-react']
-          }
         }
       }, {
         test: /\.s?css$/,