refactor: move electron files into dedicated folder (#1284)

* chore: move files

* chore: update paths

* fix: use `path.resolve` for loading images

Author: afonsojramos

package.json

@@ -2,7 +2,7 @@
   "name": "gitify",
   "version": "5.9.0",
   "description": "GitHub Notifications on your menu bar.",
-  "main": "main.js",
+  "main": "src/electron/main.js",
   "scripts": {
     "build": "webpack --config webpack.prod.js",
     "clean": "rimraf build coverage node_modules",
@@ -64,14 +64,7 @@
   "build": {
     "appId": "com.electron.gitify",
     "productName": "Gitify",
-    "files": [
-      "build/**/*",
-      "assets/**/*",
-      "index.html",
-      "LICENSE",
-      "main.js",
-      "first-run.js"
-    ],
+    "files": ["build/**/*", "assets/**/*", "src/electron/*", "LICENSE"],
     "mac": {
       "category": "public.app-category.developer-tools",
       "icon": "assets/images/app-icon.icns",

first-run.js src/electron/first-run.jsfirst-run.js renamed to src/electron/first-run.js

@@ -15,7 +15,7 @@
     ></div>
   </body>
 
-  <script src="./build/js/app.js"></script>
+  <script src="./../../build/js/app.js"></script>
 
   <style>
     html,
@@ -27,34 +27,34 @@
 
     html::-webkit-scrollbar,
     div.flex-grow::-webkit-scrollbar {
-        width: 10px;
+      width: 10px;
     }
 
     html::-webkit-scrollbar-thumb,
     div.flex-grow::-webkit-scrollbar-thumb {
-        background-color: #c1c1c1;
-        border-radius: 10px;
+      background-color: #c1c1c1;
+      border-radius: 10px;
     }
 
     html::-webkit-scrollbar-thumb:hover,
     div.flex-grow::-webkit-scrollbar-thumb:hover {
-        background-color: #a8a8a8;
-        border-radius: 10px;
+      background-color: #a8a8a8;
+      border-radius: 10px;
     }
 
     html.dark::-webkit-scrollbar-track,
     html.dark div.flex-grow::-webkit-scrollbar-track {
-        background-color: #090E15;
+      background-color: #090e15;
     }
 
     html.dark::-webkit-scrollbar-thumb,
     html.dark div.flex-grow::-webkit-scrollbar-thumb {
-        background-color: #24292e;
+      background-color: #24292e;
     }
 
     html.dark::-webkit-scrollbar-thumb:hover,
     html.dark div.flex-grow::-webkit-scrollbar-thumb:hover {
-        background-color: #3a3f44;
+      background-color: #3a3f44;
     }
 
     body {

index.html src/electron/index.htmlindex.html renamed to src/electron/index.html

@@ -13,13 +13,12 @@ const path = require('node:path');
 // TODO: Remove @electron/remote use - see #650
 require('@electron/remote/main').initialize();
 
-const idleIcon = path.join(
-  __dirname,
-  'assets',
-  'images',
-  'tray-idleTemplate.png',
+const idleIcon = path.resolve(
+  `${__dirname}/../../assets/images/tray-idleTemplate.png`,
+);
+const activeIcon = path.resolve(
+  `${__dirname}/../../assets/images/tray-active.png`,
 );
-const activeIcon = path.join(__dirname, 'assets', 'images', 'tray-active.png');
 
 const browserWindowOpts = {
   width: 500,

main.js src/electron/main.jsmain.js renamed to src/electron/main.js

@@ -15,11 +15,5 @@
     "skipLibCheck": true,
     "checkJs": true
   },
-  "include": [
-    "src/**/*.js",
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "first-run.js",
-    "main.js"
-  ]
+  "include": ["src/**/*.js", "src/**/*.ts", "src/**/*.tsx"]
 }