optimizing build size (80MB -> 45MB)

liquidchat-devs · Jan 25, 2021 · 27fb5bf · 27fb5bf
1 parent f7195d6
commit 27fb5bf
Show file tree

Hide file tree

Showing 12 changed files with 36 additions and 17,586 deletions.
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -1,26 +1,17 @@
 {
   "name": "LiquidChat",
+  "author": "LamkasDev",
+  "description": "An open-source chatting app",
   "version": "0.1.0",
-  "proxy": "http://localhost:8080",
+  "proxy": "https://nekonetwork.net:8080",
   "private": true,
   "dependencies": {
-    "@material-ui/core": "^4.11.0",
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.5.0",
-    "@testing-library/user-event": "^7.2.1",
     "axios": "^0.19.2",
-    "electron-is-dev": "^1.2.0",
-    "electron-log": "^4.2.4",
-    "electron-updater": "^4.3.4",
-    "electron-webrtc": "^0.3.0",
     "mediasoup-client": "^3.6.20",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-movable": "^2.5.1",
-    "react-scripts": "3.4.1",
-    "react-twemoji": "^0.3.0",
-    "socket.io-client": "^2.3.0",
-    "websocket": "^1.0.32"
+    "socket.io-client": "^2.3.0"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -76,7 +67,8 @@
     "babel-loader": "^8.1.0",
     "electron": "7.0.0",
     "electron-builder": "^22.8.0",
-    "webpack-cli": "^3.3.12"
+    "webpack-cli": "^3.3.12",
+	  "react-scripts": "3.4.1"
   },
   "postinstall": "electron-builder install-app-deps",
   "main": "./public/electron.js",

diff --git a/client/public/electron.js b/client/public/electron.js
@@ -1,5 +1,4 @@
 const electron = require('electron');
-const isDev = require('electron-is-dev');
 const path = require('path');
 
 let app = electron.app;
@@ -9,13 +8,13 @@ let tray;
 function createWindow() {
   mainWindow = new electron.BrowserWindow({ width: 900, height: 680, webPreferences: { preload: path.join(__dirname, "preload.js"), zoomFactor: 0.8 }, frame: false });
   mainWindow.setMenu(null);
-  mainWindow.loadURL(isDev ? 'http://localhost:3000' : `https://nekonetwork.net`);
+  mainWindow.loadURL(`https://nekonetwork.net`);
 
   mainWindow.on('closed', () => mainWindow = null);
 }
 
 app.on('ready', () => {
-  tray = new electron.Tray(`${path.join(__dirname, '../logo192_.png')}`)
+  tray = new electron.Tray(`${path.join(__dirname, '../logo192.png')}`)
   const contextMenu = new electron.Menu();
   contextMenu.append(new electron.MenuItem({ label: "LiquidChat", type: "normal" }))
   contextMenu.append(new electron.MenuItem({ type: "separator" }))

diff --git a/client/public/favicon.ico b/client/public/favicon.ico
diff --git a/client/public/favicon_.ico b/client/public/favicon_.ico
diff --git a/client/public/index.html b/client/public/index.html
@@ -2,11 +2,11 @@
 <html lang="en" class="bgColor">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon_.ico" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta name="description" content="An open-source chatting platform-"/>
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192_.png" />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <script src="https://kit.fontawesome.com/1c9144b004.js" crossorigin="anonymous"></script>

diff --git a/client/public/logo192.png b/client/public/logo192.png
diff --git a/client/public/logo192_.png b/client/public/logo192_.png
diff --git a/client/public/logo512.png b/client/public/logo512.png
diff --git a/client/src/App.js b/client/src/App.js
@@ -263,7 +263,7 @@ class App extends React.Component {
 
     //Setup menu bar
     if(window.navigator.userAgent.includes("LiquidChat")) {
-      if(this.state.registeredHooks === true) {
+      if(this.state.registeredHooks === false) {
         const minimizeButton = document.getElementById("minimize-btn");
         const maxUnmaxButton = document.getElementById("max-unmax-btn");
         const closeButton = document.getElementById("close-btn");
@@ -288,9 +288,9 @@ class App extends React.Component {
         closeButton.addEventListener("click", e => {
           window.closeWindow();
         });
-
-        document.getElementById("web-header").remove();
       }
+
+      document.getElementById("web-header").remove();
     } else {
       document.getElementById("app-header").remove();
     }

diff --git a/client/src/index.css b/client/src/index.css
@@ -1197,6 +1197,7 @@ code {
 
 .overlaybg {
   background: url("https://nekonetwork.net:8081/bg.png");
+  z-index: -1;
 }
 
 .statusBorder {