chore: convert various files from JS to TS (#1959)

23 files changed, 124 insertions, 94 deletions

diff --git a/src/assets/themeInfo.json b/src/assets/themeInfo.json
deleted file mode 100644
index 54e833789..000000000
--- a/src/assets/themeInfo.json
+++ /dev/null
@@ -1 +0,0 @@
-{"color":".theme__dark .app .sidebar .sidebar__button.is-muted, .theme__dark .app .sidebar .sidebar__button.is-active, .sidebar .sidebar__button.is-muted, .sidebar .sidebar__button.is-active, .tab-item.is-active, .settings .account .invoices .invoices__action button, .settings-navigation .settings-navigation__link.is-active .badge, a.link, button.link, .auth .welcome .button:hover, .auth .welcome .button__inverted, .franz-form .franz-form__radio.is-selected, .theme__dark .franz-form__button.franz-form__button--inverted, .franz-form__button.franz-form__button--inverted","border-color":".theme__dark .settings, .franz-form .franz-form__radio.is-selected","background":".settings .settings__header, .settings .settings__close, .settings-navigation .settings-navigation__link.is-active, a.button, button.button, .auth, .info-bar, .info-bar.info-bar--primary, .infobox.infobox--primary, .theme__dark .badge.badge--primary, .theme__dark, .badge.badge--primary, .content-tabs .content-tabs__tabs .content-tabs__item.is-active, #electron-app-title-bar .toolbar-dropdown:not(.open) > .toolbar-button > button:hover, #electron-app-title-bar .list-item.selected .menu-item, #electron-app-title-bar .list-item.selected:focus .menu-item, .theme__dark .quick-switch .active, .franz-form .franz-form__toggle-wrapper .franz-form__toggle.is-active .franz-form__toggle-button, .theme__dark .franz-form__button, .franz-form__button, .ferdi__fab, .franz-form .franz-form__slider-wrapper .slider::-webkit-slider-thumb","border-right-color":".settings .settings__header .separator"}
diff --git a/src/electron/ipc-api/localServer.ts b/src/electron/ipc-api/localServer.ts
index d318b93a5..61e56c777 100644
--- a/src/electron/ipc-api/localServer.ts
+++ b/src/electron/ipc-api/localServer.ts
@@ -2,7 +2,7 @@ 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';
+import { server } from '../../internal-server/start';
 
 const portInUse = (port: number): Promise<boolean> =>
   new Promise(resolve => {
@@ -35,7 +35,7 @@ export default (params: { mainWindow: BrowserWindow }) => {
         }
         console.log('Starting local server on port', port);
 
-        startServer(userDataPath(), port);
+        server(userDataPath(), port);
 
         params.mainWindow.webContents.send('localServerPort', {
           port,
diff --git a/src/electron/macOSPermissions.ts b/src/electron/macOSPermissions.ts
index f5a8c7cc4..aef3ac30b 100644
--- a/src/electron/macOSPermissions.ts
+++ b/src/electron/macOSPermissions.ts
@@ -15,7 +15,7 @@ debug(
 
 const filePath = userDataPath('.has-app-requested-screen-capture-permissions');
 
-function hasPromptedForScreenCapturePermission(): boolean {
+function hasPromptedForScreenCapturePermission(): string | boolean {
   if (!isExplicitScreenCapturePermissionReqd) {
     return false;
   }
diff --git a/src/environment.js b/src/environment.ts
index b315466fc..ca1380199 100644
--- a/src/environment.js
+++ b/src/environment.ts
@@ -24,7 +24,9 @@ import {
 } from './config';
 
 import { asarPath } from './helpers/asar-helpers';
-import * as buildInfo from './buildInfo.json'; // eslint-disable-line import/no-unresolved
+
+// @ts-expect-error Cannot find module './buildInfo.json' or its corresponding type declarations.
+import * as buildInfo from './buildInfo.json';
 
 export const { app } = electronApi;
 export const ferdiVersion = app.getVersion();
@@ -38,7 +40,11 @@ if (process.env.FERDI_APPDATA_DIR != null) {
   app.setPath('appData', process.env.FERDI_APPDATA_DIR);
   app.setPath('userData', join(app.getPath('appData')));
 } else if (process.env.PORTABLE_EXECUTABLE_DIR != null) {
-  app.setPath('appData', process.env.PORTABLE_EXECUTABLE_DIR, `${app.name}AppData`);
+  app.setPath(
+    'appData',
+    process.env.PORTABLE_EXECUTABLE_DIR,
+    `${app.name}AppData`,
+  );
   app.setPath('userData', join(app.getPath('appData'), `${app.name}AppData`));
 } else if (is.windows) {
   app.setPath('appData', process.env.APPDATA);
@@ -50,17 +56,17 @@ if (isDevMode) {
   app.setPath('userData', join(app.getPath('appData'), `${app.name}Dev`));
 }
 
-export function userDataPath(...segments) {
-  return join(app.getPath('userData'), ...([segments].flat()));
+export function userDataPath(...segments: string[]) {
+  return join(app.getPath('userData'), ...[segments].flat());
 }
 
-export function userDataRecipesPath(...segments) {
-  return userDataPath('recipes', ...([segments].flat()));
+export function userDataRecipesPath(...segments: any[]) {
+  return userDataPath('recipes', ...[segments].flat());
 }
 
 // Replacing app.asar is not beautiful but unfortunately necessary
-export function asarRecipesPath(...segments) {
-  return join(asarPath(join(__dirname, 'recipes')), ...([segments].flat()));
+export function asarRecipesPath(...segments: any[]) {
+  return join(asarPath(join(__dirname, 'recipes')), ...[segments].flat());
 }
 
 export const useLiveAPI = process.env.USE_LIVE_API;
@@ -79,22 +85,31 @@ export const is64Bit = osArch.match(/64/);
 const ctrlKey = isMac ? '⌘' : 'Ctrl';
 const cmdKey = isMac ? 'Cmd' : 'Ctrl';
 
-export const altKey = (isAccelerator = true) => (!isAccelerator && isMac ? '⌥' : 'Alt');
-export const shiftKey = (isAccelerator = true) => (!isAccelerator && isMac ? '⇧' : 'Shift');
+export const altKey = (isAccelerator = true) =>
+  !isAccelerator && isMac ? '⌥' : 'Alt';
+export const shiftKey = (isAccelerator = true) =>
+  !isAccelerator && isMac ? '⇧' : 'Shift';
 
 // Platform specific shortcut keys
-export const cmdOrCtrlShortcutKey = (isAccelerator = true) => (isAccelerator ? cmdKey : ctrlKey);
-export const lockFerdiShortcutKey = (isAccelerator = true) => `${cmdOrCtrlShortcutKey(isAccelerator)}+${shiftKey(isAccelerator)}+L`;
-export const todosToggleShortcutKey = (isAccelerator = true) => `${cmdOrCtrlShortcutKey(isAccelerator)}+T`;
-export const workspaceToggleShortcutKey = (isAccelerator = true) => `${cmdOrCtrlShortcutKey(isAccelerator)}+D`;
-export const muteFerdiShortcutKey = (isAccelerator = true) => `${cmdOrCtrlShortcutKey(isAccelerator)}+${shiftKey(isAccelerator)}+M`;
-export const addNewServiceShortcutKey = (isAccelerator = true) => `${cmdOrCtrlShortcutKey(isAccelerator)}+N`;
-export const settingsShortcutKey = (isAccelerator = true) => `${cmdOrCtrlShortcutKey(isAccelerator)}+${isMac ? ',' : 'P'}`;
-
-let api;
-let wsApi;
-let web;
-let todos;
+export const cmdOrCtrlShortcutKey = (isAccelerator = true) =>
+  isAccelerator ? cmdKey : ctrlKey;
+export const lockFerdiShortcutKey = (isAccelerator = true) =>
+  `${cmdOrCtrlShortcutKey(isAccelerator)}+${shiftKey(isAccelerator)}+L`;
+export const todosToggleShortcutKey = (isAccelerator = true) =>
+  `${cmdOrCtrlShortcutKey(isAccelerator)}+T`;
+export const workspaceToggleShortcutKey = (isAccelerator = true) =>
+  `${cmdOrCtrlShortcutKey(isAccelerator)}+D`;
+export const muteFerdiShortcutKey = (isAccelerator = true) =>
+  `${cmdOrCtrlShortcutKey(isAccelerator)}+${shiftKey(isAccelerator)}+M`;
+export const addNewServiceShortcutKey = (isAccelerator = true) =>
+  `${cmdOrCtrlShortcutKey(isAccelerator)}+N`;
+export const settingsShortcutKey = (isAccelerator = true) =>
+  `${cmdOrCtrlShortcutKey(isAccelerator)}+${isMac ? ',' : 'P'}`;
+
+let api: string;
+let wsApi: string;
+let web: string;
+let todos: string;
 if (!isDevMode || (isDevMode && useLiveAPI)) {
   api = LIVE_FERDI_API;
   wsApi = LIVE_WS_API;
diff --git a/src/features/appearance/index.js b/src/features/appearance/index.ts
index 0c935be32..b00b9df3d 100644
--- a/src/features/appearance/index.js
+++ b/src/features/appearance/index.ts
@@ -1,6 +1,5 @@
 import color from 'color';
 import { reaction } from 'mobx';
-import themeInfo from '../../assets/themeInfo.json';
 import { iconSizeBias } from '../../config';
 import { DEFAULT_APP_SETTINGS } from '../../environment';
 
@@ -30,14 +29,6 @@ function darkenAbsolute(originalColor, absoluteChange) {
 function generateAccentStyle(accentColorStr) {
   let style = '';
 
-  for (const property of Object.keys(themeInfo)) {
-    style += `
-      ${themeInfo[property]} {
-        ${property}: ${accentColorStr};
-      }
-    `;
-  }
-
   let accentColor = color(DEFAULT_APP_SETTINGS.accentColor);
   try {
     accentColor = color(accentColorStr);
diff --git a/src/features/basicAuth/Form.js b/src/features/basicAuth/Form.ts
index 95721d0e9..95721d0e9 100644
--- a/src/features/basicAuth/Form.js
+++ b/src/features/basicAuth/Form.ts
diff --git a/src/features/basicAuth/mainIpcHandler.js b/src/features/basicAuth/mainIpcHandler.ts
index ae4e7cf93..4ec3848e8 100644
--- a/src/features/basicAuth/mainIpcHandler.js
+++ b/src/features/basicAuth/mainIpcHandler.ts
@@ -1,6 +1,8 @@
+import { BrowserWindow } from 'electron';
+
 const debug = require('debug')('Ferdi:feature:basicAuth:main');
 
-export default function mainIpcHandler(mainWindow, authInfo) {
+export default function mainIpcHandler(mainWindow: BrowserWindow, authInfo) {
   debug('Sending basic auth call', authInfo);
 
   mainWindow.webContents.send('feature:basic-auth', {
diff --git a/src/features/basicAuth/store.js b/src/features/basicAuth/store.ts
index 0713ff572..0713ff572 100644
--- a/src/features/basicAuth/store.js
+++ b/src/features/basicAuth/store.ts
diff --git a/src/features/basicAuth/styles.js b/src/features/basicAuth/styles.ts
index 6bdaf9a6e..6bdaf9a6e 100644
--- a/src/features/basicAuth/styles.js
+++ b/src/features/basicAuth/styles.ts
diff --git a/src/features/communityRecipes/index.js b/src/features/communityRecipes/index.ts
index 828c6d867..828c6d867 100644
--- a/src/features/communityRecipes/index.js
+++ b/src/features/communityRecipes/index.ts
diff --git a/src/features/utils/ActionBinding.js b/src/features/utils/ActionBinding.ts
index 787166d44..787166d44 100644
--- a/src/features/utils/ActionBinding.js
+++ b/src/features/utils/ActionBinding.ts
diff --git a/src/features/workspaces/actions.js b/src/features/workspaces/actions.js
deleted file mode 100644
index 5b5db422e..000000000
--- a/src/features/workspaces/actions.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import PropTypes from 'prop-types';
-import Workspace from './models/Workspace';
-import { createActionsFromDefinitions } from '../../actions/lib/actions';
-
-export const workspaceActions = createActionsFromDefinitions({
-  edit: {
-    workspace: PropTypes.instanceOf(Workspace).isRequired,
-  },
-  create: {
-    name: PropTypes.string.isRequired,
-  },
-  delete: {
-    workspace: PropTypes.instanceOf(Workspace).isRequired,
-  },
-  update: {
-    workspace: PropTypes.instanceOf(Workspace).isRequired,
-  },
-  activate: {
-    workspace: PropTypes.instanceOf(Workspace).isRequired,
-  },
-  deactivate: {},
-  toggleWorkspaceDrawer: {},
-  openWorkspaceSettings: {},
-  toggleKeepAllWorkspacesLoadedSetting: {},
-}, PropTypes.checkPropTypes);
-
-export default workspaceActions;
diff --git a/src/features/workspaces/actions.ts b/src/features/workspaces/actions.ts
new file mode 100644
index 000000000..5e7e6e721
--- /dev/null
+++ b/src/features/workspaces/actions.ts
@@ -0,0 +1,30 @@
+import PropTypes from 'prop-types';
+import Workspace from './models/Workspace';
+import { createActionsFromDefinitions } from '../../actions/lib/actions';
+
+export const workspaceActions = createActionsFromDefinitions(
+  {
+    edit: {
+      workspace: PropTypes.instanceOf(Workspace).isRequired,
+    },
+    create: {
+      name: PropTypes.string.isRequired,
+    },
+    delete: {
+      workspace: PropTypes.instanceOf(Workspace).isRequired,
+    },
+    update: {
+      workspace: PropTypes.instanceOf(Workspace).isRequired,
+    },
+    activate: {
+      workspace: PropTypes.instanceOf(Workspace).isRequired,
+    },
+    deactivate: {},
+    toggleWorkspaceDrawer: {},
+    openWorkspaceSettings: {},
+    toggleKeepAllWorkspacesLoadedSetting: {},
+  },
+  PropTypes.checkPropTypes,
+);
+
+export default workspaceActions;
diff --git a/src/features/workspaces/api.js b/src/features/workspaces/api.ts
index 322695ed2..8447fc247 100644
--- a/src/features/workspaces/api.js
+++ b/src/features/workspaces/api.ts
@@ -12,12 +12,14 @@ export const workspaceApi = {
     debug('getUserWorkspaces GET', url);
     const result = await sendAuthRequest(url, { method: 'GET' });
     debug('getUserWorkspaces RESULT', result);
-    if (!result.ok) throw result;
+    if (!result.ok) {
+      throw new Error("Couldn't getUserWorkspaces");
+    }
     const workspaces = await result.json();
-    return workspaces.map((data) => new Workspace(data));
+    return workspaces.map(data => new Workspace(data));
   },
 
-  createWorkspace: async (name) => {
+  createWorkspace: async name => {
     const url = `${apiBase()}/workspace`;
     const options = {
       method: 'POST',
@@ -26,20 +28,24 @@ export const workspaceApi = {
     debug('createWorkspace POST', url, options);
     const result = await sendAuthRequest(url, options);
     debug('createWorkspace RESULT', result);
-    if (!result.ok) throw result;
+    if (!result.ok) {
+      throw new Error("Couldn't createWorkspace");
+    }
     return new Workspace(await result.json());
   },
 
-  deleteWorkspace: async (workspace) => {
+  deleteWorkspace: async workspace => {
     const url = `${apiBase()}/workspace/${workspace.id}`;
     debug('deleteWorkspace DELETE', url);
     const result = await sendAuthRequest(url, { method: 'DELETE' });
     debug('deleteWorkspace RESULT', result);
-    if (!result.ok) throw result;
+    if (!result.ok) {
+      throw new Error("Couldn't deleteWorkspace");
+    }
     return true;
   },
 
-  updateWorkspace: async (workspace) => {
+  updateWorkspace: async workspace => {
     const url = `${apiBase()}/workspace/${workspace.id}`;
     const options = {
       method: 'PUT',
@@ -48,15 +54,29 @@ export const workspaceApi = {
     debug('updateWorkspace UPDATE', url, options);
     const result = await sendAuthRequest(url, options);
     debug('updateWorkspace RESULT', result);
-    if (!result.ok) throw result;
+    if (!result.ok) {
+      throw new Error("Couldn't updateWorkspace");
+    }
     return new Workspace(await result.json());
   },
 };
 
-export const getUserWorkspacesRequest = new Request(workspaceApi, 'getUserWorkspaces');
-export const createWorkspaceRequest = new Request(workspaceApi, 'createWorkspace');
-export const deleteWorkspaceRequest = new Request(workspaceApi, 'deleteWorkspace');
-export const updateWorkspaceRequest = new Request(workspaceApi, 'updateWorkspace');
+export const getUserWorkspacesRequest = new Request(
+  workspaceApi,
+  'getUserWorkspaces',
+);
+export const createWorkspaceRequest = new Request(
+  workspaceApi,
+  'createWorkspace',
+);
+export const deleteWorkspaceRequest = new Request(
+  workspaceApi,
+  'deleteWorkspace',
+);
+export const updateWorkspaceRequest = new Request(
+  workspaceApi,
+  'updateWorkspace',
+);
 
 export const resetApiRequests = () => {
   getUserWorkspacesRequest.reset();
diff --git a/src/features/workspaces/constants.js b/src/features/workspaces/constants.ts
index 2d1416ee0..2d1416ee0 100644
--- a/src/features/workspaces/constants.js
+++ b/src/features/workspaces/constants.ts
diff --git a/src/features/workspaces/index.js b/src/features/workspaces/index.ts
index 83e4d9049..ecca64b41 100644
--- a/src/features/workspaces/index.js
+++ b/src/features/workspaces/index.ts
@@ -12,10 +12,8 @@ export default function initWorkspaces(stores, actions) {
 
   // Toggle workspace feature
   reaction(
-    () => (
-      features.features.isWorkspaceEnabled
-    ),
-    (isEnabled) => {
+    () => features.features.isWorkspaceEnabled,
+    isEnabled => {
       if (isEnabled && !workspaceStore.isFeatureActive) {
         debug('Initializing `workspaces` feature');
         workspaceStore.start(stores, actions);
diff --git a/src/features/workspaces/models/Workspace.js b/src/features/workspaces/models/Workspace.ts
index 14add9437..cd3918fba 100644
--- a/src/features/workspaces/models/Workspace.js
+++ b/src/features/workspaces/models/Workspace.ts
@@ -28,8 +28,10 @@ export default class Workspace {
       services.push(KEEP_WS_LOADED_USID);
     } else if (data.saving && data.services.includes(KEEP_WS_LOADED_USID)) {
       // Don't keep loaded
-      services = services.filter((e) => e !== KEEP_WS_LOADED_USID);
+      services = services.filter(e => e !== KEEP_WS_LOADED_USID);
     }
+
+    // @ts-expect-error Property 'replace' does not exist on type 'never[]'.
     this.services.replace(services);
 
     this.userId = data.userId;
diff --git a/src/i18n/apply-branding.js b/src/i18n/apply-branding.ts
index 8ec573919..801a4a525 100644
--- a/src/i18n/apply-branding.js
+++ b/src/i18n/apply-branding.ts
@@ -1,8 +1,8 @@
 /**
  * Apply Ferdi branding to i18n translations
  */
-const fs = require('fs-extra');
-const path = require('path');
+import fs from 'fs-extra';
+import path from 'path';
 
 console.log('Applying Ferdi branding to translations...');
 
diff --git a/src/i18n/globalMessages.js b/src/i18n/globalMessages.ts
index 8e1df10f7..8e1df10f7 100644
--- a/src/i18n/globalMessages.js
+++ b/src/i18n/globalMessages.ts
diff --git a/src/i18n/languages.js b/src/i18n/languages.ts
index e7713b42b..e7713b42b 100644
--- a/src/i18n/languages.js
+++ b/src/i18n/languages.ts
diff --git a/src/i18n/translations.js b/src/i18n/translations.ts
index 9a7dc7453..9a7dc7453 100644
--- a/src/i18n/translations.js
+++ b/src/i18n/translations.ts
diff --git a/src/internal-server/start.js b/src/internal-server/start.ts
index 5ccc1330e..392f7cf41 100644
--- a/src/internal-server/start.js
+++ b/src/internal-server/start.ts
@@ -15,16 +15,16 @@
 |     Make sure to pass a relative path from the project root.
 */
 
-const fold = require('@adonisjs/fold');
-const { Ignitor } = require('@adonisjs/ignitor');
-const fs = require('fs-extra');
-const path = require('path');
-const { LOCAL_HOSTNAME } = require('../config');
-const { isWindows } = require('../environment');
+import fold from '@adonisjs/fold';
+import { Ignitor } from '@adonisjs/ignitor';
+import fs from 'fs-extra';
+import path from 'path';
+import { LOCAL_HOSTNAME } from '../config';
+import { isWindows } from '../environment';
 
 process.env.ENV_PATH = path.join(__dirname, 'env.ini');
 
-module.exports = async (userPath, port) => {
+export const server = async (userPath: string, port: number) => {
   const dbPath = path.join(userPath, 'server.sqlite');
   const dbTemplatePath = path.join(__dirname, 'database', 'template.sqlite');
 
@@ -45,7 +45,7 @@ module.exports = async (userPath, port) => {
   process.env.DB_PATH = dbPath;
   process.env.USER_PATH = userPath;
   process.env.HOST = LOCAL_HOSTNAME;
-  process.env.PORT = port;
+  process.env.PORT = port.toString();
 
-  new Ignitor(fold).appRoot(__dirname).fireHttpServer().catch(console.error); // eslint-disable-line no-console
+  new Ignitor(fold).appRoot(__dirname).fireHttpServer().catch(console.error);
 };
diff --git a/src/internal-server/test.js b/src/internal-server/test.ts
index ef85743f3..437a2813b 100644
--- a/src/internal-server/test.js
+++ b/src/internal-server/test.ts
@@ -1,6 +1,6 @@
-const path = require('path');
-const fs = require('fs-extra');
-const server = require('./start');
+import path from 'path';
+import fs from 'fs-extra';
+import { server } from './start';
 
 const dummyUserFolder = path.join(__dirname, 'user_data');