chore: convert JS to TS (#1934)

18 files changed, 160 insertions, 160 deletions

diff --git a/src/electron/Settings.js b/src/electron/Settings.ts
index 3e11bb175..a1344aa97 100644
--- a/src/electron/Settings.js
+++ b/src/electron/Settings.ts
@@ -7,9 +7,11 @@ const debug = require('debug')('Ferdi:Settings');
 export default class Settings {
   type = '';
 
+  defaultState: {};
+
   @observable store = {};
 
-  constructor(type, defaultState = {}) {
+  constructor(type: string, defaultState = {}) {
     this.type = type;
     this.store = defaultState;
     this.defaultState = defaultState;
@@ -35,7 +37,7 @@ export default class Settings {
     return toJS(this.store);
   }
 
-  get(key) {
+  get(key: string | number) {
     return this.store[key];
   }
 
@@ -56,6 +58,9 @@ export default class Settings {
   }
 
   get settingsFile() {
-    return userDataPath('config', `${this.type === 'app' ? 'settings' : this.type}.json`);
+    return userDataPath(
+      'config',
+      `${this.type === 'app' ? 'settings' : this.type}.json`,
+    );
   }
 }
diff --git a/src/electron/deepLinking.js b/src/electron/deepLinking.ts
index 70e5cfb6f..70e5cfb6f 100644
--- a/src/electron/deepLinking.js
+++ b/src/electron/deepLinking.ts
diff --git a/src/electron/exception.js b/src/electron/exception.ts
index 0065e2604..0065e2604 100644
--- a/src/electron/exception.js
+++ b/src/electron/exception.ts
diff --git a/src/electron/ipc-api/appIndicator.js b/src/electron/ipc-api/appIndicator.ts
index c6c261d0f..5b5f2bac7 100644
--- a/src/electron/ipc-api/appIndicator.js
+++ b/src/electron/ipc-api/appIndicator.ts
@@ -6,15 +6,22 @@ import { isMac, isWindows, isLinux } from '../../environment';
 const INDICATOR_TASKBAR = 'taskbar';
 const FILE_EXTENSION = isWindows ? 'ico' : 'png';
 
-let isTrayIconEnabled;
+let isTrayIconEnabled: boolean;
 
-function getAsset(type, asset) {
+function getAsset(type: 'tray' | 'taskbar', asset: string) {
   return join(
-    __dirname, '..', '..', 'assets', 'images', type, process.platform, `${asset}.${FILE_EXTENSION}`,
+    __dirname,
+    '..',
+    '..',
+    'assets',
+    'images',
+    type,
+    process.platform,
+    `${asset}.${FILE_EXTENSION}`,
   );
 }
 
-export default (params) => {
+export default params => {
   autorun(() => {
     isTrayIconEnabled = params.settings.app.get('enableSystemTray');
 
@@ -25,13 +32,15 @@ export default (params) => {
     }
   });
 
-  ipcMain.on('updateAppIndicator', (event, args) => {
+  ipcMain.on('updateAppIndicator', (_event, args) => {
     // Flash TaskBar for windows, bounce Dock on Mac
-    if (!app.mainWindow.isFocused()) {
+    if (!(app as any).mainWindow.isFocused()) {
       if (params.settings.app.get('notifyTaskBarOnMessage')) {
         if (isWindows) {
-          app.mainWindow.flashFrame(true);
-          app.mainWindow.once('focus', () => app.mainWindow.flashFrame(false));
+          (app as any).mainWindow.flashFrame(true);
+          (app as any).mainWindow.once('focus', () =>
+            (app as any).mainWindow.flashFrame(false),
+          );
         } else if (isMac) {
           app.dock.bounce('informational');
         }
@@ -39,22 +48,23 @@ export default (params) => {
     }
 
     // Update badge
-    if (isMac
-      && typeof (args.indicator) === 'string') {
+    if (isMac && typeof args.indicator === 'string') {
       app.dock.setBadge(args.indicator);
     }
 
-    if ((isMac || isLinux)
-      && typeof (args.indicator) === 'number'
-    ) {
+    if ((isMac || isLinux) && typeof args.indicator === 'number') {
       app.badgeCount = args.indicator;
     }
 
     if (isWindows) {
-      if (typeof args.indicator === 'number'
-        && args.indicator !== 0) {
+      if (typeof args.indicator === 'number' && args.indicator !== 0) {
         params.mainWindow.setOverlayIcon(
-          getAsset('taskbar', `${INDICATOR_TASKBAR}-${(args.indicator >= 10 ? 10 : args.indicator)}`),
+          getAsset(
+            'taskbar',
+            `${INDICATOR_TASKBAR}-${
+              args.indicator >= 10 ? 10 : args.indicator
+            }`,
+          ),
           '',
         );
       } else if (typeof args.indicator === 'string') {
diff --git a/src/electron/ipc-api/autoUpdate.js b/src/electron/ipc-api/autoUpdate.ts
index 255595b9e..70890539d 100644
--- a/src/electron/ipc-api/autoUpdate.js
+++ b/src/electron/ipc-api/autoUpdate.ts
@@ -1,11 +1,11 @@
-import { app, ipcMain } from 'electron';
+import { app, ipcMain, BrowserWindow } from 'electron';
 import { autoUpdater } from 'electron-updater';
 import { GITHUB_NIGHTLIES_REPO_NAME, GITHUB_ORG_NAME } from '../../config';
 import { isMac, isWindows } from '../../environment';
 
 const debug = require('debug')('Ferdi:ipcApi:autoUpdate');
 
-export default (params) => {
+export default (params: { mainWindow: BrowserWindow; settings: any }) => {
   const enableUpdate = Boolean(params.settings.app.get('automaticUpdates'));
 
   if (!enableUpdate) {
@@ -16,11 +16,15 @@ export default (params) => {
       if (enableUpdate) {
         try {
           autoUpdater.autoInstallOnAppQuit = false;
-          autoUpdater.allowPrerelease = Boolean(params.settings.app.get('beta'));
+          autoUpdater.allowPrerelease = Boolean(
+            params.settings.app.get('beta'),
+          );
           autoUpdater.channel = autoUpdater.allowPrerelease ? 'beta' : 'latest';
 
           if (params.settings.app.get('nightly')) {
-            autoUpdater.allowPrerelease = Boolean(params.settings.app.get('nightly'));
+            autoUpdater.allowPrerelease = Boolean(
+              params.settings.app.get('nightly'),
+            );
             autoUpdater.channel = 'alpha';
             autoUpdater.setFeedURL({
               provider: 'github',
@@ -52,7 +56,7 @@ export default (params) => {
       params.mainWindow.webContents.send('autoUpdate', { available: false });
     });
 
-    autoUpdater.on('update-available', (event) => {
+    autoUpdater.on('update-available', event => {
       debug('update-available');
 
       if (enableUpdate) {
@@ -63,7 +67,7 @@ export default (params) => {
       }
     });
 
-    autoUpdater.on('download-progress', (progressObj) => {
+    autoUpdater.on('download-progress', progressObj => {
       let logMessage = `Download speed: ${progressObj.bytesPerSecond}`;
       logMessage = `${logMessage} - Downloaded ${progressObj.percent}%`;
       logMessage = `${logMessage} (${progressObj.transferred}/${progressObj.total})`;
diff --git a/src/electron/ipc-api/cld.js b/src/electron/ipc-api/cld.ts
index 73e320ad9..b907f3730 100644
--- a/src/electron/ipc-api/cld.js
+++ b/src/electron/ipc-api/cld.ts
@@ -4,12 +4,15 @@ import cld from 'cld';
 const debug = require('debug')('Ferdi:ipcApi:cld');
 
 export default async () => {
-  ipcMain.handle('detect-language', async (event, { sample }) => {
+  ipcMain.handle('detect-language', async (_event, { sample }) => {
     try {
       const result = await cld.detect(sample);
       debug('Checking language', 'probability', result.languages);
       if (result.reliable) {
-        debug('Language detected reliably, setting spellchecker language to', result.languages[0].code);
+        debug(
+          'Language detected reliably, setting spellchecker language to',
+          result.languages[0].code,
+        );
 
         return result.languages[0].code;
       }
diff --git a/src/electron/ipc-api/dnd.js b/src/electron/ipc-api/dnd.ts
index 6fb8999a3..6fb8999a3 100644
--- a/src/electron/ipc-api/dnd.js
+++ b/src/electron/ipc-api/dnd.ts
diff --git a/src/electron/ipc-api/download.js b/src/electron/ipc-api/download.js
deleted file mode 100644
index ba261ba1e..000000000
--- a/src/electron/ipc-api/download.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import { ipcMain, dialog, BrowserWindow } from 'electron';
-import { download } from 'electron-dl';
-import mime from 'mime-types';
-import { writeFileSync } from 'fs-extra';
-
-const debug = require('debug')('Ferdi:ipcApi:download');
-
-function decodeBase64Image(dataString) {
-  const matches = dataString.match(/^data:([A-Za-z-+/]+);base64,(.+)$/);
-
-  if (matches.length !== 3) {
-    return new Error('Invalid input string');
-  }
-
-  return Buffer.from(matches[2], 'base64');
-}
-
-export default (params) => {
-  ipcMain.on('download-file', async (event, { url, content, fileOptions = {} }) => {
-    const win = BrowserWindow.getFocusedWindow();
-
-    try {
-      if (!content) {
-        const dl = await download(win, url, {
-          saveAs: true,
-        });
-        debug('File saved to', dl.savePath);
-      } else {
-        const extension = mime.extension(fileOptions.mime);
-        const filename = `${fileOptions.name}.${extension}`;
-
-        try {
-          const saveDialog = await dialog.showSaveDialog(params.mainWindow, {
-            defaultPath: filename,
-          });
-
-          if (saveDialog.canceled) return;
-
-          const binaryImage = decodeBase64Image(content);
-          writeFileSync(saveDialog.filePath, binaryImage, 'binary');
-
-          debug('File blob saved to', saveDialog.filePath);
-        } catch (err) {
-          console.log(err);
-        }
-      }
-    } catch (e) {
-      console.error(e);
-    }
-  });
-};
diff --git a/src/electron/ipc-api/download.ts b/src/electron/ipc-api/download.ts
new file mode 100644
index 000000000..822658f26
--- /dev/null
+++ b/src/electron/ipc-api/download.ts
@@ -0,0 +1,59 @@
+import { ipcMain, dialog, BrowserWindow } from 'electron';
+import { download } from 'electron-dl';
+import mime from 'mime-types';
+import { writeFileSync } from 'fs-extra';
+import { PathLike } from 'fs';
+
+const debug = require('debug')('Ferdi:ipcApi:download');
+
+function decodeBase64Image(dataString: string) {
+  const matches = dataString.match(/^data:([A-Za-z-+/]+);base64,(.+)$/);
+
+  if (matches?.length !== 3) {
+    return new Error('Invalid input string');
+  }
+
+  return Buffer.from(matches[2], 'base64');
+}
+
+export default (params: { mainWindow: BrowserWindow }) => {
+  ipcMain.on(
+    'download-file',
+    async (_event, { url, content, fileOptions = {} }) => {
+      const win = BrowserWindow.getFocusedWindow();
+
+      try {
+        if (!content) {
+          const dl = await download(win!, url, {
+            saveAs: true,
+          });
+          debug('File saved to', dl.savePath);
+        } else {
+          const extension = mime.extension(fileOptions.mime);
+          const filename = `${fileOptions.name}.${extension}`;
+
+          try {
+            const saveDialog = await dialog.showSaveDialog(params.mainWindow, {
+              defaultPath: filename,
+            });
+
+            if (saveDialog.canceled) return;
+
+            const binaryImage = decodeBase64Image(content);
+            writeFileSync(
+              saveDialog.filePath as PathLike,
+              binaryImage as unknown as string,
+              'binary',
+            );
+
+            debug('File blob saved to', saveDialog.filePath);
+          } catch (err) {
+            console.log(err);
+          }
+        }
+      } catch (e) {
+        console.error(e);
+      }
+    },
+  );
+};
diff --git a/src/electron/ipc-api/focusState.js b/src/electron/ipc-api/focusState.ts
index 0b4a0d8f3..01aa1a971 100644
--- a/src/electron/ipc-api/focusState.js
+++ b/src/electron/ipc-api/focusState.ts
@@ -1,4 +1,6 @@
-export default (params) => {
+import { BrowserWindow } from 'electron';
+
+export default (params: { mainWindow: BrowserWindow }) => {
   params.mainWindow.on('focus', () => {
     params.mainWindow.webContents.send('isWindowFocused', true);
   });
diff --git a/src/electron/ipc-api/index.js b/src/electron/ipc-api/index.ts
index 5da1edc39..06c50be10 100644
--- a/src/electron/ipc-api/index.js
+++ b/src/electron/ipc-api/index.ts
@@ -1,3 +1,4 @@
+import { BrowserWindow, Tray } from 'electron';
 import autoUpdate from './autoUpdate';
 import settings from './settings';
 import appIndicator from './appIndicator';
@@ -7,13 +8,17 @@ import cld from './cld';
 import dnd from './dnd';
 import focusState from './focusState';
 
-export default (params) => {
+export default (params: {
+  mainWindow: BrowserWindow;
+  settings: any;
+  tray: Tray;
+}) => {
   settings(params);
   autoUpdate(params);
   appIndicator(params);
   download(params);
   localServer(params);
-  cld(params);
+  cld();
   dnd();
   focusState(params);
 };
diff --git a/src/electron/ipc-api/localServer.js b/src/electron/ipc-api/localServer.ts
index 591e70504..d318b93a5 100644
--- a/src/electron/ipc-api/localServer.js
+++ b/src/electron/ipc-api/localServer.ts
@@ -1,12 +1,12 @@
-import { ipcMain } from 'electron';
+import { ipcMain, BrowserWindow } from 'electron';
 import net from 'net';
 import { LOCAL_HOSTNAME, LOCAL_PORT } from '../../config';
 import { userDataPath } from '../../environment';
 import startServer from '../../internal-server/start';
 
-const portInUse = function (port) {
-  return new Promise((resolve) => {
-    const server = net.createServer((socket) => {
+const portInUse = (port: number): Promise<boolean> =>
+  new Promise(resolve => {
+    const server = net.createServer(socket => {
       socket.write('Echo server\r\n');
       socket.pipe(socket);
     });
@@ -20,11 +20,10 @@ const portInUse = function (port) {
       resolve(false);
     });
   });
-};
 
 let localServerStarted = false;
 
-export default (params) => {
+export default (params: { mainWindow: BrowserWindow }) => {
   ipcMain.on('startLocalServer', () => {
     if (!localServerStarted) {
       // Find next unused port for server
diff --git a/src/electron/ipc-api/settings.js b/src/electron/ipc-api/settings.js
deleted file mode 100644
index 15182739c..000000000
--- a/src/electron/ipc-api/settings.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import { ipcMain } from 'electron';
-
-export default (params) => {
-  ipcMain.on('getAppSettings', (event, type) => {
-    params.mainWindow.webContents.send('appSettings', {
-      type,
-      data: params.settings[type].allSerialized,
-    });
-  });
-
-  ipcMain.on('updateAppSettings', (event, args) => {
-    params.settings[args.type].set(args.data);
-  });
-};
diff --git a/src/electron/ipc-api/settings.ts b/src/electron/ipc-api/settings.ts
new file mode 100644
index 000000000..72de6866d
--- /dev/null
+++ b/src/electron/ipc-api/settings.ts
@@ -0,0 +1,14 @@
+import { ipcMain, BrowserWindow, Settings } from 'electron';
+
+export default (params: { mainWindow: BrowserWindow; settings: Settings }) => {
+  ipcMain.on('getAppSettings', (_event, type) => {
+    params.mainWindow.webContents.send('appSettings', {
+      type,
+      data: params.settings[type].allSerialized,
+    });
+  });
+
+  ipcMain.on('updateAppSettings', (_event, args) => {
+    params.settings[args.type].set(args.data);
+  });
+};
diff --git a/src/electron/macOSPermissions.js b/src/electron/macOSPermissions.ts
index 887af2903..f5a8c7cc4 100644
--- a/src/electron/macOSPermissions.js
+++ b/src/electron/macOSPermissions.ts
@@ -1,4 +1,4 @@
-import { systemPreferences, dialog } from 'electron';
+import { systemPreferences, BrowserWindow, dialog } from 'electron';
 import { pathExistsSync, mkdirSync, writeFileSync } from 'fs-extra';
 import macosVersion from 'macos-version';
 import { dirname } from 'path';
@@ -7,12 +7,15 @@ import { userDataPath } from '../environment';
 
 const debug = require('debug')('Ferdi:macOSPermissions');
 
-const isExplicitScreenCapturePermissionReqd = macosVersion.isGreaterThanOrEqualTo('10.15');
-debug(`Should check explicitly for screen-capture permissions: ${isExplicitScreenCapturePermissionReqd}`);
+const isExplicitScreenCapturePermissionReqd =
+  macosVersion.isGreaterThanOrEqualTo('10.15');
+debug(
+  `Should check explicitly for screen-capture permissions: ${isExplicitScreenCapturePermissionReqd}`,
+);
 
 const filePath = userDataPath('.has-app-requested-screen-capture-permissions');
 
-function hasPromptedForScreenCapturePermission() {
+function hasPromptedForScreenCapturePermission(): boolean {
   if (!isExplicitScreenCapturePermissionReqd) {
     return false;
   }
@@ -21,7 +24,7 @@ function hasPromptedForScreenCapturePermission() {
   return filePath && pathExistsSync(filePath);
 }
 
-function hasScreenCapturePermissionAlreadyBeenGranted() {
+function hasScreenCapturePermissionAlreadyBeenGranted(): boolean {
   if (!isExplicitScreenCapturePermissionReqd) {
     return true;
   }
@@ -35,7 +38,7 @@ function createStatusFile() {
   try {
     writeFileSync(filePath, '');
   } catch (error) {
-    if (error.code === 'ENOENT') {
+    if ((error as any).code === 'ENOENT') {
       mkdirSync(dirname(filePath));
       writeFileSync(filePath, '');
     }
@@ -44,7 +47,7 @@ function createStatusFile() {
   }
 }
 
-export const askFormacOSPermissions = async mainWindow => {
+export const askFormacOSPermissions = async (mainWindow: BrowserWindow) => {
   debug('Checking camera & microphone permissions');
   systemPreferences.askForMediaAccess('camera');
   systemPreferences.askForMediaAccess('microphone');
diff --git a/src/electron/webview-ime-focus.js b/src/electron/webview-ime-focus.js
deleted file mode 100644
index e187ee0b4..000000000
--- a/src/electron/webview-ime-focus.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import { webContents } from '@electron/remote';
-import { releaseDocumentFocus } from './webview-ime-focus-helpers';
-
-function giveWebviewDocumentFocus(element) {
-  releaseDocumentFocus();
-
-  window.requestAnimationFrame(() => {
-    element.send('claim-document-focus');
-  });
-}
-
-function elementIsUnfocusedWebview(element) {
-  return element.tagName === 'WEBVIEW' && !webContents.fromId(element.getWebContentsId()).isFocused();
-}
-
-function webviewDidAutofocus(element) {
-  function didKeyDown() {
-    element.removeEventListener('keydown', didKeyDown, true);
-    giveWebviewDocumentFocus(element);
-  }
-
-  element.addEventListener('keydown', didKeyDown, true);
-}
-
-function handleAutofocus(element) {
-  element.addEventListener('ipc-message', (event) => {
-    if (event.channel === 'autofocus') {
-      element.focus();
-      webviewDidAutofocus(element);
-    }
-  });
-}
-
-function didMouseDown(event) {
-  if (elementIsUnfocusedWebview(event.target)) {
-    giveWebviewDocumentFocus(event.target);
-  }
-}
-
-document.addEventListener('mousedown', didMouseDown, true);
-document.querySelectorAll('webview').forEach(handleAutofocus);
diff --git a/src/electron/windowUtils.js b/src/electron/windowUtils.js
deleted file mode 100644
index 23b946ac4..000000000
--- a/src/electron/windowUtils.js
+++ /dev/null
@@ -1,11 +0,0 @@
-/* eslint import/prefer-default-export: 0 */
-
-import { screen } from 'electron';
-
-export function isPositionValid(position) {
-  const displays = screen.getAllDisplays();
-  const { x, y } = position;
-  return displays.some(({
-    workArea,
-  }) => x >= workArea.x && x <= workArea.x + workArea.width && y >= workArea.y && y <= workArea.y + workArea.height);
-}
diff --git a/src/electron/windowUtils.ts b/src/electron/windowUtils.ts
new file mode 100644
index 000000000..1db1ff246
--- /dev/null
+++ b/src/electron/windowUtils.ts
@@ -0,0 +1,13 @@
+import { screen } from 'electron';
+
+export function isPositionValid(position: { x: number; y: number }) {
+  const displays = screen.getAllDisplays();
+  const { x, y } = position;
+  return displays.some(
+    ({ workArea }) =>
+      x >= workArea.x &&
+      x <= workArea.x + workArea.width &&
+      y >= workArea.y &&
+      y <= workArea.y + workArea.height,
+  );
+}