Dev

electron/components/DownloaderWindow.ts

@@ -1,6 +1,7 @@
 import { BrowserWindow } from 'electron';
 import isDev from 'electron-is-dev';
 import path from 'path';
+import { get__dirname } from '../configs.js';
 
 export default class DownloaderWindow extends BrowserWindow {
   constructor(url: string) {
@@ -12,12 +13,15 @@ export default class DownloaderWindow extends BrowserWindow {
       backgroundColor: '#060606',
       title: 'Downloader',
       webPreferences: {
-        preload: path.join(__dirname, 'preload.js'),
+        preload: path.join(get__dirname(import.meta.url), 'preload.js'),
         backgroundThrottling: false,
       },
       icon:
         process.platform === 'linux'
-          ? path.join(__dirname, '../assets/icons/256x256.png')
+          ? path.join(
+              get__dirname(import.meta.url),
+              '../assets/icons/256x256.png'
+            )
           : undefined,
     });
     this.setMenuBarVisibility(false);

electron/components/MainWindow.ts

@@ -1,6 +1,7 @@
 import { BrowserWindow } from 'electron';
-import path from 'path';
 import windowStateKeeper from 'electron-window-state';
+import path from 'path';
+import { get__dirname } from '../configs.js';
 
 class MainWindow extends BrowserWindow {
   constructor(url: string, state: windowStateKeeper.State) {
@@ -15,12 +16,12 @@ class MainWindow extends BrowserWindow {
       backgroundColor: '#060606',
       title: 'YTS-Streaming',
       webPreferences: {
-        preload: path.join(__dirname, 'preload.js'),
+        preload: path.join(get__dirname(import.meta.url), 'preload.cjs'),
         backgroundThrottling: false,
       },
       icon:
         process.platform === 'linux'
-          ? path.join(__dirname, '../assets/icons/256x256.png')
+          ? path.join(get__dirname(import.meta.url), '../assets/icons/256x256.png')
           : undefined,
     });
     this.loadURL(url);

electron/components/VideoPlayerWindow.ts

@@ -1,5 +1,6 @@
 import { BrowserWindow, Menu, shell } from 'electron';
 import path from 'path';
+import { get__dirname } from '../configs.js';
 
 class VideoPlayerWindow extends BrowserWindow {
   constructor(url: string) {
@@ -15,7 +16,10 @@ class VideoPlayerWindow extends BrowserWindow {
       webPreferences: {},
       icon:
         process.platform === 'linux'
-          ? path.join(__dirname, '../assets/icons/256x256.png')
+          ? path.join(
+              get__dirname(import.meta.url),
+              '../assets/icons/256x256.png'
+            )
           : undefined,
     });
     this.setMenu(

electron/configs.ts

@@ -0,0 +1,59 @@
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+export const ROOT_PATH = process.cwd(); // Current working directory: from where it is called
+
+export const get__dirname = (fileUrl: string) =>
+  path.dirname(fileURLToPath(fileUrl));
+
+export const ASSETS_PATHs = {
+  PLYR_JS: path.join(
+    get__dirname(import.meta.url),
+    'assets/video_player/plyr3.7.3.polyfilled.min.js'
+  ),
+  PLYR_CSS: path.join(
+    get__dirname(import.meta.url),
+    'assets/video_player/plyr3.7.3.min.css'
+  ),
+  BOOTSTRAP: path.join(
+    get__dirname(import.meta.url),
+    'assets/bootstrap/bootstrap.min.css'
+  ),
+  VIDEO_HTML_PATH: path.join(
+    get__dirname(import.meta.url),
+    'views/html/video.html'
+  ),
+  REACT_BUILD: path.join(get__dirname(import.meta.url), 'assets'),
+};
+
+export const WINDOW_PATHs = {
+  DOWNLOAD_WINDOW_HTML: path.join(
+    get__dirname(import.meta.url),
+    'views/html/download.html'
+  ),
+  MAIN_WINDOW_HTML: path.join(get__dirname(import.meta.url), 'index.html'),
+};
+
+export const DEV_SERVER = {
+  host: 'localhost',
+  port: '3000',
+};
+
+export const PROD_SERVER = {
+  host: 'localhost',
+  port: '18080',
+};
+
+export const STREAM_SERVER = {
+  host: 'localhost',
+  port: '19000',
+};
+
+/* Const Variable */
+export const MB = 1e6;
+
+/* Setup caption config */
+export const captionConf = path.join(ROOT_PATH, '.CaptionConf');
+export const defaultCaptionFont = {
+  fontSize: { small: 13, medium: 15, large: 21 },
+};